@xyo-network/react-shared 2.26.60 → 2.27.1

package/dist/esm/components/TokenBar/TokenBar.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface TokenBarProps {
+    text1?: string | number;
+    text2?: string | number;
+}
+export declare const TokenBar: React.FC<TokenBarProps>;
+//# sourceMappingURL=TokenBar.d.ts.map

package/dist/esm/components/TokenBar/TokenBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TokenBar.d.ts","sourceRoot":"","sources":["../../../../src/components/TokenBar/TokenBar.tsx"],"names":[],"mappings":";AAEA,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACxB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAY5C,CAAA"}

package/dist/esm/components/TokenBar/TokenBar.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Typography, useTheme } from '@mui/material';
+import { FlexGrowRow } from '@xylabs/react-flexbox';
+export const TokenBar = ({ text1, text2 }) => {
+    const theme = useTheme();
+    return (_jsxs(FlexGrowRow, { width: "100%", paddingY: 1, paddingX: 2, bgcolor: theme.palette.background.paper, borderRadius: 1, justifyContent: "space-between", children: [_jsx(Typography, { variant: "body1", fontWeight: 300, children: text1 }), _jsx(Typography, { variant: "body1", fontWeight: 300, textTransform: "uppercase", color: "gray", paddingLeft: 2, children: text2 })] }));
+};
+//# sourceMappingURL=TokenBar.js.map

package/dist/esm/components/TokenBar/TokenBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TokenBar.js","sourceRoot":"","sources":["../../../../src/components/TokenBar/TokenBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAMnD,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE;IACpE,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,OAAO,CACL,MAAC,WAAW,IAAC,KAAK,EAAC,MAAM,EAAC,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,EAAE,YAAY,EAAE,CAAC,EAAE,cAAc,EAAC,eAAe,aAC1I,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,UAAU,EAAE,GAAG,YACxC,KAAK,GACK,EACb,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,UAAU,EAAE,GAAG,EAAE,aAAa,EAAC,WAAW,EAAC,KAAK,EAAC,MAAM,EAAC,WAAW,EAAE,CAAC,YAC/F,KAAK,GACK,IACD,CACf,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/TokenBar/index.d.ts

@@ -0,0 +1,2 @@
+export * from './TokenBar';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/TokenBar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/TokenBar/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA"}

package/dist/esm/components/TokenBar/index.js

@@ -0,0 +1,2 @@
+export * from './TokenBar';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/TokenBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/TokenBar/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA"}

package/dist/esm/components/TokenData/TokenData.d.ts

@@ -0,0 +1,10 @@
+export interface TokenData {
+    uniqueTokenId: string;
+    tokenSymbol: string;
+    icon: string;
+    etherscanLink: string;
+    coinmarketcapLink: string;
+    readableName: string;
+}
+export declare const TokenData: TokenData[];
+//# sourceMappingURL=TokenData.d.ts.map

package/dist/esm/components/TokenData/TokenData.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TokenData.d.ts","sourceRoot":"","sources":["../../../../src/components/TokenData/TokenData.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,SAAS;IACxB,aAAa,EAAE,MAAM,CAAA;IACrB,WAAW,EAAE,MAAM,CAAA;IACnB,IAAI,EAAE,MAAM,CAAA;IACZ,aAAa,EAAE,MAAM,CAAA;IACrB,iBAAiB,EAAE,MAAM,CAAA;IACzB,YAAY,EAAE,MAAM,CAAA;CACrB;AAED,eAAO,MAAM,SAAS,EAAE,SAAS,EAyEhC,CAAA"}

package/dist/esm/components/TokenData/TokenData.js

