Added exports for amount components

dist/cspr-design.es.js

@@ -43370,7 +43370,9 @@ const sa = ({
     /* @__PURE__ */ $(Te, { size: 3, monotype: !0, variation: "black", children: /* @__PURE__ */ $(rs, { motes: e, precisionCase: Hn.small }) }),
     /* @__PURE__ */ Pe(Te, { size: 3, monotype: !0, variation: "darkGray", children: [
       "(",
-      S6(C, "USD", kl),
+      S6(C, "USD", {
+        precision: kl
+      }),
       ")"
     ] })
   ] });
@@ -45044,6 +45046,7 @@ export {
   n2 as CopyHash,
   ol as CopyIcon,
   jf as CrossIcon,
+  rs as CsprAmount,
   QS as CsprClickIcon,
   YS as CsprClickLogoDarkIcon,
   e_ as CsprCloudIcon,
@@ -45205,6 +45208,7 @@ export {
   Nb as TextRowType,
   H_ as Textarea,
   es as ThemeModeType,
+  Td as TokenAmount,
   _0 as TokenContractIcon,
   fC as TokenStandardEnum,
   lr as Tooltip,

dist/lib/components/cspr-amount-with-fiat/cspr-amount-with-fiat.d.ts

@@ -0,0 +1,7 @@
+interface CsprAmountWithFiatProps {
+    amount: string | null;
+    rate: number;
+}
+declare const CsprAmountWithFiat: ({ amount, rate }: CsprAmountWithFiatProps) => import("react/jsx-runtime").JSX.Element;
+export default CsprAmountWithFiat;
+//# sourceMappingURL=cspr-amount-with-fiat.d.ts.map

dist/lib/index.d.ts

@@ -77,6 +77,8 @@ export * from './components/deploy-actions/deploy-action-row';
 export * from './components/contract-identifier/contract-identifier';
 export * from './components/contract-icon/contract-icon';
 export * from './components/activity-feed-item/activity-feed-item';
+export * from './components/cspr-amount/cspr-amount';
+export * from './components/token-amount/token-amount';
 export * from './hooks/use-click-and-touch-away';
 export * from './hooks/use-escape-key';
 export * from './hooks/use-click-away';

src/lib/components/deploy-actions/components/DeployFiatAmount.tsx → src/lib/components/cspr-amount-with-fiat/cspr-amount-with-fiat.tsx

@@ -1,16 +1,16 @@
 import React from 'react';
 import Big from 'big.js';
-import BodyText from '../../body-text/body-text';
-import { motesToCSPR, PrecisionCase } from '../../../utils/currency';
-import { formatCurrency, SMALL_PRECISION } from '../../../utils/formatters';
-import CsprAmount from '../../cspr-amount/cspr-amount';
+import BodyText from '../body-text/body-text';
+import { motesToCSPR, PrecisionCase } from '../../utils/currency';
+import { formatCurrency, SMALL_PRECISION } from '../../utils/formatters';
+import CsprAmount from '../cspr-amount/cspr-amount';
 
-interface DeployFiatAmountProps {
+interface CsprAmountWithFiatProps {
   amount: string | null;
   rate: number;
 }
 
-const DeployFiatAmount = ({ amount, rate }: DeployFiatAmountProps) => {
+const CsprAmountWithFiat = ({ amount, rate }: CsprAmountWithFiatProps) => {
   const csprAmount = amount ? motesToCSPR(amount) : 0;
   const currencyAmount =
     rate && csprAmount ? Big(csprAmount).mul(rate).toString() : null;
@@ -21,10 +21,10 @@ const DeployFiatAmount = ({ amount, rate }: DeployFiatAmountProps) => {
         <CsprAmount motes={amount} precisionCase={PrecisionCase.small} />
       </BodyText>
       <BodyText size={3} monotype variation="darkGray">
-        ({formatCurrency(currencyAmount, 'USD', SMALL_PRECISION)})
+        ({formatCurrency(currencyAmount, 'USD', {precision: SMALL_PRECISION})})
       </BodyText>
     </>
   );
 };
 
-export default DeployFiatAmount;
+export default CsprAmountWithFiat;

src/lib/components/deploy-actions/components/DeployActionAuction.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { AuctionManagerEntryPoint } from 'casper-js-sdk';
 import { deriveAccountInfo } from '../../../utils/account.tsx';
 import { useMatchMedia } from '../../../utils/match-media';
-import DeployFiatAmount from './DeployFiatAmount';
+import CsprAmountWithFiat from '../../cspr-amount-with-fiat/cspr-amount-with-fiat';
 import { useDeployActionDataContext } from '../services/deploy-action-context';
 import {AuctionContractIcon} from '../../../icons-index';
 import FlexRow from '../../flex-row/flex-row';
@@ -115,7 +115,7 @@ const ManageAuctionBidAction = ({ deploy }: { deploy: Deploy }) => {
           <BodyText size={3} variation="darkGray">
             of
           </BodyText>
-          <DeployFiatAmount
+          <CsprAmountWithFiat
             amount={amount}
             rate={timeTransactionCurrencyRate}
           />
@@ -138,7 +138,7 @@ const DelegationAuctionAction = ({ deploy }: { deploy: Deploy }) => {
         {auctionActionNameMap[entryPoint?.name || '']}
       </BodyText>
       {amount && (
-        <DeployFiatAmount amount={amount} rate={timeTransactionCurrencyRate} />
+        <CsprAmountWithFiat amount={amount} rate={timeTransactionCurrencyRate} />
       )}
       <ValidatorAccountInfo
         publicKey={args.validator?.parsed as string}

src/lib/components/deploy-actions/components/DeployActionMarket.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import ContractIcon from '../../../components/contract-icon/contract-icon';
 import { deriveAccountInfo } from '../../../utils/account.tsx';
-import DeployFiatAmount from './DeployFiatAmount';
+import CsprAmountWithFiat from '../../cspr-amount-with-fiat/cspr-amount-with-fiat';
 import { NftCollectionIdentifier } from './NftCollectionIdentifier';
 import { NftTokenIds } from './NftTokenIds';
 import { useDeployActionDataContext } from '../services/deploy-action-context';
@@ -121,7 +121,7 @@ const OfferMarketAction = ({
           <BodyText size={3} variation="darkGray">
             of
           </BodyText>
-          <DeployFiatAmount
+          <CsprAmountWithFiat
             amount={amount}
             rate={timeTransactionCurrencyRate}
           />

src/lib/components/deploy-actions/components/TransferActionRow.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import Skeleton from 'react-loading-skeleton';
 import Avatar from '../../../components/avatar/avatar';
-import DeployFiatAmount from './DeployFiatAmount';
+import CsprAmountWithFiat from '../../cspr-amount-with-fiat/cspr-amount-with-fiat';
 import { useDeployActionDataContext } from '../services/deploy-action-context';
 import {
   AccountCentralizedInfo,
@@ -132,7 +132,7 @@ const TransferActionRow = ({
       <BodyText size={3} monotype variation={'black'}>
         {deployActionText}
       </BodyText>{' '}
-      <DeployFiatAmount
+      <CsprAmountWithFiat
         amount={transfer.amount}
         rate={timeTransactionCurrencyRate}
       />

src/lib/index.ts

@@ -77,6 +77,8 @@ export * from './components/deploy-actions/deploy-action-row';
 export * from './components/contract-identifier/contract-identifier';
 export * from './components/contract-icon/contract-icon';
 export * from './components/activity-feed-item/activity-feed-item';
+export * from './components/cspr-amount/cspr-amount';
+export * from './components/token-amount/token-amount';
 export * from './hooks/use-click-and-touch-away';
 export * from './hooks/use-escape-key';
 export * from './hooks/use-click-away';