@aori/mega-swap-widget 0.1.9 → 0.1.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.ts CHANGED
@@ -8,6 +8,36 @@ import { Chain } from 'wagmi/chains';
8
8
  import * as zustand from 'zustand';
9
9
  import * as _tanstack_react_query from '@tanstack/react-query';
10
10
 
11
+ declare function parseExplorerHash(url: string): string | null;
12
+ interface AoriOrderDetails {
13
+ orderHash: string;
14
+ offerer: string;
15
+ recipient: string;
16
+ inputToken: string;
17
+ inputAmount: string;
18
+ inputChain: string;
19
+ inputTokenValueUsd: string;
20
+ outputToken: string;
21
+ outputAmount: string;
22
+ outputChain: string;
23
+ outputTokenValueUsd: string;
24
+ startTime: number;
25
+ endTime: number;
26
+ timestamp: number;
27
+ srcTx: string | null;
28
+ dstTx: string | null;
29
+ events: Array<{
30
+ event: string;
31
+ timestamp: number;
32
+ }>;
33
+ }
34
+ interface SwapCompleteData {
35
+ quoteId: string;
36
+ aoriOrderHash: string;
37
+ explorerUrl: string;
38
+ details: AoriOrderDetails;
39
+ }
40
+
11
41
  interface Asset {
12
42
  symbol: string;
13
43
  address: string;
@@ -157,14 +187,15 @@ interface AoriSwapWidgetConfig {
157
187
  interface SwapWidgetProps {
158
188
  config: AoriSwapWidgetConfig;
159
189
  className?: string;
160
- onSwapComplete?: (orderHash: string) => void;
190
+ onSwapSubmitted?: (quoteId: string) => void;
191
+ onSwapComplete?: (data: SwapCompleteData) => void;
161
192
  onBaseTokenChange?: (token: Asset) => void;
162
193
  onQuoteTokenChange?: (token: Asset) => void;
163
194
  onRequestConnect?: () => void;
164
195
  onRequestAccount?: () => void;
165
196
  customWalletUI?: 'builtin' | 'none' | 'provider';
166
197
  }
167
- declare function SwapWidget({ config, className, onSwapComplete, onBaseTokenChange, onQuoteTokenChange, onRequestConnect, onRequestAccount, customWalletUI, }: SwapWidgetProps): react_jsx_runtime.JSX.Element;
198
+ declare function SwapWidget({ config, className, onSwapSubmitted, onSwapComplete, onBaseTokenChange, onQuoteTokenChange, onRequestConnect, onRequestAccount, customWalletUI, }: SwapWidgetProps): react_jsx_runtime.JSX.Element;
168
199
 
169
200
  declare function ConnectButton(): react_jsx_runtime.JSX.Element;
170
201
 
@@ -563,4 +594,4 @@ declare function useUnwrapToken(): _tanstack_react_query.UseMutationResult<{
563
594
  hash: `0x${string}`;
564
595
  }, Error, UnwrapTokenParams, unknown>;
565
596
 
566
- export { type AoriSwapWidgetConfig, type Asset, ChainSwitch, ConnectButton, type EnrichedBalance, type PollOrderStatusOptions, type ReviewOrderStep, RfqProvider, SignSwap, type SupportedChainId, SwapFormProvider, SwapWidget, type SwapWidgetProps, type ToastStatus, type TokenRegistryAsset, type TransitionType, type WidgetTheme, WidgetThemeProvider, type WidgetView, buildTransports, canSubmitOrder, cleanupOldSubmissions, defaultDarkTheme, defaultLightTheme, isQuoteFresh, markOrderAsSubmitted, pollOrderStatus, themeToCSS, useBalanceEventListener, useBalanceEventSubscription, useEmitBalanceEvent, useIsTokenSupported, useOrderStatusPolling, useRfq, useSwapForm, useSwapFormContext, useTokenByAddress, useTokenSelection, useTokenSelectionStore, useTokensForChain, useTransactionRegistry, useUnwrapToken, useWalletModal, useWalletState, useWidgetSwapUIStore, useWidgetTheme, useWrapToken, wagmiChains };
597
+ export { type AoriOrderDetails, type AoriSwapWidgetConfig, type Asset, ChainSwitch, ConnectButton, type EnrichedBalance, type PollOrderStatusOptions, type ReviewOrderStep, RfqProvider, SignSwap, type SupportedChainId, type SwapCompleteData, SwapFormProvider, SwapWidget, type SwapWidgetProps, type ToastStatus, type TokenRegistryAsset, type TransitionType, type WidgetTheme, WidgetThemeProvider, type WidgetView, buildTransports, canSubmitOrder, cleanupOldSubmissions, defaultDarkTheme, defaultLightTheme, isQuoteFresh, markOrderAsSubmitted, parseExplorerHash, pollOrderStatus, themeToCSS, useBalanceEventListener, useBalanceEventSubscription, useEmitBalanceEvent, useIsTokenSupported, useOrderStatusPolling, useRfq, useSwapForm, useSwapFormContext, useTokenByAddress, useTokenSelection, useTokenSelectionStore, useTokensForChain, useTransactionRegistry, useUnwrapToken, useWalletModal, useWalletState, useWidgetSwapUIStore, useWidgetTheme, useWrapToken, wagmiChains };
package/dist/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  "use client";
2
- import{a as pt}from"./chunk-PTFMMTWV.js";import{a as Ot,b as zt,c as Fe,d as He,e as be,f as ct,g as xe,h as ge,i as pe,j as wt,k as ut,l as qt,m as Lt,n as Ft,o as Ht,p as Vt,q as $t,r as jt,s as Ut,t as _t,u as Dt,v as Qt,w as ft,x as mt}from"./chunk-PU5KXI4P.js";import{a as gt}from"./chunk-UHG7ZIWD.js";import"./chunk-OPN7WCJR.js";import{a as Mt,b as Bt,c as Et,d as Ve,e as ye}from"./chunk-YO5D6L5W.js";import{a as et,b as me,d as n}from"./chunk-GPT4NHM5.js";import{B as Ne,H as dt,M as lt,b as tt,d as it,g as rt,j as at,l as ot,n as nt,y as st}from"./chunk-QAOZRRSH.js";import{a as J}from"./chunk-46H44R7V.js";import"./chunk-73CB2I7U.js";import vi,{useMemo as Ct}from"react";import{Suspense as se,lazy as ue,useCallback as ke,useEffect as Oe,useRef as De,useState as bt}from"react";import{useShallow as ni}from"zustand/react/shallow";import{useCallback as we,useEffect as Ae,useMemo as Gt,useRef as We,useState as Pe}from"react";import{useShallow as Kt}from"zustand/react/shallow";import{Fragment as $e,jsx as s,jsxs as j}from"react/jsx-runtime";var Yt=new Set([10,8453,42161,534352,59144,324]),Zt=4e-4,Jt=.003;async function Xt(e){let t=Yt.has(e)?Zt:Jt;try{let b=await dt(e).getGasPrice()*350000n*3n/2n,W=Number(b)/1e18;return Math.max(W,t)}catch{return t}}var ei=({onSwapComplete:e,onSwapInitiated:t})=>{let{web3ConnectionType:l,hasConnectHandler:r,lockBase:o,lockQuote:f,disableInverting:b,tokenDisplay:W,tokenBadgeOrientation:B,widgetType:y}=me(),{effectiveInputTokens:x,effectiveOutputTokens:E}=gt(),P=x.length===1,O=E.length===1,q=W==="pill"||W==="ghost",C=y==="compact",Q=C?"px-4 pt-3 pb-1":"px-4 pt-4 pb-2",p=C?"px-4 pt-4 pb-1":"px-4 pt-6 pb-2",{baseToken:i,quoteToken:a,baseAmount:w,quoteAmount:k,isBaseGasToken:m,isQuoteGasToken:I,isWrappingPair:g,isUnwrappingPair:S,baseBalance:N,quoteBalance:L,setBaseAmount:U,setQuoteAmount:v,swapTokens:_,clearForm:H}=ye(),{rfqQuote:G,status:V,handleInputChange:h,ensureForParams:de,stop:D,clear:z,refresh:K}=be(),{address:M}=J(),{openConnectModal:te}=xe(),{isRecipientInputOpen:ie,txStatus:re}=n(Kt(R=>({isRecipientInputOpen:R.isRecipientInputOpen,txStatus:R.txStatus}))),[T,le]=Pe(null),[$,ae]=Pe(null),oe=We(!1),A=!1,he=V==="polling"||G!==null||T!==null,fe=We("");Ae(()=>{let R=`${i?.address}-${i?.chainId}|${a?.address}-${a?.chainId}`;fe.current&&fe.current!==R&&(T!==null||G!==null||V==="polling")&&(le(null),ae(null),z(),H()),fe.current=R},[i?.address,i?.chainId,a?.address,a?.chainId,T,G,V,z,H]);let Me=We(!1),[Ce,ne]=Pe(1);Ae(()=>{let R=T==="trackingTx"&&!!$&&!!i&&!!a&&!!w&&!!k;if(Me.current!==R){ne(0);let Z=setTimeout(()=>ne(1),50);return Me.current=R,()=>clearTimeout(Z)}},[T,$,i,a,w,k]);let Te=We(T),[Re,ve]=Pe(1);Ae(()=>{if(Te.current!==T){ve(0);let R=setTimeout(()=>ve(1),50);return Te.current=T,()=>clearTimeout(R)}},[T]);let Ie=Gt(()=>!i||!a||typeof w!="number"||!k||!M||parseFloat(N.formatted)<w?null:{base:i,quote:a,baseAmount:w,quoteAmount:k,userAddress:M},[i,a,w,k,M,N.formatted]),Be=we(R=>{ae(R),n.getState().startTracking(R)},[]),Ee=we(()=>{oe.current=!0,K()},[K]);Ae(()=>{if(T===null&&!(!i||!a)){if(!w||w<=0){h({amount:null,inputToken:i,outputToken:a,setOutputAmount:v});return}if(g||S){v(w);return}h({amount:w,inputToken:i,outputToken:a,setOutputAmount:v})}},[T,w,i,a,g,S,h,v]);let c=we(()=>{n.getState().setView("baseSelection")},[]),Y=we(()=>{n.getState().setView("quoteSelection")},[]),ce=we(()=>{_(),v(null)},[_,v]),qe=we(async()=>{if(!N.formatted||!i||!a)return;let R=parseFloat(N.formatted);if(!R||R<=0)return;let Z;if(m){let Le=await Xt(i.chainId);if(Z=Math.max(0,R-Le),Z<=0)return}else Z=R*.9999999999;g||S?(U(Z),v(Z),z()):(U(Z),v(null),de({inputToken:i,outputToken:a,inputAmount:Z.toString(),setOutputAmount:Le=>v(Le)}))},[N.formatted,i,a,m,g,S,U,v,z,de]),Nt=we(()=>{z(),H()},[z,H]),Je=N.formatted?parseFloat(N.formatted):null,At=!!(w||k),Wt=i?.price&&w?`$${(i.price*w).toFixed(2)}`:"$0.00",Pt=a?.price&&k?`$${(a.price*k).toFixed(2)}`:"$0.00",Xe=T==="trackingTx"&&!!$&&!!i&&!!a&&!!w&&!!k;return j("div",{className:"flex flex-col w-full",children:[s("div",{style:{opacity:Ce,transition:"opacity 0.3s ease-out"},children:Xe&&$&&i&&a&&w&&k?s("div",{className:"overflow-hidden",children:s(mt,{orderHash:$,base:i,quote:a,baseAmount:w,quoteAmount:k,status:re})}):j($e,{children:[j("div",{className:`relative ${Q}`,style:{borderBottom:"1px solid var(--widget-border)"},children:[q?C?j("div",{className:`flex items-center gap-2 mb-2 ${B==="right"?"flex-row-reverse":"flex-row"}`,children:[s(pe,{toggle:c,side:"base",asset:i,isPlacingOrder:A||o||P,hideDropdown:P}),s("div",{className:"flex-1 min-w-0",children:s(ge,{side:"base",asset:i??null,otherAsset:a??null,isPlacingOrder:A,isWrappingPair:g,isUnwrappingPair:S})})]}):j("div",{className:`flex flex-col ${B==="right"?"items-end":"items-start"}`,children:[s(pe,{toggle:c,side:"base",asset:i,isPlacingOrder:A||o||P,hideDropdown:P}),s(ge,{side:"base",asset:i??null,otherAsset:a??null,isPlacingOrder:A,isWrappingPair:g,isUnwrappingPair:S})]}):j($e,{children:[s(pe,{toggle:c,side:"base",asset:i,isPlacingOrder:A||o||P,hideDropdown:P}),s(ge,{side:"base",asset:i??null,otherAsset:a??null,isPlacingOrder:A,isWrappingPair:g,isUnwrappingPair:S})]}),j("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:Wt}),M&&Je!==null&&Je>0&&s("button",{type:"button",onClick:qe,disabled:A,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"})]})]}),!b&&s("div",{className:"flex justify-center -my-4 relative z-10",children:s("button",{type:"button",onClick:ce,disabled:he,"aria-label":"Swap input and output tokens",className:`flex h-8 w-8 items-center justify-center rounded-full transition-colors bg-(--widget-card) ${he?"cursor-not-allowed opacity-40 pointer-events-none":"cursor-pointer text-(--widget-muted-foreground) hover:bg-(--widget-secondary) hover:text-(--widget-foreground)"}`,style:{border:"1px solid var(--widget-border)"},children:s(ut,{className:"w-3.5 h-3.5"})})}),j("div",{className:`relative ${p}`,children:[q?C?j("div",{className:`flex items-center gap-2 ${B==="right"?"flex-row-reverse":"flex-row"}`,children:[s(pe,{toggle:Y,side:"quote",asset:a,isPlacingOrder:A||f||O,hideDropdown:O}),s("div",{className:"flex-1 min-w-0",children:s(ge,{side:"quote",asset:a??null,otherAsset:i??null,isPlacingOrder:A,isWrappingPair:g,isUnwrappingPair:S})})]}):j("div",{className:`flex flex-col ${B==="right"?"items-end":"items-start"}`,children:[s(pe,{toggle:Y,side:"quote",asset:a,isPlacingOrder:A||f||O,hideDropdown:O}),s(ge,{side:"quote",asset:a??null,otherAsset:i??null,isPlacingOrder:A,isWrappingPair:g,isUnwrappingPair:S})]}):j($e,{children:[s(pe,{toggle:Y,side:"quote",asset:a,isPlacingOrder:A||f||O,hideDropdown:O}),s(ge,{side:"quote",asset:a??null,otherAsset:i??null,isPlacingOrder:A,isWrappingPair:g,isUnwrappingPair:S})]}),j("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:Pt}),At&&s("button",{type:"button",onClick:Nt,disabled:A,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:ie?"1px solid var(--widget-border)":"none",maxHeight:ie?"60px":"0px",opacity:ie?1:0,transition:"max-height 0.3s ease, opacity 0.3s ease"},children:s(wt,{})}),s("div",{className:"px-4",style:{borderTop:"1px solid var(--widget-border)",borderBottom:"1px solid var(--widget-border)"},children:s(pt,{})})]})}),s("div",{className:`relative ${Xe?"px-0 pb-4":"px-4"} ${C?"py-2":"py-4"}`,style:{opacity:Re,transition:"opacity 0.3s ease-out"},children:M&&i&&a&&w&&w>0?s(ft,{base:i,baseAmount:w,quote:a,quoteAmount:k??0,userAddress:M,isWrappingPair:g,isUnwrappingPair:S,isBaseGasToken:m,isQuoteGasToken:I,reviewActionProps:Ie,reviewState:T,setReviewState:le,trackedOrderHash:$,setTrackedOrderHash:ae,onSwapComplete:e,onSwapInitiated:t,onOrderSubmitted:Be,onStaleQuoteRestart:Ee,txStatus:re}):!M&&r?s("button",{onClick:()=>te(),className:`w-full ${C?"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 ${C?"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:M?"Enter Amount":"Connect Wallet"})})]})},ht=ei;import{jsx as F,jsxs as je}from"react/jsx-runtime";var vt=()=>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:[F("div",{className:"h-12 w-full animate-pulse",style:{backgroundColor:"var(--widget-secondary)",borderRadius:"0.25rem"}}),F("div",{className:"mt-2 h-20 w-2/3 animate-pulse",style:{backgroundColor:"var(--widget-secondary)",opacity:.5,borderRadius:"0.25rem"}}),F("div",{className:"mt-1 mb-1 flex w-full items-center justify-between",children:F("div",{className:"h-4 w-12 animate-pulse",style:{backgroundColor:"var(--widget-secondary)",opacity:.4,borderRadius:"0.25rem"}})})]}),F("div",{className:"flex justify-center -my-4 relative z-10",children:F("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:[F("div",{className:"h-12 w-full animate-pulse",style:{backgroundColor:"var(--widget-secondary)",borderRadius:"0.25rem"}}),F("div",{className:"mt-2 h-20 w-2/3 animate-pulse",style:{backgroundColor:"var(--widget-secondary)",opacity:.5,borderRadius:"0.25rem"}}),F("div",{className:"mt-1 mb-1 flex w-full items-center justify-between",children:F("div",{className:"h-4 w-12 animate-pulse",style:{backgroundColor:"var(--widget-secondary)",opacity:.4,borderRadius:"0.25rem"}})})]}),F("div",{className:"px-4",style:{height:"28px",borderTop:"1px solid var(--widget-border)",borderBottom:"1px solid var(--widget-border)"}}),F("div",{className:"relative px-4 py-4",children:F("div",{className:"w-full animate-pulse",style:{height:"44px",backgroundColor:"var(--widget-secondary)",borderRadius:"var(--widget-radius)",opacity:.6}})})]});import{useEffect as ti,useState as Ue}from"react";import{useShallow as ii}from"zustand/react/shallow";import{Fragment as oi,jsx as u,jsxs as X}from"react/jsx-runtime";var ri=({targetText:e,isError:t})=>{let{displayText:l,suffix:r,characterColors:o}=st(e,t);return X(oi,{children:[l.split("").map((f,b)=>u("span",{style:o[b]?{color:"var(--widget-destructive)"}:void 0,children:f},b)),u("span",{style:{color:t?"var(--widget-destructive)":"var(--widget-muted-foreground)",opacity:t?.5:1},children:r})]})},ai=({headerText:e,onBackClick:t,isSameChain:l,isWrappingPair:r,isUnwrappingPair:o,hasLowLiquidity:f,hasInsufficientLiquidity:b,hasRoutingError:W,hasSizeCapError:B,hasInsufficientBalance:y})=>{let x=n(h=>h.view),{isRecipientInputOpen:E,hasAllowanceError:P,hoveredChainName:O,isTrackingTx:q,txStatus:C,walletTab:Q}=n(ii(h=>({isRecipientInputOpen:h.isRecipientInputOpen,hasAllowanceError:h.hasAllowanceError,hoveredChainName:h.hoveredChainName,isTrackingTx:h.isTrackingTx,txStatus:h.txStatus,walletTab:h.walletTab}))),{swapHeaderVariant:p,walletButtonEnabled:i}=me(),{isConnected:a}=J(),[w,k]=Ue(!1);ti(()=>k(!0),[]);let[m,I]=Ue(!1),[g,S]=Ue(!1),N=`${x}-${m}-${g}-${E}-${O||"none"}`,U=(()=>{if(q&&C)switch(C){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(O&&(x==="baseSelection"||x==="quoteSelection"||x==="baseChainSelection"||x==="quoteChainSelection"))return O;if(x==="swap"&&g)return"View Transaction History";if(x==="swap"&&m)return E?"Remove Custom Recipient":"Add Custom Recipient";switch(x){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(x==="swap"){if(P&&!r&&!o)return"Allowance check failed";if(B&&!r&&!o)return"Size limit exceeded";if(b&&!r&&!o)return"Insufficient Liquidity";if(W&&!r&&!o)return"Route Not Found";if(f&&!r&&!o)return"High Price Impact";if(y&&!r&&!o)return"Insufficient Balance"}return l&&!r&&!o?"Swap":r?"Wrap":o?"Unwrap":e}})(),v=!q&&x==="swap"&&!m&&(P&&!r&&!o||B&&!r&&!o||b&&!r&&!o||W&&!r&&!o||f&&!r&&!o||y&&!r&&!o),_={pending:"var(--widget-primary)",received:"var(--widget-primary)",completed:"var(--widget-status-completed)",failed:"var(--widget-status-failed)",cancelled:"var(--widget-status-failed)"},H=()=>!q||!C?null:_[C]??null,G=()=>q?u("button",{onClick:()=>n.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:X("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"})]})}):x==="swap"?X("div",{className:"flex items-center gap-2",children:[i&&w&&a&&u("button",{onClick:()=>n.getState().setView("activity"),onMouseEnter:()=>S(!0),onMouseLeave:()=>S(!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:X("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:()=>n.getState().toggleRecipientInput(),onMouseEnter:()=>I(!0),onMouseLeave:()=>I(!1),"aria-label":E?"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 ${E?"text-(--widget-destructive) opacity-80":"text-(--widget-muted-foreground) opacity-60"}`,children:X("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"}),X("g",{style:{transform:`rotate(${E?"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"})]})]})})]}):X("button",{onClick:()=>t?t():n.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"})]}),V=H();return p==="none"?null:X("div",{className:"w-full pt-3 px-2 font-sans text-base flex flex-row justify-between h-6 shrink-0",children:[x==="wallet"?X("div",{className:"flex items-center gap-1 font-sans uppercase -translate-y-0.5 text-xs",children:[u("button",{type:"button",onClick:()=>n.getState().setWalletTab("wallet"),className:"cursor-pointer transition-colors",style:{color:Q==="wallet"?"var(--widget-foreground)":"var(--widget-muted-foreground)"},children:u("span",{children:"Wallet"})}),u("button",{type:"button",onClick:()=>n.getState().setWalletTab("activity"),className:"cursor-pointer transition-colors",style:{color:Q==="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:V||"var(--widget-foreground)"},children:u(ri,{targetText:U,isError:v??!1})},N)}),u("div",{className:"flex flex-row items-center",children:G()})]})},_e=ai;import{Fragment as wi,jsx as d,jsxs as ze}from"react/jsx-runtime";var yt=ue(()=>import("./AssetSelectionMenu-CYWW5K6R.js")),xt=ue(()=>import("./ChainSelectionMenu-HFJGI6E5.js")),si=ue(()=>import("./SwapFormHorizontal-FUJVIFJH.js")),di=ue(()=>import("./SwapFormSplit-YBU2HQXF.js")),li=ue(()=>import("./WidgetWalletPanel-VUT4LF65.js").then(e=>({default:e.WidgetWalletPanel}))),ci=ue(()=>import("./WalletPlaceholderPanel-Z4JCFCNV.js").then(e=>({default:e.WalletPlaceholderPanel}))),gi=ue(()=>import("./WidgetWalletTradeHistory-VAH2FU7S.js").then(e=>({default:e.WidgetWalletTradeHistory}))),pi=({onSwapComplete:e,cardStyles:t,cardWidth:l})=>{let{baseToken:r,quoteToken:o,baseAmount:f,quoteAmount:b,baseBalance:W,isWrappingPair:B,isUnwrappingPair:y,isRegistryLoading:x}=ye(),{liquidityError:E,routingError:P,sizeCapError:O,stop:q,clear:C}=be(),Q=!!(f&&W.formatted&&parseFloat(W.formatted)<f),p=n(c=>c.view),{isTransitioning:i,isRecipientInputOpen:a,recipient:w,selectedChainFilterChainId:k}=n(ni(c=>({isTransitioning:c.isTransitioning,isRecipientInputOpen:c.isRecipientInputOpen,recipient:c.recipient,selectedChainFilterChainId:c.selectedChainFilter?.chainId??null}))),m=De(null),I=De(null),[g,S]=bt(null);Fe(),Oe(()=>()=>{m.current&&clearTimeout(m.current),I.current&&clearTimeout(I.current)},[]),Oe(()=>{n.getState().resetUI()},[]),Oe(()=>{if(i)return m.current=setTimeout(()=>{n.getState().setIsTransitioning(!1),m.current=null},20),()=>{m.current&&(clearTimeout(m.current),m.current=null)}},[i]);let N=ke((c,Y="navigation")=>{I.current&&(clearTimeout(I.current),I.current=null,S(null)),n.getState().view!=="swap"&&c!=="swap"?(n.getState().setView(c),n.getState().setIsTransitioning(!1)):n.getState().transitionToView(c,Y)},[]),L=ke(()=>{m.current&&(clearTimeout(m.current),m.current=null),I.current&&(clearTimeout(I.current),I.current=null);let c=n.getState().view;S(c),n.getState().setChainFilter(null),n.getState().setView("swap"),n.getState().setIsTransitioning(!1),n.getState().resetAssetSelection(),I.current=setTimeout(()=>{S(null),I.current=null},200)},[]),U=ke(c=>{let ce=p==="baseChainSelection"?"base":"quote";n.getState().setChainFilter({chainId:c,side:ce}),n.getState().pushRecentChain(c),N(ce==="base"?"baseSelection":"quoteSelection","chainSelection")},[p,N]),v=ke(()=>{let c=n.getState().view;c==="baseSelection"?N("baseChainSelection","chainSelection"):c==="quoteSelection"&&N("quoteChainSelection","chainSelection")},[N]),_=ke(()=>{q(),C()},[q,C]),H=r&&o?r.chainId===o.chainId:!0,G=()=>{switch(p){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:V,widgetType:h,customWalletUI:de}=me(),D=p==="baseSelection"||p==="quoteSelection",z=p==="baseChainSelection"||p==="quoteChainSelection",K=V==="split"&&(h==="default"||h==="compact"),M=V==="split"&&(h==="horizontal"||h==="split"),te=V==="default",ie=p==="swap"||D||z||p==="wallet"||p==="activity",re=g==="baseSelection"||g==="quoteSelection",T=g==="baseChainSelection"||g==="quoteChainSelection",le=D||re,$=z||T,ae=D&&!i,oe=z&&!i,A=D?p:g,he=A==="baseSelection"?"base":"quote",fe=A==="baseSelection"?o:r,Ce=(z?p:g)==="baseChainSelection"?"base":"quote",ne=c=>({backgroundColor:"var(--widget-background)",opacity:c?1:0,transform:c?"translateY(0)":"translateY(6px)",transition:"opacity 200ms ease-in-out, transform 200ms ease-in-out"}),Te=te&&(D||z||p==="wallet"||p==="activity"||g!=null),Re=x?d(vt,{}):h==="horizontal"?d(se,{fallback:null,children:d(si,{onSwapComplete:e,onSwapInitiated:_,onBackToSwap:M?L:void 0,onMoreChainsClick:M?v:void 0})}):h==="split"?d(se,{fallback:null,children:d(di,{onSwapComplete:e,onSwapInitiated:_,onBackToSwap:M?L:void 0,onMoreChainsClick:M?v:void 0})}):d(ht,{onSwapComplete:e,onSwapInitiated:_}),ve=t??{},Ie=De(null),[Be,Ee]=bt(420);return Oe(()=>{if(!K)return;let c=Ie.current;if(!c)return;let Y=new ResizeObserver(ce=>{for(let qe of ce)Ee(qe.contentRect.height)});return Y.observe(c),()=>Y.disconnect()},[K]),K?ze(wi,{children:[ze("div",{ref:Ie,className:"flex flex-col w-full overflow-hidden transition-colors duration-300",style:{flex:"1 1 0",minWidth:0,...ve},children:[d(_e,{headerText:"Swap",onBackClick:L,isSameChain:H,isWrappingPair:B,isUnwrappingPair:y,hasLowLiquidity:E,hasInsufficientLiquidity:E,hasRoutingError:P,hasSizeCapError:O,hasInsufficientBalance:Q}),d("div",{className:"overflow-hidden",children:Re})]}),(le||$)&&d("div",{className:"flex flex-col overflow-hidden shrink-0",style:{width:l,height:`${Be}px`,...ve,...ne((D||z)&&!i)},children:D||re?d(se,{fallback:null,children:d(yt,{toggle:L,side:he,otherAsset:fe,onMoreChainsClick:v,selectedChainFilter:k})}):d(se,{fallback:null,children:d(xt,{toggle:L,side:Ce,onChainSelect:U})})})]}):ze("div",{className:"flex flex-col w-full",style:{overflow:"hidden",position:"relative"},children:[d(_e,{headerText:G(),onBackClick:L,isSameChain:H,isWrappingPair:B,isUnwrappingPair:y,hasLowLiquidity:E,hasInsufficientLiquidity:E,hasRoutingError:P,hasSizeCapError:O,hasInsufficientBalance:Q}),ze("div",{className:"relative overflow-hidden",children:[ie&&d("div",{className:"overflow-hidden",style:Te?{pointerEvents:"none"}:void 0,children:Re}),(p==="wallet"||g==="wallet")&&d("div",{className:"absolute inset-0 overflow-hidden z-20",style:ne(p==="wallet"&&!i),children:d(se,{fallback:null,children:de==="none"?d(ci,{}):d(li,{})})}),(p==="activity"||g==="activity")&&d("div",{className:"absolute inset-0 overflow-y-auto z-20",style:ne(p==="activity"&&!i),children:d(se,{fallback:null,children:d(gi,{isActive:p==="activity"})})}),te&&le&&d("div",{className:"absolute inset-0 overflow-hidden z-20",style:ne(ae),children:d(se,{fallback:null,children:d(yt,{toggle:L,side:he,otherAsset:fe,onMoreChainsClick:v,selectedChainFilter:k})})}),te&&$&&d("div",{className:"absolute inset-0 overflow-hidden z-20",style:ne(oe),children:d(se,{fallback:null,children:d(xt,{toggle:L,side:Ce,onChainSelect:U})})})]})]})},kt=({onSwapComplete:e,defaultBaseToken:t,defaultQuoteToken:l,onBaseTokenChange:r,onQuoteTokenChange:o,cardStyles:f,cardWidth:b})=>{let{address:W}=J(),B=n(y=>y.recipient);return d(Ve,{defaultBaseToken:t,defaultQuoteToken:l,onBaseTokenChange:r,onQuoteTokenChange:o,children:d(He,{recipient:B,children:d(pi,{onSwapComplete:e,cardStyles:f,cardWidth:b})})})};import{createContext as ui,useContext as fi}from"react";var Qe={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"},Se={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 Ge(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 hi}from"react/jsx-runtime";var St=ui(Se);function Ke({theme:e,children:t}){return hi(St.Provider,{value:e,children:t})}function mi(){return fi(St)}import{jsx as ee,jsxs as Rt}from"react/jsx-runtime";var bi=[],yi=[],xi=[],Tt=[],ki=[],Si=[],Ci=`
2
+ import{a as wt}from"./chunk-2VOK7L7P.js";import{a as zt,b as Mt,c as He,d as Ve,e as ye,f as gt,g as Se,h as pe,i as we,j as ut,k as ft,l as Lt,m as Ft,n as Ht,o as Vt,p as Dt,q as $t,r as jt,s as Ut,t as _t,u as Qt,v as Gt,w as Kt,x as mt,y as ht}from"./chunk-YIRIKYAW.js";import{a as pt}from"./chunk-UHG7ZIWD.js";import"./chunk-OPN7WCJR.js";import{a as Bt,b as Et,c as qt,d as De,e as xe}from"./chunk-YO5D6L5W.js";import{a as tt,b as he,d as a}from"./chunk-GPT4NHM5.js";import{B as Ae,H as lt,M as ct,b as it,d as rt,g as at,j as ot,l as nt,n as st,y as dt}from"./chunk-QAOZRRSH.js";import{a as X}from"./chunk-46H44R7V.js";import"./chunk-73CB2I7U.js";import yi,{useMemo as Tt}from"react";import{Suspense as de,lazy as fe,useCallback as ke,useEffect as ze,useRef as Qe,useState as yt}from"react";import{useShallow as di}from"zustand/react/shallow";import{useCallback as ue,useEffect as We,useMemo as Yt,useRef as Pe,useState as Oe}from"react";import{useShallow as Zt}from"zustand/react/shallow";import{Fragment as $e,jsx as s,jsxs as j}from"react/jsx-runtime";var Jt=new Set([10,8453,42161,534352,59144,324]),Xt=4e-4,ei=.003;async function ti(e){let t=Jt.has(e)?Xt:ei;try{let u=await lt(e).getGasPrice()*350000n*3n/2n,M=Number(u)/1e18;return Math.max(M,t)}catch{return t}}var ii=({onSwapSubmitted:e,onSwapComplete:t,onSwapInitiated:d})=>{let{web3ConnectionType:o,hasConnectHandler:n,lockBase:h,lockQuote:u,disableInverting:M,tokenDisplay:F,tokenBadgeOrientation:z,widgetType:c}=he(),{effectiveInputTokens:H,effectiveOutputTokens:V}=pt(),T=H.length===1,I=V.length===1,E=F==="pill"||F==="ghost",A=c==="compact",K=A?"px-4 pt-3 pb-1":"px-4 pt-4 pb-2",w=A?"px-4 pt-4 pb-1":"px-4 pt-6 pb-2",{baseToken:i,quoteToken:r,baseAmount:f,quoteAmount:b,isBaseGasToken:v,isQuoteGasToken:R,isWrappingPair:p,isUnwrappingPair:S,baseBalance:W,quoteBalance:B,setBaseAmount:U,setQuoteAmount:y,swapTokens:_,clearForm:D}=xe(),{rfqQuote:G,status:x,handleInputChange:q,ensureForParams:le,stop:Q,clear:P,refresh:Y}=ye(),{address:O}=X(),{openConnectModal:ie}=Se(),{isRecipientInputOpen:re,txStatus:ae}=a(Zt(C=>({isRecipientInputOpen:C.isRecipientInputOpen,txStatus:C.txStatus}))),[k,ce]=Oe(null),[$,oe]=Oe(null),ne=Pe(!1),N=!1,ve=x==="polling"||G!==null||k!==null,me=Pe("");We(()=>{let C=`${i?.address}-${i?.chainId}|${r?.address}-${r?.chainId}`;me.current&&me.current!==C&&(k!==null||G!==null||x==="polling")&&(ce(null),oe(null),P(),D()),me.current=C},[i?.address,i?.chainId,r?.address,r?.chainId,k,G,x,P,D]);let Be=Pe(!1),[Te,se]=Oe(1);We(()=>{let C=k==="trackingTx"&&!!$&&!!i&&!!r&&!!f&&!!b;if(Be.current!==C){se(0);let J=setTimeout(()=>se(1),50);return Be.current=C,()=>clearTimeout(J)}},[k,$,i,r,f,b]);let Ie=Pe(k),[Re,be]=Oe(1);We(()=>{if(Ie.current!==k){be(0);let C=setTimeout(()=>be(1),50);return Ie.current=k,()=>clearTimeout(C)}},[k]);let Ne=Yt(()=>!i||!r||typeof f!="number"||!b||!O||parseFloat(W.formatted)<f?null:{base:i,quote:r,baseAmount:f,quoteAmount:b,userAddress:O},[i,r,f,b,O,W.formatted]),Ee=ue(C=>{oe(C),a.getState().startTracking(C)},[]),qe=ue(()=>{ne.current=!0,Y()},[Y]);We(()=>{if(k===null&&!(!i||!r)){if(!f||f<=0){q({amount:null,inputToken:i,outputToken:r,setOutputAmount:y});return}if(p||S){y(f);return}q({amount:f,inputToken:i,outputToken:r,setOutputAmount:y})}},[k,f,i,r,p,S,q,y]);let g=ue(()=>{a.getState().setView("baseSelection")},[]),Z=ue(()=>{a.getState().setView("quoteSelection")},[]),ge=ue(()=>{_(),y(null)},[_,y]),Le=ue(async()=>{if(!W.formatted||!i||!r)return;let C=parseFloat(W.formatted);if(!C||C<=0)return;let J;if(v){let Fe=await ti(i.chainId);if(J=Math.max(0,C-Fe),J<=0)return}else J=C*.9999999999;p||S?(U(J),y(J),P()):(U(J),y(null),le({inputToken:i,outputToken:r,inputAmount:J.toString(),setOutputAmount:Fe=>y(Fe)}))},[W.formatted,i,r,v,p,S,U,y,P,le]),At=ue(()=>{P(),D()},[P,D]),Xe=W.formatted?parseFloat(W.formatted):null,Wt=!!(f||b),Pt=i?.price&&f?`$${(i.price*f).toFixed(2)}`:"$0.00",Ot=r?.price&&b?`$${(r.price*b).toFixed(2)}`:"$0.00",et=k==="trackingTx"&&!!$&&!!i&&!!r&&!!f&&!!b;return j("div",{className:"flex flex-col w-full",children:[s("div",{style:{opacity:Te,transition:"opacity 0.3s ease-out"},children:et&&$&&i&&r&&f&&b?s("div",{className:"overflow-hidden",children:s(ht,{orderHash:$,base:i,quote:r,baseAmount:f,quoteAmount:b,status:ae})}):j($e,{children:[j("div",{className:`relative ${K}`,style:{borderBottom:"1px solid var(--widget-border)"},children:[E?A?j("div",{className:`flex items-center gap-2 mb-2 ${z==="right"?"flex-row-reverse":"flex-row"}`,children:[s(we,{toggle:g,side:"base",asset:i,isPlacingOrder:N||h||T,hideDropdown:T}),s("div",{className:"flex-1 min-w-0",children:s(pe,{side:"base",asset:i??null,otherAsset:r??null,isPlacingOrder:N,isWrappingPair:p,isUnwrappingPair:S})})]}):j("div",{className:`flex flex-col ${z==="right"?"items-end":"items-start"}`,children:[s(we,{toggle:g,side:"base",asset:i,isPlacingOrder:N||h||T,hideDropdown:T}),s(pe,{side:"base",asset:i??null,otherAsset:r??null,isPlacingOrder:N,isWrappingPair:p,isUnwrappingPair:S})]}):j($e,{children:[s(we,{toggle:g,side:"base",asset:i,isPlacingOrder:N||h||T,hideDropdown:T}),s(pe,{side:"base",asset:i??null,otherAsset:r??null,isPlacingOrder:N,isWrappingPair:p,isUnwrappingPair:S})]}),j("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:Pt}),O&&Xe!==null&&Xe>0&&s("button",{type:"button",onClick:Le,disabled:N,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"})]})]}),!M&&s("div",{className:"flex justify-center -my-4 relative z-10",children:s("button",{type:"button",onClick:ge,disabled:ve,"aria-label":"Swap input and output tokens",className:`flex h-8 w-8 items-center justify-center rounded-full transition-colors bg-(--widget-card) ${ve?"cursor-not-allowed opacity-40 pointer-events-none":"cursor-pointer text-(--widget-muted-foreground) hover:bg-(--widget-secondary) hover:text-(--widget-foreground)"}`,style:{border:"1px solid var(--widget-border)"},children:s(ft,{className:"w-3.5 h-3.5"})})}),j("div",{className:`relative ${w}`,children:[E?A?j("div",{className:`flex items-center gap-2 ${z==="right"?"flex-row-reverse":"flex-row"}`,children:[s(we,{toggle:Z,side:"quote",asset:r,isPlacingOrder:N||u||I,hideDropdown:I}),s("div",{className:"flex-1 min-w-0",children:s(pe,{side:"quote",asset:r??null,otherAsset:i??null,isPlacingOrder:N,isWrappingPair:p,isUnwrappingPair:S})})]}):j("div",{className:`flex flex-col ${z==="right"?"items-end":"items-start"}`,children:[s(we,{toggle:Z,side:"quote",asset:r,isPlacingOrder:N||u||I,hideDropdown:I}),s(pe,{side:"quote",asset:r??null,otherAsset:i??null,isPlacingOrder:N,isWrappingPair:p,isUnwrappingPair:S})]}):j($e,{children:[s(we,{toggle:Z,side:"quote",asset:r,isPlacingOrder:N||u||I,hideDropdown:I}),s(pe,{side:"quote",asset:r??null,otherAsset:i??null,isPlacingOrder:N,isWrappingPair:p,isUnwrappingPair:S})]}),j("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:Ot}),Wt&&s("button",{type:"button",onClick:At,disabled:N,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:re?"1px solid var(--widget-border)":"none",maxHeight:re?"60px":"0px",opacity:re?1:0,transition:"max-height 0.3s ease, opacity 0.3s ease"},children:s(ut,{})}),s("div",{className:"px-4",style:{borderTop:"1px solid var(--widget-border)",borderBottom:"1px solid var(--widget-border)"},children:s(wt,{})})]})}),s("div",{className:`relative ${et?"px-0 pb-4":"px-4"} ${A?"py-2":"py-4"}`,style:{opacity:Re,transition:"opacity 0.3s ease-out"},children:O&&i&&r&&f&&f>0?s(mt,{base:i,baseAmount:f,quote:r,quoteAmount:b??0,userAddress:O,isWrappingPair:p,isUnwrappingPair:S,isBaseGasToken:v,isQuoteGasToken:R,reviewActionProps:Ne,reviewState:k,setReviewState:ce,trackedOrderHash:$,setTrackedOrderHash:oe,onSwapSubmitted:e,onSwapComplete:t,onSwapInitiated:d,onOrderSubmitted:Ee,onStaleQuoteRestart:qe,txStatus:ae}):!O&&n?s("button",{onClick:()=>ie(),className:`w-full ${A?"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 ${A?"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:O?"Enter Amount":"Connect Wallet"})})]})},vt=ii;import{jsx as L,jsxs as je}from"react/jsx-runtime";var bt=()=>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 ri,useState as Ue}from"react";import{useShallow as ai}from"zustand/react/shallow";import{Fragment as si,jsx as m,jsxs as ee}from"react/jsx-runtime";var oi=({targetText:e,isError:t})=>{let{displayText:d,suffix:o,characterColors:n}=dt(e,t);return ee(si,{children:[d.split("").map((h,u)=>m("span",{style:n[u]?{color:"var(--widget-destructive)"}:void 0,children:h},u)),m("span",{style:{color:t?"var(--widget-destructive)":"var(--widget-muted-foreground)",opacity:t?.5:1},children:o})]})},ni=({headerText:e,onBackClick:t,isSameChain:d,isWrappingPair:o,isUnwrappingPair:n,hasLowLiquidity:h,hasInsufficientLiquidity:u,hasRoutingError:M,hasSizeCapError:F,hasInsufficientBalance:z})=>{let c=a(x=>x.view),{isRecipientInputOpen:H,hasAllowanceError:V,hoveredChainName:T,isTrackingTx:I,txStatus:E,walletTab:A}=a(ai(x=>({isRecipientInputOpen:x.isRecipientInputOpen,hasAllowanceError:x.hasAllowanceError,hoveredChainName:x.hoveredChainName,isTrackingTx:x.isTrackingTx,txStatus:x.txStatus,walletTab:x.walletTab}))),{swapHeaderVariant:K,walletButtonEnabled:w}=he(),{isConnected:i}=X(),[r,f]=Ue(!1);ri(()=>f(!0),[]);let[b,v]=Ue(!1),[R,p]=Ue(!1),S=`${c}-${b}-${R}-${H}-${T||"none"}`,B=(()=>{if(I&&E)switch(E){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(T&&(c==="baseSelection"||c==="quoteSelection"||c==="baseChainSelection"||c==="quoteChainSelection"))return T;if(c==="swap"&&R)return"View Transaction History";if(c==="swap"&&b)return H?"Remove Custom Recipient":"Add Custom Recipient";switch(c){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(c==="swap"){if(V&&!o&&!n)return"Allowance check failed";if(F&&!o&&!n)return"Size limit exceeded";if(u&&!o&&!n)return"Insufficient Liquidity";if(M&&!o&&!n)return"Route Not Found";if(h&&!o&&!n)return"High Price Impact";if(z&&!o&&!n)return"Insufficient Balance"}return d&&!o&&!n?"Swap":o?"Wrap":n?"Unwrap":e}})(),U=!I&&c==="swap"&&!b&&(V&&!o&&!n||F&&!o&&!n||u&&!o&&!n||M&&!o&&!n||h&&!o&&!n||z&&!o&&!n),y={pending:"var(--widget-primary)",received:"var(--widget-primary)",completed:"var(--widget-status-completed)",failed:"var(--widget-status-failed)",cancelled:"var(--widget-status-failed)"},_=()=>!I||!E?null:y[E]??null,D=()=>I?m("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:ee("svg",{className:"size-3.5",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[m("path",{d:"M18 6L6 18",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),m("path",{d:"M6 6L18 18",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]})}):c==="swap"?ee("div",{className:"flex items-center gap-2",children:[w&&r&&i&&m("button",{onClick:()=>a.getState().setView("activity"),onMouseEnter:()=>p(!0),onMouseLeave:()=>p(!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:ee("svg",{className:"size-3.5",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[m("path",{d:"M12 8V12L14.5 14.5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),m("path",{d:"M3.05 11A9 9 0 1 1 3.05 13",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"}),m("path",{d:"M1 7.5L3.05 11L6.5 9",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]})}),m("button",{onClick:()=>a.getState().toggleRecipientInput(),onMouseEnter:()=>v(!0),onMouseLeave:()=>v(!1),"aria-label":H?"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 ${H?"text-(--widget-destructive) opacity-80":"text-(--widget-muted-foreground) opacity-60"}`,children:ee("svg",{className:"size-3.5",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[m("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"}),m("path",{d:"M6 16.5H8",stroke:"currentColor",strokeWidth:"1.5",strokeMiterlimit:"10",strokeLinecap:"butt",strokeLinejoin:"miter"}),m("path",{d:"M10.5 16.5H14.5",stroke:"currentColor",strokeWidth:"1.5",strokeMiterlimit:"10",strokeLinecap:"butt",strokeLinejoin:"miter"}),m("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"}),ee("g",{style:{transform:`rotate(${H?"45deg":"0deg"})`,transformOrigin:"18.75px 6.75px",transition:"transform 150ms ease-out"},children:[m("path",{d:"M15 6.75H22.5",stroke:"currentColor",strokeWidth:"1.5"}),m("path",{d:"M18.75 10.5V3",stroke:"currentColor",strokeWidth:"1.5"})]})]})})]}):ee("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:[m("span",{className:"pr-1",children:"\u2190"}),m("span",{className:"text-sm",children:"Back"})]}),G=_();return K==="none"?null:ee("div",{className:"w-full pt-3 px-2 font-sans text-base flex flex-row justify-between h-6 shrink-0",children:[c==="wallet"?ee("div",{className:"flex items-center gap-1 font-sans uppercase -translate-y-0.5 text-xs",children:[m("button",{type:"button",onClick:()=>a.getState().setWalletTab("wallet"),className:"cursor-pointer transition-colors",style:{color:A==="wallet"?"var(--widget-foreground)":"var(--widget-muted-foreground)"},children:m("span",{children:"Wallet"})}),m("button",{type:"button",onClick:()=>a.getState().setWalletTab("activity"),className:"cursor-pointer transition-colors",style:{color:A==="activity"?"var(--widget-foreground)":"var(--widget-muted-foreground)"},children:"Activity"})]}):m("div",{className:"font-sans uppercase -translate-y-0.5 text-xs flex items-center",children:m("span",{className:"relative",style:{color:G||"var(--widget-foreground)"},children:m(oi,{targetText:B,isError:U??!1})},S)}),m("div",{className:"flex flex-row items-center",children:D()})]})},_e=ni;import{Fragment as fi,jsx as l,jsxs as Me}from"react/jsx-runtime";var xt=fe(()=>import("./AssetSelectionMenu-CYWW5K6R.js")),St=fe(()=>import("./ChainSelectionMenu-HFJGI6E5.js")),li=fe(()=>import("./SwapFormHorizontal-4OU37V6U.js")),ci=fe(()=>import("./SwapFormSplit-UGIUUA5V.js")),gi=fe(()=>import("./WidgetWalletPanel-VUT4LF65.js").then(e=>({default:e.WidgetWalletPanel}))),pi=fe(()=>import("./WalletPlaceholderPanel-Z4JCFCNV.js").then(e=>({default:e.WalletPlaceholderPanel}))),wi=fe(()=>import("./WidgetWalletTradeHistory-VAH2FU7S.js").then(e=>({default:e.WidgetWalletTradeHistory}))),ui=({onSwapSubmitted:e,onSwapComplete:t,cardStyles:d,cardWidth:o})=>{let{baseToken:n,quoteToken:h,baseAmount:u,quoteAmount:M,baseBalance:F,isWrappingPair:z,isUnwrappingPair:c,isRegistryLoading:H}=xe(),{liquidityError:V,routingError:T,sizeCapError:I,stop:E,clear:A}=ye(),K=!!(u&&F.formatted&&parseFloat(F.formatted)<u),w=a(g=>g.view),{isTransitioning:i,isRecipientInputOpen:r,recipient:f,selectedChainFilterChainId:b}=a(di(g=>({isTransitioning:g.isTransitioning,isRecipientInputOpen:g.isRecipientInputOpen,recipient:g.recipient,selectedChainFilterChainId:g.selectedChainFilter?.chainId??null}))),v=Qe(null),R=Qe(null),[p,S]=yt(null);He(),ze(()=>()=>{v.current&&clearTimeout(v.current),R.current&&clearTimeout(R.current)},[]),ze(()=>{a.getState().resetUI()},[]),ze(()=>{if(i)return v.current=setTimeout(()=>{a.getState().setIsTransitioning(!1),v.current=null},20),()=>{v.current&&(clearTimeout(v.current),v.current=null)}},[i]);let W=ke((g,Z="navigation")=>{R.current&&(clearTimeout(R.current),R.current=null,S(null)),a.getState().view!=="swap"&&g!=="swap"?(a.getState().setView(g),a.getState().setIsTransitioning(!1)):a.getState().transitionToView(g,Z)},[]),B=ke(()=>{v.current&&(clearTimeout(v.current),v.current=null),R.current&&(clearTimeout(R.current),R.current=null);let g=a.getState().view;S(g),a.getState().setChainFilter(null),a.getState().setView("swap"),a.getState().setIsTransitioning(!1),a.getState().resetAssetSelection(),R.current=setTimeout(()=>{S(null),R.current=null},200)},[]),U=ke(g=>{let ge=w==="baseChainSelection"?"base":"quote";a.getState().setChainFilter({chainId:g,side:ge}),a.getState().pushRecentChain(g),W(ge==="base"?"baseSelection":"quoteSelection","chainSelection")},[w,W]),y=ke(()=>{let g=a.getState().view;g==="baseSelection"?W("baseChainSelection","chainSelection"):g==="quoteSelection"&&W("quoteChainSelection","chainSelection")},[W]),_=ke(()=>{E(),A()},[E,A]),D=n&&h?n.chainId===h.chainId:!0,G=()=>{switch(w){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:x,widgetType:q,customWalletUI:le}=he(),Q=w==="baseSelection"||w==="quoteSelection",P=w==="baseChainSelection"||w==="quoteChainSelection",Y=x==="split"&&(q==="default"||q==="compact"),O=x==="split"&&(q==="horizontal"||q==="split"),ie=x==="default",re=w==="swap"||Q||P||w==="wallet"||w==="activity",ae=p==="baseSelection"||p==="quoteSelection",k=p==="baseChainSelection"||p==="quoteChainSelection",ce=Q||ae,$=P||k,oe=Q&&!i,ne=P&&!i,N=Q?w:p,ve=N==="baseSelection"?"base":"quote",me=N==="baseSelection"?h:n,Te=(P?w:p)==="baseChainSelection"?"base":"quote",se=g=>({backgroundColor:"var(--widget-background)",opacity:g?1:0,transform:g?"translateY(0)":"translateY(6px)",transition:"opacity 200ms ease-in-out, transform 200ms ease-in-out"}),Ie=ie&&(Q||P||w==="wallet"||w==="activity"||p!=null),Re=H?l(bt,{}):q==="horizontal"?l(de,{fallback:null,children:l(li,{onSwapSubmitted:e,onSwapComplete:t,onSwapInitiated:_,onBackToSwap:O?B:void 0,onMoreChainsClick:O?y:void 0})}):q==="split"?l(de,{fallback:null,children:l(ci,{onSwapSubmitted:e,onSwapComplete:t,onSwapInitiated:_,onBackToSwap:O?B:void 0,onMoreChainsClick:O?y:void 0})}):l(vt,{onSwapSubmitted:e,onSwapComplete:t,onSwapInitiated:_}),be=d??{},Ne=Qe(null),[Ee,qe]=yt(420);return ze(()=>{if(!Y)return;let g=Ne.current;if(!g)return;let Z=new ResizeObserver(ge=>{for(let Le of ge)qe(Le.contentRect.height)});return Z.observe(g),()=>Z.disconnect()},[Y]),Y?Me(fi,{children:[Me("div",{ref:Ne,className:"flex flex-col w-full overflow-hidden transition-colors duration-300",style:{flex:"1 1 0",minWidth:0,...be},children:[l(_e,{headerText:"Swap",onBackClick:B,isSameChain:D,isWrappingPair:z,isUnwrappingPair:c,hasLowLiquidity:V,hasInsufficientLiquidity:V,hasRoutingError:T,hasSizeCapError:I,hasInsufficientBalance:K}),l("div",{className:"overflow-hidden",children:Re})]}),(ce||$)&&l("div",{className:"flex flex-col overflow-hidden shrink-0",style:{width:o,height:`${Ee}px`,...be,...se((Q||P)&&!i)},children:Q||ae?l(de,{fallback:null,children:l(xt,{toggle:B,side:ve,otherAsset:me,onMoreChainsClick:y,selectedChainFilter:b})}):l(de,{fallback:null,children:l(St,{toggle:B,side:Te,onChainSelect:U})})})]}):Me("div",{className:"flex flex-col w-full",style:{overflow:"hidden",position:"relative"},children:[l(_e,{headerText:G(),onBackClick:B,isSameChain:D,isWrappingPair:z,isUnwrappingPair:c,hasLowLiquidity:V,hasInsufficientLiquidity:V,hasRoutingError:T,hasSizeCapError:I,hasInsufficientBalance:K}),Me("div",{className:"relative overflow-hidden",children:[re&&l("div",{className:"overflow-hidden",style:Ie?{pointerEvents:"none"}:void 0,children:Re}),(w==="wallet"||p==="wallet")&&l("div",{className:"absolute inset-0 overflow-hidden z-20",style:se(w==="wallet"&&!i),children:l(de,{fallback:null,children:le==="none"?l(pi,{}):l(gi,{})})}),(w==="activity"||p==="activity")&&l("div",{className:"absolute inset-0 overflow-y-auto z-20",style:se(w==="activity"&&!i),children:l(de,{fallback:null,children:l(wi,{isActive:w==="activity"})})}),ie&&ce&&l("div",{className:"absolute inset-0 overflow-hidden z-20",style:se(oe),children:l(de,{fallback:null,children:l(xt,{toggle:B,side:ve,otherAsset:me,onMoreChainsClick:y,selectedChainFilter:b})})}),ie&&$&&l("div",{className:"absolute inset-0 overflow-hidden z-20",style:se(ne),children:l(de,{fallback:null,children:l(St,{toggle:B,side:Te,onChainSelect:U})})})]})]})},kt=({onSwapSubmitted:e,onSwapComplete:t,defaultBaseToken:d,defaultQuoteToken:o,onBaseTokenChange:n,onQuoteTokenChange:h,cardStyles:u,cardWidth:M})=>{let{address:F}=X(),z=a(c=>c.recipient);return l(De,{defaultBaseToken:d,defaultQuoteToken:o,onBaseTokenChange:n,onQuoteTokenChange:h,children:l(Ve,{recipient:z,children:l(ui,{onSwapSubmitted:e,onSwapComplete:t,cardStyles:u,cardWidth:M})})})};import{createContext as mi,useContext as hi}from"react";var Ge={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 Ke(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 bi}from"react/jsx-runtime";var Ct=mi(Ce);function Ye({theme:e,children:t}){return bi(Ct.Provider,{value:e,children:t})}function vi(){return hi(Ct)}import{jsx as te,jsxs as Rt}from"react/jsx-runtime";var xi=[],Si=[],ki=[],It=[],Ci=[],Ti=[],Ii=`
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 pt}from"./chunk-PTFMMTWV.js";import{a as Ot,b as zt,c as Fe,d as He,
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
- `,Ye=class extends vi.Component{state={hasError:!1};static getDerivedStateFromError(){return{hasError:!0}}render(){return this.state.hasError?Rt("div",{style:{padding:"1.5rem",textAlign:"center",color:"var(--widget-foreground, #888)",fontFamily:"system-ui, sans-serif"},children:[ee("p",{style:{margin:"0 0 0.75rem",fontSize:"0.875rem"},children:"Something went wrong."}),ee("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 Ti(e){let t=e.theme.mode==="light"?Qe:Se,l=e.theme.mode==="light"?e.theme.light:e.theme.dark;return l?{...t,...l}:t}function Ri({config:e,className:t,onSwapComplete:l,onBaseTokenChange:r,onQuoteTokenChange:o,onRequestConnect:f,onRequestAccount:b,customWalletUI:W="builtin"}){ot(e.apiKey),nt(e.rpcOverrides),at(e.vtApiBaseUrl);let B=Ti(e),y=e.appearance?.widgetType??"default",x=e.appearance?.tokenDisplay??"default",E=e.appearance?.tokenBadgeOrientation??"left",P=e.appearance?.assetMenuVariant??"default",O=e.appearance?.amountInputVariant??"default",q=e.appearance?.hideAmountInputSymbol??!1,C=e.appearance?.swapButtonVariant??"default",Q=e.appearance?.swapHeaderVariant??"default",p=e.appearance?.quoteLoaderVariant??"default",i=e.appearance?.walletButtonEnabled??!0,a=e.appearance?.fillContainer??!1,w=e.appearance?.hideBorder??!1,k=Ge(B),m=P==="split"&&(y==="default"||y==="compact"),I=n(oe=>oe.view==="baseSelection"||oe.view==="quoteSelection"||oe.view==="baseChainSelection"||oe.view==="quoteChainSelection"),g=y==="compact"?"22rem":"24rem",N=m?{maxWidth:I?y==="compact"?"46rem":"49rem":g,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%",...a?{}:{maxWidth:y==="split"||y==="horizontal"?"48rem":y==="compact"?"22rem":"24rem"},height:"auto",overflow:"hidden"},L={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"},U=e.tokens?.enabledChains??bi,v=e.tokens?.supportedInputTokens??yi,_=e.tokens?.supportedOutputTokens??xi,H=e.tokens?.supportedInputChains??Tt,G=e.tokens?.supportedOutputChains??Tt,V=e.tokens?.prioritizedInputTokens??ki,h=e.tokens?.prioritizedInputChains??Si,de=e.tokens?.inputSelectionSearch??!0,D=e.tokens?.outputSelectionSearch??!0,z=e.tokens?.showInputSelectionTokenBalances??!0,K=e.tokens?.showOutputSelectionTokenBalances??!0,M=e.tokens?.lockBase??!1,te=e.tokens?.lockQuote??!1,ie=e.tokens?.disableInverting??!1,re=e.settings?.defaultSlippage??.01,T=!!f,le=Ct(()=>({apiKey:e.apiKey,web3ConnectionType:"custom",enabledChains:U,supportedInputTokens:v,supportedOutputTokens:_,supportedInputChains:H,supportedOutputChains:G,prioritizedInputTokens:V,prioritizedInputChains:h,inputSelectionSearch:de,outputSelectionSearch:D,showInputSelectionTokenBalances:z,showOutputSelectionTokenBalances:K,lockBase:M,lockQuote:te,disableInverting:ie,defaultSlippage:re,widgetType:y,tokenDisplay:x,tokenBadgeOrientation:E,assetMenuVariant:P,amountInputVariant:O,hideAmountInputSymbol:q,swapButtonVariant:C,swapHeaderVariant:Q,quoteLoaderVariant:p,walletButtonEnabled:i,hasConnectHandler:T,customWalletUI:W}),[e.apiKey,U,v,_,H,G,V,h,de,D,z,K,M,te,ie,re,y,x,E,P,O,q,C,Q,p,i,T,W]),$=Ct(()=>f?{openConnectModal:f,openAccountModal:b}:null,[f,b]),ae=ee(lt,{children:ee(et.Provider,{value:le,children:ee(Ke,{theme:B,children:Rt("div",{className:`aori-widget${t?` ${t}`:""}`,style:{...k,"--font-sans":"var(--widget-font-sans)","--font-mono":"var(--widget-font-mono)",fontFamily:"var(--widget-font-sans)",letterSpacing:"var(--widget-letter-spacing)",width:"100%",...N,position:"relative",...m?{}:L},children:[ee("style",{dangerouslySetInnerHTML:{__html:Ci}}),ee(Ye,{children:ee(kt,{onSwapComplete:l,defaultBaseToken:e.tokens?.defaultBase,defaultQuoteToken:e.tokens?.defaultQuote,onBaseTokenChange:r,onQuoteTokenChange:o,cardStyles:m?L:void 0,cardWidth:m?g:void 0})})]})})})});return $?ee(ct.Provider,{value:$,children:ae}):ae}import{jsx as Ni}from"react/jsx-runtime";function Ii(){let{openConnectModal:e}=xe(),{isConnected:t,address:l}=J(),r=t&&l?`${l.slice(0,6)}...${l.slice(-4)}`:"Connect";return Ni("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 It,fallback as Ai}from"wagmi";function Wi(e){let t=Object.entries(tt);return Object.fromEntries(t.map(([l,r])=>{let o=e?.[Number(l)],f=o?Array.isArray(o)?o:[o]:[],b=f.length>0?[...f,...r.rpcUrls]:r.rpcUrls;return[l,b.length>1?Ai(b.map(W=>It(W,{batch:{batchSize:50,wait:50}}))):It(b[0],{batch:{batchSize:50,wait:50}})]}))}var Pi=it().map(e=>e.wagmiChain);import{useMemo as Ze}from"react";var Oi=e=>{let{tokenRegistry:t,isLoadingRegistry:l,error:r}=Ne();return{tokens:Ze(()=>t.filter(f=>f.chainId===e),[t,e]),isLoading:l,error:r}},zi=(e,t)=>{let{tokenRegistry:l}=Ne();return Ze(()=>!e||!l.length?!1:l.some(r=>r.address.toLowerCase()===e.toLowerCase()&&r.chainId===t),[l,e,t])},Mi=(e,t)=>{let{getToken:l}=Ne();return Ze(()=>{if(!(!e||!t))return l(t,e)},[l,e,t])},Zr=rt();export{Ht as ChainSwitch,Ii as ConnectButton,He as RfqProvider,Vt as SignSwap,Ve as SwapFormProvider,Ri as SwapWidget,Ke as WidgetThemeProvider,Wi as buildTransports,jt as canSubmitOrder,_t as cleanupOldSubmissions,Se as defaultDarkTheme,Qe as defaultLightTheme,$t as isQuoteFresh,Ut as markOrderAsSubmitted,qt as pollOrderStatus,Ge as themeToCSS,Ot as useBalanceEventListener,Fe as useBalanceEventSubscription,zt as useEmitBalanceEvent,zi as useIsTokenSupported,Lt as useOrderStatusPolling,be as useRfq,Et as useSwapForm,ye as useSwapFormContext,Mi as useTokenByAddress,Bt as useTokenSelection,Mt as useTokenSelectionStore,Oi as useTokensForChain,Ft as useTransactionRegistry,Dt as useUnwrapToken,xe as useWalletModal,J as useWalletState,n as useWidgetSwapUIStore,mi as useWidgetTheme,Qt as useWrapToken,Pi as wagmiChains};
10
+ `,Ze=class extends yi.Component{state={hasError:!1};static getDerivedStateFromError(){return{hasError:!0}}render(){return this.state.hasError?Rt("div",{style:{padding:"1.5rem",textAlign:"center",color:"var(--widget-foreground, #888)",fontFamily:"system-ui, sans-serif"},children:[te("p",{style:{margin:"0 0 0.75rem",fontSize:"0.875rem"},children:"Something went wrong."}),te("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 Ri(e){let t=e.theme.mode==="light"?Ge:Ce,d=e.theme.mode==="light"?e.theme.light:e.theme.dark;return d?{...t,...d}:t}function Ni({config:e,className:t,onSwapSubmitted:d,onSwapComplete:o,onBaseTokenChange:n,onQuoteTokenChange:h,onRequestConnect:u,onRequestAccount:M,customWalletUI:F="builtin"}){nt(e.apiKey),st(e.rpcOverrides),ot(e.vtApiBaseUrl);let z=Ri(e),c=e.appearance?.widgetType??"default",H=e.appearance?.tokenDisplay??"default",V=e.appearance?.tokenBadgeOrientation??"left",T=e.appearance?.assetMenuVariant??"default",I=e.appearance?.amountInputVariant??"default",E=e.appearance?.hideAmountInputSymbol??!1,A=e.appearance?.swapButtonVariant??"default",K=e.appearance?.swapHeaderVariant??"default",w=e.appearance?.quoteLoaderVariant??"default",i=e.appearance?.walletButtonEnabled??!0,r=e.appearance?.fillContainer??!1,f=e.appearance?.hideBorder??!1,b=Ke(z),v=T==="split"&&(c==="default"||c==="compact"),R=a(ne=>ne.view==="baseSelection"||ne.view==="quoteSelection"||ne.view==="baseChainSelection"||ne.view==="quoteChainSelection"),p=c==="compact"?"22rem":"24rem",W=v?{maxWidth:R?c==="compact"?"46rem":"49rem":p,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%",...r?{}:{maxWidth:c==="split"||c==="horizontal"?"48rem":c==="compact"?"22rem":"24rem"},height:"auto",overflow:"hidden"},B={boxSizing:"border-box",backgroundColor:"var(--widget-background)",color:"var(--widget-foreground)",borderRadius:"var(--widget-radius)",...f?{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"},U=e.tokens?.enabledChains??xi,y=e.tokens?.supportedInputTokens??Si,_=e.tokens?.supportedOutputTokens??ki,D=e.tokens?.supportedInputChains??It,G=e.tokens?.supportedOutputChains??It,x=e.tokens?.prioritizedInputTokens??Ci,q=e.tokens?.prioritizedInputChains??Ti,le=e.tokens?.inputSelectionSearch??!0,Q=e.tokens?.outputSelectionSearch??!0,P=e.tokens?.showInputSelectionTokenBalances??!0,Y=e.tokens?.showOutputSelectionTokenBalances??!0,O=e.tokens?.lockBase??!1,ie=e.tokens?.lockQuote??!1,re=e.tokens?.disableInverting??!1,ae=e.settings?.defaultSlippage??.01,k=!!u,ce=Tt(()=>({apiKey:e.apiKey,web3ConnectionType:"custom",enabledChains:U,supportedInputTokens:y,supportedOutputTokens:_,supportedInputChains:D,supportedOutputChains:G,prioritizedInputTokens:x,prioritizedInputChains:q,inputSelectionSearch:le,outputSelectionSearch:Q,showInputSelectionTokenBalances:P,showOutputSelectionTokenBalances:Y,lockBase:O,lockQuote:ie,disableInverting:re,defaultSlippage:ae,widgetType:c,tokenDisplay:H,tokenBadgeOrientation:V,assetMenuVariant:T,amountInputVariant:I,hideAmountInputSymbol:E,swapButtonVariant:A,swapHeaderVariant:K,quoteLoaderVariant:w,walletButtonEnabled:i,hasConnectHandler:k,customWalletUI:F}),[e.apiKey,U,y,_,D,G,x,q,le,Q,P,Y,O,ie,re,ae,c,H,V,T,I,E,A,K,w,i,k,F]),$=Tt(()=>u?{openConnectModal:u,openAccountModal:M}:null,[u,M]),oe=te(ct,{children:te(tt.Provider,{value:ce,children:te(Ye,{theme:z,children:Rt("div",{className:`aori-widget${t?` ${t}`:""}`,style:{...b,"--font-sans":"var(--widget-font-sans)","--font-mono":"var(--widget-font-mono)",fontFamily:"var(--widget-font-sans)",letterSpacing:"var(--widget-letter-spacing)",width:"100%",...W,position:"relative",...v?{}:B},children:[te("style",{dangerouslySetInnerHTML:{__html:Ii}}),te(Ze,{children:te(kt,{onSwapSubmitted:d,onSwapComplete:o,defaultBaseToken:e.tokens?.defaultBase,defaultQuoteToken:e.tokens?.defaultQuote,onBaseTokenChange:n,onQuoteTokenChange:h,cardStyles:v?B:void 0,cardWidth:v?p:void 0})})]})})})});return $?te(gt.Provider,{value:$,children:oe}):oe}import{jsx as Wi}from"react/jsx-runtime";function Ai(){let{openConnectModal:e}=Se(),{isConnected:t,address:d}=X(),o=t&&d?`${d.slice(0,6)}...${d.slice(-4)}`:"Connect";return Wi("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 Nt,fallback as Pi}from"wagmi";function Oi(e){let t=Object.entries(it);return Object.fromEntries(t.map(([d,o])=>{let n=e?.[Number(d)],h=n?Array.isArray(n)?n:[n]:[],u=h.length>0?[...h,...o.rpcUrls]:o.rpcUrls;return[d,u.length>1?Pi(u.map(M=>Nt(M,{batch:{batchSize:50,wait:50}}))):Nt(u[0],{batch:{batchSize:50,wait:50}})]}))}var zi=rt().map(e=>e.wagmiChain);import{useMemo as Je}from"react";var Mi=e=>{let{tokenRegistry:t,isLoadingRegistry:d,error:o}=Ae();return{tokens:Je(()=>t.filter(h=>h.chainId===e),[t,e]),isLoading:d,error:o}},Bi=(e,t)=>{let{tokenRegistry:d}=Ae();return Je(()=>!e||!d.length?!1:d.some(o=>o.address.toLowerCase()===e.toLowerCase()&&o.chainId===t),[d,e,t])},Ei=(e,t)=>{let{getToken:d}=Ae();return Je(()=>{if(!(!e||!t))return d(t,e)},[d,e,t])},Xr=at();export{Dt as ChainSwitch,Ai as ConnectButton,Ve as RfqProvider,$t as SignSwap,De as SwapFormProvider,Ni as SwapWidget,Ye as WidgetThemeProvider,Oi as buildTransports,Ut as canSubmitOrder,Qt as cleanupOldSubmissions,Ce as defaultDarkTheme,Ge as defaultLightTheme,jt as isQuoteFresh,_t as markOrderAsSubmitted,Ht as parseExplorerHash,Lt as pollOrderStatus,Ke as themeToCSS,zt as useBalanceEventListener,He as useBalanceEventSubscription,Mt as useEmitBalanceEvent,Bi as useIsTokenSupported,Ft as useOrderStatusPolling,ye as useRfq,qt as useSwapForm,xe as useSwapFormContext,Ei as useTokenByAddress,Et as useTokenSelection,Bt as useTokenSelectionStore,Mi as useTokensForChain,Vt as useTransactionRegistry,Gt as useUnwrapToken,Se as useWalletModal,X as useWalletState,a as useWidgetSwapUIStore,vi as useWidgetTheme,Kt as useWrapToken,zi as wagmiChains};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aori/mega-swap-widget",
3
- "version": "0.1.9",
3
+ "version": "0.1.11",
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}); 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
- "use client";var _chunkREBGSW5Kcjs = require('./chunk-REBGSW5K.cjs');var _chunkSGTI7NXZcjs = require('./chunk-SGTI7NXZ.cjs');var _chunkEKSQTNKScjs = require('./chunk-EKSQTNKS.cjs');var _chunkWZCWYOCNcjs = require('./chunk-WZCWYOCN.cjs');var _chunkTWVI6PZScjs = require('./chunk-TWVI6PZS.cjs');require('./chunk-KH57FLST.cjs');var _chunkPSCWQFVYcjs = require('./chunk-PSCWQFVY.cjs');var _chunkD7GULMHEcjs = require('./chunk-D7GULMHE.cjs');require('./chunk-K3RTTHBS.cjs');var _chunk34N36GUDcjs = require('./chunk-34N36GUD.cjs');require('./chunk-T3I3AJXV.cjs');var _react = require('react');var _shallow = require('zustand/react/shallow');var _jsxruntime = require('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}=_chunkD7GULMHEcjs.b.call(void 0, ),{effectiveInputTokens:xe,effectiveOutputTokens:Se}=_chunkTWVI6PZScjs.a.call(void 0, ),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}=_chunkPSCWQFVYcjs.e.call(void 0, ),{rfqQuote:Ee,status:Le,handleInputChange:M,ensureForParams:G,stop:_e,clear:y,refresh:z}=_chunkSGTI7NXZcjs.e.call(void 0, ),{address:m}=_chunk34N36GUDcjs.a.call(void 0, ),{openConnectModal:ke}=_chunkSGTI7NXZcjs.g.call(void 0, ),{isRecipientInputOpen:W,txStatus:E,view:b,selectedChainFilterChainId:L}=_chunkD7GULMHEcjs.d.call(void 0, _shallow.useShallow.call(void 0, n=>({isRecipientInputOpen:n.isRecipientInputOpen,txStatus:n.txStatus,view:n.view,selectedChainFilterChainId:_nullishCoalesce(_optionalChain([n, 'access', _2 => _2.selectedChainFilter, 'optionalAccess', _3 => _3.chainId]), () => (null))}))),[k,Ae]=_react.useState.call(void 0, null),[A,_]=_react.useState.call(void 0, null),Pe=_react.useRef.call(void 0, !1),s=!1,Oe=_react.useMemo.call(void 0, ()=>!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=_react.useCallback.call(void 0, n=>{_(n),_chunkD7GULMHEcjs.d.getState().startTracking(n)},[]),Te=_react.useCallback.call(void 0, ()=>{Pe.current=!0,z()},[z]);_react.useEffect.call(void 0, ()=>{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=_react.useCallback.call(void 0, ()=>{_chunkD7GULMHEcjs.d.getState().setView("baseSelection")},[]),$=_react.useCallback.call(void 0, ()=>{_chunkD7GULMHEcjs.d.getState().setView("quoteSelection")},[]),qe=_react.useCallback.call(void 0, ()=>{D(),c(null)},[D,c]),Re=_react.useCallback.call(void 0, ()=>{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=_react.useCallback.call(void 0, ()=>{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=_react.useCallback.call(void 0, n=>{let P=_chunkD7GULMHEcjs.d.getState().view==="baseChainSelection"?"base":"quote";_chunkD7GULMHEcjs.d.getState().setChainFilter({chainId:n,side:P}),_chunkD7GULMHEcjs.d.getState().pushRecentChain(n),_chunkD7GULMHEcjs.d.getState().transitionToView(P==="base"?"baseSelection":"quoteSelection","chainSelection")},[]),Me=_react.useCallback.call(void 0, ()=>{_chunkD7GULMHEcjs.d.getState().transitionToView("baseChainSelection","chainSelection")},[]),We=_react.useCallback.call(void 0, ()=>{_chunkD7GULMHEcjs.d.getState().transitionToView("quoteChainSelection","chainSelection")},[]),Be=_optionalChain([t, 'optionalAccess', _4 => _4.price])&&i?`$${(t.price*i).toFixed(2)}`:"$0.00",$e=_optionalChain([o, 'optionalAccess', _5 => _5.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 _jsxruntime.jsxs.call(void 0, "div",{className:"flex flex-col w-full",children:[ee&&A&&t&&o&&i&&u?_jsxruntime.jsx.call(void 0, "div",{className:"flex-1 min-h-0 overflow-hidden",children:_jsxruntime.jsx.call(void 0, _chunkSGTI7NXZcjs.x,{orderHash:A,base:t,quote:o,baseAmount:i,quoteAmount:u,status:E})}):_jsxruntime.jsxs.call(void 0, "div",{className:`grid grid-cols-[1fr_auto_1fr] items-stretch px-4 ${F?"pt-3 pb-1":"pt-4 pb-2"} gap-2`,children:[_jsxruntime.jsx.call(void 0, "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"?_jsxruntime.jsx.call(void 0, _chunkWZCWYOCNcjs.a,{toggle:_nullishCoalesce(S, () => (O)),side:"base",onChainSelect:Z}):_jsxruntime.jsx.call(void 0, _chunkEKSQTNKScjs.a,{toggle:_nullishCoalesce(S, () => (O)),side:"base",otherAsset:o,onMoreChainsClick:Me,selectedChainFilter:L}):_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[V?F?_jsxruntime.jsxs.call(void 0, "div",{className:`flex items-center gap-2 ${C==="right"?"flex-row-reverse":"flex-row"}`,children:[_jsxruntime.jsx.call(void 0, _chunkSGTI7NXZcjs.i,{toggle:B,side:"base",asset:t,isPlacingOrder:s||T||h,hideDropdown:h}),_jsxruntime.jsx.call(void 0, "div",{className:"flex-1 min-w-0",children:_jsxruntime.jsx.call(void 0, _chunkSGTI7NXZcjs.h,{side:"base",asset:_nullishCoalesce(t, () => (null)),otherAsset:_nullishCoalesce(o, () => (null)),isPlacingOrder:s,isWrappingPair:a,isUnwrappingPair:l})})]}):_jsxruntime.jsxs.call(void 0, "div",{className:`flex flex-col ${C==="right"?"items-end":"items-start"}`,children:[_jsxruntime.jsx.call(void 0, _chunkSGTI7NXZcjs.i,{toggle:B,side:"base",asset:t,isPlacingOrder:s||T||h,hideDropdown:h}),_jsxruntime.jsx.call(void 0, _chunkSGTI7NXZcjs.h,{side:"base",asset:_nullishCoalesce(t, () => (null)),otherAsset:_nullishCoalesce(o, () => (null)),isPlacingOrder:s,isWrappingPair:a,isUnwrappingPair:l})]}):_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_jsxruntime.jsx.call(void 0, _chunkSGTI7NXZcjs.i,{toggle:B,side:"base",asset:t,isPlacingOrder:s||T||h,hideDropdown:h}),_jsxruntime.jsx.call(void 0, _chunkSGTI7NXZcjs.h,{side:"base",asset:_nullishCoalesce(t, () => (null)),otherAsset:_nullishCoalesce(o, () => (null)),isPlacingOrder:s,isWrappingPair:a,isUnwrappingPair:l})]}),_jsxruntime.jsxs.call(void 0, "div",{className:"flex items-center justify-between",children:[_jsxruntime.jsx.call(void 0, "span",{className:"font-sans text-xs",style:{color:"var(--widget-muted-foreground)"},children:Be}),m&&J!==null&&J>0&&_jsxruntime.jsx.call(void 0, "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"})]})]})}),_jsxruntime.jsx.call(void 0, "div",{className:"flex items-center justify-center px-1",children:he?_jsxruntime.jsx.call(void 0, "div",{className:"flex h-8 w-8 items-center justify-center opacity-20",children:_jsxruntime.jsx.call(void 0, "span",{className:"text-sm",style:{color:"var(--widget-muted-foreground)"},children:"\u2192"})}):_jsxruntime.jsx.call(void 0, "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:_jsxruntime.jsx.call(void 0, _chunkSGTI7NXZcjs.k,{className:"w-3.5 h-3.5"})})}),_jsxruntime.jsx.call(void 0, "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"?_jsxruntime.jsx.call(void 0, _chunkWZCWYOCNcjs.a,{toggle:_nullishCoalesce(S, () => (O)),side:"quote",onChainSelect:Z}):_jsxruntime.jsx.call(void 0, _chunkEKSQTNKScjs.a,{toggle:_nullishCoalesce(S, () => (O)),side:"quote",otherAsset:t,onMoreChainsClick:We,selectedChainFilter:L}):_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[V?F?_jsxruntime.jsxs.call(void 0, "div",{className:`flex items-center gap-2 ${C==="right"?"flex-row-reverse":"flex-row"}`,children:[_jsxruntime.jsx.call(void 0, _chunkSGTI7NXZcjs.i,{toggle:$,side:"quote",asset:o,isPlacingOrder:s||q||v,hideDropdown:v}),_jsxruntime.jsx.call(void 0, "div",{className:"flex-1 min-w-0",children:_jsxruntime.jsx.call(void 0, _chunkSGTI7NXZcjs.h,{side:"quote",asset:_nullishCoalesce(o, () => (null)),otherAsset:_nullishCoalesce(t, () => (null)),isPlacingOrder:s,isWrappingPair:a,isUnwrappingPair:l})})]}):_jsxruntime.jsxs.call(void 0, "div",{className:`flex flex-col ${C==="right"?"items-end":"items-start"}`,children:[_jsxruntime.jsx.call(void 0, _chunkSGTI7NXZcjs.i,{toggle:$,side:"quote",asset:o,isPlacingOrder:s||q||v,hideDropdown:v}),_jsxruntime.jsx.call(void 0, _chunkSGTI7NXZcjs.h,{side:"quote",asset:_nullishCoalesce(o, () => (null)),otherAsset:_nullishCoalesce(t, () => (null)),isPlacingOrder:s,isWrappingPair:a,isUnwrappingPair:l})]}):_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_jsxruntime.jsx.call(void 0, _chunkSGTI7NXZcjs.i,{toggle:$,side:"quote",asset:o,isPlacingOrder:s||q||v,hideDropdown:v}),_jsxruntime.jsx.call(void 0, _chunkSGTI7NXZcjs.h,{side:"quote",asset:_nullishCoalesce(o, () => (null)),otherAsset:_nullishCoalesce(t, () => (null)),isPlacingOrder:s,isWrappingPair:a,isUnwrappingPair:l})]}),_jsxruntime.jsxs.call(void 0, "div",{className:"flex items-center justify-between",children:[_jsxruntime.jsx.call(void 0, "span",{className:"font-sans text-xs",style:{color:"var(--widget-muted-foreground)"},children:$e}),Ie&&_jsxruntime.jsx.call(void 0, "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"})]})]})})]}),_jsxruntime.jsx.call(void 0, "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:_jsxruntime.jsx.call(void 0, _chunkSGTI7NXZcjs.j,{})}),_jsxruntime.jsx.call(void 0, "div",{className:"px-4",style:{borderTop:"1px solid var(--widget-border)",borderBottom:"1px solid var(--widget-border)"},children:_jsxruntime.jsx.call(void 0, _chunkREBGSW5Kcjs.a,{})}),_jsxruntime.jsx.call(void 0, "div",{className:`relative ${ee?"px-0":"px-4"} py-4`,children:m&&t&&o&&i&&i>0?_jsxruntime.jsx.call(void 0, _chunkSGTI7NXZcjs.w,{base:t,baseAmount:i,quote:o,quoteAmount:_nullishCoalesce(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?_jsxruntime.jsx.call(void 0, "button",{onClick:()=>ke(),className:"w-full py-3 text-sm font-medium cursor-pointer transition-opacity hover:opacity-80",style:te,children:"Connect Wallet"}):_jsxruntime.jsx.call(void 0, "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= exports.default =De;exports.default = gt;
@@ -1,2 +0,0 @@
1
- "use client";
2
- "use client";import{a as le}from"./chunk-PTFMMTWV.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-PU5KXI4P.js";import{a as Q}from"./chunk-UR3Q7FG5.js";import{a as H}from"./chunk-IKTTT66M.js";import{a as ae}from"./chunk-UHG7ZIWD.js";import"./chunk-OPN7WCJR.js";import{e as ne}from"./chunk-YO5D6L5W.js";import{b as oe,d}from"./chunk-GPT4NHM5.js";import"./chunk-QAOZRRSH.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 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
- "use client";var _chunkSGTI7NXZcjs = require('./chunk-SGTI7NXZ.cjs');var _chunkEKSQTNKScjs = require('./chunk-EKSQTNKS.cjs');var _chunkWZCWYOCNcjs = require('./chunk-WZCWYOCN.cjs');var _chunkTWVI6PZScjs = require('./chunk-TWVI6PZS.cjs');require('./chunk-KH57FLST.cjs');var _chunkPSCWQFVYcjs = require('./chunk-PSCWQFVY.cjs');var _chunkD7GULMHEcjs = require('./chunk-D7GULMHE.cjs');var _chunkK3RTTHBScjs = require('./chunk-K3RTTHBS.cjs');var _chunk34N36GUDcjs = require('./chunk-34N36GUD.cjs');require('./chunk-T3I3AJXV.cjs');var _react = require('react');var _shallow = require('zustand/react/shallow');var _jsxruntime = require('react/jsx-runtime');var we=()=>{},et=({onSwapComplete:he,onSwapInitiated:be,onBackToSwap:E,onMoreChainsClick:tt})=>{let{web3ConnectionType:st,hasConnectHandler:Se,lockBase:q,lockQuote:R,disableInverting:ye,swapButtonVariant:F,tokenDisplay:j,tokenBadgeOrientation:N,widgetType:Ce,assetMenuVariant:Ne}=_chunkD7GULMHEcjs.b.call(void 0, ),{effectiveInputTokens:ke,effectiveOutputTokens:Ae}=_chunkTWVI6PZScjs.a.call(void 0, ),S=ke.length===1,y=Ae.length===1,z=j==="pill"||j==="ghost",k=Ce==="compact",{baseToken:d,quoteToken:c,baseAmount:i,quoteAmount:n,isBaseGasToken:Pe,isQuoteGasToken:Te,isWrappingPair:u,isUnwrappingPair:p,baseBalance:w,setBaseAmount:I,setQuoteAmount:g,swapTokens:G,clearForm:L}=_chunkPSCWQFVYcjs.e.call(void 0, ),{handleInputChange:M,ensureForParams:_,clear:A,refresh:J,liquidityError:Oe,routingError:qe}=_chunkSGTI7NXZcjs.e.call(void 0, ),{address:v}=_chunk34N36GUDcjs.a.call(void 0, ),{openConnectModal:Re}=_chunkSGTI7NXZcjs.g.call(void 0, ),{isRecipientInputOpen:$,txStatus:K,view:x,selectedChainFilterChainId:Fe}=_chunkD7GULMHEcjs.d.call(void 0, _shallow.useShallow.call(void 0, a=>({isRecipientInputOpen:a.isRecipientInputOpen,txStatus:a.txStatus,view:a.view,selectedChainFilterChainId:_nullishCoalesce(a.selectedChainFilterChainId, () => (null))}))),[P,Ie]=_react.useState.call(void 0, null),[T,X]=_react.useState.call(void 0, null),Me=_react.useRef.call(void 0, !1),r=!1,$e=_react.useMemo.call(void 0, ()=>!d||!c||typeof i!="number"||!n||!v||parseFloat(w.formatted)<i?null:{base:d,quote:c,baseAmount:i,quoteAmount:n,userAddress:v},[d,c,i,n,v,w.formatted]),We=_react.useCallback.call(void 0, a=>{X(a),_chunkD7GULMHEcjs.d.getState().startTracking(a)},[]),Be=_react.useCallback.call(void 0, ()=>{Me.current=!0,J()},[J]);_react.useEffect.call(void 0, ()=>{if(P===null&&!(!d||!c)){if(!i||i<=0){M({amount:null,inputToken:d,outputToken:c,setOutputAmount:g});return}if(u||p){g(i);return}M({amount:i,inputToken:d,outputToken:c,setOutputAmount:g})}},[P,i,d,c,u,p,M,g]);let Y=i&&n&&parseFloat(n.toString())?parseFloat(i.toString())/parseFloat(n.toString()):0,W=_react.useCallback.call(void 0, ()=>{_chunkD7GULMHEcjs.d.getState().setView("baseSelection")},[]),B=_react.useCallback.call(void 0, ()=>{_chunkD7GULMHEcjs.d.getState().setView("quoteSelection")},[]),Qe=_react.useCallback.call(void 0, ()=>{G(),g(null)},[G,g]),De=_react.useCallback.call(void 0, ()=>{if(!w.formatted||!d||!c)return;let a=parseFloat(w.formatted);if(!a||a<=0)return;let m=a*.9999999999;u||p?(I(m),g(m),A()):(I(m),g(null),_({inputToken:d,outputToken:c,inputAmount:m.toString(),setOutputAmount:C=>g(C)}))},[w.formatted,d,c,u,p,I,g,A,_]),Ue=_react.useCallback.call(void 0, ()=>{A(),L()},[A,L]),Z=w.formatted?parseFloat(w.formatted):null,Ve=!!(i||n),s=d,o=c,He=_optionalChain([s, 'optionalAccess', _2 => _2.price])&&i?`$${(s.price*i).toFixed(2)}`:"$0.00",Ee=_optionalChain([o, 'optionalAccess', _3 => _3.price])&&n?`$${(o.price*n).toFixed(2)}`:"$0.00",je=!!(s&&o&&i&&n),ze=Oe||qe,ee=P==="trackingTx"&&!!T&&!!s&&!!o&&!!i&&!!n,Q=Ne==="split",D=Q&&(x==="baseSelection"||x==="quoteSelection"||x==="baseChainSelection"||x==="quoteChainSelection"),U=x==="baseSelection"||x==="baseChainSelection"?"base":"quote",Ge=U==="base"?o:s,te=_react.useRef.call(void 0, null),[Le,_e]=_react.useState.call(void 0, 380);_react.useEffect.call(void 0, ()=>{if(!Q)return;let a=te.current;if(!a)return;let m=new ResizeObserver(C=>{for(let Xe of C)_e(Xe.contentRect.height)});return m.observe(a),()=>m.disconnect()},[Q]);let Je=_react.useCallback.call(void 0, a=>{let C=_chunkD7GULMHEcjs.d.getState().view==="baseChainSelection"?"base":"quote";_chunkD7GULMHEcjs.d.getState().setChainFilter({chainId:a,side:C}),_chunkD7GULMHEcjs.d.getState().pushRecentChain(a),_chunkD7GULMHEcjs.d.getState().transitionToView(C==="base"?"baseSelection":"quoteSelection","chainSelection")},[]),Ke=_react.useCallback.call(void 0, ()=>{let a=_chunkD7GULMHEcjs.d.getState().view;a==="baseSelection"?_chunkD7GULMHEcjs.d.getState().transitionToView("baseChainSelection","chainSelection"):a==="quoteSelection"&&_chunkD7GULMHEcjs.d.getState().transitionToView("quoteChainSelection","chainSelection")},[]),se={backgroundColor:F==="default"?"var(--widget-primary)":"transparent",color:F==="default"?"var(--widget-primary-foreground)":"var(--widget-primary)",border:F!=="default"?"1px solid var(--widget-primary)":"none",borderRadius:"var(--widget-radius)"};return _jsxruntime.jsxs.call(void 0, "div",{className:"flex flex-row w-full",children:[_jsxruntime.jsxs.call(void 0, "div",{ref:te,className:"flex flex-col flex-1 min-w-0",style:{borderRight:"1px solid var(--widget-border)"},children:[ee&&T&&s&&o&&i&&n?_jsxruntime.jsx.call(void 0, "div",{className:"flex-1 min-h-0 overflow-hidden",children:_jsxruntime.jsx.call(void 0, _chunkSGTI7NXZcjs.x,{orderHash:T,base:s,quote:o,baseAmount:i,quoteAmount:n,status:K})}):_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_jsxruntime.jsxs.call(void 0, "div",{className:`relative ${k?"px-4 pt-3 pb-1":"px-4 pt-4 pb-2"}`,style:{borderBottom:"1px solid var(--widget-border)"},children:[z?k?_jsxruntime.jsxs.call(void 0, "div",{className:`flex items-center gap-2 ${N==="right"?"flex-row-reverse":"flex-row"}`,children:[_jsxruntime.jsx.call(void 0, _chunkSGTI7NXZcjs.i,{toggle:W,side:"base",asset:s,isPlacingOrder:r||q||S,hideDropdown:S}),_jsxruntime.jsx.call(void 0, "div",{className:"flex-1 min-w-0",children:_jsxruntime.jsx.call(void 0, _chunkSGTI7NXZcjs.h,{side:"base",asset:_nullishCoalesce(s, () => (null)),otherAsset:_nullishCoalesce(o, () => (null)),isPlacingOrder:r,isWrappingPair:u,isUnwrappingPair:p})})]}):_jsxruntime.jsxs.call(void 0, "div",{className:`flex flex-col ${N==="right"?"items-end":"items-start"}`,children:[_jsxruntime.jsx.call(void 0, _chunkSGTI7NXZcjs.i,{toggle:W,side:"base",asset:s,isPlacingOrder:r||q||S,hideDropdown:S}),_jsxruntime.jsx.call(void 0, _chunkSGTI7NXZcjs.h,{side:"base",asset:_nullishCoalesce(s, () => (null)),otherAsset:_nullishCoalesce(o, () => (null)),isPlacingOrder:r,isWrappingPair:u,isUnwrappingPair:p})]}):_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_jsxruntime.jsx.call(void 0, _chunkSGTI7NXZcjs.i,{toggle:W,side:"base",asset:s,isPlacingOrder:r||q||S,hideDropdown:S}),_jsxruntime.jsx.call(void 0, _chunkSGTI7NXZcjs.h,{side:"base",asset:_nullishCoalesce(s, () => (null)),otherAsset:_nullishCoalesce(o, () => (null)),isPlacingOrder:r,isWrappingPair:u,isUnwrappingPair:p})]}),_jsxruntime.jsxs.call(void 0, "div",{className:"mb-1 flex w-full flex-row items-center justify-between",children:[_jsxruntime.jsx.call(void 0, "p",{className:"font-sans text-sm",style:{color:"var(--widget-muted-foreground)"},children:He}),v&&Z!==null&&Z>0&&_jsxruntime.jsx.call(void 0, "button",{type:"button",onClick:De,disabled:r,className:"absolute bottom-3 right-4 flex items-center rounded-full px-3 py-0.5 text-xs font-medium uppercase cursor-pointer disabled:opacity-40 bg-(--widget-primary) text-(--widget-primary-foreground) hover:bg-(--widget-foreground) hover:text-(--widget-card) transition-colors",children:"Max"})]})]}),!ye&&_jsxruntime.jsx.call(void 0, "div",{className:"flex justify-center -my-4 relative z-10",children:_jsxruntime.jsx.call(void 0, "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 bg-(--widget-card) text-(--widget-muted-foreground) hover:bg-(--widget-secondary) hover:text-(--widget-foreground) transition-colors",style:{border:"1px solid var(--widget-border)"},children:_jsxruntime.jsx.call(void 0, _chunkSGTI7NXZcjs.k,{className:"w-3.5 h-3.5"})})}),_jsxruntime.jsxs.call(void 0, "div",{className:`relative ${k?"px-4 pt-4 pb-1":"px-4 pt-6 pb-2"}`,children:[z?k?_jsxruntime.jsxs.call(void 0, "div",{className:`flex items-center gap-2 ${N==="right"?"flex-row-reverse":"flex-row"}`,children:[_jsxruntime.jsx.call(void 0, _chunkSGTI7NXZcjs.i,{toggle:B,side:"quote",asset:o,isPlacingOrder:r||R||y,hideDropdown:y}),_jsxruntime.jsx.call(void 0, "div",{className:"flex-1 min-w-0",children:_jsxruntime.jsx.call(void 0, _chunkSGTI7NXZcjs.h,{side:"quote",asset:_nullishCoalesce(o, () => (null)),otherAsset:_nullishCoalesce(s, () => (null)),isPlacingOrder:r,isWrappingPair:u,isUnwrappingPair:p})})]}):_jsxruntime.jsxs.call(void 0, "div",{className:`flex flex-col ${N==="right"?"items-end":"items-start"}`,children:[_jsxruntime.jsx.call(void 0, _chunkSGTI7NXZcjs.i,{toggle:B,side:"quote",asset:o,isPlacingOrder:r||R||y,hideDropdown:y}),_jsxruntime.jsx.call(void 0, _chunkSGTI7NXZcjs.h,{side:"quote",asset:_nullishCoalesce(o, () => (null)),otherAsset:_nullishCoalesce(s, () => (null)),isPlacingOrder:r,isWrappingPair:u,isUnwrappingPair:p})]}):_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_jsxruntime.jsx.call(void 0, _chunkSGTI7NXZcjs.i,{toggle:B,side:"quote",asset:o,isPlacingOrder:r||R||y,hideDropdown:y}),_jsxruntime.jsx.call(void 0, _chunkSGTI7NXZcjs.h,{side:"quote",asset:_nullishCoalesce(o, () => (null)),otherAsset:_nullishCoalesce(s, () => (null)),isPlacingOrder:r,isWrappingPair:u,isUnwrappingPair:p})]}),_jsxruntime.jsxs.call(void 0, "div",{className:"flex w-full flex-row items-center justify-between",children:[_jsxruntime.jsx.call(void 0, "p",{className:"font-sans text-sm",style:{color:"var(--widget-muted-foreground)"},children:Ee}),Ve&&_jsxruntime.jsx.call(void 0, "button",{type:"button",onClick:Ue,disabled:r,className:"absolute bottom-2 right-4 flex items-center rounded-full px-3 py-0.5 text-xs font-medium uppercase cursor-pointer disabled:opacity-40 text-(--widget-muted-foreground) hover:bg-(--widget-secondary) transition-colors",children:"Clear"})]})]})]}),_jsxruntime.jsx.call(void 0, "div",{className:"flex flex-row items-center w-full overflow-hidden",style:{borderTop:$?"1px solid var(--widget-border)":"none",maxHeight:$?"60px":"0px",opacity:$?1:0,transition:"max-height 0.3s ease, opacity 0.3s ease"},children:_jsxruntime.jsx.call(void 0, _chunkSGTI7NXZcjs.j,{})}),_jsxruntime.jsx.call(void 0, "div",{className:`relative ${ee?"px-0":"px-4"} py-4`,children:v&&s&&o&&i&&i>0?_jsxruntime.jsx.call(void 0, _chunkSGTI7NXZcjs.w,{base:s,baseAmount:i,quote:o,quoteAmount:_nullishCoalesce(n, () => (0)),userAddress:v,isWrappingPair:u,isUnwrappingPair:p,isBaseGasToken:Pe,isQuoteGasToken:Te,reviewActionProps:$e,reviewState:P,setReviewState:Ie,trackedOrderHash:T,setTrackedOrderHash:X,onSwapComplete:he,onSwapInitiated:be,onOrderSubmitted:We,onStaleQuoteRestart:Be,txStatus:K}):!v&&Se?_jsxruntime.jsx.call(void 0, "button",{onClick:()=>Re(),className:"w-full py-3 text-sm font-medium cursor-pointer transition-opacity hover:opacity-80",style:se,children:"Connect Wallet"}):_jsxruntime.jsx.call(void 0, "button",{disabled:!0,className:"w-full py-3 text-sm font-medium transition-colors disabled:opacity-40 cursor-not-allowed",style:se,children:v?"Enter Amount":"Connect Wallet"})})]}),_jsxruntime.jsx.call(void 0, "div",{className:`flex flex-col transition-all duration-300 ${D?"flex-1 min-w-0":"w-48 shrink-0"}`,style:{backgroundColor:"var(--widget-background)",...D?{height:`${Le}px`}:{}},children:D?_jsxruntime.jsx.call(void 0, "div",{className:"flex flex-col overflow-hidden p-2",style:{height:"100%"},children:x==="baseChainSelection"||x==="quoteChainSelection"?_jsxruntime.jsx.call(void 0, _chunkWZCWYOCNcjs.a,{toggle:_nullishCoalesce(E, () => (we)),side:U,onChainSelect:Je}):_jsxruntime.jsx.call(void 0, _chunkEKSQTNKScjs.a,{toggle:_nullishCoalesce(E, () => (we)),side:U,otherAsset:Ge,onMoreChainsClick:Ke,selectedChainFilter:Fe})}):_jsxruntime.jsxs.call(void 0, "div",{className:"flex flex-col gap-3 px-4 py-4",children:[_jsxruntime.jsx.call(void 0, "span",{className:"text-2xs uppercase tracking-wider font-medium",style:{color:"var(--widget-muted-foreground)"},children:"Quote Details"}),je&&s&&o?_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment,{children:[_jsxruntime.jsxs.call(void 0, "div",{className:"flex flex-col gap-0.5",children:[_jsxruntime.jsx.call(void 0, "span",{className:"text-2xs",style:{color:"var(--widget-muted-foreground)"},children:"Rate"}),_jsxruntime.jsxs.call(void 0, "div",{className:"flex items-center gap-1",children:[_jsxruntime.jsx.call(void 0, _chunkK3RTTHBScjs.O,{asset:o,size:"3xs",noChain:!0}),_jsxruntime.jsxs.call(void 0, "span",{className:"font-sans text-xs uppercase",children:["1 ",o.symbol]})]}),_jsxruntime.jsx.call(void 0, "div",{className:"flex items-center gap-1 pl-4",children:_jsxruntime.jsxs.call(void 0, "span",{className:"text-2xs",style:{color:"var(--widget-muted-foreground)"},children:["= ",Y.toFixed(6)]})}),_jsxruntime.jsxs.call(void 0, "div",{className:"flex items-center gap-1 pl-4",children:[_jsxruntime.jsx.call(void 0, _chunkK3RTTHBScjs.O,{asset:s,size:"3xs",noChain:!0}),_jsxruntime.jsx.call(void 0, "span",{className:"font-sans text-xs uppercase",children:s.symbol})]})]}),_jsxruntime.jsxs.call(void 0, "div",{className:"flex flex-col gap-2",style:{borderTop:"1px solid var(--widget-border)",paddingTop:"0.5rem"},children:[_jsxruntime.jsxs.call(void 0, "div",{className:"flex justify-between items-center",children:[_jsxruntime.jsx.call(void 0, "span",{className:"text-2xs",style:{color:"var(--widget-muted-foreground)"},children:"USD Value"}),_jsxruntime.jsxs.call(void 0, "span",{className:"font-sans text-xs",children:["$",s.price?(s.price*Y*parseFloat(n.toString())).toFixed(2):"\u2014"]})]}),_jsxruntime.jsxs.call(void 0, "div",{className:"flex justify-between items-center",children:[_jsxruntime.jsx.call(void 0, "span",{className:"text-2xs",style:{color:"var(--widget-muted-foreground)"},children:"Order Type"}),_jsxruntime.jsx.call(void 0, "span",{className:"text-2xs font-sans",style:{color:"var(--widget-foreground)"},children:"RFQ"})]}),_jsxruntime.jsxs.call(void 0, "div",{className:"flex justify-between items-center",children:[_jsxruntime.jsx.call(void 0, "span",{className:"text-2xs",style:{color:"var(--widget-muted-foreground)"},children:"Fill"}),_jsxruntime.jsx.call(void 0, "span",{className:"text-2xs",style:{color:"var(--widget-primary)"},children:"Exact"})]}),s.chainId!==o.chainId&&_jsxruntime.jsxs.call(void 0, "div",{className:"flex justify-between items-center",children:[_jsxruntime.jsx.call(void 0, "span",{className:"text-2xs",style:{color:"var(--widget-muted-foreground)"},children:"Route"}),_jsxruntime.jsx.call(void 0, "span",{className:"text-2xs font-sans",children:"Cross-chain"})]})]})]}):ze?_jsxruntime.jsxs.call(void 0, "div",{className:"flex flex-col gap-1",children:[_jsxruntime.jsx.call(void 0, _chunkK3RTTHBScjs.W,{className:"h-6 w-6",style:{color:"var(--widget-destructive)"}}),_jsxruntime.jsx.call(void 0, "span",{className:"text-2xs",style:{color:"var(--widget-destructive)"},children:"Quote not found"})]}):_jsxruntime.jsxs.call(void 0, "div",{className:"flex flex-col gap-2 mt-2",children:[[...Array(4)].map((a,m)=>_jsxruntime.jsx.call(void 0, "div",{className:"h-3 rounded animate-pulse",style:{backgroundColor:"var(--widget-muted)",width:m%2===0?"80%":"60%",opacity:.5}},m)),_jsxruntime.jsx.call(void 0, "span",{className:"text-2xs mt-1",style:{color:"var(--widget-muted-foreground)",opacity:.5},children:"Enter an amount"})]})]})})]})},yt= exports.default =et;exports.default = yt;
@@ -1,2 +0,0 @@
1
- "use client";
2
- "use client";import{e as ne,g as le,h,i as b,j as ce,k as ue,w as pe,x as me}from"./chunk-PU5KXI4P.js";import{a as ge}from"./chunk-UR3Q7FG5.js";import{a as fe}from"./chunk-IKTTT66M.js";import{a as de}from"./chunk-UHG7ZIWD.js";import"./chunk-OPN7WCJR.js";import{e as re}from"./chunk-YO5D6L5W.js";import{b as oe,d as l}from"./chunk-GPT4NHM5.js";import{O as V,W as ie}from"./chunk-QAOZRRSH.js";import{a as ae}from"./chunk-46H44R7V.js";import"./chunk-73CB2I7U.js";import{useCallback as f,useEffect as ve,useMemo as Ye,useRef as xe,useState as H}from"react";import{useShallow as Ze}from"zustand/react/shallow";import{Fragment as O,jsx as e,jsxs as t}from"react/jsx-runtime";var we=()=>{},et=({onSwapComplete:he,onSwapInitiated:be,onBackToSwap:E,onMoreChainsClick:tt})=>{let{web3ConnectionType:st,hasConnectHandler:Se,lockBase:q,lockQuote:R,disableInverting:ye,swapButtonVariant:F,tokenDisplay:j,tokenBadgeOrientation:N,widgetType:Ce,assetMenuVariant:Ne}=oe(),{effectiveInputTokens:ke,effectiveOutputTokens:Ae}=de(),S=ke.length===1,y=Ae.length===1,z=j==="pill"||j==="ghost",k=Ce==="compact",{baseToken:d,quoteToken:c,baseAmount:i,quoteAmount:n,isBaseGasToken:Pe,isQuoteGasToken:Te,isWrappingPair:u,isUnwrappingPair:p,baseBalance:w,setBaseAmount:I,setQuoteAmount:g,swapTokens:G,clearForm:L}=re(),{handleInputChange:M,ensureForParams:_,clear:A,refresh:J,liquidityError:Oe,routingError:qe}=ne(),{address:v}=ae(),{openConnectModal:Re}=le(),{isRecipientInputOpen:$,txStatus:K,view:x,selectedChainFilterChainId:Fe}=l(Ze(a=>({isRecipientInputOpen:a.isRecipientInputOpen,txStatus:a.txStatus,view:a.view,selectedChainFilterChainId:a.selectedChainFilterChainId??null}))),[P,Ie]=H(null),[T,X]=H(null),Me=xe(!1),r=!1,$e=Ye(()=>!d||!c||typeof i!="number"||!n||!v||parseFloat(w.formatted)<i?null:{base:d,quote:c,baseAmount:i,quoteAmount:n,userAddress:v},[d,c,i,n,v,w.formatted]),We=f(a=>{X(a),l.getState().startTracking(a)},[]),Be=f(()=>{Me.current=!0,J()},[J]);ve(()=>{if(P===null&&!(!d||!c)){if(!i||i<=0){M({amount:null,inputToken:d,outputToken:c,setOutputAmount:g});return}if(u||p){g(i);return}M({amount:i,inputToken:d,outputToken:c,setOutputAmount:g})}},[P,i,d,c,u,p,M,g]);let Y=i&&n&&parseFloat(n.toString())?parseFloat(i.toString())/parseFloat(n.toString()):0,W=f(()=>{l.getState().setView("baseSelection")},[]),B=f(()=>{l.getState().setView("quoteSelection")},[]),Qe=f(()=>{G(),g(null)},[G,g]),De=f(()=>{if(!w.formatted||!d||!c)return;let a=parseFloat(w.formatted);if(!a||a<=0)return;let m=a*.9999999999;u||p?(I(m),g(m),A()):(I(m),g(null),_({inputToken:d,outputToken:c,inputAmount:m.toString(),setOutputAmount:C=>g(C)}))},[w.formatted,d,c,u,p,I,g,A,_]),Ue=f(()=>{A(),L()},[A,L]),Z=w.formatted?parseFloat(w.formatted):null,Ve=!!(i||n),s=d,o=c,He=s?.price&&i?`$${(s.price*i).toFixed(2)}`:"$0.00",Ee=o?.price&&n?`$${(o.price*n).toFixed(2)}`:"$0.00",je=!!(s&&o&&i&&n),ze=Oe||qe,ee=P==="trackingTx"&&!!T&&!!s&&!!o&&!!i&&!!n,Q=Ne==="split",D=Q&&(x==="baseSelection"||x==="quoteSelection"||x==="baseChainSelection"||x==="quoteChainSelection"),U=x==="baseSelection"||x==="baseChainSelection"?"base":"quote",Ge=U==="base"?o:s,te=xe(null),[Le,_e]=H(380);ve(()=>{if(!Q)return;let a=te.current;if(!a)return;let m=new ResizeObserver(C=>{for(let Xe of C)_e(Xe.contentRect.height)});return m.observe(a),()=>m.disconnect()},[Q]);let Je=f(a=>{let C=l.getState().view==="baseChainSelection"?"base":"quote";l.getState().setChainFilter({chainId:a,side:C}),l.getState().pushRecentChain(a),l.getState().transitionToView(C==="base"?"baseSelection":"quoteSelection","chainSelection")},[]),Ke=f(()=>{let a=l.getState().view;a==="baseSelection"?l.getState().transitionToView("baseChainSelection","chainSelection"):a==="quoteSelection"&&l.getState().transitionToView("quoteChainSelection","chainSelection")},[]),se={backgroundColor:F==="default"?"var(--widget-primary)":"transparent",color:F==="default"?"var(--widget-primary-foreground)":"var(--widget-primary)",border:F!=="default"?"1px solid var(--widget-primary)":"none",borderRadius:"var(--widget-radius)"};return t("div",{className:"flex flex-row w-full",children:[t("div",{ref:te,className:"flex flex-col flex-1 min-w-0",style:{borderRight:"1px solid var(--widget-border)"},children:[ee&&T&&s&&o&&i&&n?e("div",{className:"flex-1 min-h-0 overflow-hidden",children:e(me,{orderHash:T,base:s,quote:o,baseAmount:i,quoteAmount:n,status:K})}):t(O,{children:[t("div",{className:`relative ${k?"px-4 pt-3 pb-1":"px-4 pt-4 pb-2"}`,style:{borderBottom:"1px solid var(--widget-border)"},children:[z?k?t("div",{className:`flex items-center gap-2 ${N==="right"?"flex-row-reverse":"flex-row"}`,children:[e(b,{toggle:W,side:"base",asset:s,isPlacingOrder:r||q||S,hideDropdown:S}),e("div",{className:"flex-1 min-w-0",children:e(h,{side:"base",asset:s??null,otherAsset:o??null,isPlacingOrder:r,isWrappingPair:u,isUnwrappingPair:p})})]}):t("div",{className:`flex flex-col ${N==="right"?"items-end":"items-start"}`,children:[e(b,{toggle:W,side:"base",asset:s,isPlacingOrder:r||q||S,hideDropdown:S}),e(h,{side:"base",asset:s??null,otherAsset:o??null,isPlacingOrder:r,isWrappingPair:u,isUnwrappingPair:p})]}):t(O,{children:[e(b,{toggle:W,side:"base",asset:s,isPlacingOrder:r||q||S,hideDropdown:S}),e(h,{side:"base",asset:s??null,otherAsset:o??null,isPlacingOrder:r,isWrappingPair:u,isUnwrappingPair:p})]}),t("div",{className:"mb-1 flex w-full flex-row items-center justify-between",children:[e("p",{className:"font-sans text-sm",style:{color:"var(--widget-muted-foreground)"},children:He}),v&&Z!==null&&Z>0&&e("button",{type:"button",onClick:De,disabled:r,className:"absolute bottom-3 right-4 flex items-center rounded-full px-3 py-0.5 text-xs font-medium uppercase cursor-pointer disabled:opacity-40 bg-(--widget-primary) text-(--widget-primary-foreground) hover:bg-(--widget-foreground) hover:text-(--widget-card) transition-colors",children:"Max"})]})]}),!ye&&e("div",{className:"flex justify-center -my-4 relative z-10",children: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 bg-(--widget-card) text-(--widget-muted-foreground) hover:bg-(--widget-secondary) hover:text-(--widget-foreground) transition-colors",style:{border:"1px solid var(--widget-border)"},children:e(ue,{className:"w-3.5 h-3.5"})})}),t("div",{className:`relative ${k?"px-4 pt-4 pb-1":"px-4 pt-6 pb-2"}`,children:[z?k?t("div",{className:`flex items-center gap-2 ${N==="right"?"flex-row-reverse":"flex-row"}`,children:[e(b,{toggle:B,side:"quote",asset:o,isPlacingOrder:r||R||y,hideDropdown:y}),e("div",{className:"flex-1 min-w-0",children:e(h,{side:"quote",asset:o??null,otherAsset:s??null,isPlacingOrder:r,isWrappingPair:u,isUnwrappingPair:p})})]}):t("div",{className:`flex flex-col ${N==="right"?"items-end":"items-start"}`,children:[e(b,{toggle:B,side:"quote",asset:o,isPlacingOrder:r||R||y,hideDropdown:y}),e(h,{side:"quote",asset:o??null,otherAsset:s??null,isPlacingOrder:r,isWrappingPair:u,isUnwrappingPair:p})]}):t(O,{children:[e(b,{toggle:B,side:"quote",asset:o,isPlacingOrder:r||R||y,hideDropdown:y}),e(h,{side:"quote",asset:o??null,otherAsset:s??null,isPlacingOrder:r,isWrappingPair:u,isUnwrappingPair:p})]}),t("div",{className:"flex w-full flex-row items-center justify-between",children:[e("p",{className:"font-sans text-sm",style:{color:"var(--widget-muted-foreground)"},children:Ee}),Ve&&e("button",{type:"button",onClick:Ue,disabled:r,className:"absolute bottom-2 right-4 flex items-center rounded-full px-3 py-0.5 text-xs font-medium uppercase cursor-pointer disabled:opacity-40 text-(--widget-muted-foreground) hover:bg-(--widget-secondary) transition-colors",children:"Clear"})]})]})]}),e("div",{className:"flex flex-row items-center w-full overflow-hidden",style:{borderTop:$?"1px solid var(--widget-border)":"none",maxHeight:$?"60px":"0px",opacity:$?1:0,transition:"max-height 0.3s ease, opacity 0.3s ease"},children:e(ce,{})}),e("div",{className:`relative ${ee?"px-0":"px-4"} py-4`,children:v&&s&&o&&i&&i>0?e(pe,{base:s,baseAmount:i,quote:o,quoteAmount:n??0,userAddress:v,isWrappingPair:u,isUnwrappingPair:p,isBaseGasToken:Pe,isQuoteGasToken:Te,reviewActionProps:$e,reviewState:P,setReviewState:Ie,trackedOrderHash:T,setTrackedOrderHash:X,onSwapComplete:he,onSwapInitiated:be,onOrderSubmitted:We,onStaleQuoteRestart:Be,txStatus:K}):!v&&Se?e("button",{onClick:()=>Re(),className:"w-full py-3 text-sm font-medium cursor-pointer transition-opacity hover:opacity-80",style:se,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:se,children:v?"Enter Amount":"Connect Wallet"})})]}),e("div",{className:`flex flex-col transition-all duration-300 ${D?"flex-1 min-w-0":"w-48 shrink-0"}`,style:{backgroundColor:"var(--widget-background)",...D?{height:`${Le}px`}:{}},children:D?e("div",{className:"flex flex-col overflow-hidden p-2",style:{height:"100%"},children:x==="baseChainSelection"||x==="quoteChainSelection"?e(fe,{toggle:E??we,side:U,onChainSelect:Je}):e(ge,{toggle:E??we,side:U,otherAsset:Ge,onMoreChainsClick:Ke,selectedChainFilter:Fe})}):t("div",{className:"flex flex-col gap-3 px-4 py-4",children:[e("span",{className:"text-2xs uppercase tracking-wider font-medium",style:{color:"var(--widget-muted-foreground)"},children:"Quote Details"}),je&&s&&o?t(O,{children:[t("div",{className:"flex flex-col gap-0.5",children:[e("span",{className:"text-2xs",style:{color:"var(--widget-muted-foreground)"},children:"Rate"}),t("div",{className:"flex items-center gap-1",children:[e(V,{asset:o,size:"3xs",noChain:!0}),t("span",{className:"font-sans text-xs uppercase",children:["1 ",o.symbol]})]}),e("div",{className:"flex items-center gap-1 pl-4",children:t("span",{className:"text-2xs",style:{color:"var(--widget-muted-foreground)"},children:["= ",Y.toFixed(6)]})}),t("div",{className:"flex items-center gap-1 pl-4",children:[e(V,{asset:s,size:"3xs",noChain:!0}),e("span",{className:"font-sans text-xs uppercase",children:s.symbol})]})]}),t("div",{className:"flex flex-col gap-2",style:{borderTop:"1px solid var(--widget-border)",paddingTop:"0.5rem"},children:[t("div",{className:"flex justify-between items-center",children:[e("span",{className:"text-2xs",style:{color:"var(--widget-muted-foreground)"},children:"USD Value"}),t("span",{className:"font-sans text-xs",children:["$",s.price?(s.price*Y*parseFloat(n.toString())).toFixed(2):"\u2014"]})]}),t("div",{className:"flex justify-between items-center",children:[e("span",{className:"text-2xs",style:{color:"var(--widget-muted-foreground)"},children:"Order Type"}),e("span",{className:"text-2xs font-sans",style:{color:"var(--widget-foreground)"},children:"RFQ"})]}),t("div",{className:"flex justify-between items-center",children:[e("span",{className:"text-2xs",style:{color:"var(--widget-muted-foreground)"},children:"Fill"}),e("span",{className:"text-2xs",style:{color:"var(--widget-primary)"},children:"Exact"})]}),s.chainId!==o.chainId&&t("div",{className:"flex justify-between items-center",children:[e("span",{className:"text-2xs",style:{color:"var(--widget-muted-foreground)"},children:"Route"}),e("span",{className:"text-2xs font-sans",children:"Cross-chain"})]})]})]}):ze?t("div",{className:"flex flex-col gap-1",children:[e(ie,{className:"h-6 w-6",style:{color:"var(--widget-destructive)"}}),e("span",{className:"text-2xs",style:{color:"var(--widget-destructive)"},children:"Quote not found"})]}):t("div",{className:"flex flex-col gap-2 mt-2",children:[[...Array(4)].map((a,m)=>e("div",{className:"h-3 rounded animate-pulse",style:{backgroundColor:"var(--widget-muted)",width:m%2===0?"80%":"60%",opacity:.5}},m)),e("span",{className:"text-2xs mt-1",style:{color:"var(--widget-muted-foreground)",opacity:.5},children:"Enter an amount"})]})]})})]})},yt=et;export{yt as default};