@@ -0,0 +1,76 @@
+import * as tokenImages from './img';
+export const TokenData = [
+    {
+        coinmarketcapLink: 'https://coinmarketcap.com/currencies/multi-collateral-dai/',
+        etherscanLink: 'https://etherscan.io/token/0x6b175474e89094c44da98b954eedeac495271d0f',
+        icon: tokenImages.dai,
+        readableName: 'Dai',
+        tokenSymbol: 'dai',
+        uniqueTokenId: 'dai',
+    },
+    {
+        coinmarketcapLink: 'https://coinmarketcap.com/currencies/weth/',
+        etherscanLink: 'https://etherscan.io/token/0xc02aaa39b223fe8d0a0e5c4f27ead9083c756cc2',
+        icon: tokenImages.weth,
+        readableName: 'Weth',
+        tokenSymbol: 'weth',
+        uniqueTokenId: 'weth',
+    },
+    {
+        coinmarketcapLink: 'https://coinmarketcap.com/currencies/ethereum/',
+        etherscanLink: 'n/a',
+        icon: tokenImages.ethereum,
+        readableName: 'Ethereum',
+        tokenSymbol: 'Eth',
+        uniqueTokenId: 'ethereum',
+    },
+    {
+        coinmarketcapLink: 'https://coinmarketcap.com/currencies/bitcoin/',
+        etherscanLink: 'n/a',
+        icon: tokenImages.bitcoin,
+        readableName: 'Bitcoin',
+        tokenSymbol: 'BTC',
+        uniqueTokenId: 'bitcoin',
+    },
+    {
+        coinmarketcapLink: 'https://coinmarketcap.com/currencies/xyo/',
+        etherscanLink: 'https://etherscan.io/token/0x55296f69f40ea6d20e478533c15a6b08b654e758',
+        icon: tokenImages.xyo,
+        readableName: 'XYO',
+        tokenSymbol: 'xyo',
+        uniqueTokenId: 'xyo',
+    },
+    {
+        coinmarketcapLink: 'https://coinmarketcap.com/currencies/frax/',
+        etherscanLink: 'https://etherscan.io/token/0x853d955acef822db058eb8505911ed77f175b99e',
+        icon: tokenImages.frax,
+        readableName: 'Frax',
+        tokenSymbol: 'frax',
+        uniqueTokenId: 'frax',
+    },
+    {
+        coinmarketcapLink: 'https://coinmarketcap.com/currencies/wrapped-bitcoin/',
+        etherscanLink: 'https://etherscan.io/token/0x2260fac5e5542a773aa44fbcfedf7c193bc2c599',
+        icon: tokenImages.wrappedBtc,
+        readableName: 'Wrapped BTC',
+        tokenSymbol: 'wbtc',
+        uniqueTokenId: 'wbtc',
+    },
+    {
+        coinmarketcapLink: 'https://coinmarketcap.com/currencies/usd-coin/',
+        etherscanLink: 'https://etherscan.io/token/0xa0b86991c6218b36c1d19d4a2e9eb0ce3606eb48',
+        icon: tokenImages.usdCoin,
+        readableName: 'USDC',
+        tokenSymbol: 'usdc',
+        uniqueTokenId: 'usdc',
+    },
+    {
+        coinmarketcapLink: 'https://coinmarketcap.com/currencies/tether/',
+        etherscanLink: 'https://etherscan.io/token/0xdac17f958d2ee523a2206206994597c13d831ec7',
+        icon: tokenImages.tether,
+        readableName: 'Tether',
+        tokenSymbol: 'usdt',
+        uniqueTokenId: 'usdt',
+    },
+];
+//# sourceMappingURL=TokenData.js.map

