@rango-dev/widget-embedded 0.30.0 → 0.30.1-next.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rango-dev/widget-embedded",
-  "version": "0.30.0",
+  "version": "0.30.1-next.1",
   "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.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",

package/src/components/SwapDetails/SwapDetails.styles.ts

@@ -11,6 +11,16 @@ export const Container = styled('div', {
 
 export const HeaderDetails = styled('div', {
   width: '100%',
+  '& ._icon-button': {
+    '&:hover': {
+      '& svg': {
+        color: '$secondary550',
+        [`.${darkTheme} &`]: {
+          color: '$secondary500',
+        },
+      },
+    },
+  },
 });
 
 export const StepsList = styled(ScrollableArea, {

package/src/components/SwapDetails/SwapDetails.tsx

@@ -11,6 +11,7 @@ import {
   Button,
   CopyIcon,
   Divider,
+  DoneIcon,
   IconButton,
   QuoteCost,
   RangoExplorerIcon,
@@ -88,7 +89,7 @@ export function SwapDetails(props: SwapDetailsProps) {
   const retry = useQuoteStore.use.retry();
   const isActiveTab = useUiStore.use.isActiveTab();
   const navigate = useNavigate();
-  const [_, handleCopy] = useCopyToClipboard(RESET_INTERVAL);
+  const [isCopied, handleCopy] = useCopyToClipboard(RESET_INTERVAL);
   const listRef = useRef<HTMLDivElement | null>(null);
   const [modalState, setModalState] = useState<ModalState>(null);
   const [showCompletedModal, setShowCompletedModal] = useState<
@@ -318,11 +319,28 @@ export function SwapDetails(props: SwapDetailsProps) {
               <Typography variant="label" size="small" color="neutral700">
                 {requestId}
               </Typography>
-              <IconButton
-                variant="ghost"
-                onClick={handleCopy.bind(null, requestId || '')}>
-                <CopyIcon size={16} color="gray" />
-              </IconButton>
+              <Tooltip
+                container={getContainer()}
+                content={
+                  isCopied
+                    ? i18n.t('Copied To Clipboard')
+                    : i18n.t('Copy Request ID')
+                }
+                open={isCopied || undefined}
+                side="bottom"
+                alignOffset={-16}
+                align="end">
+                <IconButton
+                  variant="ghost"
+                  onClick={handleCopy.bind(null, requestId || '')}>
+                  {isCopied ? (
+                    <DoneIcon size={16} color="secondary" />
+                  ) : (
+                    <CopyIcon size={16} color="gray" />
+                  )}
+                </IconButton>
+              </Tooltip>
+
               <StyledLink
                 target="_blank"
                 href={`${SCANNER_BASE_URL}/swap/${requestId}`}>

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/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',
-  },
-};