@rango-dev/widget-embedded 0.30.1-next.0 → 0.30.1-next.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rango-dev/widget-embedded",
-  "version": "0.30.1-next.0",
+  "version": "0.30.1-next.2",
   "license": "MIT",
   "type": "module",
   "source": "./src/index.ts",
@@ -24,15 +24,15 @@
   "dependencies": {
     "@lingui/core": "4.2.1",
     "@lingui/react": "4.2.1",
-    "@rango-dev/logging-core": "^0.5.0",
-    "@rango-dev/provider-all": "^0.35.0",
+    "@rango-dev/logging-core": "^0.5.1-next.0",
+    "@rango-dev/provider-all": "^0.35.2-next.0",
     "@rango-dev/queue-manager-core": "^0.26.0",
-    "@rango-dev/queue-manager-rango-preset": "^0.35.0",
+    "@rango-dev/queue-manager-rango-preset": "^0.35.2-next.0",
     "@rango-dev/queue-manager-react": "^0.26.0",
-    "@rango-dev/signer-solana": "^0.30.0",
-    "@rango-dev/ui": "^0.36.1-next.0",
-    "@rango-dev/wallets-react": "^0.21.0",
-    "@rango-dev/wallets-shared": "^0.35.0",
+    "@rango-dev/signer-solana": "^0.30.1-next.0",
+    "@rango-dev/ui": "^0.36.1-next.1",
+    "@rango-dev/wallets-react": "^0.21.2-next.0",
+    "@rango-dev/wallets-shared": "^0.35.1",
     "bignumber.js": "^9.1.1",
     "copy-to-clipboard": "^3.3.3",
     "dayjs": "^1.11.7",
@@ -53,4 +53,4 @@
   "publishConfig": {
     "access": "public"
   }
-}
+}

package/src/components/WalletDerivationPathModal/WalletDerivationPathModal.tsx

@@ -10,10 +10,10 @@ import {
   Select,
   TextField,
 } from '@rango-dev/ui';
+import { namespaces } from '@rango-dev/wallets-shared';
 import React, { useEffect, useState } from 'react';
 
 import { WIDGET_UI_ID } from '../../constants';
-import { namespaces } from '../../constants/namespaces';
 import { WatermarkedModal } from '../common/WatermarkedModal';
 import {
   LogoContainer,

package/src/components/WalletNamespacesModal/WalletNamespacesModal.tsx

@@ -13,10 +13,10 @@ import {
   Radio,
   RadioRoot,
 } from '@rango-dev/ui';
+import { namespaces } from '@rango-dev/wallets-shared';
 import React, { useMemo, useState } from 'react';
 
 import { WIDGET_UI_ID } from '../../constants';
-import { namespaces } from '../../constants/namespaces';
 import { useAppStore } from '../../store/AppStore';
 import { WatermarkedModal } from '../common/WatermarkedModal';
 import { WalletImageContainer } from '../HeaderButtons/HeaderButtons.styles';

package/src/hooks/useTheme.ts

@@ -15,6 +15,13 @@ import {
 } from '../utils/configs';
 import { customizedThemeTokens } from '../utils/ui';
 
+function doesWindowPreferDarkColorScheme() {
+  return (
+    window.matchMedia &&
+    window.matchMedia('(prefers-color-scheme: dark)').matches
+  );
+}
+
 export function useTheme(props: WidgetTheme) {
   const {
     colors,
@@ -23,7 +30,9 @@ export function useTheme(props: WidgetTheme) {
     secondaryBorderRadius = DEFAULT_SECONDARY_RADIUS,
   } = props;
 
-  const [OSTheme, setOSTheme] = useState('light');
+  const [OSTheme, setOSTheme] = useState(
+    doesWindowPreferDarkColorScheme() ? 'dark' : 'light'
+  );
 
   const { theme } = useAppStore();
 
@@ -64,10 +73,7 @@ export function useTheme(props: WidgetTheme) {
       }
     };
 
-    if (
-      window.matchMedia &&
-      window.matchMedia('(prefers-color-scheme: dark)').matches
-    ) {
+    if (doesWindowPreferDarkColorScheme()) {
       setOSTheme('dark');
     }
 

package/dist/constants/namespaces.d.ts

@@ -1,8 +0,0 @@
-import type { DerivationPath } from '@rango-dev/wallets-shared';
-import { Namespace } from '@rango-dev/wallets-shared';
-export declare const namespaces: Record<Namespace, {
-    mainBlockchain: string;
-    title: string;
-    derivationPaths?: DerivationPath[];
-}>;
-//# sourceMappingURL=namespaces.d.ts.map

package/dist/constants/namespaces.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"namespaces.d.ts","sourceRoot":"","sources":["../../src/constants/namespaces.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,eAAO,MAAM,UAAU,EAAE,MAAM,CAC7B,SAAS,EACT;IAAE,cAAc,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,eAAe,CAAC,EAAE,cAAc,EAAE,CAAA;CAAE,CAuD9E,CAAC"}

package/src/constants/namespaces.ts

@@ -1,62 +0,0 @@
-import type { DerivationPath } from '@rango-dev/wallets-shared';
-
-import { Namespace } from '@rango-dev/wallets-shared';
-
-export const namespaces: Record<
-  Namespace,
-  { mainBlockchain: string; title: string; derivationPaths?: DerivationPath[] }
-> = {
-  [Namespace.Evm]: {
-    mainBlockchain: 'ETH',
-    title: 'Ethereum',
-    derivationPaths: [
-      {
-        id: 'metamask',
-        label: `Metamask (m/44'/60'/0'/0/index)`,
-        generateDerivationPath: (index: string) => `44'/60'/0'/0/${index}`,
-      },
-      {
-        id: 'ledgerLive',
-        label: `LedgerLive (m/44'/60'/index'/0/0)`,
-        generateDerivationPath: (index: string) => `44'/60'/${index}'/0/0`,
-      },
-      {
-        id: 'legacy',
-        label: `Legacy (m/44'/60'/0'/index)`,
-        generateDerivationPath: (index: string) => `44'/60'/0'/${index}`,
-      },
-    ],
-  },
-  [Namespace.Solana]: {
-    mainBlockchain: 'SOLANA',
-    title: 'Solana',
-    derivationPaths: [
-      {
-        id: `(m/44'/501'/index')`,
-        label: `(m/44'/501'/index')`,
-        generateDerivationPath: (index: string) => `44'/501'/${index}'`,
-      },
-      {
-        id: `(m/44'/501'/0'/index)`,
-        label: `(m/44'/501'/0'/index)`,
-        generateDerivationPath: (index: string) => `44'/501'/0'/${index}`,
-      },
-    ],
-  },
-  [Namespace.Cosmos]: {
-    mainBlockchain: 'COSMOS',
-    title: 'Cosmos',
-  },
-  [Namespace.Utxo]: {
-    mainBlockchain: 'BTC',
-    title: 'Utxo',
-  },
-  [Namespace.Starknet]: {
-    title: 'Starknet',
-    mainBlockchain: 'STARKNET',
-  },
-  [Namespace.Tron]: {
-    title: 'Tron',
-    mainBlockchain: 'TRON',
-  },
-};