package/dist/esm/components/TokenData/TokenData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TokenData.js","sourceRoot":"","sources":["../../../../src/components/TokenData/TokenData.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,WAAW,MAAM,OAAO,CAAA;AAWpC,MAAM,CAAC,MAAM,SAAS,GAAgB;IACpC;QACE,iBAAiB,EAAE,4DAA4D;QAC/E,aAAa,EAAE,uEAAuE;QACtF,IAAI,EAAE,WAAW,CAAC,GAAG;QACrB,YAAY,EAAE,KAAK;QACnB,WAAW,EAAE,KAAK;QAClB,aAAa,EAAE,KAAK;KACrB;IACD;QACE,iBAAiB,EAAE,4CAA4C;QAC/D,aAAa,EAAE,uEAAuE;QACtF,IAAI,EAAE,WAAW,CAAC,IAAI;QACtB,YAAY,EAAE,MAAM;QACpB,WAAW,EAAE,MAAM;QACnB,aAAa,EAAE,MAAM;KACtB;IACD;QACE,iBAAiB,EAAE,gDAAgD;QACnE,aAAa,EAAE,KAAK;QACpB,IAAI,EAAE,WAAW,CAAC,QAAQ;QAC1B,YAAY,EAAE,UAAU;QACxB,WAAW,EAAE,KAAK;QAClB,aAAa,EAAE,UAAU;KAC1B;IACD;QACE,iBAAiB,EAAE,+CAA+C;QAClE,aAAa,EAAE,KAAK;QACpB,IAAI,EAAE,WAAW,CAAC,OAAO;QACzB,YAAY,EAAE,SAAS;QACvB,WAAW,EAAE,KAAK;QAClB,aAAa,EAAE,SAAS;KACzB;IACD;QACE,iBAAiB,EAAE,2CAA2C;QAC9D,aAAa,EAAE,uEAAuE;QACtF,IAAI,EAAE,WAAW,CAAC,GAAG;QACrB,YAAY,EAAE,KAAK;QACnB,WAAW,EAAE,KAAK;QAClB,aAAa,EAAE,KAAK;KACrB;IACD;QACE,iBAAiB,EAAE,4CAA4C;QAC/D,aAAa,EAAE,uEAAuE;QACtF,IAAI,EAAE,WAAW,CAAC,IAAI;QACtB,YAAY,EAAE,MAAM;QACpB,WAAW,EAAE,MAAM;QACnB,aAAa,EAAE,MAAM;KACtB;IACD;QACE,iBAAiB,EAAE,uDAAuD;QAC1E,aAAa,EAAE,uEAAuE;QACtF,IAAI,EAAE,WAAW,CAAC,UAAU;QAC5B,YAAY,EAAE,aAAa;QAC3B,WAAW,EAAE,MAAM;QACnB,aAAa,EAAE,MAAM;KACtB;IACD;QACE,iBAAiB,EAAE,gDAAgD;QACnE,aAAa,EAAE,uEAAuE;QACtF,IAAI,EAAE,WAAW,CAAC,OAAO;QACzB,YAAY,EAAE,MAAM;QACpB,WAAW,EAAE,MAAM;QACnB,aAAa,EAAE,MAAM;KACtB;IACD;QACE,iBAAiB,EAAE,8CAA8C;QACjE,aAAa,EAAE,uEAAuE;QACtF,IAAI,EAAE,WAAW,CAAC,MAAM;QACxB,YAAY,EAAE,QAAQ;QACtB,WAAW,EAAE,MAAM;QACnB,aAAa,EAAE,MAAM;KACtB;CACF,CAAA"}

package/dist/esm/components/TokenData/img/index.d.ts

@@ -0,0 +1,11 @@
+import bitcoin from './bitcoin.png';
+import dai from './dai.png';
+import ethereum from './ethereum.png';
+import frax from './frax.png';
+import tether from './tether.png';
+import usdCoin from './usd-coin.png';
+import weth from './weth.png';
+import wrappedBtc from './wrapped-bitcoin.png';
+import xyo from './xyo.png';
+export { bitcoin, dai, ethereum, frax, tether, usdCoin, weth, wrappedBtc, xyo };
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/TokenData/img/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/TokenData/img/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,eAAe,CAAA;AACnC,OAAO,GAAG,MAAM,WAAW,CAAA;AAC3B,OAAO,QAAQ,MAAM,gBAAgB,CAAA;AACrC,OAAO,IAAI,MAAM,YAAY,CAAA;AAC7B,OAAO,MAAM,MAAM,cAAc,CAAA;AACjC,OAAO,OAAO,MAAM,gBAAgB,CAAA;AACpC,OAAO,IAAI,MAAM,YAAY,CAAA;AAC7B,OAAO,UAAU,MAAM,uBAAuB,CAAA;AAC9C,OAAO,GAAG,MAAM,WAAW,CAAA;AAE3B,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,EAAE,CAAA"}

