@gearbox-protocol/ui-kit 3.14.0-next.3 → 3.14.0-next.5

package/dist/cjs/components/smart-number-input/smart-number-input.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),y=require("class-variance-authority"),U=require("react"),W=require("../currency-button/currency-button.cjs"),Y=require("@fortawesome/free-solid-svg-icons"),Z=require("../icons/fa-icon.cjs"),b=require("../../hooks/use-media-query.cjs"),f=require("../../test-ids/smart-number-input.cjs"),A=require("../../utils/bn-to-input-view.cjs");require("@gearbox-protocol/sdk");const ee=require("../../utils/parse-input-to-bn.cjs"),v=require("../../utils/cn.cjs");require("sonner");require("@gearbox-protocol/sdk/common-utils");require("luxon");require("../../utils/z-index.cjs");const te=require("./balance-indicator.cjs");function se(r){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const o in r)if(o!=="default"){const n=Object.getOwnPropertyDescriptor(r,o);Object.defineProperty(s,o,n.get?n:{enumerable:!0,get:()=>r[o]})}}return s.default=r,Object.freeze(s)}const c=se(U),ne=y.cva("relative w-full text-foreground bg-gray-20 border border-gray-30 transition-[background-color] duration-100 ease-linear [&:hover]:bg-gray-30 [&:hover]:border-gray-40 data-[active=true]:bg-gray-30 data-[active=true]:outline data-[active=true]:outline-2 data-[active=true]:outline-primary data-[active=true]:outline-offset-[-2px] data-[disabled=true]:cursor-not-allowed",{variants:{size:{sm:"px-3 py-[7px] h-[60px] rounded-[8px]",md:"pl-4 pr-3 py-[10px] h-[82px] rounded-lg"}},defaultVariants:{size:"md"}}),re=y.cva("font-medium text-foreground",{variants:{size:{sm:"text-xs",md:"text-sm"}},defaultVariants:{size:"md"}}),ae=y.cva("w-full p-0 bg-transparent border-none outline-none text-foreground placeholder:text-secondary-foreground focus:outline-none",{variants:{size:{sm:"text-[18px]! leading-[21px]!",md:"text-[28px]! leading-[33px]!"}},defaultVariants:{size:"md"}}),k=c.forwardRef(({amount:r,token:s,label:o="Amount",maxAmount:n,maxAmountLimit:p,maxButtonLabel:M,chainId:_,network:C,maxButton:T=!0,disabled:i=!1,active:B=!1,size:V="md",symbolMaxLength:S,tokenOptions:x,onSetAmount:l,onShowSelectDialog:I,onRemove:N,onFocus:L,onBlur:O},F)=>{const j=s?.decimals??18,R=t=>{const a=t.target.value,[q,z]=ee.parseInputToBN(a,j);q===null||z===null||l&&l(q,z)},D=()=>{if(l){const t=n&&p&&n>p?p:n||0n,a=A.bnToInputView(t,j);l(t,a)}},[E,w]=c.useState(!1),P=()=>{w(!0),L?.()},Q=()=>{w(!1),O?.()},u=V??"md",X=b.useIsMobile(),$=b.useIsTablet(),G=b.useIsDesktop(),H=S??(X?20:$?30:G?22:30),[d,g]=c.useState(!1),h=c.useRef(null);c.useEffect(()=>{if(!d)return;const t=a=>{h.current&&!h.current.contains(a.target)&&g(!1)};return document.addEventListener("mousedown",t),()=>document.removeEventListener("mousedown",t)},[d]);const m=!!(x&&x.length>0),J=!i&&m?()=>g(t=>!t):I,K=!!(s||I||m);return e.jsxs("div",{ref:F,className:ne({size:u}),"data-testid":f.smartNumberInputTestIds.root,"data-active":E,"data-disabled":i,children:[N&&e.jsx("div",{className:"absolute top-0 right-0 flex h-5 w-5 translate-x-1/2 -translate-y-1/2 items-center justify-center","data-testid":f.smartNumberInputTestIds.close,children:e.jsx("button",{type:"button",onClick:N,className:"flex h-5 w-5 items-center justify-center rounded-full bg-muted hover:bg-muted/80 text-muted-foreground",children:e.jsx(Z.FaIcon,{icon:Y.faXmark,className:"size-3"})})}),e.jsxs("div",{className:"mb-2 flex justify-between text-sm leading-[120%]",children:[e.jsx("span",{className:v.cn(re({size:u}),"grow shrink-0 basis-0"),"data-testid":f.smartNumberInputTestIds.label,children:o}),n!==void 0&&s&&e.jsx(te.BalanceIndicator,{title:M,token:s,maxAmount:n,size:u,disabled:i,maxButton:T,onMaxButtonClick:D})]}),e.jsxs("div",{className:v.cn("flex w-full max-w-full shrink-0 basis-full items-center"),children:[e.jsx("div",{className:"mr-3 grow shrink-0 basis-0",children:e.jsx("input",{type:"text",inputMode:"decimal",autoComplete:"off",autoCorrect:"off",spellCheck:"false",pattern:"^[0-9]*[.,]?[0-9]*$",placeholder:"0",value:r,onChange:R,onFocus:P,onBlur:Q,disabled:i||!l,className:v.cn(ae({size:u}),i&&"cursor-not-allowed"),"data-testid":f.smartNumberInputTestIds.input,minLength:1,maxLength:79,title:"Amount"})}),K?e.jsxs("div",{ref:h,className:"relative shrink-0",children:[e.jsx(W.CurrencyButton,{active:m?d:B,size:u,disabled:i,token:s,showSelectDialog:J,chainId:_,network:C,maxLength:H,children:s?.symbol??"Select token"}),m&&d&&e.jsx("div",{className:"absolute right-0 top-full z-20 mt-1 min-w-[140px] overflow-hidden rounded-lg border border-gray-30 bg-gray-20 shadow-lg",children:x?.map((t,a)=>e.jsxs("button",{type:"button",onClick:()=>{t.onSelect(),g(!1)},className:"flex w-full items-center gap-2 px-3 py-2 text-sm text-foreground hover:bg-gray-30 text-left",children:[t.icon?e.jsx("span",{className:"inline-flex shrink-0 items-center",children:t.icon}):null,e.jsx("span",{className:"truncate",children:t.label})]},a))})]}):null]})]})});k.displayName="SmartNumberInput";exports.SmartNumberInput=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),j=require("class-variance-authority"),re=require("react"),ae=require("react-dom"),oe=require("../checkbox/checkbox.cjs");require("../checkbox/checkbox-labeled.cjs");const ce=require("../currency-button/currency-button.cjs"),ie=require("@fortawesome/free-solid-svg-icons"),le=require("../icons/fa-icon.cjs"),I=require("../typed-intl/index.cjs"),N=require("../../hooks/use-media-query.cjs"),b=require("../../test-ids/smart-number-input.cjs"),ue=require("../../utils/bn-to-input-view.cjs");require("@gearbox-protocol/sdk");const de=require("../../utils/parse-input-to-bn.cjs"),y=require("../../utils/cn.cjs");require("sonner");require("@gearbox-protocol/sdk/common-utils");require("luxon");require("../../utils/z-index.cjs");const me=require("./balance-indicator.cjs");function fe(a){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const o in a)if(o!=="default"){const r=Object.getOwnPropertyDescriptor(a,o);Object.defineProperty(s,o,r.get?r:{enumerable:!0,get:()=>a[o]})}}return s.default=a,Object.freeze(s)}const c=fe(re),pe=j.cva("relative w-full text-foreground bg-gray-20 border border-gray-30 transition-[background-color] duration-100 ease-linear [&:hover]:bg-gray-30 [&:hover]:border-gray-40 data-[active=true]:bg-gray-30 data-[active=true]:outline data-[active=true]:outline-2 data-[active=true]:outline-primary data-[active=true]:outline-offset-[-2px] data-[disabled=true]:cursor-not-allowed",{variants:{size:{sm:"px-3 py-[7px] min-h-[60px] rounded-[8px]",md:"pl-4 pr-3 py-[10px] min-h-[82px] rounded-lg"}},defaultVariants:{size:"md"}}),he=j.cva("font-medium text-foreground",{variants:{size:{sm:"text-xs",md:"text-sm"}},defaultVariants:{size:"md"}}),xe=j.cva("w-full p-0 bg-transparent border-none outline-none text-foreground placeholder:text-secondary-foreground focus:outline-none",{variants:{size:{sm:"text-[18px]! leading-[21px]!",md:"text-[28px]! leading-[33px]!"}},defaultVariants:{size:"md"}});function ge(a,s){const o=parseFloat(a.replace(",",".")||"0");if(!Number.isFinite(o)||o===0)return"$0";const r=o*s,h=Math.abs(r)<100;try{return new Intl.NumberFormat("en-US",{style:"currency",currency:"USD",minimumFractionDigits:h?2:0,maximumFractionDigits:h?2:0}).format(r)}catch{return"$0"}}const M=c.forwardRef(({amount:a,token:s,label:o,maxAmount:r,maxAmountLimit:p,maxButtonLabel:h,chainId:S,network:L,maxButton:B=!0,disabled:u=!1,active:F=!1,size:V="md",symbolMaxLength:D,tokenOptions:v,multiSelectMode:R=!1,onSetAmount:m,onShowSelectDialog:k,onRemove:q,onFocus:E,onBlur:O,usdPrice:z},$)=>{const{formatMessage:P}=I.useIntlTyped(),U=c.useId(),C=s?.decimals??18,W=e=>{const n=e.target.value,[i,l]=de.parseInputToBN(n,C);i===null||l===null||m&&m(i,l)},Q=()=>{if(m){const e=r&&p&&r>p?p:r||0n,n=ue.bnToInputView(e,C);m(e,n)}},[X,T]=c.useState(!1),G=()=>{T(!0),E?.()},H=()=>{T(!1),O?.()},f=V??"md",J=N.useIsMobile(),K=N.useIsTablet(),Y=N.useIsDesktop(),Z=D??(J?20:K?30:Y?22:30),[d,w]=c.useState(!1),x=c.useRef(null),_=c.useRef(null),[A,ee]=c.useState({});c.useLayoutEffect(()=>{if(!d||!x.current)return;const e=()=>{const n=x.current?.getBoundingClientRect();n&&ee({position:"fixed",top:n.bottom+4,right:window.innerWidth-n.right,minWidth:n.width,zIndex:9999})};return e(),window.addEventListener("scroll",e,!0),window.addEventListener("resize",e),()=>{window.removeEventListener("scroll",e,!0),window.removeEventListener("resize",e)}},[d]),c.useEffect(()=>{if(!d)return;const e=n=>{const i=n.target,l=x.current?.contains(i),se=_.current?.contains(i);!l&&!se&&w(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[d]);const g=!!(v&&v.length>0),te=!u&&g?()=>w(e=>!e):k,ne=!!(s||k||g);return t.jsxs("div",{ref:$,className:pe({size:f}),"data-testid":b.smartNumberInputTestIds.root,"data-active":X,"data-disabled":u,children:[q&&t.jsx("div",{className:"absolute top-0 right-0 flex h-5 w-5 translate-x-1/2 -translate-y-1/2 items-center justify-center","data-testid":b.smartNumberInputTestIds.close,children:t.jsx("button",{type:"button",onClick:q,className:"flex h-5 w-5 items-center justify-center rounded-full bg-muted hover:bg-muted/80 text-muted-foreground",children:t.jsx(le.FaIcon,{icon:ie.faXmark,className:"size-3"})})}),t.jsxs("div",{className:"mb-2 flex justify-between text-sm leading-[120%]",children:[t.jsx("span",{className:y.cn(he({size:f}),"grow shrink-0 basis-0"),"data-testid":b.smartNumberInputTestIds.label,children:o??t.jsx(I.FormattedMessageTyped,{messageId:"components.smartNumberInput.amountLabel"})}),r!==void 0&&s&&t.jsx(me.BalanceIndicator,{title:h,token:s,maxAmount:r,size:f,disabled:u,maxButton:B,onMaxButtonClick:Q})]}),t.jsxs("div",{className:y.cn("flex w-full max-w-full shrink-0 basis-full items-center"),children:[t.jsx("div",{className:"mr-3 grow shrink-0 basis-0",children:t.jsx("input",{type:"text",inputMode:"decimal",autoComplete:"off",autoCorrect:"off",spellCheck:"false",pattern:"^[0-9]*[.,]?[0-9]*$",placeholder:"0",value:a,onChange:W,onFocus:G,onBlur:H,disabled:u||!m,className:y.cn(xe({size:f}),u&&"cursor-not-allowed"),"data-testid":b.smartNumberInputTestIds.input,minLength:1,maxLength:79,title:P({messageId:"components.smartNumberInput.inputTitle"})})}),ne?t.jsxs("div",{ref:x,className:"shrink-0",children:[t.jsx(ce.CurrencyButton,{active:g?d:F,size:f,disabled:u,token:s,showSelectDialog:te,chainId:S,network:L,maxLength:Z,children:s?.symbol??t.jsx(I.FormattedMessageTyped,{messageId:"components.smartNumberInput.selectToken"})}),g&&d&&ae.createPortal(t.jsx("div",{ref:_,style:A,className:"overflow-hidden rounded-lg border border-gray-30 bg-gray-20 shadow-lg",children:v?.map((e,n)=>{const i=`${U}-${n}`,l="flex w-full min-w-0 items-center gap-2 px-3 py-2 text-sm text-foreground hover:bg-gray-30";return R?t.jsxs("div",{className:l,children:[t.jsx(oe.Checkbox,{id:i,checked:!!e.checked,color:"secondary",size:"md",className:"shrink-0",onCheckedChange:()=>e.onSelect()}),t.jsxs("label",{htmlFor:i,className:"flex min-w-0 flex-1 cursor-pointer items-center gap-2 text-left",children:[e.icon?t.jsx("span",{className:"inline-flex shrink-0 items-center",children:e.icon}):null,t.jsx("span",{className:"truncate",children:e.label})]})]},n):t.jsxs("button",{type:"button",onClick:()=>{e.onSelect(),w(!1)},className:y.cn(l,"text-left"),children:[e.icon?t.jsx("span",{className:"inline-flex shrink-0 items-center",children:e.icon}):null,t.jsx("span",{className:"truncate",children:e.label})]},n)})}),document.body)]}):null]}),z!==void 0&&t.jsx("div",{className:"mt-1 text-xs leading-[130%] text-secondary-foreground",children:ge(a,z)})]})});M.displayName="SmartNumberInput";exports.SmartNumberInput=M;

package/dist/cjs/locale/en.json.cjs

@@ -1 +1 @@
-"use strict";const e={"errors.networkError":"Network error. Can't fetch data","errors.incorrectAddressError":"Incorrect address. Please, check url","errors.noOpenedAccountsError":"You have no opened Credit Accounts. Perhaps, you have recently been liquidated? Check notification centre to see more.","errors.notFound":"Not found","errors.tooManyRequests":"Too many requests","errors.incorrectAddress":"Incorrect address","components.errorMessage.oops":"Oops...","components.alertModal.ok":"Ok","components.footer.privacy":"Privacy Notice","components.footer.terms":"Terms of Service","components.footer.disclosure":"Risk Disclosure Statement","components.footer.legalNotice":"Legal Notice","components.footer.legal":"Legal Info","components.footer.gearbox":"Copyright © Gearbox Foundation 2023-2026.","components.footer.built":"Built at ETHGlobal MarketMake hackathon.","components.footer.version":"Version {value}","components.liquidationPrice.check":"Check Area","components.loading.loading":"Loading","components.loading.loadingPercent":"Loading {percent}%","components.loading.wait":"Please wait...","components.smartNumberInput.balance":"Balance","components.smartNumberInput.inputTitle":"Token Amount","components.smartNumberInput.confirm.input":"Input","components.tipWindow.title":"Tip","components.healthFactor.low":"Extremely low! This HF may not cover possible oracle deviations.","components.headCell":"Sort by {value}","components.graphView.noData":"Can't get data for this graph","components.filterBlock.reset":"Reset All","components.filterModal.searchPlaceholder":"Search options...","components.filterModal.noOptionsAvailable":"No options available","components.filterModal.noOptionsMatchSearch":"No options match your search","components.filterModal.reset":"Reset","components.filterModal.apply":"Apply","components.APY.tip":"These APYs are derived from the underlying protocols’ APIs and may differ in reality. Check respective protocols for their methodology.","components.creditSessionDetailedLiquidation.graph.noData":"No data","components.creditSessionDetailedLiquidation.graph.legend.point":"Current price","components.creditSessionDetailedLiquidation.graph.legend.area":"Liquidation Area","components.creditSessionDetailedLiquidation.graph.tip.hf":"Health Factor","components.creditSessionDetailedLiquidation.graph.tip.price":"Price","components.creditSessionDetailedLiquidation.table.noData":"No data","components.creditSessionDetailedLiquidation.table.seeGraph":"See graph","components.creditSessionDetailedLiquidation.table.asset":"Asset","components.creditSessionDetailedLiquidation.table.currentPrice":"Current price","components.creditSessionDetailedLiquidation.table.modelPrice":"Model price","components.apyParts.features.points":"Points","components.apyParts.features.incent":"Incent.","components.apyParts.supplyAPY":"Organic APY","components.apyParts.title":"APY type","components.apyParts.supplyAPY.tip":"Yield from lending funds","components.apyParts.tokenYield":"Intrinsic APY","components.apyParts.tokenYield.tip":"Yield from holding wstETH","components.apyParts.extraAPY":"{symbol} Incentive","components.apyParts.extraAPY.tip":"Calculated at the current rate","components.apyParts.totalAPY":"Overall APY","components.apyParts.points":"{symbol} Incentive","components.apyParts.points.condition.crossDeposit":"For cross-chain deposits made via Omni","components.openCopyButtons.copy":"Copy to clipboard","components.poolAssetsTable.asset":"Asset","components.poolAssetsTable.rate":"Effective rate","components.poolAssetsTable.limits":"Limits Usage","components.poolAssetsTable.usage":"{amount} of {total}","components.poolAssetsTable.head.name":"Credit Manager","components.poolAssetsTable.head.currentDebt":"Current Debt","components.poolAssetsTable.head.assets":"Asset LT","components.poolCreditManagersTable.assets":"{amount} assets","components.creditManagerInfo.title":"Assets and LT’s","components.creditManagerInfo.info.title":"Credit Managers","components.creditManagerInfo.info.copy.tip":"Copy Credit Manager address","components.creditManagerInfo.info.minDebt":"Min debt","components.creditManagerInfo.info.maxDebt":"Max debt","components.creditManagerInfo.info.liquidationFee":"Liquid. fee","components.creditManagerInfo.info.liquidationPremium":"Liquid. premium","components.creditManagerInfo.info.interestFee":"Interest fee","components.creditManagerInfo.info.debtLimit":"Debt limit","components.creditManagerInfo.info.maxEnabledTokens":"Max tokens","dialogs.oraclesAndLTInfo.filter.hide0Quota":"Hide 0-Quota","components.oraclesAndLTInfo.title":"Oracles and LTs","components.oraclesAndLTTable.head.token":"Token","components.oraclesAndLTTable.head.oracles":"Oracles","components.oraclesAndLTTable.head.lt":"LT","components.poolTable.pool":"Market","components.poolTable.market":"Market","components.poolTable.description.universal":"Universal","components.poolTable.supply":"Supply","components.poolTable.borrowed":"Borrowed","components.poolTable.supplyApy":"Supply APY","components.poolTable.supplyApy.tip":"Annual percentage yield that you earn for supplying capital. This number constantly changes as the utilization of the Markets goes up and down","components.poolTable.depositApy":"Deposit APY","components.poolTable.depositApy.tip":"Deposit APY breakdown: base rate, extra rewards, and points","components.poolTable.borrowApy":"Borrow APY","components.poolTable.utilizationApy":"Utilization APY","components.poolTable.borrowApy.tip":"On top of the utilization borrow APY, there is a borrow quota APY for different assets","components.poolTable.utilization":"Utilization","components.poolTable.collateral":"Collateral","components.poolTable.collateral.showAll":"Show All","components.poolTable.balance":"Your Balance","components.poolTable.balance.tip":`You don't earn token rewards, only organic yield. Please migrate liquidity by using "Migrate" flow above.`,"components.poolTable.emptyList":"No Pools found","components.poolTable.notFound.dashboard":"You currently have no open Market positions.","components.poolTable.notFound.list":"No Markets found","components.poolTable.notFound.description.dashboard":"Choose earn above.","components.poolTable.notFound.description.list":"Choose another chain or toggle Show All Markets","components.poolTable.externalApy.tooltipShort":"{value} APY boost when depositing via {name}","components.poolTable.line.rwa.tip":"This is RWA market.","components.rewardsTooltip.without.title":"Without Leverage","components.rewardsTooltip.without.extra":"Extra APY","components.rewardsTooltip.without.extra.tip":"Any deposit through Gearbox","components.rewardsTooltip.with.title":"With {leverage} Leverage","components.rewardsTooltip.with.borrowRate":"{symbol} borrow rate","components.rewardsTooltip.with.quotaRate":"Quota rate","components.rewardsTooltip.with.bonusAPY.title":"Target Bonuses Yield","components.rewardsTooltip.with.bonusAPY.tip":"Expected Bonuses APY is calculated by the Asset Issuer and represents the expected value to be paid out in points.","components.rewardsTooltip.with.extra":"+ Extra APR","components.rewardsTooltip.button":"Click to show rewards details","components.strategiesTable.head.name":"Strategy","components.strategiesTable.head.rewards":"Rewards","components.strategiesTable.head.leverage":"Max Leverage","components.strategiesTable.head.earn":"You Can Earn","components.strategiesTable.body.notFound":"No strategy found","components.strategiesTable.line.disabled":"This strategy is currently not available, cause of lack or quota or liquidity. Please contact us on Discord, and we’ll assist you.","components.strategiesTable.line.name.disabled":"This strategy is currently not available","components.strategiesTable.line.points.tip":"For debt nominated in {symbol}","components.strategiesTable.line.points.tipAny":"For debt","components.strategiesTable.line.0slippage":"0-slippage","components.strategiesTable.line.0slippage.tip":"Wrapping/unwrapping happens directly through smart-contracts, so {symbol} deposits and withdrawals don't incur slippage.","components.strategiesTable.line.rwa":"RWA","components.strategiesTable.line.rwa.tip":"This strategy is available on RWA market."};module.exports=e;
+"use strict";const e={"errors.networkError":"Network error. Can't fetch data","errors.incorrectAddressError":"Incorrect address. Please, check url","errors.noOpenedAccountsError":"You have no opened Credit Accounts. Perhaps, you have recently been liquidated? Check notification centre to see more.","errors.notFound":"Not found","errors.tooManyRequests":"Too many requests","errors.incorrectAddress":"Incorrect address","components.errorMessage.oops":"Oops...","components.alertModal.ok":"Ok","components.footer.privacy":"Privacy Notice","components.footer.terms":"Terms of Service","components.footer.disclosure":"Risk Disclosure Statement","components.footer.legalNotice":"Legal Notice","components.footer.legal":"Legal Info","components.footer.gearbox":"Copyright © Gearbox Foundation 2023-2026.","components.footer.built":"Built at ETHGlobal MarketMake hackathon.","components.footer.version":"Version {value}","components.liquidationPrice.check":"Check Area","components.loading.loading":"Loading","components.loading.loadingPercent":"Loading {percent}%","components.loading.wait":"Please wait...","components.smartNumberInput.balance":"Balance","components.smartNumberInput.amountLabel":"Amount","components.smartNumberInput.inputTitle":"Token Amount","components.smartNumberInput.confirm.input":"Input","components.smartNumberInput.selectToken":"Select token","components.tipWindow.title":"Tip","components.healthFactor.low":"Extremely low! This HF may not cover possible oracle deviations.","components.headCell":"Sort by {value}","components.graphView.noData":"Can't get data for this graph","components.filterBlock.reset":"Reset All","components.filterModal.searchPlaceholder":"Search options...","components.filterModal.noOptionsAvailable":"No options available","components.filterModal.noOptionsMatchSearch":"No options match your search","components.filterModal.reset":"Reset","components.filterModal.apply":"Apply","components.APY.tip":"These APYs are derived from the underlying protocols’ APIs and may differ in reality. Check respective protocols for their methodology.","components.creditSessionDetailedLiquidation.graph.noData":"No data","components.creditSessionDetailedLiquidation.graph.legend.point":"Current price","components.creditSessionDetailedLiquidation.graph.legend.area":"Liquidation Area","components.creditSessionDetailedLiquidation.graph.tip.hf":"Health Factor","components.creditSessionDetailedLiquidation.graph.tip.price":"Price","components.creditSessionDetailedLiquidation.table.noData":"No data","components.creditSessionDetailedLiquidation.table.seeGraph":"See graph","components.creditSessionDetailedLiquidation.table.asset":"Asset","components.creditSessionDetailedLiquidation.table.currentPrice":"Current price","components.creditSessionDetailedLiquidation.table.modelPrice":"Model price","components.apyParts.features.points":"Points","components.apyParts.features.incent":"Incent.","components.apyParts.supplyAPY":"Organic APY","components.apyParts.title":"APY type","components.apyParts.supplyAPY.tip":"Yield from lending funds","components.apyParts.tokenYield":"Intrinsic APY","components.apyParts.tokenYield.tip":"Yield from holding wstETH","components.apyParts.extraAPY":"{symbol} Incentive","components.apyParts.extraAPY.tip":"Calculated at the current rate","components.apyParts.totalAPY":"Overall APY","components.apyParts.points":"{symbol} Incentive","components.apyParts.points.condition.crossDeposit":"For cross-chain deposits made via Omni","components.openCopyButtons.copy":"Copy to clipboard","components.poolAssetsTable.asset":"Asset","components.poolAssetsTable.rate":"Effective rate","components.poolAssetsTable.limits":"Limits Usage","components.poolAssetsTable.usage":"{amount} of {total}","components.poolAssetsTable.head.name":"Credit Manager","components.poolAssetsTable.head.currentDebt":"Current Debt","components.poolAssetsTable.head.assets":"Asset LT","components.poolCreditManagersTable.assets":"{amount} assets","components.creditManagerInfo.title":"Assets and LT’s","components.creditManagerInfo.info.title":"Credit Managers","components.creditManagerInfo.info.copy.tip":"Copy Credit Manager address","components.creditManagerInfo.info.minDebt":"Min debt","components.creditManagerInfo.info.maxDebt":"Max debt","components.creditManagerInfo.info.liquidationFee":"Liquid. fee","components.creditManagerInfo.info.liquidationPremium":"Liquid. premium","components.creditManagerInfo.info.interestFee":"Interest fee","components.creditManagerInfo.info.debtLimit":"Debt limit","components.creditManagerInfo.info.maxEnabledTokens":"Max tokens","dialogs.oraclesAndLTInfo.filter.hide0Quota":"Hide 0-Quota","components.oraclesAndLTInfo.title":"Oracles and LTs","components.oraclesAndLTTable.head.token":"Token","components.oraclesAndLTTable.head.oracles":"Oracles","components.oraclesAndLTTable.head.lt":"LT","components.poolTable.pool":"Market","components.poolTable.market":"Market","components.poolTable.description.universal":"Universal","components.poolTable.supply":"Supply","components.poolTable.borrowed":"Borrowed","components.poolTable.supplyApy":"Supply APY","components.poolTable.supplyApy.tip":"Annual percentage yield that you earn for supplying capital. This number constantly changes as the utilization of the Markets goes up and down","components.poolTable.depositApy":"Deposit APY","components.poolTable.depositApy.tip":"Deposit APY breakdown: base rate, extra rewards, and points","components.poolTable.borrowApy":"Borrow APY","components.poolTable.utilizationApy":"Utilization APY","components.poolTable.borrowApy.tip":"On top of the utilization borrow APY, there is a borrow quota APY for different assets","components.poolTable.utilization":"Utilization","components.poolTable.collateral":"Collateral","components.poolTable.collateral.showAll":"Show All","components.poolTable.balance":"Your Balance","components.poolTable.balance.tip":`You don't earn token rewards, only organic yield. Please migrate liquidity by using "Migrate" flow above.`,"components.poolTable.emptyList":"No Pools found","components.poolTable.notFound.dashboard":"You currently have no open Market positions.","components.poolTable.notFound.list":"No Markets found","components.poolTable.notFound.description.dashboard":"Choose earn above.","components.poolTable.notFound.description.list":"Choose another chain or toggle Show All Markets","components.poolTable.externalApy.tooltipShort":"{value} APY boost when depositing via {name}","components.poolTable.line.rwa.tip":"This is RWA market.","components.rewardsTooltip.without.title":"Without Leverage","components.rewardsTooltip.without.extra":"Extra APY","components.rewardsTooltip.without.extra.tip":"Any deposit through Gearbox","components.rewardsTooltip.with.title":"With {leverage} Leverage","components.rewardsTooltip.with.borrowRate":"{symbol} borrow rate","components.rewardsTooltip.with.quotaRate":"Quota rate","components.rewardsTooltip.with.bonusAPY.title":"Target Bonuses Yield","components.rewardsTooltip.with.bonusAPY.tip":"Expected Bonuses APY is calculated by the Asset Issuer and represents the expected value to be paid out in points.","components.rewardsTooltip.with.extra":"+ Extra APR","components.rewardsTooltip.button":"Click to show rewards details","components.strategiesTable.head.name":"Strategy","components.strategiesTable.head.rewards":"Rewards","components.strategiesTable.head.leverage":"Max Leverage","components.strategiesTable.head.earn":"You Can Earn","components.strategiesTable.body.notFound":"No strategy found","components.strategiesTable.line.disabled":"This strategy is currently not available, cause of lack or quota or liquidity. Please contact us on Discord, and we’ll assist you.","components.strategiesTable.line.name.disabled":"This strategy is currently not available","components.strategiesTable.line.points.tip":"For debt nominated in {symbol}","components.strategiesTable.line.points.tipAny":"For debt","components.strategiesTable.line.0slippage":"0-slippage","components.strategiesTable.line.0slippage.tip":"Wrapping/unwrapping happens directly through smart-contracts, so {symbol} deposits and withdrawals don't incur slippage.","components.strategiesTable.line.rwa":"RWA","components.strategiesTable.line.rwa.tip":"This strategy is available on RWA market."};module.exports=e;

package/dist/esm/components/smart-number-input/smart-number-input.js

@@ -1,32 +1,36 @@
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import { cva as b } from "class-variance-authority";
-import * as c from "react";
-import { CurrencyButton as U } from "../currency-button/currency-button.js";
-import { faXmark as W } from "@fortawesome/free-solid-svg-icons";
-import { FaIcon as Y } from "../icons/fa-icon.js";
-import { useIsMobile as Z, useIsTablet as _, useIsDesktop as A } from "../../hooks/use-media-query.js";
-import { smartNumberInputTestIds as m } from "../../test-ids/smart-number-input.js";
-import { bnToInputView as ee } from "../../utils/bn-to-input-view.js";
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import { cva as I } from "class-variance-authority";
+import * as n from "react";
+import { createPortal as ne } from "react-dom";
+import { Checkbox as se } from "../checkbox/checkbox.js";
+import "../checkbox/checkbox-labeled.js";
+import { CurrencyButton as ae } from "../currency-button/currency-button.js";
+import { faXmark as oe } from "@fortawesome/free-solid-svg-icons";
+import { FaIcon as ie } from "../icons/fa-icon.js";
+import { useIntlTyped as le, FormattedMessageTyped as B } from "../typed-intl/index.js";
+import { useIsMobile as ce, useIsTablet as de, useIsDesktop as ue } from "../../hooks/use-media-query.js";
+import { smartNumberInputTestIds as w } from "../../test-ids/smart-number-input.js";
+import { bnToInputView as me } from "../../utils/bn-to-input-view.js";
 import "@gearbox-protocol/sdk";
-import { parseInputToBN as te } from "../../utils/parse-input-to-bn.js";
-import { cn as x } from "../../utils/cn.js";
+import { parseInputToBN as fe } from "../../utils/parse-input-to-bn.js";
+import { cn as v } from "../../utils/cn.js";
 import "sonner";
 import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
-import { BalanceIndicator as re } from "./balance-indicator.js";
-const ae = b(
+import { BalanceIndicator as pe } from "./balance-indicator.js";
+const he = I(
   "relative w-full text-foreground bg-gray-20 border border-gray-30 transition-[background-color] duration-100 ease-linear [&:hover]:bg-gray-30 [&:hover]:border-gray-40 data-[active=true]:bg-gray-30 data-[active=true]:outline data-[active=true]:outline-2 data-[active=true]:outline-primary data-[active=true]:outline-offset-[-2px] data-[disabled=true]:cursor-not-allowed",
   {
     variants: {
       size: {
-        sm: "px-3 py-[7px] h-[60px] rounded-[8px]",
-        md: "pl-4 pr-3 py-[10px] h-[82px] rounded-lg"
+        sm: "px-3 py-[7px] min-h-[60px] rounded-[8px]",
+        md: "pl-4 pr-3 py-[10px] min-h-[82px] rounded-lg"
       }
     },
     defaultVariants: { size: "md" }
   }
-), ne = b("font-medium text-foreground", {
+), ge = I("font-medium text-foreground", {
   variants: {
     size: {
       sm: "text-xs",
@@ -34,7 +38,7 @@ const ae = b(
     }
   },
   defaultVariants: { size: "md" }
-}), se = b(
+}), xe = I(
   "w-full p-0 bg-transparent border-none outline-none text-foreground placeholder:text-secondary-foreground focus:outline-none",
   {
     variants: {
@@ -45,103 +49,137 @@ const ae = b(
     },
     defaultVariants: { size: "md" }
   }
-), oe = c.forwardRef(
+);
+function be(p, s) {
+  const u = parseFloat(p.replace(",", ".") || "0");
+  if (!Number.isFinite(u) || u === 0) return "$0";
+  const a = u * s, g = Math.abs(a) < 100;
+  try {
+    return new Intl.NumberFormat("en-US", {
+      style: "currency",
+      currency: "USD",
+      minimumFractionDigits: g ? 2 : 0,
+      maximumFractionDigits: g ? 2 : 0
+    }).format(a);
+  } catch {
+    return "$0";
+  }
+}
+const we = n.forwardRef(
   ({
-    amount: k,
-    token: a,
-    label: I = "Amount",
-    maxAmount: s,
-    maxAmountLimit: f,
-    maxButtonLabel: M,
-    chainId: V,
-    network: B,
-    maxButton: L = !0,
-    disabled: n = !1,
-    active: T = !1,
-    size: j = "md",
-    symbolMaxLength: F,
-    tokenOptions: p,
-    onSetAmount: o,
-    onShowSelectDialog: v,
-    onRemove: y,
-    onFocus: E,
-    onBlur: R
-  }, S) => {
-    const w = a?.decimals ?? 18, D = (e) => {
-      const r = e.target.value, [z, C] = te(r, w);
-      z === null || C === null || o && o(z, C);
-    }, O = () => {
-      if (o) {
-        const e = s && f && s > f ? f : s || 0n, r = ee(e, w);
-        o(e, r);
-      }
-    }, [X, N] = c.useState(!1), $ = () => {
-      N(!0), E?.();
+    amount: p,
+    token: s,
+    label: u,
+    maxAmount: a,
+    maxAmountLimit: h,
+    maxButtonLabel: g,
+    chainId: T,
+    network: V,
+    maxButton: S = !0,
+    disabled: c = !1,
+    active: E = !1,
+    size: R = "md",
+    symbolMaxLength: D,
+    tokenOptions: y,
+    multiSelectMode: j = !1,
+    onSetAmount: m,
+    onShowSelectDialog: C,
+    onRemove: z,
+    onFocus: $,
+    onBlur: U,
+    usdPrice: k
+  }, W) => {
+    const { formatMessage: O } = le(), P = n.useId(), L = s?.decimals ?? 18, X = (e) => {
+      const r = e.target.value, [o, i] = fe(r, L);
+      o === null || i === null || m && m(o, i);
     }, q = () => {
-      N(!1), R?.();
-    }, l = j ?? "md", G = Z(), H = _(), J = A(), K = F ?? (G ? 20 : H ? 30 : J ? 22 : 30), [u, h] = c.useState(!1), g = c.useRef(null);
-    c.useEffect(() => {
-      if (!u) return;
+      if (m) {
+        const e = a && h && a > h ? h : a || 0n, r = me(e, L);
+        m(e, r);
+      }
+    }, [G, M] = n.useState(!1), H = () => {
+      M(!0), $?.();
+    }, J = () => {
+      M(!1), U?.();
+    }, f = R ?? "md", K = ce(), Q = de(), Y = ue(), Z = D ?? (K ? 20 : Q ? 30 : Y ? 22 : 30), [d, N] = n.useState(!1), x = n.useRef(null), F = n.useRef(null), [_, A] = n.useState({});
+    n.useLayoutEffect(() => {
+      if (!d || !x.current) return;
+      const e = () => {
+        const r = x.current?.getBoundingClientRect();
+        r && A({
+          position: "fixed",
+          top: r.bottom + 4,
+          right: window.innerWidth - r.right,
+          minWidth: r.width,
+          zIndex: 9999
+        });
+      };
+      return e(), window.addEventListener("scroll", e, !0), window.addEventListener("resize", e), () => {
+        window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e);
+      };
+    }, [d]), n.useEffect(() => {
+      if (!d) return;
       const e = (r) => {
-        g.current && !g.current.contains(r.target) && h(!1);
+        const o = r.target, i = x.current?.contains(o), re = F.current?.contains(o);
+        !i && !re && N(!1);
       };
       return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-    }, [u]);
-    const d = !!(p && p.length > 0), P = !n && d ? () => h((e) => !e) : v, Q = !!(a || v || d);
-    return /* @__PURE__ */ i(
+    }, [d]);
+    const b = !!(y && y.length > 0), ee = !c && b ? () => N((e) => !e) : C, te = !!(s || C || b);
+    return /* @__PURE__ */ l(
       "div",
       {
-        ref: S,
-        className: ae({ size: l }),
-        "data-testid": m.root,
-        "data-active": X,
-        "data-disabled": n,
+        ref: W,
+        className: he({ size: f }),
+        "data-testid": w.root,
+        "data-active": G,
+        "data-disabled": c,
         children: [
-          y && /* @__PURE__ */ t(
+          z && /* @__PURE__ */ t(
             "div",
             {
               className: "absolute top-0 right-0 flex h-5 w-5 translate-x-1/2 -translate-y-1/2 items-center justify-center",
-              "data-testid": m.close,
+              "data-testid": w.close,
               children: /* @__PURE__ */ t(
                 "button",
                 {
                   type: "button",
-                  onClick: y,
+                  onClick: z,
                   className: "flex h-5 w-5 items-center justify-center rounded-full bg-muted hover:bg-muted/80 text-muted-foreground",
-                  children: /* @__PURE__ */ t(Y, { icon: W, className: "size-3" })
+                  children: /* @__PURE__ */ t(ie, { icon: oe, className: "size-3" })
                 }
               )
             }
           ),
-          /* @__PURE__ */ i("div", { className: "mb-2 flex justify-between text-sm leading-[120%]", children: [
+          /* @__PURE__ */ l("div", { className: "mb-2 flex justify-between text-sm leading-[120%]", children: [
             /* @__PURE__ */ t(
               "span",
               {
-                className: x(
-                  ne({ size: l }),
+                className: v(
+                  ge({ size: f }),
                   "grow shrink-0 basis-0"
                 ),
-                "data-testid": m.label,
-                children: I
+                "data-testid": w.label,
+                children: u ?? /* @__PURE__ */ t(B, { messageId: "components.smartNumberInput.amountLabel" })
               }
             ),
-            s !== void 0 && a && /* @__PURE__ */ t(
-              re,
+            a !== void 0 && s && /* @__PURE__ */ t(
+              pe,
               {
-                title: M,
-                token: a,
-                maxAmount: s,
-                size: l,
-                disabled: n,
-                maxButton: L,
-                onMaxButtonClick: O
+                title: g,
+                token: s,
+                maxAmount: a,
+                size: f,
+                disabled: c,
+                maxButton: S,
+                onMaxButtonClick: q
               }
             )
           ] }),
-          /* @__PURE__ */ i(
+          /* @__PURE__ */ l(
             "div",
             {
-              className: x(
+              className: v(
                 "flex w-full max-w-full shrink-0 basis-full items-center"
               ),
               children: [
@@ -155,61 +193,108 @@ const ae = b(
                     spellCheck: "false",
                     pattern: "^[0-9]*[.,]?[0-9]*$",
                     placeholder: "0",
-                    value: k,
-                    onChange: D,
-                    onFocus: $,
-                    onBlur: q,
-                    disabled: n || !o,
-                    className: x(
-                      se({ size: l }),
-                      n && "cursor-not-allowed"
+                    value: p,
+                    onChange: X,
+                    onFocus: H,
+                    onBlur: J,
+                    disabled: c || !m,
+                    className: v(
+                      xe({ size: f }),
+                      c && "cursor-not-allowed"
                     ),
-                    "data-testid": m.input,
+                    "data-testid": w.input,
                     minLength: 1,
                     maxLength: 79,
-                    title: "Amount"
+                    title: O({
+                      messageId: "components.smartNumberInput.inputTitle"
+                    })
                   }
                 ) }),
-                Q ? /* @__PURE__ */ i("div", { ref: g, className: "relative shrink-0", children: [
+                te ? /* @__PURE__ */ l("div", { ref: x, className: "shrink-0", children: [
                   /* @__PURE__ */ t(
-                    U,
+                    ae,
                     {
-                      active: d ? u : T,
-                      size: l,
-                      disabled: n,
-                      token: a,
-                      showSelectDialog: P,
-                      chainId: V,
-                      network: B,
-                      maxLength: K,
-                      children: a?.symbol ?? "Select token"
+                      active: b ? d : E,
+                      size: f,
+                      disabled: c,
+                      token: s,
+                      showSelectDialog: ee,
+                      chainId: T,
+                      network: V,
+                      maxLength: Z,
+                      children: s?.symbol ?? /* @__PURE__ */ t(B, { messageId: "components.smartNumberInput.selectToken" })
                     }
                   ),
-                  d && u && /* @__PURE__ */ t("div", { className: "absolute right-0 top-full z-20 mt-1 min-w-[140px] overflow-hidden rounded-lg border border-gray-30 bg-gray-20 shadow-lg", children: p?.map((e, r) => /* @__PURE__ */ i(
-                    "button",
-                    {
-                      type: "button",
-                      onClick: () => {
-                        e.onSelect(), h(!1);
-                      },
-                      className: "flex w-full items-center gap-2 px-3 py-2 text-sm text-foreground hover:bg-gray-30 text-left",
-                      children: [
-                        e.icon ? /* @__PURE__ */ t("span", { className: "inline-flex shrink-0 items-center", children: e.icon }) : null,
-                        /* @__PURE__ */ t("span", { className: "truncate", children: e.label })
-                      ]
-                    },
-                    r
-                  )) })
+                  b && d && ne(
+                    /* @__PURE__ */ t(
+                      "div",
+                      {
+                        ref: F,
+                        style: _,
+                        className: "overflow-hidden rounded-lg border border-gray-30 bg-gray-20 shadow-lg",
+                        children: y?.map((e, r) => {
+                          const o = `${P}-${r}`, i = "flex w-full min-w-0 items-center gap-2 px-3 py-2 text-sm text-foreground hover:bg-gray-30";
+                          return j ? /* @__PURE__ */ l(
+                            "div",
+                            {
+                              className: i,
+                              children: [
+                                /* @__PURE__ */ t(
+                                  se,
+                                  {
+                                    id: o,
+                                    checked: !!e.checked,
+                                    color: "secondary",
+                                    size: "md",
+                                    className: "shrink-0",
+                                    onCheckedChange: () => e.onSelect()
+                                  }
+                                ),
+                                /* @__PURE__ */ l(
+                                  "label",
+                                  {
+                                    htmlFor: o,
+                                    className: "flex min-w-0 flex-1 cursor-pointer items-center gap-2 text-left",
+                                    children: [
+                                      e.icon ? /* @__PURE__ */ t("span", { className: "inline-flex shrink-0 items-center", children: e.icon }) : null,
+                                      /* @__PURE__ */ t("span", { className: "truncate", children: e.label })
+                                    ]
+                                  }
+                                )
+                              ]
+                            },
+                            r
+                          ) : /* @__PURE__ */ l(
+                            "button",
+                            {
+                              type: "button",
+                              onClick: () => {
+                                e.onSelect(), N(!1);
+                              },
+                              className: v(i, "text-left"),
+                              children: [
+                                e.icon ? /* @__PURE__ */ t("span", { className: "inline-flex shrink-0 items-center", children: e.icon }) : null,
+                                /* @__PURE__ */ t("span", { className: "truncate", children: e.label })
+                              ]
+                            },
+                            r
+                          );
+                        })
+                      }
+                    ),
+                    document.body
+                  )
                 ] }) : null
               ]
             }
-          )
+          ),
+          k !== void 0 && /* @__PURE__ */ t("div", { className: "mt-1 text-xs leading-[130%] text-secondary-foreground", children: be(p, k) })
         ]
       }
     );
   }
 );
-oe.displayName = "SmartNumberInput";
+we.displayName = "SmartNumberInput";
 export {
-  oe as SmartNumberInput
+  we as SmartNumberInput
 };

package/dist/esm/locale/en.json.js

@@ -20,8 +20,10 @@ const e = {
   "components.loading.loadingPercent": "Loading {percent}%",
   "components.loading.wait": "Please wait...",
   "components.smartNumberInput.balance": "Balance",
+  "components.smartNumberInput.amountLabel": "Amount",
   "components.smartNumberInput.inputTitle": "Token Amount",
   "components.smartNumberInput.confirm.input": "Input",
+  "components.smartNumberInput.selectToken": "Select token",
   "components.tipWindow.title": "Tip",
   "components.healthFactor.low": "Extremely low! This HF may not cover possible oracle deviations.",
   "components.headCell": "Sort by {value}",