@vechain/vechain-kit 2.4.2 → 3.0.0-rc.1

package/dist/AccountModal-DNK0IbiE.cjs

@@ -0,0 +1 @@
+require(`./VechainKitThemeProvider-BM5258oA.cjs`),require(`./utils-jW13BhAb.cjs`),require(`./assets-YPd7adzM.cjs`),require(`./ssrUtils-C_5ZY26i.cjs`),require(`./PrivyWalletProvider-BkqWSj75.cjs`),require(`./PrivyCrossAppProvider-DSuzrbqs.cjs`),require(`./hooks-C8eXQYIN.cjs`);const e=require(`./DisconnectConfirmContent-B4qahKqQ.cjs`),t=require(`./AccountModal-DjAS4w6z.cjs`),n=require(`./components-QKLypcU1.cjs`);require(`./BaseModal-yevRjczw.cjs`),require(`./ShareButtons-CRMNerbz.cjs`),exports.AccountModal=t.t;

package/dist/AccountModal-DjAS4w6z.cjs

@@ -0,0 +1,20 @@
+const e=require(`./chunk-DjWAcSYV.cjs`),t=require(`./VechainKitThemeProvider-BM5258oA.cjs`),n=require(`./utils-jW13BhAb.cjs`),r=require(`./assets-YPd7adzM.cjs`),i=require(`./ssrUtils-C_5ZY26i.cjs`),a=require(`./PrivyWalletProvider-BkqWSj75.cjs`),o=require(`./hooks-C8eXQYIN.cjs`),s=require(`./DisconnectConfirmContent-B4qahKqQ.cjs`),c=require(`./BaseModal-yevRjczw.cjs`),l=require(`./ShareButtons-CRMNerbz.cjs`);let u=require(`react`);u=e.t(u);let d=require(`@chakra-ui/react`),f=require(`react/jsx-runtime`),p=require(`ethers`),m=require(`react-i18next`),h=require(`@tanstack/react-query`),g=require(`@privy-io/react-auth`),_=require(`@vechain/vechain-contract-types`),v=require(`viem`),y=require(`@emotion/react`),b=require(`react-icons/lu`),x=require(`react-icons/fc`),S=require(`react-icons/fa6`),C=require(`react-icons/go`),w=require(`react-hook-form`),T=require(`@adraffy/ens-normalize`),E=require(`react-qrcode-logo`),D=require(`react-icons/si`),O=require(`react-icons/fa`);const k=({wallet:e,label:t,style:r,showHumanAddress:a=!0,setCurrentContent:o,onLogout:s})=>{let{t:c}=(0,m.useTranslation)(),[l,p]=(0,u.useState)(!1),[h,g]=(0,u.useState)(!1),_=(0,d.useToken)(`colors`,`vechain-kit-text-primary`),v=(0,d.useToken)(`colors`,`vechain-kit-text-secondary`),y=(0,d.useColorModeValue)(`#ebebeb`,`#ffffff0a`),x=(0,d.useColorModeValue)(`#ffffff`,`transparent`),S=async(e,t)=>{await i.t(e)&&(t(!0),setTimeout(()=>{t(!1)},2e3))},C=()=>{o&&(e?.domain?o({type:`choose-name-search`,props:{name:``,setCurrentContent:o,initialContentSource:`profile`}}):o({type:`choose-name`,props:{setCurrentContent:o,initialContentSource:`profile`,onBack:()=>o(`profile`)}}))};return(0,f.jsx)(d.VStack,{w:`full`,justifyContent:`center`,...r,children:(0,f.jsxs)(d.VStack,{w:`full`,spacing:4,children:[t&&(0,f.jsx)(d.Text,{fontSize:`sm`,color:v,children:t}),(0,f.jsxs)(d.VStack,{spacing:2,w:`full`,children:[e?.domain&&(0,f.jsxs)(d.HStack,{w:`full`,spacing:3,px:4,py:2,borderWidth:1,borderColor:y,borderRadius:`md`,bg:x,children:[(0,f.jsx)(d.Icon,{as:b.LuSquareUser,color:v}),(0,f.jsx)(d.Text,{flex:1,fontSize:`sm`,fontWeight:`700`,color:_,noOfLines:1,children:h?c(`Copied!`):e.domain}),(0,f.jsxs)(d.HStack,{spacing:2,children:[o&&(0,f.jsx)(d.IconButton,{icon:(0,f.jsx)(b.LuPencil,{}),height:`30px`,borderRadius:`5px`,variant:`vechainKitSecondary`,onClick:C,"aria-label":`Edit domain`}),(0,f.jsx)(d.IconButton,{icon:h?(0,f.jsx)(b.LuCheck,{}):(0,f.jsx)(b.LuCopy,{}),height:`30px`,borderRadius:`5px`,variant:`vechainKitSecondary`,onClick:()=>S(e.domain||``,g),"aria-label":`Copy domain`})]})]}),(0,f.jsxs)(d.HStack,{w:`full`,spacing:3,px:4,py:2,borderWidth:1,borderColor:y,borderRadius:`md`,bg:x,children:[(0,f.jsx)(d.Icon,{as:b.LuWallet,color:v}),(0,f.jsx)(d.Text,{flex:1,fontSize:`sm`,fontWeight:`700`,color:_,noOfLines:1,children:l?c(`Copied!`):a?n.W(e?.address??``,8,7):e?.address}),(0,f.jsxs)(d.HStack,{spacing:2,children:[(0,f.jsx)(d.IconButton,{icon:(0,f.jsx)(b.LuLogOut,{}),onClick:()=>o?.({type:`disconnect-confirm`,props:{onDisconnect:()=>s?.(),onBack:()=>o?.(`profile`)}}),variant:`vechainKitSecondary`,height:`30px`,w:`30px`,borderRadius:`5px`,"aria-label":`Copy address`}),(0,f.jsx)(d.IconButton,{icon:l?(0,f.jsx)(b.LuCheck,{}):(0,f.jsx)(b.LuCopy,{}),onClick:()=>S(e?.address??``,p),variant:`vechainKitSecondary`,height:`30px`,w:`30px`,borderRadius:`5px`,"aria-label":`Copy address`})]})]})]})]})})};var A=`3.0.0-rc.1`,j={"@adraffy/ens-normalize":`^1.11.0`,"@chakra-ui/react":`^2.8.2`,"@emotion/styled":`^11.14.1`,"@privy-io/cross-app-connect":`0.2.2`,"@privy-io/react-auth":`2.24.0`,"@solana/web3.js":`^1.98.0`,"@tanstack/react-query":`^5.64.2`,"@tanstack/react-query-devtools":`^5.64.1`,"@vechain/contract-getters":`1.0.4`,"@vechain/dapp-kit-react":`2.1.0-rc.5`,"@vechain/picasso":`^2.1.1`,"@vechain/vechain-contract-types":`1.6.0-rc`,"@wagmi/core":`^2.17.2`,"bignumber.js":`^9.1.2`,"browser-image-compression":`^2.0.2`,dotenv:`^16.4.7`,ethers:`^6.13.5`,"framer-motion":`^11.15.0`,i18next:`^24.2.1`,"i18next-browser-languagedetector":`^8.0.2`,net:`^1.0.2`,process:`^0.11.10`,react:`^18.2.0`,"react-device-detect":`^2.2.3`,"react-hook-form":`^7.54.2`,"react-i18next":`^15.4.0`,"react-icons":`^5.4.0`,"react-qrcode-logo":`^3.0.0`,vaul:`^1.1.2`,viem:`^2.29.3`,wagmi:`^2.15.4`},M={"@chakra-ui/react":`^2.8.2`,"@emotion/react":`^11.0.0`,"@emotion/styled":`^11.0.0`,"@tanstack/react-query":`^5.64.2`,"@vechain/dapp-kit-react":`2.1.0-rc.5`,"framer-motion":`^11.0.0`,react:`^18.0.0`,"react-dom":`^18.0.0`};const N=({symbol:e,amount:t,currencyValue:r,currentCurrency:i,isDisabled:s,onClick:c,...l})=>{let p=(0,d.useToken)(`colors`,`vechain-kit-text-primary`),m=(0,d.useToken)(`colors`,`vechain-kit-text-secondary`),[h]=a.y(a.v.SHOW_ASSETS,!0);return(0,f.jsxs)(d.Button,{height:`72px`,variant:`ghost`,justifyContent:`space-between`,isDisabled:s,p:4,w:`100%`,_disabled:{cursor:`not-allowed`,opacity:.5},onClick:c,"data-testid":`asset-${e}`,...l,children:[(0,f.jsxs)(d.HStack,{children:[n.$[e]?u.default.cloneElement(n.$[e],{boxSize:`24px`,borderRadius:`full`}):(0,f.jsx)(d.Image,{src:n.Q[e],alt:`${e} logo`,boxSize:`24px`,borderRadius:`full`,fallback:(0,f.jsx)(d.Box,{boxSize:`24px`,borderRadius:`full`,bg:`whiteAlpha.200`,display:`flex`,alignItems:`center`,justifyContent:`center`,children:(0,f.jsx)(d.Text,{fontSize:`10px`,fontWeight:`bold`,color:p,children:e.slice(0,3)})})}),(0,f.jsx)(d.Text,{color:p,children:e})]}),(0,f.jsxs)(d.VStack,{align:`flex-end`,spacing:0,children:[(0,f.jsxs)(d.Text,{color:p,children:[h?t.toLocaleString(void 0,{maximumFractionDigits:2}):`*`.repeat(4),` `]}),(0,f.jsx)(d.Text,{fontSize:`sm`,color:m,"data-testid":`${e}-balance`,children:h?o.un(r,{currency:i}):`*`.repeat(4)})]})]})},P=({address:e,domain:t,imageSrc:r,imageAlt:i=`Account`,hideAddress:a=!1,balance:s,tokenAddress:c})=>{let{t:l}=(0,m.useTranslation)(),p=(0,d.useToken)(`colors`,`vechain-kit-text-primary`),h=(0,d.useToken)(`colors`,`vechain-kit-text-secondary`),g=(0,d.useToken)(`colors`,`vechain-kit-card`),{isLoading:_}=o.on({address:e}),{tokens:v,isLoading:y}=o.sn({address:e}),b=(0,u.useMemo)(()=>c?v.find(e=>e.address===c):null,[v,c]),x=(0,u.useMemo)(()=>s===void 0?b?Number(b.balance):0:s,[s,b]),S=b?.symbol||``;return _||y?(0,f.jsxs)(d.HStack,{minH:`50px`,justify:`space-between`,p:4,borderRadius:`2xl`,bg:g,children:[(0,f.jsxs)(d.HStack,{children:[(0,f.jsx)(d.Skeleton,{boxSize:`40px`,borderRadius:`full`}),(0,f.jsxs)(d.VStack,{align:`start`,spacing:0,children:[(0,f.jsx)(d.Skeleton,{height:`16px`,width:`120px`,borderRadius:`md`}),!a&&(0,f.jsx)(d.Skeleton,{mt:2,height:`12px`,width:`100px`,borderRadius:`md`})]})]}),(0,f.jsxs)(d.VStack,{justify:`flex-start`,align:`flex-end`,spacing:0,mr:2,children:[(0,f.jsx)(d.Text,{fontSize:`sm`,fontWeight:`medium`,color:p,children:l(`Balance`)}),(0,f.jsx)(d.Skeleton,{height:`12px`,width:`80px`,borderRadius:`md`})]})]}):(0,f.jsxs)(d.HStack,{minH:`50px`,justify:`space-between`,p:4,borderRadius:`2xl`,bg:g,children:[(0,f.jsxs)(d.HStack,{children:[(0,f.jsx)(d.Image,{src:r,alt:i,boxSize:`40px`,borderRadius:`full`,objectFit:`cover`}),(0,f.jsx)(d.VStack,{align:`start`,spacing:0,children:t?(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(d.Text,{fontWeight:`medium`,fontSize:`sm`,color:p,children:t}),!a&&(0,f.jsx)(d.Text,{fontSize:`xs`,color:h,children:n.W(e,6,4)})]}):(0,f.jsx)(d.Text,{fontWeight:`medium`,fontSize:`sm`,color:p,children:n.W(e,6,4)})})]}),(0,f.jsxs)(d.VStack,{justify:`flex-start`,align:`flex-end`,spacing:0,mr:2,children:[(0,f.jsx)(d.Text,{fontSize:`sm`,fontWeight:`medium`,color:p,children:l(`Balance`)}),(0,f.jsxs)(d.Text,{fontSize:`xs`,color:h,children:[x.toLocaleString(void 0,{maximumFractionDigits:2}),S&&` ${S}`]})]})]})},F=({children:e,...t})=>(o.N(),(0,f.jsx)(d.VStack,{...t,children:e})),I=({wallet:e,props:t})=>{let n=(0,u.useRef)(e?.image),r=(0,u.useRef)(e?.address);return(0,u.useEffect)(()=>{r.current!==e?.address&&(n.current=e?.image,r.current=e?.address)},[e?.address]),(0,u.useEffect)(()=>{e?.image&&!e.isLoadingMetadata&&(n.current=e.image)},[e?.image,e?.isLoadingMetadata]),!t?.src&&!e?.image&&!n.current||e?.isLoadingMetadata?(0,f.jsx)(d.Skeleton,{rounded:`full`,width:t?.width,height:t?.height}):(0,f.jsx)(d.Image,{src:t?.src||e?.image||n.current,alt:t?.alt||e?.domain,objectFit:`cover`,rounded:`full`,...t})},L=({isOpen:e,onClose:t,selectedToken:r,onTokenSelect:i,availableTokens:a,tokenEstimations:s,walletAddress:l})=>{let{t:p}=(0,m.useTranslation)(),{balances:h}=o.gn(l),[g,_]=u.default.useState(r),[v,y]=u.default.useState(!1),b=(0,d.useToken)(`colors`,`vechain-kit-text-primary`),x=(0,d.useToken)(`colors`,`vechain-kit-text-secondary`),S=(0,d.useToken)(`colors`,`vechain-kit-text-tertiary`),C=(0,d.useToken)(`colors`,`vechain-kit-error`),w=e=>e?S:`transparent`,T=e=>e?b:`transparent`;u.default.useEffect(()=>{e&&(_(r),y(!1))},[e,r]);let E=()=>{i(g,v),t()},D=e=>{let t=h.find(t=>t.symbol===e);return t?Number(t.balance).toLocaleString(void 0,{minimumFractionDigits:2,maximumFractionDigits:2}):`0.00`},O=e=>{let t=h.find(t=>t.symbol===e),n=s[e];return!t||!n?!1:Number(t.balance)<n.cost};return(0,f.jsxs)(c.t,{isOpen:e,onClose:t,size:`sm`,children:[(0,f.jsxs)(d.ModalHeader,{children:[(0,f.jsx)(d.Text,{fontSize:`lg`,fontWeight:`semibold`,color:b,children:p(`Fee token`)}),(0,f.jsx)(d.Text,{fontSize:`sm`,fontWeight:`normal`,color:x,mt:1,children:p(`Select the token to pay the fee with`)})]}),(0,f.jsx)(d.ModalBody,{children:(0,f.jsxs)(d.VStack,{spacing:2,align:`stretch`,children:[a.map(e=>{let t=n.Z[e],r=g===e,i=s[e]||{cost:0,loading:!0},a=O(e);return(0,f.jsx)(d.Box,{cursor:a?`not-allowed`:`pointer`,bg:w(r),border:`1px`,borderColor:T(r),borderRadius:`md`,p:3,transition:`all 0.2s ease`,_hover:{backgroundColor:a?w(r):x&&`#ffffff12`,borderColor:a?T(r):x},opacity:a?.5:1,onClick:()=>!a&&_(e),children:(0,f.jsxs)(d.HStack,{spacing:3,justify:`space-between`,children:[(0,f.jsxs)(d.HStack,{spacing:3,flex:1,children:[u.default.cloneElement(n.$[e],{boxSize:`36px`,borderRadius:`full`}),(0,f.jsxs)(d.VStack,{align:`start`,spacing:0,children:[(0,f.jsx)(d.Text,{fontWeight:`medium`,color:b,children:t.symbol}),(0,f.jsxs)(d.Text,{fontSize:`xs`,color:x,children:[p(`Balance`),`:`,` `,D(e)]}),a&&(0,f.jsx)(d.Text,{fontSize:`xs`,color:C,children:p(`Insufficient balance`)})]})]}),(0,f.jsx)(d.VStack,{align:`end`,spacing:0,children:i.loading?(0,f.jsx)(d.Skeleton,{height:`16px`,width:`60px`}):(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(d.Text,{fontSize:`sm`,fontWeight:`semibold`,color:b,children:n.x(i.cost,2)}),(0,f.jsx)(d.Text,{fontSize:`xs`,color:x,children:t.symbol})]})})]})},e)}),g!==r&&(0,f.jsxs)(d.FormControl,{display:`flex`,alignItems:`center`,justifyContent:`space-between`,children:[(0,f.jsx)(d.FormLabel,{htmlFor:`remember-choice`,mb:`0`,fontSize:`sm`,color:b,children:p(`Use this token for future transactions`)}),(0,f.jsx)(d.Switch,{id:`remember-choice`,isChecked:v,onChange:e=>y(e.target.checked),color:b})]})]})}),(0,f.jsx)(d.ModalFooter,{children:(0,f.jsxs)(d.VStack,{spacing:3,w:`full`,children:[(0,f.jsx)(d.Button,{variant:`vechainKitPrimary`,onClick:E,isDisabled:O(g),children:p(`Apply`)}),(0,f.jsx)(d.Button,{variant:`ghost`,width:`full`,onClick:t,children:p(`Cancel`)})]})})]})},R=({estimation:e,isLoading:r,isLoadingTransaction:i,onTokenChange:s,clauses:c=[],userSelectedToken:l})=>{let{t:p}=(0,m.useTranslation)(),{feeDelegation:h}=t.u(),{connection:g,account:_}=a.T(),{preferences:v,reorderTokenPriority:y}=a._(),{isOpen:x,onOpen:S,onClose:C}=(0,d.useDisclosure)(),w=(0,d.useToken)(`colors`,`vechain-kit-text-primary`),T=(0,d.useToken)(`colors`,`vechain-kit-text-secondary`),[E,D]=(0,u.useState)(()=>{let e={};return v.availableGasTokens.forEach(t=>{e[t]={cost:0,loading:!0}}),e}),{data:O,isLoading:k}=o.t({clauses:c,tokens:v.availableGasTokens,enabled:c.length>0});(0,u.useEffect)(()=>{!k&&O&&D(O)},[O,k]),(0,u.useEffect)(()=>{e&&D(t=>({...t,[e.usedToken]:{cost:e.transactionCost||0,loading:!1}}))},[e]),(0,u.useEffect)(()=>{k&&D(v.availableGasTokens.reduce((e,t)=>(e[t]={cost:0,loading:!0},e),{}))},[k,v.availableGasTokens]);let A=(0,u.useCallback)((t,n)=>{n&&y([t,...v.tokenPriority.filter(e=>e!==t)]),s&&t!==e?.usedToken&&s(t)},[e,s,y,v.tokenPriority]);if(h?.delegatorUrl||g.isConnectedWithDappKit||v.availableGasTokens.length===0)return null;let{balances:j}=o.gn(_?.address??``),M=e=>{let t=j.find(t=>t.symbol===e),n=E[e];return!t||!n||n.loading?!0:Number(t.balance)<n.cost},N=e?.usedToken,P=v.availableGasTokens,F;N?F=N:l&&P.includes(l)?F=l:(F=P.find(e=>E[e]&&!E[e].loading&&!M(e)),F||(F=P.find(e=>E[e]&&!E[e].loading)),F||(F=P[0]));let I=F?E[F]:void 0,R=N&&e?.transactionCost?e.transactionCost:I?.cost||0,z=F?n.Z[F]:void 0;return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(d.Divider,{mt:3}),(0,f.jsxs)(d.HStack,{mt:3,w:`full`,justifyContent:`start`,alignItems:`center`,children:[(0,f.jsxs)(d.VStack,{align:`start`,spacing:0,w:`full`,children:[(0,f.jsx)(d.Text,{fontSize:`sm`,fontWeight:`light`,textAlign:`left`,w:`full`,color:T,children:p(`Fee`)}),(0,f.jsx)(d.HStack,{align:`start`,justifyContent:`space-between`,spacing:0,w:`full`,children:(0,f.jsx)(d.HStack,{justifyContent:`flex-start`,w:`full`,children:r||!N&&(!I||I.loading)||!z?(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(d.Skeleton,{height:`16px`,width:`120px`,borderRadius:`md`}),(0,f.jsx)(d.Skeleton,{height:`16px`,width:`60px`,borderRadius:`md`})]}):(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)(d.Text,{color:w,fontSize:`sm`,fontWeight:`semibold`,children:[n.x(R,2),` `,z.symbol]}),(0,f.jsxs)(d.Text,{color:T,fontSize:`xs`,children:[`≈`,` $`,(R*.01).toFixed(2)]})]})})})]}),(0,f.jsxs)(d.Button,{onClick:S,variant:`outline`,size:`sm`,borderRadius:`full`,px:6,disabled:i,color:T,borderColor:T,_hover:{bg:T},leftIcon:u.default.cloneElement(n.$[F||v.availableGasTokens[0]],{boxSize:`20px`,borderRadius:`full`}),children:[(0,f.jsx)(d.Text,{fontSize:`sm`,fontWeight:`semibold`,children:F||v.availableGasTokens[0]}),(0,f.jsx)(d.Icon,{as:b.LuChevronDown,boxSize:5,color:T})]})]}),(0,f.jsx)(L,{isOpen:x,onClose:C,selectedToken:F||v.availableGasTokens[0],onTokenSelect:A,availableTokens:v.availableGasTokens,tokenEstimations:E,walletAddress:_?.address??``})]})},z=y.keyframes`
+  from {
+    transform: translateY(-100%);
+    opacity: 0;
+  }
+  to {
+    transform: translateY(0);
+    opacity: 1;
+  }
+`,B=y.keyframes`
+  from {
+    transform: translateY(0);
+    opacity: 1;
+  }
+  to {
+    transform: translateY(-100%);
+    opacity: 0;
+  }
+`,V=({message:e,duration:t=2e3,onClose:n})=>{let[r,i]=(0,u.useState)(!0),a=(0,d.useToken)(`colors`,`vechain-kit-text-primary`),o=(0,d.useColorModeValue)(`#f0f9ff`,`#0000009e`),s=(0,d.useColorModeValue)(`#bfdbfe`,`#3b3b3b`),c=(0,d.useToken)(`colors`,`vechain-kit-primary`);return(0,u.useEffect)(()=>{let e=setTimeout(()=>{i(!1),setTimeout(()=>{n?.()},300)},t);return()=>clearTimeout(e)},[t,n]),(0,f.jsx)(d.Box,{position:`absolute`,w:`fit-content`,margin:`auto`,animation:`${r?z:B} 0.3s ease-in-out`,zIndex:10,children:(0,f.jsx)(d.Box,{bg:o,borderWidth:1,borderColor:s,borderRadius:`md`,px:4,py:3,mx:4,mt:2,children:(0,f.jsxs)(d.HStack,{spacing:3,align:`center`,children:[(0,f.jsx)(d.Icon,{as:b.LuCheck,boxSize:5,color:c,flexShrink:0}),(0,f.jsx)(d.Text,{fontSize:`sm`,fontWeight:`500`,color:a,flex:1,children:e})]})})})},H=({showFeedback:e=!1})=>{let{t}=(0,m.useTranslation)(),[n,r]=(0,u.useState)(!1);return(0,u.useEffect)(()=>{r(!!e)},[e]),n?(0,f.jsx)(V,{message:t(`Account Changed`),duration:2e3,onClose:()=>{r(!1)}}):null},U=({leftIcon:e,rightIcon:t,title:n,onClick:r,leftImage:i,hide:a=!1,showComingSoon:o=!1,backgroundColor:s,_hover:c,isDisabled:l=!1,stacked:u=!1,isLoading:p,loadingText:h,style:g,extraContent:_,dataTestId:v,variant:y=`actionButton`})=>{let{t:b}=(0,m.useTranslation)();return(0,f.jsx)(d.Button,{variant:y===`actionButton`?`vechainKitSecondary`:y,py:u?0:2,minHeight:`50px`,height:`fit-content`,p:0,onClick:r,display:a?`none`:`flex`,isDisabled:o||l,isLoading:p,loadingText:h,bgColor:s,_hover:c,"data-testid":v,...g,children:(0,f.jsxs)(d.HStack,{w:`full`,justify:`space-between`,alignItems:`center`,children:[(0,f.jsx)(d.Box,{minW:`40px`,h:`20px`,children:i?(0,f.jsx)(d.Image,{src:i,w:`30px`,h:`30px`,borderRadius:`full`,alt:`left-image`,alignSelf:`end`,objectFit:`cover`}):(0,f.jsx)(d.Icon,{as:e,fontSize:`20px`,h:`full`,alignContent:`center`})}),(0,f.jsx)(d.VStack,{textAlign:`left`,w:`full`,flex:1,justifyContent:`flex-start`,alignItems:`flex-start`,children:(0,f.jsxs)(d.HStack,{justify:`flex-start`,alignItems:`baseline`,children:[(0,f.jsx)(d.Text,{fontSize:`sm`,fontWeight:`400`,children:n}),o&&(0,f.jsx)(d.Tag,{size:`sm`,colorScheme:`red`,children:b(`Coming Soon!`)}),_]})}),t&&(0,f.jsx)(d.VStack,{minW:`40px`,justifyContent:`flex-end`,children:(0,f.jsx)(d.Icon,{as:t,fontSize:`20px`,opacity:.5})})]})})},W=({wallet:e,setCurrentContent:t,size:r=`md`,onClick:s,onClose:c,mt:l,style:p})=>{let{t:h}=(0,m.useTranslation)(),{connection:g}=a.T(),{switchWallet:_,isSwitching:v,isInAppBrowser:y}=o.Yt(),{isSwitchWalletEnabled:x}=a.L(),[S,C]=(0,u.useState)(!1),w=async()=>{await i.t(e?.domain??e?.address??``)&&(C(!0),setTimeout(()=>{C(!1)},2e3))},T=()=>{y?_():t?.({type:`select-wallet`,props:{setCurrentContent:t,onClose:c,returnTo:`main`,onLogoutSuccess:c}})};return(0,f.jsxs)(d.HStack,{mt:l,w:`full`,...p,justifyContent:`flex-start`,alignItems:`center`,children:[(0,f.jsx)(d.Button,{w:`full`,h:12,"aria-label":`Wallet`,onClick:s,variant:`vechainKitSecondary`,p:3,"data-testid":`profile-button`,children:(0,f.jsxs)(d.HStack,{spacing:2,align:`center`,justifyContent:`space-between`,w:`full`,children:[(0,f.jsxs)(d.HStack,{spacing:2,justifyContent:`flex-start`,children:[(0,f.jsx)(I,{wallet:e,props:{width:7,height:7}}),(0,f.jsx)(d.Text,{fontSize:r,fontWeight:`500`,children:S?h(`Copied!`):n.G(e?.domain??``,22,0)||n.W(e?.address??``,6,4)})]}),(0,f.jsx)(d.Icon,{boxSize:5,as:b.LuChevronRight,cursor:`pointer`,opacity:.5})]})}),g.isInAppBrowser&&x||!g.isInAppBrowser&&g.isConnectedWithDappKit?(0,f.jsx)(d.IconButton,{"aria-label":`Switch wallet`,icon:(0,f.jsx)(d.Icon,{as:b.LuArrowLeftRight}),onClick:T,w:`60px`,h:12,variant:`vechainKitSecondary`,p:3,isLoading:v,isDisabled:v,"data-testid":`switch-wallet-button`}):(0,f.jsx)(d.IconButton,{"aria-label":`Copy address`,icon:(0,f.jsx)(d.Icon,{as:S?b.LuCheck:b.LuCopy}),onClick:w,w:`60px`,h:12,variant:`vechainKitSecondary`,p:3})]})},G=({address:e,maxIcons:r=3,iconSize:i=20,ml:a=0,style:s,iconsGap:c=0,rightIcon:l,showNoAssetsWarning:p=!1,onClick:h})=>{let{t:g}=(0,m.useTranslation)(),{tokensWithBalance:_}=o.sn({address:e}),{darkMode:v}=t.u(),y=(0,d.useToken)(`colors`,`vechain-kit-text-secondary`),b=c<1?`-${i/2}px`:`${c}px`,x=_.slice(0,r),S=_.length-r;return!e||_.length===0&&!p?null:(0,f.jsxs)(d.HStack,{spacing:0,ml:a,...s,onClick:h,children:[(0,f.jsxs)(d.HStack,{spacing:0,children:[x.map((e,t)=>(0,f.jsx)(d.Circle,{ml:t>0?b:`0`,zIndex:t,size:`${i}px`,borderRadius:`full`,bg:v?`gray.100`:`gray.600`,border:`2px solid #00000024`,alignItems:`center`,justifyContent:`center`,children:n.$[e.symbol]?u.default.cloneElement(n.$[e.symbol],{width:`${i*.8}px`,height:`${i*.8}px`,rounded:`full`}):n.Q[e.symbol]?(0,f.jsx)(d.Image,{src:n.Q[e.symbol],alt:`${e.symbol} logo`,width:`${i*.8}px`,height:`${i*.8}px`,rounded:`full`}):(0,f.jsx)(d.Text,{fontSize:`${i*.4}px`,fontWeight:`bold`,color:v?`black`:`white`,children:e.symbol.slice(0,3)})},e.symbol)),S>0&&(0,f.jsx)(d.Circle,{ml:b,zIndex:x.length,size:`${i}px`,borderRadius:`full`,bg:v?`gray.100`:`gray.700`,display:`flex`,alignItems:`center`,justifyContent:`center`,border:`2px solid`,children:(0,f.jsxs)(d.Text,{fontSize:`${i*.4}px`,fontWeight:`bold`,color:v?`black`:`white`,children:[`+`,S]})}),_.length===0&&p&&(0,f.jsx)(d.Text,{fontSize:`sm`,color:y,fontWeight:`700`,children:g(`No assets`)})]}),l]})},ee=({mb:e,mt:t,onAssetsClick:n})=>{let{t:r}=(0,m.useTranslation)(),{account:i}=a.T(),{formattedBalance:s,isLoading:c}=o.on({address:i?.address??``}),{refresh:l}=o.Xt(),[p,h]=(0,u.useState)(!1),g=(0,d.useToken)(`colors`,`vechain-kit-text-secondary`),_=async()=>{h(!0),await l(),setTimeout(()=>{h(!1)},1500)},[v,y]=a.y(a.v.SHOW_ASSETS,!0);return(0,f.jsxs)(d.VStack,{w:`full`,justifyContent:`start`,spacing:1,mt:t,mb:e,children:[(0,f.jsxs)(d.HStack,{w:`full`,justifyContent:`space-between`,alignItems:`center`,spacing:0,role:`group`,children:[(0,f.jsx)(d.Heading,{size:`xs`,fontWeight:`800`,color:g,textTransform:`uppercase`,letterSpacing:1.2,ml:`5px`,children:r(`Assets`)}),(0,f.jsxs)(d.HStack,{spacing:0,alignItems:`center`,children:[(0,f.jsx)(d.IconButton,{"aria-label":`Refresh balances`,variant:`ghost`,size:`sm`,opacity:.5,_hover:{opacity:.8},onClick:_,icon:(0,f.jsx)(d.Icon,{as:b.LuRefreshCw,boxSize:4}),isLoading:c||p,sx:{"& > span.chakra-button__spinner":{width:`16px`,height:`16px`,position:`absolute`}}}),(0,f.jsx)(d.IconButton,{"aria-label":`Show/hide assets`,variant:`ghost`,size:`sm`,opacity:.5,_hover:{opacity:.8},onClick:()=>y(!v),icon:(0,f.jsx)(d.Icon,{as:v?C.GoEye:C.GoEyeClosed,boxSize:4})})]})]}),(0,f.jsx)(d.Button,{onClick:n,h:`fit-content`,variant:`vechainKitSecondary`,children:(0,f.jsxs)(d.VStack,{spacing:2,w:`full`,justifyContent:`flex-start`,alignItems:`flex-start`,mt:4,mb:4,children:[(0,f.jsx)(d.Heading,{size:`2xl`,fontWeight:`700`,children:v?s:s[0]+`*`.repeat(s.slice(1).length)}),(0,f.jsx)(d.HStack,{w:`full`,justifyContent:`flex-start`,"data-testid":`all-assets-button`,mt:2,children:(0,f.jsx)(G,{style:{width:`100%`,justifyContent:`space-between`},maxIcons:10,iconSize:26,iconsGap:3,address:i?.address??``,showNoAssetsWarning:!0,rightIcon:(0,f.jsx)(d.Icon,{as:b.LuChevronRight,boxSize:5,opacity:.5,marginLeft:2})})})]})})]})},K=[{icon:b.LuArrowUpFromLine,label:`Send`,onClick:e=>e({type:`send-token`,props:{setCurrentContent:e}}),isDisabled:e=>!e},{icon:b.LuArrowLeftRight,label:`Swap`,onClick:e=>{e(`swap-token`)},isDisabled:e=>!e},{icon:b.LuArrowDownToLine,label:`Receive`,onClick:e=>{e(`receive-token`)}}],te=({icon:e,label:t,onClick:n,isDisabled:r,showRedDot:i})=>{let{t:a}=(0,m.useTranslation)();return(0,f.jsx)(d.IconButton,{variant:`vechainKitSecondary`,h:`80px`,w:`full`,"aria-label":t,isDisabled:r,p:3,icon:(0,f.jsxs)(d.VStack,{spacing:4,children:[(0,f.jsx)(d.Icon,{as:e,boxSize:5,opacity:.9}),(0,f.jsxs)(d.HStack,{p:0,alignItems:`baseline`,spacing:1,children:[(0,f.jsx)(d.Text,{fontSize:`sm`,fontWeight:`600`,"data-testid":`${t.toLowerCase()}-button-label`,children:a(t,t)}),i&&(0,f.jsx)(d.Box,{minWidth:`8px`,height:`8px`,bg:`red.500`,borderRadius:`full`,display:`flex`,alignItems:`center`,justifyContent:`center`})]})]}),onClick:n})},q=({mt:e,setCurrentContent:t})=>{let{account:n,smartAccount:r,connectedWallet:i,connection:s}=a.T(),{hasAnyBalance:c}=o.on({address:n?.address??``}),{data:l}=o.b(r?.address??``,i?.address??``,3),u=s.isConnectedWithPrivy&&l;return(0,f.jsx)(d.Grid,{templateColumns:`repeat(3, 1fr)`,gap:2,w:`full`,mt:e,children:K.map(e=>(0,f.jsx)(te,{icon:e.icon,label:e.label,onClick:()=>e.onClick(t),isDisabled:e.isDisabled?.(c),showRedDot:u&&e.label===`Settings`},e.label))})},J=({setCurrentContent:e})=>{let{t}=(0,m.useTranslation)(),n=(0,d.useToken)(`colors`,`vechain-kit-text-primary`),r=(0,d.useToken)(`colors`,`vechain-kit-text-secondary`);return(0,f.jsx)(d.Card,{w:`full`,variant:`featureAnnouncement`,overflow:`hidden`,onClick:()=>{e({type:`choose-name`,props:{setCurrentContent:e,onBack:()=>e(`profile`),initialContentSource:`profile`}})},cursor:`pointer`,_hover:{opacity:.8},children:(0,f.jsx)(d.CardBody,{p:4,children:(0,f.jsx)(d.HStack,{justify:`space-between`,align:`flex-start`,spacing:3,children:(0,f.jsxs)(d.VStack,{align:`flex-start`,spacing:1,children:[(0,f.jsxs)(d.HStack,{spacing:2,children:[(0,f.jsx)(d.Text,{fontSize:`sm`,fontWeight:`400`,color:n,children:t(`Claim your vet domain!`)}),(0,f.jsx)(d.Tag,{size:`sm`,colorScheme:`red`,children:t(`New`)})]}),(0,f.jsx)(d.Text,{fontSize:`xs`,color:r,children:t(`Say goodbye to 0x addresses, claim your .veworld.vet subdomain now for free!`)})]})})})})},Y=()=>{let{t:e}=(0,m.useTranslation)();return(0,f.jsx)(d.Alert,{status:`warning`,fontSize:`xs`,borderRadius:`xl`,p:2,children:(0,f.jsx)(d.VStack,{spacing:1,align:`stretch`,w:`full`,children:(0,f.jsxs)(d.HStack,{spacing:2,align:`flex-start`,children:[(0,f.jsx)(d.AlertIcon,{boxSize:4,mt:`10px`}),(0,f.jsx)(d.Text,{w:`full`,children:e(`A .vet domain is required to customize your profile. Choose an account name to get started.`)})]})})})},ne=({setCurrentContent:e,wallet:n,onClose:r,switchFeedback:i})=>{let{t:a}=(0,m.useTranslation)(),{network:l}=t.u(),{isolatedView:u}=o.$();return(0,f.jsxs)(F,{children:[(0,f.jsxs)(c.n,{children:[!u&&(0,f.jsx)(s.n,{onClick:()=>{e(`profile`)}}),(0,f.jsxs)(d.ModalHeader,{children:[a(`Wallet`),l?.type!==`main`&&(0,f.jsx)(d.Tag,{size:`xs`,colorScheme:`orange`,fontSize:`2xs`,p:1,ml:1,textTransform:`uppercase`,children:`${l?.type}`})]}),(0,f.jsx)(d.ModalCloseButton,{})]}),(0,f.jsx)(d.ModalBody,{w:`full`,children:(0,f.jsxs)(d.VStack,{w:`full`,overflow:`hidden`,justifyContent:`flex-start`,spacing:8,children:[(0,f.jsx)(H,{showFeedback:i?.showFeedback}),(0,f.jsx)(W,{style:{justifyContent:`flex-start`},onClick:()=>{e(`profile`)},setCurrentContent:e,onClose:r,wallet:n}),(0,f.jsx)(ee,{onAssetsClick:()=>{e(`assets`)}}),(0,f.jsx)(q,{setCurrentContent:e})]})}),(0,f.jsx)(d.ModalFooter,{pt:0})]})},re=({onSelectToken:e,onBack:n,showAllTokens:r=!1})=>{let{t:i}=(0,m.useTranslation)(),{darkMode:l}=t.u(),{currentCurrency:p}=o.cn(),h=(0,d.useToken)(`colors`,`vechain-kit-text-primary`),g=(0,d.useToken)(`colors`,`vechain-kit-text-secondary`),_=(0,d.useToken)(`colors`,`vechain-kit-text-tertiary`),{account:v}=a.T(),{tokensWithBalance:y,sortedTokens:x}=o.sn({address:v?.address??``}),[S,C]=(0,u.useState)(``),w=(0,u.useMemo)(()=>{if(r){let e=x.filter(e=>Number(e.balance)>0),t=[...x.filter(e=>Number(e.balance)===0)].sort((e,t)=>e.symbol.localeCompare(t.symbol));return[...e,...t]}return y},[r,x,y]).filter(({symbol:e})=>e.toLowerCase().includes(S.toLowerCase()));return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)(c.n,{children:[(0,f.jsx)(d.ModalHeader,{children:i(`Select Token`)}),(0,f.jsx)(s.n,{onClick:n}),(0,f.jsx)(d.ModalCloseButton,{})]}),(0,f.jsx)(d.Container,{h:[`540px`,`auto`],p:0,children:(0,f.jsx)(d.ModalBody,{children:(0,f.jsxs)(d.VStack,{spacing:4,align:`stretch`,children:[(0,f.jsxs)(d.InputGroup,{size:`lg`,children:[(0,f.jsx)(d.Input,{placeholder:`Search token`,bg:l?`vechain-kit-overlay`:`vechain-kit-card`,borderRadius:`xl`,height:`56px`,pl:12,value:S,onChange:e=>C(e.target.value),"data-testid":`search-token-input`}),(0,f.jsx)(d.InputLeftElement,{h:`56px`,w:`56px`,pl:4,children:(0,f.jsx)(b.LuSearch,{color:_})})]}),(0,f.jsx)(d.Text,{fontSize:`lg`,fontWeight:`semibold`,color:h,mt:4,children:i(r?`All tokens`:`Your tokens`)}),w.length===0?(0,f.jsxs)(d.VStack,{spacing:2,py:8,children:[(0,f.jsx)(d.Icon,{as:b.LuSlash,boxSize:12,color:_}),(0,f.jsx)(d.Text,{fontSize:`lg`,color:h,children:i(`No tokens found`)}),(0,f.jsx)(d.Text,{fontSize:`md`,color:g,children:i(`Try searching with a different term`)})]}):(0,f.jsx)(d.VStack,{spacing:2,align:`stretch`,children:w.map(t=>(0,f.jsx)(N,{symbol:t.symbol,amount:Number(t.balance),currencyValue:t.valueInCurrency,currentCurrency:p,onClick:()=>e(t)},t.address))})]})})}),(0,f.jsx)(d.ModalFooter,{pt:0})]})},ie=({setCurrentContent:e,preselectedToken:r,initialAmount:i=``,initialToAddressOrDomain:l=``,onBack:h=()=>e(`main`)})=>{let{t:g}=(0,m.useTranslation)(),{darkMode:_,feeDelegation:v}=t.u(),{currentCurrency:y}=o.cn(),x=(0,d.useToken)(`colors`,`vechain-kit-text-primary`),S=(0,d.useToken)(`colors`,`vechain-kit-text-secondary`),C=(0,d.useToken)(`colors`,`vechain-kit-text-tertiary`),E=(0,d.useToken)(`colors`,`vechain-kit-error`),D=(0,d.useToken)(`colors`,`vechain-kit-card`),{exchangeRates:O}=o.dn(),{account:k}=a.T(),{isolatedView:A}=o.$(),{tokensWithBalance:j}=o.sn({address:k?.address??``}),[M,N]=(0,u.useState)(r??j[0]??null),[P,F]=(0,u.useState)(!1);(0,u.useEffect)(()=>{!r&&!M&&j.length>0&&N(j[0])},[j,r,M]);let{register:I,watch:L,setValue:R,setError:z,formState:{errors:B,isValid:V},handleSubmit:H}=(0,w.useForm)({defaultValues:{amount:i,toAddressOrDomain:l},mode:`onChange`}),{toAddressOrDomain:U,amount:W}=L(),G=(0,u.useRef)(M);(0,u.useEffect)(()=>{G.current&&M&&G.current.address!==M.address&&R(`amount`,``),G.current=M},[M,R]);let ee=(0,u.useMemo)(()=>M?o.un(o.ln(Number(W)*M.priceUsd,y,O),{currency:y}):``,[W,M,y,O]),{data:K,isLoading:te}=a.P(U),q=()=>{M&&R(`amount`,M.balance)},J=()=>{h()},Y=async t=>{if(M){if(!(K?.isValidAddressOrDomain&&(!K?.domain||K?.domain&&K?.isPrimaryDomain))){z(`toAddressOrDomain`,{type:`manual`,message:g(`Invalid address or domain`)});return}if(M){let e=(0,p.parseEther)(t.amount),n=v?.b3trTransfers?.minAmountInEther;if(M.symbol===`B3TR`&&typeof n==`number`&&n>0)try{if(e<(0,p.parseEther)(String(n))){z(`amount`,{type:`manual`,message:g(`Minimum {{symbol}} transfer is {{min}}`,{symbol:M.symbol,min:n})});return}}catch{}if(e>(0,p.parseEther)(M.balance)){z(`amount`,{type:`manual`,message:g(`Insufficient {{symbol}} balance`,{symbol:M.symbol})});return}}e({type:`send-token-summary`,props:{toAddressOrDomain:t.toAddressOrDomain,resolvedDomain:K?.domain,resolvedAddress:K?.address,amount:t.amount,selectedToken:M,formattedTotalAmount:ee,setCurrentContent:e}})}};return P?(0,f.jsx)(re,{setCurrentContent:e,onSelectToken:e=>{N(e),F(!1)},onBack:()=>{F(!1)}}):(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)(c.n,{children:[(0,f.jsx)(d.ModalHeader,{children:g(`Send`)}),!A&&(0,f.jsx)(s.n,{onClick:J}),(0,f.jsx)(d.ModalCloseButton,{})]}),(0,f.jsx)(d.ModalBody,{children:(0,f.jsxs)(d.VStack,{spacing:2,align:`stretch`,position:`relative`,children:[(0,f.jsxs)(d.HStack,{justify:`space-between`,children:[(0,f.jsx)(d.Text,{fontSize:`md`,fontWeight:`bold`,color:x,children:g(`Amount`)}),(0,f.jsxs)(d.Text,{cursor:`pointer`,_hover:{color:S,textDecoration:`underline`},onClick:q,noOfLines:1,overflow:`hidden`,textOverflow:`ellipsis`,fontSize:`sm`,fontWeight:`medium`,color:S,children:[g(`Balance`),`:`,` `,Number(M?.balance??0).toLocaleString(void 0,{minimumFractionDigits:2,maximumFractionDigits:2})]})]}),(0,f.jsx)(d.Box,{p:4,borderRadius:`2xl`,bg:D,children:(0,f.jsx)(d.VStack,{align:`stretch`,spacing:2,children:(0,f.jsxs)(d.FormControl,{isInvalid:!!B.amount,children:[(0,f.jsxs)(d.HStack,{justify:`space-between`,children:[(0,f.jsx)(d.Input,{...I(`amount`,{required:g(`Amount is required`),pattern:{value:/^\d*\.?\d*$/,message:g(`Please enter a valid number`)},validate:e=>{if(!e)return!0;let t=parseFloat(e);if(isNaN(t))return g(`Please enter a valid number`);let n=v?.b3trTransfers?.minAmountInEther;return M?.symbol===`B3TR`&&typeof n==`number`&&n>0&&t<n?g(`Minimum {{symbol}} transfer is {{min}}`,{symbol:M.symbol,min:n}):!0}}),onChange:e=>{let t=e.target.value.trim();e.target.value=t,R(`amount`,t,{shouldValidate:!0})},placeholder:`0`,variant:`unstyled`,fontSize:`4xl`,fontWeight:`bold`,"data-testid":`tx-amount-input`,type:`number`,inputMode:`decimal`,color:x}),M?(0,f.jsxs)(d.Button,{variant:`outline`,size:`sm`,borderRadius:`full`,px:6,color:S,borderColor:S,_hover:{bg:_?`whiteAlpha.300`:`blackAlpha.300`},onClick:()=>F(!0),leftIcon:n.$[M.symbol]?u.default.cloneElement(n.$[M.symbol],{boxSize:`20px`,borderRadius:`full`}):(0,f.jsx)(d.Image,{src:n.Q[M.symbol],alt:`${M.symbol} logo`,boxSize:`20px`,borderRadius:`full`,fallback:(0,f.jsx)(d.Box,{boxSize:`20px`,borderRadius:`full`,bg:`whiteAlpha.200`,display:`flex`,alignItems:`center`,justifyContent:`center`,children:(0,f.jsx)(d.Text,{fontSize:`8px`,fontWeight:`bold`,color:x,children:M.symbol.slice(0,3)})})}),children:[M.symbol,(0,f.jsx)(d.Icon,{as:b.LuChevronDown,boxSize:5,color:S})]}):(0,f.jsxs)(d.Button,{variant:`outline`,size:`sm`,borderRadius:`full`,px:6,color:S,borderColor:S,_hover:{bg:_?`whiteAlpha.300`:`blackAlpha.300`,color:C},onClick:()=>F(!0),children:[g(`Select token`),(0,f.jsx)(d.Icon,{as:b.LuChevronDown,boxSize:5,color:S})]})]}),M&&(0,f.jsx)(d.HStack,{spacing:1,fontSize:`sm`,justifyContent:`space-between`,color:S,children:(0,f.jsxs)(d.Text,{color:S,children:[`≈ `,ee]})}),B.amount&&(0,f.jsx)(d.Text,{color:`#ef4444`,fontSize:`sm`,mt:1,"data-testid":`amount-error-msg`,children:B.amount.message})]})})}),(0,f.jsx)(d.HStack,{justify:`space-between`,mt:2,children:(0,f.jsx)(d.Text,{fontSize:`md`,fontWeight:`bold`,color:x,children:g(`To`)})}),(0,f.jsx)(d.Box,{borderRadius:`2xl`,bg:D,children:(0,f.jsx)(d.VStack,{align:`stretch`,spacing:2,p:4,width:`100%`,children:(0,f.jsxs)(d.FormControl,{isInvalid:!!B.toAddressOrDomain,children:[(0,f.jsx)(d.Input,{...I(`toAddressOrDomain`,{required:g(`Address is required`)}),onChange:e=>{let t=e.target.value.trim(),n=t.includes(`.`)?(0,T.ens_normalize)(t):t;e.target.value=n,R(`toAddressOrDomain`,n,{shouldValidate:!0})},placeholder:g(`Type the receiver address or domain`),_placeholder:{fontSize:`md`,fontWeight:`normal`},fontSize:`lg`,fontWeight:`bold`,color:x,variant:`unstyled`,"data-testid":`tx-address-input`}),B.toAddressOrDomain&&(0,f.jsx)(d.Text,{color:E,fontSize:`sm`,"data-testid":`address-error-msg`,children:B.toAddressOrDomain.message})]})})})]})}),(0,f.jsx)(d.ModalFooter,{children:(0,f.jsx)(d.Button,{variant:`vechainKitPrimary`,isDisabled:!M||!V,isLoading:te,onClick:H(Y),"data-testid":`send-button`,children:g(M?`Send`:`Select Token`)})})]})},ae=({setCurrentContent:e,toAddressOrDomain:r,resolvedDomain:i,resolvedAddress:p,amount:h,selectedToken:g,formattedTotalAmount:_})=>{let{t:v}=(0,m.useTranslation)(),{account:y,connection:b,connectedWallet:x}=a.T(),{data:S}=a.k(p??``),{network:C,feeDelegation:w}=t.u(),{preferences:T}=a._(),{isolatedView:E,closeAccountModal:D}=o.$(),O=(0,d.useToken)(`colors`,`vechain-kit-text-primary`),k=(0,d.useToken)(`colors`,`vechain-kit-text-secondary`),{data:A}=o.b(y?.address??``,x?.address??``,3),{open:j}=o.rt(),M=(0,u.useMemo)(()=>S||n.U(p||r),[S,C.type,p,r]),N=async()=>{if(A){j();return}try{g.symbol===`VET`?await U():await I()}catch(e){console.error(v(`Transaction failed:`),e)}},F=u.default.useCallback(t=>{e({type:`successful-operation`,props:{setCurrentContent:e,txId:t,title:v(`Transaction successful`),onDone:()=>{E?D():e(`main`)},showSocialButtons:!0}})},[e,v,E,D]),{sendTransaction:I,txReceipt:L,error:z,isWaitingForWalletConfirmation:B,isTransactionPending:V,clauses:H}=o.u({fromAddress:y?.address??``,receiverAddress:p||r,amount:h,tokenAddress:g.address,tokenName:g.symbol,onError:e=>{ae(e??``)}}),{sendTransaction:U,txReceipt:W,error:G,isWaitingForWalletConfirmation:ee,isTransactionPending:K,clauses:te}=o.c({fromAddress:y?.address??``,receiverAddress:p||r,amount:h,onError:e=>{ae(e??``)}}),q=u.default.useCallback(()=>g.symbol===`VET`?W:L,[g.symbol,W,L]),J=B||ee,Y=J||V||K,[ne,re]=u.default.useState(!1);u.default.useEffect(()=>{let e=q();if(!e||e.reverted||ne||Y)return;let t=e.meta.txID;t&&(re(!0),F(t))},[q,ne,Y,F]),u.default.useEffect(()=>{Y&&re(!1)},[Y]);let ie=()=>{e({type:`send-token`,props:{setCurrentContent:e,preselectedToken:g,initialAmount:h,initialToAddressOrDomain:r}})},ae=e=>{console.error(`Transaction failed:`,e)},[oe,se]=u.default.useState(null),[ce,le]=u.default.useState(null),ue=T.availableGasTokens.length>0&&(b.isConnectedWithPrivy||b.isConnectedWithVeChain)&&!w?.delegatorUrl,{data:de,isLoading:fe,error:pe,refetch:X}=o.n({clauses:g.symbol===`VET`?te:H,tokens:oe?[oe]:T.availableGasTokens,sendingAmount:h,sendingTokenSymbol:g.symbol,enabled:ue&&!!w?.genericDelegatorUrl}),Z=de?.usedToken,me=(fe||!de)&&b.isConnectedWithPrivy&&!w?.delegatorUrl,he=u.default.useCallback(e=>{se(e),le(e),setTimeout(()=>X(),100)},[X]),Q=!!Z&&!pe;return u.default.useEffect(()=>{pe&&oe&&se(null)},[pe,oe]),(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)(c.n,{children:[(0,f.jsx)(d.ModalHeader,{children:`Send`}),(0,f.jsx)(s.n,{isDisabled:Y,onClick:ie}),(0,f.jsx)(d.ModalCloseButton,{isDisabled:Y})]}),(0,f.jsx)(d.ModalBody,{children:(0,f.jsx)(d.VStack,{spacing:6,align:`stretch`,w:`full`,children:(0,f.jsxs)(d.VStack,{spacing:4,w:`full`,children:[(0,f.jsxs)(d.Box,{w:`full`,children:[(0,f.jsx)(d.Text,{fontSize:`sm`,mb:2,color:k,children:v(`From`)}),(0,f.jsx)(P,{address:y?.address??``,domain:y?.domain,imageSrc:y?.image??``,imageAlt:`From account`,balance:Number(g.balance),tokenAddress:g.address})]}),(0,f.jsxs)(d.Box,{w:`full`,children:[(0,f.jsx)(d.Text,{fontSize:`sm`,mb:2,color:k,children:v(`To`)}),(0,f.jsx)(P,{address:p||r,domain:i,imageSrc:M??``,imageAlt:`To account`,tokenAddress:g.address})]}),b.isConnectedWithPrivy&&(0,f.jsx)(R,{estimation:de,isLoading:fe,isLoadingTransaction:Y,onTokenChange:he,clauses:g.symbol===`VET`?te:H,userSelectedToken:ce}),(0,f.jsxs)(d.VStack,{spacing:0,w:`full`,justifyContent:`flex-start`,children:[(0,f.jsx)(d.Text,{fontSize:`sm`,fontWeight:`light`,textAlign:`left`,w:`full`,color:k,children:v(`Amount`)}),(0,f.jsxs)(d.HStack,{justifyContent:`flex-start`,w:`full`,children:[(0,f.jsxs)(d.Text,{fontSize:`xl`,fontWeight:`semibold`,textAlign:`left`,"data-testid":`send-summary-amount`,color:O,children:[Number(h).toLocaleString(void 0,{minimumFractionDigits:2,maximumFractionDigits:2}),` `,g.symbol]}),(0,f.jsxs)(d.Text,{color:k,children:[`≈ `,_]})]})]})]})})}),(0,f.jsx)(d.ModalFooter,{children:(0,f.jsx)(l.n,{transactionError:g.symbol===`VET`?G:z,isSubmitting:Y,isTxWaitingConfirmation:J,onConfirm:N,transactionPendingText:v(`Sending...`),txReceipt:q(),buttonText:v(`Confirm`),isDisabled:Y||me,gasEstimationError:pe,hasEnoughGasBalance:Q,isLoadingGasEstimation:fe,showGasEstimationError:!w?.delegatorUrl&&b.isConnectedWithPrivy,context:`send`})})]})},oe=({setCurrentContent:e})=>{let{t}=(0,m.useTranslation)(),{account:n}=a.T(),{isolatedView:r}=o.$(),i=(0,d.useToken)(`colors`,`vechain-kit-text-primary`),l=(0,d.useToken)(`colors`,`vechain-kit-text-secondary`);return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)(c.n,{children:[(0,f.jsx)(d.ModalHeader,{children:t(`Receive`)}),!r&&(0,f.jsx)(s.n,{onClick:()=>e(`main`)}),(0,f.jsx)(d.ModalCloseButton,{})]}),(0,f.jsxs)(d.Container,{maxW:`container.lg`,children:[(0,f.jsx)(d.ModalBody,{children:(0,f.jsxs)(d.VStack,{spacing:4,align:`center`,w:`full`,children:[(0,f.jsx)(E.QRCode,{value:n?.address??``,size:200,removeQrCodeBehindLogo:!0,eyeRadius:4,logoPaddingStyle:`circle`,style:{borderRadius:`16px`}}),(0,f.jsx)(k,{wallet:n,style:{w:`85%`}}),(0,f.jsx)(d.Text,{fontSize:`sm`,textAlign:`center`,color:i,children:t(`Copy your address or scan this QR code`)}),(0,f.jsx)(d.Text,{fontSize:`xs`,textAlign:`center`,color:l,children:t(`This address only supports VeChain assets.`)})]})}),(0,f.jsx)(d.ModalFooter,{pt:0})]})]})},se=({quotes:e,selectedQuote:r,toTokenAddress:i,onSelectQuote:l,onBack:p})=>{let{t:h}=(0,m.useTranslation)(),{darkMode:g}=t.u(),{currentCurrency:_}=o.cn(),{account:y}=a.T(),{exchangeRates:x,prices:S}=o.dn(),{tokens:C}=o.sn({address:y?.address??``}),[w,T]=(0,u.useState)(!1),E=(0,u.useMemo)(()=>i&&C.find(e=>n.k(e.address,i))||null,[i,C]),D=e.filter(e=>!e.reverted),O=e.filter(e=>e.reverted),k=(0,u.useMemo)(()=>D.length===0?null:D.reduce((e,t)=>{let n=BigInt(e.outputAmount||`0`);return BigInt(t.outputAmount||`0`)>n?t:e}),[D]),A=(0,u.useMemo)(()=>{let e=i&&S[i]||0;return D.map(t=>{let n=(0,v.formatEther)(BigInt(t.outputAmount||`0`)),r=Number(n)*e,i=o.ln(r,_,x),a=k&&t.aggregatorName===k.aggregatorName,s=0;if(k&&!a){let e=BigInt(k.outputAmount||`0`),n=BigInt(t.outputAmount||`0`);s=Number(n-e)/Number(e)*100}return{...t,outputAmountFormatted:n,valueUsd:r,valueInCurrency:i,isBest:a,percentageDiff:s}}).sort((e,t)=>{let n=BigInt(e.outputAmount||`0`),r=BigInt(t.outputAmount||`0`);return Number(r-n)})},[D,i,S,_,x,k]);return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)(c.n,{children:[(0,f.jsx)(d.ModalHeader,{children:h(`Found following rates`)}),(0,f.jsx)(s.n,{onClick:p}),(0,f.jsx)(d.ModalCloseButton,{})]}),(0,f.jsx)(d.Container,{h:[`540px`,`auto`],p:0,children:(0,f.jsx)(d.ModalBody,{children:(0,f.jsxs)(d.VStack,{spacing:6,align:`stretch`,children:[A.length>0&&(0,f.jsx)(d.VStack,{spacing:2,align:`stretch`,children:A.map(e=>{let t=r?.aggregatorName===e.aggregatorName;return(0,f.jsxs)(d.Box,{p:2.5,borderRadius:`xl`,bg:g?`#00000038`:`gray.50`,borderWidth:1,borderColor:t?`blue.500`:g?`whiteAlpha.200`:`gray.200`,cursor:`pointer`,onClick:()=>l(e),_hover:{borderColor:t?`blue.500`:g?`whiteAlpha.400`:`gray.300`},position:`relative`,children:[(e.isBest||!e.isBest&&e.percentageDiff<0)&&(0,f.jsx)(d.Box,{position:`absolute`,top:-1,left:0,zIndex:1,children:e.isBest?(0,f.jsx)(d.Badge,{colorScheme:`purple`,borderRadius:`sm`,fontSize:`2xs`,px:1.5,py:.5,borderTopLeftRadius:`xl`,borderBottomRightRadius:`md`,children:h(`Best`)}):(0,f.jsxs)(d.Badge,{colorScheme:`red`,borderRadius:`xs`,fontSize:`2xs`,px:1.5,py:.5,borderTopLeftRadius:`xl`,borderBottomRightRadius:`md`,children:[e.percentageDiff.toFixed(2),`%`]})}),(0,f.jsxs)(d.VStack,{align:`stretch`,spacing:1.5,marginTop:4,children:[(0,f.jsxs)(d.HStack,{justify:`space-between`,align:`center`,children:[(0,f.jsxs)(d.HStack,{spacing:1.5,align:`center`,children:[e.aggregator.getIcon(`20px`),(0,f.jsx)(d.Text,{fontSize:`md`,fontWeight:`bold`,children:e.aggregatorName})]}),(0,f.jsx)(d.HStack,{align:`center`,spacing:1.5,children:E&&(0,f.jsxs)(f.Fragment,{children:[n.$[E.symbol]?u.default.cloneElement(n.$[E.symbol],{boxSize:`24px`,borderRadius:`full`}):n.Q[E.symbol]?(0,f.jsx)(d.Image,{src:n.Q[E.symbol],alt:`${E.symbol} logo`,boxSize:`24px`,borderRadius:`full`}):null,(0,f.jsx)(d.Tooltip,{label:Number(e.outputAmountFormatted).toLocaleString(void 0,{maximumFractionDigits:18}),hasArrow:!0,placement:`top`,children:(0,f.jsxs)(d.Text,{fontSize:`md`,fontWeight:`bold`,textAlign:`right`,whiteSpace:`nowrap`,children:[Number(e.outputAmountFormatted).toLocaleString(void 0,{minimumFractionDigits:4}),` `,E.symbol]})})]})})]}),(0,f.jsxs)(d.HStack,{justify:`space-between`,align:`center`,children:[(0,f.jsx)(d.Text,{fontSize:`xs`,color:g?`whiteAlpha.500`:`blackAlpha.500`,children:e.gasCostVTHO&&e.gasCostVTHO>0?`Gas: ${e.gasCostVTHO.toLocaleString(void 0,{maximumFractionDigits:2})} VTHO`:``}),e.valueUsd>0&&(0,f.jsxs)(d.Text,{fontSize:`xs`,color:g?`whiteAlpha.600`:`blackAlpha.600`,textAlign:`right`,whiteSpace:`nowrap`,children:[`≈ `,o.un(e.valueInCurrency,{currency:_})]})]})]})]},e.aggregatorName)})}),O.length>0&&(0,f.jsxs)(d.Box,{children:[(0,f.jsxs)(d.HStack,{justify:`space-between`,cursor:`pointer`,onClick:()=>T(!w),py:2,children:[(0,f.jsxs)(d.Text,{fontSize:`sm`,color:g?`whiteAlpha.600`:`blackAlpha.600`,children:[O.length,` `,h(`rate`),O.length===1?``:`s`,` `,h(`unavailable`)]}),(0,f.jsx)(d.Icon,{as:w?b.LuChevronUp:b.LuChevronDown,boxSize:4,color:g?`whiteAlpha.600`:`blackAlpha.600`})]}),(0,f.jsx)(d.Collapse,{in:w,animateOpacity:!0,children:(0,f.jsx)(d.VStack,{spacing:2,align:`stretch`,pt:2,children:O.map(e=>(0,f.jsx)(d.Box,{p:2,borderRadius:`xl`,bg:g?`#00000038`:`gray.50`,opacity:.6,children:(0,f.jsxs)(d.HStack,{justify:`space-between`,children:[(0,f.jsxs)(d.HStack,{spacing:2,align:`center`,children:[e.aggregator.getIcon(`20px`),(0,f.jsx)(d.Text,{fontSize:`md`,fontWeight:`medium`,children:e.aggregatorName})]}),(0,f.jsx)(d.Text,{fontSize:`xs`,color:g?`whiteAlpha.500`:`blackAlpha.500`,children:h(`Unable to fetch the price`)})]})},e.aggregatorName))})})]}),A.length===0&&O.length===0&&(0,f.jsx)(d.VStack,{spacing:2,py:8,color:g?`whiteAlpha.600`:`blackAlpha.600`,children:(0,f.jsx)(d.Text,{fontSize:`lg`,children:h(`No quotes available`)})})]})})}),(0,f.jsx)(d.ModalFooter,{})]})},ce=e=>e===`0x`||e===v.zeroAddress||!e,le=(e,t,n,r)=>{if(!e||!t||!n||!r)return null;let i=t.toLowerCase(),a=n.toLowerCase(),o=r.toLowerCase(),s=ce(n),c=ce(r),l=[],u=[];if(e.outputs&&Array.isArray(e.outputs))for(let t of e.outputs)t.events&&Array.isArray(t.events)&&l.push(...t.events),t.transfers&&Array.isArray(t.transfers)&&u.push(...t.transfers);let d=_.IERC20__factory.createInterface().getEvent(`Transfer`),f=d?.topicHash.toLowerCase(),p=l.filter(e=>e.topics&&e.topics.length>0&&e.topics[0]?.toString().toLowerCase()===f),m=null,h=null;if(s){for(let e of u)if(e.sender?.toLowerCase()===i&&e.amount&&e.amount!==`0x0`&&e.amount!==`0x`){let t=BigInt(e.amount);if(t>0n){m=t;break}}}if(c){for(let e of u)if(e.recipient?.toLowerCase()===i&&e.amount&&e.amount!==`0x0`&&e.amount!==`0x`){let t=BigInt(e.amount);if(t>0n){h=t;break}}}if(p.length>0)for(let e of p)try{let t=(0,v.decodeEventLog)({abi:[d],data:e.data.toString(),topics:e.topics.map(e=>e.toString())});if(!t.args||!(`from`in t.args)||!(`to`in t.args)||!(`value`in t.args))continue;let n=t.args.from?.toString().toLowerCase(),r=t.args.to?.toString().toLowerCase(),l=t.args.value,u=e.address.toLowerCase();!s&&n===i&&u&&u===a&&l>0n&&m===null&&(m=l),!c&&r===i&&u&&u===o&&l>0n&&h===null&&(h=l)}catch(e){console.warn(`Failed to decode transfer event:`,e);continue}return{fromAmount:m??0n,toAmount:h??0n}},ue=({setCurrentContent:e,fromTokenAddress:r,toTokenAddress:i})=>{let{t:p}=(0,m.useTranslation)(),{account:h,connection:g}=a.T(),{currentCurrency:_}=o.cn(),{network:y,feeDelegation:x,darkMode:S}=t.u(),{isolatedView:C,closeAccountModal:w}=o.$(),T=(0,d.useToken)(`colors`,`vechain-kit-card`),E=(0,d.useToken)(`colors`,`vechain-kit-text-primary`),D=(0,d.useToken)(`colors`,`vechain-kit-text-secondary`),O=(0,d.useToken)(`colors`,`vechain-kit-text-tertiary`),k=(0,d.useToken)(`colors`,`vechain-kit-button-primary-bg`),A=(0,d.useToken)(`colors`,`vechain-kit-button-primary-color`),{preferences:j}=a._(),{sortedTokens:M}=o.sn({address:h?.address??``}),[N,P]=(0,u.useState)(`main`),[F,I]=(0,u.useState)(null),[L,z]=(0,u.useState)(null),[B,V]=(0,u.useState)(``),[H,U]=(0,u.useState)(!1),[W,G]=(0,u.useState)(1),[ee,K]=(0,u.useState)(`1`),[te,q]=(0,u.useState)(null),[J,Y]=u.default.useState(null),[ne,ie]=u.default.useState(null),[ae,oe]=u.default.useState([]),{prices:ce,exchangeRates:ue}=o.dn(),de=W===1;u.default.useEffect(()=>{K(W===1?`1`:W===.5?`0.5`:W===3?`3`:W.toString())},[W]),u.default.useEffect(()=>{if(M.length!==0){if((r||i)&&(!F||!L)){if(r&&!F){let e=M.find(e=>n.k(e.address,r));e&&I(e)}if(i&&!L){let e=M.find(e=>n.k(e.address,i));e&&z(e)}return}if(!F&&!L){let e=M.find(e=>e.symbol===`VET`);e&&I(e);let t=M.find(e=>e.symbol===`B3TR`);if(!t)try{let e=n.ct(y.type).b3trContractAddress;e&&(t=M.find(t=>n.k(t.address,e)))}catch(e){console.warn(`Failed to get B3TR address from config:`,e)}t&&z(t)}}},[M,F,L,r,i,y.type]),u.default.useEffect(()=>{q(null)},[F?.address,L?.address,B]);let{bestQuote:fe,quotes:pe,isLoading:X,from:Z,to:me}=o.Mt(F,L,B,h?.address??``,W,!!F&&!!L&&Number(B)>0),he=(0,u.useMemo)(()=>{if(!B||Number(B)<=0||!Z)return 0n;try{return(0,v.parseUnits)(B,Z.decimals)}catch{return 0n}},[B,Z?.decimals]),Q=te||fe,ge=(0,u.useMemo)(()=>{if(!Q?.outputAmount||!me)return`0`;try{return(0,v.formatUnits)(Q.outputAmount,me.decimals)}catch{return`0`}},[Q,me?.decimals]),_e=(0,u.useMemo)(()=>{if(!F||!B)return 0;let e=ce[F.address]||0;return o.ln(Number(B)*e,_,ue)},[F?.address,B,ce,_,ue]),ve=(0,u.useMemo)(()=>{if(!L||!ge)return 0;let e=ce[L.address]||0;return o.ln(Number(ge)*e,_,ue)},[L?.address,ge,ce,_,ue]),ye=(0,u.useMemo)(()=>!F||!L||!h?.address||he===0n?null:{fromTokenAddress:F.address,toTokenAddress:L.address,amountIn:he.toString(),userAddress:h.address,slippageTolerance:W},[F,L,h?.address,he,W]),be=Q?.gasCostVTHO??0;u.default.useEffect(()=>{(async()=>{if(!Q||!ye||!Q.aggregator){oe([]);return}try{oe(await Q.aggregator.buildSwapTransaction(ye,Q))}catch(e){console.error(`Failed to build swap clauses for gas estimation:`,e),oe([])}})()},[Q,ye]);let xe=j.availableGasTokens.length>0&&(g.isConnectedWithPrivy||g.isConnectedWithVeChain)&&!x?.delegatorUrl,{data:Se,isLoading:Ce,error:we,refetch:Te}=o.n({clauses:ae,tokens:J?[J]:j.availableGasTokens,sendingAmount:B,sendingTokenSymbol:F?.symbol??``,enabled:xe&&!!x?.genericDelegatorUrl&&ae.length>0}),Ee=Se?.usedToken,De=(Ce||!Se)&&g.isConnectedWithPrivy&&!x?.delegatorUrl,Oe=u.default.useCallback(e=>{Y(e),ie(e),setTimeout(()=>Te(),100)},[Te]),ke=!!Ee&&!we;u.default.useEffect(()=>{we&&J&&Y(null)},[we,J]);let{executeSwap:Ae,isTransactionPending:je,isWaitingForWalletConfirmation:Me,txReceipt:Ne,status:Pe,error:Fe}=o.Nt(ye,Q),Ie=(0,u.useCallback)(()=>{let t=Ne?.meta.txID??``,n=p(`Swap successful`,{defaultValue:`Swap successful`}),r;if(Ne&&F&&L&&h?.address){let e=le(Ne,h.address,F.address,L.address);if(e&&Z&&me)try{let t=Z.decimals,n=me.decimals,i=(0,v.formatUnits)(e.fromAmount,t),a=(0,v.formatUnits)(e.toAmount,n),o=e=>{let t=Number(e);return t>=1e3?t.toLocaleString(void 0,{maximumFractionDigits:2}):t.toLocaleString(void 0,{maximumFractionDigits:6,minimumFractionDigits:0})};r=p(`You successfully swapped {fromAmount} {fromSymbol} for {toAmount} {toSymbol}`,{fromAmount:o(i),fromSymbol:F.symbol,toAmount:o(a),toSymbol:L.symbol,defaultValue:`You successfully swapped ${o(i)} ${F.symbol} for ${o(a)} ${L.symbol}`})}catch(e){console.warn(`Failed to format swap amounts:`,e)}}!r&&F&&L&&(r=p(`You successfully swapped {fromToken} for {toToken}`,{fromToken:F.symbol,toToken:L.symbol,defaultValue:`You successfully swapped ${F.symbol} for ${L.symbol}`})),e({type:`successful-operation`,props:{setCurrentContent:e,txId:t,title:n,description:r,onDone:()=>{C?w():e(`main`)},showSocialButtons:!0}})},[F,L,B,Q,Ne,h?.address,e,p,C,w]),Le=(0,u.useCallback)(e=>{let t=typeof e==`string`?e:e.message;console.error(`Swap failed:`,t)},[F,L,B]),[Re,ze]=u.default.useState(!1);u.default.useEffect(()=>{if(Pe===`ready`){ze(!1);return}Re||(Pe===`success`&&Ne&&!Ne.reverted?(ze(!0),Ie()):Pe===`error`&&Fe?Le(Fe?.reason||Fe?.message||String(Fe)):Ne?.reverted&&Le(`Transaction reverted`))},[Pe,Ne,Fe,Ie,Le,Re]);let Be=(0,u.useCallback)(e=>{if(I(e),e.symbol===`VET`&&!L){let e=M.find(e=>e.symbol===`B3TR`);if(!e)try{let t=n.ct(y.type).b3trContractAddress;t&&(e=M.find(e=>n.k(e.address,t)))}catch(e){console.warn(`Failed to get B3TR address from config:`,e)}e&&z(e)}P(`main`)},[L,M,y.type]),Ve=(0,u.useCallback)(e=>{z(e),P(`main`)},[]),He=(0,u.useCallback)(e=>{(/^\d*\.?\d*$/.test(e)||e===``)&&V(e)},[]),Ue=(0,u.useCallback)(()=>{F&&V(F.balance)},[F]),We=e=>{if(!e)return null;let t=n.$[e.symbol],r=n.Q[e.symbol];return{symbol:e.symbol,logoComponent:t,logoUrl:r,balance:e.balance,value:e.valueInCurrency}},$=We(F),Ge=We(L);return N===`select-from-token`?(0,f.jsx)(re,{setCurrentContent:e,onSelectToken:Be,onBack:()=>P(`main`),showAllTokens:!1}):N===`select-quote`?(0,f.jsx)(se,{quotes:pe,selectedQuote:Q,toTokenAddress:L?.address??null,onSelectQuote:e=>{q(e),P(`main`)},onBack:()=>P(`main`)}):N===`select-to-token`?(0,f.jsx)(re,{setCurrentContent:e,onSelectToken:Ve,onBack:()=>P(`main`),showAllTokens:!0}):(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)(c.n,{children:[(0,f.jsx)(d.ModalHeader,{children:p(`Swap`)}),!C&&(0,f.jsx)(s.n,{onClick:()=>e(`main`),isDisabled:je||Me}),(0,f.jsx)(d.ModalCloseButton,{isDisabled:je||Me})]}),(0,f.jsx)(d.ModalBody,{children:(0,f.jsxs)(d.VStack,{spacing:2,align:`stretch`,w:`full`,children:[(0,f.jsxs)(d.HStack,{justify:`space-between`,children:[(0,f.jsx)(d.Text,{fontSize:`md`,fontWeight:`bold`,color:E,children:p(`From`)}),$&&(0,f.jsxs)(d.Text,{cursor:`pointer`,_hover:{color:D,textDecoration:`underline`},onClick:Ue,noOfLines:1,overflow:`hidden`,textOverflow:`ellipsis`,fontSize:`sm`,fontWeight:`medium`,color:D,children:[p(`Balance`),`:`,` `,Number($.balance??0).toLocaleString(void 0,{minimumFractionDigits:2,maximumFractionDigits:2})]})]}),(0,f.jsx)(d.Box,{p:4,borderRadius:`2xl`,bg:T,children:(0,f.jsxs)(d.VStack,{align:`stretch`,spacing:2,children:[(0,f.jsxs)(d.HStack,{justify:`space-between`,children:[(0,f.jsx)(d.Input,{placeholder:`0`,value:B,onChange:e=>He(e.target.value),fontSize:`4xl`,fontWeight:`bold`,variant:`unstyled`,"data-testid":`swap-amount-input`,type:`number`,inputMode:`decimal`,color:$&&B&&Number(B)>Number($.balance)?`red.500`:E}),$?(0,f.jsxs)(d.Button,{onClick:()=>P(`select-from-token`),variant:`outline`,size:`sm`,borderRadius:`full`,px:6,color:D,borderColor:D,_hover:{bg:S?`whiteAlpha.300`:`blackAlpha.300`},leftIcon:$.logoComponent?u.default.cloneElement($.logoComponent,{boxSize:`20px`,borderRadius:`full`}):$.logoUrl?(0,f.jsx)(d.Image,{src:$.logoUrl,alt:`${$.symbol} logo`,boxSize:`20px`,borderRadius:`full`,fallback:(0,f.jsx)(d.Box,{boxSize:`20px`,borderRadius:`full`,bg:`whiteAlpha.200`,display:`flex`,alignItems:`center`,justifyContent:`center`,children:(0,f.jsx)(d.Text,{fontSize:`8px`,fontWeight:`bold`,color:E,children:$.symbol.slice(0,3)})})}):void 0,children:[$.symbol,(0,f.jsx)(d.Icon,{as:b.LuChevronDown,boxSize:5,color:D})]}):(0,f.jsxs)(d.Button,{onClick:()=>P(`select-from-token`),variant:`outline`,size:`sm`,borderRadius:`full`,px:6,color:D,borderColor:D,_hover:{bg:S?`whiteAlpha.300`:`blackAlpha.300`,color:O},children:[p(`Select token`),(0,f.jsx)(d.Icon,{as:b.LuChevronDown,boxSize:5,color:D})]})]}),(0,f.jsx)(d.HStack,{spacing:1,fontSize:`sm`,justifyContent:`space-between`,color:D,children:(0,f.jsx)(d.HStack,{spacing:2,alignItems:`center`,children:(0,f.jsxs)(d.Text,{color:D,children:[`≈`,` `,o.un(_e??0,{currency:_})]})})})]})}),(0,f.jsx)(d.HStack,{justify:`space-between`,mt:4,children:(0,f.jsx)(d.Text,{fontSize:`md`,fontWeight:`bold`,color:E,children:p(`To`)})}),(0,f.jsx)(d.Box,{borderRadius:`2xl`,bg:T,p:4,children:(0,f.jsxs)(d.VStack,{align:`stretch`,spacing:2,width:`100%`,children:[(0,f.jsxs)(d.HStack,{justify:`space-between`,alignItems:`center`,children:[(0,f.jsx)(d.Input,{value:Number(ge).toLocaleString(void 0,{maximumFractionDigits:Number(ge)>1e4?0:2}),readOnly:!0,variant:`unstyled`,fontSize:`4xl`,fontWeight:`bold`,"data-testid":`swap-output-amount`,color:E}),Ge?(0,f.jsxs)(d.Button,{onClick:()=>P(`select-to-token`),variant:`outline`,size:`sm`,borderRadius:`full`,px:6,color:D,borderColor:D,_hover:{bg:S?`whiteAlpha.300`:`blackAlpha.300`},leftIcon:Ge.logoComponent?u.default.cloneElement(Ge.logoComponent,{boxSize:`20px`,borderRadius:`full`}):Ge.logoUrl?(0,f.jsx)(d.Image,{src:Ge.logoUrl,alt:`${Ge.symbol} logo`,boxSize:`20px`,borderRadius:`full`,fallback:(0,f.jsx)(d.Box,{boxSize:`20px`,borderRadius:`full`,bg:`whiteAlpha.200`,display:`flex`,alignItems:`center`,justifyContent:`center`,children:(0,f.jsx)(d.Text,{fontSize:`8px`,fontWeight:`bold`,color:E,children:Ge.symbol.slice(0,3)})})}):void 0,children:[Ge.symbol,(0,f.jsx)(d.Icon,{as:b.LuChevronDown,boxSize:5,color:D})]}):(0,f.jsxs)(d.Button,{onClick:()=>P(`select-to-token`),variant:`outline`,size:`sm`,borderRadius:`full`,px:6,color:D,borderColor:D,_hover:{bg:S?`whiteAlpha.300`:`blackAlpha.300`,color:O},children:[p(`Select token`),(0,f.jsx)(d.Icon,{as:b.LuChevronDown,boxSize:5,color:D})]})]}),(0,f.jsxs)(d.HStack,{spacing:1,fontSize:`sm`,justifyContent:`space-between`,color:D,children:[(0,f.jsx)(d.HStack,{spacing:2,alignItems:`center`,children:(0,f.jsxs)(d.Text,{color:D,children:[`≈`,` `,o.un(ve??0,{currency:_})]})}),Ge&&(0,f.jsxs)(d.Text,{noOfLines:1,overflow:`hidden`,textOverflow:`ellipsis`,fontSize:`sm`,fontWeight:`medium`,color:D,children:[p(`Balance`),`:`,` `,Number(Ge.balance??0).toLocaleString(void 0,{minimumFractionDigits:2,maximumFractionDigits:2})]})]})]})}),(0,f.jsx)(d.Collapse,{in:H&&!!Q,animateOpacity:!0,children:(0,f.jsxs)(d.VStack,{spacing:1,align:`stretch`,p:4,borderRadius:`2xl`,bg:T,children:[Q&&(0,f.jsxs)(d.HStack,{justify:`space-between`,children:[(0,f.jsxs)(d.Text,{fontSize:`xs`,color:D,children:[p(`Source`),`:`]}),(0,f.jsx)(d.Button,{variant:`outline`,size:`xs`,borderRadius:`full`,px:3,h:`auto`,py:1,cursor:`pointer`,onClick:()=>P(`select-quote`),color:D,borderColor:D,_hover:{bg:S?`whiteAlpha.300`:`blackAlpha.300`},leftIcon:Q.aggregator?.getIcon(`12px`),children:(0,f.jsx)(d.Text,{fontSize:`xs`,color:E,children:Q.aggregatorName})})]}),(0,f.jsxs)(d.VStack,{align:`stretch`,spacing:2,children:[(0,f.jsxs)(d.HStack,{justify:`space-between`,children:[(0,f.jsxs)(d.Text,{fontSize:`xs`,color:D,children:[p(`Slippage tolerance`),`:`]}),(0,f.jsxs)(d.Text,{fontSize:`xs`,fontWeight:`medium`,color:E,children:[W,`%`]})]}),(0,f.jsx)(d.VStack,{spacing:3,align:`stretch`,pt:2,children:(0,f.jsxs)(d.HStack,{spacing:2,children:[(0,f.jsx)(d.Button,{size:`sm`,variant:`outline`,onClick:()=>{G(1)},flex:`0 0 auto`,minW:`60px`,borderRadius:`md`,fontSize:`xs`,bg:de?k:`transparent`,color:de?A:D,borderColor:de?k:D,_hover:{bg:de?k:S?`whiteAlpha.300`:`blackAlpha.300`,opacity:de?.8:1},children:`Auto`}),(0,f.jsx)(d.Button,{size:`sm`,variant:`outline`,onClick:()=>{G(.5)},flex:`0 0 auto`,minW:`60px`,borderRadius:`md`,fontSize:`xs`,bg:W===.5?k:`transparent`,color:W===.5?A:D,borderColor:W===.5?k:D,_hover:{bg:W===.5?k:S?`whiteAlpha.300`:`blackAlpha.300`,opacity:W===.5?.8:1},children:`0.5%`}),(0,f.jsx)(d.Button,{size:`sm`,variant:`outline`,onClick:()=>{G(3)},flex:`0 0 auto`,minW:`60px`,borderRadius:`md`,fontSize:`xs`,bg:W===3?k:`transparent`,color:W===3?A:D,borderColor:W===3?k:D,_hover:{bg:W===3?k:S?`whiteAlpha.300`:`blackAlpha.300`,opacity:W===3?.8:1},children:`3%`}),(0,f.jsxs)(d.InputGroup,{size:`sm`,flex:1,children:[(0,f.jsx)(d.Input,{value:ee,onChange:e=>{let t=e.target.value;if(/^\d*\.?\d*$/.test(t)||t===``)if(K(t),t!==``){let e=parseFloat(t);!isNaN(e)&&e>=0&&e<=100&&G(e)}else G(1)},placeholder:`1`,borderRadius:`md`,textAlign:`right`,pr:8,fontSize:`xs`,color:E}),(0,f.jsx)(d.InputRightElement,{width:`2rem`,pointerEvents:`none`,children:(0,f.jsx)(d.Text,{fontSize:`2xs`,color:D,children:`%`})})]})]})})]}),(0,f.jsxs)(d.HStack,{justify:`space-between`,children:[(0,f.jsxs)(d.Text,{fontSize:`xs`,color:D,children:[p(`Fee`),`:`]}),(0,f.jsx)(d.Text,{fontSize:`xs`,fontWeight:`medium`,color:E,children:be>0?`${be.toLocaleString(void 0,{maximumFractionDigits:2})} VTHO`:`-`})]})]})}),Q&&(0,f.jsx)(d.Box,{minH:`24px`,display:`flex`,alignItems:`center`,justifyContent:`center`,children:(0,f.jsx)(d.Button,{variant:`ghost`,size:`xs`,onClick:()=>U(!H),rightIcon:(0,f.jsx)(d.Icon,{color:O,_hover:{color:D},as:H?b.LuArrowUp:b.LuArrowDown}),fontSize:`xs`,fontWeight:`light`,color:O,_hover:{color:D},children:p(H?`Hide`:`Show Advanced Options`)})}),ae.length>0&&g.isConnectedWithPrivy&&(0,f.jsx)(R,{estimation:Se,isLoading:Ce,isLoadingTransaction:je,onTokenChange:Oe,clauses:ae,userSelectedToken:ne})]})}),(0,f.jsx)(d.ModalFooter,{children:(0,f.jsx)(l.n,{buttonText:p(X?`Loading quote...`:`Swap`),onConfirm:Ae,isSubmitting:je,isTxWaitingConfirmation:Me,transactionPendingText:p(`Swapping...`),txReceipt:Ne,transactionError:Fe,onError:e=>{Le(e)},isDisabled:!F||!L||!B||Number(B)<=0||X||!Q||Q?.reverted===!0||!!($&&B&&Number(B)>Number($.balance))||De,gasEstimationError:we,hasEnoughGasBalance:ke,isLoadingGasEstimation:Ce,showGasEstimationError:!x?.delegatorUrl&&g.isConnectedWithPrivy,context:`transaction`})})]})},de=({setCurrentContent:e,onBack:t=()=>e(`settings`),initialContentSource:n=`settings`})=>{let{t:r}=(0,m.useTranslation)(),{isolatedView:i}=o.$(),a=(0,d.useToken)(`colors`,`vechain-kit-text-primary`),l=(0,d.useToken)(`colors`,`vechain-kit-text-secondary`),u=()=>{t()};return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)(c.n,{children:[(0,f.jsx)(d.ModalHeader,{"data-testid":`modal-title`,children:r(`Choose your account name`)}),!i&&(0,f.jsx)(s.n,{onClick:u}),(0,f.jsx)(d.ModalCloseButton,{})]}),(0,f.jsx)(d.ModalBody,{children:(0,f.jsxs)(d.VStack,{spacing:6,align:`center`,py:8,children:[(0,f.jsx)(d.Icon,{as:b.LuSquareUser,boxSize:16,color:l}),(0,f.jsxs)(d.VStack,{spacing:2,children:[(0,f.jsx)(d.Text,{fontSize:`lg`,fontWeight:`500`,textAlign:`center`,color:a,children:r(`Finally say goodbye to 0x addresses`)}),(0,f.jsx)(d.Text,{fontSize:`md`,color:l,textAlign:`center`,px:4,children:r(`Name your account to make it easier to exchange assets`)})]})]})}),(0,f.jsx)(d.ModalFooter,{children:(0,f.jsx)(d.Button,{variant:`vechainKitPrimary`,onClick:()=>e({type:`choose-name-search`,props:{name:``,setCurrentContent:e,initialContentSource:n}}),"data-testid":`choose-name-button`,children:r(`Choose name`)})})]})},fe=({domain:e,isCurrentDomain:t,onSelect:r})=>{let{connection:i}=a.T(),{t:o}=(0,m.useTranslation)(),s=a.D(e.name,i.network),c=(0,d.useToken)(`colors`,`vechain-kit-card`),l=(0,d.useToken)(`colors`,`vechain-kit-card-hover`),u=(0,d.useToken)(`colors`,`vechain-kit-border`),p=(0,d.useToken)(`colors`,`vechain-kit-text-primary`),h=(0,d.useToken)(`colors`,`vechain-kit-text-secondary`),g=(0,d.useToken)(`colors`,`vechain-kit-card`);return(0,f.jsx)(d.ListItem,{p:4,bg:c,borderRadius:`xl`,cursor:t?`default`:`pointer`,opacity:t?.7:1,border:`1px solid ${u}`,_hover:{bg:t?l:c,borderColor:u},onClick:()=>!t&&r(e.name),transition:`all 0.2s`,children:(0,f.jsxs)(d.HStack,{spacing:3,align:`center`,children:[(0,f.jsx)(I,{props:{width:`40px`,height:`40px`,src:s.image??n.U(e.name),alt:e.name}}),(0,f.jsxs)(d.VStack,{align:`start`,spacing:0,flex:1,children:[(0,f.jsx)(d.Text,{color:p,fontSize:`md`,fontWeight:`500`,children:n.G(e.name,24,0)}),t&&(0,f.jsx)(d.Text,{fontSize:`sm`,color:h,children:o(`Current domain`)})]}),t&&(0,f.jsx)(d.Tag,{size:`sm`,bg:g,color:p,px:3,py:1,borderRadius:`full`,children:o(`Current`)})]})},e.name)},pe=({onUnset:e})=>{let t=(0,d.useToken)(`colors`,`vechain-kit-card`),n=(0,d.useToken)(`colors`,`vechain-kit-card-hover`),r=(0,d.useToken)(`colors`,`vechain-kit-border`),i=(0,d.useToken)(`colors`,`vechain-kit-text-primary`),a=(0,d.useToken)(`colors`,`vechain-kit-text-secondary`),o=(0,d.useToken)(`colors`,`vechain-kit-error`),{t:s}=(0,m.useTranslation)();return(0,f.jsx)(d.ListItem,{p:4,bg:t,borderRadius:`xl`,cursor:`pointer`,opacity:1,border:`1px solid ${r}`,_hover:{bg:n,borderColor:r,color:`red.400`},onClick:e,transition:`all 0.2s`,role:`button`,"aria-label":s(`Unset current domain`),children:(0,f.jsxs)(d.HStack,{spacing:3,align:`center`,children:[(0,f.jsx)(d.Box,{width:`40px`,height:`40px`,borderRadius:`full`,display:`flex`,alignItems:`center`,justifyContent:`center`,bg:t,children:(0,f.jsx)(d.Icon,{as:b.LuTrash2,fontSize:`18px`,color:o})}),(0,f.jsxs)(d.VStack,{align:`start`,spacing:0,flex:1,children:[(0,f.jsx)(d.Text,{color:i,fontSize:`md`,fontWeight:`500`,children:s(`Unset current domain`)}),(0,f.jsx)(d.Text,{fontSize:`sm`,color:a,children:s(`Remove your current domain name`)})]})]})},`unset-domain-list-item`)},X=({domains:e,onDomainSelect:t,onUnsetDomain:n,isLoading:r})=>{let{t:i}=(0,m.useTranslation)(),{account:o}=a.T(),s=(0,d.useToken)(`colors`,`vechain-kit-card`),c=(0,d.useToken)(`colors`,`vechain-kit-card-hover`),l=(0,d.useToken)(`colors`,`vechain-kit-text-primary`),u=(0,d.useToken)(`colors`,`vechain-kit-text-secondary`);return e.length===0||r?null:(0,f.jsx)(d.Accordion,{allowToggle:!0,children:(0,f.jsx)(d.AccordionItem,{border:`none`,children:({isExpanded:a})=>(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)(d.AccordionButton,{bg:s,borderRadius:`xl`,_hover:{bg:c},opacity:r?.7:1,transition:`all 0.2s`,disabled:r,children:[(0,f.jsx)(d.Box,{flex:`1`,textAlign:`left`,py:2,children:(0,f.jsx)(d.Text,{fontWeight:`500`,color:l,children:r?i(`Loading your domains...`):`${i(`Your existing domains`)} (${e.length})`})}),(0,f.jsx)(d.Icon,{as:a?b.LuChevronUp:b.LuChevronDown,fontSize:`20px`,color:u})]}),(0,f.jsx)(d.AccordionPanel,{pb:4,pt:2,children:(0,f.jsxs)(d.List,{spacing:2,children:[e.map(e=>(0,f.jsx)(fe,{domain:e,isCurrentDomain:e.name===o?.domain,onSelect:t},e.name)),o?.domain&&(0,f.jsx)(pe,{onUnset:n})]})})]})})})},Z=({name:e,setCurrentContent:n,initialContentSource:r=`settings`})=>{let{t:i}=(0,m.useTranslation)(),{account:l}=a.T(),{darkMode:p}=t.u(),{isolatedView:h}=o.$(),[g,_]=(0,u.useState)((0,T.ens_normalize)(e)),[v,y]=(0,u.useState)(null),[b,x]=(0,u.useState)(!1),[S,C]=(0,u.useState)(!1),[w,E]=(0,u.useState)(!1),D=(0,d.useToken)(`colors`,`vechain-kit-error`),O=(0,d.useToken)(`colors`,`vechain-kit-success`),k=(0,d.useToken)(`colors`,`vechain-kit-text-secondary`),{data:A,isLoading:j}=o.nr(g),{data:M,isLoading:N}=a.P(`${g}.veworld.vet`),{data:P,isLoading:F}=o.Vn(g),{data:I,isLoading:L}=o.qn(l?.address,``),R=j||N||F;(0,u.useEffect)(()=>{if(!w)return;let e=/[^a-zA-Z0-9-]|\s/.test(g);g.length<3?(y(i(`Name must be at least 3 characters long`)),C(!1),x(!1)):e?(y(i(`Only letters, numbers, and hyphens are allowed`)),C(!1),x(!1)):P?(y(i(`This domain is protected`)),C(!1),x(!1)):A?M?.address?.toLowerCase()===l?.address?.toLowerCase()?(y(null),C(!0),x(!0)):(y(i(`This domain is already taken`)),C(!1),x(!1)):j||(y(null),C(!0),x(!1))},[g,w,A,j,M,l?.address,P,S,R]);let z=()=>{S&&!v&&n({type:`choose-name-summary`,props:{fullDomain:g+`.veworld.vet`,isOwnDomain:b,setCurrentContent:n,initialContentSource:r}})},B=e=>{let t=e.split(`.`);n({type:`choose-name-summary`,props:{fullDomain:e,domainType:t.length>2?`${t[1]}.${t[2]}`:`vet`,isOwnDomain:!0,setCurrentContent:n,initialContentSource:r}})},V=()=>{n({type:`choose-name-summary`,props:{fullDomain:``,domainType:``,isOwnDomain:!1,isUnsetting:!0,setCurrentContent:n,initialContentSource:r}})},H=()=>{n(r)};return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)(c.n,{children:[(0,f.jsx)(d.ModalHeader,{"data-testid":`modal-title`,children:i(`Choose Name`)}),!h&&(0,f.jsx)(s.n,{onClick:H}),(0,f.jsx)(d.ModalCloseButton,{})]}),(0,f.jsx)(d.ModalBody,{children:(0,f.jsxs)(d.VStack,{spacing:4,align:`stretch`,children:[(0,f.jsx)(X,{domains:I?.domains||[],onDomainSelect:B,onUnsetDomain:V,isLoading:L}),(0,f.jsxs)(d.InputGroup,{size:`lg`,children:[(0,f.jsx)(d.Input,{placeholder:i(`Enter your name`),value:g,onChange:e=>{_((0,T.ens_normalize)(e.target.value)),w||E(!0)},paddingRight:`120px`,fontSize:`lg`,height:`60px`,bg:p?`#00000038`:`white`,border:`1px solid ${p?`#ffffff29`:`#ebebeb`}`,_hover:{border:`1px solid ${p?`#ffffff40`:`#e0e0e0`}`},_focus:{border:`1px solid ${p?`#ffffff60`:`#d0d0d0`}`,boxShadow:`none`},isInvalid:!!v,"data-testid":`domain-input`}),(0,f.jsx)(d.InputRightElement,{width:`auto`,paddingRight:`12px`,h:`full`,children:(0,f.jsx)(d.Box,{mr:4,fontSize:`sm`,color:k,children:`.veworld.vet`})})]}),v&&w&&(0,f.jsx)(d.Text,{color:D,fontSize:`sm`,"data-testid":`domain-availability-status`,children:v}),!v&&w&&g.length>=3&&(0,f.jsx)(d.Text,{fontSize:`sm`,color:S?O:D,fontWeight:`500`,"data-testid":`domain-availability-status`,children:i(b?`YOU OWN THIS`:S?`AVAILABLE`:`UNAVAILABLE`)})]})}),(0,f.jsx)(d.ModalFooter,{children:(0,f.jsx)(d.Button,{variant:`vechainKitPrimary`,isDisabled:!S||!!v||P||R,isLoading:R,onClick:z,loadingText:i(`Checking...`),"data-testid":`continue-button`,children:i(`Continue`)})})]})},me=({setCurrentContent:e,fullDomain:n,domainType:r=`veworld.vet`,isOwnDomain:i,isUnsetting:p=!1,initialContentSource:h=`settings`})=>{let{t:g}=(0,m.useTranslation)(),_=(0,d.useToken)(`colors`,`vechain-kit-text-primary`),{isolatedView:v,closeAccountModal:y}=o.$(),{account:x,connectedWallet:S,connection:C}=a.T(),{data:w}=o.b(x?.address??``,S?.address??``,3),{open:T}=o.rt(),{preferences:E}=a._(),{feeDelegation:D}=t.u(),O=e=>{console.error(`Transaction failed:`,e)},k=o.Mn({onSuccess:()=>B()}),A=r.endsWith(`veworld.vet`),j=o.Wn({subdomain:n.split(`.veworld.vet`)[0],domain:r,alreadyOwned:i,onSuccess:()=>B()}),M=o.Un({domain:!p&&!A?n:``,alreadyOwned:i,onSuccess:()=>B()}),{sendTransaction:N,txReceipt:P,error:F,isWaitingForWalletConfirmation:I,isTransactionPending:L,clauses:z}=p?k:A?j:M,B=()=>{e({type:`successful-operation`,props:{setCurrentContent:e,txId:P?.meta.txID,title:g(p?`Domain unset`:`Domain set`),description:p?g(`Your domain has been unset successfully.`):g(`Your address has been successfully set to {{name}}`,{name:n}),onDone:()=>{v?y():e(h)}}})},V=async()=>{if(w){T();return}try{await N()}catch(e){console.error(`Transaction failed:`,e)}},H=()=>{V()},U=()=>{e({type:`choose-name-search`,props:{setCurrentContent:e,name:n,initialContentSource:h}})},[W,G]=u.default.useState(null),[ee,K]=u.default.useState(null),te=E.availableGasTokens.length>0&&(C.isConnectedWithPrivy||C.isConnectedWithVeChain)&&!D?.delegatorUrl,{data:q,isLoading:J,error:Y,refetch:ne}=o.n({clauses:z(),tokens:W?[W]:E.availableGasTokens,enabled:te&&!!D?.genericDelegatorUrl}),re=q?.usedToken,ie=(J||!q)&&C.isConnectedWithPrivy&&!D?.delegatorUrl,ae=u.default.useCallback(e=>{G(e),K(e),setTimeout(()=>ne(),100)},[ne]),oe=!!re&&!Y;return u.default.useEffect(()=>{Y&&W&&G(null)},[Y,W]),(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)(c.n,{children:[(0,f.jsx)(d.ModalHeader,{"data-testid":`confirm-domain`,children:g(p?`Confirm Unset Domain`:`Confirm Name`)}),(0,f.jsx)(s.n,{onClick:U,isDisabled:L}),(0,f.jsx)(d.ModalCloseButton,{isDisabled:L})]}),(0,f.jsxs)(d.ModalBody,{children:[(0,f.jsxs)(d.VStack,{spacing:6,align:`center`,mt:10,children:[(0,f.jsx)(d.Icon,{as:b.LuSquareUser,color:_,fontSize:`60px`,opacity:.5}),(0,f.jsx)(d.Text,{fontSize:`md`,textAlign:`center`,color:_,children:p?g(`By confirming, your current domain will be unset`):g(`By confirming, your address will be set to {{domain}}`,{domain:n})})]}),!p&&(0,f.jsx)(d.VStack,{spacing:4,align:`stretch`,mt:6,children:(0,f.jsx)(d.Text,{fontSize:`xl`,fontWeight:`bold`,color:_,textAlign:`center`,"data-testid":`preconfirm-domain-val`,children:n})}),C.isConnectedWithPrivy&&(0,f.jsx)(R,{estimation:q,isLoading:J,isLoadingTransaction:L,onTokenChange:ae,clauses:z(),userSelectedToken:ee})]}),(0,f.jsx)(d.ModalFooter,{gap:4,w:`full`,children:(0,f.jsx)(l.n,{transactionError:F,isSubmitting:L,isTxWaitingConfirmation:I,onConfirm:V,onRetry:H,transactionPendingText:g(p?`Unsetting current domain...`:`Claiming name...`),txReceipt:P,buttonText:g(`Confirm`),isDisabled:L||ie,onError:O,gasEstimationError:Y,hasEnoughGasBalance:oe,isLoadingGasEstimation:J,showGasEstimationError:!D?.delegatorUrl&&C.isConnectedWithPrivy,context:`domain`})})]})},he=()=>{let{t:e}=(0,m.useTranslation)(),[t,n]=(0,u.useState)(``),r=(0,d.useToken)(`colors`,`vechain-kit-card`),i=(0,d.useToken)(`colors`,`vechain-kit-text-secondary`),a=(0,d.useToken)(`colors`,`vechain-kit-text-tertiary`),o=(0,d.useToken)(`colors`,`vechain-kit-card`),s=(0,d.useToken)(`colors`,`vechain-kit-card-elevated`),c=[{question:e(`What is VeChain?`),answer:e(`VeChain, headquartered in San Marino, Europe, is a pioneering blockchain ecosystem and creator of VeChainThor, a world-class smart contract platform driving real-world blockchain adoption. Founded in 2015 by Sunny Lu, VeChain has consistently worked to deliver a transparent, efficient, scalable, and adaptable blockchain solution.`)},{question:e(`What is a wallet?`),answer:e(`A wallet is your gateway to the VeChain blockchain. It stores your private keys and allows you to securely manage your digital assets, send and receive tokens, and interact with decentralized applications. Think of it as your digital bank account for blockchain transactions.`)},{question:e(`What is a Smart Account?`),answer:e(`A Smart Account is a smart contract wallet that provides enhanced security and functionality. It allows for features like social recovery, transaction batching, and more.`)},{question:e(`How is my wallet secured?`),answer:e(`Your wallet security depends on how you access it. With self-custody options like the VeWorld extension, mobile app, or hardware wallet, you have complete control over your private keys. This extension itself has no access to your private keys. When logging in with social accounts or VeChain, your wallet is created and secured by Privy and managed by VeChain, providing an easier onboarding experience while maintaining security.`)},{question:e(`How do I backup my wallet?`),answer:e(`Backing up your wallet is crucial as you are the only one with access to your private keys. If something goes wrong, having your private key is the only way to recover your assets. How to backup depends on how you access your wallet: If using VeWorld, the backup option is available within the app. For social login users, you can find backup options in the Wallet section. If you're connected through VeChain or another ecosystem app, you'll need to visit the original website, log in, and access the Wallet section from there.`)},{question:e(`What is a network?`),answer:e(`A network in blockchain refers to the environment where transactions take place. VeChain has two main networks: Mainnet (the live network where real transactions occur) and Testnet (a testing environment for developers). The network you're connected to is displayed at the top of this modal.`)},{question:e(`What is a domain name?`),answer:e(`A domain name is a sort of nickname for your wallet address. It allows you to easily identify your wallet and interact with dApps using a human-readable name. For example, if your wallet address is 0x1234567890, your nickname could be "alice.vechain".`)},{question:e(`What is Privy?`),answer:e(`Privy builds user onboarding and embedded wallet infrastructure to enable better products built on crypto rails. This means embedding asset control within applications themselves to enable users, businesses or machines to use digital assets through seamless product experiences.`)},{question:e(`What is VeBetterDAO?`),answer:e(`VeBetterDAO is a decentralized organization on VeChain blockchain focused on sustainability. Members participate in the governance of the DAO using B3TR tokens for rewards and VOT3 for voting in proposals and weekly token allocation rounds.`)},{question:e(`What is an x2earn application?`),answer:e(`An X2Earn application in VeBetterDAO is a sustainable app that rewards users with B3TR tokens for eco-friendly actions. These apps must distribute B3TR, link user wallets, and provide proof of sustainable actions. They join VeBetterDAO through endorsement and participate in weekly token allocation rounds.`)},{question:e(`What is B3TR?`),answer:e(`B3TR is the incentive token of VeBetterDAO, built on VechainThor blockchain. It has a capped supply of 1 billion tokens, emitted weekly over 12 years. B3TR is used for rewards, governance, and backing VOT3 tokens 1:1. It supports sustainability applications and DAO treasury management.`)},{question:e(`What is VET?`),answer:e(`VET is the primary cryptocurrency of the VeChain network. It represents value and ownership in the VeChain ecosystem, similar to how stocks represent ownership in a company. Holding VET automatically generates VTHO, which is needed to pay for transactions on the network.`)},{question:e(`What is VTHO?`),answer:e(`VTHO (VeThor) is the energy or 'gas' token of the VeChain network. It's used to pay for transaction fees when interacting with the blockchain. VTHO is automatically generated by holding VET tokens, creating a two-token system that helps maintain network stability and manage transaction costs.`)},{question:e(`How do I send tokens?`),answer:e(`You can send tokens by clicking the send icon in the Quick Actions section. Enter the recipient's address or VeChain domain name, select the token, and specify the amount you want to send.`)},{question:e(`What is fee delegation?`),answer:e(`Fee delegation is a unique feature of VeChain that allows someone else (a delegator) to pay for your transaction fees. While many dApps and service providers act as delegators to make it easier for new users to get started, some transactions may still require you to pay fees using your own VTHO. Fees are necessary to prevent network spam and compensate the nodes that process and validate transactions on the blockchain. When paying fees yourself, you'll be able to select VTHO from your assets to cover the transaction cost.`)}].filter(e=>e.question.toLowerCase().includes(t.toLowerCase())||typeof e.answer==`string`&&e.answer.toLowerCase().includes(t.toLowerCase()));return(0,f.jsxs)(d.VStack,{spacing:4,align:`stretch`,children:[(0,f.jsxs)(d.InputGroup,{size:`lg`,children:[(0,f.jsx)(d.Input,{placeholder:e(`Search FAQ`),bg:r,borderRadius:`xl`,height:`56px`,pl:12,value:t,onChange:e=>n(e.target.value)}),(0,f.jsx)(d.InputLeftElement,{h:`56px`,w:`56px`,pl:4,children:(0,f.jsx)(b.LuSearch,{color:a})})]}),c.length===0?(0,f.jsxs)(d.VStack,{spacing:2,py:8,color:i,children:[(0,f.jsx)(d.Icon,{as:b.LuSlash,boxSize:12,opacity:.5}),(0,f.jsx)(d.Text,{fontSize:`lg`,children:e(`No questions found`)}),(0,f.jsx)(d.Text,{fontSize:`md`,children:e(`Try searching with a different term`)})]}):(0,f.jsx)(d.Accordion,{allowMultiple:!0,children:c.map((e,t)=>(0,f.jsx)(d.AccordionItem,{border:`none`,mb:2,children:({isExpanded:t})=>(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)(d.AccordionButton,{bg:o,borderRadius:`xl`,color:i,_hover:{bg:s},children:[(0,f.jsx)(d.Box,{flex:`1`,textAlign:`left`,py:2,children:(0,f.jsx)(d.Text,{fontWeight:`500`,color:i,children:e.question})}),(0,f.jsx)(d.Icon,{as:t?b.LuChevronUp:b.LuChevronDown,fontSize:`20px`,opacity:.5})]}),(0,f.jsx)(d.AccordionPanel,{pb:4,children:(0,f.jsx)(d.Text,{fontSize:`sm`,color:i,opacity:.8,children:e.answer})})]})},t))})]})},Q=({onGoBack:e,showLanguageSelector:t=!0})=>{let{i18n:n,t:i}=(0,m.useTranslation)(),{isolatedView:l}=o.$(),u=(0,d.useToken)(`colors`,`vechain-kit-card`),p=(0,d.useToken)(`colors`,`vechain-kit-border`),h=(0,d.useToken)(`colors`,`vechain-kit-border-hover`);return(0,f.jsxs)(F,{children:[(0,f.jsxs)(c.n,{children:[(0,f.jsx)(d.ModalHeader,{children:i(`Help`)}),!l&&(0,f.jsx)(s.n,{onClick:e}),(0,f.jsx)(d.ModalCloseButton,{})]}),(0,f.jsx)(d.ModalBody,{w:`full`,children:(0,f.jsxs)(d.VStack,{spacing:6,align:`stretch`,children:[t&&(0,f.jsx)(d.Select,{borderRadius:`md`,size:`sm`,width:`auto`,value:n.language,onChange:e=>{n.changeLanguage(e.target.value)},bg:u,borderColor:p,_hover:{borderColor:h},children:a.ot.map(e=>(0,f.jsx)(`option`,{value:e,children:a.it[e]},e))}),(0,f.jsx)(d.Button,{as:d.Link,href:r.C,isExternal:!0,variant:`vechainKitSecondary`,rightIcon:(0,f.jsx)(d.Icon,{as:b.LuExternalLink}),children:i(`For developers`)}),(0,f.jsx)(he,{})]})}),(0,f.jsx)(d.ModalFooter,{pt:0})]})},ge=({setCurrentContent:e,initialContentSource:r=`profile`})=>{let{t:i}=(0,m.useTranslation)(),{network:l}=t.u(),{account:p}=a.T(),h=(0,d.useToken)(`colors`,`vechain-kit-text-primary`),g=(0,d.useToken)(`colors`,`vechain-kit-error`),_=(0,d.useToken)(`colors`,`vechain-kit-card`),v=(0,u.useRef)(null),y=(0,u.useRef)(null),[x,S]=(0,u.useState)(!1),{onUpload:C}=o.Pt({compressImage:!0}),[T,E]=(0,u.useState)(null),[D,O]=(0,u.useState)(null),k=!!p?.domain,[A,j]=(0,u.useState)(null),[M,N]=(0,u.useState)(``),[P,F]=(0,u.useState)(``),{register:L,watch:R,formState:{errors:z,isValid:B}}=(0,w.useForm)({defaultValues:{displayName:p?.metadata?.display||``,description:p?.metadata?.description||``},mode:`onChange`});(0,u.useEffect)(()=>{if(p?.metadata){let e=p.metadata;N(e.display||``),F(e.description||``),j(p.image?p.image.replace(`ipfs://`,``):null),E(e=>e??p.image??null)}},[p,l.type]);let V=R(),H=async e=>{let t=e.target.files?.[0];if(t)try{S(!0),T&&URL.revokeObjectURL(T),E(URL.createObjectURL(t));let e=await C(t);if(!e)throw Error(`Failed to compress image`);O(await n.D(e.file,t.name,l.type))}catch(e){console.error(`Error uploading image:`,e),E(null)}finally{S(!1)}};(0,u.useEffect)(()=>()=>{T&&URL.revokeObjectURL(T)},[T]);let W=()=>{let e={};return D!==A&&D&&(e.avatarIpfsHash=D),V.displayName!==M&&(e.displayName=V.displayName),V.description!==P&&(e.description=V.description),e},G=(0,u.useMemo)(()=>{let e=W();return Object.keys(e).length>0},[W]),ee=()=>{e({type:`account-customization-summary`,props:{setCurrentContent:e,changes:W(),onDoneRedirectContent:r}})},K=()=>{e(r)};return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)(c.n,{children:[(0,f.jsx)(d.ModalHeader,{"data-testid":`modal-title`,children:i(`Customization`)}),(0,f.jsx)(s.n,{onClick:K}),(0,f.jsx)(d.ModalCloseButton,{})]}),(0,f.jsxs)(d.ModalBody,{children:[(0,f.jsxs)(d.Box,{cursor:k?`pointer`:`default`,pt:2,display:`flex`,justifyContent:`center`,position:`relative`,onClick:()=>k&&v.current?.click(),children:[(0,f.jsx)(I,{wallet:p,props:{width:`100px`,height:`100px`,boxShadow:`0px 0px 3px 2px #00000024`,src:T??void 0}}),k&&(0,f.jsx)(d.Icon,{as:b.LuCamera,position:`absolute`,top:`80px`,left:`60%`,bg:_,color:h,p:`1`,borderRadius:`full`,boxSize:`6`}),x&&(0,f.jsx)(d.Box,{display:`flex`,alignItems:`center`,justifyContent:`center`,backgroundColor:`rgba(0, 0, 0, 0.5)`,position:`absolute`,transform:`translateX(0%)`,width:`100px`,height:`100px`,borderRadius:`full`,zIndex:10,children:(0,f.jsx)(d.Text,{fontSize:`xs`,color:`white`,children:x?`Uploading...`:`Processing...`})})]}),(0,f.jsxs)(d.VStack,{spacing:6,mt:4,children:[!k&&(0,f.jsx)(Y,{}),(0,f.jsx)(U,{title:p?.domain??i(`Choose account name`),description:i(`Choose a unique .vet domain name for your account.`),onClick:()=>{p?.domain?e({type:`choose-name-search`,props:{name:``,setCurrentContent:e,initialContentSource:{type:`account-customization`,props:{setCurrentContent:e}}}}):e({type:`choose-name`,props:{setCurrentContent:e,initialContentSource:{type:`account-customization`,props:{setCurrentContent:e}},onBack:()=>e({type:`account-customization`,props:{setCurrentContent:e}})}})},leftIcon:b.LuSquareUser,rightIcon:b.LuChevronRight,dataTestId:`set-domain-name-button`}),(0,f.jsxs)(d.FormControl,{isDisabled:!k,isInvalid:!!z.displayName,children:[(0,f.jsx)(d.FormLabel,{fontSize:`sm`,fontWeight:`medium`,color:h,children:i(`Display Name`)}),(0,f.jsx)(d.Input,{...L(`displayName`,{maxLength:{value:25,message:i(`Display name must be less than 25 characters`)}}),placeholder:i(k?`Enter your display name`:`Set a domain first`),fontWeight:`medium`,color:h,"data-testid":`display-name-input`}),z.displayName&&(0,f.jsx)(d.Text,{color:g,fontSize:`sm`,mt:1,fontWeight:`medium`,children:z.displayName.message})]}),(0,f.jsxs)(d.FormControl,{isDisabled:!k,isInvalid:!!z.description,children:[(0,f.jsx)(d.FormLabel,{fontSize:`sm`,fontWeight:`medium`,color:h,children:i(`Description`)}),(0,f.jsx)(d.Textarea,{...L(`description`,{maxLength:{value:100,message:i(`Description must be less than 100 characters`)}}),placeholder:i(`Eg: DevRel @ ENS Labs`),fontWeight:`medium`,color:h,"data-testid":`description-input`,minH:`50px`}),z.description&&(0,f.jsx)(d.Text,{color:g,mt:1,fontSize:`sm`,fontWeight:`medium`,children:z.description.message})]})]}),(0,f.jsx)(`input`,{type:`file`,ref:v,hidden:!0,accept:`image/*`,onChange:async e=>await H(e)}),(0,f.jsx)(`input`,{type:`file`,ref:y,hidden:!0,accept:`image/*`,onChange:async e=>{e.preventDefault()}})]}),(0,f.jsx)(d.ModalFooter,{w:`full`,children:(0,f.jsx)(d.Button,{variant:`vechainKitPrimary`,onClick:ee,isDisabled:!k||!G||!B,isLoading:x,loadingText:i(`Preparing changes...`),"data-testid":`save-changes-button`,children:i(`Save Changes`)})})]})},_e=({setCurrentContent:e,changes:r,onDoneRedirectContent:i})=>{let{t:p}=(0,m.useTranslation)(),{darkMode:g,network:_,feeDelegation:v}=t.u(),y=(0,d.useToken)(`colors`,`vechain-kit-text-primary`),{account:x,connectedWallet:S,connection:C}=a.T(),{preferences:T}=a._(),{data:E}=o.b(x?.address??``,S?.address??``,3),{open:D}=o.rt(),{handleSubmit:O}=(0,w.useForm)({defaultValues:{...r,avatarIpfsHash:r.avatarIpfsHash??void 0}}),k=x?.domain??``,{data:A}=o.Ln(k),j=(0,h.useQueryClient)(),{sendTransaction:M,txReceipt:N,error:P,isWaitingForWalletConfirmation:F,isTransactionPending:I,clauses:L}=o.zn({resolverAddress:A,signerAccountAddress:x?.address??``,onSuccess:async()=>{try{await ue()}catch(e){console.error(`Error refreshing data:`,e)}},onError:e=>{console.error(`Error updating text record:`,e)}}),[z,B]=u.default.useState(!1);u.default.useEffect(()=>{if(!N||N.reverted||z||I)return;let t=N.meta.txID;t&&(B(!0),e({type:`successful-operation`,props:{setCurrentContent:e,txId:t,title:p(`Profile Updated`),description:p(`Your changes have been saved successfully.`),onDone:()=>{e(i)}}}))},[N,z,I,e,p,i]),u.default.useEffect(()=>{I&&B(!1)},[I]);let V=(0,u.useMemo)(()=>{let e=x?.domain??``,t={displayName:`display`,description:`description`,twitter:`com.x`,website:`url`,email:`email`,avatarIpfsHash:`avatar`};return Object.entries(r).filter(e=>e[1]!==void 0&&e[1]!==null).map(([n,r])=>({domain:e,key:t[n],value:n===`avatarIpfsHash`?`ipfs://${r}`:r}))},[r,x?.domain]),H=(0,u.useMemo)(()=>{try{return!A||V.length===0||!L?[]:L(V)}catch(e){return console.error(`Error building clauses:`,e),[]}},[V,L,A]),[U,W]=u.default.useState(null),[G,ee]=u.default.useState(null),K=T.availableGasTokens.length>0&&(C.isConnectedWithPrivy||C.isConnectedWithVeChain)&&!v?.delegatorUrl,{data:te,isLoading:q,error:J,refetch:Y}=o.n({clauses:H,tokens:U?[U]:T.availableGasTokens,enabled:K&&!!v?.genericDelegatorUrl}),ne=te?.usedToken,re=(q||!te)&&C.isConnectedWithPrivy&&!v?.delegatorUrl,ie=u.default.useCallback(e=>{W(e),ee(e),setTimeout(()=>Y(),100)},[Y]),ae=!!ne&&!J;u.default.useEffect(()=>{J&&U&&W(null)},[J,U]);let oe=async()=>{if(E){D();return}try{V.length>0&&await M(V)}catch(e){console.error(`Error saving changes:`,e)}},se=(e,t)=>t?.trim()?(0,f.jsxs)(d.VStack,{align:`flex-start`,w:`full`,spacing:1,children:[(0,f.jsx)(d.Text,{fontSize:`sm`,color:g?`whiteAlpha.600`:`blackAlpha.600`,children:e}),(0,f.jsx)(d.Text,{fontSize:`md`,children:t})]}):null,ce=()=>{O(oe)()},le=()=>{e({type:`account-customization`,props:{setCurrentContent:e}})},ue=async()=>{r.avatarIpfsHash&&(j.setQueryData(o.Yn(k,_.type),n.g(`ipfs://`+r.avatarIpfsHash,_.type)),j.setQueryData(a.O(x?.address??``),n.g(`ipfs://`+r.avatarIpfsHash,_.type))),await j.invalidateQueries({queryKey:a.j(k,_.type)}),await j.refetchQueries({queryKey:a.j(k,_.type)})};return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)(c.n,{children:[(0,f.jsx)(d.ModalHeader,{children:p(`Confirm Changes`)}),(0,f.jsx)(s.n,{isDisabled:I,onClick:le}),(0,f.jsx)(d.ModalCloseButton,{isDisabled:I})]}),(0,f.jsxs)(d.ModalBody,{children:[(0,f.jsxs)(d.VStack,{spacing:6,align:`center`,mt:10,children:[(0,f.jsx)(d.Icon,{as:b.LuFileText,color:y,fontSize:`60px`,opacity:.5}),(0,f.jsx)(d.Text,{fontSize:`md`,textAlign:`center`,color:y,children:p(`By confirming, the following details attached to your name ({{domain}}) will be updated`,{domain:k})})]}),(0,f.jsxs)(d.VStack,{spacing:4,align:`stretch`,mt:6,children:[r.avatarIpfsHash&&(0,f.jsxs)(d.VStack,{align:`flex-start`,w:`full`,spacing:1,children:[(0,f.jsx)(d.Text,{fontSize:`sm`,color:g?`whiteAlpha.600`:`blackAlpha.600`,children:p(`Profile Image`)}),(0,f.jsx)(d.Text,{fontSize:`md`,children:p(`New image selected`)})]}),r.displayName&&se(p(`Display Name`),r.displayName),r.description&&se(p(`Description`),r.description),r.twitter&&se(p(`Twitter`),r.twitter),r.website&&se(p(`Website`),r.website),r.email&&se(p(`Email`),r.email)]}),C.isConnectedWithPrivy&&(0,f.jsx)(R,{estimation:te,isLoading:q,isLoadingTransaction:I,onTokenChange:ie,clauses:H,userSelectedToken:G})]}),(0,f.jsx)(d.ModalFooter,{gap:4,w:`full`,children:(0,f.jsx)(l.n,{transactionError:P,isSubmitting:I,isTxWaitingConfirmation:F,onConfirm:O(oe),onRetry:ce,transactionPendingText:p(`Saving changes...`),txReceipt:N,buttonText:p(`Confirm`),isDisabled:I||re,gasEstimationError:J,hasEnoughGasBalance:ae,isLoadingGasEstimation:q,showGasEstimationError:!v?.delegatorUrl&&C.isConnectedWithPrivy,context:`customization`})})]})},ve=({address:e,showHeader:r=!0,showLinks:i=!0,showDescription:o=!0,showDisplayName:s=!0,setCurrentContent:c,onLogout:l})=>{let{network:u}=t.u(),p=(0,d.useToken)(`colors`,`vechain-kit-text-primary`),m=(0,d.useToken)(`colors`,`vechain-kit-text-secondary`),h=(0,d.useToken)(`colors`,`vechain-kit-card`),g=a.D(e,u.type),_=n.U(e),v=g?.records?.url||g?.records?.[`com.x`]||g?.records?.email,y=e=>{try{let t=new URL(e);return t.protocol===`http:`||t.protocol===`https:`?t.toString():null}catch{return null}};return(0,f.jsxs)(d.VStack,{spacing:0,w:`full`,children:[(0,f.jsx)(d.Box,{p:0,backgroundSize:`100% !important`,backgroundPosition:`center`,position:`relative`,background:r?`no-repeat url('${_}')`:`none`,w:`100%`,borderRadius:`14px 14px 0 0`}),(0,f.jsxs)(d.Box,{position:`relative`,display:`inline-block`,cursor:c?`pointer`:`default`,onClick:c?()=>{c({type:`account-customization`,props:{setCurrentContent:c,initialContentSource:`profile`}})}:void 0,children:[(0,f.jsx)(I,{wallet:{address:e,domain:g?.domain,image:g?.image,isLoadingMetadata:g?.isLoading,metadata:g?.records},props:{width:`120px`,height:`120px`}}),c&&(0,f.jsx)(d.Icon,{as:b.LuPencil,position:`absolute`,bottom:`0`,right:`0`,bg:h,color:p,p:`1`,borderRadius:`full`,boxSize:`6`,border:`2px solid`,borderColor:h})]}),(0,f.jsxs)(d.VStack,{w:`full`,spacing:2,children:[s&&g?.records?.display&&(0,f.jsx)(d.Text,{fontSize:`xl`,color:p,fontWeight:`bold`,w:`full`,textAlign:`center`,mt:2,"data-testid":`display-name-val`,children:g?.records?.display}),o&&g?.records?.description&&(0,f.jsx)(d.Text,{fontSize:`sm`,color:m,w:`full`,textAlign:`center`,"data-testid":`description-val`,children:g?.records?.description}),i&&v&&(0,f.jsxs)(d.HStack,{w:`full`,justify:`center`,spacing:5,mt:4,children:[g?.records?.email&&(0,f.jsx)(d.Link,{href:`mailto:${g?.records?.email}`,target:`_blank`,"data-testid":`mail-link`,children:(0,f.jsx)(d.Icon,{as:b.LuMail,color:p})}),g?.records?.url&&(0,f.jsx)(d.Link,{href:y(g.records.url)??void 0,target:`_blank`,rel:`noopener noreferrer`,"data-testid":`website-link`,children:(0,f.jsx)(d.Icon,{as:b.LuGlobe,color:p})}),g?.records?.[`com.x`]&&(0,f.jsx)(d.Link,{href:`https://x.com/${encodeURIComponent(String(g.records[`com.x`]))}`,target:`_blank`,rel:`noopener noreferrer`,"data-testid":`twitter-link`,children:(0,f.jsx)(d.Icon,{as:S.FaXTwitter,color:p})})]}),(0,f.jsx)(k,{onLogout:l,wallet:{address:e,domain:g?.domain,image:g?.image,isLoadingMetadata:g?.isLoading,metadata:g?.records},style:{mt:4},setCurrentContent:c})]})]})},ye=({onClick:e,...t})=>{let{smartAccount:n,connectedWallet:r,connection:i}=a.T(),[s,c]=(0,u.useState)(!1);(0,u.useEffect)(()=>{c(!localStorage.getItem(`app-first-visit`))},[]);let{data:l}=o.b(n?.address??``,r?.address??``,3),p=i.isConnectedWithPrivy&&l,m=()=>{s&&(localStorage.setItem(`app-first-visit`,`true`),c(!1)),e()};return(0,f.jsx)(d.IconButton,{"aria-label":`Settings`,size:`sm`,variant:`vechainKitHeaderIconButtons`,position:`absolute`,left:`10px`,top:`8px`,lineHeight:`0`,onClick:m,icon:(0,f.jsxs)(d.Box,{position:`relative`,children:[(0,f.jsx)(d.Icon,{as:b.LuSettings2,fontSize:`18px`}),p&&(0,f.jsx)(d.Box,{position:`absolute`,top:`-1px`,right:`-1px`,minWidth:`8px`,height:`8px`,bg:`red.500`,borderRadius:`full`})]}),...t})},be=({setCurrentContent:e,onLogoutSuccess:t,switchFeedback:n})=>{let{t:r}=(0,m.useTranslation)(),{account:i,disconnect:s,connection:l}=a.T(),{switchWallet:u,isSwitching:p,isInAppBrowser:h}=o.Yt(),{isSwitchWalletEnabled:g}=a.L(),{hasAnyBalance:_,formattedBalance:v}=o.on({address:i?.address}),[y]=a.y(a.v.SHOW_ASSETS,!0),x=()=>{h?u():e({type:`select-wallet`,props:{setCurrentContent:e,onClose:()=>{},returnTo:`profile`,onLogoutSuccess:t}})};return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)(c.n,{children:[(0,f.jsx)(d.ModalHeader,{"data-testid":`modal-title`,children:r(`Profile`)}),(0,f.jsx)(ye,{onClick:()=>{e(`settings`)},"data-testid":`settings-button`}),(0,f.jsx)(d.ModalCloseButton,{})]}),(0,f.jsx)(d.ModalBody,{w:`full`,children:(0,f.jsxs)(d.VStack,{w:`full`,spacing:6,children:[(0,f.jsx)(H,{showFeedback:n?.showFeedback}),!i?.domain&&(0,f.jsx)(J,{setCurrentContent:e}),(0,f.jsx)(ve,{onEditClick:()=>{e({type:`account-customization`,props:{setCurrentContent:e,initialContentSource:`profile`}})},address:i?.address??``,showHeader:!1,setCurrentContent:e,onLogout:()=>{s(),t?.()}})]})}),(0,f.jsx)(d.ModalFooter,{w:`full`,children:(0,f.jsxs)(d.HStack,{w:`full`,justify:`space-between`,spacing:4,mt:4,children:[(0,f.jsx)(d.Button,{size:`md`,width:`full`,height:`40px`,variant:`vechainKitSecondary`,leftIcon:_?void 0:(0,f.jsx)(d.Icon,{as:b.LuWalletCards}),onClick:()=>e(`main`),"data-testid":`wallet-button`,children:_?(0,f.jsxs)(d.HStack,{spacing:2,w:`full`,justify:`center`,children:[(0,f.jsx)(G,{address:i?.address??``,maxIcons:2}),(0,f.jsx)(d.Text,{fontWeight:`600`,children:y?v:v[0]+`*`.repeat(v.slice(1).length)})]}):r(`Wallet`)}),l.isInAppBrowser&&g||!l.isInAppBrowser&&l.isConnectedWithDappKit?(0,f.jsx)(d.Button,{size:`md`,width:`full`,height:`40px`,variant:`vechainKitSecondary`,leftIcon:(0,f.jsx)(d.Icon,{as:b.LuArrowLeftRight}),colorScheme:`red`,onClick:async()=>{x()},isLoading:p,isDisabled:p,"data-testid":`switch-wallet-button`,children:r(`Switch`)}):(0,f.jsx)(d.Button,{size:`md`,width:`full`,height:`40px`,variant:`vechainKitSecondary`,leftIcon:(0,f.jsx)(d.Icon,{as:b.LuLogOut}),colorScheme:`red`,onClick:()=>e({type:`disconnect-confirm`,props:{onDisconnect:()=>{s(),t?.()},onBack:()=>e?.(`profile`)}}),"data-testid":`logout-button`,children:r(`Logout`)})]})})]})},xe=({setCurrentContent:e,handleClose:t,initialContent:n=`settings`})=>{let{t:r}=(0,m.useTranslation)(),{smartAccount:i,connectedWallet:u}=a.T(),{data:p}=o.b(i?.address??``,u?.address??``,3),{sendTransaction:h,isTransactionPending:g,isWaitingForWalletConfirmation:_,error:v,txReceipt:y}=o.h({smartAccountAddress:i?.address??``,targetVersion:3,onSuccess:()=>{e({type:`successful-operation`,props:{setCurrentContent:e,txId:y?.meta.txID,title:r(`Upgrade Successful!`),description:r(`Your account has been successfully upgraded to the latest version. You can now enjoy a better user experience, lower gas costs, and enhanced security.`),onDone:()=>{t?t():e(n)},showSocialButtons:!1}})},onError:()=>{console.error(`Error upgrading Smart Account`)}});return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)(c.n,{children:[(0,f.jsx)(d.ModalHeader,{children:r(`Account upgrade required`)}),(0,f.jsx)(s.n,{onClick:()=>{e(n)}}),(0,f.jsx)(d.ModalCloseButton,{})]}),(0,f.jsx)(d.ModalBody,{children:(0,f.jsxs)(d.VStack,{spacing:10,align:`stretch`,children:[(0,f.jsx)(d.Text,{fontSize:`sm`,textAlign:`center`,children:r(p?`Your smart account needs to be upgraded to the latest version (v3).`:`Your smart account is already upgraded to this version.`)}),(0,f.jsxs)(d.HStack,{align:`center`,justifyContent:`space-evenly`,rounded:`md`,children:[(0,f.jsxs)(d.Box,{position:`relative`,display:`inline-block`,children:[(0,f.jsx)(d.Circle,{size:`60px`,bg:`gray.200`,children:(0,f.jsx)(d.Image,{borderRadius:`full`,src:i?.image,alt:r(`Profile Picture`),w:`100%`,h:`100%`,objectFit:`cover`})}),(0,f.jsx)(d.Heading,{position:`absolute`,top:`-5`,right:`-5`,color:`#D23F63`,fontSize:`28px`,children:`v1`})]}),(0,f.jsx)(d.Icon,{as:b.LuArrowRight,color:`#3DBA67`}),(0,f.jsxs)(d.Box,{position:`relative`,display:`inline-block`,children:[(0,f.jsx)(d.Circle,{size:`60px`,bg:`gray.200`,children:(0,f.jsx)(d.Image,{borderRadius:`full`,src:i?.image,alt:r(`Profile Picture`),w:`100%`,h:`100%`,objectFit:`cover`})}),(0,f.jsx)(d.Heading,{position:`absolute`,top:`-5`,right:`-5`,color:`#3DBA67`,fontSize:`28px`,children:`v3`})]})]}),(0,f.jsxs)(d.Alert,{status:`info`,borderRadius:`md`,children:[(0,f.jsx)(d.AlertIcon,{}),(0,f.jsxs)(d.Box,{children:[(0,f.jsx)(d.AlertTitle,{fontSize:`sm`,children:r(`Benefits of this upgrade:`)}),(0,f.jsx)(d.AlertDescription,{fontSize:`xs`,children:(0,f.jsxs)(d.VStack,{align:`start`,spacing:0,mt:1,children:[(0,f.jsxs)(d.Text,{fontSize:`xs`,lineHeight:`1.2`,children:[`• `,r(`Improved security features`)]}),(0,f.jsxs)(d.Text,{fontSize:`xs`,children:[`• `,r(`Better transaction handling`)]}),(0,f.jsxs)(d.Text,{fontSize:`xs`,children:[`•`,` `,r(`Enhanced compatibility with dApps`)]}),(0,f.jsxs)(d.Text,{fontSize:`xs`,children:[`•`,` `,r(`Reduced gas costs for operations`)]})]})})]})]})]})}),(0,f.jsx)(d.ModalFooter,{justifyContent:`center`,children:(0,f.jsxs)(d.VStack,{spacing:3,w:`full`,children:[(0,f.jsx)(l.n,{buttonText:r(p?`Upgrade account`:`Account already upgraded`),onConfirm:async()=>{try{await h()}catch(e){console.error(`Failed to upgrade Smart Account:`,e)}},isTxWaitingConfirmation:_,isSubmitting:g,transactionPendingText:r(`Upgrading...`),txReceipt:y,transactionError:v,isDisabled:!p}),(0,f.jsx)(d.Button,{mt:2,variant:`link`,onClick:()=>{t?t():e(n)},isDisabled:g,children:r(p?`Close and do this later`:`Close`)})]})})]})},Se=({setCurrentContent:e})=>{let{account:n}=a.T(),{sortedTokens:r}=o.sn({address:n?.address}),{allowCustomTokens:i,darkMode:l}=t.u(),{currentCurrency:p}=o.cn(),h=(0,d.useToken)(`colors`,`vechain-kit-text-tertiary`),{t:g}=(0,m.useTranslation)(),{isolatedView:_}=o.$(),[v,y]=(0,u.useState)(``),x=t=>{e({type:`send-token`,props:{setCurrentContent:e,preselectedToken:t,onBack:()=>e(`assets`)}})},S=r.filter(({symbol:e})=>e.toLowerCase().includes(v.toLowerCase()));return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)(c.n,{children:[(0,f.jsx)(d.ModalHeader,{children:g(`Assets`)}),!_&&(0,f.jsx)(s.n,{onClick:()=>e(`main`)}),(0,f.jsx)(d.ModalCloseButton,{})]}),(0,f.jsxs)(d.Container,{h:[`540px`,`auto`],p:0,children:[(0,f.jsxs)(d.ModalBody,{children:[(0,f.jsxs)(d.InputGroup,{size:`lg`,children:[(0,f.jsx)(d.Input,{placeholder:`Search token`,bg:l?`#00000038`:`gray.50`,borderRadius:`xl`,height:`56px`,pl:12,value:v,onChange:e=>y(e.target.value),"data-testid":`search-token-input`}),(0,f.jsx)(d.InputLeftElement,{h:`56px`,w:`56px`,pl:4,children:(0,f.jsx)(b.LuSearch,{color:h})})]}),(0,f.jsx)(d.VStack,{spacing:2,align:`stretch`,mt:2,children:S.map(e=>{let t=Number(e.balance)>0;return(0,f.jsx)(N,{symbol:e.symbol,amount:Number(e.balance),currencyValue:e.valueInCurrency,currentCurrency:p,onClick:()=>x(e),isDisabled:!t},e.address)})})]}),(0,f.jsx)(d.ModalFooter,{children:i&&(0,f.jsx)(d.Button,{variant:`vechainKitSecondary`,leftIcon:(0,f.jsx)(d.Icon,{as:b.LuPencil,boxSize:4}),onClick:()=>e(`add-custom-token`),children:g(`Manage Custom Tokens`)})})]})]})},Ce=({setCurrentContent:e})=>{let{t}=(0,m.useTranslation)(),r=(0,d.useToken)(`colors`,`vechain-kit-text-primary`),i=(0,d.useToken)(`colors`,`vechain-kit-text-secondary`),a=(0,d.useToken)(`colors`,`vechain-kit-card`),l=(0,d.useToken)(`colors`,`vechain-kit-overlay`),{addToken:u,removeToken:p,isTokenIncluded:h,isDefaultToken:g,customTokens:_}=o.yn(),{register:v,setError:y,setValue:x,formState:{errors:S,isValid:C},handleSubmit:T}=(0,w.useForm)({defaultValues:{newTokenAddress:``},mode:`onChange`}),E=async e=>{if(e.newTokenAddress){if(h(e.newTokenAddress)||g(e.newTokenAddress))return y(`newTokenAddress`,{type:`manual`,message:t(`Token already added`)});try{await u(e.newTokenAddress),x(`newTokenAddress`,``)}catch(e){console.error(`Error adding token 2:`,e),y(`newTokenAddress`,{type:`manual`,message:t(`Invalid token address`)})}}};return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)(c.n,{children:[(0,f.jsx)(d.ModalHeader,{children:t(`Manage Custom Tokens`)}),(0,f.jsx)(s.n,{onClick:()=>e(`assets`)}),(0,f.jsx)(d.ModalCloseButton,{})]}),(0,f.jsx)(d.ModalBody,{children:(0,f.jsxs)(d.VStack,{spacing:4,align:`stretch`,position:`relative`,children:[(0,f.jsx)(d.Box,{p:6,borderRadius:`xl`,bg:a,children:(0,f.jsx)(d.VStack,{align:`stretch`,spacing:2,children:(0,f.jsxs)(d.FormControl,{isInvalid:!!S.newTokenAddress,children:[(0,f.jsx)(d.FormLabel,{fontSize:`sm`,fontWeight:`medium`,color:r,children:t(`Token Contract Address`)}),(0,f.jsx)(d.Input,{...v(`newTokenAddress`,{required:t(`Address is required`),pattern:{value:/^0x[a-fA-F0-9]{40}$/,message:t(`Please enter a valid contract address`)},validate:e=>/^0x[a-fA-F0-9]{40}$/.test(e)||t(`Invalid contract address`)}),onChange:e=>{let t=e.target.value.trim();e.target.value=t,x(`newTokenAddress`,t,{shouldValidate:!0})},placeholder:`0x...`,variant:`outline`,fontSize:`md`,fontWeight:`medium`}),S.newTokenAddress&&(0,f.jsx)(d.Text,{color:`#ef4444`,fontSize:`sm`,children:S.newTokenAddress.message})]})})}),_.length>0&&(0,f.jsxs)(d.Box,{p:4,borderRadius:`xl`,bg:l,children:[(0,f.jsx)(d.Text,{fontSize:`sm`,fontWeight:`medium`,mb:2,children:t(`Existing Custom Tokens`)}),(0,f.jsx)(d.VStack,{align:`stretch`,spacing:2,children:_.map(e=>(0,f.jsxs)(d.HStack,{justify:`space-between`,fontSize:`sm`,p:2,borderRadius:`md`,bg:a,children:[(0,f.jsxs)(d.HStack,{children:[(0,f.jsx)(d.Image,{src:n.Q[e?.symbol],alt:`${e.symbol} logo`,boxSize:`20px`,borderRadius:`full`,fallback:(0,f.jsx)(d.Box,{boxSize:`20px`,borderRadius:`full`,bg:`whiteAlpha.200`,display:`flex`,alignItems:`center`,justifyContent:`center`,children:(0,f.jsx)(d.Text,{fontSize:`8px`,fontWeight:`bold`,color:r,children:e.symbol?.slice(0,3)})})}),(0,f.jsx)(d.Text,{fontWeight:`medium`,color:r,children:e.symbol??`Unknown`})]}),(0,f.jsx)(d.Text,{color:i,children:n.W(e.address??``,4,4)}),(0,f.jsx)(d.Button,{size:`sm`,variant:`ghost`,color:r,borderRadius:`md`,p:2,onClick:()=>p(e.address),children:(0,f.jsx)(b.LuTrash2,{size:16,color:r})})]},e.address))})]})]})}),(0,f.jsx)(d.ModalFooter,{children:(0,f.jsx)(d.Button,{variant:`vechainKitPrimary`,isDisabled:!C,onClick:T(E),children:t(`Add Token`)})})]})},we=({setCurrentContent:e})=>{let{t}=(0,m.useTranslation)(),{currentCurrency:r,changeCurrency:a,allCurrencies:l}=o.cn(),p=(0,d.useColorModeValue)(`rgba(0, 0, 0, 0.1)`,`rgba(255, 255, 255, 0.05)`);(0,u.useEffect)(()=>{i.d(`settings-currency-visited`,`true`)},[]);let h=e=>{let t=r===e;return(0,f.jsxs)(d.Button,{w:`full`,variant:`ghost`,justifyContent:`space-between`,onClick:()=>a(e),py:6,px:4,bg:t?p:void 0,children:[(0,f.jsxs)(d.HStack,{spacing:3,children:[(0,f.jsx)(d.Text,{fontSize:`xl`,children:n.C[e]}),(0,f.jsx)(d.Text,{children:e.toUpperCase()})]}),t&&(0,f.jsx)(d.Icon,{as:b.LuCheck,boxSize:5,color:`blue.500`})]},e)};return(0,f.jsxs)(F,{children:[(0,f.jsxs)(c.n,{children:[(0,f.jsx)(d.ModalHeader,{children:t(`Select currency`)}),(0,f.jsx)(s.n,{onClick:()=>e(`settings`)}),(0,f.jsx)(d.ModalCloseButton,{})]}),(0,f.jsx)(d.ModalBody,{w:`full`,children:(0,f.jsx)(d.VStack,{justify:`center`,spacing:3,align:`flex-start`,w:`full`,children:l.map(e=>h(e))})}),(0,f.jsx)(d.ModalFooter,{pt:0})]})},Te=({setCurrentContent:e})=>{let{t,i18n:n}=(0,m.useTranslation)(),r=(0,d.useColorModeValue)(`rgba(0, 0, 0, 0.1)`,`rgba(255, 255, 255, 0.05)`),i=e=>{n.changeLanguage(e)},o=e=>{let t=n.language===e;return(0,f.jsxs)(d.Button,{w:`full`,variant:`ghost`,justifyContent:`space-between`,onClick:()=>i(e),py:6,px:4,bg:t?r:void 0,children:[(0,f.jsx)(d.Text,{children:a.it[e]}),t&&(0,f.jsx)(d.Icon,{as:b.LuCheck,boxSize:5,color:`blue.500`})]},e)};return(0,f.jsxs)(F,{children:[(0,f.jsxs)(c.n,{children:[(0,f.jsx)(d.ModalHeader,{children:t(`Select language`)}),(0,f.jsx)(s.n,{onClick:()=>e(`settings`)}),(0,f.jsx)(d.ModalCloseButton,{})]}),(0,f.jsx)(d.ModalBody,{w:`full`,children:(0,f.jsx)(d.VStack,{justify:`center`,spacing:3,align:`flex-start`,w:`full`,children:a.ot.map(e=>o(e))})}),(0,f.jsx)(d.ModalFooter,{pt:0})]})},Ee=({token:e,index:r,isExcluded:i,onToggleExclusion:a,onDragStart:o,onDragOver:s,onDrop:c,onTouchStart:l,onTouchMove:u,onTouchEnd:p,isDragging:m,isDraggedOver:h})=>{let g=n.Z[e],{darkMode:_}=t.u(),v=(0,d.useToken)(`colors`,`vechain-kit-text-primary`),y=(0,d.useToken)(`colors`,`vechain-kit-text-secondary`),x=(0,d.useToken)(`colors`,`vechain-kit-card`);return(0,f.jsx)(d.Box,{bg:_?`#ffffff0a`:`blackAlpha.50`,borderRadius:`md`,border:`1px`,borderColor:m?_?`blue.500`:`blue.300`:h?_?`blue.400`:`blue.200`:x,p:3,mb:2,opacity:m||i?.5:1,cursor:`move`,transition:`background-color 0.2s ease, border-color 0.2s ease`,draggable:!0,onDragStart:()=>o(r),onDragOver:e=>{e.preventDefault(),s(r)},onDrop:()=>c(r),onTouchStart:e=>l(r,e),onTouchMove:u,onTouchEnd:p,_hover:{backgroundColor:_?`#ffffff12`:`blackAlpha.200`},children:(0,f.jsxs)(d.HStack,{justify:`space-between`,children:[(0,f.jsxs)(d.HStack,{opacity:i?.5:1,children:[(0,f.jsx)(d.Box,{cursor:`grab`,_active:{cursor:`grabbing`},pointerEvents:`none`,children:(0,f.jsx)(d.Icon,{as:b.LuGripVertical,color:y})}),(0,f.jsxs)(d.VStack,{align:`start`,spacing:0,children:[(0,f.jsx)(d.Text,{fontWeight:`medium`,color:v,children:g.name}),(0,f.jsx)(d.Text,{fontSize:`sm`,color:y,children:g.description})]})]}),(0,f.jsx)(d.Switch,{isChecked:!i,onChange:()=>a(e),colorScheme:`blue`,size:`sm`})]})})},De=({tokens:e,excludedTokens:t,onReorder:n,onToggleExclusion:r})=>{let[i,a]=(0,u.useState)(null),[o,s]=(0,u.useState)(null),c=(0,u.useRef)([]),l=(0,u.useRef)(0),p=e=>{a(e)},m=e=>{s(e)},h=t=>{if(i===null||i===t){a(null),s(null);return}let r=[...e],o=r[i];r.splice(i,1),r.splice(t,0,o),n(r),a(null),s(null)},g=(e,t)=>{l.current=t.touches[0].clientY,a(e)},_=e=>{if(i===null)return;let t=e.touches[0].clientY;for(let e=0;e<c.current.length;e++){let n=c.current[e];if(!n)continue;let r=n.getBoundingClientRect();if(t>=r.top&&t<=r.bottom){s(e);break}}},v=()=>{if(i!==null&&o!==null&&i!==o){let t=[...e],r=t[i];t.splice(i,1),t.splice(o,0,r),n(t)}a(null),s(null),l.current=0};return(0,f.jsx)(d.Box,{w:`full`,children:e.map((e,n)=>(0,f.jsx)(d.Box,{ref:e=>{c.current[n]=e},children:(0,f.jsx)(Ee,{token:e,index:n,isExcluded:t.includes(e),onToggleExclusion:r,onDragStart:p,onDragOver:m,onDrop:h,onTouchStart:g,onTouchMove:_,onTouchEnd:v,isDragging:i===n,isDraggedOver:o===n})},e))})},Oe=({setCurrentContent:e})=>{let{t}=(0,m.useTranslation)(),{preferences:n,reorderTokenPriority:r,toggleTokenExclusion:i}=a._(),o=(0,d.useToken)(`colors`,`vechain-kit-text-primary`),l=(0,d.useToken)(`colors`,`vechain-kit-text-secondary`),p=(0,u.useCallback)(e=>{r(e)},[r]);return(0,f.jsxs)(F,{children:[(0,f.jsxs)(c.n,{children:[(0,f.jsx)(d.ModalHeader,{children:t(`Gas Token Preferences`)}),(0,f.jsx)(s.n,{onClick:()=>e(`settings`)}),(0,f.jsx)(d.ModalCloseButton,{})]}),(0,f.jsx)(d.ModalBody,{w:`full`,children:(0,f.jsxs)(d.VStack,{justify:`center`,spacing:6,align:`flex-start`,w:`full`,children:[(0,f.jsx)(d.VStack,{w:`full`,justifyContent:`center`,spacing:3,mb:3,children:(0,f.jsx)(d.Text,{fontSize:`sm`,color:l,textAlign:`center`,children:t(`Choose which tokens to use for transaction fees when the app is not covering them.`)})}),n.availableGasTokens.length===0&&(0,f.jsxs)(d.Alert,{status:`warning`,borderRadius:`md`,children:[(0,f.jsx)(d.AlertIcon,{}),(0,f.jsx)(d.AlertDescription,{fontSize:`sm`,color:l,children:t(`You must enable at least one token to perform transactions. Without any enabled tokens, you will not be able to pay for gas fees.`)})]}),(0,f.jsxs)(d.VStack,{w:`full`,align:`start`,spacing:3,children:[(0,f.jsx)(d.Text,{fontSize:`md`,fontWeight:`semibold`,color:o,children:t(`Token Priority Order`)}),(0,f.jsx)(d.Text,{fontSize:`sm`,color:l,children:t(`Drag to reorder. The system will automatically use the highest priority token with sufficient balance.`)}),(0,f.jsx)(De,{tokens:n.tokenPriority,excludedTokens:n.excludedTokens,onReorder:p,onToggleExclusion:i})]})]})})]})},ke={showMfaEnrollmentModal:()=>{console.warn(`Privy is not configured. Add privy prop to VeChainKitProvider to enable MFA enrollment.`)}},Ae=()=>{let e=!!t.u().privy,n=null;try{n=(0,g.useMfaEnrollment)()}catch{}return!e||!n?ke:{showMfaEnrollmentModal:n.showMfaEnrollmentModal??(()=>{})}},je=({setCurrentContent:e,onLogoutSuccess:n})=>{let{t:r}=(0,m.useTranslation)(),{isolatedView:i}=o.$(),{exportWallet:l,linkPasskey:u}=a.tt(),{showMfaEnrollmentModal:p}=Ae(),{feeDelegation:h}=t.u(),{connection:g,disconnect:_,smartAccount:v,connectedWallet:y}=a.T(),{data:x}=o.b(v?.address??``,y?.address??``,3),S=()=>{e({type:`upgrade-smart-account`,props:{setCurrentContent:e,initialContent:`settings`}})},C=()=>{e(`connection-details`)},w=()=>{_(),n()},T=(0,d.useToken)(`colors`,`vechain-kit-text-secondary`);return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)(c.n,{children:[(0,f.jsx)(d.ModalHeader,{children:r(`Settings`)}),!i&&(0,f.jsx)(s.n,{onClick:()=>e(`profile`)}),(0,f.jsx)(d.ModalCloseButton,{})]}),(0,f.jsxs)(d.ModalBody,{w:`full`,children:[(0,f.jsxs)(d.VStack,{w:`full`,spacing:2,children:[(0,f.jsx)(d.Text,{fontSize:`sm`,fontWeight:`bold`,color:T,textAlign:`left`,w:`full`,children:r(`General`)}),(0,f.jsx)(U,{title:r(`Currency`),onClick:()=>{e(`change-currency`)},leftIcon:b.LuDollarSign,rightIcon:b.LuChevronRight}),(0,f.jsx)(U,{title:r(`Language`),onClick:()=>{e(`change-language`)},leftIcon:b.LuLanguages,rightIcon:b.LuChevronRight}),g.isConnectedWithPrivy&&!h?.delegatorUrl&&(0,f.jsx)(U,{title:r(`Gas Token Preferences`),onClick:()=>{e(`gas-token-settings`)},leftIcon:b.LuFuel,rightIcon:b.LuChevronRight}),(0,f.jsx)(U,{title:r(`Terms and Policies`),onClick:()=>{e({type:`terms-and-privacy`,props:{onGoBack:()=>e(`settings`)}})},leftIcon:b.LuShield,rightIcon:b.LuChevronRight}),(0,f.jsx)(U,{title:r(`Logout`),onClick:()=>e({type:`disconnect-confirm`,props:{onDisconnect:w,onBack:()=>e(`settings`)}}),leftIcon:b.LuLogOut})]}),x&&(0,f.jsx)(d.VStack,{w:`full`,spacing:2,mt:4,children:(0,f.jsx)(U,{title:r(`Upgrade Smart Account to V3`),description:r(`A new version is available for your account`),onClick:S,leftIcon:b.LuSettings2,extraContent:(0,f.jsx)(d.Box,{minWidth:`8px`,height:`8px`,bg:`red.500`,borderRadius:`full`,display:`flex`,alignItems:`center`,justifyContent:`center`,ml:2})})}),g.isConnectedWithSocialLogin&&(0,f.jsxs)(d.VStack,{w:`full`,spacing:2,mt:4,children:[(0,f.jsx)(d.Text,{fontSize:`sm`,fontWeight:`bold`,color:T,textAlign:`left`,w:`full`,children:r(`Access and security`)}),(0,f.jsx)(U,{title:r(`Passkey`),onClick:()=>u(),leftIcon:b.LuFingerprint}),(0,f.jsx)(U,{title:r(`Backup`),onClick:()=>{l()},leftIcon:b.LuKey}),(0,f.jsx)(U,{title:r(`Manage MFA`),onClick:()=>{p()},leftIcon:b.LuShieldCheck}),(0,f.jsx)(U,{title:r(`Login methods`),onClick:()=>{e(`privy-linked-accounts`)},leftIcon:b.LuUserCog,rightIcon:b.LuChevronRight})]}),(0,f.jsxs)(d.VStack,{w:`full`,spacing:2,mt:4,children:[(0,f.jsx)(d.Text,{fontSize:`sm`,fontWeight:`bold`,color:T,textAlign:`left`,w:`full`,children:r(`Help`)}),(0,f.jsx)(U,{title:r(`Connection details`),onClick:C,leftIcon:b.LuUnlink,rightIcon:b.LuChevronRight}),(0,f.jsx)(U,{title:r(`Explore ecosystem`),onClick:()=>e(`ecosystem`),leftIcon:b.LuLayoutGrid,rightIcon:b.LuChevronRight}),(0,f.jsx)(U,{title:r(`Frequently asked questions`),onClick:()=>e({type:`faq`,props:{onGoBack:()=>e(`settings`),showLanguageSelector:!1}}),leftIcon:b.LuCircleHelp,rightIcon:b.LuChevronRight})]})]}),(0,f.jsx)(d.ModalFooter,{p:0})]})},Me=({title:e,description:t,icon:n})=>{let r=(0,d.useToken)(`colors`,`vechain-kit-text-secondary`),i=(0,d.useToken)(`colors`,`vechain-kit-text-primary`);return(0,f.jsxs)(d.VStack,{spacing:6,align:`center`,py:8,children:[(0,f.jsx)(d.Icon,{as:n,boxSize:16,color:r}),(0,f.jsxs)(d.VStack,{spacing:2,children:[(0,f.jsx)(d.Text,{fontSize:`lg`,fontWeight:`500`,textAlign:`center`,color:i,children:e}),(0,f.jsx)(d.Text,{fontSize:`md`,color:r,textAlign:`center`,px:4,children:t})]})]})},Ne=(e,t=`en-US`)=>new Intl.DateTimeFormat(t,{month:`short`,day:`numeric`}).format(new Date(e)),Pe=({document:e})=>{let{t}=(0,m.useTranslation)(),r=(0,d.useToken)(`colors`,`vechain-kit-text-secondary`),i=e.documentSource===n.v.VECHAIN_KIT&&e.documentType===n.y.TERMS;return(0,f.jsxs)(d.HStack,{children:[(0,f.jsxs)(d.Tag,{size:`sm`,borderRadius:`full`,color:r,children:[`v`,e.version]}),(0,f.jsx)(d.Text,{fontSize:`xs`,cursor:`pointer`,color:r,onClick:()=>{window.open(e.url,`_blank`)},_hover:{textDecoration:`underline`},children:i?t(`'{{policyName}}' on connect`,{policyName:e.displayName??t(`Vechain Kit Policy`)}):t(`'{{policyName}}' on {{date}}`,{policyName:e.displayName??t(`Policy`),date:Ne(e.timestamp)})})]})},Fe=({title:e,description:t,documents:n,bg:r,hoverBg:i,currentPolicy:a})=>{let{t:o}=(0,m.useTranslation)(),s=(0,d.useToken)(`colors`,`vechain-kit-text-primary`),c=(0,d.useToken)(`colors`,`vechain-kit-text-secondary`),l=n?.length>0,u=n?.find(e=>e.id===a?.id);return l?(0,f.jsx)(d.AccordionItem,{border:`none`,mb:3,children:({isExpanded:l})=>(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)(d.AccordionButton,{bg:r,borderRadius:`xl`,_hover:{bg:i},children:[(0,f.jsxs)(d.VStack,{w:`full`,align:`flex-start`,textAlign:`left`,children:[(0,f.jsx)(d.Text,{fontWeight:`700`,color:s,children:e}),(0,f.jsx)(d.Text,{fontSize:`xs`,color:c,children:t})]}),(0,f.jsx)(d.Icon,{as:l?b.LuChevronUp:b.LuChevronDown,fontSize:`20px`,color:c})]}),(0,f.jsx)(d.AccordionPanel,{pb:4,pt:3,children:(0,f.jsxs)(d.VStack,{align:`stretch`,spacing:4,children:[u?.id?(0,f.jsxs)(d.HStack,{w:`full`,children:[(0,f.jsx)(d.Icon,{as:b.LuCheck,color:s}),(0,f.jsx)(d.Text,{fontSize:`xs`,color:c,children:o(`You accepted current policy on {{date}}`,{date:Ne(u.timestamp)})})]}):null,(0,f.jsx)(d.HStack,{w:`full`,textAlign:`left`,children:(0,f.jsx)(d.Text,{fontSize:`xs`,fontWeight:`bold`,color:c,children:o(`All policies you have accepted`)})}),(0,f.jsx)(d.HStack,{w:`full`,gap:2,children:(0,f.jsx)(d.VStack,{align:`stretch`,spacing:2,children:n.map(e=>(0,f.jsx)(Pe,{document:e},e.id))})}),a&&(0,f.jsx)(d.Button,{variant:`outline`,size:`xs`,alignSelf:`flex-end`,onClick:()=>{window.open(a.url,`_blank`)},children:o(`View Current Policy`)})]})})]})}):null},Ie=()=>{let{account:e}=a.T(),{t:r}=(0,m.useTranslation)(),{darkMode:i}=t.u(),{agreements:o,documents:s}=t.a(),c=(0,u.useMemo)(()=>{let t=o?.filter(t=>n.k(t.walletAddress,e?.address));return[{id:`vechain-kit-terms`,...n.rt,documentType:n.y.TERMS,documentSource:n.v.VECHAIN_KIT,walletAddress:e?.address??``,timestamp:new Date().getTime()},...t]?.reduce((e,t)=>(e[t.documentType]=[...e[t.documentType]||[],t],e),{})},[o,e?.address]),l=(0,u.useMemo)(()=>s.reduce((e,t)=>{let n=t.documentType;return(!e[n]||t.version>e[n].version)&&(e[n]=t),e},{}),[s]),p=(0,u.useMemo)(()=>Object.values(c).some(e=>e.length>0),[c]),h=i?`whiteAlpha.50`:`blackAlpha.50`,g=i?`whiteAlpha.100`:`blackAlpha.100`,_=(0,u.useMemo)(()=>{let e=[];return c[n.y.TERMS]?.length>0&&e.push(0),c[n.y.PRIVACY]?.length>0&&e.push(1),c[n.y.COOKIES]?.length>0&&e.push(2),e},[c]);return p?(0,f.jsx)(d.VStack,{spacing:4,align:`stretch`,children:(0,f.jsxs)(d.Accordion,{allowMultiple:!0,defaultIndex:_,children:[(0,f.jsx)(Fe,{title:r(`Terms and Conditions`),description:r(`Legal agreement between you, Vechain Kit and the current app, outlining the rules for using wallet services.`),documents:c[n.y.TERMS],bg:h,hoverBg:g,currentPolicy:l[n.y.TERMS]}),(0,f.jsx)(Fe,{title:r(`Privacy Policy`),description:r(`Privacy policy outlining the data collection and processing practices.`),documents:c[n.y.PRIVACY],bg:h,hoverBg:g,currentPolicy:l[n.y.PRIVACY]}),(0,f.jsx)(Fe,{title:r(`Cookie Policy`),description:r(`Cookie policy outlining the use of cookies and tracking technologies.`),documents:c[n.y.COOKIES],bg:h,hoverBg:g,currentPolicy:l[n.y.COOKIES]})]})}):(0,f.jsx)(Me,{title:r(`No policies accepted`),description:r(`When you have accepted a policy, it will appear here`),icon:b.LuGavel})},Le=({onGoBack:e})=>{let{t}=(0,m.useTranslation)();return(0,f.jsxs)(F,{children:[(0,f.jsxs)(c.n,{children:[(0,f.jsx)(d.ModalHeader,{children:t(`Terms and Policies`)}),(0,f.jsx)(s.n,{onClick:e}),(0,f.jsx)(d.ModalCloseButton,{})]}),(0,f.jsx)(d.ModalBody,{w:`full`,children:(0,f.jsx)(d.VStack,{spacing:6,align:`stretch`,children:(0,f.jsx)(Ie,{})})}),(0,f.jsx)(d.ModalFooter,{pt:0})]})},Re=({wallet:e,isActive:r,onSelect:i,onRemove:s,showRemove:c=!0})=>{let{t:l}=(0,m.useTranslation)(),{network:u}=t.u(),{formattedBalance:p,isLoading:h}=o.on({address:e.address}),{domain:g,image:_,isLoading:v}=a.D(e.address,u.type),y=(0,d.useToken)(`colors`,`vechain-kit-text-primary`),x=(0,d.useToken)(`colors`,`vechain-kit-text-secondary`),S=(0,d.useToken)(`colors`,`vechain-kit-border`),C=h||v;return(0,f.jsx)(d.Card,{variant:`vechainKitWalletCard`,onClick:i,borderWidth:r?`2px`:`1px`,borderColor:r?`vechain-kit-primary`:S,_hover:{borderColor:r?`vechain-kit-primary`:`vechain-kit-text-secondary`},children:(0,f.jsx)(d.CardBody,{p:4,children:(0,f.jsxs)(d.HStack,{spacing:3,w:`full`,justifyContent:`space-between`,children:[(0,f.jsxs)(d.HStack,{spacing:3,flex:1,minW:0,children:[(0,f.jsx)(I,{wallet:{address:e.address,domain:g??void 0,image:_??void 0,isLoadingMetadata:v},props:{width:10,height:10}}),(0,f.jsxs)(d.VStack,{spacing:0,alignItems:`flex-start`,flex:1,minW:0,children:[(0,f.jsx)(d.Text,{fontSize:`sm`,fontWeight:`medium`,color:y,noOfLines:1,children:g?n.G(g,22,0):n.W(e.address,6,4)}),(0,f.jsx)(d.Text,{fontSize:`xs`,color:x,noOfLines:1,children:C?l(`Loading...`):p})]})]}),r&&(0,f.jsx)(d.Box,{children:(0,f.jsx)(d.Icon,{as:b.LuCheck,boxSize:5,color:`vechain-kit-primary`})}),c&&!r&&(0,f.jsx)(d.IconButton,{"aria-label":l(`Remove wallet`),icon:(0,f.jsx)(d.Icon,{as:b.LuTrash2}),variant:`vechainKitSecondary`,height:`30px`,w:`30px`,borderRadius:`5px`,onClick:e=>{e.stopPropagation(),s()}})]})})})},ze=e=>n.o(e.map(e=>e.address.toLowerCase()).sort().join(`|`)),Be=({setCurrentContent:e,returnTo:t=`main`,onLogoutSuccess:n})=>{let{t:r}=(0,m.useTranslation)(),{isolatedView:i}=o.$(),{account:l,disconnect:p}=a.T(),{disconnect:h}=a.L(),{open:g}=o.jt(),{getStoredWallets:_,setActiveWallet:v,removeWallet:y}=o.Yt(),{saveWallet:x}=a.E(),{refresh:S}=o.Xt(),C=(0,d.useToken)(`colors`,`vechain-kit-text-secondary`),[w,T]=(0,u.useState)(_()),E=(0,u.useRef)(ze(_())),D=(0,u.useCallback)(()=>{let e=_();T(e),E.current=ze(e)},[_]);(0,u.useEffect)(()=>{D()},[D,l?.address]),(0,u.useEffect)(()=>{let e=()=>{setTimeout(()=>{D()},100)};if(typeof window<`u`)return window.addEventListener(`wallet_switched`,e),()=>{window.removeEventListener(`wallet_switched`,e)}},[D]),(0,u.useEffect)(()=>{let e=setInterval(()=>{ze(_())!==E.current&&D()},200);return()=>clearInterval(e)},[_,D]);let O=(0,u.useMemo)(()=>{let e=w.find(e=>e.isActive);return e?e.address:l?.address??null},[w,l?.address]),k=(0,u.useMemo)(()=>w.find(e=>e.address.toLowerCase()===O?.toLowerCase()),[w,O]),A=(0,u.useMemo)(()=>w.filter(e=>e.address.toLowerCase()!==O?.toLowerCase()),[w,O]),j=(0,u.useCallback)(n=>{n.toLowerCase()!==O?.toLowerCase()&&(k&&x(k.address),v(n),setTimeout(()=>{D()},50),S(),e({type:t,props:{switchFeedback:{showFeedback:!0}}}))},[O,k,l,v,S,e,D,x]),M=(0,u.useCallback)(r=>{let i=r.address.toLowerCase()===O?.toLowerCase(),a=w.filter(e=>e.address.toLowerCase()!==r.address.toLowerCase());e({type:`remove-wallet-confirm`,props:{walletAddress:r.address,walletDomain:null,onConfirm:async()=>{if(i&&a.length>0){let e=a[0];v(e.address)}else if(i&&a.length===0)try{await h()}catch(e){console.error(`Error disconnecting:`,e)}if(y(r.address),setTimeout(()=>{D()},50),a.length===0){n&&n();return}e({type:`select-wallet`,props:{setCurrentContent:e,onClose:()=>{},returnTo:t,onLogoutSuccess:n}})},onBack:()=>{e({type:`select-wallet`,props:{setCurrentContent:e,onClose:()=>{},returnTo:t,onLogoutSuccess:n}})}}})},[y,D,e,t,n,O,w,v,h]),N=(0,u.useCallback)(()=>{g()},[g]),P=()=>{p(),n?.()};return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)(c.n,{children:[!i&&(0,f.jsx)(s.n,{onClick:()=>{e(t)}}),(0,f.jsx)(d.ModalHeader,{children:r(`Select Wallet`)}),(0,f.jsx)(d.ModalCloseButton,{})]}),(0,f.jsx)(d.ModalBody,{w:`full`,children:(0,f.jsxs)(d.VStack,{w:`full`,spacing:4,children:[k&&(0,f.jsxs)(d.VStack,{w:`full`,spacing:2,alignItems:`flex-start`,children:[(0,f.jsx)(d.Heading,{size:`sm`,color:C,children:r(`Active Wallet`)}),(0,f.jsx)(Re,{wallet:k,isActive:!0,onSelect:()=>{},onRemove:()=>M(k),showRemove:w.length>1})]}),A.length>0&&(0,f.jsxs)(d.VStack,{w:`full`,spacing:2,alignItems:`flex-start`,children:[(0,f.jsx)(d.Heading,{size:`sm`,color:C,children:r(`Other Wallets`)}),A.map(e=>(0,f.jsx)(Re,{wallet:e,isActive:!1,onSelect:()=>j(e.address),onRemove:()=>M(e),showRemove:!0},e.address))]})]})}),(0,f.jsx)(d.ModalFooter,{w:`full`,children:(0,f.jsxs)(d.VStack,{w:`full`,spacing:2,children:[(0,f.jsx)(d.Button,{w:`full`,leftIcon:(0,f.jsx)(b.LuPlus,{}),variant:`vechainKitSecondary`,onClick:N,children:r(`Add New Wallet`)}),(0,f.jsx)(d.Button,{w:`full`,leftIcon:(0,f.jsx)(b.LuLogOut,{}),variant:`vechainKitLogout`,onClick:()=>e({type:`disconnect-confirm`,props:{onDisconnect:P,onBack:()=>e({type:`select-wallet`,props:{setCurrentContent:e,onClose:()=>{},returnTo:t,onLogoutSuccess:n}})}}),children:r(`Logout`)})]})})]})},Ve=({walletAddress:e,walletDomain:r,onConfirm:i,onBack:o,onClose:l})=>{let{t:u}=(0,m.useTranslation)(),{network:p}=t.u(),{domain:h}=a.D(e,p.type),g=(0,d.useToken)(`colors`,`vechain-kit-text-primary`),_=h?n.G(h,20,0):n.W(e,6,4);return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)(c.n,{children:[(0,f.jsx)(d.ModalHeader,{children:u(`Remove`)}),(0,f.jsx)(s.n,{onClick:o}),l&&(0,f.jsx)(d.ModalCloseButton,{onClick:l})]}),(0,f.jsx)(d.ModalBody,{children:(0,f.jsxs)(d.VStack,{spacing:6,align:`center`,mt:10,children:[(0,f.jsx)(d.Icon,{as:b.LuTrash2,color:`#ef4444`,fontSize:`60px`,opacity:.5}),(0,f.jsx)(d.Text,{fontSize:`md`,textAlign:`center`,color:g,children:u(`Are you sure you want to remove this wallet?`)}),(0,f.jsx)(d.Text,{fontSize:`sm`,textAlign:`center`,color:`vechain-kit-text-secondary`,fontWeight:`600`,children:_}),(0,f.jsx)(d.Text,{fontSize:`sm`,textAlign:`center`,color:`vechain-kit-text-secondary`,children:n.W(e,8,7)})]})}),(0,f.jsx)(d.ModalFooter,{w:`full`,mt:4,children:(0,f.jsxs)(d.VStack,{spacing:3,w:`full`,children:[(0,f.jsx)(d.Button,{onClick:i,"data-testid":`remove-wallet-button`,variant:`vechainKitLogout`,children:u(`Remove`)}),(0,f.jsx)(d.Button,{variant:`vechainKitSecondary`,onClick:o,"data-testid":`cancel-remove-button`,children:u(`Cancel`)})]})})]})},He=j[`@vechain/dapp-kit-react`]||M[`@vechain/dapp-kit-react`]||`unknown`,Ue=j[`@privy-io/react-auth`]||`unknown`,We=({connectionCache:e})=>{let{t:r}=(0,m.useTranslation)(),{connection:i,smartAccount:s,connectedWallet:c}=a.T(),{source:l}=a.L(),{privy:u,network:p}=t.u(),h=u?.appId,{data:g,isLoading:_}=o.sr(h||[]),{onCopy:v,hasCopied:y}=(0,d.useClipboard)(``),{data:x,isLoading:S}=o.ir(),{data:C,isLoading:w}=a.U(s.address??``,c?.address??``),T=(0,d.useToken)(`colors`,`vechain-kit-card`),E=(0,d.useToken)(`colors`,`vechain-kit-text-secondary`),D=(0,d.useToken)(`colors`,`vechain-kit-text-primary`),O=(()=>i.isConnectedWithCrossApp&&e?.ecosystemApp?e.ecosystemApp.name:i.isConnectedWithSocialLogin&&g?Object.values(g)[0]?.name??null:i.isConnectedWithDappKit&&l?l:null)(),k=i.isConnectedWithSocialLogin&&_,j=({label:e,value:t,isLoading:n=!1,href:r})=>(0,f.jsxs)(d.HStack,{w:`full`,justifyContent:`space-between`,children:[(0,f.jsxs)(d.Text,{fontSize:`sm`,color:D,children:[e,`:`]}),(0,f.jsx)(d.Text,{fontSize:`sm`,as:r?`a`:void 0,href:r,target:`_blank`,rel:`noopener noreferrer`,style:{textDecoration:r?`underline`:`none`},color:E,children:n?`Loading...`:t})]});return k?(0,f.jsx)(d.VStack,{w:`full`,h:`full`,justify:`center`,align:`center`,minH:`200px`,borderRadius:`xl`,bg:T,children:(0,f.jsx)(d.Spinner,{})}):O?(0,f.jsxs)(d.VStack,{p:4,bg:T,borderRadius:`xl`,spacing:4,w:`full`,justifyContent:`space-between`,children:[(0,f.jsx)(j,{label:r(`Logged in with`),value:O}),i.isConnectedWithCrossApp&&e?.timestamp&&(0,f.jsx)(j,{label:r(`At`),value:new Date(e.timestamp).toLocaleString()}),(0,f.jsx)(j,{label:r(`Connection Type`),value:i.source.type,isLoading:i.isLoading}),(0,f.jsx)(d.Divider,{}),(0,f.jsx)(j,{label:r(`Network`),value:p.type}),(0,f.jsx)(j,{label:r(`Node URL`),value:p.nodeUrl||n.ct(p.type).nodeUrl}),i.isConnectedWithPrivy&&(0,f.jsx)(d.Divider,{}),i.isConnectedWithPrivy&&(0,f.jsxs)(d.HStack,{w:`full`,justifyContent:`space-between`,children:[(0,f.jsxs)(d.Text,{fontSize:`sm`,color:D,children:[r(`Embedded wallet`),`:`]}),(0,f.jsxs)(d.HStack,{children:[(0,f.jsx)(d.Text,{fontSize:`sm`,color:E,children:c?.address?n.W(c.address,8,7):`-`}),(0,f.jsx)(d.Icon,{color:E,onClick:()=>{c?.address&&v(c.address)},opacity:c?.address?1:.4,pointerEvents:c?.address?`auto`:`none`,cursor:`pointer`,as:y?b.LuCheck:b.LuCopy})]})]}),i.isConnectedWithPrivy?(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(j,{label:r(`Smart Account`),value:`v${C?.version??``} ${C?.isDeployed?``:`(not deployed)`}`,isLoading:w}),(0,f.jsx)(j,{label:r(`Privy Status`),value:x||``,isLoading:S})]}):s.isDeployed&&(0,f.jsx)(j,{label:r(`Smart Account`),value:`v${C?.version??``}`,isLoading:w}),(0,f.jsx)(d.Divider,{}),(0,f.jsx)(j,{label:r(`VeChain Kit`),value:A,href:`https://github.com/vechain/vechain-kit/releases/tag/${A}`}),(0,f.jsx)(j,{label:`DAppKit`,value:He}),(0,f.jsx)(j,{label:`Privy`,value:Ue})]}):null},$=()=>{let{connection:e}=a.T(),{t:n}=(0,m.useTranslation)(),{privy:i,darkMode:o}=t.u(),{getConnectionCache:s}=a.R(),c=s(),l=(0,d.useToken)(`colors`,`vechain-kit-card`);return e.isConnectedWithPrivy?(0,f.jsxs)(d.VStack,{w:`full`,align:`stretch`,textAlign:`center`,mt:5,p:3,borderRadius:`lg`,bg:l,shadow:`sm`,children:[(0,f.jsx)(d.Text,{fontSize:`xs`,fontWeight:`800`,children:n(`Wallet secured by`)}),(0,f.jsxs)(d.HStack,{justify:`center`,children:[(0,f.jsx)(r.i,{isDark:o,w:`50px`}),(0,f.jsx)(d.Icon,{as:b.LuMinus,ml:3}),e.isConnectedWithVeChain?(0,f.jsx)(r.K,{isDark:o,w:`80px`,h:`auto`,mb:`3px`}):e.isConnectedWithCrossApp&&c&&(0,f.jsx)(d.Image,{src:c.ecosystemApp.logoUrl,alt:c.ecosystemApp.name,maxW:`40px`,borderRadius:`md`}),e.isConnectedWithSocialLogin&&!e.isConnectedWithVeChain&&(0,f.jsx)(d.Image,{src:i?.appearance.logo,alt:i?.appearance.logo,maxW:`40px`,borderRadius:`md`})]})]}):null},Ge=({onGoBack:e})=>{let{t}=(0,m.useTranslation)(),{getConnectionCache:n}=a.R(),r=n()??void 0;return(0,f.jsxs)(F,{children:[(0,f.jsxs)(c.n,{children:[(0,f.jsx)(d.ModalHeader,{children:t(`Connection Details`)}),(0,f.jsx)(s.n,{onClick:()=>{e()}}),(0,f.jsx)(d.ModalCloseButton,{})]}),(0,f.jsxs)(d.ModalBody,{w:`full`,children:[(0,f.jsx)(We,{connectionCache:r}),(0,f.jsx)($,{})]}),(0,f.jsx)(d.ModalFooter,{pt:0})]})},Ke=({accountType:e,accountDescription:t,isLoading:n,onConfirm:r,onCancel:i})=>{let{t:a}=(0,m.useTranslation)();return(0,f.jsxs)(d.VStack,{spacing:6,align:`stretch`,children:[(0,f.jsx)(d.Text,{fontSize:`md`,textAlign:`center`,color:(0,d.useToken)(`colors`,`vechain-kit-text-primary`),children:a(`Are you sure you want to unlink {{accountType}} as a login method linked to {{accountDescription}}?`,{accountType:e,accountDescription:t})}),(0,f.jsxs)(d.VStack,{spacing:3,w:`full`,children:[(0,f.jsx)(d.Button,{height:`60px`,colorScheme:`red`,w:`full`,onClick:r,isLoading:n,children:a(`Remove Login Method`)}),(0,f.jsx)(d.Button,{isLoading:n,height:`60px`,w:`full`,onClick:i,children:a(`Cancel`)})]})]})},qe=({onBack:e})=>{let{t:r}=(0,m.useTranslation)(),{privy:i,dappKit:a}=t.u(),[o,l]=(0,u.useState)(null),[p,h]=(0,u.useState)(!1),[_,v]=(0,u.useState)(!1),[y,C]=(0,u.useState)(!1),w=(0,d.useToken)(`colors`,`vechain-kit-text-primary`),T=(0,d.useToken)(`colors`,`vechain-kit-text-secondary`),{user:E,linkEmail:k,linkGoogle:A,linkTwitter:j,linkPhone:M,linkSpotify:N,linkApple:P,linkInstagram:I,linkTiktok:L,linkGithub:R,linkLinkedIn:z,linkTelegram:B,linkFarcaster:V,linkPasskey:H,linkDiscord:W,unlinkEmail:G,unlinkGoogle:ee,unlinkApple:K,unlinkSpotify:te,unlinkInstagram:q,unlinkTiktok:J,unlinkGithub:Y,unlinkLinkedIn:ne,unlinkTelegram:re,unlinkFarcaster:ie,unlinkPhone:ae,unlinkPasskey:oe,unlinkDiscord:se,linkWallet:ce}=(0,g.usePrivy)(),le=(0,u.useMemo)(()=>{let e=i?.loginMethods?.filter(e=>[`rabby_wallet`,`coinbase_wallet`,`rainbow`,`phantom`,`metamask`].includes(e))??[],t=a?.allowedWallets??[];return e.length>0||t.length>0},[i?.loginMethods,a?.allowedWallets]),ue=e=>{switch(e){case`google_oauth`:return x.FcGoogle;case`email`:return b.LuMail;case`passkey`:return b.LuFingerprint;case`wallet`:return b.LuWallet;case`twitter_oauth`:return S.FaXTwitter;case`phone`:return b.LuPhone;case`spotify_oauth`:return O.FaSpotify;case`apple_oauth`:return O.FaApple;case`instagram_oauth`:return O.FaInstagram;case`tiktok_oauth`:return O.FaTiktok;case`github_oauth`:return b.LuGithub;case`linkedin_oauth`:return O.FaLinkedin;case`telegram`:return O.FaTelegram;case`farcaster`:return D.SiFarcaster;case`discord_oauth`:return O.FaDiscord;default:return}},de=()=>{let e=E?.linkedAccounts?.filter(e=>e.type!==`wallet`||e.type===`wallet`&&e.connectorType!==`embedded`);return e&&e?.length>1},fe=async e=>{if(de()){C(!0);try{switch(e.type){case`google_oauth`:await ee(e.subject);break;case`email`:await G(e.address);break;case`passkey`:await oe(e.subject);break;case`phone`:await ae(e.number);break;case`spotify_oauth`:await te(e.subject);break;case`apple_oauth`:await K(e.subject);break;case`instagram_oauth`:await q(e.subject);break;case`tiktok_oauth`:await J(e.subject);break;case`github_oauth`:await Y(e.subject);break;case`linkedin_oauth`:await ne(e.subject);break;case`telegram`:await re(e.subject);break;case`farcaster`:await ie(e.subject);break;case`discord_oauth`:await se(e.subject);break;default:break}}catch(e){console.error(e)}finally{C(!1),l(null)}}},pe=e=>{switch(e.type){case`google_oauth`:return e.email;case`email`:return e.address;case`passkey`:return`${e.authenticatorName} - ${e.createdWithBrowser}`;case`phone`:return e.number;case`wallet`:return`${n.W(e.address)} - ${e.walletClientType}`;default:return``}},X=E?.linkedAccounts?.map(e=>e.type)||[],Z=i?.loginMethods||[],me=!X.includes(`google_oauth`)&&Z.includes(`google`),he=!X.includes(`email`)&&Z.includes(`email`),Q=!X.includes(`twitter_oauth`)&&Z.includes(`twitter`),ge=!X.includes(`phone`)&&Z.includes(`sms`),_e=!X.includes(`spotify_oauth`)&&Z.includes(`spotify`),ve=!X.includes(`apple_oauth`)&&Z.includes(`apple`),ye=!X.includes(`instagram_oauth`)&&Z.includes(`instagram`),be=!X.includes(`tiktok_oauth`)&&Z.includes(`tiktok`),xe=!X.includes(`github_oauth`)&&Z.includes(`github`),Se=!X.includes(`linkedin_oauth`)&&Z.includes(`linkedin`),Ce=!X.includes(`telegram`)&&Z.includes(`telegram`),we=!X.includes(`farcaster`)&&Z.includes(`farcaster`),Te=!X.includes(`discord_oauth`)&&Z.includes(`discord`);return p?(0,f.jsxs)(F,{children:[(0,f.jsxs)(c.n,{children:[(0,f.jsx)(d.ModalHeader,{children:r(`Select Additional Login Method`)}),(0,f.jsx)(s.n,{onClick:()=>h(!1)}),(0,f.jsx)(d.ModalCloseButton,{})]}),(0,f.jsx)(d.ModalBody,{w:`full`,children:(0,f.jsxs)(d.VStack,{spacing:3,align:`stretch`,w:`full`,children:[(0,f.jsx)(U,{title:r(`Set up Passkey`),description:r(`Set up a passkey for easier access`),onClick:()=>H(),leftIcon:b.LuFingerprint}),me&&(0,f.jsx)(U,{title:r(`Link Google Account`),description:r(`Connect your Google account for easier access`),onClick:()=>A(),leftIcon:x.FcGoogle}),he&&(0,f.jsx)(U,{title:r(`Link Email Account`),description:r(`Connect your email for easier access`),onClick:()=>k(),leftIcon:b.LuMail,stacked:!0}),Q&&(0,f.jsx)(U,{title:r(`Link Twitter Account`),description:r(`Connect your Twitter account for easier access`),onClick:()=>j(),leftIcon:S.FaXTwitter}),ge&&(0,f.jsx)(U,{title:r(`Link Phone Number`),description:r(`Connect your phone number for easier access`),onClick:()=>M(),leftIcon:b.LuPhone}),_e&&(0,f.jsx)(U,{title:r(`Link Spotify Account`),description:r(`Connect your Spotify account for easier access`),onClick:()=>N(),leftIcon:O.FaSpotify}),ve&&(0,f.jsx)(U,{title:r(`Link Apple Account`),description:r(`Connect your Apple account for easier access`),onClick:()=>P(),leftIcon:O.FaApple}),ye&&(0,f.jsx)(U,{title:r(`Link Instagram Account`),description:r(`Connect your Instagram account for easier access`),onClick:()=>I(),leftIcon:O.FaInstagram}),be&&(0,f.jsx)(U,{title:r(`Link Tiktok Account`),description:r(`Connect your Tiktok account for easier access`),onClick:()=>L(),leftIcon:O.FaTiktok}),xe&&(0,f.jsx)(U,{title:r(`Link Github Account`),description:r(`Connect your Github account for easier access`),onClick:()=>R(),leftIcon:b.LuGithub}),Se&&(0,f.jsx)(U,{title:r(`Link LinkedIn Account`),description:r(`Connect your LinkedIn account for easier access`),onClick:()=>z(),leftIcon:O.FaLinkedin}),Ce&&(0,f.jsx)(U,{title:r(`Link Telegram Account`),description:r(`Connect your Telegram account for easier access`),onClick:()=>B(),leftIcon:O.FaTelegram}),we&&(0,f.jsx)(U,{title:r(`Link Farcaster Account`),description:r(`Connect your Farcaster account for easier access`),onClick:()=>V(),leftIcon:D.SiFarcaster}),Te&&(0,f.jsx)(U,{title:r(`Link Discord Account`),description:r(`Connect your Discord account for easier access`),onClick:()=>W(),leftIcon:O.FaDiscord}),le&&(0,f.jsx)(U,{title:r(`Link External Wallet`),description:r(`Connect an external wallet for easier access`),onClick:()=>ce(),leftIcon:b.LuWallet}),!me&&!he&&!Q&&!ge&&!_e&&!ve&&!ye&&!be&&!xe&&!Se&&!Ce&&!we&&!Te&&(0,f.jsx)(d.Text,{fontSize:`sm`,textAlign:`center`,opacity:.7,children:r(`No additional accounts available to link`)})]})}),(0,f.jsx)(d.ModalFooter,{pt:0})]}):o?(0,f.jsxs)(F,{children:[(0,f.jsxs)(c.n,{children:[(0,f.jsx)(d.ModalHeader,{children:r(`Remove Login Method`)}),(0,f.jsx)(s.n,{onClick:()=>l(null)}),(0,f.jsx)(d.ModalCloseButton,{})]}),(0,f.jsx)(d.ModalBody,{children:(0,f.jsx)(Ke,{accountType:o.type,accountDescription:pe(o),isLoading:y,onConfirm:()=>fe(o),onCancel:()=>l(null)})}),(0,f.jsx)(d.ModalFooter,{pt:0})]}):(0,f.jsxs)(F,{children:[(0,f.jsxs)(c.n,{children:[(0,f.jsx)(d.ModalHeader,{children:r(`Login methods`)}),(0,f.jsx)(s.n,{onClick:e}),(0,f.jsx)(d.ModalCloseButton,{})]}),(0,f.jsx)(d.ModalBody,{w:`full`,children:(0,f.jsxs)(d.VStack,{spacing:3,align:`center`,w:`full`,justify:`center`,children:[(0,f.jsxs)(d.VStack,{spacing:1,justify:`flex-start`,alignItems:`flex-start`,mb:5,textAlign:`left`,w:`full`,children:[(0,f.jsx)(d.Text,{fontSize:`sm`,color:T,children:r(`These accounts are linked to your embedded wallet and can be used to login to your wallet and access your private key.`)}),_&&(0,f.jsx)(d.Text,{fontSize:`sm`,color:T,children:r(`Adding more linked accounts increases security against loss of access, but also introduces additional potential attack vectors. For enhanced security, we recommend enabling MFA.`)}),(0,f.jsx)(d.Button,{variant:`link`,mt:0,size:`sm`,onClick:()=>v(!_),color:w,children:r(_?`Show Less`:`Read More`)})]}),E?.linkedAccounts?.filter(e=>e.type!==`wallet`||e.type===`wallet`&&e.connectorType!==`embedded`).map(e=>(0,f.jsxs)(d.Flex,{p:4,borderWidth:`1px`,borderRadius:`md`,align:`center`,justify:`space-between`,w:`full`,children:[(0,f.jsxs)(d.Flex,{align:`center`,gap:3,children:[(0,f.jsx)(d.Icon,{as:ue(e.type),color:w}),(0,f.jsxs)(d.VStack,{align:`start`,spacing:0,children:[(0,f.jsx)(d.Text,{fontWeight:`500`,color:w,children:e.type===`google_oauth`?r(`Google`):e.type===`email`?r(`Email`):e.type===`passkey`?r(`Passkey`):e.type===`twitter_oauth`?r(`Twitter`):e.type===`phone`?r(`Phone Number`):e.type===`spotify_oauth`?r(`Spotify`):e.type===`apple_oauth`?r(`Apple`):e.type===`instagram_oauth`?r(`Instagram`):e.type===`tiktok_oauth`?r(`Tiktok`):e.type===`github_oauth`?r(`Github`):e.type===`linkedin_oauth`?r(`LinkedIn`):e.type===`telegram`?r(`Telegram`):e.type===`farcaster`?r(`Farcaster`):e.type===`discord_oauth`?r(`Discord`):r(`Wallet`)}),(0,f.jsx)(d.Text,{fontSize:`sm`,color:T,children:pe(e)})]})]}),(0,f.jsx)(d.Button,{size:`sm`,variant:`ghost`,colorScheme:`red`,isDisabled:!de(),onClick:()=>{e.type===`passkey`?H():l(e)},children:r(`Remove`)})]},e.type))]})}),(0,f.jsx)(d.ModalFooter,{w:`full`,children:(0,f.jsx)(d.Button,{w:`full`,variant:`vechainKitPrimary`,onClick:()=>h(!0),leftIcon:(0,f.jsx)(d.Icon,{as:b.LuPlus}),isDisabled:!me&&!he&&!Q&&!ge&&!_e&&!ve&&!ye&&!be&&!xe&&!Se&&!Ce&&!we&&!Te,children:r(`Add Login Method`)})})]})},Je=({showArchived:e})=>{let{t}=(0,m.useTranslation)();return(0,f.jsx)(Me,{title:t(e?`No archived notifications`:`No notifications`),description:t(e?`Cleared notifications will appear here`:`When you have notifications, they will appear here`),icon:e?b.LuArchive:b.LuBell})},Ye=({notification:e,isArchiveView:t,onMarkAsRead:n})=>{let{t:r}=(0,m.useTranslation)(),i=()=>{n(e.id)};return e.isRead&&!t?null:(0,f.jsxs)(d.Alert,{status:e.status,variant:`subtle`,borderRadius:`lg`,pr:8,position:`relative`,opacity:e.isRead?.7:1,cursor:`pointer`,_hover:{opacity:.8},"data-testid":`notification-item`,children:[(0,f.jsx)(d.AlertIcon,{boxSize:`16px`}),(0,f.jsxs)(d.Box,{children:[(0,f.jsx)(d.AlertTitle,{fontSize:`sm`,"data-testid":`notification-title`,children:r(e.title)}),(0,f.jsx)(d.AlertDescription,{fontSize:`xs`,lineHeight:`1.2`,"data-testid":`notification-text`,children:r(e.description)})]}),!t&&!e.isRead&&(0,f.jsx)(d.IconButton,{position:`absolute`,right:1,top:1,size:`sm`,variant:`ghost`,icon:(0,f.jsx)(b.LuCircleX,{}),onClick:e=>{e.stopPropagation(),i()},"aria-label":`Mark as read and archive`,"data-testid":`remove-notification-button`})]},e.id)},Xe=({setCurrentContent:e})=>{let{t}=(0,m.useTranslation)(),{isolatedView:n}=o.$(),{getNotifications:r,getArchivedNotifications:i,clearAllNotifications:a,markAsRead:l}=o.X(),[p,h]=(0,u.useState)(!1),[g,_]=(0,u.useState)(r()),[v,y]=(0,u.useState)(i()),x=()=>{a(),y([...v,...g]),_([])},S=e=>{l(e);let t=g.find(t=>t.id===e);_(g.filter(t=>t.id!==e)),t&&y([{...t,isRead:!0},...v])},C=()=>{h(!p)},w=p?v:g,T=[...w].sort((e,t)=>e.id===`welcome`?-1:t.id===`welcome`?1:e.id===`smart-account`?-1:t.id===`smart-account`?1:e.id===`multiclause`?-1:t.id===`multiclause`?1:t.timestamp-e.timestamp);return(0,f.jsxs)(F,{children:[(0,f.jsxs)(c.n,{children:[!n&&(0,f.jsx)(s.n,{onClick:()=>e(`main`)}),(0,f.jsx)(d.ModalHeader,{"data-testid":`modal-title`,children:t(p?`Archived Notifications`:`Notifications`)}),(0,f.jsx)(d.ModalCloseButton,{})]}),(0,f.jsxs)(d.Container,{h:[`540px`,`auto`],p:0,children:[(0,f.jsx)(d.ModalBody,{children:(0,f.jsxs)(d.VStack,{spacing:4,align:`stretch`,w:`full`,children:[(0,f.jsxs)(d.HStack,{justify:`space-between`,children:[(0,f.jsx)(d.Button,{variant:`ghost`,leftIcon:(0,f.jsx)(d.Icon,{as:p?b.LuBell:b.LuArchive}),size:`sm`,onClick:C,"data-testid":`toggle-view-button`,children:t(p?`Current`:`Archived`)}),!p&&g.length>0&&(0,f.jsx)(d.Button,{variant:`ghost`,size:`sm`,onClick:x,"data-testid":`clear-all-button`,children:t(`Clear all`)})]}),w.length===0?(0,f.jsx)(Je,{showArchived:p}):(0,f.jsx)(d.VStack,{spacing:3,children:T.map(e=>(0,f.jsx)(Ye,{notification:e,isArchiveView:p,onMarkAsRead:S},e.id))})]})}),(0,f.jsx)(d.ModalFooter,{pt:0})]})]})},Ze=e=>{switch(e){case`defi`:return`blue`;case`games`:return`green`;case`collectibles`:return`purple`;case`marketplaces`:return`orange`;case`utilities`:return`cyan`;default:return`gray`}},Qe=({category:e,...t})=>{let{t:n}=(0,m.useTranslation)(),r=e.toLowerCase();return(0,f.jsx)(d.Tag,{size:`sm`,colorScheme:Ze(r),borderRadius:`full`,px:2,...t,children:n(r)})},$e=({name:e,imageUrl:t,logoComponent:r,category:i,onClick:a,size:o=`md`})=>(0,f.jsxs)(d.Card,{variant:`vechainKitAppCard`,_hover:{opacity:.8},cursor:`pointer`,onClick:a,position:`relative`,children:[i&&(0,f.jsx)(d.Box,{position:`absolute`,top:`2`,right:`2`,zIndex:`1`,children:(0,f.jsx)(Qe,{category:i})}),(0,f.jsx)(d.CardBody,{p:o===`sm`?2:4,alignItems:`center`,children:(0,f.jsxs)(d.VStack,{spacing:2,h:`100%`,justifyContent:`space-between`,children:[r||t&&(0,f.jsx)(d.Image,{src:t,fallbackSrc:n.st,alt:e,height:`90px`,objectFit:`contain`,rounded:`full`}),e&&(0,f.jsx)(d.Text,{fontWeight:`medium`,wordBreak:`break-word`,noOfLines:1,textAlign:`center`,w:`full`,children:e})]})})]}),et=({xApp:e,setCurrentContent:t,selectedCategory:n})=>{let{data:r,isLoading:i}=o.Jt(e.id),{data:a,isLoading:s}=o.Ht(r?.logo);return(0,f.jsx)(d.Skeleton,{isLoaded:!i&&!s,borderRadius:`md`,height:`100%`,children:(0,f.jsx)($e,{name:r?.name??``,imageUrl:a?.image??``,linkUrl:r?.external_url??``,category:`vebetter`,onClick:()=>{r?.name&&t({type:`app-overview`,props:{name:r.name,image:a?.image??``,url:r?.external_url??``,description:r?.description??``,category:`vebetter`,selectedCategory:n,setCurrentContent:t}})}})})},tt=({name:e,image:t,url:n,description:r,category:i,logoComponent:a,selectedCategory:o,setCurrentContent:s})=>(0,f.jsx)($e,{name:e,imageUrl:t,linkUrl:n,category:i,onClick:()=>{s({type:`app-overview`,props:{name:e,image:t,url:n,description:r,category:i,logoComponent:a,selectedCategory:o,setCurrentContent:s}})},...a&&{logoComponent:a}}),nt=({})=>{let{t:e}=(0,m.useTranslation)(),{shortcuts:t}=o.cr();return t.length===0?null:(0,f.jsxs)(d.VStack,{w:`full`,align:`flex-start`,spacing:2,children:[(0,f.jsx)(d.Text,{fontSize:`sm`,fontWeight:`500`,children:e(`Shortcuts`)}),(0,f.jsx)(d.Grid,{templateColumns:`repeat(4, 1fr)`,gap:2,w:`full`,children:t.map(e=>(0,f.jsx)(d.GridItem,{children:(0,f.jsx)(d.Card,{_hover:{opacity:.8},cursor:`pointer`,onClick:()=>window.open(e.url,`_blank`),children:(0,f.jsx)(d.CardBody,{p:2,alignItems:`center`,children:(0,f.jsx)(d.Image,{src:e.image,fallbackSrc:n.st,alt:e.name,objectFit:`contain`,rounded:`full`})})})},e.url))})]})},rt=({selectedCategory:e,onCategoryChange:t,categories:n,darkMode:r})=>{let{t:i}=(0,m.useTranslation)();return(0,f.jsxs)(d.Box,{width:`full`,mb:4,children:[(0,f.jsx)(d.Text,{fontSize:`sm`,fontWeight:`500`,mb:2,children:i(`Filter by category`)}),(0,f.jsxs)(d.Wrap,{spacing:2,children:[(0,f.jsx)(d.WrapItem,{children:(0,f.jsx)(d.Tag,{size:`md`,borderRadius:`full`,variant:e===null?`solid`:`outline`,colorScheme:r?`gray`:`blackAlpha`,cursor:`pointer`,onClick:()=>t(null),children:i(`All`)})}),n.map(n=>(0,f.jsx)(d.WrapItem,{children:(0,f.jsx)(Qe,{category:n,size:`md`,variant:e===n?`solid`:`outline`,cursor:`pointer`,onClick:()=>t(n)})},n))]})]})},it=[{name:`VeBetterDAO`,description:`Engage, earn and prosper by doing sustainable actions.`,external_url:r.y,logo:new URL(`/static/img/coins/64x64/33509.png`,r.c).toString(),banner:new URL(`/static/img/icons/vbd.png`,r.c).toString(),screenshots:[],social_urls:[],app_urls:[],tweets:[],ve_world:{banner:new URL(`/static/img/icons/vbd.png`,r.c).toString()},categories:[]},{name:`vet.domains`,description:`.vet.domains provides a unique and unchangeable identity for Vechain users by linking information to their wallet addresses. It becomes easier for people to use the blockchain by replacing complicated wallet addresses with easy-to-remember names.`,external_url:r.k,logo:new URL(`/assets/walletconnect.png`,r.k).toString(),banner:new URL(`/assets/walletconnect.png`,r.k).toString(),screenshots:[],social_urls:[],app_urls:[],tweets:[],ve_world:{banner:new URL(`/assets/walletconnect.png`,r.k).toString()},categories:[]}],at=({setCurrentContent:e,selectedCategory:n})=>{let{t:r}=(0,m.useTranslation)(),{darkMode:i,network:a}=t.u(),{isolatedView:l}=o.$(),p=(0,d.useToken)(`colors`,`vechain-kit-text-tertiary`),[h,g]=(0,u.useState)(``),[_,v]=(0,u.useState)(n||null);(0,u.useEffect)(()=>{n!==void 0&&v(n)},[n]);let{data:y}=o.an(),{data:x}=o.Zt(y?(parseInt(y)-1).toString():`1`),{data:S,isLoading:C,error:w}=o.B(),T=(0,u.useMemo)(()=>{let e=new Set;return a.type===`main`&&x&&x.length>0&&e.add(`vebetter`),S&&S.forEach(t=>{t.category&&e.add(t.category)}),Array.from(e).sort()},[S,x,a.type]),E=a.type===`main`?x.filter(e=>e.app.name.toLowerCase().includes(h.toLowerCase())):[],D=it.filter(e=>e.name.toLowerCase().includes(h.toLowerCase())),O=S?.filter(e=>(e.name.toLowerCase().includes(h.toLowerCase())||e.description.toLowerCase().includes(h.toLowerCase())||e.tags.some(e=>e.toLowerCase().includes(h.toLowerCase())))&&(_===null||e.category===_))||[],k=_===null,A=_===null||_===`vebetter`,{shortcuts:j}=o.cr();return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)(c.n,{children:[(0,f.jsx)(d.ModalHeader,{children:r(`Ecosystem`)}),!l&&(0,f.jsx)(s.n,{onClick:()=>e(`settings`)}),(0,f.jsx)(d.ModalCloseButton,{})]}),(0,f.jsx)(d.ModalBody,{overflowY:`auto`,minH:`300px`,children:(0,f.jsxs)(d.VStack,{spacing:6,w:`full`,children:[(0,f.jsx)(nt,{setCurrentContent:e}),j.length>0&&(0,f.jsx)(d.Text,{fontSize:`sm`,fontWeight:`500`,w:`full`,textAlign:`left`,children:r(`All apps`)}),(0,f.jsxs)(d.InputGroup,{size:`lg`,children:[(0,f.jsx)(d.Input,{placeholder:r(`Search Apps`),value:h,onChange:e=>{g(e.target.value)},bg:i?`#00000038`:`gray.50`,borderRadius:`xl`,height:`56px`,pl:12}),(0,f.jsx)(d.InputLeftElement,{h:`56px`,w:`56px`,pl:4,children:(0,f.jsx)(b.LuSearch,{color:p})})]}),T.length>0&&(0,f.jsx)(rt,{selectedCategory:_,onCategoryChange:e=>{v(e)},categories:T,darkMode:i}),(0,f.jsxs)(d.Grid,{templateColumns:`repeat(2, 1fr)`,gap:4,w:`full`,children:[k&&D.length>0&&(0,f.jsx)(f.Fragment,{children:D.map(t=>(0,f.jsx)(d.GridItem,{children:(0,f.jsx)(tt,{name:t.name,image:t.logo,url:t.external_url,setCurrentContent:e,description:t.description,selectedCategory:_})},t.name))}),A&&E.length>0&&(0,f.jsx)(f.Fragment,{children:E.map(t=>(0,f.jsx)(d.GridItem,{children:(0,f.jsx)(et,{xApp:t.app,setCurrentContent:e,selectedCategory:_})},t.id))}),C?(0,f.jsx)(d.GridItem,{colSpan:2,children:(0,f.jsx)(d.Center,{py:4,children:(0,f.jsx)(d.Spinner,{})})}):w?(0,f.jsx)(d.GridItem,{colSpan:2,children:(0,f.jsx)(d.Text,{color:`red.500`,textAlign:`center`,children:r(`Failed to load App Hub apps`)})}):O.length>0?O.map(t=>(0,f.jsx)(d.GridItem,{children:(0,f.jsx)(tt,{name:t.name,image:t.logo,url:t.url,setCurrentContent:e,description:t.description,category:t.category,selectedCategory:_})},t.id)):_&&!A&&(0,f.jsx)(d.GridItem,{colSpan:2,children:(0,f.jsx)(d.Center,{py:4,children:(0,f.jsx)(d.Text,{children:r(`No apps found in this category`)})})})]})]})}),(0,f.jsx)(d.ModalFooter,{pt:0})]})},ot=({name:e,image:t,url:n,description:r})=>{let{t:i}=(0,m.useTranslation)(),{isShortcut:a,addShortcut:s,removeShortcut:c}=o.cr(),l=a(n);return(0,f.jsx)(d.Button,{px:4,width:`full`,height:`45px`,variant:`vechainKitSecondary`,borderRadius:`xl`,onClick:()=>{l?c(n):s({name:e,image:t,url:n,description:r})},leftIcon:(0,f.jsx)(d.Icon,{as:l?b.LuBookmarkCheck:b.LuBookmark}),children:i(l?`Remove from shortcuts`:`Add to shortcuts`)})},st=({setCurrentContent:e,name:t,image:n,url:r,description:i,category:a,selectedCategory:o,logoComponent:l})=>{let{t:u}=(0,m.useTranslation)();return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)(c.n,{children:[(0,f.jsx)(d.ModalHeader,{children:t}),(0,f.jsx)(s.n,{onClick:()=>{e(o?{type:`ecosystem-with-category`,props:{selectedCategory:o,setCurrentContent:e}}:`ecosystem`)}}),(0,f.jsx)(d.ModalCloseButton,{})]}),(0,f.jsx)(d.ModalBody,{children:(0,f.jsxs)(d.VStack,{spacing:6,align:`center`,w:`full`,children:[(0,f.jsxs)(d.Flex,{direction:`column`,align:`center`,children:[l||(0,f.jsx)(d.Image,{src:n,alt:t,w:`200px`,h:`200px`,objectFit:`contain`,borderRadius:`xl`}),a&&(0,f.jsx)(d.HStack,{mt:2,children:(0,f.jsx)(Qe,{category:a})})]}),(0,f.jsx)(d.Text,{fontSize:`sm`,textAlign:`center`,children:i}),(0,f.jsx)(d.Text,{fontSize:`sm`,textAlign:`center`,children:u(`Click below to access {{ name }} and explore its features.`,{name:t})})]})}),(0,f.jsx)(d.ModalFooter,{children:(0,f.jsxs)(d.VStack,{w:`full`,spacing:4,children:[(0,f.jsxs)(d.Button,{variant:`vechainKitSecondary`,onClick:()=>{window.open(r,`_blank`)},children:[u(`Launch {{name}}`,{name:t}),(0,f.jsx)(d.Icon,{as:b.LuExternalLink,ml:2})]}),(0,f.jsx)(ot,{name:t,image:n,url:r,description:i})]})})]})},ct=({txId:e,title:r,description:i,onDone:a,showSocialButtons:o=!1})=>{let{t:s}=(0,m.useTranslation)(),{network:u}=t.u(),p=n.ct(u.type).explorerUrl,h=`${p}/${e}`,g=(0,d.useToken)(`colors`,`vechain-kit-success`),_=(0,d.useToken)(`colors`,`vechain-kit-text-primary`),v=(0,d.useToken)(`colors`,`vechain-kit-text-secondary`);return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)(c.n,{children:[(0,f.jsx)(d.ModalHeader,{children:r}),(0,f.jsx)(d.ModalCloseButton,{})]}),(0,f.jsx)(d.ModalBody,{children:(0,f.jsxs)(d.VStack,{align:`center`,p:6,spacing:3,children:[(0,f.jsx)(d.Icon,{as:b.LuCircleCheck,fontSize:`100px`,color:g,"data-testid":`success-icon`}),i&&(0,f.jsx)(d.Text,{fontSize:`sm`,textAlign:`center`,color:_,children:i}),o&&e&&(0,f.jsxs)(d.VStack,{mt:2,spacing:3,children:[(0,f.jsx)(d.Text,{fontSize:`sm`,fontWeight:`bold`,color:v,children:s(`Share on`)}),(0,f.jsx)(l.t,{description:h})]})]})}),(0,f.jsx)(d.ModalFooter,{justifyContent:`center`,children:(0,f.jsxs)(d.VStack,{width:`full`,spacing:4,children:[(0,f.jsx)(d.Button,{onClick:a,variant:`vechainKitSecondary`,width:`full`,children:s(`Done`)}),e&&(0,f.jsx)(d.Link,{href:`${p}/${e}`,isExternal:!0,opacity:.5,fontSize:`14px`,textDecoration:`underline`,children:(0,f.jsxs)(d.HStack,{spacing:1,alignItems:`center`,w:`full`,justifyContent:`center`,children:[(0,f.jsx)(d.Text,{color:v,children:s(`View transaction on the explorer`)}),(0,f.jsx)(d.Icon,{size:16,as:b.LuExternalLink})]})})]})})]})},lt=({txId:e,title:r,description:i,onDone:a})=>{let{t:o}=(0,m.useTranslation)(),{network:s,darkMode:l}=t.u(),u=n.ct(s.type).explorerUrl;return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)(c.n,{children:[(0,f.jsx)(d.ModalHeader,{children:r}),(0,f.jsx)(d.ModalCloseButton,{})]}),(0,f.jsx)(d.ModalBody,{children:(0,f.jsxs)(d.VStack,{align:`center`,p:6,spacing:3,children:[(0,f.jsx)(d.Icon,{as:b.LuCircleAlert,fontSize:`100px`,color:l?`red.400`:`red.500`,"data-testid":`error-icon`}),i&&(0,f.jsx)(d.Text,{fontSize:`sm`,textAlign:`center`,children:i})]})}),(0,f.jsx)(d.ModalFooter,{justifyContent:`center`,children:(0,f.jsxs)(d.VStack,{width:`full`,spacing:4,children:[(0,f.jsx)(d.Button,{onClick:a,variant:`vechainKitSecondary`,width:`full`,children:o(`Done`)}),e&&(0,f.jsx)(d.Link,{href:`${u}/${e}`,isExternal:!0,opacity:.5,fontSize:`14px`,textDecoration:`underline`,children:(0,f.jsxs)(d.HStack,{spacing:1,alignItems:`center`,w:`full`,justifyContent:`center`,children:[(0,f.jsx)(d.Text,{children:o(`View transaction on the explorer`)}),(0,f.jsx)(d.Icon,{size:16,as:b.LuExternalLink})]})})]})})]})},ut=({isOpen:e,onClose:n,initialContent:r=`profile`})=>{let{account:i}=a.T(),{themeConfig:o}=t.r(),{accountModalContent:l,setAccountModalContent:d}=a.S();return(0,u.useEffect)(()=>{e&&d(r)},[e,r,d]),(0,f.jsx)(c.t,{isOpen:e,onClose:n,allowExternalFocus:!0,blockScrollOnMount:!0,mobileMinHeight:o?.modal?.useBottomSheetOnMobile?`520px`:`510px`,mobileMaxHeight:o?.modal?.useBottomSheetOnMobile?`520px`:`510px`,desktopMinHeight:`485px`,desktopMaxHeight:`485px`,children:(()=>{if(typeof l==`object`)switch(l.type){case`send-token`:return(0,f.jsx)(ie,{...l.props});case`send-token-summary`:return(0,f.jsx)(ae,{...l.props});case`swap-token`:return(0,f.jsx)(ue,{...l.props});case`choose-name`:return(0,f.jsx)(de,{...l.props});case`choose-name-search`:return(0,f.jsx)(Z,{...l.props});case`choose-name-summary`:return(0,f.jsx)(me,{...l.props});case`app-overview`:return(0,f.jsx)(st,{...l.props,setCurrentContent:d});case`disconnect-confirm`:return(0,f.jsx)(s.t,{...l.props});case`remove-wallet-confirm`:return(0,f.jsx)(Ve,{...l.props});case`account-customization`:return(0,f.jsx)(ge,{...l.props});case`account-customization-summary`:return(0,f.jsx)(_e,{...l.props});case`successful-operation`:return(0,f.jsx)(ct,{...l.props});case`failed-operation`:return(0,f.jsx)(lt,{...l.props});case`upgrade-smart-account`:return(0,f.jsx)(xe,{...l.props});case`faq`:return(0,f.jsx)(Q,{...l.props});case`terms-and-privacy`:return(0,f.jsx)(Le,{...l.props});case`ecosystem-with-category`:return(0,f.jsx)(at,{setCurrentContent:d,selectedCategory:l.props.selectedCategory});case`select-wallet`:return(0,f.jsx)(Be,{setCurrentContent:d,onClose:n,returnTo:l.props.returnTo,onLogoutSuccess:l.props.onLogoutSuccess});case`main`:return(0,f.jsx)(ne,{setCurrentContent:d,onClose:n,wallet:i,switchFeedback:l.props?.switchFeedback});case`profile`:return(0,f.jsx)(be,{setCurrentContent:d,onLogoutSuccess:()=>{n()},switchFeedback:l.props?.switchFeedback})}switch(l){case`main`:return(0,f.jsx)(ne,{setCurrentContent:d,onClose:n,wallet:i});case`settings`:return(0,f.jsx)(je,{setCurrentContent:d,onLogoutSuccess:()=>{n()}});case`profile`:return(0,f.jsx)(be,{setCurrentContent:d,onLogoutSuccess:()=>{n()}});case`assets`:return(0,f.jsx)(Se,{setCurrentContent:d});case`notifications`:return(0,f.jsx)(Xe,{setCurrentContent:d});case`receive-token`:return(0,f.jsx)(oe,{setCurrentContent:d});case`swap-token`:return(0,f.jsx)(ue,{setCurrentContent:d});case`connection-details`:return(0,f.jsx)(Ge,{onGoBack:()=>d(`settings`)});case`privy-linked-accounts`:return(0,f.jsx)(qe,{onBack:()=>d(`settings`)});case`ecosystem`:return(0,f.jsx)(at,{setCurrentContent:d});case`add-custom-token`:return(0,f.jsx)(Ce,{setCurrentContent:d});case`change-currency`:return(0,f.jsx)(we,{setCurrentContent:d});case`change-language`:return(0,f.jsx)(Te,{setCurrentContent:d});case`gas-token-settings`:return(0,f.jsx)(Oe,{setCurrentContent:d});default:return null}})()})};Object.defineProperty(exports,`A`,{enumerable:!0,get:function(){return W}}),Object.defineProperty(exports,`B`,{enumerable:!0,get:function(){return A}}),Object.defineProperty(exports,`C`,{enumerable:!0,get:function(){return re}}),Object.defineProperty(exports,`D`,{enumerable:!0,get:function(){return q}}),Object.defineProperty(exports,`E`,{enumerable:!0,get:function(){return J}}),Object.defineProperty(exports,`F`,{enumerable:!0,get:function(){return L}}),Object.defineProperty(exports,`I`,{enumerable:!0,get:function(){return I}}),Object.defineProperty(exports,`L`,{enumerable:!0,get:function(){return F}}),Object.defineProperty(exports,`M`,{enumerable:!0,get:function(){return H}}),Object.defineProperty(exports,`N`,{enumerable:!0,get:function(){return V}}),Object.defineProperty(exports,`O`,{enumerable:!0,get:function(){return ee}}),Object.defineProperty(exports,`P`,{enumerable:!0,get:function(){return R}}),Object.defineProperty(exports,`R`,{enumerable:!0,get:function(){return P}}),Object.defineProperty(exports,`S`,{enumerable:!0,get:function(){return ie}}),Object.defineProperty(exports,`T`,{enumerable:!0,get:function(){return Y}}),Object.defineProperty(exports,`V`,{enumerable:!0,get:function(){return k}}),Object.defineProperty(exports,`_`,{enumerable:!0,get:function(){return Z}}),Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return je}}),Object.defineProperty(exports,`b`,{enumerable:!0,get:function(){return oe}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return we}}),Object.defineProperty(exports,`d`,{enumerable:!0,get:function(){return xe}}),Object.defineProperty(exports,`f`,{enumerable:!0,get:function(){return be}}),Object.defineProperty(exports,`g`,{enumerable:!0,get:function(){return me}}),Object.defineProperty(exports,`h`,{enumerable:!0,get:function(){return Q}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return Le}}),Object.defineProperty(exports,`j`,{enumerable:!0,get:function(){return U}}),Object.defineProperty(exports,`k`,{enumerable:!0,get:function(){return G}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return Ce}}),Object.defineProperty(exports,`m`,{enumerable:!0,get:function(){return ge}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return Ve}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return Oe}}),Object.defineProperty(exports,`p`,{enumerable:!0,get:function(){return _e}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return Be}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return Te}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return ut}}),Object.defineProperty(exports,`u`,{enumerable:!0,get:function(){return Se}}),Object.defineProperty(exports,`v`,{enumerable:!0,get:function(){return de}}),Object.defineProperty(exports,`w`,{enumerable:!0,get:function(){return ne}}),Object.defineProperty(exports,`x`,{enumerable:!0,get:function(){return ae}}),Object.defineProperty(exports,`y`,{enumerable:!0,get:function(){return ue}}),Object.defineProperty(exports,`z`,{enumerable:!0,get:function(){return N}});
+//# sourceMappingURL=AccountModal-DjAS4w6z.cjs.map