package/dist/esm/components/TokenData/img/index.js

@@ -0,0 +1,11 @@
+import bitcoin from './bitcoin.png';
+import dai from './dai.png';
+import ethereum from './ethereum.png';
+import frax from './frax.png';
+import tether from './tether.png';
+import usdCoin from './usd-coin.png';
+import weth from './weth.png';
+import wrappedBtc from './wrapped-bitcoin.png';
+import xyo from './xyo.png';
+export { bitcoin, dai, ethereum, frax, tether, usdCoin, weth, wrappedBtc, xyo };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/TokenData/img/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/TokenData/img/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,eAAe,CAAA;AACnC,OAAO,GAAG,MAAM,WAAW,CAAA;AAC3B,OAAO,QAAQ,MAAM,gBAAgB,CAAA;AACrC,OAAO,IAAI,MAAM,YAAY,CAAA;AAC7B,OAAO,MAAM,MAAM,cAAc,CAAA;AACjC,OAAO,OAAO,MAAM,gBAAgB,CAAA;AACpC,OAAO,IAAI,MAAM,YAAY,CAAA;AAC7B,OAAO,UAAU,MAAM,uBAAuB,CAAA;AAC9C,OAAO,GAAG,MAAM,WAAW,CAAA;AAE3B,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,EAAE,CAAA"}

package/dist/esm/components/TokenData/index.d.ts

@@ -0,0 +1,3 @@
+export * from './TokenData';
+export * from './useGetTokenData';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/TokenData/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/TokenData/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA"}

package/dist/esm/components/TokenData/index.js

@@ -0,0 +1,3 @@
+export * from './TokenData';
+export * from './useGetTokenData';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/TokenData/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/TokenData/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA"}

package/dist/esm/components/TokenData/useGetTokenData.d.ts

@@ -0,0 +1,3 @@
+import { TokenData } from './TokenData';
+export declare const useGetTokenData: (symbols: (string | undefined)[]) => TokenData[];
+//# sourceMappingURL=useGetTokenData.d.ts.map

package/dist/esm/components/TokenData/useGetTokenData.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGetTokenData.d.ts","sourceRoot":"","sources":["../../../../src/components/TokenData/useGetTokenData.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,eAAO,MAAM,eAAe,YAAa,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,gBAM9D,CAAA"}

package/dist/esm/components/TokenData/useGetTokenData.js

@@ -0,0 +1,9 @@
+import { TokenData } from './TokenData';
+export const useGetTokenData = (symbols) => {
+    return symbols?.map((symbol) => {
+        const additionalTokenData = TokenData.find((x) => x.uniqueTokenId === symbol);
+        const checkedTokenData = additionalTokenData ? additionalTokenData : TokenData[0];
+        return checkedTokenData;
+    });
+};
+//# sourceMappingURL=useGetTokenData.js.map

package/dist/esm/components/TokenData/useGetTokenData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGetTokenData.js","sourceRoot":"","sources":["../../../../src/components/TokenData/useGetTokenData.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,OAA+B,EAAE,EAAE;IACjE,OAAO,OAAO,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;QAC7B,MAAM,mBAAmB,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,aAAa,KAAK,MAAM,CAAC,CAAA;QAC7E,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAA;QACjF,OAAO,gBAAgB,CAAA;IACzB,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA"}

