https://app.fungify.it/assets/index-U4LZo3q2.js

1import{be as oe,r as p,bf as ie,L as $,U as A,bg as re,Q as le,bh as ce,bi as de,bj as ue,f as C,M as be,o as me,j as e,c as N,b as w,e as fe,q as he,C as B,V as y,H as T,A as xe,N as ge,T as x,a3 as v,a4 as D,v as H,bk as pe,W as ye}from"./index-CUYrygIZ.js";import{u as je}from"./use-earn-logic-hEj4PI_n.js";import{N as Te}from"./index-CveLg7UC.js";import{F as V}from"./index-CInwKWja.js";import{F}from"./index-DX7IjIAe.js";import{H as ve}from"./chunk-7OLJDQMT-CQdD_cZI.js";import"./use-to-eth-TdslFTwU.js";import"./use-coingecko-client-Cg4DxGv5.js";import"./axios-BeXitGo3.js";import"./index-DjS84Alx.js";import"./chunk-56K2BSAJ-B_zKqpWb.js";var[Se,K,ke,Ie]=oe();function Ce(a){var t;const{defaultIndex:s,onChange:o,index:n,isManual:i,isLazy:r,lazyBehavior:l="unmount",orientation:u="horizontal",direction:c="ltr",...d}=a,[b,f]=p.useState(s??0),[g,S]=ie({defaultValue:s??0,value:n,onChange:o});p.useEffect(()=>{n!=null&&f(n)},[n]);const k=ke(),_=p.useId();return{id:`tabs-${(t=a.id)!=null?t:_}`,selectedIndex:g,focusedIndex:b,setSelectedIndex:S,setFocusedIndex:f,isManual:i,isLazy:r,lazyBehavior:l,orientation:u,descendants:k,direction:c,htmlProps:d}}var[Ne,P]=$({name:"TabsContext",errorMessage:"useTabsContext: `context` is undefined. Seems you forgot to wrap all tabs components within <Tabs />"});function we(a){const{focusedIndex:t,orientation:s,direction:o}=P(),n=K(),i=p.useCallback(r=>{const l=()=>{var m;const h=n.nextEnabled(t);h&&((m=h.node)==null||m.focus())},u=()=>{var m;const h=n.prevEnabled(t);h&&((m=h.node)==null||m.focus())},c=()=>{var m;const h=n.firstEnabled();h&&((m=h.node)==null||m.focus())},d=()=>{var m;const h=n.lastEnabled();h&&((m=h.node)==null||m.focus())},b=s==="horizontal",f=s==="vertical",g=r.key,S=o==="ltr"?"ArrowLeft":"ArrowRight",k=o==="ltr"?"ArrowRight":"ArrowLeft",I={[S]:()=>b&&u(),[k]:()=>b&&l(),ArrowDown:()=>f&&l(),ArrowUp:()=>f&&u(),Home:c,End:d}[g];I&&(r.preventDefault(),I(r))},[n,t,s,o]);return{...a,role:"tablist","aria-orientation":s,onKeyDown:A(a.onKeyDown,i)}}function _e(a){const{isDisabled:t=!1,isFocusable:s=!1,...o}=a,{setSelectedIndex:n,isManual:i,id:r,setFocusedIndex:l,selectedIndex:u}=P(),{index:c,register:d}=Ie({disabled:t&&!s}),b=c===u,f=()=>{n(c)},g=()=>{l(c),!i&&!(t&&s)&&n(c)};return{...re({...o,ref:le(d,a.ref),isDisabled:t,isFocusable:s,onClick:A(a.onClick,f)}),id:Y(r,c),role:"tab",tabIndex:b?0:-1,type:"button","aria-selected":b,"aria-controls":q(r,c),onFocus:t?void 0:A(a.onFocus,g)}}var[Fe,Pe]=$({});function ze(a){const t=P(),{id:s,selectedIndex:o}=t,i=ce(a.children).map((r,l)=>p.createElement(Fe,{key:l,value:{isSelected:l===o,id:q(s,l),tabId:Y(s,l),selectedIndex:o}},r));return{...a,children:i}}function De(a){const{children:t,...s}=a,{isLazy:o,lazyBehavior:n}=P(),{isSelected:i,id:r,tabId:l}=Pe(),u=p.useRef(!1);i&&(u.current=!0);const c=de({wasSelected:u.current,isSelected:i,enabled:o,mode:n});return{tabIndex:0,...s,children:c?t:null,role:"tabpanel","aria-labelledby":l,hidden:!i,id:r}}function We(){const a=P(),t=K(),{selectedIndex:s,orientation:o}=a,n=o==="horizontal",i=o==="vertical",[r,l]=p.useState(()=>{if(n)return{left:0,width:0};if(i)return{top:0,height:0}}),[u,c]=p.useState(!1);return ue(()=>{if(s==null)return;const d=t.item(s);if(d==null)return;n&&l({left:d.node.offsetLeft,width:d.node.offsetWidth}),i&&l({top:d.node.offsetTop,height:d.node.offsetHeight});const b=requestAnimationFrame(()=>{c(!0)});return()=>{b&&cancelAnimationFrame(b)}},[s,n,i,t]),{position:"absolute",transitionProperty:"left, right, top, bottom, height, width",transitionDuration:u?"200ms":"0ms",transitionTimingFunction:"cubic-bezier(0, 0, 0.2, 1)",...r}}function Y(a,t){return`${a}--tab-${t}`}function q(a,t){return`${a}--tabpanel-${t}`}var[Le,z]=$({name:"TabsStylesContext",errorMessage:`useTabsStyles returned is 'undefined'. Seems you forgot to wrap the components in "<Tabs />" `}),G=C(function(t,s){const o=be("Tabs",t),{children:n,className:i,...r}=me(t),{htmlProps:l,descendants:u,...c}=Ce(r),d=p.useMemo(()=>c,[c]),{isFitted:b,...f}=l,g={position:"relative",...o.root};return e.jsx(Se,{value:u,children:e.jsx(Ne,{value:d,children:e.jsx(Le,{value:o,children:e.jsx(N.div,{className:w("chakra-tabs",i),ref:s,...f,__css:g,children:n})})})})});G.displayName="Tabs";var Q=C(function(t,s){const o=We(),n={...t.style,...o},i=z();return e.jsx(N.div,{ref:s,...t,className:w("chakra-tabs__tab-indicator",t.className),style:n,__css:i.indicator})});Q.displayName="TabIndicator";var J=C(function(t,s){const o=we({...t,ref:s}),i={display:"flex",...z().tablist};return e.jsx(N.div,{...o,className:w("chakra-tabs__tablist",t.className),__css:i})});J.displayName="TabList";var W=C(function(t,s){const o=De({...t,ref:s}),n=z();return e.jsx(N.div,{outline:"0",...o,className:w("chakra-tabs__tab-panel",t.className),__css:n.tabpanel})});W.displayName="TabPanel";var O=C(function(t,s){const o=ze(t),n=z();return e.jsx(N.div,{...o,width:"100%",ref:s,className:w("chakra-tabs__tab-panels",t.className),__css:n.tabpanels})});O.displayName="TabPanels";var L=C(function(t,s){const o=z(),n=_e({...t,ref:s}),i={outline:"0",display:"flex",alignItems:"center",justifyContent:"center",...o.tab};return e.jsx(N.button,{...n,className:w("chakra-tabs__tab",t.className),__css:i})});L.displayName="Tab";const j={base:2,md:4},M={base:1,md:2},qe=()=>{var R,U;const{chain:a}=fe(),{stakeAmount:t,unstakeAmount:s,nftStaked:o,userBalance:n,circulating:i,nftWalletBalance:r,stakeClickHandler:l,unStakeClickHandler:u,onCh

1angeStake:c,onChangeUnstake:d,isStakeInvalid:b,isUnstakeInvalid:f,totalAPY:g,profitInNftTokens:S,totalRevenueInNFT:k,stakeInputInUsd:_,stakeInputInEth:I,unStakeInputInUsd:m,unStakeInputInEth:h,userBalanceInUsd:E,nftStakedInUsd:X,circulatingInUsd:Z,profitInNftTokensInUsd:ee,totalRevenueInNFTInUsd:te,nftWalletBalanceInUsd:se}=je(),ne=()=>{c(v(r||0n,18))},ae=()=>{d(v(n||0n,18))};return e.jsxs(he,{maxW:"container.sm",my:j,p:0,children:[![B.Mainnet,B.Sepolia].includes((a==null?void 0:a.id)||1)&&e.jsx(Te,{}),e.jsx(ve,{color:"fg.prim",fontSize:{base:"2xl",md:"3xl"},my:j,children:"Stake NFT Index Token"}),e.jsxs(y,{gap:j,w:"full",children:[e.jsxs(y,{gap:j,bg:"bg.sec.default",p:4,borderRadius:"xl",w:"full",children:[e.jsxs(T,{w:"full",children:[e.jsx(xe,{src:ge,size:"xl"}),e.jsxs(y,{w:"full",gap:M,children:[e.jsxs(T,{justifyContent:"space-between",w:"full",children:[e.jsx(x,{fontSize:{base:"sm",md:"md"},color:"grey.300",fontWeight:500,children:"Circulating"}),e.jsx(F,{label:`$${Z}`,children:e.jsxs(x,{fontSize:{base:"sm",md:"md"},color:"fg.prim",fontWeight:500,children:[i," NFT"]})})]}),e.jsxs(T,{justifyContent:"space-between",w:"full",children:[e.jsx(x,{fontSize:{base:"sm",md:"md"},color:"grey.300",fontWeight:500,children:"Total Staked"}),e.jsx(F,{label:`$${X}`,children:e.jsxs(x,{fontSize:{base:"sm",md:"md"},color:"fg.prim",fontWeight:500,children:[o," NFT"]})})]}),e.jsxs(T,{justifyContent:"space-between",w:"full",children:[e.jsx(x,{fontSize:{base:"sm",md:"md"},color:"grey.300",fontWeight:500,children:"Total Revenue"}),e.jsx(F,{label:`$${te}`,children:e.jsxs(x,{fontSize:{base:"sm",md:"md"},color:"fg.prim",fontWeight:500,children:[k," NFT"]})})]}),e.jsxs(T,{justifyContent:"space-between",w:"full",children:[e.jsx(x,{fontSize:{base:"sm",md:"md"},color:"grey.300",fontWeight:500,children:"APY"}),e.jsxs(x,{fontSize:{base:"sm",md:"md"},color:"fg.prim",fontWeight:500,children:[g,"%"]})]})]})]}),e.jsxs(y,{w:"full",borderWidth:"2px",borderColor:"grey",borderRadius:{base:"md",md:"lg"},p:M,gap:M,children:[e.jsxs(T,{justifyContent:"space-between",w:"full",children:[e.jsx(x,{fontSize:{base:"sm",md:"md"},color:"grey.300",fontWeight:500,children:"Your Staked"}),e.jsx(F,{label:`$${E}`,children:e.jsxs(x,{fontSize:{base:"sm",md:"md"},color:"fg.prim",fontWeight:500,children:[Math.round(Number(v(n||0n,18)))," NFT"]})})]}),e.jsxs(T,{justifyContent:"space-between",w:"full",children:[e.jsx(x,{fontSize:{base:"sm",md:"md"},color:"grey.300",fontWeight:500,children:"Your Revenue"}),e.jsx(F,{label:`$${ee}`,children:e.jsxs(x,{fontSize:{base:"sm",md:"md"},color:"fg.prim",fontWeight:500,children:[S," NFT"]})})]})]})]}),e.jsxs(y,{bg:"bg.sec.default",gap:j,p:4,borderRadius:"xl",w:"full",children:[e.jsxs(G,{position:"relative",variant:"unstyled",w:"full",children:[e.jsxs(J,{gap:j,children:[e.jsx(L,{fontSize:{base:"sm",md:"md"},color:"grey.450",_selected:{color:"fg.prim"},_hover:{color:"fg.prim"},fontWeight:"600",p:0,children:"Stake"}),e.jsx(L,{fontSize:{base:"sm",md:"md"},color:"grey.450",_selected:{color:"fg.prim"},_hover:{color:"fg.prim"},fontWeight:"600",p:0,children:"Unstake"}),e.jsx(L,{fontSize:{base:"sm",md:"md"},fontWeight:"600",isDisabled:!0,p:0,color:"grey.600",children:"Claim"})]}),e.jsx(Q,{height:"4px",bg:"fg.blue",borderRadius:"sm"}),e.jsxs(O,{bg:"bg.sec.default",children:[e.jsx(W,{px:0,pb:0,children:e.jsxs(y,{gap:j,children:[e.jsx(V,{isLight:!0,value:t,onChange:c,subLabel:"Balance",onMaxClick:ne,subValue:D(Number(v(r||0n,18)),{minimumFractionDigits:4,maximumFractionDigits:4}),ethValue:(R=I||0)==null?void 0:R.toFixed(4),usdValue:D(Math.round(Number(_)),{minimumFractionDigits:0,maximumFractionDigits:0}).toString()||"0",isInvalid:b,isMax:Number(t)===Number(v(r||0n,18)),tooltips:{subLabel:`$${se}`}}),e.jsx(H,{bg:"bg.inter.green.default",_hover:{bg:"bg.inter.green.hover"},w:"full",color:"fg.inverse",py:6,px:2,onClick:l,isDisabled:!Number(t)||b,_disabled:{bg:"grey.450",color:"fg.disabled",_hover:{bg:"grey.300"},cursor:"not-allowed"},children:t&&b?"Exceeds Wallet Balance":"Stake"})]})}),e.jsx(W,{px:0,pb:0,children:e.jsxs(y,{gap:j,children:[e.jsx(V,{isLight:!0,value:s,onChange:d,subLabel:"Balance",onMaxClick:ae,ethValue:(U=h||0)==null?void 0:U.toFixed(4),usdValue:D(Number(m),{minimumFractionDigits:0,maximumFractionDigits:0}).toString()||"0",subValue:D(Number(v(n||0n,18)),{minimumFractionDigits:4,maximumFractionDigits:4}),market:{code:"SNFT",asset:pe},isInvalid:f,isMax:Number(s)===Number(v(n||0n,18)),tooltips:{subLabel:`$${E}`}}),e.jsx(H,{bg:"bg.inter.red.default",_hover:{bg:"bg.inter.red.hover"},w:"full",color:"fg.inverse",py:6,px:2,onClick:u,isDisabled:!Number(s)||f,_disabled:{bg:"grey.450",color:"fg.disabled",_hover:{bg:"grey.300"},cursor:"not-allowed"},children:s&&f?"Exceeds Wallet Balance":"Unstake"})]})}),e.jsx(W,{children:e.jsx("p",{children:"three!"})})]})]}),e.jsx(y,{borderWidth:"2px",borderColor:"grey",borderRadius:{base:"md",md:"lg"},p:2,children:e.jsxs(x,{fontSize:{base:"sm",md:"md"},children:["Stake NFT Index Token to earn share of redemption fees, airdrops, and other rewards. ",e.jsx(ye,{href:"https://docs.fungify.it/protocol/interest-rates/",isExternal:!0,children:"Learn more"}),"."]})})]})]})]})};export{qe as default};