@gearbox-protocol/ui-kit 3.14.0-next.53 → 3.14.0-next.55
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/composites/pool-table/columns.cjs +1 -1
- package/dist/cjs/components/composites/tx-preview/confirm/amounts/TransactionConfirmAmountField.cjs +1 -1
- package/dist/cjs/components/composites/tx-preview/confirm/amounts/TransactionConfirmAmountPair.cjs +1 -1
- package/dist/esm/components/composites/pool-table/columns.js +43 -43
- package/dist/esm/components/composites/tx-preview/confirm/amounts/TransactionConfirmAmountField.js +39 -40
- package/dist/esm/components/composites/tx-preview/confirm/amounts/TransactionConfirmAmountPair.js +36 -28
- package/dist/types/components/composites/tx-preview/confirm/amounts/TransactionConfirmAmountField.d.ts +12 -4
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),w=require("../../assets-list-cell/assets-list-cell.cjs"),j=require("../../compound-apy/compound-apy.cjs"),d=require("../../description/description.cjs"),k=require("../../network-icon/network-icon.cjs"),C=require("../../percent-indicator/percent-indicator.cjs"),A=require("../../pool-apy-tooltip/pool-apy-tooltip.cjs"),_=require("../../pool-indicator-icon/pool-indicator-icon.cjs"),I=require("../../pool-points-indicator/pool-points-indicator.cjs"),q=require("../../skeleton/skeleton.cjs");require("react");require("@gearbox-protocol/sdk");require("clsx");require("tailwind-merge");require("sonner");const m=require("../../../utils/format-money.cjs"),h=require("../../../utils/templates.cjs");require("luxon");require("../../../utils/z-index.cjs");const P=require("../../token-symbol/token-symbol.cjs"),p=require("../../typed-intl/index.cjs"),N=require("../../../test-ids/pool-table.cjs");require("../credit-account-history/credit-account-history.cjs");require("@fortawesome/free-solid-svg-icons");require("../../icons/fa-icon.cjs");require("../../simple-dropdown/simple-dropdown.cjs");require("../../simple-dropdown/simple-dropdown-menu-item.cjs");require("../../typography/typography.cjs");require("@gearbox-protocol/static");require("../../base-link/base-link.cjs");require("../../client-adapters/styled-rounded-image/styled-rounded-image.cjs");require("../../tooltip/simple-tooltip.cjs");require("@gearbox-protocol/sdk/common-utils");require("../../table/grid-table.cjs");require("../../help-tip/help-tip.cjs");require("../../tooltip/tooltip.cjs");require("../../card-grid/card-grid.cjs");require("../../checkbox/checkbox-labeled.cjs");require("../../confirm-menu/confirm-menu.cjs");require("../../dialog/dialog-modal-container.cjs");require("../../text-button/text-button.cjs");require("../../accordion/accordion.cjs");require("../../alert-badge/alert-badge.cjs");require("../../alert-dialog/alert-dialog.cjs");require("../../alert-modal/alert-modal.cjs");require("../../arc-loader/arc-loader.cjs");require("../../asset-line/asset-line.cjs");require("wagmi");require("../../auth/wallet-ui-context.cjs");require("../../buttons/back-button/back-button.cjs");require("../../buttons/button/button.cjs");require("../../buttons/copy-button/copy-button.cjs");require("../../buttons/external-button/external-button.cjs");require("../../buttons/filter-button/filter-button.cjs");require("../../buttons/navigation-button/navigation-button.cjs");require("../../buttons/tab-button/tab-button.cjs");require("../../avatar/avatar.cjs");require("../../badge/badge.cjs");require("../../navigation-context/navigation-context.cjs");require("../../button-checkbox/button-checkbox.cjs");require("../../cards/card/card.cjs");require("../../carousel/carousel.cjs");require("../../checkbox/checkbox.cjs");require("../../checkbox-item/checkbox-item.cjs");require("../../client-adapters/styled-button/styled-button.cjs");require("../../client-adapters/styled-dialog-container/styled-dialog-container.cjs");require("../../colored-text/colored-text.cjs");require("../../input/input.cjs");require("../../with-title/with-title.cjs");require("../../smart-number-input/balance-indicator.cjs");require("../../smart-number-input/smart-number-input.cjs");require("../../currency-button/currency-button.cjs");require("../../detailed-apy/detailed-apy.cjs");require("../../detailed-page-title/detailed-page-title.cjs");require("../../detailed-page-title/detailed-page-title-copy-button.cjs");require("../../detailed-page-title/detailed-page-title-explorer-dropdown.cjs");require("../../modal/modal.cjs");require("@radix-ui/react-dialog");require("../../dialog/dialog-container.cjs");require("../../dialog/dialog-content.cjs");require("../../dialog/dialog-description.cjs");require("../../dialog/dialog-footer.cjs");require("../../dialog/dialog-header.cjs");require("../../dialog/dialog-title.cjs");require("../../dialog/dialog-overlay.cjs");require("viem");require("../../label/label.cjs");require("../../dropdown-menu/dropdown-menu.cjs");require("../../dropdown-menu/dropdown-menu-checkbox-item.cjs");require("../../dropdown-menu/dropdown-menu-content.cjs");require("../../dropdown-menu/dropdown-menu-item.cjs");require("../../dropdown-menu/dropdown-menu-label.cjs");require("../../dropdown-menu/dropdown-menu-radio-item.cjs");require("../../dropdown-menu/dropdown-menu-separator.cjs");require("../../dropdown-menu/dropdown-menu-shortcut.cjs");require("../../dropdown-menu/dropdown-menu-sub-content.cjs");require("../../dropdown-menu/dropdown-menu-sub-trigger.cjs");require("../../edit-input/edit-input.cjs");require("react-intl");require("../../fadeout-loading/fadeout-loading.cjs");require("../../filter/filter-block.cjs");require("../../filter/filter-checkbox-item.cjs");require("../../filter/filter-chip.cjs");require("../../filter/filter-chips.cjs");require("../../filter/filter-dropdown-item.cjs");require("../../filter/filter-group.cjs");require("../../filter/filter-label.cjs");require("../../search-line/search-line.cjs");require("../../tabs/tabs.cjs");require("../../filter/filter-modal-item.cjs");require("../../filter/filter-radio-item.cjs");require("../../filter/filter-separator.cjs");require("../../filter/variants.cjs");require("../../graph/formatters.cjs");require("lightweight-charts");require("../../graph/graph-view.cjs");require("../../health-factor/health-factor.cjs");require("../../horizontal-indicator/horizontal-indicator.cjs");require("../../icon-button/icon-button.cjs");require("../../layout/app-footer/app-footer.cjs");require("../../layout/app-header/app-header.cjs");require("../../layout/col/col.cjs");require("../../layout/container/container.cjs");require("../../layout/footer/footer.cjs");require("../../layout/grid/grid.cjs");require("../../layout/header/header.cjs");require("../../layout/layout/layout.cjs");require("../../layout/main-aside-layout/main-aside-layout.cjs");require("../../page-title/page-title.cjs");require("../../layout/social-icons/social-icons.cjs");require("../../legal-agreement/legal-agreement-theme.cjs");require("../../link/link.cjs");require("../../../utils/reactochart-compat.cjs");require("../../status-elements/status-elements.cjs");require("../../loader/loader.cjs");require("../../loading/loading.cjs");require("../../loading-bar/loading-bar.cjs");require("react-markdown");require("remark-gfm");require("../../navbar/navbar.cjs");require("../../navbar/navbar-indicator-context.cjs");require("../../app-bar/app-bar.cjs");require("../../navitem/navitem.cjs");require("../../points-icon/points-icon.cjs");require("../../progress/progress.cjs");require("../../progress-bar/progress-bar.cjs");require("../../radio-group/radio-group.cjs");require("../../rounded-image/rounded-image.cjs");require("../../search-bar/search-bar.cjs");require("../../segmented-control/segmented-control.cjs");require("../../select/select.cjs");require("../../separate-line/separate-line.cjs");require("../../separator/separator.cjs");require("../../simple-accordion/simple-accordion.cjs");require("../../slider/slider.cjs");require("../../slider/slider-context.cjs");require("@radix-ui/react-slider");require("../../spinner/spinner.cjs");require("../../spinner-loader/spinner-loader.cjs");require("../../split-list/split-list.cjs");require("../../stat-badge/stat-badge.cjs");require("../../status-dot/status-dot.cjs");require("../../stepper/stepper.cjs");require("../../switch/switch.cjs");require("../../token-icon/token-icon.cjs");require("../../table/table.cjs");require("../../table/grid-table-loader.cjs");require("../../textarea/textarea.cjs");require("../../theme-provider.cjs");require("../../time-to-liquidation/time-to-liquidation.cjs");require("../../tip-card/tip-card.cjs");require("../../toggle/toggle.cjs");require("../../vertical-indicator/vertical-indicator.cjs");require("../../vertical-list/vertical-list.cjs");require("../../with-filter-button/with-filter-button.cjs");const v=require("../strategies-table/components/cells/cells.cjs");require("../strategies-table/components/feature/feature.styles.cjs");require("../strategies-table/components/rewards-tooltip/rewards-tooltip-root.cjs");function s(e,r,o){const l=e?.header??i.jsx(p.FormattedMessageTyped,{messageId:e?.headerMessageId??r});let t;if(e?.headerTip!==null){const n=e?.headerTipMessageId??o;t=e?.headerTip??(n&&i.jsx(p.FormattedMessageTyped,{messageId:n}))}return{header:l,headerTip:t,mobileTitle:e?.mobileTitle??l}}function D({ctx:e}){const{pool:r,underlyingToken:o,points:l,apy:t,isMobile:n}=e,u=n?20:24,a=i.jsx(P.TokenSymbol,{token:o,size:u});return l&&l.length>0&&t?i.jsx(A.PoolAPYTooltip,{totalAPY:t.totalAPY,baseAPY:t.baseAPY,extraAPY:t.extraAPY,points:l,tokensList:e.tokensList,children:i.jsx("div",{children:i.jsx(_.PoolIndicatorIcon,{size:u,children:a})})}):r.hasPoints?i.jsx(I.PoolPointsIndicator,{size:u,children:a}):a}function f(e){const r=e.underlyingToken?.title??e.underlyingToken?.symbol??"",o=e.pool.version;return o&&o>=300&&o<310?`${r} v${Math.floor(o/100)}`:r}function S({ctx:e,renderDescription:r,getPoolName:o}){const{pool:l}=e,t=o?o(e):f(e),n=l.poolType==="rwa";return i.jsxs("div",{className:"grid grid-cols-[auto_1fr] gap-x-3",children:[n&&i.jsx("span",{className:"hidden","data-rwa-pool-marker":"true"}),i.jsxs("div",{className:"flex items-center gap-3 shrink-0 leading-0",children:[l.network&&i.jsx(k.NetworkIcon,{network:l.network,isTest:!1,size:14,showTooltip:!0}),i.jsx(D,{ctx:e})]}),i.jsxs("div",{className:"flex items-center gap-x-2",children:[i.jsxs("div",{className:"flex md:flex-col min-w-0 overflow-hidden items-center md:items-start gap-2 md:gap-0",children:[i.jsx("span",{className:"truncate max-w-full",children:t}),r&&i.jsx(d.Description,{className:"min-w-0 text-xs",children:r(e)})]}),n&&i.jsx(v.RWAFeature,{disabledStyle:!1,tooltip:i.jsx(p.FormattedMessageTyped,{messageId:"components.poolTable.line.rwa.tip"})})]})]})}function M({ctx:e}){const{pool:r,underlyingToken:o,loading:l}=e;return i.jsxs("div",{className:"flex flex-col items-start md:items-end",children:[i.jsx(q.Skeleton,{loading:!!l,width:60,children:m.formatMoney(r.expectedLiquidityInUSD??0)}),i.jsx(d.Description,{children:h.tokenTemplate(r.expectedLiquidity,o)})]})}function Y({ctx:e}){const{pool:r,underlyingToken:o,loading:l}=e;return i.jsxs("div",{className:"flex flex-col items-start md:items-end",children:[i.jsx(q.Skeleton,{loading:!!l,width:60,children:m.formatMoney(r.totalBorrowedInUSD??0)}),i.jsx(d.Description,{children:h.tokenTemplate(r.totalBorrowed,o)})]})}function z({ctx:e}){const{pool:r,loading:o,underlyingToken:l}=e,t=l?.decimals??18,n=r.poolTokenSymbol!=null?{title:r.poolTokenSymbol,decimals:t}:l;return i.jsxs("div",{className:"flex flex-col items-start md:items-end","data-testid":N.poolTableTestIds.poolLineCellBalance,children:[i.jsx(q.Skeleton,{loading:!!o,width:60,children:m.formatMoney(r.userBalanceInUSD??0)}),r.userBalance!==void 0&&n&&i.jsx(d.Description,{children:h.tokenTemplate(r.userBalance,n)})]})}function F(e,r,o){const l=e.pool.collateralTokens,{tokensList:t,isMobile:n}=e,{mode:u="cascade",...a}=o??{};return!l?.length||!t?null:i.jsx(w.AssetsListCell,{maxAssets:r,tokensList:t,balances:l.map(c=>({token:c})),iconSize:n?20:24,options:{mode:u,...a}})}function B(e){const{header:r,mobileTitle:o}=s(e,"components.poolTable.pool");return{id:"pool",header:r,width:e?.width??"234px",align:"left",className:"pl-4",cell:l=>i.jsx(S,{ctx:l,renderDescription:e?.renderDescription,getPoolName:e?.getPoolName}),mobileTitle:o}}function L(e){const{header:r,mobileTitle:o}=s(e,"components.poolTable.supply");return{id:"supply",header:r,width:e?.width??"1fr",align:"right",hideOnMedium:e?.hideOnMedium,sort:e?.sortField!==void 0?{field:e.sortField,defaultDirection:"desc"}:{field:"supply",defaultDirection:"desc"},cell:l=>i.jsx(M,{ctx:l}),mobileTitle:o}}function O(e){const{header:r,headerTip:o,mobileTitle:l}=s(e,"components.poolTable.supplyApy","components.poolTable.supplyApy.tip");return{id:"supplyApy",header:r,headerTip:o,width:e?.width??"1.25fr",align:"right",sort:e?.sortField!==void 0?{field:e.sortField,defaultDirection:"desc"}:{field:"apy",defaultDirection:"desc"},cell:t=>{const{apy:n,loading:u,points:a,tokensList:c}=t,{totalAPY:x=0,baseAPY:y=[],extraAPY:g=[],externalAPY:T,apy7DAgo:b}=n??{};return i.jsx(q.Skeleton,{width:60,loading:!!u,children:i.jsx(j.CompoundAPY,{totalAPY:x,totalAPYLoading:!!u,baseAPY:y,extraAPY:g,points:a,apy7DAgo:b,tokensList:c,externalAPY:T})})},mobileTitle:l}}function R(e){const{header:r,mobileTitle:o}=s(e,"components.poolTable.borrowed");return{id:"borrowed",header:r,width:e?.width??"1.15fr",align:"right",cell:l=>i.jsx(Y,{ctx:l}),mobileTitle:o}}function U(e){const{header:r,headerTip:o,mobileTitle:l}=s(e,"components.poolTable.borrowApy");return{id:"borrowApy",header:r,headerTip:o,width:e?.width??"150px",align:"right",cell:t=>{const n=t.pool.borrowAPY??e?.getBorrowRate?.(t.pool)??0;return i.jsx("div",{className:"flex justify-start md:justify-end",children:m.percentageTemplate(n)})},mobileTitle:l}}function $(e){const{header:r,mobileTitle:o}=s(e,"components.poolTable.utilization");return{id:"utilization",header:r,width:e?.width??"150px",align:"right",className:"pr-4",sort:e?.sortField!==void 0?{field:e.sortField,defaultDirection:"desc"}:{field:"utilization",defaultDirection:"desc"},cell:l=>{const t=l.pool.utilization??0;return i.jsx("div",{className:"flex justify-start md:justify-end",children:i.jsx(C.PercentIndicator,{percent:t})})},mobileTitle:o}}function H(e){const r=e?.maxAssets??5,o=n=>F(n,r,e?.options),{header:l,mobileTitle:t}=s(e,"components.poolTable.collateral");return{id:"collateral",header:l,width:e?.width??"148px",align:e?.align??"left",gapBefore:e?.gapBefore??"md",cell:e?.cell??o,mobileCell:e?.mobileCell??e?.cell??o,mobileTitle:t}}function W(e){const{header:r,mobileTitle:o}=s(e,"components.poolTable.balance");return{id:"balance",header:r,width:e?.width??"1.15fr",align:"right",className:e?.className??"pr-4",headerClassName:e?.headerClassName??"pr-4",sort:e?.sortField!==void 0?{field:e.sortField,defaultDirection:"desc"}:{field:"balance",defaultDirection:"desc"},cell:e?.cell??(l=>i.jsx(z,{ctx:l})),mobileTitle:o}}function E(e){return e}exports.balanceColumn=W;exports.borrowApyColumn=U;exports.borrowedColumn=R;exports.collateralColumn=H;exports.customColumn=E;exports.defaultPoolName=f;exports.poolColumn=B;exports.supplyApyColumn=O;exports.supplyColumn=L;exports.utilizationColumn=$;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),w=require("../../assets-list-cell/assets-list-cell.cjs"),j=require("../../compound-apy/compound-apy.cjs"),d=require("../../description/description.cjs"),k=require("../../network-icon/network-icon.cjs"),C=require("../../percent-indicator/percent-indicator.cjs"),A=require("../../pool-apy-tooltip/pool-apy-tooltip.cjs"),_=require("../../pool-indicator-icon/pool-indicator-icon.cjs"),I=require("../../pool-points-indicator/pool-points-indicator.cjs"),q=require("../../skeleton/skeleton.cjs");require("react");require("@gearbox-protocol/sdk");require("clsx");require("tailwind-merge");require("sonner");const m=require("../../../utils/format-money.cjs"),h=require("../../../utils/templates.cjs");require("luxon");require("../../../utils/z-index.cjs");const P=require("../../token-symbol/token-symbol.cjs"),p=require("../../typed-intl/index.cjs"),N=require("../../../test-ids/pool-table.cjs");require("../credit-account-history/credit-account-history.cjs");require("@fortawesome/free-solid-svg-icons");require("../../icons/fa-icon.cjs");require("../../simple-dropdown/simple-dropdown.cjs");require("../../simple-dropdown/simple-dropdown-menu-item.cjs");require("../../typography/typography.cjs");require("@gearbox-protocol/static");require("../../base-link/base-link.cjs");require("../../client-adapters/styled-rounded-image/styled-rounded-image.cjs");require("../../tooltip/simple-tooltip.cjs");require("@gearbox-protocol/sdk/common-utils");require("../../table/grid-table.cjs");require("../../help-tip/help-tip.cjs");require("../../tooltip/tooltip.cjs");require("../../card-grid/card-grid.cjs");require("../../checkbox/checkbox-labeled.cjs");require("../../confirm-menu/confirm-menu.cjs");require("../../dialog/dialog-modal-container.cjs");require("../../text-button/text-button.cjs");require("../../accordion/accordion.cjs");require("../../alert-badge/alert-badge.cjs");require("../../alert-dialog/alert-dialog.cjs");require("../../alert-modal/alert-modal.cjs");require("../../arc-loader/arc-loader.cjs");require("../../asset-line/asset-line.cjs");require("wagmi");require("../../auth/wallet-ui-context.cjs");require("../../buttons/back-button/back-button.cjs");require("../../buttons/button/button.cjs");require("../../buttons/copy-button/copy-button.cjs");require("../../buttons/external-button/external-button.cjs");require("../../buttons/filter-button/filter-button.cjs");require("../../buttons/navigation-button/navigation-button.cjs");require("../../buttons/tab-button/tab-button.cjs");require("../../avatar/avatar.cjs");require("../../badge/badge.cjs");require("../../navigation-context/navigation-context.cjs");require("../../button-checkbox/button-checkbox.cjs");require("../../cards/card/card.cjs");require("../../carousel/carousel.cjs");require("../../checkbox/checkbox.cjs");require("../../checkbox-item/checkbox-item.cjs");require("../../client-adapters/styled-button/styled-button.cjs");require("../../client-adapters/styled-dialog-container/styled-dialog-container.cjs");require("../../colored-text/colored-text.cjs");require("../../input/input.cjs");require("../../with-title/with-title.cjs");require("../../smart-number-input/balance-indicator.cjs");require("../../smart-number-input/smart-number-input.cjs");require("../../currency-button/currency-button.cjs");require("../../detailed-apy/detailed-apy.cjs");require("../../detailed-page-title/detailed-page-title.cjs");require("../../detailed-page-title/detailed-page-title-copy-button.cjs");require("../../detailed-page-title/detailed-page-title-explorer-dropdown.cjs");require("../../modal/modal.cjs");require("@radix-ui/react-dialog");require("../../dialog/dialog-container.cjs");require("../../dialog/dialog-content.cjs");require("../../dialog/dialog-description.cjs");require("../../dialog/dialog-footer.cjs");require("../../dialog/dialog-header.cjs");require("../../dialog/dialog-title.cjs");require("../../dialog/dialog-overlay.cjs");require("viem");require("../../label/label.cjs");require("../../dropdown-menu/dropdown-menu.cjs");require("../../dropdown-menu/dropdown-menu-checkbox-item.cjs");require("../../dropdown-menu/dropdown-menu-content.cjs");require("../../dropdown-menu/dropdown-menu-item.cjs");require("../../dropdown-menu/dropdown-menu-label.cjs");require("../../dropdown-menu/dropdown-menu-radio-item.cjs");require("../../dropdown-menu/dropdown-menu-separator.cjs");require("../../dropdown-menu/dropdown-menu-shortcut.cjs");require("../../dropdown-menu/dropdown-menu-sub-content.cjs");require("../../dropdown-menu/dropdown-menu-sub-trigger.cjs");require("../../edit-input/edit-input.cjs");require("react-intl");require("../../fadeout-loading/fadeout-loading.cjs");require("../../filter/filter-block.cjs");require("../../filter/filter-checkbox-item.cjs");require("../../filter/filter-chip.cjs");require("../../filter/filter-chips.cjs");require("../../filter/filter-dropdown-item.cjs");require("../../filter/filter-group.cjs");require("../../filter/filter-label.cjs");require("../../search-line/search-line.cjs");require("../../tabs/tabs.cjs");require("../../filter/filter-modal-item.cjs");require("../../filter/filter-radio-item.cjs");require("../../filter/filter-separator.cjs");require("../../filter/variants.cjs");require("../../graph/formatters.cjs");require("lightweight-charts");require("../../graph/graph-view.cjs");require("../../health-factor/health-factor.cjs");require("../../horizontal-indicator/horizontal-indicator.cjs");require("../../icon-button/icon-button.cjs");require("../../layout/app-footer/app-footer.cjs");require("../../layout/app-header/app-header.cjs");require("../../layout/col/col.cjs");require("../../layout/container/container.cjs");require("../../layout/footer/footer.cjs");require("../../layout/grid/grid.cjs");require("../../layout/header/header.cjs");require("../../layout/layout/layout.cjs");require("../../layout/main-aside-layout/main-aside-layout.cjs");require("../../page-title/page-title.cjs");require("../../layout/social-icons/social-icons.cjs");require("../../legal-agreement/legal-agreement-theme.cjs");require("../../link/link.cjs");require("../../../utils/reactochart-compat.cjs");require("../../status-elements/status-elements.cjs");require("../../loader/loader.cjs");require("../../loading/loading.cjs");require("../../loading-bar/loading-bar.cjs");require("react-markdown");require("remark-gfm");require("../../navbar/navbar.cjs");require("../../navbar/navbar-indicator-context.cjs");require("../../app-bar/app-bar.cjs");require("../../navitem/navitem.cjs");require("../../points-icon/points-icon.cjs");require("../../progress/progress.cjs");require("../../progress-bar/progress-bar.cjs");require("../../radio-group/radio-group.cjs");require("../../rounded-image/rounded-image.cjs");require("../../search-bar/search-bar.cjs");require("../../segmented-control/segmented-control.cjs");require("../../select/select.cjs");require("../../separate-line/separate-line.cjs");require("../../separator/separator.cjs");require("../../simple-accordion/simple-accordion.cjs");require("../../slider/slider.cjs");require("../../slider/slider-context.cjs");require("@radix-ui/react-slider");require("../../spinner/spinner.cjs");require("../../spinner-loader/spinner-loader.cjs");require("../../split-list/split-list.cjs");require("../../stat-badge/stat-badge.cjs");require("../../status-dot/status-dot.cjs");require("../../stepper/stepper.cjs");require("../../switch/switch.cjs");require("../../token-icon/token-icon.cjs");require("../../table/table.cjs");require("../../table/grid-table-loader.cjs");require("../../textarea/textarea.cjs");require("../../theme-provider.cjs");require("../../time-to-liquidation/time-to-liquidation.cjs");require("../../tip-card/tip-card.cjs");require("../../toggle/toggle.cjs");require("../../vertical-indicator/vertical-indicator.cjs");require("../../vertical-list/vertical-list.cjs");require("../../with-filter-button/with-filter-button.cjs");const v=require("../strategies-table/components/cells/cells.cjs");require("../strategies-table/components/feature/feature.styles.cjs");require("../strategies-table/components/rewards-tooltip/rewards-tooltip-root.cjs");function s(e,r,o){const l=e?.header??i.jsx(p.FormattedMessageTyped,{messageId:e?.headerMessageId??r});let n;if(e?.headerTip!==null){const t=e?.headerTipMessageId??o;n=e?.headerTip??(t&&i.jsx(p.FormattedMessageTyped,{messageId:t}))}return{header:l,headerTip:n,mobileTitle:e?.mobileTitle??l}}function D({ctx:e}){const{pool:r,underlyingToken:o,points:l,apy:n,isMobile:t}=e,u=t?20:24,a=i.jsx(P.TokenSymbol,{token:o,size:u});return l&&l.length>0&&n?i.jsx(A.PoolAPYTooltip,{totalAPY:n.totalAPY,baseAPY:n.baseAPY,extraAPY:n.extraAPY,points:l,tokensList:e.tokensList,children:i.jsx("div",{children:i.jsx(_.PoolIndicatorIcon,{size:u,children:a})})}):r.hasPoints?i.jsx(I.PoolPointsIndicator,{size:u,children:a}):a}function f(e){const r=e.underlyingToken?.title??e.underlyingToken?.symbol??"",o=e.pool.version;return o&&o>=300&&o<310?`${r} v${Math.floor(o/100)}`:r}function S({ctx:e,renderDescription:r,getPoolName:o}){const{pool:l}=e,n=o?o(e):f(e),t=l.poolType==="rwa";return i.jsxs("div",{className:"grid grid-cols-[auto_1fr] gap-x-3",children:[t&&i.jsx("span",{className:"hidden","data-rwa-pool-marker":"true"}),i.jsxs("div",{className:"flex items-center gap-3 shrink-0 leading-0",children:[l.network&&i.jsx(k.NetworkIcon,{network:l.network,isTest:!1,size:14,showTooltip:!0}),i.jsx(D,{ctx:e})]}),i.jsx("div",{className:"flex items-center gap-x-2",children:i.jsxs("div",{className:"flex md:flex-col min-w-0 overflow-hidden items-center md:items-start gap-2 md:gap-0",children:[i.jsxs("div",{className:"flex min-w-0 max-w-full items-center gap-x-2",children:[i.jsx("span",{className:"truncate min-w-0",children:n}),t&&i.jsx("span",{className:"shrink-0 leading-0",children:i.jsx(v.RWAFeature,{disabledStyle:!1,tooltip:i.jsx(p.FormattedMessageTyped,{messageId:"components.poolTable.line.rwa.tip"})})})]}),r&&i.jsx(d.Description,{className:"min-w-0 text-xs",children:r(e)})]})})]})}function M({ctx:e}){const{pool:r,underlyingToken:o,loading:l}=e;return i.jsxs("div",{className:"flex flex-col items-start md:items-end",children:[i.jsx(q.Skeleton,{loading:!!l,width:60,children:m.formatMoney(r.expectedLiquidityInUSD??0)}),i.jsx(d.Description,{children:h.tokenTemplate(r.expectedLiquidity,o)})]})}function Y({ctx:e}){const{pool:r,underlyingToken:o,loading:l}=e;return i.jsxs("div",{className:"flex flex-col items-start md:items-end",children:[i.jsx(q.Skeleton,{loading:!!l,width:60,children:m.formatMoney(r.totalBorrowedInUSD??0)}),i.jsx(d.Description,{children:h.tokenTemplate(r.totalBorrowed,o)})]})}function z({ctx:e}){const{pool:r,loading:o,underlyingToken:l}=e,n=l?.decimals??18,t=r.poolTokenSymbol!=null?{title:r.poolTokenSymbol,decimals:n}:l;return i.jsxs("div",{className:"flex flex-col items-start md:items-end","data-testid":N.poolTableTestIds.poolLineCellBalance,children:[i.jsx(q.Skeleton,{loading:!!o,width:60,children:m.formatMoney(r.userBalanceInUSD??0)}),r.userBalance!==void 0&&t&&i.jsx(d.Description,{children:h.tokenTemplate(r.userBalance,t)})]})}function F(e,r,o){const l=e.pool.collateralTokens,{tokensList:n,isMobile:t}=e,{mode:u="cascade",...a}=o??{};return!l?.length||!n?null:i.jsx(w.AssetsListCell,{maxAssets:r,tokensList:n,balances:l.map(c=>({token:c})),iconSize:t?20:24,options:{mode:u,...a}})}function B(e){const{header:r,mobileTitle:o}=s(e,"components.poolTable.pool");return{id:"pool",header:r,width:e?.width??"234px",align:"left",className:"pl-4",cell:l=>i.jsx(S,{ctx:l,renderDescription:e?.renderDescription,getPoolName:e?.getPoolName}),mobileTitle:o}}function L(e){const{header:r,mobileTitle:o}=s(e,"components.poolTable.supply");return{id:"supply",header:r,width:e?.width??"1fr",align:"right",hideOnMedium:e?.hideOnMedium,sort:e?.sortField!==void 0?{field:e.sortField,defaultDirection:"desc"}:{field:"supply",defaultDirection:"desc"},cell:l=>i.jsx(M,{ctx:l}),mobileTitle:o}}function O(e){const{header:r,headerTip:o,mobileTitle:l}=s(e,"components.poolTable.supplyApy","components.poolTable.supplyApy.tip");return{id:"supplyApy",header:r,headerTip:o,width:e?.width??"1.25fr",align:"right",sort:e?.sortField!==void 0?{field:e.sortField,defaultDirection:"desc"}:{field:"apy",defaultDirection:"desc"},cell:n=>{const{apy:t,loading:u,points:a,tokensList:c}=n,{totalAPY:x=0,baseAPY:g=[],extraAPY:y=[],externalAPY:T,apy7DAgo:b}=t??{};return i.jsx(q.Skeleton,{width:60,loading:!!u,children:i.jsx(j.CompoundAPY,{totalAPY:x,totalAPYLoading:!!u,baseAPY:g,extraAPY:y,points:a,apy7DAgo:b,tokensList:c,externalAPY:T})})},mobileTitle:l}}function R(e){const{header:r,mobileTitle:o}=s(e,"components.poolTable.borrowed");return{id:"borrowed",header:r,width:e?.width??"1.15fr",align:"right",cell:l=>i.jsx(Y,{ctx:l}),mobileTitle:o}}function U(e){const{header:r,headerTip:o,mobileTitle:l}=s(e,"components.poolTable.borrowApy");return{id:"borrowApy",header:r,headerTip:o,width:e?.width??"150px",align:"right",cell:n=>{const t=n.pool.borrowAPY??e?.getBorrowRate?.(n.pool)??0;return i.jsx("div",{className:"flex justify-start md:justify-end",children:m.percentageTemplate(t)})},mobileTitle:l}}function $(e){const{header:r,mobileTitle:o}=s(e,"components.poolTable.utilization");return{id:"utilization",header:r,width:e?.width??"150px",align:"right",className:"pr-4",sort:e?.sortField!==void 0?{field:e.sortField,defaultDirection:"desc"}:{field:"utilization",defaultDirection:"desc"},cell:l=>{const n=l.pool.utilization??0;return i.jsx("div",{className:"flex justify-start md:justify-end",children:i.jsx(C.PercentIndicator,{percent:n})})},mobileTitle:o}}function H(e){const r=e?.maxAssets??5,o=t=>F(t,r,e?.options),{header:l,mobileTitle:n}=s(e,"components.poolTable.collateral");return{id:"collateral",header:l,width:e?.width??"148px",align:e?.align??"left",gapBefore:e?.gapBefore??"md",cell:e?.cell??o,mobileCell:e?.mobileCell??e?.cell??o,mobileTitle:n}}function W(e){const{header:r,mobileTitle:o}=s(e,"components.poolTable.balance");return{id:"balance",header:r,width:e?.width??"1.15fr",align:"right",className:e?.className??"pr-4",headerClassName:e?.headerClassName??"pr-4",sort:e?.sortField!==void 0?{field:e.sortField,defaultDirection:"desc"}:{field:"balance",defaultDirection:"desc"},cell:e?.cell??(l=>i.jsx(z,{ctx:l})),mobileTitle:o}}function E(e){return e}exports.balanceColumn=W;exports.borrowApyColumn=U;exports.borrowedColumn=R;exports.collateralColumn=H;exports.customColumn=E;exports.defaultPoolName=f;exports.poolColumn=B;exports.supplyApyColumn=O;exports.supplyColumn=L;exports.utilizationColumn=$;
|
package/dist/cjs/components/composites/tx-preview/confirm/amounts/TransactionConfirmAmountField.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("class-variance-authority");require("../../../../accordion/accordion.cjs");require("@gearbox-protocol/static");require("react");require("@fortawesome/free-solid-svg-icons");require("../../../../icons/fa-icon.cjs");require("@gearbox-protocol/sdk");const p=require("../../../../../utils/cn.cjs");require("sonner");const x=require("../../../../../utils/format-money.cjs");require("@gearbox-protocol/sdk/common-utils");require("luxon");require("../../../../../utils/z-index.cjs");require("../../../../alert-badge/alert-badge.cjs");require("../../../../alert-dialog/alert-dialog.cjs");require("../../../../alert-modal/alert-modal.cjs");require("../../../../tooltip/simple-tooltip.cjs");require("../../../../tooltip/tooltip.cjs");require("react-intl");require("../../../../arc-loader/arc-loader.cjs");require("../../../../asset-line/asset-line.cjs");require("../../../../buttons/back-button/back-button.cjs");require("../../../../buttons/button/button.cjs");require("../../../../buttons/copy-button/copy-button.cjs");require("../../../../buttons/external-button/external-button.cjs");require("../../../../buttons/filter-button/filter-button.cjs");require("../../../../buttons/navigation-button/navigation-button.cjs");require("../../../../buttons/tab-button/tab-button.cjs");const f=require("../../../../token-icon/token-icon.cjs");require("wagmi");require("../../../../auth/wallet-ui-context.cjs");require("../../../../avatar/avatar.cjs");require("../../../../badge/badge.cjs");require("../../../../base-link/base-link.cjs");require("../../../../navigation-context/navigation-context.cjs");require("../../../../button-checkbox/button-checkbox.cjs");require("../../../../card-grid/card-grid.cjs");require("../../../../cards/card/card.cjs");require("../../../../carousel/carousel.cjs");require("../../../../checkbox/checkbox.cjs");require("../../../../checkbox/checkbox-labeled.cjs");require("../../../../checkbox-item/checkbox-item.cjs");require("../../../../client-adapters/styled-button/styled-button.cjs");require("../../../../client-adapters/styled-dialog-container/styled-dialog-container.cjs");require("../../../../client-adapters/styled-rounded-image/styled-rounded-image.cjs");require("../../../../colored-text/colored-text.cjs");require("../../../../input/input.cjs");require("../../../../with-title/with-title.cjs");require("../../../../smart-number-input/balance-indicator.cjs");require("../../../../smart-number-input/smart-number-input.cjs");require("../../../credit-account-history/credit-account-history.cjs");require("../../../../simple-dropdown/simple-dropdown.cjs");require("../../../../simple-dropdown/simple-dropdown-menu-item.cjs");require("../../../../typography/typography.cjs");require("../../../../table/grid-table.cjs");const g=require("../../../../token-symbol/token-symbol.cjs");require("../../../../help-tip/help-tip.cjs");require("../../../../description/description.cjs");const _=require("../../../../token-template/token-template.cjs");require("../../../../confirm-menu/confirm-menu.cjs");require("../../../../dialog/dialog-modal-container.cjs");require("../../../../text-button/text-button.cjs");require("../../../../vertical-indicator/vertical-indicator.cjs");require("../../../../points-icon/points-icon.cjs");require("../../../../skeleton/skeleton.cjs");require("../../../../vertical-list/vertical-list.cjs");require("../../../../rounded-image/rounded-image.cjs");require("../../../../progress/progress.cjs");require("../../../../pool-indicator-icon/pool-indicator-icon.cjs");require("../../../strategies-table/components/feature/feature.styles.cjs");require("viem");require("../../../../icon-button/icon-button.cjs");require("../../../../separate-line/separate-line.cjs");require("../../../../tip-card/tip-card.cjs");require("../../../strategies-table/components/rewards-tooltip/rewards-tooltip-root.cjs");require("../../../../currency-button/currency-button.cjs");require("../../../../detailed-apy/detailed-apy.cjs");require("../../../../detailed-page-title/detailed-page-title.cjs");require("../../../../detailed-page-title/detailed-page-title-copy-button.cjs");require("../../../../detailed-page-title/detailed-page-title-explorer-dropdown.cjs");require("../../../../modal/modal.cjs");require("@radix-ui/react-dialog");require("../../../../dialog/dialog-container.cjs");require("../../../../dialog/dialog-content.cjs");require("../../../../dialog/dialog-description.cjs");require("../../../../dialog/dialog-footer.cjs");require("../../../../dialog/dialog-header.cjs");require("../../../../dialog/dialog-title.cjs");require("../../../../dialog/dialog-overlay.cjs");require("../../../../label/label.cjs");require("../../../../dropdown-menu/dropdown-menu.cjs");require("../../../../dropdown-menu/dropdown-menu-checkbox-item.cjs");require("../../../../dropdown-menu/dropdown-menu-content.cjs");require("../../../../dropdown-menu/dropdown-menu-item.cjs");require("../../../../dropdown-menu/dropdown-menu-label.cjs");require("../../../../dropdown-menu/dropdown-menu-radio-item.cjs");require("../../../../dropdown-menu/dropdown-menu-separator.cjs");require("../../../../dropdown-menu/dropdown-menu-shortcut.cjs");require("../../../../dropdown-menu/dropdown-menu-sub-content.cjs");require("../../../../dropdown-menu/dropdown-menu-sub-trigger.cjs");require("../../../../edit-input/edit-input.cjs");const y=require("../../../../fadeout-loading/fadeout-loading.cjs");require("../../../../filter/filter-block.cjs");require("../../../../filter/filter-checkbox-item.cjs");require("../../../../filter/filter-chip.cjs");require("../../../../filter/filter-chips.cjs");require("../../../../filter/filter-dropdown-item.cjs");require("../../../../filter/filter-group.cjs");require("../../../../filter/filter-label.cjs");require("../../../../search-line/search-line.cjs");require("../../../../tabs/tabs.cjs");require("../../../../filter/filter-modal-item.cjs");require("../../../../filter/filter-radio-item.cjs");require("../../../../filter/filter-separator.cjs");require("../../../../filter/variants.cjs");require("../../../../graph/formatters.cjs");require("lightweight-charts");require("../../../../graph/graph-view.cjs");require("../../../../health-factor/health-factor.cjs");require("../../../../horizontal-indicator/horizontal-indicator.cjs");require("../../../../layout/app-footer/app-footer.cjs");require("../../../../layout/app-header/app-header.cjs");require("../../../../layout/col/col.cjs");require("../../../../layout/container/container.cjs");require("../../../../layout/footer/footer.cjs");require("../../../../layout/grid/grid.cjs");require("../../../../layout/header/header.cjs");require("../../../../layout/layout/layout.cjs");require("../../../../layout/main-aside-layout/main-aside-layout.cjs");require("../../../../page-title/page-title.cjs");require("../../../../layout/social-icons/social-icons.cjs");require("../../../../legal-agreement/legal-agreement-theme.cjs");require("../../../../link/link.cjs");require("../../../../../utils/reactochart-compat.cjs");require("../../../../status-elements/status-elements.cjs");require("../../../../loader/loader.cjs");require("../../../../loading/loading.cjs");require("../../../../loading-bar/loading-bar.cjs");require("react-markdown");require("remark-gfm");require("../../../../navbar/navbar.cjs");require("../../../../navbar/navbar-indicator-context.cjs");require("../../../../app-bar/app-bar.cjs");require("../../../../navitem/navitem.cjs");require("../../../../progress-bar/progress-bar.cjs");require("../../../../radio-group/radio-group.cjs");require("../../../../search-bar/search-bar.cjs");require("../../../../segmented-control/segmented-control.cjs");require("../../../../select/select.cjs");require("../../../../separator/separator.cjs");require("../../../../simple-accordion/simple-accordion.cjs");require("../../../../slider/slider.cjs");require("../../../../slider/slider-context.cjs");require("@radix-ui/react-slider");require("../../../../spinner/spinner.cjs");require("../../../../spinner-loader/spinner-loader.cjs");require("../../../../split-list/split-list.cjs");require("../../../../stat-badge/stat-badge.cjs");require("../../../../status-dot/status-dot.cjs");require("../../../../stepper/stepper.cjs");require("../../../../switch/switch.cjs");require("../../../../table/table.cjs");require("../../../../table/grid-table-loader.cjs");require("../../../../textarea/textarea.cjs");require("../../../../theme-provider.cjs");require("../../../../time-to-liquidation/time-to-liquidation.cjs");require("../../../../toggle/toggle.cjs");require("../../../../with-filter-button/with-filter-button.cjs");const j=require("./constants.cjs"),h="≈",b=d.cva("flex w-full items-center justify-between bg-gray-20 px-4 py-3",{variants:{position:{primary:"rounded-t-lg",receive:"rounded-b-lg",solo:"rounded-b-lg rounded-t-lg",none:""},size:{sm:"min-h-[52px]",md:"min-h-[56px]"}},defaultVariants:{position:"primary",size:"md"}});function T({label:o,amount:t,token:r,usdMoney:i,loading:s=!1,position:a,size:c="md",maxLength:l,approximate:m}){const u=i!==void 0?x.formatMoney(i):null,{isApproximate:q=!1,approximateSymbol:n=h}=m||{};return e.jsxs("div",{className:p.cn(b({position:a,size:c})),"data-testid":j.TransactionConfirmAmountFieldTest.root,children:[e.jsx("span",{className:"text-sm font-medium text-foreground",children:o}),e.jsxs("div",{className:"flex flex-col items-end gap-0.5",children:[e.jsx(y.FadeoutLoading,{loading:s,children:e.jsxs("span",{className:"inline-flex items-center gap-1.5 text-sm font-medium text-foreground",children:[r?e.jsx(f.TokenIcon,{symbol:g.getSymbolOrIcon(r),size:16}):null,e.jsxs("span",{children:[q&&e.jsx("span",{children:n}),e.jsx(_.TokenTemplate,{value:t,token:r,maxLength:l})]})]})}),u?e.jsxs("span",{className:"text-xs leading-[130%] text-secondary-foreground",children:[q&&e.jsx("span",{children:n}),u]}):null]})]})}exports.TransactionConfirmAmountField=T;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("class-variance-authority");require("../../../../accordion/accordion.cjs");require("@gearbox-protocol/static");require("react");require("@fortawesome/free-solid-svg-icons");require("../../../../icons/fa-icon.cjs");require("@gearbox-protocol/sdk");const x=require("../../../../../utils/cn.cjs");require("sonner");const p=require("../../../../../utils/format-money.cjs");require("@gearbox-protocol/sdk/common-utils");require("luxon");require("../../../../../utils/z-index.cjs");require("../../../../alert-badge/alert-badge.cjs");require("../../../../alert-dialog/alert-dialog.cjs");require("../../../../alert-modal/alert-modal.cjs");require("../../../../tooltip/simple-tooltip.cjs");require("../../../../tooltip/tooltip.cjs");require("react-intl");require("../../../../arc-loader/arc-loader.cjs");require("../../../../asset-line/asset-line.cjs");require("../../../../buttons/back-button/back-button.cjs");require("../../../../buttons/button/button.cjs");require("../../../../buttons/copy-button/copy-button.cjs");require("../../../../buttons/external-button/external-button.cjs");require("../../../../buttons/filter-button/filter-button.cjs");require("../../../../buttons/navigation-button/navigation-button.cjs");require("../../../../buttons/tab-button/tab-button.cjs");const f=require("../../../../token-icon/token-icon.cjs");require("wagmi");require("../../../../auth/wallet-ui-context.cjs");require("../../../../avatar/avatar.cjs");require("../../../../badge/badge.cjs");require("../../../../base-link/base-link.cjs");require("../../../../navigation-context/navigation-context.cjs");require("../../../../button-checkbox/button-checkbox.cjs");require("../../../../card-grid/card-grid.cjs");require("../../../../cards/card/card.cjs");require("../../../../carousel/carousel.cjs");require("../../../../checkbox/checkbox.cjs");require("../../../../checkbox/checkbox-labeled.cjs");require("../../../../checkbox-item/checkbox-item.cjs");require("../../../../client-adapters/styled-button/styled-button.cjs");require("../../../../client-adapters/styled-dialog-container/styled-dialog-container.cjs");require("../../../../client-adapters/styled-rounded-image/styled-rounded-image.cjs");require("../../../../colored-text/colored-text.cjs");require("../../../../input/input.cjs");require("../../../../with-title/with-title.cjs");require("../../../../smart-number-input/balance-indicator.cjs");require("../../../../smart-number-input/smart-number-input.cjs");require("../../../credit-account-history/credit-account-history.cjs");require("../../../../simple-dropdown/simple-dropdown.cjs");require("../../../../simple-dropdown/simple-dropdown-menu-item.cjs");require("../../../../typography/typography.cjs");require("../../../../table/grid-table.cjs");const g=require("../../../../token-symbol/token-symbol.cjs");require("../../../../help-tip/help-tip.cjs");require("../../../../description/description.cjs");const j=require("../../../../token-template/token-template.cjs");require("../../../../confirm-menu/confirm-menu.cjs");require("../../../../dialog/dialog-modal-container.cjs");require("../../../../text-button/text-button.cjs");require("../../../../vertical-indicator/vertical-indicator.cjs");require("../../../../points-icon/points-icon.cjs");require("../../../../skeleton/skeleton.cjs");require("../../../../vertical-list/vertical-list.cjs");require("../../../../rounded-image/rounded-image.cjs");require("../../../../progress/progress.cjs");require("../../../../pool-indicator-icon/pool-indicator-icon.cjs");require("../../../strategies-table/components/feature/feature.styles.cjs");require("viem");require("../../../../icon-button/icon-button.cjs");require("../../../../separate-line/separate-line.cjs");require("../../../../tip-card/tip-card.cjs");require("../../../strategies-table/components/rewards-tooltip/rewards-tooltip-root.cjs");require("../../../../currency-button/currency-button.cjs");require("../../../../detailed-apy/detailed-apy.cjs");require("../../../../detailed-page-title/detailed-page-title.cjs");require("../../../../detailed-page-title/detailed-page-title-copy-button.cjs");require("../../../../detailed-page-title/detailed-page-title-explorer-dropdown.cjs");require("../../../../modal/modal.cjs");require("@radix-ui/react-dialog");require("../../../../dialog/dialog-container.cjs");require("../../../../dialog/dialog-content.cjs");require("../../../../dialog/dialog-description.cjs");require("../../../../dialog/dialog-footer.cjs");require("../../../../dialog/dialog-header.cjs");require("../../../../dialog/dialog-title.cjs");require("../../../../dialog/dialog-overlay.cjs");require("../../../../label/label.cjs");require("../../../../dropdown-menu/dropdown-menu.cjs");require("../../../../dropdown-menu/dropdown-menu-checkbox-item.cjs");require("../../../../dropdown-menu/dropdown-menu-content.cjs");require("../../../../dropdown-menu/dropdown-menu-item.cjs");require("../../../../dropdown-menu/dropdown-menu-label.cjs");require("../../../../dropdown-menu/dropdown-menu-radio-item.cjs");require("../../../../dropdown-menu/dropdown-menu-separator.cjs");require("../../../../dropdown-menu/dropdown-menu-shortcut.cjs");require("../../../../dropdown-menu/dropdown-menu-sub-content.cjs");require("../../../../dropdown-menu/dropdown-menu-sub-trigger.cjs");require("../../../../edit-input/edit-input.cjs");const _=require("../../../../fadeout-loading/fadeout-loading.cjs");require("../../../../filter/filter-block.cjs");require("../../../../filter/filter-checkbox-item.cjs");require("../../../../filter/filter-chip.cjs");require("../../../../filter/filter-chips.cjs");require("../../../../filter/filter-dropdown-item.cjs");require("../../../../filter/filter-group.cjs");require("../../../../filter/filter-label.cjs");require("../../../../search-line/search-line.cjs");require("../../../../tabs/tabs.cjs");require("../../../../filter/filter-modal-item.cjs");require("../../../../filter/filter-radio-item.cjs");require("../../../../filter/filter-separator.cjs");require("../../../../filter/variants.cjs");require("../../../../graph/formatters.cjs");require("lightweight-charts");require("../../../../graph/graph-view.cjs");require("../../../../health-factor/health-factor.cjs");require("../../../../horizontal-indicator/horizontal-indicator.cjs");require("../../../../layout/app-footer/app-footer.cjs");require("../../../../layout/app-header/app-header.cjs");require("../../../../layout/col/col.cjs");require("../../../../layout/container/container.cjs");require("../../../../layout/footer/footer.cjs");require("../../../../layout/grid/grid.cjs");require("../../../../layout/header/header.cjs");require("../../../../layout/layout/layout.cjs");require("../../../../layout/main-aside-layout/main-aside-layout.cjs");require("../../../../page-title/page-title.cjs");require("../../../../layout/social-icons/social-icons.cjs");require("../../../../legal-agreement/legal-agreement-theme.cjs");require("../../../../link/link.cjs");require("../../../../../utils/reactochart-compat.cjs");require("../../../../status-elements/status-elements.cjs");require("../../../../loader/loader.cjs");require("../../../../loading/loading.cjs");require("../../../../loading-bar/loading-bar.cjs");require("react-markdown");require("remark-gfm");require("../../../../navbar/navbar.cjs");require("../../../../navbar/navbar-indicator-context.cjs");require("../../../../app-bar/app-bar.cjs");require("../../../../navitem/navitem.cjs");require("../../../../progress-bar/progress-bar.cjs");require("../../../../radio-group/radio-group.cjs");require("../../../../search-bar/search-bar.cjs");require("../../../../segmented-control/segmented-control.cjs");require("../../../../select/select.cjs");require("../../../../separator/separator.cjs");require("../../../../simple-accordion/simple-accordion.cjs");require("../../../../slider/slider.cjs");require("../../../../slider/slider-context.cjs");require("@radix-ui/react-slider");require("../../../../spinner/spinner.cjs");require("../../../../spinner-loader/spinner-loader.cjs");require("../../../../split-list/split-list.cjs");require("../../../../stat-badge/stat-badge.cjs");require("../../../../status-dot/status-dot.cjs");require("../../../../stepper/stepper.cjs");require("../../../../switch/switch.cjs");require("../../../../table/table.cjs");require("../../../../table/grid-table-loader.cjs");require("../../../../textarea/textarea.cjs");require("../../../../theme-provider.cjs");require("../../../../time-to-liquidation/time-to-liquidation.cjs");require("../../../../toggle/toggle.cjs");require("../../../../with-filter-button/with-filter-button.cjs");const h=require("./constants.cjs"),k="≈",b=m.cva("flex w-full items-center justify-between bg-gray-20 px-4 py-3",{variants:{position:{primary:"rounded-t-lg",receive:"rounded-b-lg",solo:"rounded-b-lg rounded-t-lg",none:""},size:{sm:"min-h-[52px]",md:"min-h-[56px]"}},defaultVariants:{position:"primary",size:"md"}});function T({label:o,primaryAmount:r,secondaryAmount:i,loading:t=!1,position:s,size:a="md",maxLength:c,approximate:l}){const{isApproximate:u=!1,approximateSymbol:q=k}=l||{},d=r&&"node"in r?r.node:e.jsxs(e.Fragment,{children:[r.token&&e.jsx(f.TokenIcon,{symbol:g.getSymbolOrIcon(r.token),size:16}),e.jsxs("span",{children:[u&&e.jsx("span",{children:q}),e.jsx(j.TokenTemplate,{value:r?.amount,token:r.token,maxLength:c})]})]}),n=i&&"node"in i?i.node:i?.usd?e.jsxs(e.Fragment,{children:[u&&e.jsx("span",{children:q}),p.formatMoney(i.usd)]}):null;return e.jsxs("div",{className:x.cn(b({position:s,size:a})),"data-testid":h.TransactionConfirmAmountFieldTest.root,children:[e.jsx("span",{className:"text-sm font-medium text-foreground",children:o}),e.jsxs("div",{className:"flex flex-col items-end gap-0.5",children:[e.jsx(_.FadeoutLoading,{loading:t,children:e.jsx("span",{className:"inline-flex items-center gap-1.5 text-sm font-medium text-foreground",children:d})}),n&&e.jsx("span",{className:"text-xs leading-[130%] text-secondary-foreground",children:n})]})]})}exports.TransactionConfirmAmountField=T;
|
package/dist/cjs/components/composites/tx-preview/confirm/amounts/TransactionConfirmAmountPair.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),f=require("./constants.cjs"),i=require("./TransactionConfirmAmountField.cjs");function p({primaryLabel:e,primaryAmount:s,primaryToken:a,primaryUsdMoney:m,receiveLabel:c,receiveAmount:u,receiveToken:l,receiveUsdMoney:d,loading:n=!1,size:t="md",maxLength:r}){return o.jsxs("div",{className:"mb-4 flex flex-col gap-px","data-testid":f.TransactionConfirmAmountPairTest.root,children:[o.jsx(i.TransactionConfirmAmountField,{label:e,primaryAmount:{amount:s,token:a},secondaryAmount:{usd:m},loading:n,position:"primary",size:t,maxLength:r}),o.jsx(i.TransactionConfirmAmountField,{label:c,primaryAmount:{amount:u,token:l},secondaryAmount:{usd:d},loading:n,position:"receive",size:t,maxLength:r})]})}exports.TransactionConfirmAmountPair=p;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as r, jsxs as d } from "react/jsx-runtime";
|
|
2
2
|
import { AssetsListCell as A } from "../../assets-list-cell/assets-list-cell.js";
|
|
3
|
-
import { CompoundAPY as
|
|
3
|
+
import { CompoundAPY as x } from "../../compound-apy/compound-apy.js";
|
|
4
4
|
import { Description as c } from "../../description/description.js";
|
|
5
|
-
import { NetworkIcon as
|
|
5
|
+
import { NetworkIcon as C } from "../../network-icon/network-icon.js";
|
|
6
6
|
import { PercentIndicator as N } from "../../percent-indicator/percent-indicator.js";
|
|
7
7
|
import { PoolAPYTooltip as P } from "../../pool-apy-tooltip/pool-apy-tooltip.js";
|
|
8
8
|
import { PoolIndicatorIcon as v } from "../../pool-indicator-icon/pool-indicator-icon.js";
|
|
@@ -176,7 +176,7 @@ import "../../with-filter-button/with-filter-button.js";
|
|
|
176
176
|
import { RWAFeature as B } from "../strategies-table/components/cells/cells.js";
|
|
177
177
|
import "../strategies-table/components/feature/feature.styles.js";
|
|
178
178
|
import "../strategies-table/components/rewards-tooltip/rewards-tooltip-root.js";
|
|
179
|
-
function
|
|
179
|
+
function p(o, t, i) {
|
|
180
180
|
const e = o?.header ?? /* @__PURE__ */ r(
|
|
181
181
|
f,
|
|
182
182
|
{
|
|
@@ -191,7 +191,7 @@ function n(o, t, i) {
|
|
|
191
191
|
return { header: e, headerTip: l, mobileTitle: o?.mobileTitle ?? e };
|
|
192
192
|
}
|
|
193
193
|
function S({ ctx: o }) {
|
|
194
|
-
const { pool: t, underlyingToken: i, points: e, apy: l, isMobile: m } = o,
|
|
194
|
+
const { pool: t, underlyingToken: i, points: e, apy: l, isMobile: m } = o, n = m ? 20 : 24, a = /* @__PURE__ */ r(Y, { token: i, size: n });
|
|
195
195
|
return e && e.length > 0 && l ? /* @__PURE__ */ r(
|
|
196
196
|
P,
|
|
197
197
|
{
|
|
@@ -200,9 +200,9 @@ function S({ ctx: o }) {
|
|
|
200
200
|
extraAPY: l.extraAPY,
|
|
201
201
|
points: e,
|
|
202
202
|
tokensList: o.tokensList,
|
|
203
|
-
children: /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(v, { size:
|
|
203
|
+
children: /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(v, { size: n, children: a }) })
|
|
204
204
|
}
|
|
205
|
-
) : t.hasPoints ? /* @__PURE__ */ r(D, { size:
|
|
205
|
+
) : t.hasPoints ? /* @__PURE__ */ r(D, { size: n, children: a }) : a;
|
|
206
206
|
}
|
|
207
207
|
function F(o) {
|
|
208
208
|
const t = o.underlyingToken?.title ?? o.underlyingToken?.symbol ?? "", i = o.pool.version;
|
|
@@ -218,7 +218,7 @@ function M({
|
|
|
218
218
|
m && /* @__PURE__ */ r("span", { className: "hidden", "data-rwa-pool-marker": "true" }),
|
|
219
219
|
/* @__PURE__ */ d("div", { className: "flex items-center gap-3 shrink-0 leading-0", children: [
|
|
220
220
|
e.network && /* @__PURE__ */ r(
|
|
221
|
-
|
|
221
|
+
C,
|
|
222
222
|
{
|
|
223
223
|
network: e.network,
|
|
224
224
|
isTest: !1,
|
|
@@ -228,19 +228,19 @@ function M({
|
|
|
228
228
|
),
|
|
229
229
|
/* @__PURE__ */ r(S, { ctx: o })
|
|
230
230
|
] }),
|
|
231
|
-
/* @__PURE__ */
|
|
232
|
-
/* @__PURE__ */ d("div", { className: "flex
|
|
233
|
-
/* @__PURE__ */ r("span", { className: "truncate
|
|
234
|
-
|
|
231
|
+
/* @__PURE__ */ r("div", { className: "flex items-center gap-x-2", children: /* @__PURE__ */ d("div", { className: "flex md:flex-col min-w-0 overflow-hidden items-center md:items-start gap-2 md:gap-0", children: [
|
|
232
|
+
/* @__PURE__ */ d("div", { className: "flex min-w-0 max-w-full items-center gap-x-2", children: [
|
|
233
|
+
/* @__PURE__ */ r("span", { className: "truncate min-w-0", children: l }),
|
|
234
|
+
m && /* @__PURE__ */ r("span", { className: "shrink-0 leading-0", children: /* @__PURE__ */ r(
|
|
235
|
+
B,
|
|
236
|
+
{
|
|
237
|
+
disabledStyle: !1,
|
|
238
|
+
tooltip: /* @__PURE__ */ r(f, { messageId: "components.poolTable.line.rwa.tip" })
|
|
239
|
+
}
|
|
240
|
+
) })
|
|
235
241
|
] }),
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
{
|
|
239
|
-
disabledStyle: !1,
|
|
240
|
-
tooltip: /* @__PURE__ */ r(f, { messageId: "components.poolTable.line.rwa.tip" })
|
|
241
|
-
}
|
|
242
|
-
)
|
|
243
|
-
] })
|
|
242
|
+
t && /* @__PURE__ */ r(c, { className: "min-w-0 text-xs", children: t(o) })
|
|
243
|
+
] }) })
|
|
244
244
|
] });
|
|
245
245
|
}
|
|
246
246
|
function L({ ctx: o }) {
|
|
@@ -281,7 +281,7 @@ function O({ ctx: o }) {
|
|
|
281
281
|
);
|
|
282
282
|
}
|
|
283
283
|
function R(o, t, i) {
|
|
284
|
-
const e = o.pool.collateralTokens, { tokensList: l, isMobile: m } = o, { mode:
|
|
284
|
+
const e = o.pool.collateralTokens, { tokensList: l, isMobile: m } = o, { mode: n = "cascade", ...a } = i ?? {};
|
|
285
285
|
return !e?.length || !l ? null : /* @__PURE__ */ r(
|
|
286
286
|
A,
|
|
287
287
|
{
|
|
@@ -289,12 +289,12 @@ function R(o, t, i) {
|
|
|
289
289
|
tokensList: l,
|
|
290
290
|
balances: e.map((s) => ({ token: s })),
|
|
291
291
|
iconSize: m ? 20 : 24,
|
|
292
|
-
options: { mode:
|
|
292
|
+
options: { mode: n, ...a }
|
|
293
293
|
}
|
|
294
294
|
);
|
|
295
295
|
}
|
|
296
296
|
function ee(o) {
|
|
297
|
-
const { header: t, mobileTitle: i } =
|
|
297
|
+
const { header: t, mobileTitle: i } = p(
|
|
298
298
|
o,
|
|
299
299
|
"components.poolTable.pool"
|
|
300
300
|
);
|
|
@@ -316,7 +316,7 @@ function ee(o) {
|
|
|
316
316
|
};
|
|
317
317
|
}
|
|
318
318
|
function re(o) {
|
|
319
|
-
const { header: t, mobileTitle: i } =
|
|
319
|
+
const { header: t, mobileTitle: i } = p(
|
|
320
320
|
o,
|
|
321
321
|
"components.poolTable.supply"
|
|
322
322
|
);
|
|
@@ -332,7 +332,7 @@ function re(o) {
|
|
|
332
332
|
};
|
|
333
333
|
}
|
|
334
334
|
function le(o) {
|
|
335
|
-
const { header: t, headerTip: i, mobileTitle: e } =
|
|
335
|
+
const { header: t, headerTip: i, mobileTitle: e } = p(
|
|
336
336
|
o,
|
|
337
337
|
"components.poolTable.supplyApy",
|
|
338
338
|
"components.poolTable.supplyApy.tip"
|
|
@@ -345,20 +345,20 @@ function le(o) {
|
|
|
345
345
|
align: "right",
|
|
346
346
|
sort: o?.sortField !== void 0 ? { field: o.sortField, defaultDirection: "desc" } : { field: "apy", defaultDirection: "desc" },
|
|
347
347
|
cell: (l) => {
|
|
348
|
-
const { apy: m, loading:
|
|
349
|
-
totalAPY:
|
|
350
|
-
baseAPY:
|
|
351
|
-
extraAPY:
|
|
348
|
+
const { apy: m, loading: n, points: a, tokensList: s } = l, {
|
|
349
|
+
totalAPY: w = 0,
|
|
350
|
+
baseAPY: T = [],
|
|
351
|
+
extraAPY: b = [],
|
|
352
352
|
externalAPY: y,
|
|
353
353
|
apy7DAgo: k
|
|
354
354
|
} = m ?? {};
|
|
355
|
-
return /* @__PURE__ */ r(u, { width: 60, loading: !!
|
|
356
|
-
|
|
355
|
+
return /* @__PURE__ */ r(u, { width: 60, loading: !!n, children: /* @__PURE__ */ r(
|
|
356
|
+
x,
|
|
357
357
|
{
|
|
358
|
-
totalAPY:
|
|
359
|
-
totalAPYLoading: !!
|
|
360
|
-
baseAPY:
|
|
361
|
-
extraAPY:
|
|
358
|
+
totalAPY: w,
|
|
359
|
+
totalAPYLoading: !!n,
|
|
360
|
+
baseAPY: T,
|
|
361
|
+
extraAPY: b,
|
|
362
362
|
points: a,
|
|
363
363
|
apy7DAgo: k,
|
|
364
364
|
tokensList: s,
|
|
@@ -370,7 +370,7 @@ function le(o) {
|
|
|
370
370
|
};
|
|
371
371
|
}
|
|
372
372
|
function me(o) {
|
|
373
|
-
const { header: t, mobileTitle: i } =
|
|
373
|
+
const { header: t, mobileTitle: i } = p(
|
|
374
374
|
o,
|
|
375
375
|
"components.poolTable.borrowed"
|
|
376
376
|
);
|
|
@@ -383,8 +383,8 @@ function me(o) {
|
|
|
383
383
|
mobileTitle: i
|
|
384
384
|
};
|
|
385
385
|
}
|
|
386
|
-
function
|
|
387
|
-
const { header: t, headerTip: i, mobileTitle: e } =
|
|
386
|
+
function ne(o) {
|
|
387
|
+
const { header: t, headerTip: i, mobileTitle: e } = p(
|
|
388
388
|
o,
|
|
389
389
|
"components.poolTable.borrowApy"
|
|
390
390
|
);
|
|
@@ -401,8 +401,8 @@ function pe(o) {
|
|
|
401
401
|
mobileTitle: e
|
|
402
402
|
};
|
|
403
403
|
}
|
|
404
|
-
function
|
|
405
|
-
const { header: t, mobileTitle: i } =
|
|
404
|
+
function pe(o) {
|
|
405
|
+
const { header: t, mobileTitle: i } = p(
|
|
406
406
|
o,
|
|
407
407
|
"components.poolTable.utilization"
|
|
408
408
|
);
|
|
@@ -421,7 +421,7 @@ function ne(o) {
|
|
|
421
421
|
};
|
|
422
422
|
}
|
|
423
423
|
function ae(o) {
|
|
424
|
-
const t = o?.maxAssets ?? 5, i = (m) => R(m, t, o?.options), { header: e, mobileTitle: l } =
|
|
424
|
+
const t = o?.maxAssets ?? 5, i = (m) => R(m, t, o?.options), { header: e, mobileTitle: l } = p(
|
|
425
425
|
o,
|
|
426
426
|
"components.poolTable.collateral"
|
|
427
427
|
);
|
|
@@ -437,7 +437,7 @@ function ae(o) {
|
|
|
437
437
|
};
|
|
438
438
|
}
|
|
439
439
|
function de(o) {
|
|
440
|
-
const { header: t, mobileTitle: i } =
|
|
440
|
+
const { header: t, mobileTitle: i } = p(
|
|
441
441
|
o,
|
|
442
442
|
"components.poolTable.balance"
|
|
443
443
|
);
|
|
@@ -458,7 +458,7 @@ function se(o) {
|
|
|
458
458
|
}
|
|
459
459
|
export {
|
|
460
460
|
de as balanceColumn,
|
|
461
|
-
|
|
461
|
+
ne as borrowApyColumn,
|
|
462
462
|
me as borrowedColumn,
|
|
463
463
|
ae as collateralColumn,
|
|
464
464
|
se as customColumn,
|
|
@@ -466,5 +466,5 @@ export {
|
|
|
466
466
|
ee as poolColumn,
|
|
467
467
|
le as supplyApyColumn,
|
|
468
468
|
re as supplyColumn,
|
|
469
|
-
|
|
469
|
+
pe as utilizationColumn
|
|
470
470
|
};
|
package/dist/esm/components/composites/tx-preview/confirm/amounts/TransactionConfirmAmountField.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { jsxs as r, jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import { cva as
|
|
1
|
+
import { jsxs as r, Fragment as n, jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import { cva as g } from "class-variance-authority";
|
|
3
3
|
import "../../../../accordion/accordion.js";
|
|
4
4
|
import "@gearbox-protocol/static";
|
|
5
5
|
import "react";
|
|
6
6
|
import "@fortawesome/free-solid-svg-icons";
|
|
7
7
|
import "../../../../icons/fa-icon.js";
|
|
8
8
|
import "@gearbox-protocol/sdk";
|
|
9
|
-
import { cn as
|
|
9
|
+
import { cn as h } from "../../../../../utils/cn.js";
|
|
10
10
|
import "sonner";
|
|
11
|
-
import { formatMoney as
|
|
11
|
+
import { formatMoney as u } from "../../../../../utils/format-money.js";
|
|
12
12
|
import "@gearbox-protocol/sdk/common-utils";
|
|
13
13
|
import "luxon";
|
|
14
14
|
import "../../../../../utils/z-index.js";
|
|
@@ -27,7 +27,7 @@ import "../../../../buttons/external-button/external-button.js";
|
|
|
27
27
|
import "../../../../buttons/filter-button/filter-button.js";
|
|
28
28
|
import "../../../../buttons/navigation-button/navigation-button.js";
|
|
29
29
|
import "../../../../buttons/tab-button/tab-button.js";
|
|
30
|
-
import { TokenIcon as
|
|
30
|
+
import { TokenIcon as b } from "../../../../token-icon/token-icon.js";
|
|
31
31
|
import "wagmi";
|
|
32
32
|
import "../../../../auth/wallet-ui-context.js";
|
|
33
33
|
import "../../../../avatar/avatar.js";
|
|
@@ -54,10 +54,10 @@ import "../../../../simple-dropdown/simple-dropdown.js";
|
|
|
54
54
|
import "../../../../simple-dropdown/simple-dropdown-menu-item.js";
|
|
55
55
|
import "../../../../typography/typography.js";
|
|
56
56
|
import "../../../../table/grid-table.js";
|
|
57
|
-
import { getSymbolOrIcon as
|
|
57
|
+
import { getSymbolOrIcon as N } from "../../../../token-symbol/token-symbol.js";
|
|
58
58
|
import "../../../../help-tip/help-tip.js";
|
|
59
59
|
import "../../../../description/description.js";
|
|
60
|
-
import { TokenTemplate as
|
|
60
|
+
import { TokenTemplate as T } from "../../../../token-template/token-template.js";
|
|
61
61
|
import "../../../../confirm-menu/confirm-menu.js";
|
|
62
62
|
import "../../../../dialog/dialog-modal-container.js";
|
|
63
63
|
import "../../../../text-button/text-button.js";
|
|
@@ -100,7 +100,7 @@ import "../../../../dropdown-menu/dropdown-menu-shortcut.js";
|
|
|
100
100
|
import "../../../../dropdown-menu/dropdown-menu-sub-content.js";
|
|
101
101
|
import "../../../../dropdown-menu/dropdown-menu-sub-trigger.js";
|
|
102
102
|
import "../../../../edit-input/edit-input.js";
|
|
103
|
-
import { FadeoutLoading as
|
|
103
|
+
import { FadeoutLoading as k } from "../../../../fadeout-loading/fadeout-loading.js";
|
|
104
104
|
import "../../../../filter/filter-block.js";
|
|
105
105
|
import "../../../../filter/filter-checkbox-item.js";
|
|
106
106
|
import "../../../../filter/filter-chip.js";
|
|
@@ -167,8 +167,8 @@ import "../../../../theme-provider.js";
|
|
|
167
167
|
import "../../../../time-to-liquidation/time-to-liquidation.js";
|
|
168
168
|
import "../../../../toggle/toggle.js";
|
|
169
169
|
import "../../../../with-filter-button/with-filter-button.js";
|
|
170
|
-
import { TransactionConfirmAmountFieldTest as
|
|
171
|
-
const
|
|
170
|
+
import { TransactionConfirmAmountFieldTest as v } from "./constants.js";
|
|
171
|
+
const F = "≈", j = g(
|
|
172
172
|
"flex w-full items-center justify-between bg-gray-20 px-4 py-3",
|
|
173
173
|
{
|
|
174
174
|
variants: {
|
|
@@ -186,49 +186,48 @@ const A = "≈", N = u(
|
|
|
186
186
|
defaultVariants: { position: "primary", size: "md" }
|
|
187
187
|
}
|
|
188
188
|
);
|
|
189
|
-
function
|
|
190
|
-
label:
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
loading: a = !1,
|
|
189
|
+
function Pi({
|
|
190
|
+
label: s,
|
|
191
|
+
primaryAmount: t,
|
|
192
|
+
secondaryAmount: i,
|
|
193
|
+
loading: d = !1,
|
|
195
194
|
position: l,
|
|
196
|
-
size:
|
|
195
|
+
size: a = "md",
|
|
197
196
|
maxLength: c,
|
|
198
197
|
approximate: f
|
|
199
198
|
}) {
|
|
200
|
-
const
|
|
199
|
+
const { isApproximate: m = !1, approximateSymbol: p = F } = f || {}, x = t && "node" in t ? t.node : /* @__PURE__ */ r(n, { children: [
|
|
200
|
+
t.token && /* @__PURE__ */ o(b, { symbol: N(t.token), size: 16 }),
|
|
201
|
+
/* @__PURE__ */ r("span", { children: [
|
|
202
|
+
m && /* @__PURE__ */ o("span", { children: p }),
|
|
203
|
+
/* @__PURE__ */ o(
|
|
204
|
+
T,
|
|
205
|
+
{
|
|
206
|
+
value: t?.amount,
|
|
207
|
+
token: t.token,
|
|
208
|
+
maxLength: c
|
|
209
|
+
}
|
|
210
|
+
)
|
|
211
|
+
] })
|
|
212
|
+
] }), e = i && "node" in i ? i.node : i?.usd ? /* @__PURE__ */ r(n, { children: [
|
|
213
|
+
m && /* @__PURE__ */ o("span", { children: p }),
|
|
214
|
+
u(i.usd)
|
|
215
|
+
] }) : null;
|
|
201
216
|
return /* @__PURE__ */ r(
|
|
202
217
|
"div",
|
|
203
218
|
{
|
|
204
|
-
className:
|
|
205
|
-
"data-testid":
|
|
219
|
+
className: h(j({ position: l, size: a })),
|
|
220
|
+
"data-testid": v.root,
|
|
206
221
|
children: [
|
|
207
|
-
/* @__PURE__ */ o("span", { className: "text-sm font-medium text-foreground", children:
|
|
222
|
+
/* @__PURE__ */ o("span", { className: "text-sm font-medium text-foreground", children: s }),
|
|
208
223
|
/* @__PURE__ */ r("div", { className: "flex flex-col items-end gap-0.5", children: [
|
|
209
|
-
/* @__PURE__ */ o(
|
|
210
|
-
|
|
211
|
-
/* @__PURE__ */ r("span", { children: [
|
|
212
|
-
p && /* @__PURE__ */ o("span", { children: e }),
|
|
213
|
-
/* @__PURE__ */ o(
|
|
214
|
-
b,
|
|
215
|
-
{
|
|
216
|
-
value: s,
|
|
217
|
-
token: t,
|
|
218
|
-
maxLength: c
|
|
219
|
-
}
|
|
220
|
-
)
|
|
221
|
-
] })
|
|
222
|
-
] }) }),
|
|
223
|
-
m ? /* @__PURE__ */ r("span", { className: "text-xs leading-[130%] text-secondary-foreground", children: [
|
|
224
|
-
p && /* @__PURE__ */ o("span", { children: e }),
|
|
225
|
-
m
|
|
226
|
-
] }) : null
|
|
224
|
+
/* @__PURE__ */ o(k, { loading: d, children: /* @__PURE__ */ o("span", { className: "inline-flex items-center gap-1.5 text-sm font-medium text-foreground", children: x }) }),
|
|
225
|
+
e && /* @__PURE__ */ o("span", { className: "text-xs leading-[130%] text-secondary-foreground", children: e })
|
|
227
226
|
] })
|
|
228
227
|
]
|
|
229
228
|
}
|
|
230
229
|
);
|
|
231
230
|
}
|
|
232
231
|
export {
|
|
233
|
-
|
|
232
|
+
Pi as TransactionConfirmAmountField
|
|
234
233
|
};
|
package/dist/esm/components/composites/tx-preview/confirm/amounts/TransactionConfirmAmountPair.js
CHANGED
|
@@ -1,49 +1,57 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as l, jsx as t } from "react/jsx-runtime";
|
|
2
2
|
import { TransactionConfirmAmountPairTest as d } from "./constants.js";
|
|
3
|
-
import { TransactionConfirmAmountField as
|
|
4
|
-
function
|
|
5
|
-
primaryLabel:
|
|
6
|
-
primaryAmount:
|
|
7
|
-
primaryToken:
|
|
3
|
+
import { TransactionConfirmAmountField as m } from "./TransactionConfirmAmountField.js";
|
|
4
|
+
function T({
|
|
5
|
+
primaryLabel: i,
|
|
6
|
+
primaryAmount: a,
|
|
7
|
+
primaryToken: e,
|
|
8
8
|
primaryUsdMoney: s,
|
|
9
|
-
receiveLabel:
|
|
10
|
-
receiveAmount:
|
|
11
|
-
receiveToken:
|
|
12
|
-
receiveUsdMoney:
|
|
9
|
+
receiveLabel: u,
|
|
10
|
+
receiveAmount: p,
|
|
11
|
+
receiveToken: c,
|
|
12
|
+
receiveUsdMoney: f,
|
|
13
13
|
loading: o = !1,
|
|
14
|
-
size:
|
|
15
|
-
maxLength:
|
|
14
|
+
size: r = "md",
|
|
15
|
+
maxLength: n
|
|
16
16
|
}) {
|
|
17
|
-
return /* @__PURE__ */
|
|
17
|
+
return /* @__PURE__ */ l(
|
|
18
18
|
"div",
|
|
19
19
|
{
|
|
20
20
|
className: "mb-4 flex flex-col gap-px",
|
|
21
21
|
"data-testid": d.root,
|
|
22
22
|
children: [
|
|
23
23
|
/* @__PURE__ */ t(
|
|
24
|
-
|
|
24
|
+
m,
|
|
25
25
|
{
|
|
26
|
-
label:
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
26
|
+
label: i,
|
|
27
|
+
primaryAmount: {
|
|
28
|
+
amount: a,
|
|
29
|
+
token: e
|
|
30
|
+
},
|
|
31
|
+
secondaryAmount: {
|
|
32
|
+
usd: s
|
|
33
|
+
},
|
|
30
34
|
loading: o,
|
|
31
35
|
position: "primary",
|
|
32
|
-
size:
|
|
33
|
-
maxLength:
|
|
36
|
+
size: r,
|
|
37
|
+
maxLength: n
|
|
34
38
|
}
|
|
35
39
|
),
|
|
36
40
|
/* @__PURE__ */ t(
|
|
37
|
-
|
|
41
|
+
m,
|
|
38
42
|
{
|
|
39
|
-
label:
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
+
label: u,
|
|
44
|
+
primaryAmount: {
|
|
45
|
+
amount: p,
|
|
46
|
+
token: c
|
|
47
|
+
},
|
|
48
|
+
secondaryAmount: {
|
|
49
|
+
usd: f
|
|
50
|
+
},
|
|
43
51
|
loading: o,
|
|
44
52
|
position: "receive",
|
|
45
|
-
size:
|
|
46
|
-
maxLength:
|
|
53
|
+
size: r,
|
|
54
|
+
maxLength: n
|
|
47
55
|
}
|
|
48
56
|
)
|
|
49
57
|
]
|
|
@@ -51,5 +59,5 @@ function y({
|
|
|
51
59
|
);
|
|
52
60
|
}
|
|
53
61
|
export {
|
|
54
|
-
|
|
62
|
+
T as TransactionConfirmAmountPair
|
|
55
63
|
};
|
|
@@ -7,9 +7,17 @@ declare const rootVariants: (props?: ({
|
|
|
7
7
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
8
8
|
export interface TransactionConfirmAmountFieldProps extends VariantProps<typeof rootVariants> {
|
|
9
9
|
readonly label: React.ReactNode;
|
|
10
|
-
readonly
|
|
11
|
-
|
|
12
|
-
|
|
10
|
+
readonly primaryAmount: {
|
|
11
|
+
readonly amount: bigint;
|
|
12
|
+
readonly token?: Omit<TokenFullData, "address">;
|
|
13
|
+
} | {
|
|
14
|
+
node: React.ReactNode;
|
|
15
|
+
};
|
|
16
|
+
readonly secondaryAmount?: {
|
|
17
|
+
readonly usd?: bigint;
|
|
18
|
+
} | {
|
|
19
|
+
node: React.ReactNode;
|
|
20
|
+
};
|
|
13
21
|
readonly loading?: boolean;
|
|
14
22
|
readonly maxLength?: number;
|
|
15
23
|
readonly approximate?: {
|
|
@@ -17,5 +25,5 @@ export interface TransactionConfirmAmountFieldProps extends VariantProps<typeof
|
|
|
17
25
|
approximateSymbol?: string;
|
|
18
26
|
};
|
|
19
27
|
}
|
|
20
|
-
export declare function TransactionConfirmAmountField({ label,
|
|
28
|
+
export declare function TransactionConfirmAmountField({ label, primaryAmount, secondaryAmount, loading, position, size, maxLength, approximate, }: TransactionConfirmAmountFieldProps): React.ReactElement;
|
|
21
29
|
export {};
|