package/dist/esm/components/TokenSummary/TokenSummary.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { FlexBoxProps } from '@xylabs/react-flexbox';
+export interface TokenSummaryProps extends FlexBoxProps {
+    icon?: string;
+    symbol?: string;
+}
+export declare const TokenSummary: React.FC<TokenSummaryProps>;
+//# sourceMappingURL=TokenSummary.d.ts.map

package/dist/esm/components/TokenSummary/TokenSummary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TokenSummary.d.ts","sourceRoot":"","sources":["../../../../src/components/TokenSummary/TokenSummary.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAoB,MAAM,uBAAuB,CAAA;AAEtE,MAAM,WAAW,iBAAkB,SAAQ,YAAY;IACrD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAepD,CAAA"}

package/dist/esm/components/TokenSummary/TokenSummary.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Typography, useTheme } from '@mui/material';
+import { FlexCol, FlexRow } from '@xylabs/react-flexbox';
+export const TokenSummary = ({ icon, symbol, children, ...props }) => {
+    const theme = useTheme();
+    return (_jsxs(_Fragment, { children: [_jsxs(FlexRow, { paddingBottom: 3, width: "100%", justifyContent: "flex-start", ...props, children: [_jsx(FlexCol, { borderRadius: "50%", padding: 1, bgcolor: theme.palette.text.primary, height: "40px", width: "40px", children: _jsx("img", { src: icon, height: "25px" }) }), _jsx(Typography, { variant: "h6", fontWeight: 300, textTransform: "uppercase", paddingLeft: 1, children: symbol })] }), children] }));
+};
+//# sourceMappingURL=TokenSummary.js.map

package/dist/esm/components/TokenSummary/TokenSummary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TokenSummary.js","sourceRoot":"","sources":["../../../../src/components/TokenSummary/TokenSummary.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACpD,OAAO,EAAgB,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAOtE,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAChG,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,OAAO,CACL,8BACE,MAAC,OAAO,IAAC,aAAa,EAAE,CAAC,EAAE,KAAK,EAAC,MAAM,EAAC,cAAc,EAAC,YAAY,KAAK,KAAK,aAC3E,KAAC,OAAO,IAAC,YAAY,EAAC,KAAK,EAAC,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,MAAM,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,YACrG,cAAK,GAAG,EAAE,IAAI,EAAE,MAAM,EAAC,MAAM,GAAG,GACxB,EACV,KAAC,UAAU,IAAC,OAAO,EAAC,IAAI,EAAC,UAAU,EAAE,GAAG,EAAE,aAAa,EAAC,WAAW,EAAC,WAAW,EAAE,CAAC,YAC/E,MAAM,GACI,IACL,EACT,QAAQ,IACR,CACJ,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/TokenSummary/index.d.ts

@@ -0,0 +1,2 @@
+export * from './TokenSummary';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/TokenSummary/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/TokenSummary/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA"}

package/dist/esm/components/TokenSummary/index.js

@@ -0,0 +1,2 @@
+export * from './TokenSummary';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/TokenSummary/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/TokenSummary/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA"}

package/dist/esm/components/index.d.ts

@@ -7,5 +7,8 @@ export * from './Pipe';
 export * from './ScrollTableOnSm';
 export * from './SectionSpacingRow';
 export * from './TableCell';
+export * from './TokenBar';
+export * from './TokenData';
+export * from './TokenSummary';
 export * from './TypographyEx';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,oBAAoB,CAAA;AAClC,cAAc,oBAAoB,CAAA;AAClC,cAAc,QAAQ,CAAA;AACtB,cAAc,mBAAmB,CAAA;AACjC,cAAc,qBAAqB,CAAA;AACnC,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,oBAAoB,CAAA;AAClC,cAAc,oBAAoB,CAAA;AAClC,cAAc,QAAQ,CAAA;AACtB,cAAc,mBAAmB,CAAA;AACjC,cAAc,qBAAqB,CAAA;AACnC,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA"}

