diff --git a/.gitignore b/.gitignore index 393e165..a7d55a1 100644 --- a/.gitignore +++ b/.gitignore @@ -6,6 +6,7 @@ package-lock.json # builds /cache +/dist # IDE metadata .vscode/ diff --git a/dist/index.d.ts b/dist/index.d.ts deleted file mode 100644 index aa7e6a3..0000000 --- a/dist/index.d.ts +++ /dev/null @@ -1,294 +0,0 @@ -import { ReactNode } from 'react'; -import { ChainId, UserTxType } from '@socket.tech/socket-v2-sdk'; - -type supportedBridges = - | "hop" - | "anyswap" - | "anyswap-router-v4" - | "anyswap-router-v6" - | "polygon-bridge" - | "arbitrum-bridge" - | "hyphen" - | "across" - | "optimism-bridge" - | "celer" - | "refuel-bridge" - | "stargate" - | "connext" - | "cctp" - | "synapse" - | "base-bridge" - | "zora-bridge" - | "zksync-native"; - -interface txData { - hash: string; - chainId: number; -} -interface transactionDetails { - sourceAmount: string; - destinationAmount: string; - sourceToken: Currency; // 0xeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee denotes native token - destinationToken: Currency; - txData: txData[]; // tx hashes will be passed here - bridgeName?: string; // will be passed only in case of cross chain swaps - estimatedServiceTime?: string; // (in ms) will be passed only in case of cross chain swaps - dexName?: string; // will be passed only in case of same chain swaps -} - -type onNetworkChange = (network: Network) => void; -type onTokenChange = (token: Currency) => void; - -interface FeeParams { - feePercent: number; - feeTakerAddress: string; -} - -interface WidgetProps { - /** Socket API Key */ - API_KEY: string; - - /** Web3 provider */ - provider?: any; - - /** Custom Source Networks */ - sourceNetworks?: number[]; - - /** Custom Destination Networks */ - destNetworks?: number[]; - - /** - * To override Default Source Network - * - * Default source network is Polygon - */ - defaultSourceNetwork?: number; - - /** - * To override Default Destination Network - * - * Default destination network is Ethereum - */ - defaultDestNetwork?: number; - - /** - * Token List. - * - * You can pass the url to the token list or pass the list as JSON, as long as it matches the schema. - * Token list schema - https://uniswap.org/tokenlist.schema.json - */ - tokenList?: string | Currency[]; - - /** - * To override default source token. - * Default token is USDC with Native token as a fallback. - * - * Pass the string "0xeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee" for native token - */ - defaultSourceToken?: string; - - /** - * To override default destination token. - * Default token is USDC with Native token as a fallback. - * - * Pass the string "0xeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee" for native token - */ - defaultDestToken?: string; - - /** To enable only single tx quotes */ - singleTxOnly?: boolean; - - /** Refuel feature allows the users to transfer gas tokens across the chains */ - enableRefuel?: boolean; - - /** To enable same chain swaps */ - enableSameChainSwaps?: boolean; - - /** To show refuel option only when it's supported for the user selected path */ - selectivelyShowRefuel?: boolean; - - /** To include bridges - only the bridges passed will be included */ - includeBridges?: supportedBridges[]; - - /** To exclude bridges - bridges passed will be excluded from the original supported list */ - excludeBridges?: supportedBridges[]; - - /** To set the default sort preference. Set to output by default */ - defaultSortPreference?: "time" | "output"; - - /** To set the default amount. To set it on initial render */ - initialAmount?: string; - - // Widget Handlers - - /** An integration function called when the route is completed successfully. - * @param {transactionDetails} data - */ - onBridgeSuccess?: (data: transactionDetails) => void; - - /** An integration function called when the source network is changed - * @param {Network} network (active source network) - */ - onSourceNetworkChange?: onNetworkChange; - - /** An integration function called when the destination network is changed. - * @param {Network} network (active destination network) - */ - onDestinationNetworkChange?: onNetworkChange; - - /** An integration function called when the source token is changed. - * @param {Currency} token (active source token) - */ - onSourceTokenChange?: onTokenChange; - - /** An integration function called when the destination token is changed. - * @param {Currency} token (active destination token) - */ - onDestinationTokenChange?: onTokenChange; - - /** An integration function called when there is an error. - * @param error - */ - // Note - some error objects contain and additional data object and message resides within it. - // These messages are usually more human readable. Hence on our frontend we check for e.data.message || e.message - onError?: (error: any) => void; - - /** - * An intergration function called when the transaction (including same chain swap) is submitted. - * - * This excludes the source and/or destination swap transactions in case of cross-chain swaps and only the bridging transaction will be considered - * @param {transactionDetails} data - */ - onSubmit?: (data: transactionDetails) => void; - - /** - * Fee Params to collect fees - * - * feePercent - * The % of fee to be cut from the source input token amount. - * NOTE : Fee Percent can be up to three decimal places and cannot be more than 5% - * - * feeTakerAddress: the address where the fee will be sent to in the transaction - */ - feeParams?: FeeParams; - - /** To hide integrator fee in the review section. Is set to false by default */ - hideIntegratorFee?: boolean; - - locale?: string; - title?: ReactNode | string; - customize?: Customize; -} - -interface Customize { - // Width of the plugin - width?: number; - - // To make the plugin responsive to the parent element. - responsiveWidth?: boolean; - - // Border radius [0-1] - borderRadius?: number; - - // All colors should stricktly be in RGB format - // Theme color - accent?: string; - onAccent?: string; - - // Primary color - Used for background. Container, modal and almost everywhere. - primary?: string; - - // Secondary color - Used for foreground. Hover effects, cards, etc. - secondary?: string; - - // Primary text color - For headings and texts with emphasis. - text?: string; - - // Secondary text color - secondaryText?: string; - - // Interactive colors - for dropdowns - interactive?: string; - onInteractive?: string; - - // Outline color - used for lines, borders and icons - outline?: string; - - // Font family - fontFamily?: string; -} - -interface Network { - chainId: number; - currency: Currency; - explorers: string[]; - icon: string; - isL1: boolean; - name: string; - receivingEnabled: boolean; - refuel: { - sendingEnabled: boolean; - receivingEnabled: boolean; - }; - rpcs: string[]; - sendingEnabled: string; -} - -interface Currency { - address: string; - decimals: number; - icon?: string; - minNativeCurrencyForGas?: string; - name: string; - symbol: string; - chainId?: number; - logoURI: string; - chainAgnosticId?: string | null; -} - -interface TokenWithBalance { - chainId?: ChainId; - tokenAddress?: string; - userAddress?: string; - balance?: string; - decimals?: number; - icon?: string; - symbol?: string; - name?: string; -} - -interface Route { - routeId: string; - fromAmount: string; - chainGasBalances: any; - minimumGasBalances: any; - toAmount: string; - userBridgeNames: Array; - totalUserTx: number; - totalGasFeesInUsd: number; - recipient: string; - sender: string; - userTxs: Array; - serviceTime: number; -} - -interface UserTx { - userTxType: UserTxType; -} - -interface BridgeName { - name: string; - icon?: string; - serviceTime: number; - displayName: string; -} - -interface TxDetails { - txHash: string; - userTxType: string; - timeStamp: number; -} - -declare function Bridge(props: WidgetProps): JSX.Element; - -export { Bridge, BridgeName, Currency, Customize, FeeParams, Network, Route, TokenWithBalance, TxDetails, UserTx, WidgetProps, onNetworkChange, onTokenChange, transactionDetails }; diff --git a/dist/index.es.js b/dist/index.es.js deleted file mode 100644 index 62cc59e..0000000 --- a/dist/index.es.js +++ /dev/null @@ -1 +0,0 @@ -import{jsx as t,jsxs as e,Fragment as n}from"react/jsx-runtime";import{useSelector as o,useDispatch as s,Provider as r}from"react-redux";import{createSlice as i,configureStore as l}from"@reduxjs/toolkit";import{createContext as a,useState as d,useContext as u,useEffect as c,useRef as w,useCallback as k}from"react";import{ethers as v}from"ethers";import{constants as m}from"@socket.tech/ll-core";import{Routes as f,Socket as p,Supported as h,Balances as g,Server as b,SortOptions as x}from"@socket.tech/socket-v2-sdk";import y,{SWRConfig as N}from"swr";import{hexStripZeros as T}from"ethers/lib/utils";import{X as I,Search as R,XCircle as S,ChevronDown as A,Info as C,ExternalLink as O,CheckCircle as D,ArrowRight as E,ArrowDown as P,Edit as B,ChevronUp as L,Settings as F,AlertCircle as z,HelpCircle as _,AlertTriangle as U,Gift as M,CreditCard as j}from"react-feather";import{animated as H,useTransition as G,useSpring as V}from"@react-spring/web";import{useFloating as q,offset as K,flip as Q,shift as Y,useHover as W,useInteractions as X}from"@floating-ui/react";var J=function(){return J=Object.assign||function(t){for(var e,n=1,o=arguments.length;n0&&s[s.length-1])||6!==r[0]&&2!==r[0])){i=0;continue}if(3===r[0]&&(!s||r[1]>s[0]&&r[1]0}(t)})),e=null==t?void 0:t.sort((function(t,e){var n=N.filter((function(e){return e.address===t.address}))[0],o=N.filter((function(t){return t.address===e.address}))[0];return(null==o?void 0:o.amount)-(null==n?void 0:n.amount)})),n=null==r?void 0:r.filter((function(t){return!(null==e?void 0:e.includes(t))})),o=e&&n&&tt(tt([],e,!0),n,!0);m(o),h(o)}),[r,N]);var I=d(""),R=I[0],S=I[1];function C(t){S(t)}return c((function(){var t=null==v?void 0:v.filter((function(t){var e,n,o;return(null===(n=null===(e=null==t?void 0:t.symbol)||void 0===e?void 0:e.toLowerCase())||void 0===n?void 0:n.includes(R.toLowerCase()))||(null===(o=null==t?void 0:t.address)||void 0===o?void 0:o.toLowerCase())===R.toLowerCase()}));h(t)}),[R]),e("div",{children:[o&&e("button",J({onClick:function(){return w(!a)},className:"skt-w skt-w-input skt-w-button skt-w-flex skt-w-items-center skt-w-flex-1 skt-w-bg-widget-interactive skt-w-flex-shrink-0 skt-w-flex-nowrap skt-w-w-auto skt-w-overflow-hidden skt-w-p-1 skt-w-text-widget-on-interactive",style:{borderRadius:"calc(1rem * ".concat(b,")")}},{children:[t("img",{src:null==o?void 0:o.logoURI,className:"skt-w skt-w-h-6 skt-w-w-6 skt-w-rounded-full skt-w-mr-1.5 skt-w-border"}),e("div",J({className:"skt-w skt-w-flex skt-w-items-center"},{children:[t("span",J({className:"skt-w-mr-0.5"},{children:null==o?void 0:o.symbol})),t(A,{className:"skt-w skt-w-w-4 skt-w-h-4"})]}))]})),x((function(n,o){return o&&e(ze,J({title:"Select Token",closeModal:function(){w(!1),C("")},style:n},{children:[t("div",J({className:"skt-w skt-w-px-1.5 skt-w-pt-2 skt-w-mb-2"},{children:t(_e,{searchInput:R,setSearchInput:S,handleInput:function(t){return C(t)}})})),t("div",J({className:"skt-w skt-w-h-full skt-w-overflow-y-auto skt-w-p-1.5"},{children:null==p?void 0:p.map((function(n){return e("button",J({className:"skt-w skt-w-input skt-w-button skt-w-flex hover:skt-w-bg-widget-secondary skt-w-items-center skt-w-p-2 skt-w-w-full skt-w-justify-between disabled:skt-w-opacity-60 disabled:skt-w-pointer-events-none",onClick:function(){return function(t){s(t),w(!1)}(n)},style:{borderRadius:"calc(0.5rem * ".concat(b,")")},disabled:(null==i?void 0:i.address)===(null==n?void 0:n.address)},{children:[e("div",J({className:"skt-w skt-w-flex skt-w-items-center"},{children:[t("img",{src:null==n?void 0:n.logoURI,className:"skt-w skt-w-w-6 skt-w-h-6 skt-w-rounded-full"}),e("div",J({className:"skt-w skt-w-flex skt-w-flex-col skt-w-items-start skt-w-ml-2 skt-w-text-widget-secondary"},{children:[t("span",J({className:"skt-w skt-w-text-sm"},{children:null==n?void 0:n.symbol})),t("span",J({className:"skt-w skt-w-text-xs skt-w--mt-0.5"},{children:null==n?void 0:n.name}))]}))]})),t("span",J({className:"skt-w skt-w-text-widget-secondary skt-w-text-xs skt-w-text-right skt-w-font-medium"},{children:T(n)}))]}),null==n?void 0:n.address)}))}))]}))}))]})},Me=function(e){var n=e.children,o=u(le).customization.borderRadius;return t("span",J({className:"skt-w skt-w-h-8 skt-w-flex skt-w-items-center skt-w-justify-center skt-w-bg-widget-interactive skt-w-flex-shrink-0 skt-w-flex-nowrap skt-w-w-auto skt-w-overflow-hidden skt-w-py-1 skt-w-px-3 skt-w-text-sm skt-w-text-widget-on-interactive",style:{borderRadius:"calc(1rem * ".concat(o,")")}},{children:n}))},je=function(o){var s=o.children,r=o.tooltipContent,i=d(!1),l=i[0],a=i[1],u=q({open:l,onOpenChange:a,middleware:[K(5),Q(),Y()]}),c=u.refs,w=u.floatingStyles,k=u.context,v=W(k),m=X([v]),f=m.getReferenceProps,p=m.getFloatingProps;return e(n,{children:[t("div",J({ref:c.setReference},f(),{className:"skt-w skt-w-flex"},{children:s})),l&&t("div",J({ref:c.setFloating,style:w,className:"skt-w-px-3 skt-w-z-50"},p(),{children:t("div",J({className:"skt-w skt-w-text-xs skt-w-text-white skt-w-text-left skt-w-bg-[#262636] skt-w-border skt-w-border-widget-secondary-text skt-w-border-opacity-40 skt-w-rounded-md skt-w-p-2"},{children:r}))}))]})},He=function(s){var r,i,l,a,d,u,c=s.src,w=void 0!==c&&c,k=o((function(t){return t.quotes.bestRoute})),v=null==k?void 0:k.refuel,m=Ie(w?null==v?void 0:v.fromAmount:null==v?void 0:v.toAmount,w?null===(r=null==v?void 0:v.fromAsset)||void 0===r?void 0:r.decimals:null===(i=null==v?void 0:v.toAsset)||void 0===i?void 0:i.decimals,3),f=null===(a=null===(l=null==k?void 0:k.route)||void 0===l?void 0:l.extraData)||void 0===a?void 0:a.opRebateData,p=null==f?void 0:f.asset,h=f&&Ie(f.amount,p.decimals);return v||f?t(n,{children:e("span",J({className:"skt-w skt-w-text-widget-accent skt-w-text-xs skt-w-absolute skt-w-left-0 skt-w--bottom-5 skt-w-w-full skt-w-text-left"},{children:[v&&e("span",J({className:"skt-w-mr-2"},{children:["+ ",m," ",w?null===(d=null==v?void 0:v.fromAsset)||void 0===d?void 0:d.symbol:null===(u=null==v?void 0:v.toAsset)||void 0===u?void 0:u.symbol]})),!w&&f&&"0"!=(null==f?void 0:f.amount)&&e("span",J({className:"skt-w-text-widget-secondary skt-w-inline-flex skt-w-items-center"},{children:[" ","+ ",Re(h,3)," OP"," ",t(je,J({tooltipContent:"Estimated rewards for bridging to Optimism."},{children:e("span",J({className:"skt-w-w-3 skt-w-h-3"},{children:[t(C,{className:"skt-w-w-3 skt-w-h-3 skt-w-rounded-full skt-w-ml-1"})," "]}))}))]}))]}))}):null},Ge=function(n){var o=n.amount,s=n.onChangeInput,r=n.updateToken,i=n.source,l=void 0!==i&&i,a=n.activeToken,d=n.tokens,u=n.noTokens,c=void 0!==u&&u,w=n.tokenToDisable;return e("div",J({className:"skt-w skt-w-flex skt-w-items-center skt-w-justify-between skt-w-mt-2.5 skt-w-pb-[1.125rem]"},{children:[t("div",J({className:"skt-w skt-w-flex skt-w-flex-1"},{children:e("div",J({className:"stk-w skt-w-flex skt-w-flex-col skt-w-relative"},{children:[t("input",{className:"skt-w skt-w-input skt-w-text-widget-primary skt-w-text-3xl focus:skt-w-outline-none skt-w-w-full skt-w-h-full skt-w-overflow-ellipsis skt-w-bg-transparent",value:o,onChange:function(t){return s(t.target.value)},placeholder:"0.0",type:l?"number":"string",onWheel:function(t){return document.activeElement.blur()},inputMode:"decimal",readOnly:!l}),t(He,{src:l})]}))})),c?t(Me,{children:"No Tokens"}):t(Ue,{updateToken:r,activeToken:a,tokens:d,tokenToDisable:w})]}))};function Ve(t){var e=w();return c((function(){var n=function(n){var o;(null===(o=null==e?void 0:e.current)||void 0===o?void 0:o.contains(n.target))||t()};return document.addEventListener("mousedown",n),function(){document.removeEventListener("mousedown",n)}})),e}function qe(n){var o=n.network,s=n.children,r=n.onClick,i=n.selected,l=void 0!==i&&i,a=n.borderRadius,d=void 0===a?1:a,u=n.onlyOneNetwork,c=void 0!==u&&u,w=1101===(null==o?void 0:o.chainId)?"zkEVM":324===(null==o?void 0:o.chainId)?"zkSync":null==o?void 0:o.name;return e("div",J({className:"skt-w skt-w-flex skt-w-w-28 skt-w-items-center skt-w-cursor-pointer skt-w-flex-shrink-0 ".concat(l?"":"skt-w-p-1.5 hover:skt-w-bg-widget-secondary hover:skt-w-bg-opacity-80"),onClick:r},{children:[e("div",J({className:"skt-w skt-w-flex skt-w-items-center"},{children:[t("img",{src:null==o?void 0:o.icon,className:"skt-w skt-w-h-6 skt-w-w-6",style:{borderRadius:"calc(0.3rem * ".concat(d,")")}}),t("span",J({className:"skt-w skt-w-text-sm skt-w-text-widget-primary skt-w-mx-1"},{children:w}))]})),l&&!c&&t(A,{className:"skt-w skt-w-text-widget-secondary skt-w-w-4 skt-w-h-4"}),s]}))}function Ke(n){var o=n.networks,s=n.activeNetworkId,r=n.onChange,i=d(!1),l=i[0],a=i[1],w=Ve((function(){return a(!1)})),k=d(null),v=k[0],m=k[1],f=null==o?void 0:o.filter((function(t){return(null==t?void 0:t.chainId)===s}))[0],p=u(le).customization.borderRadius;return c((function(){m(null==o?void 0:o.filter((function(t){return(null==t?void 0:t.chainId)!==s})))}),[o,s,f]),e("div",J({onClick:0===(null==v?void 0:v.length)?null:function(){return a(!l)},className:"skt-w skt-w-relative skt-w-p-1.5 ".concat(l?"skt-w-bg-widget-interactive skt-w-h-auto":""),style:{borderRadius:"calc(0.5rem * ".concat(p,")")},ref:w},{children:[f?t(qe,{network:f,selected:!0,borderRadius:p,onlyOneNetwork:(null==o?void 0:o.length)<2}):t("span",J({className:"skt-w skt-w-text-sm skt-w-text-widget-primary skt-w-bg-widget-secondary skt-w-py-1.5 skt-w-px-2",style:{borderRadius:"calc(0.3rem * ".concat(p,")")}},{children:"Loading chains"})),l&&t("div",J({className:"skt-w skt-w-pt-1 skt-w-z-10 skt-w-left-0 skt-w-absolute skt-w-bg-widget-interactive skt-w-flex skt-w-flex-col skt-w-w-full skt-w-max-h-[150px] skt-w-overflow-y-auto skt-w-overflow-hidden",style:{borderBottomRightRadius:"calc(0.75rem * ".concat(p,")"),borderBottomLeftRadius:"calc(0.75rem * ".concat(p,")")}},{children:null==v?void 0:v.map((function(e,n){return e?t(qe,{network:e,onClick:function(){return r(e)},borderRadius:p},"".concat(n,"-chain")):null}))}))]}))}var Qe=function(e){var n=e.size,o=void 0===n?6:n;return t("div",{className:"skt-w skt-w-w-".concat(o," skt-w-h-").concat(o," skt-w-rounded-full ").concat(o>8?"skt-w-border-[3px]":"skt-w-border-2"," skt-w-border-widget-secondary-text/30 skt-w-border-t-widget-accent/100 skt-w-animate-spin")})},Ye=function(n){var o=n.token,s=n.isLoading,r=n.onClick,i=Ie(null==o?void 0:o.balance,null==o?void 0:o.decimals,5);return e("button",J({disabled:!r,className:"skt-w skt-w-input skt-w-button skt-w-text-widget-primary skt-w-text-opacity-70 skt-w-text-xs skt-w-text-right skt-w-flex skt-w-items-center skt-w-transition-all ".concat(r?"hover:skt-w-underline":""),onClick:r},{children:[e("span",J({className:"skt-w-mr-1"},{children:["Bal: ",o&&i]})),s&&t(Qe,{size:3})]}))};function We(){var t=d(void 0),e=t[0],n=t[1],s=o((function(t){return t.networks.allNetworks}));return c((function(){if(s){var t={};s.forEach((function(e){return t[e.chainId]=e})),n(t)}else n(s)}),[s]),e}function Xe(t,e,n){var o=function(t,e){var n=w(t),o=w();c((function(){n.current=t}),[t]);var s=k((function(){o.current=setTimeout((function(){return n.current()}),e)}),[e]),r=k((function(){o.current&&clearTimeout(o.current)}),[]);return c((function(){return s(),r}),[e,s]),{reset:k((function(){r(),s()}),[r,s]),clear:r}}(t,e),s=o.reset,r=o.clear;c(s,tt(tt([],n,!0),[s],!1)),c(r,[])}var Je=function(t){var e="string"==typeof t,n=o((function(t){return t.networks.sourceChainId})),s=o((function(t){return t.networks.destChainId})),r=k((function(t){return Z(void 0,void 0,void 0,(function(){return $(this,(function(e){return[2,fetch(t,{credentials:"omit"}).then((function(t){return t.json()}))]}))}))}),[t]),i=y(e&&!!n&&!!s?t:null,r,{revalidateOnFocus:!1}),l=i.data;i.error;var a=y(!t&&!!n&&!!s?[n,s,"fetching tokens"]:null,(function(t,e){var n,o,s;return Z(this,void 0,void 0,(function(){var r;return $(this,(function(i){switch(i.label){case 0:return i.trys.push([0,2,,3]),[4,Ee.getTokenList({fromChainId:t,toChainId:e})];case 1:return r=i.sent(),[2,{name:"Socket Default",tokens:t===e?tt([],null===(n=null==r?void 0:r.to)||void 0===n?void 0:n.tokens,!0):tt(tt([],null===(o=null==r?void 0:r.from)||void 0===o?void 0:o.tokens,!0),null===(s=null==r?void 0:r.to)||void 0===s?void 0:s.tokens,!0)}];case 2:throw i.sent();case 3:return[2]}}))}))}),{revalidateOnFocus:!1}),d=a.data;return a.error,t&&!e?t:e&&l?null==l?void 0:l.tokens:!t&&d?null==d?void 0:d.tokens:void 0},Ze=function(n){var r=n.customTokenList,i=n.onTokenChange,l=n.onNetworkChange,a=u(de).web3Provider.userAddress,w=We(),k=s(),m=o((function(t){return t.networks.allNetworks})),f=o((function(t){return t.networks.sourceChainId})),p=Je(r),h=o((function(t){return t.tokens.sourceToken})),g=d(null),b=g[0],x=g[1],y=d(!1),N=y[0],T=y[1],I=o((function(t){return t.modals.isTxModalOpen}));c((function(){!I&&C()}),[I]),c((function(){if((null==p?void 0:p.length)>0){var t=De(p,f);T(0===(null==t?void 0:t.length)),x(t)}}),[p,f]);var R=Fe(null==h?void 0:h.address,f,a),S=R.data,A=R.isBalanceLoading,C=R.mutate,O=o((function(t){return t.customSettings.sourceNetworks})),D=o((function(t){return t.customSettings.destNetworks})),E=o((function(t){return t.customSettings.defaultSourceNetwork})),P=o((function(t){return t.customSettings.defaultSourceToken})),B=o((function(t){return t.customSettings.sameChainSwapsEnabled})),L=o((function(t){return t.customSettings.initialAmount}));function F(t){k(it(null==t?void 0:t.chainId)),h&&(null==h?void 0:h.chainId)!==(null==t?void 0:t.chainId)&&k(At(null)),l&&l(t)}var z=d(),_=z[0],U=z[1];c((function(){var t,e=null==m?void 0:m.filter((function(t){return t.sendingEnabled}));if(null==e?void 0:e.length){var n=void 0;n=(null==O?void 0:O.length)?e.filter((function(t){return null==O?void 0:O.includes(null==t?void 0:t.chainId)})):e,1!==(null==D?void 0:D.length)||B?U(n):U(null==n?void 0:n.filter((function(t){return t.chainId!==(null==D?void 0:D[0])}))),F(null!==(t=null==n?void 0:n.find((function(t){return(null==t?void 0:t.chainId)===E})))&&void 0!==t?t:null==n?void 0:n[0])}}),[m,E]),o((function(t){return t.amount.sourceAmount}));var M=d(""),j=M[0],H=M[1],G=d(""),V=G[0],q=G[1],K=function(t){(null==t?void 0:t.indexOf("."))>-1?t.split(".")[1].length<=(null==h?void 0:h.decimals)&&(H(t),Q(t)):(H(t),Q(t)),t&&0!=t||k(jt(null))};function Q(t){if(t){var e=(n=t,o=null==h?void 0:h.decimals,n&&o?v.utils.parseUnits(n,o).toString():"");q(e)}var n,o}function Y(){var t,e;return null!==(e=null===(t=b.filter((function(t){var e;return"usdc"===((null===(e=null==t?void 0:t.chainAgnosticId)||void 0===e?void 0:e.toLowerCase())||t.symbol.toLowerCase())})))||void 0===t?void 0:t[0])&&void 0!==e?e:b[0]}Xe((function(){return k(Et(V))}),500,[V]),c((function(){if(V&&S){var t=v.BigNumber.from(V).lte(v.BigNumber.from(null==S?void 0:S.balance));k(Ft(t))}}),[V,S]),c((function(){var t,e;if((null==b?void 0:b.length)>0){var n=void 0,o=h&&b.find((function(t){var e;return t.address.toLowerCase()===(null===(e=null==h?void 0:h.address)||void 0===e?void 0:e.toLowerCase())}));o||(n=P&&null!==(e=null===(t=b.filter((function(t){return t.address.toLowerCase()===P.toLowerCase()})))||void 0===t?void 0:t[0])&&void 0!==e?e:Y()),n&&Z(n)}}),[b]),c((function(){var t,e;if(P&&b){var n=null!==(e=null===(t=null==b?void 0:b.filter((function(t){return t.address.toLowerCase()===P.toLowerCase()})))||void 0===t?void 0:t[0])&&void 0!==e?e:Y();Z(n)}}),[P,b]);var W=d(),X=W[0],Z=W[1];return Xe((function(){k(At(X)),i&&i(X)}),300,[X]),c((function(){if(h&&j){var t=Re(j,null==h?void 0:h.decimals);H(t),Q(t)}}),[h]),c((function(){L&&K(L)}),[L]),c((function(){return function(){k(it(null))}}),[]),e("div",J({className:"skt-w skt-w-mt-3.5"},{children:[e("div",J({className:"skt-w skt-w-flex skt-w-items-center skt-w-justify-between"},{children:[e("div",J({className:"skt-w skt-w-flex skt-w-items-center"},{children:[t("span",J({className:"skt-w skt-w-text-widget-secondary skt-w-text-sm skt-w-mr-1.5"},{children:"From"})),t(Ke,{networks:_,activeNetworkId:f,onChange:F})]})),!N&&t(Ye,{token:S,isLoading:A,onClick:function(){return function(n){function o(t){var e=Ie(t,null==h?void 0:h.decimals,null==h?void 0:h.decimals);H(e),Q(e)}if(h.address===he){var s=w[f].currency.minNativeCurrencyForGas,r=void 0;r=v.BigNumber.from(s),1===f&&(r=(r=r.mul(17)).div(10));var i=v.BigNumber.from(n);r.lt(i)?o(i.sub(r)):k(oe(e("span",{children:["You are low on gas. We got you covered, use"," ",t("a",J({href:"https://www.bungee.exchange/refuel",target:"_blank",rel:"noopener noreferrer",className:"skt-w skt-w-anchor skt-w-text-widget-accent skt-w-text-medium"},{children:"Refuel"}))," ","to get gas now!"]})))}else o(n)}(null==S?void 0:S.balance)}})]})),t(Ge,{source:!0,amount:j,onChangeInput:K,updateToken:Z,activeToken:h,tokens:b,noTokens:N})]}))},$e=function(n){var r=n.customTokenList,i=n.onTokenChange,l=n.onNetworkChange,a=u(de).web3Provider.userAddress,w=s(),k=o((function(t){return t.networks.allNetworks})),v=o((function(t){return t.networks.destChainId})),m=o((function(t){return t.networks.sourceChainId})),f=d(!1),p=f[0],h=f[1],g=Je(r),b=o((function(t){return t.tokens.destToken})),x=o((function(t){return t.tokens.sourceToken})),y=d(null),N=y[0],T=y[1],I=o((function(t){return t.modals.isTxModalOpen}));c((function(){if((null==g?void 0:g.length)>0){var t=De(g,v);h(0===(null==t?void 0:t.length)),T(t)}}),[g,v]);var R=o((function(t){return t.quotes.bestRoute})),S=Fe(null==b?void 0:b.address,v,a),A=S.data,C=S.isBalanceLoading,O=S.mutate;c((function(){!I&&O()}),[I]);var D=o((function(t){return t.customSettings.destNetworks})),E=o((function(t){return t.customSettings.defaultDestNetwork})),P=o((function(t){return t.customSettings.defaultDestToken})),B=o((function(t){return t.customSettings.sameChainSwapsEnabled})),L=d(!1),F=L[0],z=L[1];function _(t){w(lt(null==t?void 0:t.chainId)),b&&(null==b?void 0:b.chainId)!==(null==t?void 0:t.chainId)&&(w(Ct(null)),et(null)),l&&l(t)}c((function(){return z(!0),Q(!0),function(){w(lt(null))}}),[]);var U=d(),M=U[0],j=U[1],H=d(),G=H[0],V=H[1];c((function(){var t=null==k?void 0:k.filter((function(t){return t.receivingEnabled}));if(null==t?void 0:t.length){var e=void 0;e=(null==D?void 0:D.length)?t.filter((function(t){return null==D?void 0:D.includes(null==t?void 0:t.chainId)})):t,j(e)}}),[k,D]);var q=d(!1),K=q[0],Q=q[1];c((function(){var t;if(null==M?void 0:M.length){var e=void 0;e=B?M:M.filter((function(t){return t.chainId!==m})),V(e),K?(_(null!==(t=null==e?void 0:e.find((function(t){return t.chainId===E})))&&void 0!==t?t:null==e?void 0:e[0]),Q(!1)):B||m!==v||_(null==e?void 0:e[0])}}),[m,M]),c((function(){var t;!K&&E&&(1===(null==M?void 0:M.length)?_(M[0]):_(null!==(t=null==M?void 0:M.find((function(t){return t.chainId===E})))&&void 0!==t?t:null==M?void 0:M[0]))}),[M,E]);var Y=d(""),W=Y[0],X=Y[1];function Z(){var t,e=null===(t=N.filter((function(t){var e;return"usdc"===((null===(e=null==t?void 0:t.chainAgnosticId)||void 0===e?void 0:e.toLowerCase())||t.symbol.toLowerCase())})))||void 0===t?void 0:t[0];return m===v&&(null==e?void 0:e.address)===(null==x?void 0:x.address)?N[0]:null!=e?e:N[0]}c((function(){var t,e,n=(null===(t=null==R?void 0:R.route)||void 0===t?void 0:t.toAmount)?Ie(null===(e=null==R?void 0:R.route)||void 0===e?void 0:e.toAmount,null==b?void 0:b.decimals,6).toString():"";X(n)}),[R]),c((function(){var t,e,n,o;if((null==N?void 0:N.length)&&x){var s=void 0;if(F)s=P&&null!==(e=null===(t=N.filter((function(t){return t.address.toLowerCase()===P.toLowerCase()})))||void 0===t?void 0:t[0])&&void 0!==e?e:Z();else if((null==x?void 0:x.address)===(null==b?void 0:b.address))s=Z();else{var r=b&&N.find((function(t){var e;return t.address.toLowerCase()===(null===(e=null==b?void 0:b.address)||void 0===e?void 0:e.toLowerCase())}));r||(s=x.chainAgnosticId&&m!==v&&null!==(o=null===(n=N.filter((function(t){var e;return(null===(e=null==t?void 0:t.chainAgnosticId)||void 0===e?void 0:e.toLowerCase())===x.chainAgnosticId.toLowerCase()})))||void 0===n?void 0:n[0])&&void 0!==o?o:Z())}z(!1),s&&et(s)}}),[N,x]),c((function(){var t,e;if(P&&N){var n=null!==(e=null===(t=null==N?void 0:N.filter((function(t){return t.address.toLowerCase()===P.toLowerCase()})))||void 0===t?void 0:t[0])&&void 0!==e?e:Z();et(n)}}),[P,N]);var $=d(),tt=$[0],et=$[1];return Xe((function(){w(Ct(tt)),i&&i(tt)}),300,[tt]),e("div",J({className:"skt-w skt-w-mt-6"},{children:[e("div",J({className:"skt-w skt-w-flex skt-w-items-center skt-w-justify-between"},{children:[e("div",J({className:"skt-w skt-w-flex skt-w-items-center"},{children:[t("span",J({className:"skt-w skt-w-text-widget-secondary skt-w-text-sm skt-w-mr-1.5"},{children:"To"})),t(Ke,{networks:G,activeNetworkId:v,onChange:_})]})),!p&&t(Ye,{token:A,isLoading:C})]})),t(Ge,{amount:"".concat(W?"~".concat(W):""),updateToken:et,activeToken:b,tokens:N,noTokens:p,tokenToDisable:m===v&&x})]}))},tn=function(n){var o=n.onClick,s=n.children,r=n.disabled,i=void 0!==r&&r;n.secondary,n.primary;var l=n.classNames,a=n.isLoading,d=void 0!==a&&a,c=u(le).customization.borderRadius;return e("button",J({onClick:o,disabled:i,className:"skt-w skt-w-input skt-w-button skt-w-h-14 skt-w-px-3 skt-w-flex skt-w-items-center skt-w-justify-center skt-w-transition-all skt-w-duration-100 skt-w-ease-linear skt-w-w-full skt-w-bg-widget-accent skt-w-text-widget-onAccent hover:skt-w-bg-opacity-90 skt-w-border-widget-primary \n disabled:skt-w-bg-widget-secondary \n disabled:skt-w-text-widget-secondary \n disabled:skt-w-opacity-50 \n disabled:skt-w-font-normal \n disabled:skt-w-border-opacity-50 \n skt-w-border \n ".concat(l||""),style:{borderRadius:"calc(0.625rem * ".concat(c,")")}},{children:[d&&t(Qe,{size:4})," ",t("span",J({className:"skt-w-ml-2"},{children:s}))]}))},en=function(e){var n=e.children,o=e.classNames,s=u(le).customization.borderRadius;return t("div",J({className:"skt-w skt-w-bg-widget-secondary skt-w-p-3 skt-w-mt-3 ".concat(o||""),style:{borderRadius:"calc(0.75rem * ".concat(s,")")}},{children:n}))},nn=function(n){var o,s=n.activeRoute,r=n.currentTxIndex,i=n.completed,l=n.inProgress,a=n.forReview,d=n.txData,u=n.refuel,c=We();return t("div",J({className:"skt-w skt-w-flex skt-w-flex-col skt-w-text-sm skt-w--my-2"},{children:null===(o=null==s?void 0:s.userTxs)||void 0===o?void 0:o.map((function(n,o){var w,k,v,m,f,p,h,g,b,x,y,N,T,I,R,S,A,C,D,E,P,B,L="completed"===(null==n?void 0:n.userTxStatus)||o1,j=U(0,!1),H=U(0,!0),G=U(M?1:0,!1),V=U(M?1:0,!0),q=(null==n?void 0:n.destinationTxHash)?Ce(null===(p=null==c?void 0:c[null==V?void 0:V.chainId])||void 0===p?void 0:p.explorers[0],n.destinationTxHash,Se.TRANSACTION):null,K=(null==n?void 0:n.refuelDestinationHash)?Ce(null===(h=null==c?void 0:c[null==V?void 0:V.chainId])||void 0===h?void 0:h.explorers[0],n.refuelDestinationHash,Se.TRANSACTION):null,Q={amount:Ie(null==u?void 0:u.fromAmount,null===(g=null==u?void 0:u.fromAsset)||void 0===g?void 0:g.decimals),chainId:null==u?void 0:u.fromChainId,symbol:null===(b=null==u?void 0:u.fromAsset)||void 0===b?void 0:b.symbol},Y={amount:Ie(null==u?void 0:u.toAmount,null===(x=null==u?void 0:u.toAsset)||void 0===x?void 0:x.decimals),chainId:null==u?void 0:u.toChainId,symbol:null===(y=null==u?void 0:u.toAsset)||void 0===y?void 0:y.symbol};return t("div",J({className:"skt-w skt-w-flex skt-w-flex-col skt-w-text-sm"},{children:t(on,M?J({label:"Tx ".concat(o+1,": Swap & Bridge"),complete:L,currentTx:F,url:_,inProgress:l,forReview:a,bridgeTx:!0,txHash:z},{children:e("div",J({className:"skt-w skt-w-flex skt-w-flex-col"},{children:[e("span",J({className:"skt-w-my-1"},{children:[Number(null==j?void 0:j.amount).toFixed(3)," ",null==j?void 0:j.symbol," for"," ",Number(null==H?void 0:H.amount).toFixed(3)," ",null==H?void 0:H.symbol," ","via ",null==H?void 0:H.protocolName," on"," ",null===(N=null==c?void 0:c[j.chainId])||void 0===N?void 0:N.name]})),e("span",J({className:"skt-w-my-1"},{children:[Number(null==G?void 0:G.amount).toFixed(3)," ",null==G?void 0:G.symbol," ","on ",null===(T=null==c?void 0:c[null==G?void 0:G.chainId])||void 0===T?void 0:T.name," to"," ",Number(null==V?void 0:V.amount).toFixed(3)," ",null==V?void 0:V.symbol," on"," ",null===(I=null==c?void 0:c[null==V?void 0:V.chainId])||void 0===I?void 0:I.name," via"," ",null==G?void 0:G.protocolName," bridge."," ",q&&e("a",J({href:q,target:"_blank",rel:"noopener noreferrer",className:"skt-w skt-w-anchor skt-w-underline skt-w-inline-flex skt-w-items-center skt-w-text-widget-primary"},{children:["Dest tx"," ",t(O,{className:"skt-w skt-w-w-3 skt-w-h-3 skt-w-ml-1"})]}))]})),u&&e("span",J({className:"skt-w-mt-1"},{children:[e("span",J({className:"skt-w skt-w-text-widget-accent"},{children:["For Refuel :"," "]})),Number(null==Q?void 0:Q.amount).toFixed(3)," ",null==Q?void 0:Q.symbol," on"," ",null===(R=null==c?void 0:c[null==Q?void 0:Q.chainId])||void 0===R?void 0:R.name," to"," ",Re(Number(null==Y?void 0:Y.amount),3)," ",null==Y?void 0:Y.symbol," on"," ",null===(S=null==c?void 0:c[null==Y?void 0:Y.chainId])||void 0===S?void 0:S.name," via"," ","Refuel."," ",K&&e("a",J({href:K,target:"_blank",rel:"noopener noreferrer",className:"skt-w skt-w-anchor skt-w-underline skt-w-inline-flex skt-w-items-center skt-w-text-widget-primary"},{children:["Dest tx"," ",t(O,{className:"skt-w skt-w-w-3 skt-w-h-3 skt-w-ml-1"})]}))]}))]}))}):J({label:"Tx ".concat(o+1," : Bridge"),complete:L,currentTx:F,url:_,inProgress:l,forReview:a,bridgeTx:!0,txHash:z},{children:e("div",J({className:"skt-w skt-w-flex skt-w-flex-col skt-w--my-1"},{children:[e("span",J({className:"skt-w-my-1"},{children:[Number(null==G?void 0:G.amount).toFixed(3)," ",null==G?void 0:G.symbol," ","on ",null===(A=null==c?void 0:c[null==G?void 0:G.chainId])||void 0===A?void 0:A.name," to"," ",Number(null==V?void 0:V.amount).toFixed(3)," ",null==V?void 0:V.symbol," on"," ",null===(C=null==c?void 0:c[null==V?void 0:V.chainId])||void 0===C?void 0:C.name," via"," ",null==G?void 0:G.protocolName," bridge."," ",q&&e("a",J({href:q,target:"_blank",rel:"noopener noreferrer",className:"skt-w skt-w-anchor skt-w-underline skt-w-inline-flex skt-w-items-center skt-w-text-widget-primary"},{children:["Dest tx"," ",t(O,{className:"skt-w skt-w-w-3 skt-w-h-3 skt-w-ml-1"})]}))]})),u&&e("span",J({className:"skt-w-my-1"},{children:[e("span",J({className:"skt-w skt-w-text-widget-accent"},{children:["For Refuel :"," "]})),Number(null==Q?void 0:Q.amount).toFixed(3)," ",null==Q?void 0:Q.symbol," on"," ",null===(D=null==c?void 0:c[null==Q?void 0:Q.chainId])||void 0===D?void 0:D.name," to"," ",Re(Number(null==Y?void 0:Y.amount),3)," ",null==Y?void 0:Y.symbol," on"," ",null===(E=null==c?void 0:c[null==Y?void 0:Y.chainId])||void 0===E?void 0:E.name," via"," ","Refuel."," ",K&&e("a",J({href:K,target:"_blank",rel:"noopener noreferrer",className:"skt-w skt-w-anchor skt-w-underline skt-w-inline-flex skt-w-items-center skt-w-text-widget-primary"},{children:["Dest tx"," ",t(O,{className:"skt-w skt-w-w-3 skt-w-h-3 skt-w-ml-1"})]}))]}))]}))}))}),"".concat(null==s?void 0:s.activeRouteId,"-fund-movr-swap"))}if("dex-swap"===(null==n?void 0:n.userTxType)){j=U(null,!1),H=U(null,!0);return e(on,J({label:"Tx ".concat(o+1,": Swap"),complete:L,currentTx:F,url:_,inProgress:l,forReview:a},{children:[Number(null==j?void 0:j.amount).toFixed(3)," ",null==j?void 0:j.symbol," for"," ",Number(null==H?void 0:H.amount).toFixed(3)," ",null==H?void 0:H.symbol," via"," ",null==H?void 0:H.protocolName," on"," ",null===(P=null==c?void 0:c[null==H?void 0:H.chainId])||void 0===P?void 0:P.name]}),"".concat(null==s?void 0:s.activeRouteId,"-dex-swap-").concat(o))}if("claim"===(null==n?void 0:n.userTxType))return e(on,J({label:"Tx ".concat(o+1,": Claim"),complete:L,currentTx:F,url:_,inProgress:l,forReview:a},{children:["Claim ",null===(B=null==n?void 0:n.toAsset)||void 0===B?void 0:B.symbol," on"," ",null==c?void 0:c[null==n?void 0:n.chainId].name]}),"".concat(null==s?void 0:s.activeRouteId,"-claim"))}))}))},on=function(n){var o=n.label,s=n.children,r=n.complete,i=void 0!==r&&r,l=n.currentTx,a=void 0!==l&&l,d=n.url,c=void 0===d?null:d,w=n.inProgress,k=void 0!==w&&w,v=n.forReview,m=void 0!==v&&v,f=n.bridgeTx,p=void 0!==f&&f,h=n.txHash,g=i||a,b=u(le).customization.borderRadius;return e("div",J({className:"skt-w skt-w-flex skt-w-border skt-w-my-2 ".concat(a?"skt-w-bg-widget-secondary skt-w-bg-opacity-20 skt-w-border-widget-accent":"skt-w-border-widget-secondary"," ").concat(m?"":"skt-w-p-3"),style:{borderRadius:"calc(0.5rem * ".concat(b)}},{children:[t("div",J({className:"skt-w skt-w-h-6 skt-w-w-6 skt-w-flex skt-w-items-center skt-w-justify-center skt-w-shrink-0 skt-w-mt-[3px] skt-w-mr-3.5 ".concat(i?"skt-w-bg-widget-secondary":"skt-w-bg-transparent"),style:{borderRadius:"calc(0.25rem * ".concat(b,")")}},{children:k&&a?t(Qe,{size:4}):i?t(D,{className:"skt-w skt-w-w-[18px] skt-w-h-[18px] skt-w-text-widget-accent"}):t(E,{className:"skt-w skt-w-w-[18px] skt-w-h-[18px] ".concat(a||m?"skt-w-text-widget-accent":"skt-w-text-widget-secondary opacity-60")})})),e("div",J({className:"skt-w skt-w-flex skt-w-flex-col skt-w-text-xs skt-w-text-left skt-w-text-widget-secondary ".concat(g||m?"":"skt-w-opacity-60")},{children:[t("span",J({className:"skt-w skt-w-mb-0.5 ".concat(g||m?"skt-w-font-medium skt-w-text-widget-primary":"")},{children:c?e("div",J({className:"skt-w-flex skt-w-items-center"},{children:[e("a",J({href:c,className:"skt-w skt-w-anchor skt-w-underline skt-w-flex skt-w-items-center",target:"_blank",rel:"noopener noreferrer"},{children:[o," ",t(O,{className:"skt-w skt-w-w-3 skt-w-h-3 skt-w-opacity-50 skt-w-ml-1"})]})),p&&t(sn,{txHash:h})]})):o})),t("span",{children:s})]}))]}))},sn=function(n){var o=n.txHash;return e("a",J({href:"https://socketscan.io/tx/".concat(o),className:"skt-w skt-w-anchor skt-w-underline skt-w-flex skt-w-items-center skt-w-ml-2",target:"_blank",rel:"noopener noreferrer"},{children:["SocketScan"," ",t(O,{className:"skt-w skt-w-w-3 skt-w-h-3 skt-w-opacity-50 skt-w-ml-1"})]}))},rn=function(n){var o,s,r,i=n.token,l=n.rtl,a=void 0!==l&&l,d=n.amount,c=n.small,w=void 0!==c&&c,k=n.refuel,v=We(),m=null==v?void 0:v[null==i?void 0:i.chainId],f=Ie(d,null==i?void 0:i.decimals,4),p=Ie(null==k?void 0:k.amount,null===(o=null==k?void 0:k.asset)||void 0===o?void 0:o.decimals,3),h=!!(null==k?void 0:k.amount),g=u(le).customization.borderRadius;return e("div",J({className:"skt-w skt-w-flex skt-w-flex-col skt-w-flex-1 skt-w-max-w-full ".concat(a?"skt-w-items-end":"skt-w-flex-row"),style:{borderRadius:"calc(0.7rem * ".concat(g,")")}},{children:[e("div",J({className:"skt-w skt-w-flex skt-w-items-center skt-w-flex-1 skt-w-overflow-hidden ".concat(a?"skt-w-flex-row-reverse":"skt-w-flex-row")},{children:[e("div",J({className:"skt-w skt-w-relative skt-w-flex skt-w-flex-shrink-0"},{children:[t("img",{src:null==i?void 0:i.logoURI,className:"skt-w skt-w-w-6 skt-w-h-6 skt-w-rounded-full skt-w-border-widget-primary"}),!!(null==k?void 0:k.amount)&&t("img",{src:null===(s=null==k?void 0:k.asset)||void 0===s?void 0:s.logoURI,className:"skt-w skt-w-w-6 skt-w-h-6 skt-w-rounded-full skt-w--ml-2 skt-w-border-2 skt-w-border-widget-accent skt-w-object-cover skt-w-bg-widget-accent"})]})),t("div",J({className:"skt-w skt-w-flex skt-w-flex-col skt-w-flex-auto skt-w-overflow-hidden ".concat(a?"skt-w-items-end skt-w-mr-2":"skt-w-items-start skt-w-ml-2")},{children:e("span",J({className:"skt-w skt-w-text-widget-primary skt-w-w-full skt-w-font-medium skt-w-overflow-hidden skt-w-whitespace-nowrap skt-w-text-ellipsis skt-w-flex skt-w-flex-col ".concat(a?"skt-w-text-right skt-w-items-end":"skt-w-text-left skt-w-items-start"," ").concat(w?"skt-w-text-xs":"skt-w-text-sm")},{children:[e("span",{children:[f," ",null==i?void 0:i.symbol]}),h&&e("span",J({className:"skt-w skt-w-text-[10px] skt-w-font-normal skt-w-text-widget-accent ".concat(a?"skt-w-text-right":"skt-w-text-left")},{children:["(+ ",p," ",null===(r=null==k?void 0:k.asset)||void 0===r?void 0:r.symbol,")"]}))]}))}))]})),e("p",J({className:"skt-w skt-w-text-xs skt-w-text-widget-secondary skt-w-mt-1 ".concat(a?"skt-w-text-right":"skt-w-text-left")},{children:["on ",null==m?void 0:m.name]}))]}))},ln=function(n){var o=n.srcDetails,s=n.srcRefuel,r=n.destDetails,i=n.destRefuel,l=n.onClick,a=u(le).customization.borderRadius;return t("button",J({onClick:null!=l?l:null,disabled:!l,className:"skt-w skt-w-button skt-w-input skt-w-px-3 skt-w-py-4 skt-w-border-widget-secondary skt-w-flex skt-w-flex-col skt-w-items-start skt-w-w-full ".concat(l?"hover:skt-w-bg-widget-secondary":""),style:{borderRadius:"calc(0.5rem * ".concat(a,")")}},{children:e("div",J({className:"skt-w skt-w-flex skt-w-justify-between skt-w-items-center skt-w-w-full"},{children:[t(rn,{token:null==o?void 0:o.token,amount:null==o?void 0:o.amount,refuel:s}),t(P,{className:"skt-w skt-w-w-4 skt-w-h-4 skt-w-text-widget-secondary ".concat("skt-w--rotate-90")}),t(rn,{token:null==r?void 0:r.token,amount:null==r?void 0:r.amount,refuel:i,rtl:!0})]}))}))},an=function(t,e,n,o){var s=d(""),r=s[0],i=s[1],l=d(0),a=l[0],u=l[1],w=function(t){var e=y(t?[t,"gas price"]:null,(function(t){return Z(this,void 0,void 0,(function(){return $(this,(function(e){switch(e.label){case 0:return[4,b.getGasPrice({chainId:t})];case 1:return[2,e.sent()]}}))}))})),n=e.data;return e.error,e.isValidating,{data:null==n?void 0:n.result}}(e);return c((function(){var s=!!t&&!!(null==w?void 0:w.data)&&v.BigNumber.from(t).mul(v.BigNumber.from(null==w?void 0:w.data.normal.gasPrice)).toString();if(s&&n){var r=Ie(s,n).toString();i(r)}if(o&&e){var l=null==o?void 0:o.userTxs.reduce((function(t,n){var o,s;return n.chainId===e?t+(null!==(s=null===(o=n.gasFees)||void 0===o?void 0:o.feesInUsd)&&void 0!==s?s:0):t}),0);u(l)}}),[w,t]),{feesInToken:r,feesInUsd:a}},dn=function(t,e){var n=d(""),o=n[0],s=n[1];return c((function(){if(t&&e){var n=null==t?void 0:t.userTxs.reduce((function(t,n){var o;return n.chainId===e?t.add(v.BigNumber.from(null===(o=n.gasFees)||void 0===o?void 0:o.gasLimit)||0):t}),v.BigNumber.from(0));s(n.toString())}}),[t,e]),o},un=function(r){var i,l,a,w,k,v,m,f,p,h,g,b,x,y,N,T,I,R,S,A,O,D,E,P,F,z,_,U,M,j,H,G,V,q,K,Q,Y,W,X,tt,et,nt,ot=r.closeModal,st=r.style,rt=s(),it=o((function(t){return t.quotes.bestRoute})),lt=o((function(t){return t.routes.selectedRoute})),at=o((function(t){return t.customSettings.hideIntegratorFee})),dt=d(!1),ut=dt[0],ct=dt[1],wt=d(!1),kt=wt[0],vt=wt[1],mt=d(!1),ft=mt[0],pt=mt[1],ht=u(le).customization.borderRadius;c((function(){vt(it!==lt)}),[lt,it]);var gt={amount:null===(i=null==lt?void 0:lt.refuel)||void 0===i?void 0:i.fromAmount,asset:null===(l=null==lt?void 0:lt.refuel)||void 0===l?void 0:l.fromAsset},bt={amount:null===(a=null==lt?void 0:lt.refuel)||void 0===a?void 0:a.toAmount,asset:null===(w=null==lt?void 0:lt.refuel)||void 0===w?void 0:w.toAsset},xt=dn(null==lt?void 0:lt.route,null===(v=null===(k=null==lt?void 0:lt.path)||void 0===k?void 0:k.fromToken)||void 0===v?void 0:v.chainId),yt=null===(p=null===(f=null===(m=null==lt?void 0:lt.route)||void 0===m?void 0:m.userTxs.filter((function(t){var e,n;return t.chainId===(null===(n=null===(e=null==lt?void 0:lt.path)||void 0===e?void 0:e.fromToken)||void 0===n?void 0:n.chainId)}))[0])||void 0===f?void 0:f.gasFees)||void 0===p?void 0:p.asset,Nt=an(xt,null==yt?void 0:yt.chainId,null==yt?void 0:yt.decimals,null==lt?void 0:lt.route),Tt=Nt.feesInToken,It=Nt.feesInUsd,Rt=dn(null==lt?void 0:lt.route,null===(g=null===(h=null==lt?void 0:lt.path)||void 0===h?void 0:h.fromToken)||void 0===g?void 0:g.chainId),St=null===(y=null===(x=null===(b=null==lt?void 0:lt.route)||void 0===b?void 0:b.userTxs.filter((function(t){var e,n;return t.chainId===(null===(n=null===(e=null==lt?void 0:lt.path)||void 0===e?void 0:e.toToken)||void 0===n?void 0:n.chainId)}))[0])||void 0===x?void 0:x.gasFees)||void 0===y?void 0:y.asset,At=an(Rt,null==St?void 0:St.chainId,null==St?void 0:St.decimals,null==lt?void 0:lt.route),Ct=At.feesInToken,Ot=At.feesInUsd,Dt=null===(N=null==lt?void 0:lt.route)||void 0===N?void 0:N.userTxs.filter((function(t){return t.userTxType===ve.FUND_MOVR}))[0],Et=(null==Dt?void 0:Dt.steps)&&(null==Dt?void 0:Dt.steps.filter((function(t){return"bridge"===t.type}))[0]),Pt=(null==Dt?void 0:Dt.steps)&&(null==Dt?void 0:Dt.steps.filter((function(t){return"middleware"===t.type}))[0]),Bt=null===(I=null===(T=null==lt?void 0:lt.route)||void 0===T?void 0:T.userTxs.filter((function(t){return t.userTxType===ve.DEX_SWAP})))||void 0===I?void 0:I[0],Lt=null==Et?void 0:Et.protocolFees.feesInUsd,Ft=Ie(null==Et?void 0:Et.protocolFees.amount,null==Et?void 0:Et.protocolFees.asset.decimals,5),zt=null==Et?void 0:Et.protocolFees.asset.symbol,_t=null===(R=null==lt?void 0:lt.route)||void 0===R?void 0:R.integratorFee,Ut=null==_t?void 0:_t.asset,Mt=(null==_t?void 0:_t.amount)&&Ie(null==_t?void 0:_t.amount,null==Ut?void 0:Ut.decimals,4),jt=null===(S=null==Et?void 0:Et.extraData)||void 0===S?void 0:S.opRebateData,Ht=null==jt?void 0:jt.asset,Gt=jt&&Ie(jt.amount,Ht.decimals),Vt=e("span",J({className:"skt-w skt-w-flex skt-w-items-center"},{children:["OP Rewards",t(je,J({tooltipContent:"Estimated rewards for bridging to Optimism."},{children:t(C,{className:"skt-w skt-w-ml-1.5 skt-w-w-4 skt-w-h-4"})}))]}));c((function(){var t,e,n,o;pt((null===(e=null===(t=null==lt?void 0:lt.path)||void 0===t?void 0:t.fromToken)||void 0===e?void 0:e.chainId)===(null===(o=null===(n=null==lt?void 0:lt.path)||void 0===n?void 0:n.toToken)||void 0===o?void 0:o.chainId))}),[lt]);var qt;if(null==lt?void 0:lt.route){var Kt=lt.route,Qt=Kt&&Kt.userTxs[(null===(A=Kt.userTxs)||void 0===A?void 0:A.length)-1],Wt="claim"===(null==Qt?void 0:Qt.userTxType)?null===(D=null==Kt?void 0:Kt.userTxs[(null===(O=null==Kt?void 0:Kt.userTxs)||void 0===O?void 0:O.length)-2])||void 0===D?void 0:D.steps:null==Qt?void 0:Qt.steps,Xt=(null==Wt?void 0:Wt.length)>0&&Wt[(null==Wt?void 0:Wt.length)-1],Jt=null!==(F=null===(P=null==Kt?void 0:Kt.userTxs[(null===(E=null==Kt?void 0:Kt.userTxs)||void 0===E?void 0:E.length)-1])||void 0===P?void 0:P.minAmountOut)&&void 0!==F?F:null==Xt?void 0:Xt.minAmountOut;qt=Jt&&(null===(z=null==lt?void 0:lt.path)||void 0===z?void 0:z.toToken)&&Ie(Jt,null===(U=null===(_=null==lt?void 0:lt.path)||void 0===_?void 0:_.toToken)||void 0===U?void 0:U.decimals,4)}return t(ze,J({title:"Review Quote",closeModal:ut?function(){return ct(!ut)}:ot,style:st},{children:e("div",J({className:"skt-w skt-w-flex skt-w-flex-col skt-w-justify-between skt-w-flex-1 skt-w-relative"},{children:[e("div",J({className:"skt-w skt-w-w-full skt-w-overflow-y-auto",style:{height:"calc(100% - 7rem)"}},{children:[t(ln,{srcDetails:{token:null===(M=null==lt?void 0:lt.path)||void 0===M?void 0:M.fromToken,amount:null==lt?void 0:lt.amount},destDetails:{token:null===(j=null==lt?void 0:lt.path)||void 0===j?void 0:j.toToken,amount:null===(H=null==lt?void 0:lt.route)||void 0===H?void 0:H.toAmount},srcRefuel:gt,destRefuel:bt}),e("div",J({className:"skt-w skt-w-px-3 skt-w-py-1.5 skt-w-flex skt-w-flex-col skt-w-mt-1"},{children:[ft?t(cn,{label:"Dex Name",value:null===(Y=null==Bt?void 0:Bt.protocol)||void 0===Y?void 0:Y.displayName}):e(n,{children:[t(cn,{label:"Bridge Name",value:Ne[null===(V=null===(G=null==lt?void 0:lt.route)||void 0===G?void 0:G.usedBridgeNames)||void 0===V?void 0:V[0]]||(null===(K=null===(q=null==lt?void 0:lt.route)||void 0===q?void 0:q.usedBridgeNames)||void 0===K?void 0:K[0])}),t(cn,{label:"Estimated Bridging Time",value:Pe(null===(Q=null==lt?void 0:lt.route)||void 0===Q?void 0:Q.serviceTime)}),t(cn,J({label:"Bridge Fee"},{children:t(wn,{feeInToken:Ft,feeInUsd:Lt,tokenSymbol:zt})}))]}),t(cn,J({label:"Source Gas Fee"},{children:t(wn,{feeInToken:Tt,feeInUsd:It,tokenSymbol:null==yt?void 0:yt.symbol})})),!!Ct&&!ft&&e(n,{children:[t(cn,J({label:"Dest Gas Fee"},{children:t(wn,{feeInToken:Ct,feeInUsd:Ot,tokenSymbol:null==St?void 0:St.symbol})})),t(cn,{label:"Number of transactions",value:null===(W=null==lt?void 0:lt.route)||void 0===W?void 0:W.totalUserTx})]}),!at&&"0"!==(null==_t?void 0:_t.amount)&&t(cn,{label:"Add-on Fee",value:"".concat(Mt," ").concat(null==Ut?void 0:Ut.symbol)}),(!!Pt||!!Bt)&&t(cn,J({label:"Swap Slippage"},{children:e("div",J({className:"skt-w-flex skt-w-items-center"},{children:[null!==(X=null==Bt?void 0:Bt.swapSlippage)&&void 0!==X?X:null==Pt?void 0:Pt.swapSlippage,"%"," ",t("button",J({className:"skt-w skt-w-input skt-w-button skt-w-flex",onClick:function(){rt(ee(!0))}},{children:t(B,{className:"skt-w-ml-2 skt-w-w-4 skt-w-h-4 skt-w-text-widget-accent"})}))]}))})),Et&&"hyphen"!==(null===(tt=null==Et?void 0:Et.protocol)||void 0===tt?void 0:tt.displayName.toLowerCase())&&t(cn,{label:"Minimum received",value:"".concat(null==qt?void 0:qt.toString()," ").concat(null===(nt=null===(et=null==lt?void 0:lt.path)||void 0===et?void 0:et.toToken)||void 0===nt?void 0:nt.symbol)}),jt&&"0"!=(null==jt?void 0:jt.amount)&&t(cn,J({label:Vt},{children:e("div",J({className:"skt-w skt-w-flex skt-w-items-center"},{children:[t("img",{src:Ht.logoURI,className:"skt-w skt-w-w-5 skt-w-h-5 skt-w-mr-1"}),t(wn,{feeInToken:Gt,feeInUsd:null==jt?void 0:jt.amountInUsd,tokenSymbol:Ht.symbol})]}))}))]}))]})),e(en,J({classNames:"skt-w-absolute skt-w-w-full skt-w-flex skt-w-bottom-0 skt-w-flex-col skt-w-justify-between skt-w-transition-all ".concat(ut?"skt-w-h-full skt-w-max-h-full":"skt-w-h-auto skt-w-max-h-min")},{children:[e("div",J({className:"skt-w skt-w-flex-1 skt-w-flex skt-w-flex-col skt-w-overflow-auto"},{children:[e("button",J({className:"skt-w skt-w-button skt-w-input skt-w-flex skt-w-items-center skt-w-text-sm skt-w-text-widget-secondary skt-w-mb-3",onClick:function(){return ct(!ut)}},{children:[t(L,{className:"skt-w skt-w-w-4 skt-w-h-4 skt-w-text-widget-secondary skt-w-transition-all skt-w-mr-1.5 ".concat(ut?"skt-w-rotate-180":"skt-w-rotate-0")})," ","See route details"]})),ut&&t("div",J({className:"skt-w skt-w-mb-3 skt-w-flex-1 skt-w-overflow-y-auto"},{children:t(nn,{activeRoute:null==lt?void 0:lt.route,forReview:!0,refuel:null==lt?void 0:lt.refuel})}))]})),e("div",J({className:"skt-w skt-w-h-14 skt-w-transition-all skt-w-duration-300 skt-w-flex skt-w-justify-between skt-w-items-center skt-w-border ".concat(kt?"skt-w-border-widget-outline skt-w-p-1 skt-w-pl-2":"skt-w-border-transparent"),style:{borderRadius:"calc(0.875rem * ".concat(ht,")")}},{children:[kt&&t("span",J({className:"skt-w skt-w-whitespace-nowrap skt-w-w-full skt-w-text-widget-secondary skt-w-text-sm skt-w-text-left"},{children:it?"Quote updated":"Quote updating..."})),t(tn,J({onClick:kt?function(){rt(Yt(it))}:function(){return Z(this,void 0,void 0,(function(){return $(this,(function(t){return rt(te(!0)),[2]}))}))},classNames:"".concat(kt?"skt-w-h-12":""),disabled:!it},{children:kt?"Accept":"Confirm ".concat(ft?"Swap":"Bridge")}))]}))]}))]}))}))},cn=function(n){var o=n.label,s=n.value,r=n.children;return e("div",J({className:"skt-w skt-w-w-full skt-w-flex skt-w-justify-between skt-w-text-sm skt-w-text-widget-secondary skt-w-my-1.5"},{children:[t("span",{children:o}),t("span",{children:s}),r]}))},wn=function(n){var o=n.feeInToken,s=n.tokenSymbol,r=n.feeInUsd;return o?e("span",{children:[o&&"0"!==o?e("span",{children:[Re(o,5)," ",t("span",J({className:"skt-w-font-medium"},{children:s}))," "]}):0,0!==r&&e("span",J({className:"skt-w-opacity-80 skt-w-font-normal"},{children:["($",null==r?void 0:r.toFixed(4),")"]}))]}):null},kn=function(){var n=s(),r=o((function(t){return t.networks.sourceChainId})),i=o((function(t){return t.tokens.sourceToken})),l=o((function(t){return t.tokens.destToken})),a=o((function(t){return t.quotes.sortPref})),w=o((function(t){return t.amount.sourceAmount})),k=o((function(t){return t.modals.isTxModalOpen})),m=o((function(t){return t.quotes.refuelEnabled})),f=o((function(t){return t.customSettings.includeBridges})),p=o((function(t){return t.customSettings.excludeBridges})),h=o((function(t){return t.customSettings.feeParams})),g=o((function(t){return t.amount.isEnoughBalance})),b=u(de).web3Provider.userAddress,N=o((function(t){return t.quotes.singleTxOnly})),T=o((function(t){return t.quotes.swapSlippage})),I=function(t,e,n,s,r,i,l,a,d,u,c,w){var k=o((function(t){return t.modals.isTxModalOpen})),v=y(t&&e&&n&&"0"!==n&&r&&!k?[t,e,n,r,s,i,l,a,d,u,c,w,"quotes"]:null,(function(t,e,n,o,s,r,i,l,a,d,u,c){return Z(this,void 0,void 0,(function(){return $(this,(function(w){switch(w.label){case 0:return[4,Ee.getAllQuotes({path:{fromToken:t,toToken:e},amount:n,address:o},{sort:s,bridgeWithGas:r,includeBridges:i,excludeBridges:l,singleTxOnly:a,defaultSwapSlippage:d,feeTakerAddress:u,feePercent:c})];case 1:return[2,w.sent().routes]}}))}))}),{refreshInterval:1e3*me,revalidateOnFocus:!1}),m=v.data,f=v.error,p=v.isValidating;return{data:m,isQuotesLoading:r&&(!m&&!f||p)}}(null!=i?i:"",l,w,a,b,m,f,p,N,T,null==h?void 0:h.feeTakerAddress,null==h?void 0:h.feePercent),R=I.data,S=I.isQuotesLoading,A=w&&i&&l&&a,O=o((function(t){return t.quotes.bestRoute})),D=d(!1),E=D[0],P=D[1],B=Fe(he,r,b).data;c((function(){var t;if(localStorage){var e=null!==(t=JSON.parse(localStorage.getItem("txData")))&&void 0!==t?t:{};n(Jt({prevTxDetails:e}))}}),[]),c((function(){k&&P(!1)}),[k]);var L=d(!1),F=L[0],z=L[1];c((function(){var t;if(R){var e=a===x.Time?R.reverse()[0]:R[0];if(n(jt(e)),null==e?void 0:e.refuel){var o=void 0,s=null===(t=null==e?void 0:e.refuel)||void 0===t?void 0:t.fromAmount;o=(null==i?void 0:i.address)===he?v.BigNumber.from(w).add(s).toString():s,v.BigNumber.from(o).lte(null==B?void 0:B.balance)?z(!0):z(!1)}}else n(jt(null))}),[R]);var _=G(E,{from:{y:"100%"},enter:{y:"0"},leave:{y:"100%"},config:{duration:200},onReset:function(){return P(!1)}});return e(en,{children:[e("div",J({className:"skt-w skt-w-text-widget-secondary skt-w-mb-3 skt-w-text-sm skt-w-flex skt-w-items-center"},{children:[w&&"0"!==w&&S?t("span",J({className:"skt-w-mr-1"},{children:t(Qe,{size:4})})):(null==O?void 0:O.refuel)&&!F?t(C,{className:"skt-w-w-4 skt-w-h-4 skt-w-mr-1"}):"",function(){var t,e,n,o,s,r,i,l,a,d,u,c,w,k,m,f,p,h,g,b,x=null===(e=null===(t=null==O?void 0:O.route)||void 0===t?void 0:t.usedBridgeNames)||void 0===e?void 0:e[0],y=Ne[x]||x;if((null==O?void 0:O.refuel)&&!F){var N=void 0;if((null===(o=null===(n=null==O?void 0:O.path)||void 0===n?void 0:n.fromToken)||void 0===o?void 0:o.address)===he){var T=null==O?void 0:O.amount,I=null===(s=null==O?void 0:O.refuel)||void 0===s?void 0:s.fromAmount,R=v.BigNumber.from(T).add(v.BigNumber.from(I)).toString();N=Ie(R,null===(i=null===(r=null==O?void 0:O.refuel)||void 0===r?void 0:r.fromAsset)||void 0===i?void 0:i.decimals,2)}else N=Ie(null===(l=null==O?void 0:O.refuel)||void 0===l?void 0:l.fromAmount,null===(d=null===(a=null==O?void 0:O.refuel)||void 0===a?void 0:a.fromAsset)||void 0===d?void 0:d.decimals,2);return"Not enough ".concat(null==B?void 0:B.symbol," for Refuel (").concat(N," required)")}var C=Ie(null===(u=null==O?void 0:O.route)||void 0===u?void 0:u.fromAmount,null===(w=null===(c=null==O?void 0:O.path)||void 0===c?void 0:c.fromToken)||void 0===w?void 0:w.decimals),D=Ie(null===(k=null==O?void 0:O.route)||void 0===k?void 0:k.toAmount,null===(f=null===(m=null==O?void 0:O.path)||void 0===m?void 0:m.toToken)||void 0===f?void 0:f.decimals),E=Number(D)/Number(C),P="1 ".concat(null===(h=null===(p=null==O?void 0:O.path)||void 0===p?void 0:p.fromToken)||void 0===h?void 0:h.symbol," = ").concat(null==E?void 0:E.toFixed(4)," ").concat(null===(b=null===(g=null==O?void 0:O.path)||void 0===g?void 0:g.toToken)||void 0===b?void 0:b.symbol);return A?S?be.FETCHING_QUOTE:O?null!=y?y:P:be.NO_ROUTES_AVAILABLE:be.ENTER_AMOUNT}()]})),t(tn,J({onClick:function(){n(Yt(O)),P(!0)},disabled:!O||S||!g||(null==O?void 0:O.refuel)&&!F},{children:g?xe.REVIEW_QUOTE:xe.NOT_ENOUGH_BALANCE})),e("div",J({className:"skt-w skt-w-flex skt-w-items-center skt-w-justify-between skt-w-text-widget-secondary skt-w-mt-2.5 skt-w-text-xs"},{children:[t("a",J({href:"http://socket.tech/",target:"_blank",rel:"noopener noreferrer",className:"skt-w skt-w-anchor"},{children:"Powered by Socket"})),t("a",J({href:"https://socketdottech.zendesk.com/hc/en-us",target:"_blank",rel:"noopener noreferrer",className:"skt-w skt-w-anchor"},{children:"Support"}))]})),_((function(e,n){return n&&t(un,{closeModal:function(){return P(!1)},style:e})}))]})},vn=function(){var e=s();return t(n,{children:t("button",J({onClick:function(){e(ee(!0))},className:"skt-w skt-w-button skt-w-input skt-w-flex skt-w-ml-3"},{children:t(F,{className:"skt-w skt-w-w-5.5 skt-w-h-5.5 skt-w-text-widget-secondary hover:skt-w-text-widget-primary hover:skt-w-rotate-45 skt-w-duration-200 skt-w-ease-linear"})}))})},mn=function(n){var o=n.txHash;return o?e("a",J({className:"skt-w skt-w-button skt-w-text-sm skt-w-text-widget-secondary hover:skt-w-text-widget-primary skt-w-text-center skt-w-mb-2 skt-w-flex skt-w-items-center skt-w-no-underline skt-w-justify-center",href:"https://socketscan.io/tx/".concat(o),target:"_blank"},{children:["Track this transaction on SocketScan"," ",t(O,{className:"skt-w-w-[18px] skt-w-h-[18px] skt-w-ml-1"})]})):null},fn=function(n){var o,s,r,i,l,a,u,w,k,m=n.currentRoute,f=n.explorerParams,p=n.txDetails,h=n.refuelEnabled,g=We(),b=d(""),x=b[0],y=b[1],N=d(""),T=N[0],I=N[1],R=d(""),S=R[0],A=R[1],C=d(null),O=C[0],D=C[1],E=d(!1),P=E[0],B=E[1],L=d(!1),F=L[0],z=L[1];c((function(){var t,e,n,o=Ce(null===(t=null==g?void 0:g[f.srcChainId])||void 0===t?void 0:t.explorers[0],f.srcTxHash,Se.TRANSACTION),s=Ce(null===(e=null==g?void 0:g[f.destChainId])||void 0===e?void 0:e.explorers[0],f.destTxHash,Se.TRANSACTION),r=Ce(null===(n=null==g?void 0:g[f.destRefuelTxHash])||void 0===n?void 0:n.explorers[0],f.destRefuelTxHash,Se.TRANSACTION);y(o),I(s),A(r)}),[g,f]),c((function(){var t,e,n,o,s,r,i,l,a,d,u,c=null===(n=null===(e=null===(t=null==m?void 0:m.route)||void 0===t?void 0:t.userTxs)||void 0===e?void 0:e.filter((function(t){return t.userTxType===ve.FUND_MOVR})))||void 0===n?void 0:n[0],w=null===(s=null===(o=null==c?void 0:c.steps)||void 0===o?void 0:o.filter((function(t){return"bridge"===t.type})))||void 0===s?void 0:s[0];D(w);var k=p&&Object.values(p),f=null===(i=null===(r=null==k?void 0:k.filter((function(t){return t.userTxType===ve.FUND_MOVR})))||void 0===r?void 0:r[0])||void 0===i?void 0:i.timeStamp,h=(new Date).getTime();if(f&&h){var g=v.BigNumber.from(h).sub(v.BigNumber.from(f)).div(1e3).toString();Number(g)>2*(null==w?void 0:w.serviceTime)&&B(!0)}var b=(null===(l=null==m?void 0:m.route)||void 0===l?void 0:l.currentUserTxIndex)?(null===(a=null==m?void 0:m.route)||void 0===a?void 0:a.currentUserTxIndex)+1:1;z(b<(null===(u=null===(d=null==m?void 0:m.route)||void 0===d?void 0:d.userTxs)||void 0===u?void 0:u.length))}),[m,p]);var _={amount:null===(o=null==m?void 0:m.refuel)||void 0===o?void 0:o.fromAmount,asset:null===(s=null==m?void 0:m.refuel)||void 0===s?void 0:s.fromAsset},U={amount:null===(r=null==m?void 0:m.refuel)||void 0===r?void 0:r.toAmount,asset:null===(i=null==m?void 0:m.refuel)||void 0===i?void 0:i.toAsset};return e("div",J({className:"skt-w skt-w-absolute skt-w-bg-widget-primary skt-w-h-full skt-w-w-full skt-w-top-0 skt-w-left-0 skt-w-flex skt-w-flex-col"},{children:[t(ln,{srcDetails:{token:null===(l=null==m?void 0:m.sourceTokenDetails)||void 0===l?void 0:l.token,amount:null===(a=null==m?void 0:m.sourceTokenDetails)||void 0===a?void 0:a.amount},destDetails:{token:null===(u=null==m?void 0:m.destTokenDetails)||void 0===u?void 0:u.token,amount:null===(w=null==m?void 0:m.destTokenDetails)||void 0===w?void 0:w.amount},srcRefuel:_,destRefuel:U}),t("div",{className:"skt-w skt-w-border-b skt-w-border-widget-secondary"}),e("div",J({className:"skt-w skt-w-flex skt-w-flex-col skt-w-items-center skt-w-my-auto skt-w-pb-3"},{children:[t(Qe,{size:10}),e("div",J({className:"mt-4"},{children:[t("p",J({className:"skt-w skt-w-text-sm skt-w-text-widget-primary skt-w-mb-2 skt-w-font-medium skt-w-text-center"},{children:"Bridging in progress"})),t("p",J({className:"skt-w skt-w-text-xs skt-w-font-normal skt-w-text-widget-secondary skt-w-mb-3 skt-w-text-center skt-w-px-3"},{children:e("span",P?{children:["Get in touch for support on"," ",t("a",J({href:"https://discord.gg/23Gk2Fa9JZ",target:"_blank",rel:"noopener noreferrer",className:"skt-w skt-w-anchor skt-w-underline"},{children:"Discord"}))]}:{children:["Estimated wait time is"," ",Pe(null==O?void 0:O.serviceTime),F&&", please come back later to sign the next transaction."]})}))]})),e("div",J({className:"skt-w skt-w-flex skt-w-flex-col skt-w-items-center skt-w-mt-4"},{children:[t(hn,{title:"Bridging via ".concat(null===(k=null==O?void 0:O.protocol)||void 0===k?void 0:k.displayName),srcUrl:x,destUrl:T}),!!h&&t("div",J({className:"skt-w-mt-3.5"},{children:t(hn,{title:"Refuel",destUrl:S})}))]}))]})),(null==f?void 0:f.srcTxHash)&&t("div",J({className:"skt-w-mb-10"},{children:t(mn,{txHash:null==f?void 0:f.srcTxHash})}))]}))},pn=function(n){var o=n.url,s=n.label,r=u(le).customization.borderRadius;return t("span",J({className:"skt-w skt-w-text-xs skt-w-bg-widget-primary skt-w-text-widget-secondary skt-w-flex skt-w-items-center skt-w-flex-nowrap skt-w-px-2 skt-w-py-1.5",style:{borderRadius:"calc(1rem * ".concat(r,")")}},{children:o&&!o.match("undefined")?e("a",J({href:o,target:"_blank",rel:"noopener noreferrer",className:"skt-w skt-w-anchor skt-w-flex skt-w-items-center hover:skt-w-underline"},{children:[s," ",t(O,{className:"skt-w skt-w-text-widget-secondary skt-w-w-3 skt-w-h-auto skt-w-ml-1.5"})]})):e("span",J({className:"skt-w skt-w-flex skt-w-items-center skt-w-h-auto"},{children:[t("span",J({className:"skt-w-mr-1.5"},{children:s}))," ",t(Qe,{size:3})]}))}))},hn=function(n){var o=n.title,s=n.srcUrl,r=n.destUrl;return e("div",J({className:"skw-w skt-w-flex skt-w-items-center skt-w-pl-2.5 skt-w-p-0.5 skt-w-rounded-full skt-w-bg-widget-secondary skt-w-border skt-w-border-widget-secondary"},{children:[t("span",J({className:"skt-w skt-w-text-widget-primary skt-w-text-xs skt-w-pr-2"},{children:o})),e("div",J({className:"skt-w skt-w-flex skt-w-items-center"},{children:[!!s&&t("span",J({className:"skt-w-mr-0.5"},{children:t(pn,{label:"Src tx",url:s})})),t(pn,{label:"Dest tx",url:r||null})]}))]}))},gn=function(){var n=u(le).customization.borderRadius,o=V({from:{bottom:-100,opacity:0},to:{bottom:12,opacity:1}});return e(H.div,J({className:"skt-w skt-w-bg-widget-accent skt-w-text-widget-onAccent skt-w-p-4 skt-w-flex skt-w-items-center skt-w-absolute skt-w-left-3 skt-w-right-3",style:J({borderRadius:"calc(0.625rem * ".concat(n,")")},o)},{children:[t(D,{className:"skt-w skt-w-mr-3 skt-w-text-widget-onAccent"})," ","Transaction is complete"]}))},bn=function(r){var i,l,a,w,k,v,m,f,p,h,g,b,x,y,N,T,I,R=r.style,S=r.onBridge,A=r.onError,C=r.onSubmit,O=s();var D=o((function(t){return t.routes.selectedRoute})),E=o((function(t){return t.modals.activeRoute})),P=o((function(t){return t.networks.allNetworks})),L=o((function(t){return t.txDetails.txDetails})),F=u(de).web3Provider,z=F.userAddress,_=F.signer,U=F.provider,M=F.networkId,j=d(!1),H=j[0],G=j[1],V=d(!1),q=V[0],K=V[1],Q=d(!1),Y=Q[0],W=Q[1],X=d(!1),tt=X[0],et=X[1],nt=d(!1),ot=nt[0],st=nt[1],rt=d(!1),it=rt[0],lt=rt[1],at=d(!1),dt=at[0],ut=at[1],ct=d(null),wt=ct[0],kt=ct[1],vt=d(null),mt=vt[0],ft=vt[1],pt=Te().mutate,ht=d({srcTxHash:"",srcChainId:null,destChainId:null,destTxHash:"",destRefuelTxHash:""}),gt=ht[0],bt=ht[1];function xt(){return Z(this,void 0,void 0,(function(){var t,e;return $(this,(function(n){switch(n.label){case 0:G(!0),n.label=1;case 1:return n.trys.push([1,4,,5]),[4,Ee.start(D)];case 2:return t=n.sent(),[4,Nt(t)];case 3:return n.sent(),[3,5];case 4:return e=n.sent(),O(oe(e.message)),A&&A(e),[3,5];case 5:return[2]}}))}))}function yt(t,e){var n,o;return Z(this,void 0,void 0,(function(){var s,r,i,l,a,d,u;return $(this,(function(c){switch(c.label){case 0:G(!0),s=null!==(n=null==E?void 0:E.activeRouteId)&&void 0!==n?n:e,r=null===(o=null==L?void 0:L[z])||void 0===o?void 0:o[s],i=r&&Object.keys(r),l=null==r?void 0:r[null==i?void 0:i[(null==i?void 0:i.length)-1]],c.label=1;case 1:return c.trys.push([1,4,,5]),[4,Ee.continue((null==E?void 0:E.activeRouteId)||e)];case 2:return a=c.sent(),[4,Nt(a,t||(null==l?void 0:l.hash),null==l?void 0:l.userTxType)];case 3:return c.sent(),[3,5];case 4:return d=c.sent(),(u=d.message).match("is already complete")?lt(!0):(O(oe(u)),A&&A(d)),G(!1),st(!1),ut(!0),[3,5];case 5:return[2]}}))}))}var Nt=function(t,e,n){return Z(void 0,void 0,void 0,(function(){var o,s,r,i,l,a,d,u,c,w,k,v,m;return $(this,(function(f){switch(f.label){case 0:ot||n!==ve.FUND_MOVR||(o=E||(null==D?void 0:D.route),s=null===(c=null===(u=null==o?void 0:o.userTxs)||void 0===u?void 0:u.filter((function(t){return t.userTxType===ve.FUND_MOVR})))||void 0===c?void 0:c[0],st(!0),G(!1),bt({srcTxHash:e,srcChainId:(null==E?void 0:E.fromChainId)||(null===(k=null===(w=null==D?void 0:D.path)||void 0===w?void 0:w.fromToken)||void 0===k?void 0:k.chainId),destChainId:(null==E?void 0:E.toChainId)||(null===(m=null===(v=null==D?void 0:D.path)||void 0===v?void 0:v.toToken)||void 0===m?void 0:m.chainId),destTxHash:null==s?void 0:s.destinationTxHash,destRefuelTxHash:null==s?void 0:s.refuelDestinationHash})),f.label=1;case 1:return f.trys.push([1,8,,9]),e?[4,t.next(e)]:[3,3];case 2:return i=f.sent(),[3,5];case 3:return[4,t.next()];case 4:i=f.sent(),f.label=5;case 5:return r=i,st(!1),r.done||!r.value?[3,7]:(l=r.value,ft(l),[4,l.getApproveTransaction()]);case 6:a=f.sent(),G(!1),kt(a),a&&K(!0),f.label=7;case 7:return r.done&&(G(!1),lt(!0)),[3,9];case 8:return(d=f.sent())&&(O(oe(d.message)),A&&A(d)),st(!1),G(!1),ut(!0),[3,9];case 9:return[2]}}))}))},Tt=d(null),It=Tt[0],Rt=Tt[1];c((function(){var t,e,n,o={token:(null==E?void 0:E.fromAsset)||(null===(t=null==D?void 0:D.path)||void 0===t?void 0:t.fromToken),amount:(null==E?void 0:E.fromAmount)||(null==D?void 0:D.amount)},s={token:(null==E?void 0:E.toAsset)||(null===(e=null==D?void 0:D.path)||void 0===e?void 0:e.toToken),amount:(null==E?void 0:E.toAmount)||(null===(n=null==D?void 0:D.route)||void 0===n?void 0:n.toAmount)},r={route:E||(null==D?void 0:D.route),sourceTokenDetails:o,destTokenDetails:s,txData:null==E?void 0:E.transactionData,refuel:(null==E?void 0:E.refuel)||(null==D?void 0:D.refuel)};Rt(r),E||(null==mt?void 0:mt.activeRouteId)?yt(null,null==mt?void 0:mt.activeRouteId):xt()}),[E,D]),c((function(){return function(){O(ne(null))}}),[]);var St={amount:E?null===(i=null==E?void 0:E.refuel)||void 0===i?void 0:i.fromAmount:null===(l=null==D?void 0:D.refuel)||void 0===l?void 0:l.fromAmount,asset:E?null===(a=null==E?void 0:E.refuel)||void 0===a?void 0:a.fromAsset:null===(w=null==D?void 0:D.refuel)||void 0===w?void 0:w.fromAsset},At={amount:E?null===(k=null==E?void 0:E.refuel)||void 0===k?void 0:k.toAmount:null===(v=null==D?void 0:D.refuel)||void 0===v?void 0:v.toAmount,asset:E?null===(m=null==E?void 0:E.refuel)||void 0===m?void 0:m.toAsset:null===(f=null==D?void 0:D.refuel)||void 0===f?void 0:f.toAsset},Ct=d(null),Ot=Ct[0],Dt=Ct[1];c((function(){var n,o,s,r,i,l,a=(null===(o=null===(n=null==It?void 0:It.sourceTokenDetails)||void 0===n?void 0:n.token)||void 0===o?void 0:o.chainId)===(null===(r=null===(s=null==It?void 0:It.destTokenDetails)||void 0===s?void 0:s.token)||void 0===r?void 0:r.chainId),d=e("span",J({className:"skt-w-flex skt-w-items-center"},{children:[a?"Swap":"Bridging"," transaction"," ",t("span",J({className:"skt-w-text-xs skt-w-text-widget-primary skt-w-text-opacity-70 skt-w-font-normal skt-w-ml-1"},{children:(null===(i=null==It?void 0:It.route)||void 0===i?void 0:i.activeRouteId)?" - #".concat(null===(l=null==It?void 0:It.route)||void 0===l?void 0:l.activeRouteId):(null==mt?void 0:mt.activeRouteId)?" - #".concat(null==mt?void 0:mt.activeRouteId):""}))]}));Dt(d)}),[It,mt]);var Et=Be(null==It?void 0:It.route,null==mt?void 0:mt.userTxIndex),Pt=Le(null!==(h=null===(p=null==It?void 0:It.route)||void 0===p?void 0:p.activeRouteId)&&void 0!==h?h:null==mt?void 0:mt.activeRouteId,null==Et?void 0:Et.swapSlippage,null==mt?void 0:mt.userTxIndex).loading,Bt=d(null),Lt=Bt[0],Ft=Bt[1];return c((function(){var t,e,n,o,s,r,i,l,a,d,u,c=null===(n=null===(e=null===(t=null==It?void 0:It.route)||void 0===t?void 0:t.userTxs)||void 0===e?void 0:e.filter((function(t){return t.userTxType===ve.FUND_MOVR})))||void 0===n?void 0:n[0],w=null===(s=null===(o=null==c?void 0:c.steps)||void 0===o?void 0:o.filter((function(t){return"bridge"===t.type})))||void 0===s?void 0:s[0],k={sourceToken:null===(r=null==It?void 0:It.sourceTokenDetails)||void 0===r?void 0:r.token,sourceAmount:null===(i=null==It?void 0:It.sourceTokenDetails)||void 0===i?void 0:i.amount,destinationToken:null===(l=null==It?void 0:It.destTokenDetails)||void 0===l?void 0:l.token,destinationAmount:null===(a=null==It?void 0:It.destTokenDetails)||void 0===a?void 0:a.amount,bridgeName:null===(d=null==w?void 0:w.protocol)||void 0===d?void 0:d.displayName,estimatedServiceTime:null==c?void 0:c.serviceTime,dexName:null===(u=null==It?void 0:It.route)||void 0===u?void 0:u.usedDexName,txData:null==It?void 0:It.txData};Ft(k)}),[It]),c((function(){S&&it&&S(Lt)}),[it]),t(ze,J({title:Ot,closeModal:function(){O(te(!1))},disableClose:Y||tt,style:R},{children:e("div",J({className:"skt-w skt-w-flex skt-w-flex-col skt-w-flex-1 skt-w-overflow-hidden skt-w-justify-between skt-w-relative"},{children:[e("div",J({className:"skt-w skt-w-flex-1 skt-w-overflow-y-auto"},{children:[t(ln,{srcDetails:{token:null===(g=null==It?void 0:It.sourceTokenDetails)||void 0===g?void 0:g.token,amount:null===(b=null==It?void 0:It.sourceTokenDetails)||void 0===b?void 0:b.amount},destDetails:{token:null===(x=null==It?void 0:It.destTokenDetails)||void 0===x?void 0:x.token,amount:null===(y=null==It?void 0:It.destTokenDetails)||void 0===y?void 0:y.amount},srcRefuel:St,destRefuel:At}),t("div",{className:"skt-w skt-w-border-b skt-w-border-widget-secondary"}),e("div",J({className:"skt-w skt-w-px-3 skt-w-py-3"},{children:[!!Et&&e("p",J({className:"skt-w skt-w-text-widget-primary skt-w-mb-3 skt-w-text-xs skt-w-flex skt-w-items-center skt-w-justify-end skt-w-pr-0.5"},{children:["Swap slippage: ",null==Et?void 0:Et.swapSlippage,"%"," ",t("button",J({onClick:function(){return O(ee(!0))},className:"skt-w skt-w-button skt-w-input skt-w-flex"},{children:t(B,{className:"skt-w-ml-2 skt-w-w-3 skt-w-h-3 skt-w-text-widget-accent"})}))]})),t(nn,{activeRoute:null==It?void 0:It.route,refuel:null==It?void 0:It.refuel,txData:null==It?void 0:It.txData,currentTxIndex:(null==mt?void 0:mt.userTxIndex)||(null==E?void 0:E.currentUserTxIndex)||0,inProgress:tt||ot,completed:it})]}))]})),t("div",J({className:"skt-w skt-w-p-3 skt-w-shrink-0"},{children:!it&&t(n,{children:dt?t(tn,J({onClick:function(){E||(null==mt?void 0:mt.activeRouteId)?yt(null,null==mt?void 0:mt.activeRouteId):xt(),ut(!1)}},{children:"Retry"})):mt&&M!==(null==mt?void 0:mt.chainId)?t(tn,J({onClick:function(){var t,e=null===(t=P.filter((function(t){return t.chainId===(null==mt?void 0:mt.chainId)})))||void 0===t?void 0:t[0];Ae(U,e)},disabled:H||Pt,isLoading:H||Pt},{children:Pt?xe.REFETCHING:H?xe.INITIATING:"Switch chain to ".concat(null===(T=null===(N=P.filter((function(t){return t.chainId===(null==mt?void 0:mt.chainId)})))||void 0===N?void 0:N[0])||void 0===T?void 0:T.name)})):t(tn,q?J({onClick:function(){return Z(this,void 0,void 0,(function(){var t;return $(this,(function(e){switch(e.label){case 0:W(!0),e.label=1;case 1:return e.trys.push([1,4,,5]),[4,_.sendTransaction(wt)];case 2:return[4,e.sent().wait()];case 3:return e.sent(),W(!1),K(!1),[3,5];case 4:return t=e.sent(),O(oe(t.message)),A&&A(t),W(!1),[3,5];case 5:return[2]}}))}))},disabled:!q||Y||H||Pt,isLoading:Y||Pt||H},{children:Pt?xe.REFETCHING:H?xe.CHECKING_APPROVAL:Y?xe.APPROVING:q?xe.APPROVE:xe.APPROVAL_DONE}):J({onClick:function(){var t,e,n,o,s;return Z(this,void 0,void 0,(function(){var r,i,l,a,d,u,c,w,k,v,m;return $(this,(function(f){switch(f.label){case 0:et(!0),f.label=1;case 1:return f.trys.push([1,12,,13]),[4,mt.getSendTransaction()];case 2:return r=f.sent(),[4,_.sendTransaction(r)];case 3:return i=f.sent(),l={hash:i.hash,chainId:mt.chainId,userTxType:mt.userTxType,timeStamp:(new Date).getTime()},a=function(t,e,n,o){var s,r,i,l,a,d=null!==(a=JSON.parse(localStorage.getItem("txData")))&&void 0!==a?a:{};d[t]||(d[t]={});var u=d[t][e];return d[t]=J(J({},d[t]),u?((s={})[e]=J(J({},u),((r={})[n]=o,r)),s):((i={})[e]=((l={})[n]=o,l),i)),localStorage.setItem("txData",JSON.stringify(d)),d}(z,mt.activeRouteId,mt.userTxIndex,l),d=J(J({},It),{txData:a[z][mt.activeRouteId]}),Rt(d),O(Jt({prevTxDetails:a})),0===(null==mt?void 0:mt.userTxIndex)&&C&&C(J(J({},Lt),{txData:a[z][mt.activeRouteId]})),[4,i.wait()];case 4:f.sent(),et(!1),mt.userTxType===ve.FUND_MOVR&&(bt({srcTxHash:i.hash,srcChainId:null===(e=null===(t=null==D?void 0:D.path)||void 0===t?void 0:t.fromToken)||void 0===e?void 0:e.chainId}),st(!0)),u=void 0,f.label=5;case 5:return f.trys.push([5,7,,8]),[4,mt.submit(i.hash)];case 6:return u=f.sent(),[3,8];case 7:return f.sent(),u=ge.PENDING,[3,8];case 8:return u&&u!==ge.COMPLETED?[4,yt(mt.hash,mt.activeRouteId)]:[3,10];case 9:return f.sent(),[3,11];case 10:u===ge.COMPLETED&&(lt(!0),st(!1),pt()),f.label=11;case 11:return[3,13];case 12:return c=f.sent(),w=(null===(o=null===(n=null==c?void 0:c.data)||void 0===n?void 0:n.message)||void 0===o?void 0:o.toLowerCase())||c.message.toLowerCase(),k=void 0,k=w.match("execution reverted: middleware_action_failed")?"Swap failed due to slippage or low DEX liquidity, please increase the slippage and retry or contact support":w.match("insufficient funds")||w.match("transfer amount exceeds balance")?"Insufficient funds":w.match("execution reverted")||w.match("reverted")||w.match("transaction failed")?"Transaction failed, please try again or contact support":"".concat(w," - Please try again or contact support"),v=null===(s=null==It?void 0:It.route)||void 0===s?void 0:s.activeRouteId,m=v?" - Route ID: ".concat(v):null,O(oe("".concat(k," ").concat(null!=m?m:""))),A&&A(c),st(!1),et(!1),ut(!0),[3,13];case 13:return[2]}}))}))},disabled:q||tt||H||ot||Pt,isLoading:tt||Pt||H},{children:Pt?xe.REFETCHING:ot?xe.BRIDGE_IN_PROGRESS:H?xe.INITIATING:tt?xe.IN_PROGRESS:null==ye?void 0:ye[null==mt?void 0:mt.userTxType]}))})})),ot&&!H&&t(fn,{currentRoute:It,explorerParams:gt,txDetails:null===(I=null==L?void 0:L[z])||void 0===I?void 0:I[null==E?void 0:E.activeRouteId],refuelEnabled:!!(null==It?void 0:It.refuel)}),it&&t(gn,{})]}))}))},xn=function(){var o=s(),r=d(!1),i=r[0],l=r[1],a=d(null),w=a[0],k=a[1],v=d(0),m=v[0],f=v[1],p=u(le).customization.borderRadius,h=G(i,{from:{y:"100%"},enter:{y:"0"},leave:{y:"100%"},config:{duration:200},onReset:function(){return l(!1)}}),g=Te().data;return c((function(){var t,e,n;g&&(f(null===(e=null===(t=null==g?void 0:g.result)||void 0===t?void 0:t.pagination)||void 0===e?void 0:e.totalRecords),k(null===(n=null==g?void 0:g.result)||void 0===n?void 0:n.activeRoutes))}),[g]),m>0?e(n,{children:[e("button",J({className:"skt-w skt-w-button skt-w-input skt-w-uppercase skt-w-text-sm skt-w-px-2 skt-w-py-0.5 skt-w-bg-widget-accent skt-w-shadow-inner skt-w-bg-opacity-90 skt-w-text-widget-onAccent",onClick:function(){return l(!0)},style:{borderRadius:"calc(0.75rem * ".concat(p,")")}},{children:[m," pending"]})),h((function(n,s){return s&&t(ze,J({title:"Pending Transactions",closeModal:function(){return l(!1)},style:n},{children:e("div",J({className:"skt-w skt-w-flex skt-w-flex-col skt-w-justify-start skt-w-p-1 skt-w-flex-1 skt-w-overflow-y-auto"},{children:[t("p",J({className:"skt-w skt-w-text-widget-secondary skt-w-text-xs skt-w-px-3 skt-w-py-2 skt-w-text-left"},{children:"Transaction status is updated every 30 seconds"})),null==w?void 0:w.map((function(e){var n,s,r,i,a={amount:null===(n=null==e?void 0:e.refuel)||void 0===n?void 0:n.fromAmount,asset:null===(s=null==e?void 0:e.refuel)||void 0===s?void 0:s.fromAsset},d={amount:null===(r=null==e?void 0:e.refuel)||void 0===r?void 0:r.toAmount,asset:null===(i=null==e?void 0:e.refuel)||void 0===i?void 0:i.toAsset};return t(ln,{onClick:function(){return function(t){o(ne(t)),o(te(!0)),l(!1)}(e)},srcDetails:{token:null==e?void 0:e.fromAsset,amount:null==e?void 0:e.fromAmount},destDetails:{token:null==e?void 0:e.toAsset,amount:null==e?void 0:e.toAmount},srcRefuel:a,destRefuel:d},null==e?void 0:e.activeRouteId)})),e("p",J({className:"skt-w skt-w-text-widget-secondary skt-w-text-xs skt-w-px-3 skt-w-py-2 skt-w-text-left"},{children:["Showing ",null==w?void 0:w.length,"/",m," active routes"]}))]}))}))}))]}):null},yn=function(){var n=s(),r=o((function(t){return t.modals.error}));function i(){n(oe(null))}return r?t(ze,J({title:"Error",closeModal:i},{children:e("div",J({className:"skt-w skt-w-flex skt-w-flex-col skt-w-flex-1 skt-w-p-3 skt-w-items-center skt-w-justify-between"},{children:[e("div",J({className:"skt-w skt-w-flex skt-w-flex-col skt-w-items-center"},{children:[t(z,{className:"skt-w skt-w-text-red-500 skt-w-w-10 skt-w-h-10"}),t("p",J({className:"skt-w skt-w-text-sm skt-w-text-widget-secondary skt-w-mt-4 skt-w-text-center"},{children:r}))]})),e("div",J({className:"skt-w skt-w-w-full"},{children:[t("p",J({className:"skt-w skt-w-text-center skt-w-mb-3"},{children:t("a",J({href:"https://socketdottech.zendesk.com/hc/en-us",target:"_blank",rel:"noopener noreferrer",className:"skt-w skt-w-anchor skt-w-text-sm skt-w-text-widget-secondary skt-w-underline hover:skt-w-text-widget-primary"},{children:"Support"}))})),t(tn,J({onClick:i,classNames:"skt-w-bg-red-500 hover:skt-w-bg-red-600 skt-w-text-white"},{children:"Dismiss"}))]}))]}))})):null},Nn=function(n){var o=n.id,s=n.disabled,r=void 0!==s&&s,i=n.isChecked,l=void 0!==i&&i,a=n.setIsChecked,d=n.small,u=void 0!==d&&d;return e("label",J({htmlFor:o,className:"skt-w skt-w-w-11 skt-w-h-7 skt-w-rounded-full skt-w-relative ".concat(r?"skt-w-cursor-not-allowed":"skt-w-cursor-pointer"," ").concat(l?"skt-w-bg-widget-accent":"skt-w-bg-gray-400"," ").concat(u?"skt-w-scale-75":"")},{children:[t("div",{className:"skt-w skt-w-bg-widget-onAccent skt-w-bg-opacity-80 skt-w-h-5 skt-w-w-5 skt-w-top-1 skt-w-absolute skt-w-rounded-full skt-w-transition skt-w-ease-linear skt-w-duration-200 ".concat(l?"skt-w-translate-x-5":"skt-w-translate-x-1")}),t("input",{type:"checkbox",className:"skt-w skt-w-input skt-w-w-px skt-w-h-px skt-w-opacity-0 ".concat(r?"skt-w-pointer-events-none":""),id:o,onChange:function(){return a(!l)},checked:l,disabled:r})]}))},Tn=function(n){var r,i=n.selectivelyShowRefuel,l=d(!1),a=l[0],w=l[1],k=o((function(t){return t.networks.destChainId})),v=o((function(t){return t.networks.sourceChainId})),m=We(),f=s(),p=u(le).customization.borderRadius;return c((function(){f(Gt(a))}),[a]),c((function(){1!==k&&k!==v||(w(!1),f(Gt(!1)))}),[k]),!i||1!==k&&k!==v?e("div",J({className:"skt-w skt-w-flex skt-w-bg-widget-secondary skt-w-py-3 skt-w-pl-4 skt-w-pr-3 skt-w-justify-between skt-w-mt-6 skt-w-items-center skt-w-relative",style:{borderRadius:"calc(0.5rem * ".concat(p,")")}},{children:[e("div",J({className:"skt-w-mr-1"},{children:[e("div",J({className:"skt-w skt-w-text-sm skt-w-text-widget-primary skt-w-font-medium skt-w-flex skt-w-items-center"},{children:["Enable Refuel",t(je,J({tooltipContent:"With Refuel, you can swap native tokens on the source chain for native tokens to transact on the destination chain"},{children:t(_,{className:"skt-w skt-w-ml-1.5 skt-w-w-4 skt-w-h-4 skt-w-opacity-70"})}))]})),t("p",J({className:"skt-w skt-w-text-xs skt-w-text-widget-secondary skt-w-mt-0.5"},{children:1===k?t("span",J({className:"skt-w skt-w-text-red-500"},{children:"Refuel isn't supported on Ethereum"})):k===v?t("span",J({className:"skt-w skt-w-text-red-500"},{children:"Refuel isn't supported for same chain swaps"})):"Get Gas for transactions on ".concat(null===(r=null==m?void 0:m[k])||void 0===r?void 0:r.name)}))]})),t(Nn,{id:"refuel-checkbox",small:!0,isChecked:a,setIsChecked:w,disabled:1===k||k===v})]})):null},In=function(n){var o=n.value,s=n.onChange,r=u(le).customization.borderRadius;return e("div",J({className:"skt-w skt-w-relative skt-w-w-full"},{children:[t("input",{type:"number",className:"skt-w skt-w-bg-transparent skt-w-text-widget-secondary skt-w-input skt-w-border-[1.5px] skt-w-border-opacity-40 skt-w-pb-0.5 skt-w-h-full skt-w-w-full skt-w-px-3 focus:skt-w-border-widget-accent skt-w-text-ellipsis ".concat(o?"skt-w-border-widget-accent":""),style:{borderRadius:"calc(0.375rem * ".concat(r,")")},placeholder:"Custom",value:o,onChange:function(t){return s(t.target.value)},step:".001",min:"0"}),t("span",J({className:"skt-w-absolute skt-w-right-3 skt-w-top-2 skt-w-my-auto skt-w-font-medium skt-w-bg-widget-primary skt-w-pl-2 skt-w-text-widget-primary"},{children:"%"}))]}))},Rn=function(n){var o=n.id,s=n.name,r=n.label,i=n.onChange,l=n.checked,a=u(le).customization.borderRadius;return e("div",J({className:"skt-w skt-w-relative skt-w-mr-2"},{children:[t("label",J({htmlFor:o,className:"skt-w skt-w-flex skt-w-items-center skt-w-justify-center skt-w-w-12 skt-w-relative skt-w-z-10 skt-w-p-2 skt-w-cursor-pointer skt-w-border skt-w-border-opacity-40 skt-w-text-sm skt-w-font-semibold ".concat(l?"skt-w-bg-widget-accent skt-w-text-widget-onAccent skt-w-border-widget-accent":"skt-w-text-widget-secondary skt-w-border-widget-secondary-text"),style:{borderRadius:"calc(0.375rem * ".concat(a,")")}},{children:r})),t("input",{type:"radio",id:o,name:s,className:"skt-w skt-w-w-0 skt-w-h-0 skt-w-opacity-0 skt-w-z-0 skt-w-absolute",onChange:i,checked:l})]}))},Sn=function(n){var o=n.children,s=n.showIcon,r=void 0!==s&&s,i=u(le).customization.borderRadius;return e("div",J({className:"skt-w skt-w-py-3 skt-w-px-3.5 skt-w-text-sm skt-w-text-opacity-90 skt-w-mt-4 skt-w-flex skt-w-items-start",style:{background:"#FAF3E6",borderRadius:"calc(0.75rem * ".concat(i,")")},role:"alert"},{children:[r&&e("div",J({className:"skt-w-flex skt-w-items-center skt-w-mb-2"},{children:[t(U,{className:"skt-w skt-w-mr-3 skt-w-mt-0.5 skt-w-text-orange-500"})," "]})),t("p",J({className:"skt-w skt-w-text-gray-800 skt-w-text-left skt-w-leading-5"},{children:o}))]}))},An=function(e){var n=e.children;return t("p",J({className:"skt-w skt-w-text-sm skt-w-text-widget-primary skt-w-font-medium"},{children:n}))},Cn=function(){var n=d(null),r=n[0],i=n[1],l=d(""),a=l[0],u=l[1],w={1:.5,2:1,3:3},k=o((function(t){return t.quotes.swapSlippage})),v=s();function m(t){u(""),i(t)}c((function(){Object.values(w).includes(k)?i(k):u(k)}),[]);var f=d(!1),p=f[0],h=f[1],g=d(!1),b=g[0],x=g[1],y=G(p,{from:{opacity:0,y:"10px"},enter:{opacity:1,y:"0px"},leave:{opacity:0,y:"10px"},delay:b?200:0,config:{duration:50}}),N=G(b,{from:{opacity:0,y:"10px"},enter:{opacity:1,y:"0px"},leave:{opacity:0,y:"10px"},delay:b?200:0,config:{duration:50}});return Xe((function(){if(a||r){var t=null!=r?r:Number(a);t>0&&t<=50?(x(!1),v(Vt(t)),localStorage.setItem("swapSlippage","".concat(t)),h(t>0&&t<1)):(h(!1),x(!0))}}),300,[a,r]),e("div",J({className:"skt-w-mt-6"},{children:[e("div",J({className:"skt-w-flex skt-w-justify-between skt-w-relative"},{children:[e("div",J({className:"skt-w skt-w-flex skt-w-items-center skt-w-mb-1.5"},{children:[t(An,{children:"Swap Slippage"}),t(je,J({tooltipContent:"Your swap transaction will revert if the price changes unfavourably by more than this percentage."},{children:t(C,{className:"skt-w-ml-1.5 skt-w-w-4 skt-w-h-4 skt-w-text-widget-secondary"})}))]})),r||a?e("span",J({className:"skt-w-text-xs skt-w-text-widget-secondary skt-w-ml-3"},{children:["Slippage: ",null!=r?r:a,"%"]})):null]})),e("div",J({className:"skt-w-flex skt-w-w-full"},{children:[t(Rn,{id:"swap-slippage-1",name:"swap-slippage",label:"".concat(w[1],"%"),checked:r===w[1],onChange:function(){return m(w[1])}}),t(Rn,{id:"swap-slippage-2",name:"swap-slippage",label:"".concat(w[2],"%"),checked:r===w[2],onChange:function(){return m(w[2])}}),t(Rn,{id:"swap-slippage-3",name:"swap-slippage",label:"".concat(w[3],"%"),checked:r===w[3],onChange:function(){return m(w[3])}}),t(In,{value:a,onChange:function(t){return e=t,i(null),Number(e)<0?n="0":e&&e.indexOf(".")>-1?e.split(".")[1].length<=2&&(n=e):n=e,void u(null!=n?n:a);var e,n}})]})),y((function(e,n){return n&&t(H.div,J({style:e},{children:t(Sn,{children:"Transactions with extremely low slippage tolerance might be reverted because of very small market movement"})}))})),N((function(e,n){return n&&t(H.div,J({style:e},{children:t(Sn,{children:"Please input a value greater than 0 and less than 50"})}))}))]}))},On=function(){var n,r=s(),i=o((function(t){return t.quotes.sortPref})),l=d(!1),a=l[0],c=l[1],w=Ve((function(){return c(!1)})),k=u(le).customization.borderRadius,v=[{id:"output",label:"High Return"},{id:"time",label:"Fastest"}];return e("div",J({className:"skt-w skt-w-flex skt-w-items-center skt-w-relative skt-w-z-30 skt-w-justify-between"},{children:[t(An,{children:"Preferred Route"}),e("div",J({className:"skt-w skt-w-relative skt-w-border skt-w-border-widget-secondary-text skt-w-border-opacity-40 skt-w-flex skt-w-w-auto skt-w-ml-2",style:{borderRadius:"calc(0.375rem * ".concat(k,")")},ref:w},{children:[e(Dn,J({onClick:function(){return c(!a)},active:!0},{children:[null===(n=function(t){var e;return null===(e=v.filter((function(e){return e.id===t})))||void 0===e?void 0:e[0]}(i))||void 0===n?void 0:n.label," ",t(A,{className:"skt-w skt-w-w-4 skt-w-h-4 skt-w-text-widget-secondary skt-w-transition-all ".concat(a?"rotate-180":"")})]})),a&&t("div",J({className:"skt-w skt-w-absolute skt-w-top-10 skt-w-left-0 skt-w-w-full skt-w-border skt-w-border-widget-secondary-text skt-w-border-opacity-40 skt-w-overflow-hidden skt-w-bg-widget-primary",style:{borderRadius:"calc(0.375rem * ".concat(k,")")}},{children:v.map((function(e){return t(Dn,J({onClick:function(){return r(Ht(e.id)),void c(!1)}},{children:e.label}),e.id)}))}))]}))]}))},Dn=function(e){var n=e.children,o=e.onClick,s=e.active;return t("button",J({className:"skt-w skt-w-input skt-w-button skt-w-w-32 skt-w-px-2 skt-w-py-2 skt-w-text-widget-secondary skt-w-text-sm skt-w-flex skt-w-items-center skt-w-justify-between ".concat(void 0!==s&&s?"":"hover:skt-w-bg-widget-secondary"),onClick:o},{children:n}))},En=function(){var n=s(),r=o((function(t){return t.customSettings.singleTxOnly})),i=o((function(t){return t.quotes.singleTxOnly})),l=d(i),a=l[0],u=l[1];return c((function(){a!==i&&(n(qt(a)),localStorage.setItem("singleTxOnly",a?"true":"false"))}),[a]),r?null:e("div",J({className:"skt-w skt-w-flex skt-w-items-center skt-w-relative skt-w-mt-6 skt-w-justify-between"},{children:[e("div",J({className:"skt-w skt-w-flex skt-w-items-center skt-w-mb-1.5"},{children:[t(An,{children:"Single Transaction Mode"}),t(je,J({tooltipContent:"Only select routes with one user transaction i.e. direct bridge or source chain swap + bridge."},{children:t(C,{className:"skt-w-ml-1.5 skt-w-w-4 skt-w-h-4 skt-w-text-widget-secondary"})}))]})),t("span",{className:"skt-w-px-1"}),t(Nn,{small:!0,id:"singleTx",isChecked:a,setIsChecked:u})]}))},Pn=function(){var r=s(),i=o((function(t){return t.modals.isSettingsModalOpen})),l=G(i,{from:{y:"100%"},enter:{y:"0"},leave:{y:"100%"},config:{duration:200},onReset:function(){return a(!1)}}),a=function(t){r(ee(t))};return t(n,{children:l((function(n,o){return o&&t(ze,J({title:"Settings",closeModal:function(){return a(!1)},style:n,classNames:"skt-w-z-50"},{children:e("div",J({className:"skt-w skt-w-px-3 skt-w-pt-3"},{children:[t(On,{}),t(En,{}),t(Cn,{})]}))}))}))})},Bn=function(t,e){return Z(void 0,void 0,void 0,(function(){return $(this,(function(n){switch(n.label){case 0:return[4,fetch(t,{headers:{"API-KEY":e}}).then((function(t){return t.json()}))];case 1:return[2,n.sent()]}}))}))},Ln=function(t){var e=t.address,n=t.API_KEY,o="https://loki.socket.tech/get-claim-data?address=".concat(e),s=y(e&&n?[o,n,"get-claim"]:null,Bn,{revalidateOnFocus:!1}),r=s.data,i=s.error;return{data:null==r?void 0:r.result,error:i}},Fn=function(){var e=s(),n=d(!1),r=n[0],i=n[1],l=o((function(t){return t.customSettings.apiKey})),a=u(de).web3Provider.userAddress,w=Ln({address:a,API_KEY:l}).data;return c((function(){if(w){var t=v.BigNumber.from(null==w?void 0:w.pendingAmount),e=v.BigNumber.from(null==w?void 0:w.claimableAmount),n=v.BigNumber.from(0),o=t.add(e).eq(n);i(!o)}}),[w]),r?t("button",J({onClick:function(){e(se(!0))},className:"skt-w skt-w-button skt-w-input skt-w-flex skt-w-ml-3"},{children:t(M,{className:"skt-w skt-w-w-5.5 skt-w-h-5.5 skt-w-text-widget-secondary hover:skt-w-text-widget-primary"})})):null},zn=function(){var r,i=s(),l=o((function(t){return t.modals.isOpRewardModalOpen})),a=o((function(t){return t.customSettings.apiKey})),d=u(de).web3Provider.userAddress,c=G(l,{from:{y:"100%"},enter:{y:"0"},leave:{y:"100%"},config:{duration:200},onReset:function(){return w(!1)}}),w=function(t){i(se(t))},k=Ln({address:d,API_KEY:a}).data,m=k&&v.BigNumber.from(null==k?void 0:k.pendingAmount).add(v.BigNumber.from(null==k?void 0:k.claimableAmount)),f=k&&Ie(null==m?void 0:m.toString(),null===(r=null==k?void 0:k.asset)||void 0===r?void 0:r.decimals);return t(n,{children:c((function(n,o){var s,r;return o&&t(ze,J({title:"OP Rewards",closeModal:function(){return w(!1)},style:n,classNames:"skt-w-z-50"},{children:e("div",J({className:"skt-w skt-w-px-3 skt-w-pt-3"},{children:[e("div",J({className:"skt-w skt-w-text-sm skt-w-text-widget-primary skt-w-font-medium skt-w-flex skt-w-items-center"},{children:["Rewards Earned"," ",t(je,J({tooltipContent:"OP rewards for bridging to Optimism can be claimed on\n Socketscan"},{children:t(C,{className:"skt-w skt-w-w-4 skt-w-h-4 skt-w-ml-1"})}))]})),e("div",J({className:"skt-w skt-w-text-widget-secondary stk-w-font-medium skt-w-mb-4 skt-w-mt-2 skt-w-flex skt-w-items-center"},{children:[t(je,J({tooltipContent:f},{children:t("span",J({className:"skt-w skt-w-pr-1"},{children:Re(f,4)}))})),null===(s=null==k?void 0:k.asset)||void 0===s?void 0:s.symbol," ",t("img",{src:null===(r=null==k?void 0:k.asset)||void 0===r?void 0:r.logoURI,className:"skt-w-w-4 skt-w skt-w-h-4 skt-w-rounded-full skt-w-ml-1.5"})]})),t(tn,J({onClick:function(){return window.open("https://socketscan.io/rewards","_blank")}},{children:"View Rewards on Socketscan"}))]}))}))}))})},_n=function(r){var i=r.customize,l=r.title,a=void 0===l?(null==r?void 0:r.enableSameChainSwaps)?"Bridge & Swap":"Bridge":l,d=u(le),k=u(de),v=s();!function(){var t=s(),e=y("fetching chains",(function(){return Z(this,void 0,void 0,(function(){var e;return $(this,(function(n){switch(n.label){case 0:return[4,h.getAllSupportedChains()];case 1:return e=n.sent(),t(rt(null==e?void 0:e.result)),[2,e]}}))}))})).data}(),function(t){var e=t.sourceNetworks,n=t.destNetworks,o=t.defaultSourceNetwork,r=t.defaultDestNetwork,i=t.defaultSourceToken,l=t.defaultDestToken,a=t.customize,d=t.enableSameChainSwaps,u=t.includeBridges,k=t.excludeBridges,v=t.defaultSortPreference,m=t.singleTxOnly,f=t.feeParams,p=t.API_KEY,h=t.hideIntegratorFee,g=t.initialAmount,b=s(),x=w(!0);c((function(){e&&b(ut(e)),n&&b(ct(n)),o&&b(wt(o)),r&&b(kt(r)),i&&b(ft(i)),l&&b(pt(l)),b(ht(d)),(null==u?void 0:u.length)>0&&b(gt(u)),!u&&(null==k?void 0:k.length)>0&&b(bt(k)),b(xt(m)),x.current&&(v&&b(Ht(v)),g&&b(It(g)),x.current=!1),(null==f?void 0:f.feePercent)&&(null==f?void 0:f.feeTakerAddress)&&(b(Nt(f)),h&&b(Tt(h))),m&&(b(qt(m)),localStorage.setItem("singleTxOnly",m?"true":"false")),p&&b(yt(p))}),[t]),c((function(){(null==a?void 0:a.accent)&&document.documentElement.style.setProperty("--socket-widget-accent-color",Oe(a.accent)),(null==a?void 0:a.onAccent)&&document.documentElement.style.setProperty("--socket-widget-on-accent-color",Oe(a.onAccent)),(null==a?void 0:a.primary)&&document.documentElement.style.setProperty("--socket-widget-primary-color",Oe(a.primary)),(null==a?void 0:a.secondary)&&document.documentElement.style.setProperty("--socket-widget-secondary-color",Oe(a.secondary)),(null==a?void 0:a.text)&&document.documentElement.style.setProperty("--socket-widget-primary-text-color",Oe(a.text)),(null==a?void 0:a.secondaryText)&&document.documentElement.style.setProperty("--socket-widget-secondary-text-color",Oe(a.secondaryText)),(null==a?void 0:a.interactive)&&document.documentElement.style.setProperty("--socket-widget-interactive",Oe(a.interactive)),(null==a?void 0:a.onInteractive)&&document.documentElement.style.setProperty("--socket-widget-on-interactive",Oe(a.onInteractive)),(null==a?void 0:a.fontFamily)&&document.documentElement.style.setProperty("--socket-widget-font-family",a.fontFamily)}),[a])}(r),c((function(){var t=void 0!==(null==i?void 0:i.borderRadius)?(null==i?void 0:i.borderRadius)>1.2?1.2:null==i?void 0:i.borderRadius:1;d.setCustomization(J(J(J({},d.customization),i),{borderRadius:t})),(null==r?void 0:r.provider)&&function(){Z(this,void 0,void 0,(function(){var t,e,n,o;return $(this,(function(s){switch(s.label){case 0:return s.trys.push([0,4,,5]),[4,r.provider.getSigner()];case 1:return[4,(t=s.sent()).getAddress()];case 2:return e=s.sent(),[4,r.provider.getNetwork()];case 3:return n=s.sent(),k.setweb3Provider({userAddress:e,networkId:Number(null==n?void 0:n.chainId),signer:t,provider:r.provider}),[3,5];case 4:return o=s.sent(),console.log("Error",o),[3,5];case 5:return[2]}}))}))}()}),[r]);var m=d.customization,f=m.responsiveWidth,p=m.width,g=m.borderRadius,b=f?"100%":p>360?p:360,x=o((function(t){return t.modals.isTxModalOpen})),N=G(x,{from:{y:"100%"},enter:{y:"0"},leave:{y:"100%"},delay:300,config:{duration:300}});return c((function(){return function(){v(te(!1)),v(ne(null)),v(Et(null)),v(oe(null))}}),[]),e("div",J({style:{width:b,borderRadius:"calc(1rem * ".concat(g,")"),minWidth:"360px"},className:"skt-w-relative skt-w-p-1 skt-w-overflow-hidden skt-w skt-w-root-container skt-w-bg-widget-primary"},{children:[e("div",J({className:"skt-w skt-w-p-3 skt-w-pt-2.5 skt-w-pb-3.5"},{children:[t(ce,J({title:a},{children:t("div",J({className:"skt-w-flex skt-w-items-center skt-w"},{children:(null==r?void 0:r.provider)?e(n,{children:[t(xn,{}),t(Fn,{}),t(vn,{})]}):e("span",J({className:"skt-w-flex skt-w-items-center skt-w-text-sm skt-w skt-w-text-widget-secondary"},{children:[t(j,{className:"skt-w-w-5 skt-w-h-5 skt-w-mr-2 skt-w skt-w-text-widget-primary"})," ","Please connect your wallet"]}))}))})),t(Ze,{customTokenList:r.tokenList,onTokenChange:r.onSourceTokenChange,onNetworkChange:r.onSourceNetworkChange}),t($e,{customTokenList:r.tokenList,onTokenChange:r.onDestinationTokenChange,onNetworkChange:r.onDestinationNetworkChange}),r.enableRefuel&&t(Tn,{selectivelyShowRefuel:r.selectivelyShowRefuel})]})),t(Un,{}),t(kn,{}),N((function(e,n){return n&&t(bn,{style:e,onBridge:null==r?void 0:r.onBridgeSuccess,onError:null==r?void 0:r.onError,onSubmit:null==r?void 0:r.onSubmit})})),t(Pn,{}),t(zn,{}),t(yn,{})]}))},Un=function(){var n=o((function(t){return t.quotes.singleTxOnly})),r=o((function(t){return t.customSettings.singleTxOnly})),i=o((function(t){return t.networks.sourceChainId})),l=o((function(t){return t.networks.destChainId})),a=s();return n&&i!==l?e("p",J({className:"skt-w skt-w-text-sm skt-w-text-widget-secondary skt-w-pr-3 skt-w-pl-3.5 skt-w-flex skt-w-items-center skt-w-h-5"},{children:["Showing single transaction routes only"," ",!r&&t("button",J({onClick:function(){a(ee(!0))},className:"skt-w skt-w-button skt-w-input skt-w-ml-1.5 skt-w-flex"},{children:t(B,{className:"skt-w skt-w-w-3.5 skt-w-h-3.5 skt-w-text-widget-accent"})}))]})):t("p",{className:"skt-w skt-w-h-5"})},Mn=function(e){var n=e.API_KEY,o=e.singleTxOnly;return n?(Ee=new p({apiKey:n,defaultQuotePreferences:{singleTxOnly:void 0!==o&&o}}),n?t(N,J({value:{suspense:!1,revalidateIfStale:!1,revalidateOnFocus:!1}},{children:t(ue,{children:t(r,J({store:re},{children:t(ae,{children:t(_n,J({},e))})}))})})):void 0):t(jn,{children:"Please pass the API key"})},jn=function(e){var n=e.children;return t("div",J({className:"skt-w skt-w-rounded-2xl skt-w-bg-gray-100 skt-w-w-[360px] skt-w-p-3 skt-w-h-[360px] skt-w-text-center skt-w-text-gray-500"},{children:n}))};export{Mn as Bridge}; diff --git a/dist/index.js b/dist/index.js deleted file mode 100644 index 6438e33..0000000 --- a/dist/index.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),e=require("react-redux"),s=require("@reduxjs/toolkit"),n=require("react"),o=require("ethers"),r=require("@socket.tech/ll-core"),i=require("@socket.tech/socket-v2-sdk"),l=require("swr"),a=require("ethers/lib/utils"),d=require("react-feather"),u=require("@react-spring/web"),c=require("@floating-ui/react");function w(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var k=w(l),v=function(){return v=Object.assign||function(t){for(var e,s=1,n=arguments.length;s0&&o[o.length-1])||6!==r[0]&&2!==r[0])){i=0;continue}if(3===r[0]&&(!o||r[1]>o[0]&&r[1]0}(t)})),e=null==t?void 0:t.sort((function(t,e){var s=T.filter((function(e){return e.address===t.address}))[0],n=T.filter((function(t){return t.address===e.address}))[0];return(null==n?void 0:n.amount)-(null==s?void 0:s.amount)})),s=null==r?void 0:r.filter((function(t){return!(null==e?void 0:e.includes(t))})),n=e&&s&&x(x([],e,!0),s,!0);g(n),N(n)}),[r,T]);var C=n.useState(""),R=C[0],A=C[1];function E(t){A(t)}return n.useEffect((function(){var t=null==h?void 0:h.filter((function(t){var e,s,n;return(null===(s=null===(e=null==t?void 0:t.symbol)||void 0===e?void 0:e.toLowerCase())||void 0===s?void 0:s.includes(R.toLowerCase()))||(null===(n=null==t?void 0:t.address)||void 0===n?void 0:n.toLowerCase())===R.toLowerCase()}));N(t)}),[R]),t.jsxs("div",{children:[s&&t.jsxs("button",v({onClick:function(){return w(!c)},className:"skt-w skt-w-input skt-w-button skt-w-flex skt-w-items-center skt-w-flex-1 skt-w-bg-widget-interactive skt-w-flex-shrink-0 skt-w-flex-nowrap skt-w-w-auto skt-w-overflow-hidden skt-w-p-1 skt-w-text-widget-on-interactive",style:{borderRadius:"calc(1rem * ".concat(j,")")}},{children:[t.jsx("img",{src:null==s?void 0:s.logoURI,className:"skt-w skt-w-h-6 skt-w-w-6 skt-w-rounded-full skt-w-mr-1.5 skt-w-border"}),t.jsxs("div",v({className:"skt-w skt-w-flex skt-w-items-center"},{children:[t.jsx("span",v({className:"skt-w-mr-0.5"},{children:null==s?void 0:s.symbol})),t.jsx(d.ChevronDown,{className:"skt-w skt-w-w-4 skt-w-h-4"})]}))]})),S((function(e,s){return s&&t.jsxs(se,v({title:"Select Token",closeModal:function(){w(!1),E("")},style:e},{children:[t.jsx("div",v({className:"skt-w skt-w-px-1.5 skt-w-pt-2 skt-w-mb-2"},{children:t.jsx(ne,{searchInput:R,setSearchInput:A,handleInput:function(t){return E(t)}})})),t.jsx("div",v({className:"skt-w skt-w-h-full skt-w-overflow-y-auto skt-w-p-1.5"},{children:null==y?void 0:y.map((function(e){return t.jsxs("button",v({className:"skt-w skt-w-input skt-w-button skt-w-flex hover:skt-w-bg-widget-secondary skt-w-items-center skt-w-p-2 skt-w-w-full skt-w-justify-between disabled:skt-w-opacity-60 disabled:skt-w-pointer-events-none",onClick:function(){return function(t){o(t),w(!1)}(e)},style:{borderRadius:"calc(0.5rem * ".concat(j,")")},disabled:(null==l?void 0:l.address)===(null==e?void 0:e.address)},{children:[t.jsxs("div",v({className:"skt-w skt-w-flex skt-w-items-center"},{children:[t.jsx("img",{src:null==e?void 0:e.logoURI,className:"skt-w skt-w-w-6 skt-w-h-6 skt-w-rounded-full"}),t.jsxs("div",v({className:"skt-w skt-w-flex skt-w-flex-col skt-w-items-start skt-w-ml-2 skt-w-text-widget-secondary"},{children:[t.jsx("span",v({className:"skt-w skt-w-text-sm"},{children:null==e?void 0:e.symbol})),t.jsx("span",v({className:"skt-w skt-w-text-xs skt-w--mt-0.5"},{children:null==e?void 0:e.name}))]}))]})),t.jsx("span",v({className:"skt-w skt-w-text-widget-secondary skt-w-text-xs skt-w-text-right skt-w-font-medium"},{children:I(e)}))]}),null==e?void 0:e.address)}))}))]}))}))]})},re=function(e){var s=e.children,o=n.useContext(Tt).customization.borderRadius;return t.jsx("span",v({className:"skt-w skt-w-h-8 skt-w-flex skt-w-items-center skt-w-justify-center skt-w-bg-widget-interactive skt-w-flex-shrink-0 skt-w-flex-nowrap skt-w-w-auto skt-w-overflow-hidden skt-w-py-1 skt-w-px-3 skt-w-text-sm skt-w-text-widget-on-interactive",style:{borderRadius:"calc(1rem * ".concat(o,")")}},{children:s}))},ie=function(e){var s=e.children,o=e.tooltipContent,r=n.useState(!1),i=r[0],l=r[1],a=c.useFloating({open:i,onOpenChange:l,middleware:[c.offset(5),c.flip(),c.shift()]}),d=a.refs,u=a.floatingStyles,w=a.context,k=c.useHover(w),m=c.useInteractions([k]),f=m.getReferenceProps,x=m.getFloatingProps;return t.jsxs(t.Fragment,{children:[t.jsx("div",v({ref:d.setReference},f(),{className:"skt-w skt-w-flex"},{children:s})),i&&t.jsx("div",v({ref:d.setFloating,style:u,className:"skt-w-px-3 skt-w-z-50"},x(),{children:t.jsx("div",v({className:"skt-w skt-w-text-xs skt-w-text-white skt-w-text-left skt-w-bg-[#262636] skt-w-border skt-w-border-widget-secondary-text skt-w-border-opacity-40 skt-w-rounded-md skt-w-p-2"},{children:o}))}))]})},le=function(s){var n,o,r,i,l,a,u=s.src,c=void 0!==u&&u,w=e.useSelector((function(t){return t.quotes.bestRoute})),k=null==w?void 0:w.refuel,m=Vt(c?null==k?void 0:k.fromAmount:null==k?void 0:k.toAmount,c?null===(n=null==k?void 0:k.fromAsset)||void 0===n?void 0:n.decimals:null===(o=null==k?void 0:k.toAsset)||void 0===o?void 0:o.decimals,3),f=null===(i=null===(r=null==w?void 0:w.route)||void 0===r?void 0:r.extraData)||void 0===i?void 0:i.opRebateData,x=null==f?void 0:f.asset,p=f&&Vt(f.amount,x.decimals);return k||f?t.jsx(t.Fragment,{children:t.jsxs("span",v({className:"skt-w skt-w-text-widget-accent skt-w-text-xs skt-w-absolute skt-w-left-0 skt-w--bottom-5 skt-w-w-full skt-w-text-left"},{children:[k&&t.jsxs("span",v({className:"skt-w-mr-2"},{children:["+ ",m," ",c?null===(l=null==k?void 0:k.fromAsset)||void 0===l?void 0:l.symbol:null===(a=null==k?void 0:k.toAsset)||void 0===a?void 0:a.symbol]})),!c&&f&&"0"!=(null==f?void 0:f.amount)&&t.jsxs("span",v({className:"skt-w-text-widget-secondary skt-w-inline-flex skt-w-items-center"},{children:[" ","+ ",qt(p,3)," OP"," ",t.jsx(ie,v({tooltipContent:"Estimated rewards for bridging to Optimism."},{children:t.jsxs("span",v({className:"skt-w-w-3 skt-w-h-3"},{children:[t.jsx(d.Info,{className:"skt-w-w-3 skt-w-h-3 skt-w-rounded-full skt-w-ml-1"})," "]}))}))]}))]}))}):null},ae=function(e){var s=e.amount,n=e.onChangeInput,o=e.updateToken,r=e.source,i=void 0!==r&&r,l=e.activeToken,a=e.tokens,d=e.noTokens,u=void 0!==d&&d,c=e.tokenToDisable;return t.jsxs("div",v({className:"skt-w skt-w-flex skt-w-items-center skt-w-justify-between skt-w-mt-2.5 skt-w-pb-[1.125rem]"},{children:[t.jsx("div",v({className:"skt-w skt-w-flex skt-w-flex-1"},{children:t.jsxs("div",v({className:"stk-w skt-w-flex skt-w-flex-col skt-w-relative"},{children:[t.jsx("input",{className:"skt-w skt-w-input skt-w-text-widget-primary skt-w-text-3xl focus:skt-w-outline-none skt-w-w-full skt-w-h-full skt-w-overflow-ellipsis skt-w-bg-transparent",value:s,onChange:function(t){return n(t.target.value)},placeholder:"0.0",type:i?"number":"string",onWheel:function(t){return document.activeElement.blur()},inputMode:"decimal",readOnly:!i}),t.jsx(le,{src:i})]}))})),u?t.jsx(re,{children:"No Tokens"}):t.jsx(oe,{updateToken:o,activeToken:l,tokens:a,tokenToDisable:c})]}))};function de(t){var e=n.useRef();return n.useEffect((function(){var s=function(s){var n;(null===(n=null==e?void 0:e.current)||void 0===n?void 0:n.contains(s.target))||t()};return document.addEventListener("mousedown",s),function(){document.removeEventListener("mousedown",s)}})),e}function ue(e){var s=e.network,n=e.children,o=e.onClick,r=e.selected,i=void 0!==r&&r,l=e.borderRadius,a=void 0===l?1:l,u=e.onlyOneNetwork,c=void 0!==u&&u,w=1101===(null==s?void 0:s.chainId)?"zkEVM":324===(null==s?void 0:s.chainId)?"zkSync":null==s?void 0:s.name;return t.jsxs("div",v({className:"skt-w skt-w-flex skt-w-w-28 skt-w-items-center skt-w-cursor-pointer skt-w-flex-shrink-0 ".concat(i?"":"skt-w-p-1.5 hover:skt-w-bg-widget-secondary hover:skt-w-bg-opacity-80"),onClick:o},{children:[t.jsxs("div",v({className:"skt-w skt-w-flex skt-w-items-center"},{children:[t.jsx("img",{src:null==s?void 0:s.icon,className:"skt-w skt-w-h-6 skt-w-w-6",style:{borderRadius:"calc(0.3rem * ".concat(a,")")}}),t.jsx("span",v({className:"skt-w skt-w-text-sm skt-w-text-widget-primary skt-w-mx-1"},{children:w}))]})),i&&!c&&t.jsx(d.ChevronDown,{className:"skt-w skt-w-text-widget-secondary skt-w-w-4 skt-w-h-4"}),n]}))}function ce(e){var s=e.networks,o=e.activeNetworkId,r=e.onChange,i=n.useState(!1),l=i[0],a=i[1],d=de((function(){return a(!1)})),u=n.useState(null),c=u[0],w=u[1],k=null==s?void 0:s.filter((function(t){return(null==t?void 0:t.chainId)===o}))[0],m=n.useContext(Tt).customization.borderRadius;return n.useEffect((function(){w(null==s?void 0:s.filter((function(t){return(null==t?void 0:t.chainId)!==o})))}),[s,o,k]),t.jsxs("div",v({onClick:0===(null==c?void 0:c.length)?null:function(){return a(!l)},className:"skt-w skt-w-relative skt-w-p-1.5 ".concat(l?"skt-w-bg-widget-interactive skt-w-h-auto":""),style:{borderRadius:"calc(0.5rem * ".concat(m,")")},ref:d},{children:[k?t.jsx(ue,{network:k,selected:!0,borderRadius:m,onlyOneNetwork:(null==s?void 0:s.length)<2}):t.jsx("span",v({className:"skt-w skt-w-text-sm skt-w-text-widget-primary skt-w-bg-widget-secondary skt-w-py-1.5 skt-w-px-2",style:{borderRadius:"calc(0.3rem * ".concat(m,")")}},{children:"Loading chains"})),l&&t.jsx("div",v({className:"skt-w skt-w-pt-1 skt-w-z-10 skt-w-left-0 skt-w-absolute skt-w-bg-widget-interactive skt-w-flex skt-w-flex-col skt-w-w-full skt-w-max-h-[150px] skt-w-overflow-y-auto skt-w-overflow-hidden",style:{borderBottomRightRadius:"calc(0.75rem * ".concat(m,")"),borderBottomLeftRadius:"calc(0.75rem * ".concat(m,")")}},{children:null==c?void 0:c.map((function(e,s){return e?t.jsx(ue,{network:e,onClick:function(){return r(e)},borderRadius:m},"".concat(s,"-chain")):null}))}))]}))}var we=function(e){var s=e.size,n=void 0===s?6:s;return t.jsx("div",{className:"skt-w skt-w-w-".concat(n," skt-w-h-").concat(n," skt-w-rounded-full ").concat(n>8?"skt-w-border-[3px]":"skt-w-border-2"," skt-w-border-widget-secondary-text/30 skt-w-border-t-widget-accent/100 skt-w-animate-spin")})},ke=function(e){var s=e.token,n=e.isLoading,o=e.onClick,r=Vt(null==s?void 0:s.balance,null==s?void 0:s.decimals,5);return t.jsxs("button",v({disabled:!o,className:"skt-w skt-w-input skt-w-button skt-w-text-widget-primary skt-w-text-opacity-70 skt-w-text-xs skt-w-text-right skt-w-flex skt-w-items-center skt-w-transition-all ".concat(o?"hover:skt-w-underline":""),onClick:o},{children:[t.jsxs("span",v({className:"skt-w-mr-1"},{children:["Bal: ",s&&r]})),n&&t.jsx(we,{size:3})]}))};function ve(){var t=n.useState(void 0),s=t[0],o=t[1],r=e.useSelector((function(t){return t.networks.allNetworks}));return n.useEffect((function(){if(r){var t={};r.forEach((function(e){return t[e.chainId]=e})),o(t)}else o(r)}),[r]),s}function me(t,e,s){var o=function(t,e){var s=n.useRef(t),o=n.useRef();n.useEffect((function(){s.current=t}),[t]);var r=n.useCallback((function(){o.current=setTimeout((function(){return s.current()}),e)}),[e]),i=n.useCallback((function(){o.current&&clearTimeout(o.current)}),[]);return n.useEffect((function(){return r(),i}),[e,r]),{reset:n.useCallback((function(){i(),r()}),[i,r]),clear:i}}(t,e),r=o.reset,i=o.clear;n.useEffect(r,x(x([],s,!0),[r],!1)),n.useEffect(i,[])}var fe=function(t){var s="string"==typeof t,o=e.useSelector((function(t){return t.networks.sourceChainId})),r=e.useSelector((function(t){return t.networks.destChainId})),i=n.useCallback((function(t){return m(void 0,void 0,void 0,(function(){return f(this,(function(e){return[2,fetch(t,{credentials:"omit"}).then((function(t){return t.json()}))]}))}))}),[t]),l=s&&!!o&&!!r,a=k.default(l?t:null,i,{revalidateOnFocus:!1}),d=a.data;a.error;var u=!t&&!!o&&!!r;var c=k.default(u?[o,r,"fetching tokens"]:null,(function(t,e){var s,n,o;return m(this,void 0,void 0,(function(){var r;return f(this,(function(i){switch(i.label){case 0:return i.trys.push([0,2,,3]),[4,Jt.getTokenList({fromChainId:t,toChainId:e})];case 1:return r=i.sent(),[2,{name:"Socket Default",tokens:t===e?x([],null===(s=null==r?void 0:r.to)||void 0===s?void 0:s.tokens,!0):x(x([],null===(n=null==r?void 0:r.from)||void 0===n?void 0:n.tokens,!0),null===(o=null==r?void 0:r.to)||void 0===o?void 0:o.tokens,!0)}];case 2:throw i.sent();case 3:return[2]}}))}))}),{revalidateOnFocus:!1}),w=c.data;return c.error,t&&!s?t:s&&d?null==d?void 0:d.tokens:!t&&w?null==w?void 0:w.tokens:void 0},xe=function(s){var r=s.customTokenList,i=s.onTokenChange,l=s.onNetworkChange,a=n.useContext(Ct).web3Provider.userAddress,d=ve(),u=e.useDispatch(),c=e.useSelector((function(t){return t.networks.allNetworks})),w=e.useSelector((function(t){return t.networks.sourceChainId})),k=fe(r),m=e.useSelector((function(t){return t.tokens.sourceToken})),f=n.useState(null),x=f[0],p=f[1],h=n.useState(!1),g=h[0],b=h[1],y=e.useSelector((function(t){return t.modals.isTxModalOpen}));n.useEffect((function(){!y&&I()}),[y]),n.useEffect((function(){if((null==k?void 0:k.length)>0){var t=Wt(k,w);b(0===(null==t?void 0:t.length)),p(t)}}),[k,w]);var j=ee(null==m?void 0:m.address,w,a),S=j.data,T=j.isBalanceLoading,I=j.mutate,C=e.useSelector((function(t){return t.customSettings.sourceNetworks})),R=e.useSelector((function(t){return t.customSettings.destNetworks})),A=e.useSelector((function(t){return t.customSettings.defaultSourceNetwork})),E=e.useSelector((function(t){return t.customSettings.defaultSourceToken})),D=e.useSelector((function(t){return t.customSettings.sameChainSwapsEnabled})),O=e.useSelector((function(t){return t.customSettings.initialAmount}));function P(t){u(N(null==t?void 0:t.chainId)),m&&(null==m?void 0:m.chainId)!==(null==t?void 0:t.chainId)&&u(q(null)),l&&l(t)}var B=n.useState(),F=B[0],L=B[1];n.useEffect((function(){var t,e=null==c?void 0:c.filter((function(t){return t.sendingEnabled}));if(null==e?void 0:e.length){var s=void 0;s=(null==C?void 0:C.length)?e.filter((function(t){return null==C?void 0:C.includes(null==t?void 0:t.chainId)})):e,1!==(null==R?void 0:R.length)||D?L(s):L(null==s?void 0:s.filter((function(t){return t.chainId!==(null==R?void 0:R[0])}))),P(null!==(t=null==s?void 0:s.find((function(t){return(null==t?void 0:t.chainId)===A})))&&void 0!==t?t:null==s?void 0:s[0])}}),[c,A]),e.useSelector((function(t){return t.amount.sourceAmount}));var z=n.useState(""),_=z[0],U=z[1],M=n.useState(""),H=M[0],G=M[1],V=function(t){(null==t?void 0:t.indexOf("."))>-1?t.split(".")[1].length<=(null==m?void 0:m.decimals)&&(U(t),K(t)):(U(t),K(t)),t&&0!=t||u(rt(null))};function K(t){if(t){var e=(s=t,n=null==m?void 0:m.decimals,s&&n?o.ethers.utils.parseUnits(s,n).toString():"");G(e)}var s,n}function Q(){var t,e;return null!==(e=null===(t=x.filter((function(t){var e;return"usdc"===((null===(e=null==t?void 0:t.chainAgnosticId)||void 0===e?void 0:e.toLowerCase())||t.symbol.toLowerCase())})))||void 0===t?void 0:t[0])&&void 0!==e?e:x[0]}me((function(){return u(X(H))}),500,[H]),n.useEffect((function(){if(H&&S){var t=o.ethers.BigNumber.from(H).lte(o.ethers.BigNumber.from(null==S?void 0:S.balance));u($(t))}}),[H,S]),n.useEffect((function(){var t,e;if((null==x?void 0:x.length)>0){var s=void 0,n=m&&x.find((function(t){var e;return t.address.toLowerCase()===(null===(e=null==m?void 0:m.address)||void 0===e?void 0:e.toLowerCase())}));n||(s=E&&null!==(e=null===(t=x.filter((function(t){return t.address.toLowerCase()===E.toLowerCase()})))||void 0===t?void 0:t[0])&&void 0!==e?e:Q()),s&&J(s)}}),[x]),n.useEffect((function(){var t,e;if(E&&x){var s=null!==(e=null===(t=null==x?void 0:x.filter((function(t){return t.address.toLowerCase()===E.toLowerCase()})))||void 0===t?void 0:t[0])&&void 0!==e?e:Q();J(s)}}),[E,x]);var Y=n.useState(),W=Y[0],J=Y[1];return me((function(){u(q(W)),i&&i(W)}),300,[W]),n.useEffect((function(){if(m&&_){var t=qt(_,null==m?void 0:m.decimals);U(t),K(t)}}),[m]),n.useEffect((function(){O&&V(O)}),[O]),n.useEffect((function(){return function(){u(N(null))}}),[]),t.jsxs("div",v({className:"skt-w skt-w-mt-3.5"},{children:[t.jsxs("div",v({className:"skt-w skt-w-flex skt-w-items-center skt-w-justify-between"},{children:[t.jsxs("div",v({className:"skt-w skt-w-flex skt-w-items-center"},{children:[t.jsx("span",v({className:"skt-w skt-w-text-widget-secondary skt-w-text-sm skt-w-mr-1.5"},{children:"From"})),t.jsx(ce,{networks:F,activeNetworkId:w,onChange:P})]})),!g&&t.jsx(ke,{token:S,isLoading:T,onClick:function(){return function(e){function s(t){var e=Vt(t,null==m?void 0:m.decimals,null==m?void 0:m.decimals);U(e),K(e)}if(m.address===Lt){var n=d[w].currency.minNativeCurrencyForGas,r=void 0;r=o.ethers.BigNumber.from(n),1===w&&(r=(r=r.mul(17)).div(10));var i=o.ethers.BigNumber.from(e);r.lt(i)?s(i.sub(r)):u(yt(t.jsxs("span",{children:["You are low on gas. We got you covered, use"," ",t.jsx("a",v({href:"https://www.bungee.exchange/refuel",target:"_blank",rel:"noopener noreferrer",className:"skt-w skt-w-anchor skt-w-text-widget-accent skt-w-text-medium"},{children:"Refuel"}))," ","to get gas now!"]})))}else s(e)}(null==S?void 0:S.balance)}})]})),t.jsx(ae,{source:!0,amount:_,onChangeInput:V,updateToken:J,activeToken:m,tokens:x,noTokens:g})]}))},pe=function(s){var o=s.customTokenList,r=s.onTokenChange,i=s.onNetworkChange,l=n.useContext(Ct).web3Provider.userAddress,a=e.useDispatch(),d=e.useSelector((function(t){return t.networks.allNetworks})),u=e.useSelector((function(t){return t.networks.destChainId})),c=e.useSelector((function(t){return t.networks.sourceChainId})),w=n.useState(!1),k=w[0],m=w[1],f=fe(o),x=e.useSelector((function(t){return t.tokens.destToken})),p=e.useSelector((function(t){return t.tokens.sourceToken})),h=n.useState(null),g=h[0],b=h[1],y=e.useSelector((function(t){return t.modals.isTxModalOpen}));n.useEffect((function(){if((null==f?void 0:f.length)>0){var t=Wt(f,u);m(0===(null==t?void 0:t.length)),b(t)}}),[f,u]);var N=e.useSelector((function(t){return t.quotes.bestRoute})),S=ee(null==x?void 0:x.address,u,l),T=S.data,I=S.isBalanceLoading,C=S.mutate;n.useEffect((function(){!y&&C()}),[y]);var R=e.useSelector((function(t){return t.customSettings.destNetworks})),A=e.useSelector((function(t){return t.customSettings.defaultDestNetwork})),E=e.useSelector((function(t){return t.customSettings.defaultDestToken})),D=e.useSelector((function(t){return t.customSettings.sameChainSwapsEnabled})),O=n.useState(!1),P=O[0],B=O[1];function F(t){a(j(null==t?void 0:t.chainId)),x&&(null==x?void 0:x.chainId)!==(null==t?void 0:t.chainId)&&(a(K(null)),$(null)),i&&i(t)}n.useEffect((function(){return B(!0),q(!0),function(){a(j(null))}}),[]);var L=n.useState(),z=L[0],_=L[1],U=n.useState(),M=U[0],H=U[1];n.useEffect((function(){var t=null==d?void 0:d.filter((function(t){return t.receivingEnabled}));if(null==t?void 0:t.length){var e=void 0;e=(null==R?void 0:R.length)?t.filter((function(t){return null==R?void 0:R.includes(null==t?void 0:t.chainId)})):t,_(e)}}),[d,R]);var G=n.useState(!1),V=G[0],q=G[1];n.useEffect((function(){var t;if(null==z?void 0:z.length){var e=void 0;e=D?z:z.filter((function(t){return t.chainId!==c})),H(e),V?(F(null!==(t=null==e?void 0:e.find((function(t){return t.chainId===A})))&&void 0!==t?t:null==e?void 0:e[0]),q(!1)):D||c!==u||F(null==e?void 0:e[0])}}),[c,z]),n.useEffect((function(){var t;!V&&A&&(1===(null==z?void 0:z.length)?F(z[0]):F(null!==(t=null==z?void 0:z.find((function(t){return t.chainId===A})))&&void 0!==t?t:null==z?void 0:z[0]))}),[z,A]);var Q=n.useState(""),Y=Q[0],X=Q[1];function W(){var t,e=null===(t=g.filter((function(t){var e;return"usdc"===((null===(e=null==t?void 0:t.chainAgnosticId)||void 0===e?void 0:e.toLowerCase())||t.symbol.toLowerCase())})))||void 0===t?void 0:t[0];return c===u&&(null==e?void 0:e.address)===(null==p?void 0:p.address)?g[0]:null!=e?e:g[0]}n.useEffect((function(){var t,e,s=(null===(t=null==N?void 0:N.route)||void 0===t?void 0:t.toAmount)?Vt(null===(e=null==N?void 0:N.route)||void 0===e?void 0:e.toAmount,null==x?void 0:x.decimals,6).toString():"";X(s)}),[N]),n.useEffect((function(){var t,e,s,n;if((null==g?void 0:g.length)&&p){var o=void 0;if(P)o=E&&null!==(e=null===(t=g.filter((function(t){return t.address.toLowerCase()===E.toLowerCase()})))||void 0===t?void 0:t[0])&&void 0!==e?e:W();else if((null==p?void 0:p.address)===(null==x?void 0:x.address))o=W();else{var r=x&&g.find((function(t){var e;return t.address.toLowerCase()===(null===(e=null==x?void 0:x.address)||void 0===e?void 0:e.toLowerCase())}));r||(o=p.chainAgnosticId&&c!==u&&null!==(n=null===(s=g.filter((function(t){var e;return(null===(e=null==t?void 0:t.chainAgnosticId)||void 0===e?void 0:e.toLowerCase())===p.chainAgnosticId.toLowerCase()})))||void 0===s?void 0:s[0])&&void 0!==n?n:W())}B(!1),o&&$(o)}}),[g,p]),n.useEffect((function(){var t,e;if(E&&g){var s=null!==(e=null===(t=null==g?void 0:g.filter((function(t){return t.address.toLowerCase()===E.toLowerCase()})))||void 0===t?void 0:t[0])&&void 0!==e?e:W();$(s)}}),[E,g]);var J=n.useState(),Z=J[0],$=J[1];return me((function(){a(K(Z)),r&&r(Z)}),300,[Z]),t.jsxs("div",v({className:"skt-w skt-w-mt-6"},{children:[t.jsxs("div",v({className:"skt-w skt-w-flex skt-w-items-center skt-w-justify-between"},{children:[t.jsxs("div",v({className:"skt-w skt-w-flex skt-w-items-center"},{children:[t.jsx("span",v({className:"skt-w skt-w-text-widget-secondary skt-w-text-sm skt-w-mr-1.5"},{children:"To"})),t.jsx(ce,{networks:M,activeNetworkId:u,onChange:F})]})),!k&&t.jsx(ke,{token:T,isLoading:I})]})),t.jsx(ae,{amount:"".concat(Y?"~".concat(Y):""),updateToken:$,activeToken:x,tokens:g,noTokens:k,tokenToDisable:c===u&&p})]}))},he=function(e){var s=e.onClick,o=e.children,r=e.disabled,i=void 0!==r&&r;e.secondary,e.primary;var l=e.classNames,a=e.isLoading,d=void 0!==a&&a,u=n.useContext(Tt).customization.borderRadius;return t.jsxs("button",v({onClick:s,disabled:i,className:"skt-w skt-w-input skt-w-button skt-w-h-14 skt-w-px-3 skt-w-flex skt-w-items-center skt-w-justify-center skt-w-transition-all skt-w-duration-100 skt-w-ease-linear skt-w-w-full skt-w-bg-widget-accent skt-w-text-widget-onAccent hover:skt-w-bg-opacity-90 skt-w-border-widget-primary \n disabled:skt-w-bg-widget-secondary \n disabled:skt-w-text-widget-secondary \n disabled:skt-w-opacity-50 \n disabled:skt-w-font-normal \n disabled:skt-w-border-opacity-50 \n skt-w-border \n ".concat(l||""),style:{borderRadius:"calc(0.625rem * ".concat(u,")")}},{children:[d&&t.jsx(we,{size:4})," ",t.jsx("span",v({className:"skt-w-ml-2"},{children:o}))]}))},ge=function(e){var s=e.children,o=e.classNames,r=n.useContext(Tt).customization.borderRadius;return t.jsx("div",v({className:"skt-w skt-w-bg-widget-secondary skt-w-p-3 skt-w-mt-3 ".concat(o||""),style:{borderRadius:"calc(0.75rem * ".concat(r,")")}},{children:s}))},be=function(e){var s,n=e.activeRoute,o=e.currentTxIndex,r=e.completed,i=e.inProgress,l=e.forReview,a=e.txData,u=e.refuel,c=ve();return t.jsx("div",v({className:"skt-w skt-w-flex skt-w-flex-col skt-w-text-sm skt-w--my-2"},{children:null===(s=null==n?void 0:n.userTxs)||void 0===s?void 0:s.map((function(e,s){var w,k,m,f,x,p,h,g,b,y,N,j,S,T,I,C,R,A,E,D,O,P,B="completed"===(null==e?void 0:e.userTxStatus)||s1,M=_(0,!1),H=_(0,!0),G=_(U?1:0,!1),V=_(U?1:0,!0),q=(null==e?void 0:e.destinationTxHash)?Yt(null===(p=null==c?void 0:c[null==V?void 0:V.chainId])||void 0===p?void 0:p.explorers[0],e.destinationTxHash,Kt.TRANSACTION):null,K=(null==e?void 0:e.refuelDestinationHash)?Yt(null===(h=null==c?void 0:c[null==V?void 0:V.chainId])||void 0===h?void 0:h.explorers[0],e.refuelDestinationHash,Kt.TRANSACTION):null,Q={amount:Vt(null==u?void 0:u.fromAmount,null===(g=null==u?void 0:u.fromAsset)||void 0===g?void 0:g.decimals),chainId:null==u?void 0:u.fromChainId,symbol:null===(b=null==u?void 0:u.fromAsset)||void 0===b?void 0:b.symbol},Y={amount:Vt(null==u?void 0:u.toAmount,null===(y=null==u?void 0:u.toAsset)||void 0===y?void 0:y.decimals),chainId:null==u?void 0:u.toChainId,symbol:null===(N=null==u?void 0:u.toAsset)||void 0===N?void 0:N.symbol};return t.jsx("div",v({className:"skt-w skt-w-flex skt-w-flex-col skt-w-text-sm"},{children:U?t.jsx(ye,v({label:"Tx ".concat(s+1,": Swap & Bridge"),complete:B,currentTx:F,url:z,inProgress:i,forReview:l,bridgeTx:!0,txHash:L},{children:t.jsxs("div",v({className:"skt-w skt-w-flex skt-w-flex-col"},{children:[t.jsxs("span",v({className:"skt-w-my-1"},{children:[Number(null==M?void 0:M.amount).toFixed(3)," ",null==M?void 0:M.symbol," for"," ",Number(null==H?void 0:H.amount).toFixed(3)," ",null==H?void 0:H.symbol," ","via ",null==H?void 0:H.protocolName," on"," ",null===(j=null==c?void 0:c[M.chainId])||void 0===j?void 0:j.name]})),t.jsxs("span",v({className:"skt-w-my-1"},{children:[Number(null==G?void 0:G.amount).toFixed(3)," ",null==G?void 0:G.symbol," ","on ",null===(S=null==c?void 0:c[null==G?void 0:G.chainId])||void 0===S?void 0:S.name," to"," ",Number(null==V?void 0:V.amount).toFixed(3)," ",null==V?void 0:V.symbol," on"," ",null===(T=null==c?void 0:c[null==V?void 0:V.chainId])||void 0===T?void 0:T.name," via"," ",null==G?void 0:G.protocolName," bridge."," ",q&&t.jsxs("a",v({href:q,target:"_blank",rel:"noopener noreferrer",className:"skt-w skt-w-anchor skt-w-underline skt-w-inline-flex skt-w-items-center skt-w-text-widget-primary"},{children:["Dest tx"," ",t.jsx(d.ExternalLink,{className:"skt-w skt-w-w-3 skt-w-h-3 skt-w-ml-1"})]}))]})),u&&t.jsxs("span",v({className:"skt-w-mt-1"},{children:[t.jsxs("span",v({className:"skt-w skt-w-text-widget-accent"},{children:["For Refuel :"," "]})),Number(null==Q?void 0:Q.amount).toFixed(3)," ",null==Q?void 0:Q.symbol," on"," ",null===(I=null==c?void 0:c[null==Q?void 0:Q.chainId])||void 0===I?void 0:I.name," to"," ",qt(Number(null==Y?void 0:Y.amount),3)," ",null==Y?void 0:Y.symbol," on"," ",null===(C=null==c?void 0:c[null==Y?void 0:Y.chainId])||void 0===C?void 0:C.name," via"," ","Refuel."," ",K&&t.jsxs("a",v({href:K,target:"_blank",rel:"noopener noreferrer",className:"skt-w skt-w-anchor skt-w-underline skt-w-inline-flex skt-w-items-center skt-w-text-widget-primary"},{children:["Dest tx"," ",t.jsx(d.ExternalLink,{className:"skt-w skt-w-w-3 skt-w-h-3 skt-w-ml-1"})]}))]}))]}))})):t.jsx(ye,v({label:"Tx ".concat(s+1," : Bridge"),complete:B,currentTx:F,url:z,inProgress:i,forReview:l,bridgeTx:!0,txHash:L},{children:t.jsxs("div",v({className:"skt-w skt-w-flex skt-w-flex-col skt-w--my-1"},{children:[t.jsxs("span",v({className:"skt-w-my-1"},{children:[Number(null==G?void 0:G.amount).toFixed(3)," ",null==G?void 0:G.symbol," ","on ",null===(R=null==c?void 0:c[null==G?void 0:G.chainId])||void 0===R?void 0:R.name," to"," ",Number(null==V?void 0:V.amount).toFixed(3)," ",null==V?void 0:V.symbol," on"," ",null===(A=null==c?void 0:c[null==V?void 0:V.chainId])||void 0===A?void 0:A.name," via"," ",null==G?void 0:G.protocolName," bridge."," ",q&&t.jsxs("a",v({href:q,target:"_blank",rel:"noopener noreferrer",className:"skt-w skt-w-anchor skt-w-underline skt-w-inline-flex skt-w-items-center skt-w-text-widget-primary"},{children:["Dest tx"," ",t.jsx(d.ExternalLink,{className:"skt-w skt-w-w-3 skt-w-h-3 skt-w-ml-1"})]}))]})),u&&t.jsxs("span",v({className:"skt-w-my-1"},{children:[t.jsxs("span",v({className:"skt-w skt-w-text-widget-accent"},{children:["For Refuel :"," "]})),Number(null==Q?void 0:Q.amount).toFixed(3)," ",null==Q?void 0:Q.symbol," on"," ",null===(E=null==c?void 0:c[null==Q?void 0:Q.chainId])||void 0===E?void 0:E.name," to"," ",qt(Number(null==Y?void 0:Y.amount),3)," ",null==Y?void 0:Y.symbol," on"," ",null===(D=null==c?void 0:c[null==Y?void 0:Y.chainId])||void 0===D?void 0:D.name," via"," ","Refuel."," ",K&&t.jsxs("a",v({href:K,target:"_blank",rel:"noopener noreferrer",className:"skt-w skt-w-anchor skt-w-underline skt-w-inline-flex skt-w-items-center skt-w-text-widget-primary"},{children:["Dest tx"," ",t.jsx(d.ExternalLink,{className:"skt-w skt-w-w-3 skt-w-h-3 skt-w-ml-1"})]}))]}))]}))}))}),"".concat(null==n?void 0:n.activeRouteId,"-fund-movr-swap"))}if("dex-swap"===(null==e?void 0:e.userTxType)){M=_(null,!1),H=_(null,!0);return t.jsxs(ye,v({label:"Tx ".concat(s+1,": Swap"),complete:B,currentTx:F,url:z,inProgress:i,forReview:l},{children:[Number(null==M?void 0:M.amount).toFixed(3)," ",null==M?void 0:M.symbol," for"," ",Number(null==H?void 0:H.amount).toFixed(3)," ",null==H?void 0:H.symbol," via"," ",null==H?void 0:H.protocolName," on"," ",null===(O=null==c?void 0:c[null==H?void 0:H.chainId])||void 0===O?void 0:O.name]}),"".concat(null==n?void 0:n.activeRouteId,"-dex-swap-").concat(s))}if("claim"===(null==e?void 0:e.userTxType))return t.jsxs(ye,v({label:"Tx ".concat(s+1,": Claim"),complete:B,currentTx:F,url:z,inProgress:i,forReview:l},{children:["Claim ",null===(P=null==e?void 0:e.toAsset)||void 0===P?void 0:P.symbol," on"," ",null==c?void 0:c[null==e?void 0:e.chainId].name]}),"".concat(null==n?void 0:n.activeRouteId,"-claim"))}))}))},ye=function(e){var s=e.label,o=e.children,r=e.complete,i=void 0!==r&&r,l=e.currentTx,a=void 0!==l&&l,u=e.url,c=void 0===u?null:u,w=e.inProgress,k=void 0!==w&&w,m=e.forReview,f=void 0!==m&&m,x=e.bridgeTx,p=void 0!==x&&x,h=e.txHash,g=i||a,b=n.useContext(Tt).customization.borderRadius;return t.jsxs("div",v({className:"skt-w skt-w-flex skt-w-border skt-w-my-2 ".concat(a?"skt-w-bg-widget-secondary skt-w-bg-opacity-20 skt-w-border-widget-accent":"skt-w-border-widget-secondary"," ").concat(f?"":"skt-w-p-3"),style:{borderRadius:"calc(0.5rem * ".concat(b)}},{children:[t.jsx("div",v({className:"skt-w skt-w-h-6 skt-w-w-6 skt-w-flex skt-w-items-center skt-w-justify-center skt-w-shrink-0 skt-w-mt-[3px] skt-w-mr-3.5 ".concat(i?"skt-w-bg-widget-secondary":"skt-w-bg-transparent"),style:{borderRadius:"calc(0.25rem * ".concat(b,")")}},{children:k&&a?t.jsx(we,{size:4}):i?t.jsx(d.CheckCircle,{className:"skt-w skt-w-w-[18px] skt-w-h-[18px] skt-w-text-widget-accent"}):t.jsx(d.ArrowRight,{className:"skt-w skt-w-w-[18px] skt-w-h-[18px] ".concat(a||f?"skt-w-text-widget-accent":"skt-w-text-widget-secondary opacity-60")})})),t.jsxs("div",v({className:"skt-w skt-w-flex skt-w-flex-col skt-w-text-xs skt-w-text-left skt-w-text-widget-secondary ".concat(g||f?"":"skt-w-opacity-60")},{children:[t.jsx("span",v({className:"skt-w skt-w-mb-0.5 ".concat(g||f?"skt-w-font-medium skt-w-text-widget-primary":"")},{children:c?t.jsxs("div",v({className:"skt-w-flex skt-w-items-center"},{children:[t.jsxs("a",v({href:c,className:"skt-w skt-w-anchor skt-w-underline skt-w-flex skt-w-items-center",target:"_blank",rel:"noopener noreferrer"},{children:[s," ",t.jsx(d.ExternalLink,{className:"skt-w skt-w-w-3 skt-w-h-3 skt-w-opacity-50 skt-w-ml-1"})]})),p&&t.jsx(Ne,{txHash:h})]})):s})),t.jsx("span",{children:o})]}))]}))},Ne=function(e){var s=e.txHash;return t.jsxs("a",v({href:"https://socketscan.io/tx/".concat(s),className:"skt-w skt-w-anchor skt-w-underline skt-w-flex skt-w-items-center skt-w-ml-2",target:"_blank",rel:"noopener noreferrer"},{children:["SocketScan"," ",t.jsx(d.ExternalLink,{className:"skt-w skt-w-w-3 skt-w-h-3 skt-w-opacity-50 skt-w-ml-1"})]}))},je=function(e){var s,o,r,i=e.token,l=e.rtl,a=void 0!==l&&l,d=e.amount,u=e.small,c=void 0!==u&&u,w=e.refuel,k=ve(),m=null==k?void 0:k[null==i?void 0:i.chainId],f=Vt(d,null==i?void 0:i.decimals,4),x=Vt(null==w?void 0:w.amount,null===(s=null==w?void 0:w.asset)||void 0===s?void 0:s.decimals,3),p=!!(null==w?void 0:w.amount),h=n.useContext(Tt).customization.borderRadius;return t.jsxs("div",v({className:"skt-w skt-w-flex skt-w-flex-col skt-w-flex-1 skt-w-max-w-full ".concat(a?"skt-w-items-end":"skt-w-flex-row"),style:{borderRadius:"calc(0.7rem * ".concat(h,")")}},{children:[t.jsxs("div",v({className:"skt-w skt-w-flex skt-w-items-center skt-w-flex-1 skt-w-overflow-hidden ".concat(a?"skt-w-flex-row-reverse":"skt-w-flex-row")},{children:[t.jsxs("div",v({className:"skt-w skt-w-relative skt-w-flex skt-w-flex-shrink-0"},{children:[t.jsx("img",{src:null==i?void 0:i.logoURI,className:"skt-w skt-w-w-6 skt-w-h-6 skt-w-rounded-full skt-w-border-widget-primary"}),!!(null==w?void 0:w.amount)&&t.jsx("img",{src:null===(o=null==w?void 0:w.asset)||void 0===o?void 0:o.logoURI,className:"skt-w skt-w-w-6 skt-w-h-6 skt-w-rounded-full skt-w--ml-2 skt-w-border-2 skt-w-border-widget-accent skt-w-object-cover skt-w-bg-widget-accent"})]})),t.jsx("div",v({className:"skt-w skt-w-flex skt-w-flex-col skt-w-flex-auto skt-w-overflow-hidden ".concat(a?"skt-w-items-end skt-w-mr-2":"skt-w-items-start skt-w-ml-2")},{children:t.jsxs("span",v({className:"skt-w skt-w-text-widget-primary skt-w-w-full skt-w-font-medium skt-w-overflow-hidden skt-w-whitespace-nowrap skt-w-text-ellipsis skt-w-flex skt-w-flex-col ".concat(a?"skt-w-text-right skt-w-items-end":"skt-w-text-left skt-w-items-start"," ").concat(c?"skt-w-text-xs":"skt-w-text-sm")},{children:[t.jsxs("span",{children:[f," ",null==i?void 0:i.symbol]}),p&&t.jsxs("span",v({className:"skt-w skt-w-text-[10px] skt-w-font-normal skt-w-text-widget-accent ".concat(a?"skt-w-text-right":"skt-w-text-left")},{children:["(+ ",x," ",null===(r=null==w?void 0:w.asset)||void 0===r?void 0:r.symbol,")"]}))]}))}))]})),t.jsxs("p",v({className:"skt-w skt-w-text-xs skt-w-text-widget-secondary skt-w-mt-1 ".concat(a?"skt-w-text-right":"skt-w-text-left")},{children:["on ",null==m?void 0:m.name]}))]}))},Se=function(e){var s=e.srcDetails,o=e.srcRefuel,r=e.destDetails,i=e.destRefuel,l=e.onClick,a=n.useContext(Tt).customization.borderRadius;return t.jsx("button",v({onClick:null!=l?l:null,disabled:!l,className:"skt-w skt-w-button skt-w-input skt-w-px-3 skt-w-py-4 skt-w-border-widget-secondary skt-w-flex skt-w-flex-col skt-w-items-start skt-w-w-full ".concat(l?"hover:skt-w-bg-widget-secondary":""),style:{borderRadius:"calc(0.5rem * ".concat(a,")")}},{children:t.jsxs("div",v({className:"skt-w skt-w-flex skt-w-justify-between skt-w-items-center skt-w-w-full"},{children:[t.jsx(je,{token:null==s?void 0:s.token,amount:null==s?void 0:s.amount,refuel:o}),t.jsx(d.ArrowDown,{className:"skt-w skt-w-w-4 skt-w-h-4 skt-w-text-widget-secondary ".concat("skt-w--rotate-90")}),t.jsx(je,{token:null==r?void 0:r.token,amount:null==r?void 0:r.amount,refuel:i,rtl:!0})]}))}))},Te=function(t,e,s,r){var l=n.useState(""),a=l[0],d=l[1],u=n.useState(0),c=u[0],w=u[1],v=function(t){var e=k.default(t?[t,"gas price"]:null,(function(t){return m(this,void 0,void 0,(function(){return f(this,(function(e){switch(e.label){case 0:return[4,i.Server.getGasPrice({chainId:t})];case 1:return[2,e.sent()]}}))}))})),s=e.data;return e.error,e.isValidating,{data:null==s?void 0:s.result}}(e);return n.useEffect((function(){var n=!!t&&!!(null==v?void 0:v.data)&&o.ethers.BigNumber.from(t).mul(o.ethers.BigNumber.from(null==v?void 0:v.data.normal.gasPrice)).toString();if(n&&s){var i=Vt(n,s).toString();d(i)}if(r&&e){var l=null==r?void 0:r.userTxs.reduce((function(t,s){var n,o;return s.chainId===e?t+(null!==(o=null===(n=s.gasFees)||void 0===n?void 0:n.feesInUsd)&&void 0!==o?o:0):t}),0);w(l)}}),[v,t]),{feesInToken:a,feesInUsd:c}},Ie=function(t,e){var s=n.useState(""),r=s[0],i=s[1];return n.useEffect((function(){if(t&&e){var s=null==t?void 0:t.userTxs.reduce((function(t,s){var n;return s.chainId===e?t.add(o.ethers.BigNumber.from(null===(n=s.gasFees)||void 0===n?void 0:n.gasLimit)||0):t}),o.ethers.BigNumber.from(0));i(s.toString())}}),[t,e]),r},Ce=function(s){var o,r,i,l,a,u,c,w,k,x,p,h,g,b,y,N,j,S,T,I,C,R,A,E,D,O,P,B,F,L,z,_,U,M,H,G,V,q,K,Q,Y,X,W=s.closeModal,J=s.style,Z=e.useDispatch(),$=e.useSelector((function(t){return t.quotes.bestRoute})),tt=e.useSelector((function(t){return t.routes.selectedRoute})),et=e.useSelector((function(t){return t.customSettings.hideIntegratorFee})),st=n.useState(!1),nt=st[0],ot=st[1],rt=n.useState(!1),it=rt[0],lt=rt[1],at=n.useState(!1),dt=at[0],ut=at[1],ct=n.useContext(Tt).customization.borderRadius;n.useEffect((function(){lt($!==tt)}),[tt,$]);var kt={amount:null===(o=null==tt?void 0:tt.refuel)||void 0===o?void 0:o.fromAmount,asset:null===(r=null==tt?void 0:tt.refuel)||void 0===r?void 0:r.fromAsset},vt={amount:null===(i=null==tt?void 0:tt.refuel)||void 0===i?void 0:i.toAmount,asset:null===(l=null==tt?void 0:tt.refuel)||void 0===l?void 0:l.toAsset},mt=Ie(null==tt?void 0:tt.route,null===(u=null===(a=null==tt?void 0:tt.path)||void 0===a?void 0:a.fromToken)||void 0===u?void 0:u.chainId),ft=null===(k=null===(w=null===(c=null==tt?void 0:tt.route)||void 0===c?void 0:c.userTxs.filter((function(t){var e,s;return t.chainId===(null===(s=null===(e=null==tt?void 0:tt.path)||void 0===e?void 0:e.fromToken)||void 0===s?void 0:s.chainId)}))[0])||void 0===w?void 0:w.gasFees)||void 0===k?void 0:k.asset,xt=Te(mt,null==ft?void 0:ft.chainId,null==ft?void 0:ft.decimals,null==tt?void 0:tt.route),pt=xt.feesInToken,bt=xt.feesInUsd,yt=Ie(null==tt?void 0:tt.route,null===(p=null===(x=null==tt?void 0:tt.path)||void 0===x?void 0:x.fromToken)||void 0===p?void 0:p.chainId),Nt=null===(b=null===(g=null===(h=null==tt?void 0:tt.route)||void 0===h?void 0:h.userTxs.filter((function(t){var e,s;return t.chainId===(null===(s=null===(e=null==tt?void 0:tt.path)||void 0===e?void 0:e.toToken)||void 0===s?void 0:s.chainId)}))[0])||void 0===g?void 0:g.gasFees)||void 0===b?void 0:b.asset,jt=Te(yt,null==Nt?void 0:Nt.chainId,null==Nt?void 0:Nt.decimals,null==tt?void 0:tt.route),St=jt.feesInToken,It=jt.feesInUsd,Ct=null===(y=null==tt?void 0:tt.route)||void 0===y?void 0:y.userTxs.filter((function(t){return t.userTxType===Ot.FUND_MOVR}))[0],Rt=(null==Ct?void 0:Ct.steps)&&(null==Ct?void 0:Ct.steps.filter((function(t){return"bridge"===t.type}))[0]),At=(null==Ct?void 0:Ct.steps)&&(null==Ct?void 0:Ct.steps.filter((function(t){return"middleware"===t.type}))[0]),Et=null===(j=null===(N=null==tt?void 0:tt.route)||void 0===N?void 0:N.userTxs.filter((function(t){return t.userTxType===Ot.DEX_SWAP})))||void 0===j?void 0:j[0],Dt=null==Rt?void 0:Rt.protocolFees.feesInUsd,Pt=Vt(null==Rt?void 0:Rt.protocolFees.amount,null==Rt?void 0:Rt.protocolFees.asset.decimals,5),Bt=null==Rt?void 0:Rt.protocolFees.asset.symbol,Ft=null===(S=null==tt?void 0:tt.route)||void 0===S?void 0:S.integratorFee,Lt=null==Ft?void 0:Ft.asset,zt=(null==Ft?void 0:Ft.amount)&&Vt(null==Ft?void 0:Ft.amount,null==Lt?void 0:Lt.decimals,4),_t=null===(T=null==Rt?void 0:Rt.extraData)||void 0===T?void 0:T.opRebateData,Ut=null==_t?void 0:_t.asset,Mt=_t&&Vt(_t.amount,Ut.decimals),Gt=t.jsxs("span",v({className:"skt-w skt-w-flex skt-w-items-center"},{children:["OP Rewards",t.jsx(ie,v({tooltipContent:"Estimated rewards for bridging to Optimism."},{children:t.jsx(d.Info,{className:"skt-w skt-w-ml-1.5 skt-w-w-4 skt-w-h-4"})}))]}));n.useEffect((function(){var t,e,s,n;ut((null===(e=null===(t=null==tt?void 0:tt.path)||void 0===t?void 0:t.fromToken)||void 0===e?void 0:e.chainId)===(null===(n=null===(s=null==tt?void 0:tt.path)||void 0===s?void 0:s.toToken)||void 0===n?void 0:n.chainId))}),[tt]);var qt;if(null==tt?void 0:tt.route){var Kt=tt.route,Qt=Kt&&Kt.userTxs[(null===(I=Kt.userTxs)||void 0===I?void 0:I.length)-1],Yt="claim"===(null==Qt?void 0:Qt.userTxType)?null===(R=null==Kt?void 0:Kt.userTxs[(null===(C=null==Kt?void 0:Kt.userTxs)||void 0===C?void 0:C.length)-2])||void 0===R?void 0:R.steps:null==Qt?void 0:Qt.steps,Xt=(null==Yt?void 0:Yt.length)>0&&Yt[(null==Yt?void 0:Yt.length)-1],Wt=null!==(D=null===(E=null==Kt?void 0:Kt.userTxs[(null===(A=null==Kt?void 0:Kt.userTxs)||void 0===A?void 0:A.length)-1])||void 0===E?void 0:E.minAmountOut)&&void 0!==D?D:null==Xt?void 0:Xt.minAmountOut;qt=Wt&&(null===(O=null==tt?void 0:tt.path)||void 0===O?void 0:O.toToken)&&Vt(Wt,null===(B=null===(P=null==tt?void 0:tt.path)||void 0===P?void 0:P.toToken)||void 0===B?void 0:B.decimals,4)}return t.jsx(se,v({title:"Review Quote",closeModal:nt?function(){return ot(!nt)}:W,style:J},{children:t.jsxs("div",v({className:"skt-w skt-w-flex skt-w-flex-col skt-w-justify-between skt-w-flex-1 skt-w-relative"},{children:[t.jsxs("div",v({className:"skt-w skt-w-w-full skt-w-overflow-y-auto",style:{height:"calc(100% - 7rem)"}},{children:[t.jsx(Se,{srcDetails:{token:null===(F=null==tt?void 0:tt.path)||void 0===F?void 0:F.fromToken,amount:null==tt?void 0:tt.amount},destDetails:{token:null===(L=null==tt?void 0:tt.path)||void 0===L?void 0:L.toToken,amount:null===(z=null==tt?void 0:tt.route)||void 0===z?void 0:z.toAmount},srcRefuel:kt,destRefuel:vt}),t.jsxs("div",v({className:"skt-w skt-w-px-3 skt-w-py-1.5 skt-w-flex skt-w-flex-col skt-w-mt-1"},{children:[dt?t.jsx(Re,{label:"Dex Name",value:null===(V=null==Et?void 0:Et.protocol)||void 0===V?void 0:V.displayName}):t.jsxs(t.Fragment,{children:[t.jsx(Re,{label:"Bridge Name",value:Ht[null===(U=null===(_=null==tt?void 0:tt.route)||void 0===_?void 0:_.usedBridgeNames)||void 0===U?void 0:U[0]]||(null===(H=null===(M=null==tt?void 0:tt.route)||void 0===M?void 0:M.usedBridgeNames)||void 0===H?void 0:H[0])}),t.jsx(Re,{label:"Estimated Bridging Time",value:Zt(null===(G=null==tt?void 0:tt.route)||void 0===G?void 0:G.serviceTime)}),t.jsx(Re,v({label:"Bridge Fee"},{children:t.jsx(Ae,{feeInToken:Pt,feeInUsd:Dt,tokenSymbol:Bt})}))]}),t.jsx(Re,v({label:"Source Gas Fee"},{children:t.jsx(Ae,{feeInToken:pt,feeInUsd:bt,tokenSymbol:null==ft?void 0:ft.symbol})})),!!St&&!dt&&t.jsxs(t.Fragment,{children:[t.jsx(Re,v({label:"Dest Gas Fee"},{children:t.jsx(Ae,{feeInToken:St,feeInUsd:It,tokenSymbol:null==Nt?void 0:Nt.symbol})})),t.jsx(Re,{label:"Number of transactions",value:null===(q=null==tt?void 0:tt.route)||void 0===q?void 0:q.totalUserTx})]}),!et&&"0"!==(null==Ft?void 0:Ft.amount)&&t.jsx(Re,{label:"Add-on Fee",value:"".concat(zt," ").concat(null==Lt?void 0:Lt.symbol)}),(!!At||!!Et)&&t.jsx(Re,v({label:"Swap Slippage"},{children:t.jsxs("div",v({className:"skt-w-flex skt-w-items-center"},{children:[null!==(K=null==Et?void 0:Et.swapSlippage)&&void 0!==K?K:null==At?void 0:At.swapSlippage,"%"," ",t.jsx("button",v({className:"skt-w skt-w-input skt-w-button skt-w-flex",onClick:function(){Z(gt(!0))}},{children:t.jsx(d.Edit,{className:"skt-w-ml-2 skt-w-w-4 skt-w-h-4 skt-w-text-widget-accent"})}))]}))})),Rt&&"hyphen"!==(null===(Q=null==Rt?void 0:Rt.protocol)||void 0===Q?void 0:Q.displayName.toLowerCase())&&t.jsx(Re,{label:"Minimum received",value:"".concat(null==qt?void 0:qt.toString()," ").concat(null===(X=null===(Y=null==tt?void 0:tt.path)||void 0===Y?void 0:Y.toToken)||void 0===X?void 0:X.symbol)}),_t&&"0"!=(null==_t?void 0:_t.amount)&&t.jsx(Re,v({label:Gt},{children:t.jsxs("div",v({className:"skt-w skt-w-flex skt-w-items-center"},{children:[t.jsx("img",{src:Ut.logoURI,className:"skt-w skt-w-w-5 skt-w-h-5 skt-w-mr-1"}),t.jsx(Ae,{feeInToken:Mt,feeInUsd:null==_t?void 0:_t.amountInUsd,tokenSymbol:Ut.symbol})]}))}))]}))]})),t.jsxs(ge,v({classNames:"skt-w-absolute skt-w-w-full skt-w-flex skt-w-bottom-0 skt-w-flex-col skt-w-justify-between skt-w-transition-all ".concat(nt?"skt-w-h-full skt-w-max-h-full":"skt-w-h-auto skt-w-max-h-min")},{children:[t.jsxs("div",v({className:"skt-w skt-w-flex-1 skt-w-flex skt-w-flex-col skt-w-overflow-auto"},{children:[t.jsxs("button",v({className:"skt-w skt-w-button skt-w-input skt-w-flex skt-w-items-center skt-w-text-sm skt-w-text-widget-secondary skt-w-mb-3",onClick:function(){return ot(!nt)}},{children:[t.jsx(d.ChevronUp,{className:"skt-w skt-w-w-4 skt-w-h-4 skt-w-text-widget-secondary skt-w-transition-all skt-w-mr-1.5 ".concat(nt?"skt-w-rotate-180":"skt-w-rotate-0")})," ","See route details"]})),nt&&t.jsx("div",v({className:"skt-w skt-w-mb-3 skt-w-flex-1 skt-w-overflow-y-auto"},{children:t.jsx(be,{activeRoute:null==tt?void 0:tt.route,forReview:!0,refuel:null==tt?void 0:tt.refuel})}))]})),t.jsxs("div",v({className:"skt-w skt-w-h-14 skt-w-transition-all skt-w-duration-300 skt-w-flex skt-w-justify-between skt-w-items-center skt-w-border ".concat(it?"skt-w-border-widget-outline skt-w-p-1 skt-w-pl-2":"skt-w-border-transparent"),style:{borderRadius:"calc(0.875rem * ".concat(ct,")")}},{children:[it&&t.jsx("span",v({className:"skt-w skt-w-whitespace-nowrap skt-w-w-full skt-w-text-widget-secondary skt-w-text-sm skt-w-text-left"},{children:$?"Quote updated":"Quote updating..."})),t.jsx(he,v({onClick:it?function(){Z(wt($))}:function(){return m(this,void 0,void 0,(function(){return f(this,(function(t){return Z(ht(!0)),[2]}))}))},classNames:"".concat(it?"skt-w-h-12":""),disabled:!$},{children:it?"Accept":"Confirm ".concat(dt?"Swap":"Bridge")}))]}))]}))]}))}))},Re=function(e){var s=e.label,n=e.value,o=e.children;return t.jsxs("div",v({className:"skt-w skt-w-w-full skt-w-flex skt-w-justify-between skt-w-text-sm skt-w-text-widget-secondary skt-w-my-1.5"},{children:[t.jsx("span",{children:s}),t.jsx("span",{children:n}),o]}))},Ae=function(e){var s=e.feeInToken,n=e.tokenSymbol,o=e.feeInUsd;return s?t.jsxs("span",{children:[s&&"0"!==s?t.jsxs("span",{children:[qt(s,5)," ",t.jsx("span",v({className:"skt-w-font-medium"},{children:n}))," "]}):0,0!==o&&t.jsxs("span",v({className:"skt-w-opacity-80 skt-w-font-normal"},{children:["($",null==o?void 0:o.toFixed(4),")"]}))]}):null},Ee=function(){var s=e.useDispatch(),r=e.useSelector((function(t){return t.networks.sourceChainId})),l=e.useSelector((function(t){return t.tokens.sourceToken})),a=e.useSelector((function(t){return t.tokens.destToken})),c=e.useSelector((function(t){return t.quotes.sortPref})),w=e.useSelector((function(t){return t.amount.sourceAmount})),x=e.useSelector((function(t){return t.modals.isTxModalOpen})),p=e.useSelector((function(t){return t.quotes.refuelEnabled})),h=e.useSelector((function(t){return t.customSettings.includeBridges})),g=e.useSelector((function(t){return t.customSettings.excludeBridges})),b=e.useSelector((function(t){return t.customSettings.feeParams})),y=e.useSelector((function(t){return t.amount.isEnoughBalance})),N=n.useContext(Ct).web3Provider.userAddress,j=e.useSelector((function(t){return t.quotes.singleTxOnly})),S=e.useSelector((function(t){return t.quotes.swapSlippage})),T=function(t,s,n,o,r,i,l,a,d,u,c,w){var v=e.useSelector((function(t){return t.modals.isTxModalOpen})),x=!(!t||!s||!n||"0"===n||!r||v),p=k.default(x?[t,s,n,r,o,i,l,a,d,u,c,w,"quotes"]:null,(function(t,e,s,n,o,r,i,l,a,d,u,c){return m(this,void 0,void 0,(function(){return f(this,(function(w){switch(w.label){case 0:return[4,Jt.getAllQuotes({path:{fromToken:t,toToken:e},amount:s,address:n},{sort:o,bridgeWithGas:r,includeBridges:i,excludeBridges:l,singleTxOnly:a,defaultSwapSlippage:d,feeTakerAddress:u,feePercent:c})];case 1:return[2,w.sent().routes]}}))}))}),{refreshInterval:1e3*Pt,revalidateOnFocus:!1}),h=p.data,g=p.error,b=p.isValidating;return{data:h,isQuotesLoading:r&&(!h&&!g||b)}}(null!=l?l:"",a,w,c,N,p,h,g,j,S,null==b?void 0:b.feeTakerAddress,null==b?void 0:b.feePercent),I=T.data,C=T.isQuotesLoading,R=w&&l&&a&&c,A=e.useSelector((function(t){return t.quotes.bestRoute})),E=n.useState(!1),D=E[0],O=E[1],P=ee(Lt,r,N).data;n.useEffect((function(){var t;if(localStorage){var e=null!==(t=JSON.parse(localStorage.getItem("txData")))&&void 0!==t?t:{};s(ft({prevTxDetails:e}))}}),[]),n.useEffect((function(){x&&O(!1)}),[x]);var B=n.useState(!1),F=B[0],L=B[1];n.useEffect((function(){var t;if(I){var e=c===i.SortOptions.Time?I.reverse()[0]:I[0];if(s(rt(e)),null==e?void 0:e.refuel){var n=void 0,r=null===(t=null==e?void 0:e.refuel)||void 0===t?void 0:t.fromAmount;n=(null==l?void 0:l.address)===Lt?o.ethers.BigNumber.from(w).add(r).toString():r,o.ethers.BigNumber.from(n).lte(null==P?void 0:P.balance)?L(!0):L(!1)}}else s(rt(null))}),[I]);var z=u.useTransition(D,{from:{y:"100%"},enter:{y:"0"},leave:{y:"100%"},config:{duration:200},onReset:function(){return O(!1)}});return t.jsxs(ge,{children:[t.jsxs("div",v({className:"skt-w skt-w-text-widget-secondary skt-w-mb-3 skt-w-text-sm skt-w-flex skt-w-items-center"},{children:[w&&"0"!==w&&C?t.jsx("span",v({className:"skt-w-mr-1"},{children:t.jsx(we,{size:4})})):(null==A?void 0:A.refuel)&&!F?t.jsx(d.Info,{className:"skt-w-w-4 skt-w-h-4 skt-w-mr-1"}):"",function(){var t,e,s,n,r,i,l,a,d,u,c,w,k,v,m,f,x,p,h,g,b=null===(e=null===(t=null==A?void 0:A.route)||void 0===t?void 0:t.usedBridgeNames)||void 0===e?void 0:e[0],y=Ht[b]||b;if((null==A?void 0:A.refuel)&&!F){var N=void 0;if((null===(n=null===(s=null==A?void 0:A.path)||void 0===s?void 0:s.fromToken)||void 0===n?void 0:n.address)===Lt){var j=null==A?void 0:A.amount,S=null===(r=null==A?void 0:A.refuel)||void 0===r?void 0:r.fromAmount,T=o.ethers.BigNumber.from(j).add(o.ethers.BigNumber.from(S)).toString();N=Vt(T,null===(l=null===(i=null==A?void 0:A.refuel)||void 0===i?void 0:i.fromAsset)||void 0===l?void 0:l.decimals,2)}else N=Vt(null===(a=null==A?void 0:A.refuel)||void 0===a?void 0:a.fromAmount,null===(u=null===(d=null==A?void 0:A.refuel)||void 0===d?void 0:d.fromAsset)||void 0===u?void 0:u.decimals,2);return"Not enough ".concat(null==P?void 0:P.symbol," for Refuel (").concat(N," required)")}var I=Vt(null===(c=null==A?void 0:A.route)||void 0===c?void 0:c.fromAmount,null===(k=null===(w=null==A?void 0:A.path)||void 0===w?void 0:w.fromToken)||void 0===k?void 0:k.decimals),E=Vt(null===(v=null==A?void 0:A.route)||void 0===v?void 0:v.toAmount,null===(f=null===(m=null==A?void 0:A.path)||void 0===m?void 0:m.toToken)||void 0===f?void 0:f.decimals),D=Number(E)/Number(I),O="1 ".concat(null===(p=null===(x=null==A?void 0:A.path)||void 0===x?void 0:x.fromToken)||void 0===p?void 0:p.symbol," = ").concat(null==D?void 0:D.toFixed(4)," ").concat(null===(g=null===(h=null==A?void 0:A.path)||void 0===h?void 0:h.toToken)||void 0===g?void 0:g.symbol);return R?C?_t.FETCHING_QUOTE:A?null!=y?y:O:_t.NO_ROUTES_AVAILABLE:_t.ENTER_AMOUNT}()]})),t.jsx(he,v({onClick:function(){s(wt(A)),O(!0)},disabled:!A||C||!y||(null==A?void 0:A.refuel)&&!F},{children:y?Ut.REVIEW_QUOTE:Ut.NOT_ENOUGH_BALANCE})),t.jsxs("div",v({className:"skt-w skt-w-flex skt-w-items-center skt-w-justify-between skt-w-text-widget-secondary skt-w-mt-2.5 skt-w-text-xs"},{children:[t.jsx("a",v({href:"http://socket.tech/",target:"_blank",rel:"noopener noreferrer",className:"skt-w skt-w-anchor"},{children:"Powered by Socket"})),t.jsx("a",v({href:"https://socketdottech.zendesk.com/hc/en-us",target:"_blank",rel:"noopener noreferrer",className:"skt-w skt-w-anchor"},{children:"Support"}))]})),z((function(e,s){return s&&t.jsx(Ce,{closeModal:function(){return O(!1)},style:e})}))]})},De=function(){var s=e.useDispatch();return t.jsx(t.Fragment,{children:t.jsx("button",v({onClick:function(){s(gt(!0))},className:"skt-w skt-w-button skt-w-input skt-w-flex skt-w-ml-3"},{children:t.jsx(d.Settings,{className:"skt-w skt-w-w-5.5 skt-w-h-5.5 skt-w-text-widget-secondary hover:skt-w-text-widget-primary hover:skt-w-rotate-45 skt-w-duration-200 skt-w-ease-linear"})}))})},Oe=function(e){var s=e.txHash;return s?t.jsxs("a",v({className:"skt-w skt-w-button skt-w-text-sm skt-w-text-widget-secondary hover:skt-w-text-widget-primary skt-w-text-center skt-w-mb-2 skt-w-flex skt-w-items-center skt-w-no-underline skt-w-justify-center",href:"https://socketscan.io/tx/".concat(s),target:"_blank"},{children:["Track this transaction on SocketScan"," ",t.jsx(d.ExternalLink,{className:"skt-w-w-[18px] skt-w-h-[18px] skt-w-ml-1"})]})):null},Pe=function(e){var s,r,i,l,a,d,u,c,w,k=e.currentRoute,m=e.explorerParams,f=e.txDetails,x=e.refuelEnabled,p=ve(),h=n.useState(""),g=h[0],b=h[1],y=n.useState(""),N=y[0],j=y[1],S=n.useState(""),T=S[0],I=S[1],C=n.useState(null),R=C[0],A=C[1],E=n.useState(!1),D=E[0],O=E[1],P=n.useState(!1),B=P[0],F=P[1];n.useEffect((function(){var t,e,s,n=Yt(null===(t=null==p?void 0:p[m.srcChainId])||void 0===t?void 0:t.explorers[0],m.srcTxHash,Kt.TRANSACTION),o=Yt(null===(e=null==p?void 0:p[m.destChainId])||void 0===e?void 0:e.explorers[0],m.destTxHash,Kt.TRANSACTION),r=Yt(null===(s=null==p?void 0:p[m.destRefuelTxHash])||void 0===s?void 0:s.explorers[0],m.destRefuelTxHash,Kt.TRANSACTION);b(n),j(o),I(r)}),[p,m]),n.useEffect((function(){var t,e,s,n,r,i,l,a,d,u,c,w=null===(s=null===(e=null===(t=null==k?void 0:k.route)||void 0===t?void 0:t.userTxs)||void 0===e?void 0:e.filter((function(t){return t.userTxType===Ot.FUND_MOVR})))||void 0===s?void 0:s[0],v=null===(r=null===(n=null==w?void 0:w.steps)||void 0===n?void 0:n.filter((function(t){return"bridge"===t.type})))||void 0===r?void 0:r[0];A(v);var m=f&&Object.values(f),x=null===(l=null===(i=null==m?void 0:m.filter((function(t){return t.userTxType===Ot.FUND_MOVR})))||void 0===i?void 0:i[0])||void 0===l?void 0:l.timeStamp,p=(new Date).getTime();if(x&&p){var h=o.ethers.BigNumber.from(p).sub(o.ethers.BigNumber.from(x)).div(1e3).toString();Number(h)>2*(null==v?void 0:v.serviceTime)&&O(!0)}var g=(null===(a=null==k?void 0:k.route)||void 0===a?void 0:a.currentUserTxIndex)?(null===(d=null==k?void 0:k.route)||void 0===d?void 0:d.currentUserTxIndex)+1:1;F(g<(null===(c=null===(u=null==k?void 0:k.route)||void 0===u?void 0:u.userTxs)||void 0===c?void 0:c.length))}),[k,f]);var L={amount:null===(s=null==k?void 0:k.refuel)||void 0===s?void 0:s.fromAmount,asset:null===(r=null==k?void 0:k.refuel)||void 0===r?void 0:r.fromAsset},z={amount:null===(i=null==k?void 0:k.refuel)||void 0===i?void 0:i.toAmount,asset:null===(l=null==k?void 0:k.refuel)||void 0===l?void 0:l.toAsset};return t.jsxs("div",v({className:"skt-w skt-w-absolute skt-w-bg-widget-primary skt-w-h-full skt-w-w-full skt-w-top-0 skt-w-left-0 skt-w-flex skt-w-flex-col"},{children:[t.jsx(Se,{srcDetails:{token:null===(a=null==k?void 0:k.sourceTokenDetails)||void 0===a?void 0:a.token,amount:null===(d=null==k?void 0:k.sourceTokenDetails)||void 0===d?void 0:d.amount},destDetails:{token:null===(u=null==k?void 0:k.destTokenDetails)||void 0===u?void 0:u.token,amount:null===(c=null==k?void 0:k.destTokenDetails)||void 0===c?void 0:c.amount},srcRefuel:L,destRefuel:z}),t.jsx("div",{className:"skt-w skt-w-border-b skt-w-border-widget-secondary"}),t.jsxs("div",v({className:"skt-w skt-w-flex skt-w-flex-col skt-w-items-center skt-w-my-auto skt-w-pb-3"},{children:[t.jsx(we,{size:10}),t.jsxs("div",v({className:"mt-4"},{children:[t.jsx("p",v({className:"skt-w skt-w-text-sm skt-w-text-widget-primary skt-w-mb-2 skt-w-font-medium skt-w-text-center"},{children:"Bridging in progress"})),t.jsx("p",v({className:"skt-w skt-w-text-xs skt-w-font-normal skt-w-text-widget-secondary skt-w-mb-3 skt-w-text-center skt-w-px-3"},{children:D?t.jsxs("span",{children:["Get in touch for support on"," ",t.jsx("a",v({href:"https://discord.gg/23Gk2Fa9JZ",target:"_blank",rel:"noopener noreferrer",className:"skt-w skt-w-anchor skt-w-underline"},{children:"Discord"}))]}):t.jsxs("span",{children:["Estimated wait time is"," ",Zt(null==R?void 0:R.serviceTime),B&&", please come back later to sign the next transaction."]})}))]})),t.jsxs("div",v({className:"skt-w skt-w-flex skt-w-flex-col skt-w-items-center skt-w-mt-4"},{children:[t.jsx(Fe,{title:"Bridging via ".concat(null===(w=null==R?void 0:R.protocol)||void 0===w?void 0:w.displayName),srcUrl:g,destUrl:N}),!!x&&t.jsx("div",v({className:"skt-w-mt-3.5"},{children:t.jsx(Fe,{title:"Refuel",destUrl:T})}))]}))]})),(null==m?void 0:m.srcTxHash)&&t.jsx("div",v({className:"skt-w-mb-10"},{children:t.jsx(Oe,{txHash:null==m?void 0:m.srcTxHash})}))]}))},Be=function(e){var s=e.url,o=e.label,r=n.useContext(Tt).customization.borderRadius;return t.jsx("span",v({className:"skt-w skt-w-text-xs skt-w-bg-widget-primary skt-w-text-widget-secondary skt-w-flex skt-w-items-center skt-w-flex-nowrap skt-w-px-2 skt-w-py-1.5",style:{borderRadius:"calc(1rem * ".concat(r,")")}},{children:s&&!s.match("undefined")?t.jsxs("a",v({href:s,target:"_blank",rel:"noopener noreferrer",className:"skt-w skt-w-anchor skt-w-flex skt-w-items-center hover:skt-w-underline"},{children:[o," ",t.jsx(d.ExternalLink,{className:"skt-w skt-w-text-widget-secondary skt-w-w-3 skt-w-h-auto skt-w-ml-1.5"})]})):t.jsxs("span",v({className:"skt-w skt-w-flex skt-w-items-center skt-w-h-auto"},{children:[t.jsx("span",v({className:"skt-w-mr-1.5"},{children:o}))," ",t.jsx(we,{size:3})]}))}))},Fe=function(e){var s=e.title,n=e.srcUrl,o=e.destUrl;return t.jsxs("div",v({className:"skw-w skt-w-flex skt-w-items-center skt-w-pl-2.5 skt-w-p-0.5 skt-w-rounded-full skt-w-bg-widget-secondary skt-w-border skt-w-border-widget-secondary"},{children:[t.jsx("span",v({className:"skt-w skt-w-text-widget-primary skt-w-text-xs skt-w-pr-2"},{children:s})),t.jsxs("div",v({className:"skt-w skt-w-flex skt-w-items-center"},{children:[!!n&&t.jsx("span",v({className:"skt-w-mr-0.5"},{children:t.jsx(Be,{label:"Src tx",url:n})})),t.jsx(Be,{label:"Dest tx",url:o||null})]}))]}))},Le=function(){var e=n.useContext(Tt).customization.borderRadius,s=u.useSpring({from:{bottom:-100,opacity:0},to:{bottom:12,opacity:1}});return t.jsxs(u.animated.div,v({className:"skt-w skt-w-bg-widget-accent skt-w-text-widget-onAccent skt-w-p-4 skt-w-flex skt-w-items-center skt-w-absolute skt-w-left-3 skt-w-right-3",style:v({borderRadius:"calc(0.625rem * ".concat(e,")")},s)},{children:[t.jsx(d.CheckCircle,{className:"skt-w skt-w-mr-3 skt-w-text-widget-onAccent"})," ","Transaction is complete"]}))},ze=function(s){var o,r,i,l,a,u,c,w,k,x,p,h,g,b,y,N,j,S=s.style,T=s.onBridge,I=s.onError,C=s.onSubmit,R=e.useDispatch();var A=e.useSelector((function(t){return t.routes.selectedRoute})),E=e.useSelector((function(t){return t.modals.activeRoute})),D=e.useSelector((function(t){return t.networks.allNetworks})),O=e.useSelector((function(t){return t.txDetails.txDetails})),P=n.useContext(Ct).web3Provider,B=P.userAddress,F=P.signer,L=P.provider,z=P.networkId,_=n.useState(!1),U=_[0],M=_[1],H=n.useState(!1),G=H[0],V=H[1],q=n.useState(!1),K=q[0],Q=q[1],Y=n.useState(!1),X=Y[0],W=Y[1],J=n.useState(!1),Z=J[0],$=J[1],tt=n.useState(!1),et=tt[0],st=tt[1],nt=n.useState(!1),ot=nt[0],rt=nt[1],it=n.useState(null),lt=it[0],at=it[1],dt=n.useState(null),ut=dt[0],ct=dt[1],wt=Gt().mutate,kt=n.useState({srcTxHash:"",srcChainId:null,destChainId:null,destTxHash:"",destRefuelTxHash:""}),vt=kt[0],mt=kt[1];function xt(){return m(this,void 0,void 0,(function(){var t,e;return f(this,(function(s){switch(s.label){case 0:M(!0),s.label=1;case 1:return s.trys.push([1,4,,5]),[4,Jt.start(A)];case 2:return t=s.sent(),[4,Nt(t)];case 3:return s.sent(),[3,5];case 4:return e=s.sent(),R(yt(e.message)),I&&I(e),[3,5];case 5:return[2]}}))}))}function pt(t,e){var s,n;return m(this,void 0,void 0,(function(){var o,r,i,l,a,d,u;return f(this,(function(c){switch(c.label){case 0:M(!0),o=null!==(s=null==E?void 0:E.activeRouteId)&&void 0!==s?s:e,r=null===(n=null==O?void 0:O[B])||void 0===n?void 0:n[o],i=r&&Object.keys(r),l=null==r?void 0:r[null==i?void 0:i[(null==i?void 0:i.length)-1]],c.label=1;case 1:return c.trys.push([1,4,,5]),[4,Jt.continue((null==E?void 0:E.activeRouteId)||e)];case 2:return a=c.sent(),[4,Nt(a,t||(null==l?void 0:l.hash),null==l?void 0:l.userTxType)];case 3:return c.sent(),[3,5];case 4:return d=c.sent(),(u=d.message).match("is already complete")?st(!0):(R(yt(u)),I&&I(d)),M(!1),$(!1),rt(!0),[3,5];case 5:return[2]}}))}))}var Nt=function(t,e,s){return m(void 0,void 0,void 0,(function(){var n,o,r,i,l,a,d,u,c,w,k,v,m;return f(this,(function(f){switch(f.label){case 0:Z||s!==Ot.FUND_MOVR||(n=E||(null==A?void 0:A.route),o=null===(c=null===(u=null==n?void 0:n.userTxs)||void 0===u?void 0:u.filter((function(t){return t.userTxType===Ot.FUND_MOVR})))||void 0===c?void 0:c[0],$(!0),M(!1),mt({srcTxHash:e,srcChainId:(null==E?void 0:E.fromChainId)||(null===(k=null===(w=null==A?void 0:A.path)||void 0===w?void 0:w.fromToken)||void 0===k?void 0:k.chainId),destChainId:(null==E?void 0:E.toChainId)||(null===(m=null===(v=null==A?void 0:A.path)||void 0===v?void 0:v.toToken)||void 0===m?void 0:m.chainId),destTxHash:null==o?void 0:o.destinationTxHash,destRefuelTxHash:null==o?void 0:o.refuelDestinationHash})),f.label=1;case 1:return f.trys.push([1,8,,9]),e?[4,t.next(e)]:[3,3];case 2:return i=f.sent(),[3,5];case 3:return[4,t.next()];case 4:i=f.sent(),f.label=5;case 5:return r=i,$(!1),r.done||!r.value?[3,7]:(l=r.value,ct(l),[4,l.getApproveTransaction()]);case 6:a=f.sent(),M(!1),at(a),a&&V(!0),f.label=7;case 7:return r.done&&(M(!1),st(!0)),[3,9];case 8:return(d=f.sent())&&(R(yt(d.message)),I&&I(d)),$(!1),M(!1),rt(!0),[3,9];case 9:return[2]}}))}))},jt=n.useState(null),St=jt[0],Tt=jt[1];n.useEffect((function(){var t,e,s,n={token:(null==E?void 0:E.fromAsset)||(null===(t=null==A?void 0:A.path)||void 0===t?void 0:t.fromToken),amount:(null==E?void 0:E.fromAmount)||(null==A?void 0:A.amount)},o={token:(null==E?void 0:E.toAsset)||(null===(e=null==A?void 0:A.path)||void 0===e?void 0:e.toToken),amount:(null==E?void 0:E.toAmount)||(null===(s=null==A?void 0:A.route)||void 0===s?void 0:s.toAmount)},r={route:E||(null==A?void 0:A.route),sourceTokenDetails:n,destTokenDetails:o,txData:null==E?void 0:E.transactionData,refuel:(null==E?void 0:E.refuel)||(null==A?void 0:A.refuel)};Tt(r),E||(null==ut?void 0:ut.activeRouteId)?pt(null,null==ut?void 0:ut.activeRouteId):xt()}),[E,A]),n.useEffect((function(){return function(){R(bt(null))}}),[]);var It={amount:E?null===(o=null==E?void 0:E.refuel)||void 0===o?void 0:o.fromAmount:null===(r=null==A?void 0:A.refuel)||void 0===r?void 0:r.fromAmount,asset:E?null===(i=null==E?void 0:E.refuel)||void 0===i?void 0:i.fromAsset:null===(l=null==A?void 0:A.refuel)||void 0===l?void 0:l.fromAsset},Rt={amount:E?null===(a=null==E?void 0:E.refuel)||void 0===a?void 0:a.toAmount:null===(u=null==A?void 0:A.refuel)||void 0===u?void 0:u.toAmount,asset:E?null===(c=null==E?void 0:E.refuel)||void 0===c?void 0:c.toAsset:null===(w=null==A?void 0:A.refuel)||void 0===w?void 0:w.toAsset},At=n.useState(null),Et=At[0],Dt=At[1];n.useEffect((function(){var e,s,n,o,r,i,l=(null===(s=null===(e=null==St?void 0:St.sourceTokenDetails)||void 0===e?void 0:e.token)||void 0===s?void 0:s.chainId)===(null===(o=null===(n=null==St?void 0:St.destTokenDetails)||void 0===n?void 0:n.token)||void 0===o?void 0:o.chainId),a=t.jsxs("span",v({className:"skt-w-flex skt-w-items-center"},{children:[l?"Swap":"Bridging"," transaction"," ",t.jsx("span",v({className:"skt-w-text-xs skt-w-text-widget-primary skt-w-text-opacity-70 skt-w-font-normal skt-w-ml-1"},{children:(null===(r=null==St?void 0:St.route)||void 0===r?void 0:r.activeRouteId)?" - #".concat(null===(i=null==St?void 0:St.route)||void 0===i?void 0:i.activeRouteId):(null==ut?void 0:ut.activeRouteId)?" - #".concat(null==ut?void 0:ut.activeRouteId):""}))]}));Dt(a)}),[St,ut]);var Pt=$t(null==St?void 0:St.route,null==ut?void 0:ut.userTxIndex),Bt=te(null!==(x=null===(k=null==St?void 0:St.route)||void 0===k?void 0:k.activeRouteId)&&void 0!==x?x:null==ut?void 0:ut.activeRouteId,null==Pt?void 0:Pt.swapSlippage,null==ut?void 0:ut.userTxIndex).loading,Ft=n.useState(null),Lt=Ft[0],_t=Ft[1];return n.useEffect((function(){var t,e,s,n,o,r,i,l,a,d,u,c=null===(s=null===(e=null===(t=null==St?void 0:St.route)||void 0===t?void 0:t.userTxs)||void 0===e?void 0:e.filter((function(t){return t.userTxType===Ot.FUND_MOVR})))||void 0===s?void 0:s[0],w=null===(o=null===(n=null==c?void 0:c.steps)||void 0===n?void 0:n.filter((function(t){return"bridge"===t.type})))||void 0===o?void 0:o[0],k={sourceToken:null===(r=null==St?void 0:St.sourceTokenDetails)||void 0===r?void 0:r.token,sourceAmount:null===(i=null==St?void 0:St.sourceTokenDetails)||void 0===i?void 0:i.amount,destinationToken:null===(l=null==St?void 0:St.destTokenDetails)||void 0===l?void 0:l.token,destinationAmount:null===(a=null==St?void 0:St.destTokenDetails)||void 0===a?void 0:a.amount,bridgeName:null===(d=null==w?void 0:w.protocol)||void 0===d?void 0:d.displayName,estimatedServiceTime:null==c?void 0:c.serviceTime,dexName:null===(u=null==St?void 0:St.route)||void 0===u?void 0:u.usedDexName,txData:null==St?void 0:St.txData};_t(k)}),[St]),n.useEffect((function(){T&&et&&T(Lt)}),[et]),t.jsx(se,v({title:Et,closeModal:function(){R(ht(!1))},disableClose:K||X,style:S},{children:t.jsxs("div",v({className:"skt-w skt-w-flex skt-w-flex-col skt-w-flex-1 skt-w-overflow-hidden skt-w-justify-between skt-w-relative"},{children:[t.jsxs("div",v({className:"skt-w skt-w-flex-1 skt-w-overflow-y-auto"},{children:[t.jsx(Se,{srcDetails:{token:null===(p=null==St?void 0:St.sourceTokenDetails)||void 0===p?void 0:p.token,amount:null===(h=null==St?void 0:St.sourceTokenDetails)||void 0===h?void 0:h.amount},destDetails:{token:null===(g=null==St?void 0:St.destTokenDetails)||void 0===g?void 0:g.token,amount:null===(b=null==St?void 0:St.destTokenDetails)||void 0===b?void 0:b.amount},srcRefuel:It,destRefuel:Rt}),t.jsx("div",{className:"skt-w skt-w-border-b skt-w-border-widget-secondary"}),t.jsxs("div",v({className:"skt-w skt-w-px-3 skt-w-py-3"},{children:[!!Pt&&t.jsxs("p",v({className:"skt-w skt-w-text-widget-primary skt-w-mb-3 skt-w-text-xs skt-w-flex skt-w-items-center skt-w-justify-end skt-w-pr-0.5"},{children:["Swap slippage: ",null==Pt?void 0:Pt.swapSlippage,"%"," ",t.jsx("button",v({onClick:function(){return R(gt(!0))},className:"skt-w skt-w-button skt-w-input skt-w-flex"},{children:t.jsx(d.Edit,{className:"skt-w-ml-2 skt-w-w-3 skt-w-h-3 skt-w-text-widget-accent"})}))]})),t.jsx(be,{activeRoute:null==St?void 0:St.route,refuel:null==St?void 0:St.refuel,txData:null==St?void 0:St.txData,currentTxIndex:(null==ut?void 0:ut.userTxIndex)||(null==E?void 0:E.currentUserTxIndex)||0,inProgress:X||Z,completed:et})]}))]})),t.jsx("div",v({className:"skt-w skt-w-p-3 skt-w-shrink-0"},{children:!et&&t.jsx(t.Fragment,{children:ot?t.jsx(he,v({onClick:function(){E||(null==ut?void 0:ut.activeRouteId)?pt(null,null==ut?void 0:ut.activeRouteId):xt(),rt(!1)}},{children:"Retry"})):ut&&z!==(null==ut?void 0:ut.chainId)?t.jsx(he,v({onClick:function(){var t,e=null===(t=D.filter((function(t){return t.chainId===(null==ut?void 0:ut.chainId)})))||void 0===t?void 0:t[0];Qt(L,e)},disabled:U||Bt,isLoading:U||Bt},{children:Bt?Ut.REFETCHING:U?Ut.INITIATING:"Switch chain to ".concat(null===(N=null===(y=D.filter((function(t){return t.chainId===(null==ut?void 0:ut.chainId)})))||void 0===y?void 0:y[0])||void 0===N?void 0:N.name)})):G?t.jsx(he,v({onClick:function(){return m(this,void 0,void 0,(function(){var t;return f(this,(function(e){switch(e.label){case 0:Q(!0),e.label=1;case 1:return e.trys.push([1,4,,5]),[4,F.sendTransaction(lt)];case 2:return[4,e.sent().wait()];case 3:return e.sent(),Q(!1),V(!1),[3,5];case 4:return t=e.sent(),R(yt(t.message)),I&&I(t),Q(!1),[3,5];case 5:return[2]}}))}))},disabled:!G||K||U||Bt,isLoading:K||Bt||U},{children:Bt?Ut.REFETCHING:U?Ut.CHECKING_APPROVAL:K?Ut.APPROVING:G?Ut.APPROVE:Ut.APPROVAL_DONE})):t.jsx(he,v({onClick:function(){var t,e,s,n,o;return m(this,void 0,void 0,(function(){var r,i,l,a,d,u,c,w,k,m,x;return f(this,(function(f){switch(f.label){case 0:W(!0),f.label=1;case 1:return f.trys.push([1,12,,13]),[4,ut.getSendTransaction()];case 2:return r=f.sent(),[4,F.sendTransaction(r)];case 3:return i=f.sent(),l={hash:i.hash,chainId:ut.chainId,userTxType:ut.userTxType,timeStamp:(new Date).getTime()},a=function(t,e,s,n){var o,r,i,l,a,d=null!==(a=JSON.parse(localStorage.getItem("txData")))&&void 0!==a?a:{};d[t]||(d[t]={});var u=d[t][e];return d[t]=v(v({},d[t]),u?((o={})[e]=v(v({},u),((r={})[s]=n,r)),o):((i={})[e]=((l={})[s]=n,l),i)),localStorage.setItem("txData",JSON.stringify(d)),d}(B,ut.activeRouteId,ut.userTxIndex,l),d=v(v({},St),{txData:a[B][ut.activeRouteId]}),Tt(d),R(ft({prevTxDetails:a})),0===(null==ut?void 0:ut.userTxIndex)&&C&&C(v(v({},Lt),{txData:a[B][ut.activeRouteId]})),[4,i.wait()];case 4:f.sent(),W(!1),ut.userTxType===Ot.FUND_MOVR&&(mt({srcTxHash:i.hash,srcChainId:null===(e=null===(t=null==A?void 0:A.path)||void 0===t?void 0:t.fromToken)||void 0===e?void 0:e.chainId}),$(!0)),u=void 0,f.label=5;case 5:return f.trys.push([5,7,,8]),[4,ut.submit(i.hash)];case 6:return u=f.sent(),[3,8];case 7:return f.sent(),u=zt.PENDING,[3,8];case 8:return u&&u!==zt.COMPLETED?[4,pt(ut.hash,ut.activeRouteId)]:[3,10];case 9:return f.sent(),[3,11];case 10:u===zt.COMPLETED&&(st(!0),$(!1),wt()),f.label=11;case 11:return[3,13];case 12:return c=f.sent(),w=(null===(n=null===(s=null==c?void 0:c.data)||void 0===s?void 0:s.message)||void 0===n?void 0:n.toLowerCase())||c.message.toLowerCase(),k=void 0,k=w.match("execution reverted: middleware_action_failed")?"Swap failed due to slippage or low DEX liquidity, please increase the slippage and retry or contact support":w.match("insufficient funds")||w.match("transfer amount exceeds balance")?"Insufficient funds":w.match("execution reverted")||w.match("reverted")||w.match("transaction failed")?"Transaction failed, please try again or contact support":"".concat(w," - Please try again or contact support"),m=null===(o=null==St?void 0:St.route)||void 0===o?void 0:o.activeRouteId,x=m?" - Route ID: ".concat(m):null,R(yt("".concat(k," ").concat(null!=x?x:""))),I&&I(c),$(!1),W(!1),rt(!0),[3,13];case 13:return[2]}}))}))},disabled:G||X||U||Z||Bt,isLoading:X||Bt||U},{children:Bt?Ut.REFETCHING:Z?Ut.BRIDGE_IN_PROGRESS:U?Ut.INITIATING:X?Ut.IN_PROGRESS:null==Mt?void 0:Mt[null==ut?void 0:ut.userTxType]}))})})),Z&&!U&&t.jsx(Pe,{currentRoute:St,explorerParams:vt,txDetails:null===(j=null==O?void 0:O[B])||void 0===j?void 0:j[null==E?void 0:E.activeRouteId],refuelEnabled:!!(null==St?void 0:St.refuel)}),et&&t.jsx(Le,{})]}))}))},_e=function(){var s=e.useDispatch(),o=n.useState(!1),r=o[0],i=o[1],l=n.useState(null),a=l[0],d=l[1],c=n.useState(0),w=c[0],k=c[1],m=n.useContext(Tt).customization.borderRadius,f=u.useTransition(r,{from:{y:"100%"},enter:{y:"0"},leave:{y:"100%"},config:{duration:200},onReset:function(){return i(!1)}}),x=Gt().data;return n.useEffect((function(){var t,e,s;x&&(k(null===(e=null===(t=null==x?void 0:x.result)||void 0===t?void 0:t.pagination)||void 0===e?void 0:e.totalRecords),d(null===(s=null==x?void 0:x.result)||void 0===s?void 0:s.activeRoutes))}),[x]),w>0?t.jsxs(t.Fragment,{children:[t.jsxs("button",v({className:"skt-w skt-w-button skt-w-input skt-w-uppercase skt-w-text-sm skt-w-px-2 skt-w-py-0.5 skt-w-bg-widget-accent skt-w-shadow-inner skt-w-bg-opacity-90 skt-w-text-widget-onAccent",onClick:function(){return i(!0)},style:{borderRadius:"calc(0.75rem * ".concat(m,")")}},{children:[w," pending"]})),f((function(e,n){return n&&t.jsx(se,v({title:"Pending Transactions",closeModal:function(){return i(!1)},style:e},{children:t.jsxs("div",v({className:"skt-w skt-w-flex skt-w-flex-col skt-w-justify-start skt-w-p-1 skt-w-flex-1 skt-w-overflow-y-auto"},{children:[t.jsx("p",v({className:"skt-w skt-w-text-widget-secondary skt-w-text-xs skt-w-px-3 skt-w-py-2 skt-w-text-left"},{children:"Transaction status is updated every 30 seconds"})),null==a?void 0:a.map((function(e){var n,o,r,l,a={amount:null===(n=null==e?void 0:e.refuel)||void 0===n?void 0:n.fromAmount,asset:null===(o=null==e?void 0:e.refuel)||void 0===o?void 0:o.fromAsset},d={amount:null===(r=null==e?void 0:e.refuel)||void 0===r?void 0:r.toAmount,asset:null===(l=null==e?void 0:e.refuel)||void 0===l?void 0:l.toAsset};return t.jsx(Se,{onClick:function(){return function(t){s(bt(t)),s(ht(!0)),i(!1)}(e)},srcDetails:{token:null==e?void 0:e.fromAsset,amount:null==e?void 0:e.fromAmount},destDetails:{token:null==e?void 0:e.toAsset,amount:null==e?void 0:e.toAmount},srcRefuel:a,destRefuel:d},null==e?void 0:e.activeRouteId)})),t.jsxs("p",v({className:"skt-w skt-w-text-widget-secondary skt-w-text-xs skt-w-px-3 skt-w-py-2 skt-w-text-left"},{children:["Showing ",null==a?void 0:a.length,"/",w," active routes"]}))]}))}))}))]}):null},Ue=function(){var s=e.useDispatch(),n=e.useSelector((function(t){return t.modals.error}));function o(){s(yt(null))}return n?t.jsx(se,v({title:"Error",closeModal:o},{children:t.jsxs("div",v({className:"skt-w skt-w-flex skt-w-flex-col skt-w-flex-1 skt-w-p-3 skt-w-items-center skt-w-justify-between"},{children:[t.jsxs("div",v({className:"skt-w skt-w-flex skt-w-flex-col skt-w-items-center"},{children:[t.jsx(d.AlertCircle,{className:"skt-w skt-w-text-red-500 skt-w-w-10 skt-w-h-10"}),t.jsx("p",v({className:"skt-w skt-w-text-sm skt-w-text-widget-secondary skt-w-mt-4 skt-w-text-center"},{children:n}))]})),t.jsxs("div",v({className:"skt-w skt-w-w-full"},{children:[t.jsx("p",v({className:"skt-w skt-w-text-center skt-w-mb-3"},{children:t.jsx("a",v({href:"https://socketdottech.zendesk.com/hc/en-us",target:"_blank",rel:"noopener noreferrer",className:"skt-w skt-w-anchor skt-w-text-sm skt-w-text-widget-secondary skt-w-underline hover:skt-w-text-widget-primary"},{children:"Support"}))})),t.jsx(he,v({onClick:o,classNames:"skt-w-bg-red-500 hover:skt-w-bg-red-600 skt-w-text-white"},{children:"Dismiss"}))]}))]}))})):null},Me=function(e){var s=e.id,n=e.disabled,o=void 0!==n&&n,r=e.isChecked,i=void 0!==r&&r,l=e.setIsChecked,a=e.small,d=void 0!==a&&a;return t.jsxs("label",v({htmlFor:s,className:"skt-w skt-w-w-11 skt-w-h-7 skt-w-rounded-full skt-w-relative ".concat(o?"skt-w-cursor-not-allowed":"skt-w-cursor-pointer"," ").concat(i?"skt-w-bg-widget-accent":"skt-w-bg-gray-400"," ").concat(d?"skt-w-scale-75":"")},{children:[t.jsx("div",{className:"skt-w skt-w-bg-widget-onAccent skt-w-bg-opacity-80 skt-w-h-5 skt-w-w-5 skt-w-top-1 skt-w-absolute skt-w-rounded-full skt-w-transition skt-w-ease-linear skt-w-duration-200 ".concat(i?"skt-w-translate-x-5":"skt-w-translate-x-1")}),t.jsx("input",{type:"checkbox",className:"skt-w skt-w-input skt-w-w-px skt-w-h-px skt-w-opacity-0 ".concat(o?"skt-w-pointer-events-none":""),id:s,onChange:function(){return l(!i)},checked:i,disabled:o})]}))},He=function(s){var o,r=s.selectivelyShowRefuel,i=n.useState(!1),l=i[0],a=i[1],u=e.useSelector((function(t){return t.networks.destChainId})),c=e.useSelector((function(t){return t.networks.sourceChainId})),w=ve(),k=e.useDispatch(),m=n.useContext(Tt).customization.borderRadius;return n.useEffect((function(){k(lt(l))}),[l]),n.useEffect((function(){1!==u&&u!==c||(a(!1),k(lt(!1)))}),[u]),!r||1!==u&&u!==c?t.jsxs("div",v({className:"skt-w skt-w-flex skt-w-bg-widget-secondary skt-w-py-3 skt-w-pl-4 skt-w-pr-3 skt-w-justify-between skt-w-mt-6 skt-w-items-center skt-w-relative",style:{borderRadius:"calc(0.5rem * ".concat(m,")")}},{children:[t.jsxs("div",v({className:"skt-w-mr-1"},{children:[t.jsxs("div",v({className:"skt-w skt-w-text-sm skt-w-text-widget-primary skt-w-font-medium skt-w-flex skt-w-items-center"},{children:["Enable Refuel",t.jsx(ie,v({tooltipContent:"With Refuel, you can swap native tokens on the source chain for native tokens to transact on the destination chain"},{children:t.jsx(d.HelpCircle,{className:"skt-w skt-w-ml-1.5 skt-w-w-4 skt-w-h-4 skt-w-opacity-70"})}))]})),t.jsx("p",v({className:"skt-w skt-w-text-xs skt-w-text-widget-secondary skt-w-mt-0.5"},{children:1===u?t.jsx("span",v({className:"skt-w skt-w-text-red-500"},{children:"Refuel isn't supported on Ethereum"})):u===c?t.jsx("span",v({className:"skt-w skt-w-text-red-500"},{children:"Refuel isn't supported for same chain swaps"})):"Get Gas for transactions on ".concat(null===(o=null==w?void 0:w[u])||void 0===o?void 0:o.name)}))]})),t.jsx(Me,{id:"refuel-checkbox",small:!0,isChecked:l,setIsChecked:a,disabled:1===u||u===c})]})):null},Ge=function(e){var s=e.value,o=e.onChange,r=n.useContext(Tt).customization.borderRadius;return t.jsxs("div",v({className:"skt-w skt-w-relative skt-w-w-full"},{children:[t.jsx("input",{type:"number",className:"skt-w skt-w-bg-transparent skt-w-text-widget-secondary skt-w-input skt-w-border-[1.5px] skt-w-border-opacity-40 skt-w-pb-0.5 skt-w-h-full skt-w-w-full skt-w-px-3 focus:skt-w-border-widget-accent skt-w-text-ellipsis ".concat(s?"skt-w-border-widget-accent":""),style:{borderRadius:"calc(0.375rem * ".concat(r,")")},placeholder:"Custom",value:s,onChange:function(t){return o(t.target.value)},step:".001",min:"0"}),t.jsx("span",v({className:"skt-w-absolute skt-w-right-3 skt-w-top-2 skt-w-my-auto skt-w-font-medium skt-w-bg-widget-primary skt-w-pl-2 skt-w-text-widget-primary"},{children:"%"}))]}))},Ve=function(e){var s=e.id,o=e.name,r=e.label,i=e.onChange,l=e.checked,a=n.useContext(Tt).customization.borderRadius;return t.jsxs("div",v({className:"skt-w skt-w-relative skt-w-mr-2"},{children:[t.jsx("label",v({htmlFor:s,className:"skt-w skt-w-flex skt-w-items-center skt-w-justify-center skt-w-w-12 skt-w-relative skt-w-z-10 skt-w-p-2 skt-w-cursor-pointer skt-w-border skt-w-border-opacity-40 skt-w-text-sm skt-w-font-semibold ".concat(l?"skt-w-bg-widget-accent skt-w-text-widget-onAccent skt-w-border-widget-accent":"skt-w-text-widget-secondary skt-w-border-widget-secondary-text"),style:{borderRadius:"calc(0.375rem * ".concat(a,")")}},{children:r})),t.jsx("input",{type:"radio",id:s,name:o,className:"skt-w skt-w-w-0 skt-w-h-0 skt-w-opacity-0 skt-w-z-0 skt-w-absolute",onChange:i,checked:l})]}))},qe=function(e){var s=e.children,o=e.showIcon,r=void 0!==o&&o,i=n.useContext(Tt).customization.borderRadius;return t.jsxs("div",v({className:"skt-w skt-w-py-3 skt-w-px-3.5 skt-w-text-sm skt-w-text-opacity-90 skt-w-mt-4 skt-w-flex skt-w-items-start",style:{background:"#FAF3E6",borderRadius:"calc(0.75rem * ".concat(i,")")},role:"alert"},{children:[r&&t.jsxs("div",v({className:"skt-w-flex skt-w-items-center skt-w-mb-2"},{children:[t.jsx(d.AlertTriangle,{className:"skt-w skt-w-mr-3 skt-w-mt-0.5 skt-w-text-orange-500"})," "]})),t.jsx("p",v({className:"skt-w skt-w-text-gray-800 skt-w-text-left skt-w-leading-5"},{children:s}))]}))},Ke=function(e){var s=e.children;return t.jsx("p",v({className:"skt-w skt-w-text-sm skt-w-text-widget-primary skt-w-font-medium"},{children:s}))},Qe=function(){var s=n.useState(null),o=s[0],r=s[1],i=n.useState(""),l=i[0],a=i[1],c={1:.5,2:1,3:3},w=e.useSelector((function(t){return t.quotes.swapSlippage})),k=e.useDispatch();function m(t){a(""),r(t)}n.useEffect((function(){Object.values(c).includes(w)?r(w):a(w)}),[]);var f=n.useState(!1),x=f[0],p=f[1],h=n.useState(!1),g=h[0],b=h[1],y=u.useTransition(x,{from:{opacity:0,y:"10px"},enter:{opacity:1,y:"0px"},leave:{opacity:0,y:"10px"},delay:g?200:0,config:{duration:50}}),N=u.useTransition(g,{from:{opacity:0,y:"10px"},enter:{opacity:1,y:"0px"},leave:{opacity:0,y:"10px"},delay:g?200:0,config:{duration:50}});return me((function(){if(l||o){var t=null!=o?o:Number(l);t>0&&t<=50?(b(!1),k(at(t)),localStorage.setItem("swapSlippage","".concat(t)),p(t>0&&t<1)):(p(!1),b(!0))}}),300,[l,o]),t.jsxs("div",v({className:"skt-w-mt-6"},{children:[t.jsxs("div",v({className:"skt-w-flex skt-w-justify-between skt-w-relative"},{children:[t.jsxs("div",v({className:"skt-w skt-w-flex skt-w-items-center skt-w-mb-1.5"},{children:[t.jsx(Ke,{children:"Swap Slippage"}),t.jsx(ie,v({tooltipContent:"Your swap transaction will revert if the price changes unfavourably by more than this percentage."},{children:t.jsx(d.Info,{className:"skt-w-ml-1.5 skt-w-w-4 skt-w-h-4 skt-w-text-widget-secondary"})}))]})),o||l?t.jsxs("span",v({className:"skt-w-text-xs skt-w-text-widget-secondary skt-w-ml-3"},{children:["Slippage: ",null!=o?o:l,"%"]})):null]})),t.jsxs("div",v({className:"skt-w-flex skt-w-w-full"},{children:[t.jsx(Ve,{id:"swap-slippage-1",name:"swap-slippage",label:"".concat(c[1],"%"),checked:o===c[1],onChange:function(){return m(c[1])}}),t.jsx(Ve,{id:"swap-slippage-2",name:"swap-slippage",label:"".concat(c[2],"%"),checked:o===c[2],onChange:function(){return m(c[2])}}),t.jsx(Ve,{id:"swap-slippage-3",name:"swap-slippage",label:"".concat(c[3],"%"),checked:o===c[3],onChange:function(){return m(c[3])}}),t.jsx(Ge,{value:l,onChange:function(t){return e=t,r(null),Number(e)<0?s="0":e&&e.indexOf(".")>-1?e.split(".")[1].length<=2&&(s=e):s=e,void a(null!=s?s:l);var e,s}})]})),y((function(e,s){return s&&t.jsx(u.animated.div,v({style:e},{children:t.jsx(qe,{children:"Transactions with extremely low slippage tolerance might be reverted because of very small market movement"})}))})),N((function(e,s){return s&&t.jsx(u.animated.div,v({style:e},{children:t.jsx(qe,{children:"Please input a value greater than 0 and less than 50"})}))}))]}))},Ye=function(){var s,o=e.useDispatch(),r=e.useSelector((function(t){return t.quotes.sortPref})),i=n.useState(!1),l=i[0],a=i[1],u=de((function(){return a(!1)})),c=n.useContext(Tt).customization.borderRadius,w=[{id:"output",label:"High Return"},{id:"time",label:"Fastest"}];return t.jsxs("div",v({className:"skt-w skt-w-flex skt-w-items-center skt-w-relative skt-w-z-30 skt-w-justify-between"},{children:[t.jsx(Ke,{children:"Preferred Route"}),t.jsxs("div",v({className:"skt-w skt-w-relative skt-w-border skt-w-border-widget-secondary-text skt-w-border-opacity-40 skt-w-flex skt-w-w-auto skt-w-ml-2",style:{borderRadius:"calc(0.375rem * ".concat(c,")")},ref:u},{children:[t.jsxs(Xe,v({onClick:function(){return a(!l)},active:!0},{children:[null===(s=function(t){var e;return null===(e=w.filter((function(e){return e.id===t})))||void 0===e?void 0:e[0]}(r))||void 0===s?void 0:s.label," ",t.jsx(d.ChevronDown,{className:"skt-w skt-w-w-4 skt-w-h-4 skt-w-text-widget-secondary skt-w-transition-all ".concat(l?"rotate-180":"")})]})),l&&t.jsx("div",v({className:"skt-w skt-w-absolute skt-w-top-10 skt-w-left-0 skt-w-w-full skt-w-border skt-w-border-widget-secondary-text skt-w-border-opacity-40 skt-w-overflow-hidden skt-w-bg-widget-primary",style:{borderRadius:"calc(0.375rem * ".concat(c,")")}},{children:w.map((function(e){return t.jsx(Xe,v({onClick:function(){return o(it(e.id)),void a(!1)}},{children:e.label}),e.id)}))}))]}))]}))},Xe=function(e){var s=e.children,n=e.onClick,o=e.active,r=void 0!==o&&o;return t.jsx("button",v({className:"skt-w skt-w-input skt-w-button skt-w-w-32 skt-w-px-2 skt-w-py-2 skt-w-text-widget-secondary skt-w-text-sm skt-w-flex skt-w-items-center skt-w-justify-between ".concat(r?"":"hover:skt-w-bg-widget-secondary"),onClick:n},{children:s}))},We=function(){var s=e.useDispatch(),o=e.useSelector((function(t){return t.customSettings.singleTxOnly})),r=e.useSelector((function(t){return t.quotes.singleTxOnly})),i=n.useState(r),l=i[0],a=i[1];return n.useEffect((function(){l!==r&&(s(dt(l)),localStorage.setItem("singleTxOnly",l?"true":"false"))}),[l]),o?null:t.jsxs("div",v({className:"skt-w skt-w-flex skt-w-items-center skt-w-relative skt-w-mt-6 skt-w-justify-between"},{children:[t.jsxs("div",v({className:"skt-w skt-w-flex skt-w-items-center skt-w-mb-1.5"},{children:[t.jsx(Ke,{children:"Single Transaction Mode"}),t.jsx(ie,v({tooltipContent:"Only select routes with one user transaction i.e. direct bridge or source chain swap + bridge."},{children:t.jsx(d.Info,{className:"skt-w-ml-1.5 skt-w-w-4 skt-w-h-4 skt-w-text-widget-secondary"})}))]})),t.jsx("span",{className:"skt-w-px-1"}),t.jsx(Me,{small:!0,id:"singleTx",isChecked:l,setIsChecked:a})]}))},Je=function(){var s=e.useDispatch(),n=e.useSelector((function(t){return t.modals.isSettingsModalOpen})),o=u.useTransition(n,{from:{y:"100%"},enter:{y:"0"},leave:{y:"100%"},config:{duration:200},onReset:function(){return r(!1)}}),r=function(t){s(gt(t))};return t.jsx(t.Fragment,{children:o((function(e,s){return s&&t.jsx(se,v({title:"Settings",closeModal:function(){return r(!1)},style:e,classNames:"skt-w-z-50"},{children:t.jsxs("div",v({className:"skt-w skt-w-px-3 skt-w-pt-3"},{children:[t.jsx(Ye,{}),t.jsx(We,{}),t.jsx(Qe,{})]}))}))}))})},Ze=function(t,e){return m(void 0,void 0,void 0,(function(){return f(this,(function(s){switch(s.label){case 0:return[4,fetch(t,{headers:{"API-KEY":e}}).then((function(t){return t.json()}))];case 1:return[2,s.sent()]}}))}))},$e=function(t){var e=t.address,s=t.API_KEY,n="https://loki.socket.tech/get-claim-data?address=".concat(e),o=k.default(e&&s?[n,s,"get-claim"]:null,Ze,{revalidateOnFocus:!1}),r=o.data,i=o.error;return{data:null==r?void 0:r.result,error:i}},ts=function(){var s=e.useDispatch(),r=n.useState(!1),i=r[0],l=r[1],a=e.useSelector((function(t){return t.customSettings.apiKey})),u=n.useContext(Ct).web3Provider.userAddress,c=$e({address:u,API_KEY:a}).data;return n.useEffect((function(){if(c){var t=o.ethers.BigNumber.from(null==c?void 0:c.pendingAmount),e=o.ethers.BigNumber.from(null==c?void 0:c.claimableAmount),s=o.ethers.BigNumber.from(0),n=t.add(e).eq(s);l(!n)}}),[c]),i?t.jsx("button",v({onClick:function(){s(Nt(!0))},className:"skt-w skt-w-button skt-w-input skt-w-flex skt-w-ml-3"},{children:t.jsx(d.Gift,{className:"skt-w skt-w-w-5.5 skt-w-h-5.5 skt-w-text-widget-secondary hover:skt-w-text-widget-primary"})})):null},es=function(){var s,r=e.useDispatch(),i=e.useSelector((function(t){return t.modals.isOpRewardModalOpen})),l=e.useSelector((function(t){return t.customSettings.apiKey})),a=n.useContext(Ct).web3Provider.userAddress,c=u.useTransition(i,{from:{y:"100%"},enter:{y:"0"},leave:{y:"100%"},config:{duration:200},onReset:function(){return w(!1)}}),w=function(t){r(Nt(t))},k=$e({address:a,API_KEY:l}).data,m=k&&o.ethers.BigNumber.from(null==k?void 0:k.pendingAmount).add(o.ethers.BigNumber.from(null==k?void 0:k.claimableAmount)),f=k&&Vt(null==m?void 0:m.toString(),null===(s=null==k?void 0:k.asset)||void 0===s?void 0:s.decimals);return t.jsx(t.Fragment,{children:c((function(e,s){var n,o;return s&&t.jsx(se,v({title:"OP Rewards",closeModal:function(){return w(!1)},style:e,classNames:"skt-w-z-50"},{children:t.jsxs("div",v({className:"skt-w skt-w-px-3 skt-w-pt-3"},{children:[t.jsxs("div",v({className:"skt-w skt-w-text-sm skt-w-text-widget-primary skt-w-font-medium skt-w-flex skt-w-items-center"},{children:["Rewards Earned"," ",t.jsx(ie,v({tooltipContent:"OP rewards for bridging to Optimism can be claimed on\n Socketscan"},{children:t.jsx(d.Info,{className:"skt-w skt-w-w-4 skt-w-h-4 skt-w-ml-1"})}))]})),t.jsxs("div",v({className:"skt-w skt-w-text-widget-secondary stk-w-font-medium skt-w-mb-4 skt-w-mt-2 skt-w-flex skt-w-items-center"},{children:[t.jsx(ie,v({tooltipContent:f},{children:t.jsx("span",v({className:"skt-w skt-w-pr-1"},{children:qt(f,4)}))})),null===(n=null==k?void 0:k.asset)||void 0===n?void 0:n.symbol," ",t.jsx("img",{src:null===(o=null==k?void 0:k.asset)||void 0===o?void 0:o.logoURI,className:"skt-w-w-4 skt-w skt-w-h-4 skt-w-rounded-full skt-w-ml-1.5"})]})),t.jsx(he,v({onClick:function(){return window.open("https://socketscan.io/rewards","_blank")}},{children:"View Rewards on Socketscan"}))]}))}))}))})},ss=function(s){var o=s.customize,r=s.title,l=void 0===r?(null==s?void 0:s.enableSameChainSwaps)?"Bridge & Swap":"Bridge":r,a=n.useContext(Tt),c=n.useContext(Ct),w=e.useDispatch();!function(){var t=e.useDispatch(),s=k.default("fetching chains",(function(){return m(this,void 0,void 0,(function(){var e;return f(this,(function(s){switch(s.label){case 0:return[4,i.Supported.getAllSupportedChains()];case 1:return e=s.sent(),t(y(null==e?void 0:e.result)),[2,e]}}))}))})).data}(),function(t){var s=t.sourceNetworks,o=t.destNetworks,r=t.defaultSourceNetwork,i=t.defaultDestNetwork,l=t.defaultSourceToken,a=t.defaultDestToken,d=t.customize,u=t.enableSameChainSwaps,c=t.includeBridges,w=t.excludeBridges,k=t.defaultSortPreference,v=t.singleTxOnly,m=t.feeParams,f=t.API_KEY,x=t.hideIntegratorFee,p=t.initialAmount,h=e.useDispatch(),g=n.useRef(!0);n.useEffect((function(){s&&h(I(s)),o&&h(C(o)),r&&h(R(r)),i&&h(A(i)),l&&h(O(l)),a&&h(P(a)),h(B(u)),(null==c?void 0:c.length)>0&&h(F(c)),!c&&(null==w?void 0:w.length)>0&&h(L(w)),h(z(v)),g.current&&(k&&h(it(k)),p&&h(H(p)),g.current=!1),(null==m?void 0:m.feePercent)&&(null==m?void 0:m.feeTakerAddress)&&(h(U(m)),x&&h(M(x))),v&&(h(dt(v)),localStorage.setItem("singleTxOnly",v?"true":"false")),f&&h(_(f))}),[t]),n.useEffect((function(){(null==d?void 0:d.accent)&&document.documentElement.style.setProperty("--socket-widget-accent-color",Xt(d.accent)),(null==d?void 0:d.onAccent)&&document.documentElement.style.setProperty("--socket-widget-on-accent-color",Xt(d.onAccent)),(null==d?void 0:d.primary)&&document.documentElement.style.setProperty("--socket-widget-primary-color",Xt(d.primary)),(null==d?void 0:d.secondary)&&document.documentElement.style.setProperty("--socket-widget-secondary-color",Xt(d.secondary)),(null==d?void 0:d.text)&&document.documentElement.style.setProperty("--socket-widget-primary-text-color",Xt(d.text)),(null==d?void 0:d.secondaryText)&&document.documentElement.style.setProperty("--socket-widget-secondary-text-color",Xt(d.secondaryText)),(null==d?void 0:d.interactive)&&document.documentElement.style.setProperty("--socket-widget-interactive",Xt(d.interactive)),(null==d?void 0:d.onInteractive)&&document.documentElement.style.setProperty("--socket-widget-on-interactive",Xt(d.onInteractive)),(null==d?void 0:d.fontFamily)&&document.documentElement.style.setProperty("--socket-widget-font-family",d.fontFamily)}),[d])}(s),n.useEffect((function(){var t=void 0!==(null==o?void 0:o.borderRadius)?(null==o?void 0:o.borderRadius)>1.2?1.2:null==o?void 0:o.borderRadius:1;a.setCustomization(v(v(v({},a.customization),o),{borderRadius:t})),(null==s?void 0:s.provider)&&function(){m(this,void 0,void 0,(function(){var t,e,n,o;return f(this,(function(r){switch(r.label){case 0:return r.trys.push([0,4,,5]),[4,s.provider.getSigner()];case 1:return[4,(t=r.sent()).getAddress()];case 2:return e=r.sent(),[4,s.provider.getNetwork()];case 3:return n=r.sent(),c.setweb3Provider({userAddress:e,networkId:Number(null==n?void 0:n.chainId),signer:t,provider:s.provider}),[3,5];case 4:return o=r.sent(),console.log("Error",o),[3,5];case 5:return[2]}}))}))}()}),[s]);var x=a.customization,p=x.responsiveWidth,h=x.width,g=x.borderRadius,b=p?"100%":h>360?h:360,N=e.useSelector((function(t){return t.modals.isTxModalOpen})),j=u.useTransition(N,{from:{y:"100%"},enter:{y:"0"},leave:{y:"100%"},delay:300,config:{duration:300}});return n.useEffect((function(){return function(){w(ht(!1)),w(bt(null)),w(X(null)),w(yt(null))}}),[]),t.jsxs("div",v({style:{width:b,borderRadius:"calc(1rem * ".concat(g,")"),minWidth:"360px"},className:"skt-w-relative skt-w-p-1 skt-w-overflow-hidden skt-w skt-w-root-container skt-w-bg-widget-primary"},{children:[t.jsxs("div",v({className:"skt-w skt-w-p-3 skt-w-pt-2.5 skt-w-pb-3.5"},{children:[t.jsx(At,v({title:l},{children:t.jsx("div",v({className:"skt-w-flex skt-w-items-center skt-w"},{children:(null==s?void 0:s.provider)?t.jsxs(t.Fragment,{children:[t.jsx(_e,{}),t.jsx(ts,{}),t.jsx(De,{})]}):t.jsxs("span",v({className:"skt-w-flex skt-w-items-center skt-w-text-sm skt-w skt-w-text-widget-secondary"},{children:[t.jsx(d.CreditCard,{className:"skt-w-w-5 skt-w-h-5 skt-w-mr-2 skt-w skt-w-text-widget-primary"})," ","Please connect your wallet"]}))}))})),t.jsx(xe,{customTokenList:s.tokenList,onTokenChange:s.onSourceTokenChange,onNetworkChange:s.onSourceNetworkChange}),t.jsx(pe,{customTokenList:s.tokenList,onTokenChange:s.onDestinationTokenChange,onNetworkChange:s.onDestinationNetworkChange}),s.enableRefuel&&t.jsx(He,{selectivelyShowRefuel:s.selectivelyShowRefuel})]})),t.jsx(ns,{}),t.jsx(Ee,{}),j((function(e,n){return n&&t.jsx(ze,{style:e,onBridge:null==s?void 0:s.onBridgeSuccess,onError:null==s?void 0:s.onError,onSubmit:null==s?void 0:s.onSubmit})})),t.jsx(Je,{}),t.jsx(es,{}),t.jsx(Ue,{})]}))},ns=function(){var s=e.useSelector((function(t){return t.quotes.singleTxOnly})),n=e.useSelector((function(t){return t.customSettings.singleTxOnly})),o=e.useSelector((function(t){return t.networks.sourceChainId})),r=e.useSelector((function(t){return t.networks.destChainId})),i=e.useDispatch();return s&&o!==r?t.jsxs("p",v({className:"skt-w skt-w-text-sm skt-w-text-widget-secondary skt-w-pr-3 skt-w-pl-3.5 skt-w-flex skt-w-items-center skt-w-h-5"},{children:["Showing single transaction routes only"," ",!n&&t.jsx("button",v({onClick:function(){i(gt(!0))},className:"skt-w skt-w-button skt-w-input skt-w-ml-1.5 skt-w-flex"},{children:t.jsx(d.Edit,{className:"skt-w skt-w-w-3.5 skt-w-h-3.5 skt-w-text-widget-accent"})}))]})):t.jsx("p",{className:"skt-w skt-w-h-5"})},os=function(e){var s=e.children;return t.jsx("div",v({className:"skt-w skt-w-rounded-2xl skt-w-bg-gray-100 skt-w-w-[360px] skt-w-p-3 skt-w-h-[360px] skt-w-text-center skt-w-text-gray-500"},{children:s}))};exports.Bridge=function(s){var n,o,r=s.API_KEY,a=s.singleTxOnly;return r?(n=r,o=void 0!==a&&a,Jt=new i.Socket({apiKey:n,defaultQuotePreferences:{singleTxOnly:o}}),r?t.jsx(l.SWRConfig,v({value:{suspense:!1,revalidateIfStale:!1,revalidateOnFocus:!1}},{children:t.jsx(Rt,{children:t.jsx(e.Provider,v({store:jt},{children:t.jsx(It,{children:t.jsx(ss,v({},s))})}))})})):void 0):t.jsx(os,{children:"Please pass the API key"})}; diff --git a/package.json b/package.json index a9342d3..29f82bc 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@socket.tech/plugin", - "version": "1.3.2", + "version": "1.3.3-alpha", "main": "dist/index.js", "module": "dist/index.es.js", "types": "dist/index.d.ts", diff --git a/src/components/RouteDetails/ReviewModal.tsx b/src/components/RouteDetails/ReviewModal.tsx index 902a9cd..b94d0b6 100644 --- a/src/components/RouteDetails/ReviewModal.tsx +++ b/src/components/RouteDetails/ReviewModal.tsx @@ -356,7 +356,7 @@ export const ReviewModal = ({ - + + {!zpHide && ( + + )} {transitions( (style, item) => diff --git a/src/components/TokenInput/TokenSelect.tsx b/src/components/TokenInput/TokenSelect.tsx index 45f20fc..2460670 100644 --- a/src/components/TokenInput/TokenSelect.tsx +++ b/src/components/TokenInput/TokenSelect.tsx @@ -2,7 +2,7 @@ import { useAllTokenBalances } from "../../hooks/apis"; import { Currency } from "../../types"; import { useContext, useEffect } from "react"; import { useState } from "react"; -import { ChevronDown } from "react-feather"; +import { Check, ChevronDown } from "react-feather"; import { CustomizeContext } from "../../providers/CustomizeProvider"; import { Modal } from "../common/Modal"; import { useTransition } from "@react-spring/web"; @@ -107,7 +107,7 @@ export const TokenSelect = (props: Props) => { return (
- {activeToken && ( + {activeToken ? (
+ ) : ( +
)} {transitions( @@ -144,13 +149,19 @@ export const TokenSelect = (props: Props) => {
{displayTokens?.map((token: Currency) => { + const isActiveToken = + token?.address?.toLowerCase() === + activeToken?.address?.toLowerCase(); return (