@rango-dev/widget-embedded 0.12.1-next.26 → 0.12.1-next.27

package/dist/pages/SelectBlockchainPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectBlockchainPage.d.ts","sourceRoot":"","sources":["../../src/pages/SelectBlockchainPage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAWxC,UAAU,SAAS;IACjB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,oBAAoB,CAAC,EAAE,MAAM,EAAE,CAAC;CACjC;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,SAAS,qBA0DpD"}
+{"version":3,"file":"SelectBlockchainPage.d.ts","sourceRoot":"","sources":["../../src/pages/SelectBlockchainPage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAUxC,UAAU,SAAS;IACjB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,oBAAoB,CAAC,EAAE,MAAM,EAAE,CAAC;CACjC;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,SAAS,qBA+DpD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rango-dev/widget-embedded",
-  "version": "0.12.1-next.26",
+  "version": "0.12.1-next.27",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.js",
@@ -23,7 +23,7 @@
     "@rango-dev/queue-manager-core": "^0.15.1-next.2",
     "@rango-dev/queue-manager-rango-preset": "^0.15.1-next.6",
     "@rango-dev/queue-manager-react": "^0.15.1-next.4",
-    "@rango-dev/ui": "^0.15.1-next.17",
+    "@rango-dev/ui": "^0.15.1-next.18",
     "@rango-dev/wallets-react": "^0.1.1-next.6",
     "@rango-dev/wallets-shared": "^0.15.1-next.4",
     "bignumber.js": "^9.1.1",

package/src/components/BlockchainList/BlockchainList.helpers.ts

@@ -1,7 +1,7 @@
+import { BlockchainCategories } from '@rango-dev/ui';
 import { type BlockchainMeta, TransactionType } from 'rango-sdk';
 
 import { containsText } from '../../utils/common';
-import { BlockchainCategories } from '../SelectableCategoryList/SelectableCategoryList.types';
 
 export const filterByType = (
   blockchain: BlockchainMeta,

package/src/components/BlockchainsSection/BlockchainsSection.tsx

@@ -2,13 +2,18 @@
 import type { PropTypes } from './BlockchainsSection.types';
 
 import { i18n } from '@lingui/core';
-import { Divider, Image, Skeleton, Typography } from '@rango-dev/ui';
+import {
+  BlockchainsChip,
+  Divider,
+  Image,
+  Skeleton,
+  Typography,
+} from '@rango-dev/ui';
 import { type BlockchainMeta } from 'rango-sdk';
 import React, { useEffect, useState } from 'react';
 
 import { useBestRouteStore } from '../../store/bestRoute';
 import { useMetaStore } from '../../store/meta';
-import { BlockchainsChip } from '../BlockchainsChip';
 
 import { sortBlockchains } from './BlockchainSection.helpers';
 import { Container } from './BlockchainsSection.styles';

package/src/pages/SelectBlockchainPage.tsx

@@ -1,11 +1,10 @@
 import { i18n } from '@lingui/core';
-import { Divider } from '@rango-dev/ui';
+import { Divider, SelectableCategoryList } from '@rango-dev/ui';
 import React, { useState } from 'react';
 
 import { BlockchainList } from '../components/BlockchainList';
 import { Layout } from '../components/Layout';
 import { SearchInput } from '../components/SearchInput';
-import { SelectableCategoryList } from '../components/SelectableCategoryList';
 import { navigationRoutes } from '../constants/navigationRoutes';
 import { useNavigateBack } from '../hooks/useNavigateBack';
 import { useBestRouteStore } from '../store/bestRoute';
@@ -23,7 +22,10 @@ export function SelectBlockchainPage(props: PropTypes) {
   const [blockchainCategory, setBlockchainCategory] = useState<string>('ALL');
   const setToBlockchain = useBestRouteStore.use.setToBlockchain();
   const setFromBlockchain = useBestRouteStore.use.setFromBlockchain();
-
+  const {
+    meta: { blockchains: allBlockchains },
+    loadingStatus,
+  } = useMetaStore();
   const blockchains = supportedBlockchains
     ? useMetaStore.use
         .meta()
@@ -45,6 +47,8 @@ export function SelectBlockchainPage(props: PropTypes) {
       <SelectableCategoryList
         setCategory={setBlockchainCategory}
         category={blockchainCategory}
+        blockchains={allBlockchains}
+        isLoading={loadingStatus === 'loading'}
       />
       <Divider size={24} />
       <SearchInput

package/dist/components/BlockchainsChip/BlockchainsChip.d.ts

@@ -1,5 +0,0 @@
-import type { PropTypes } from './BlockchainsChip.types';
-import type { PropsWithChildren } from 'react';
-import React from 'react';
-export declare function BlockchainsChip(props: PropsWithChildren<PropTypes>): React.JSX.Element;
-//# sourceMappingURL=BlockchainsChip.d.ts.map

package/dist/components/BlockchainsChip/BlockchainsChip.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BlockchainsChip.d.ts","sourceRoot":"","sources":["../../../src/components/BlockchainsChip/BlockchainsChip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,wBAAgB,eAAe,CAAC,KAAK,EAAE,iBAAiB,CAAC,SAAS,CAAC,qBAOlE"}

package/dist/components/BlockchainsChip/BlockchainsChip.styles.d.ts

@@ -1,156 +0,0 @@
-export declare const Chip: import("@stitches/react/types/styled-component").StyledComponent<"button", {
-    selected?: boolean | "true" | "false" | undefined;
-}, {
-    sm: string;
-    md: string;
-    lg: string;
-}, import("@stitches/react/types/css-util").CSS<{
-    sm: string;
-    md: string;
-    lg: string;
-}, {
-    colors: {
-        primary500: string;
-        primary600: string;
-        secondary100: string;
-        secondary200: string;
-        secondary300: string;
-        secondary400: string;
-        secondary500: string;
-        secondary600: string;
-        secondary700: string;
-        secondary800: string;
-        secondary900: string;
-        neutral100: string;
-        neutral200: string;
-        neutral300: string;
-        neutral400: string;
-        neutral500: string;
-        neutral600: string;
-        neutral700: string;
-        neutral800: string;
-        neutral900: string;
-        error100: string;
-        error300: string;
-        error500: string;
-        error600: string;
-        error700: string;
-        warning100: string;
-        warning300: string;
-        warning500: string;
-        warning600: string;
-        warning700: string;
-        info100: string;
-        info300: string;
-        info500: string;
-        info600: string;
-        info700: string;
-        success100: string;
-        success300: string;
-        success500: string;
-        success600: string;
-        success700: string;
-        background: string;
-        foreground: string;
-    };
-    space: {
-        0: string;
-        5: string;
-        10: string;
-        15: string;
-        20: string;
-        25: string;
-        30: string;
-        40: string;
-        46: string;
-        50: string;
-        60: string;
-        70: string;
-        80: string;
-        90: string;
-        100: string;
-        2: string;
-        4: string;
-        6: string;
-        8: string;
-        12: string;
-        16: string;
-        24: string;
-        28: string;
-        32: string;
-    };
-    radii: {
-        xs: string;
-        sm: string;
-        xm: string;
-        md: string;
-        xl: string;
-        lg: string;
-        primary: string;
-        secondary: string;
-    };
-    fontSizes: {
-        10: string;
-        12: string;
-        14: string;
-        16: string;
-        18: string;
-        20: string;
-        22: string;
-        24: string;
-        28: string;
-        32: string;
-        36: string;
-        40: string;
-        48: string;
-    };
-    fonts: {
-        primary: string;
-        widget: string;
-    };
-    fontWeights: {
-        regular: number;
-        medium: number;
-        semiBold: number;
-        bold: number;
-    };
-    lineHeights: {
-        12: string;
-        16: string;
-        20: string;
-        24: string;
-        26: string;
-        28: string;
-        30: string;
-        36: string;
-        40: string;
-        44: string;
-        52: string;
-        64: string;
-    };
-    letterSpacings: {};
-    sizes: {
-        4: string;
-        6: string;
-        8: string;
-        12: string;
-        16: string;
-        18: string;
-        20: string;
-        24: string;
-        28: string;
-        32: string;
-        36: string;
-        40: string;
-        45: string;
-        48: string;
-    };
-    borderWidths: {};
-    borderStyles: {};
-    shadows: {
-        s: string;
-    };
-    zIndices: {};
-    transitions: {};
-}, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
-//# sourceMappingURL=BlockchainsChip.styles.d.ts.map

package/dist/components/BlockchainsChip/BlockchainsChip.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BlockchainsChip.styles.d.ts","sourceRoot":"","sources":["../../../src/components/BlockchainsChip/BlockchainsChip.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAuCf,CAAC"}

package/dist/components/BlockchainsChip/BlockchainsChip.types.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-export interface PropTypes {
-    selected?: boolean;
-    onClick?: React.MouseEventHandler<HTMLButtonElement>;
-}
-//# sourceMappingURL=BlockchainsChip.types.d.ts.map

package/dist/components/BlockchainsChip/BlockchainsChip.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BlockchainsChip.types.d.ts","sourceRoot":"","sources":["../../../src/components/BlockchainsChip/BlockchainsChip.types.ts"],"names":[],"mappings":";AAAA,MAAM,WAAW,SAAS;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CACtD"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BlockchainsChip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/components/SelectableCategoryList/SelectableCategoryList.d.ts

@@ -1,4 +0,0 @@
-import type { PropTypes } from './SelectableCategoryList.types';
-import React from 'react';
-export declare function SelectableCategoryList(props: PropTypes): React.JSX.Element;
-//# sourceMappingURL=SelectableCategoryList.d.ts.map

package/dist/components/SelectableCategoryList/SelectableCategoryList.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectableCategoryList.d.ts","sourceRoot":"","sources":["../../../src/components/SelectableCategoryList/SelectableCategoryList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAIhE,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,SAAS,qBA4DtD"}

package/dist/components/SelectableCategoryList/SelectableCategoryList.helpers.d.ts

@@ -1,4 +0,0 @@
-import { type BlockchainMeta } from 'rango-sdk';
-import { BlockchainCategories } from './SelectableCategoryList.types';
-export declare const generateBlockchainsLogo: (list: BlockchainMeta[], type: Exclude<BlockchainCategories, 'ALL'>) => BlockchainMeta[];
-//# sourceMappingURL=SelectableCategoryList.helpers.d.ts.map

package/dist/components/SelectableCategoryList/SelectableCategoryList.helpers.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectableCategoryList.helpers.d.ts","sourceRoot":"","sources":["../../../src/components/SelectableCategoryList/SelectableCategoryList.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,WAAW,CAAC;AAIhD,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAStE,eAAO,MAAM,uBAAuB,SAC5B,cAAc,EAAE,QAChB,QAAQ,oBAAoB,EAAE,KAAK,CAAC,qBAIoB,CAAC"}