package/dist/esm/components/index.js

@@ -7,5 +7,8 @@ export * from './Pipe';
 export * from './ScrollTableOnSm';
 export * from './SectionSpacingRow';
 export * from './TableCell';
+export * from './TokenBar';
+export * from './TokenData';
+export * from './TokenSummary';
 export * from './TypographyEx';
 //# sourceMappingURL=index.js.map

package/dist/esm/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,oBAAoB,CAAA;AAClC,cAAc,oBAAoB,CAAA;AAClC,cAAc,QAAQ,CAAA;AACtB,cAAc,mBAAmB,CAAA;AACjC,cAAc,qBAAqB,CAAA;AACnC,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,oBAAoB,CAAA;AAClC,cAAc,oBAAoB,CAAA;AAClC,cAAc,QAAQ,CAAA;AACtB,cAAc,mBAAmB,CAAA;AACjC,cAAc,qBAAqB,CAAA;AACnC,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA"}

package/package.json

@@ -22,7 +22,7 @@
     "@xylabs/react-flexbox": "^2.14.10",
     "@xylabs/react-link": "^2.14.10",
     "@xylabs/react-shared": "^2.14.10",
-    "@xyo-network/core": "^2.23.0",
+    "@xyo-network/core": "^2.24.2",
     "axios": "^0.27.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
@@ -33,9 +33,9 @@
   "devDependencies": {
     "@storybook/react": "^6.5.9",
     "@xylabs/pixel": "^1.4.5",
-    "@xylabs/tsconfig-dom": "^2.5.11",
-    "@xyo-network/api": "^2.23.0",
-    "@xyo-network/react-storybook": "^2.26.60"
+    "@xylabs/tsconfig-dom": "^2.5.13",
+    "@xyo-network/api": "^2.24.2",
+    "@xyo-network/react-storybook": "^2.27.1"
   },
   "browser": "dist/esm/index.js",
   "docs": "dist/docs.json",
@@ -86,5 +86,5 @@
   },
   "sideEffects": false,
   "types": "dist/esm/index.d.ts",
-  "version": "2.26.60"
+  "version": "2.27.1"
 }

package/src/components/TokenBar/TokenBar.stories.tsx

@@ -0,0 +1,31 @@
+import { ComponentMeta, ComponentStory } from '@storybook/react'
+import { BrowserRouter } from 'react-router-dom'
+
+import { TokenBar } from './TokenBar'
+const StorybookEntry = {
+  argTypes: {},
+  component: TokenBar,
+  parameters: {
+    docs: {
+      page: null,
+    },
+  },
+  title: 'shared/TokenBar',
+} as ComponentMeta<typeof TokenBar>
+
+const Template: ComponentStory<typeof TokenBar> = (args) => (
+  <BrowserRouter>
+    <TokenBar {...args}></TokenBar>
+  </BrowserRouter>
+)
+
+const WithData = Template.bind({})
+WithData.args = { text1: 'Hello', text2: 'World' }
+
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+//@ts-ignore
+
+export { WithData }
+
+// eslint-disable-next-line import/no-default-export
+export default StorybookEntry

package/src/components/TokenBar/TokenBar.tsx

@@ -0,0 +1,20 @@
+import { Typography, useTheme } from '@mui/material'
+import { FlexGrowRow } from '@xylabs/react-flexbox'
+export interface TokenBarProps {
+  text1?: string | number
+  text2?: string | number
+}
+
+export const TokenBar: React.FC<TokenBarProps> = ({ text1, text2 }) => {
+  const theme = useTheme()
+  return (
+    <FlexGrowRow width="100%" paddingY={1} paddingX={2} bgcolor={theme.palette.background.paper} borderRadius={1} justifyContent="space-between">
+      <Typography variant="body1" fontWeight={300}>
+        {text1}
+      </Typography>
+      <Typography variant="body1" fontWeight={300} textTransform="uppercase" color="gray" paddingLeft={2}>
+        {text2}
+      </Typography>
+    </FlexGrowRow>
+  )
+}

package/src/components/TokenBar/index.ts

@@ -0,0 +1 @@
+export * from './TokenBar'

package/src/components/TokenData/TokenData.ts

@@ -0,0 +1,85 @@
+import * as tokenImages from './img'
+
+export interface TokenData {
+  uniqueTokenId: string
+  tokenSymbol: string
+  icon: string
+  etherscanLink: string
+  coinmarketcapLink: string
+  readableName: string
+}
+
+export const TokenData: TokenData[] = [
+  {
+    coinmarketcapLink: 'https://coinmarketcap.com/currencies/multi-collateral-dai/',
+    etherscanLink: 'https://etherscan.io/token/0x6b175474e89094c44da98b954eedeac495271d0f',
+    icon: tokenImages.dai,
+    readableName: 'Dai',
+    tokenSymbol: 'dai',
+    uniqueTokenId: 'dai',
+  },
+  {
+    coinmarketcapLink: 'https://coinmarketcap.com/currencies/weth/',
+    etherscanLink: 'https://etherscan.io/token/0xc02aaa39b223fe8d0a0e5c4f27ead9083c756cc2',
+    icon: tokenImages.weth,
+    readableName: 'Weth',
+    tokenSymbol: 'weth',
+    uniqueTokenId: 'weth',
+  },
+  {
+    coinmarketcapLink: 'https://coinmarketcap.com/currencies/ethereum/',
+    etherscanLink: 'n/a',
+    icon: tokenImages.ethereum,
+    readableName: 'Ethereum',
+    tokenSymbol: 'Eth',
+    uniqueTokenId: 'ethereum',
+  },
+  {
+    coinmarketcapLink: 'https://coinmarketcap.com/currencies/bitcoin/',
+    etherscanLink: 'n/a',
+    icon: tokenImages.bitcoin,
+    readableName: 'Bitcoin',
+    tokenSymbol: 'BTC',
+    uniqueTokenId: 'bitcoin',
+  },
+  {
+    coinmarketcapLink: 'https://coinmarketcap.com/currencies/xyo/',
+    etherscanLink: 'https://etherscan.io/token/0x55296f69f40ea6d20e478533c15a6b08b654e758',
+    icon: tokenImages.xyo,
+    readableName: 'XYO',
+    tokenSymbol: 'xyo',
+    uniqueTokenId: 'xyo',
+  },
+  {
+    coinmarketcapLink: 'https://coinmarketcap.com/currencies/frax/',
+    etherscanLink: 'https://etherscan.io/token/0x853d955acef822db058eb8505911ed77f175b99e',
+    icon: tokenImages.frax,
+    readableName: 'Frax',
+    tokenSymbol: 'frax',
+    uniqueTokenId: 'frax',
+  },
+  {
+    coinmarketcapLink: 'https://coinmarketcap.com/currencies/wrapped-bitcoin/',
+    etherscanLink: 'https://etherscan.io/token/0x2260fac5e5542a773aa44fbcfedf7c193bc2c599',
+    icon: tokenImages.wrappedBtc,
+    readableName: 'Wrapped BTC',
+    tokenSymbol: 'wbtc',
+    uniqueTokenId: 'wbtc',
+  },
+  {
+    coinmarketcapLink: 'https://coinmarketcap.com/currencies/usd-coin/',
+    etherscanLink: 'https://etherscan.io/token/0xa0b86991c6218b36c1d19d4a2e9eb0ce3606eb48',
+    icon: tokenImages.usdCoin,
+    readableName: 'USDC',
+    tokenSymbol: 'usdc',
+    uniqueTokenId: 'usdc',
+  },
+  {
+    coinmarketcapLink: 'https://coinmarketcap.com/currencies/tether/',
+    etherscanLink: 'https://etherscan.io/token/0xdac17f958d2ee523a2206206994597c13d831ec7',
+    icon: tokenImages.tether,
+    readableName: 'Tether',
+    tokenSymbol: 'usdt',
+    uniqueTokenId: 'usdt',
+  },
+]

package/src/components/TokenData/img/index.ts

@@ -0,0 +1,11 @@
+import bitcoin from './bitcoin.png'
+import dai from './dai.png'
+import ethereum from './ethereum.png'
+import frax from './frax.png'
+import tether from './tether.png'
+import usdCoin from './usd-coin.png'
+import weth from './weth.png'
+import wrappedBtc from './wrapped-bitcoin.png'
+import xyo from './xyo.png'
+
+export { bitcoin, dai, ethereum, frax, tether, usdCoin, weth, wrappedBtc, xyo }

package/src/components/TokenData/index.ts

@@ -0,0 +1,2 @@
+export * from './TokenData'
+export * from './useGetTokenData'

package/src/components/TokenData/useGetTokenData.tsx

@@ -0,0 +1,9 @@
+import { TokenData } from './TokenData'
+
+export const useGetTokenData = (symbols: (string | undefined)[]) => {
+  return symbols?.map((symbol) => {
+    const additionalTokenData = TokenData.find((x) => x.uniqueTokenId === symbol)
+    const checkedTokenData = additionalTokenData ? additionalTokenData : TokenData[0]
+    return checkedTokenData
+  })
+}

package/src/components/TokenSummary/TokenSummary.stories.tsx

@@ -0,0 +1,31 @@
+import { ComponentMeta, ComponentStory } from '@storybook/react'
+import { BrowserRouter } from 'react-router-dom'
+
+import { TokenSummary } from './TokenSummary'
+const StorybookEntry = {
+  argTypes: {},
+  component: TokenSummary,
+  parameters: {
+    docs: {
+      page: null,
+    },
+  },
+  title: 'shared/TokenSummary',
+} as ComponentMeta<typeof TokenSummary>
+
+const Template: ComponentStory<typeof TokenSummary> = (args) => (
+  <BrowserRouter>
+    <TokenSummary {...args}></TokenSummary>
+  </BrowserRouter>
+)
+
+const WithData = Template.bind({})
+WithData.args = { icon: 'string', symbol: 'string' }
+
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+//@ts-ignore
+
+export { WithData }
+
+// eslint-disable-next-line import/no-default-export
+export default StorybookEntry

package/src/components/TokenSummary/TokenSummary.tsx

@@ -0,0 +1,24 @@
+import { Typography, useTheme } from '@mui/material'
+import { FlexBoxProps, FlexCol, FlexRow } from '@xylabs/react-flexbox'
+
+export interface TokenSummaryProps extends FlexBoxProps {
+  icon?: string
+  symbol?: string
+}
+
+export const TokenSummary: React.FC<TokenSummaryProps> = ({ icon, symbol, children, ...props }) => {
+  const theme = useTheme()
+  return (
+    <>
+      <FlexRow paddingBottom={3} width="100%" justifyContent="flex-start" {...props}>
+        <FlexCol borderRadius="50%" padding={1} bgcolor={theme.palette.text.primary} height="40px" width="40px">
+          <img src={icon} height="25px" />
+        </FlexCol>
+        <Typography variant="h6" fontWeight={300} textTransform="uppercase" paddingLeft={1}>
+          {symbol}
+        </Typography>
+      </FlexRow>
+      {children}
+    </>
+  )
+}

package/src/components/TokenSummary/index.ts

@@ -0,0 +1 @@
+export * from './TokenSummary'

package/src/components/index.ts

@@ -7,4 +7,7 @@ export * from './Pipe'
 export * from './ScrollTableOnSm'
 export * from './SectionSpacingRow'
 export * from './TableCell'
+export * from './TokenBar'
+export * from './TokenData'
+export * from './TokenSummary'
 export * from './TypographyEx'