@web3modal/ui - npm Package Compare versions

Comparing version 2.2.2 to 2.3.0-6a0bdcf

dist/_types/src/components/index.d.ts

 import './w3m-box-button';
 import './w3m-button';
 import './w3m-button-big';
+import './w3m-info-footer';
 import './w3m-modal-backcard';
@@ -5,0 +6,0 @@ import './w3m-modal-content';

dist/_types/src/components/w3m-button/index.d.ts

@@ -9,2 +9,3 @@ import type { TemplateResult } from 'lit';
     onClick: () => void;
+    variant: 'default' | 'ghost' | 'outline';
     protected render(): TemplateResult<1>;
@@ -11,0 +12,0 @@ }

dist/_types/src/components/w3m-qrcode/index.d.ts

@@ -6,3 +6,3 @@ import { LitElement } from 'lit';
     size: number;
-    logoSrc?: string | undefined;
+    imageId?: string | undefined;
     walletId?: string | undefined;
@@ -9,0 +9,0 @@ private svgTemplate;

dist/_types/src/components/w3m-wallet-button/index.d.ts

@@ -8,3 +8,3 @@ import { LitElement } from 'lit';
     label?: string;
-    src?: string;
+    imageId?: string;
     installed?: boolean | undefined;
@@ -11,0 +11,0 @@ recent?: boolean | undefined;

dist/_types/src/components/w3m-wallet-image/index.d.ts

 import { LitElement } from 'lit';
 export declare class W3mWalletImage extends LitElement {
     static styles: any[];
-    walletId?: string;
-    src?: string;
+    walletId: string;
+    imageId?: string;
     protected render(): import("lit-html").TemplateResult<1>;
@@ -7,0 +7,0 @@ }

dist/_types/src/contexts/index.d.ts

@@ -5,1 +5,2 @@ import './w3m-account-context';
 import './w3m-theme-context';
+import './w3m-wc-connection-context';

dist/_types/src/contexts/w3m-explorer-context.d.ts

@@ -8,3 +8,2 @@ import { LitElement } from 'lit';
     private preloadCustomImages;
-    private preloadConnectorImages;
     private preloadData;
@@ -11,0 +10,0 @@ }

dist/_types/src/partials/index.d.ts

@@ -8,2 +8,3 @@ import './w3m-account-button';
 import './w3m-connect-button';
+import './w3m-connector-waiting';
 import './w3m-core-button';
@@ -15,3 +16,5 @@ import './w3m-desktop-wallet-selection';
 import './w3m-network-switch';
+import './w3m-network-waiting';
+import './w3m-platform-selection';
 import './w3m-view-all-wallets-button';
 import './w3m-walletconnect-qr';

dist/_types/src/partials/w3m-desktop-wallet-selection/index.d.ts

 import { LitElement } from 'lit';
 export declare class W3mDesktopWalletSelection extends LitElement {
     static styles: any[];
-    private onDesktopWallet;
-    private onInjectedWallet;
-    private onInstallConnector;
-    private onConnectorWallet;
-    private desktopWalletsTemplate;
-    private previewWalletsTemplate;
-    private connectorWalletsTemplate;
+    private onConnecting;
+    private onExternal;
+    private manualWalletsTemplate;
+    private recomendedWalletsTemplate;
+    private externalWalletsTemplate;
     private recentWalletTemplate;
+    private injectedWalletsTemplate;
     protected render(): import("lit-html").TemplateResult<1>;
@@ -13,0 +12,0 @@ }

dist/_types/src/partials/w3m-mobile-wallet-selection/index.d.ts

 import { LitElement } from 'lit';
 export declare class W3mMobileWalletSelection extends LitElement {
     static styles: any[];
-    private onGoToQrcode;
-    private onConnectorWallet;
-    private mobileWalletsTemplate;
-    private previewWalletsTemplate;
-    private connectorWalletsTemplate;
+    private onQrcode;
+    private onConnecting;
+    private onExternal;
+    private manualWalletsTemplate;
+    private recomendedWalletsTemplate;
+    private externalWalletsTemplate;
     private recentWalletTemplate;
@@ -10,0 +11,0 @@ protected render(): import("lit-html").TemplateResult<1>;

dist/_types/src/partials/w3m-modal/index.d.ts

@@ -5,2 +5,3 @@ import { LitElement } from 'lit';
     private open;
+    private active;
     constructor();
@@ -7,0 +8,0 @@ disconnectedCallback(): void;

dist/_types/src/partials/w3m-walletconnect-qr/index.d.ts

 import { LitElement } from 'lit';
 export declare class W3mWalletConnectQr extends LitElement {
     static styles: any[];
-    private uri;
+    walletId?: string | undefined;
+    imageId?: string | undefined;
+    private uri?;
     constructor();
+    disconnectedCallback(): void;
+    private readonly unwatchWcConnection?;
     private get overlayEl();
-    private createConnectionAndWait;
     protected render(): import("lit-html").TemplateResult<1>;
@@ -9,0 +12,0 @@ }

dist/_types/src/utils/SvgUtil.d.ts

@@ -34,2 +34,3 @@ export declare const SvgUtil: {
     ACCOUNT_DISCONNECT: import("lit-html").TemplateResult<2>;
+    GLOBE_ICON: import("lit-html").TemplateResult<2>;
 };

dist/_types/src/utils/ThemeUtil.d.ts

 export declare const ThemeUtil: {
+    getPreset(key: string): never;
     setTheme(): void;
     globalCss: import("lit").CSSResult;
 };

dist/_types/src/utils/UiUtil.d.ts

@@ -0,11 +1,13 @@
+import type { WalletData } from '@web3modal/core';
 import type { LitElement } from 'lit';
-import type { RecentWallet } from './TypesUtil';
 export declare const UiUtil: {
     MOBILE_BREAKPOINT: number;
-    W3M_RECENT_WALLET: string;
+    W3M_RECENT_WALLET_DATA: string;
     EXPLORER_WALLET_URL: string;
     rejectStandaloneButtonComponent(): void;
     getShadowRootElement(root: LitElement, selector: string): HTMLElement;
-    getWalletId(id: string): string;
-    getWalletIcon(id: string): string;
+    getWalletIcon({ id, image_id }: {
+        id: string;
+        image_id?: string | undefined;
+    }): string;
     getWalletName(name: string, short?: boolean): string;
@@ -18,4 +20,4 @@ getChainIcon(chainId: number | string): string;
     debounce(func: (...args: any[]) => unknown, timeout?: number): (...args: unknown[]) => void;
-    handleMobileLinking(wallet: RecentWallet): Promise<void>;
-    handleAndroidLinking(): Promise<void>;
+    handleMobileLinking(wallet: WalletData): void;
+    handleAndroidLinking(): void;
     handleUriCopy(): Promise<void>;
@@ -25,18 +27,16 @@ handleConnectorConnection(id: string, onError?: () => void): Promise<void>;
     getCustomImageUrls(): string[];
-    getConnectorImageUrls(): string[];
     truncate(value: string, strLen?: number): string;
     generateAvatarColors(address: string): void;
-    setRecentWallet(wallet: RecentWallet): void;
-    getRecentWallet(): RecentWallet | undefined;
-    getExtensionWallets(): {
-        name: string;
-        icon: string;
-        url: string;
-        isMobile?: boolean | undefined;
-        isDesktop?: boolean | undefined;
-        isInjected?: boolean | undefined;
-        id: string;
-    }[];
+    setRecentWallet(wallet: WalletData): void;
+    getRecentWallet(): WalletData | undefined;
     caseSafeIncludes(str1: string, str2: string): boolean;
     openWalletExplorerUrl(): void;
+    getCachedRouterWalletPlatforms(): {
+        isInjectedInstalled: boolean;
+        isInjected: boolean;
+        isDesktop: boolean;
+        isMobile: boolean;
+        isWeb: boolean;
+    };
+    goToConnectingView(wallet: WalletData): void;
 };

dist/_types/src/views/index.d.ts

 import './w3m-account-view';
 import './w3m-connect-wallet-view';
 import './w3m-connectors-view';
-import './w3m-desktop-connector-view';
+import './w3m-desktop-connecting-view';
 import './w3m-get-wallet-view';
 import './w3m-help-view';
-import './w3m-injected-connector-view';
-import './w3m-install-connector-view';
+import './w3m-injected-connecting-view';
+import './w3m-install-wallet-view';
+import './w3m-mobile-connecting-view';
+import './w3m-mobile-qr-connecting-view';
 import './w3m-qrcode-view';
@@ -13,1 +15,2 @@ import './w3m-select-network-view';
 import './w3m-wallet-explorer-view';
+import './w3m-web-connecting-view';

dist/_types/src/views/w3m-connectors-view/index.d.ts

 import { LitElement } from 'lit';
 export declare class W3mConnectorsView extends LitElement {
     static styles: any[];
-    private onConnectorWallet;
-    private connectorWalletsTemplate;
+    private onExternal;
+    private externalWalletsTemplate;
     protected render(): import("lit-html").TemplateResult<1>;
@@ -7,0 +7,0 @@ }

dist/_types/src/views/w3m-switch-network-view/index.d.ts

 import { LitElement } from 'lit';
 export declare class W3mSwitchNetworkView extends LitElement {
     static styles: any[];
-    private error;
+    private isError;
     constructor();
-    private getRouterData;
     private onSwitchNetwork;
@@ -8,0 +7,0 @@ protected render(): import("lit-html").TemplateResult<1>;

dist/_types/src/views/w3m-wallet-explorer-view/index.d.ts

@@ -16,4 +16,3 @@ import { LitElement } from 'lit';
     private onConnectCustom;
-    private onConnectListing;
-    private onConnectExtension;
+    private onConnect;
     private onSearchChange;
@@ -20,0 +19,0 @@ private readonly searchDebounce;

package.json

 {
   "name": "@web3modal/ui",
-  "version": "2.2.2",
+  "version": "2.3.0-6a0bdcf",
   "main": "dist/index.js",
@@ -19,4 +19,4 @@ "type": "module",
   "dependencies": {
-    "@web3modal/core": "2.2.2",
-    "lit": "2.6.1",
+    "@web3modal/core": "2.3.0-6a0bdcf",
+    "lit": "2.7.2",
     "motion": "10.15.5",
@@ -23,0 +23,0 @@ "qrcode": "1.5.1"

readme.md

@@ -1,5 +0,9 @@
-### 📚 [Documentation](https://docs.walletconnect.com/2.0/introduction/web3modal/about)
+> Looking for v1.x readme? It is available on [V1 Branch](https://github.com/WalletConnect/web3modal/tree/V1)
 
-### 🖥️ [Minimal Example](https://web3modal-dev.pages.dev/)
+### 📚 [Documentation](https://docs.walletconnect.com/2.0/web3modal/about)
 
+### 🔎 [Examples](https://github.com/WalletConnect/web3modal-examples)
+
+### 🧪 [Laboratory](https://lab.web3modal.com)
+
 ### 🔗 [Website](https://web3modal.com)
@@ -15,7 +19,4 @@
 
-## Getting Started
+## Development
 
-- [React Docs](https://docs.walletconnect.com/2.0/introduction/web3modal/react/installation) / [React Example](./examples/react/)
-- [Vanilla JS Docs](https://docs.walletconnect.com/2.0/web3modal/html-js/installation) / [Vanila JS Example](./examples/html/)
-- Vue Docs / Vue Example (coming soon)
-- Angular Docs / Angular Example (coming soon)
+Please follow [developer docs](./.github/docs/development.md) to set up web3modal locally.

New alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

469423

increased by6.07%

Number of package files

73

increased by8.96%

Lines of code

1568

increased by8.14%

Number of lines in readme file

22

increased by4.76%

Worsened metrics

Number of low quality alerts

1

increased byInfinity%

Dependency changes

• + Added@web3modal/core@2.3.0-6a0bdcf(transitive)

• + Addedlit@2.7.2(transitive)

• + Addedvaltio@1.10.4(transitive)

• - Removed@web3modal/core@2.2.2(transitive)

• - Removedlit@2.6.1(transitive)

• - Removedvaltio@1.10.3(transitive)

• Updated@web3modal/core@2.3.0-6a0bdcf

• Updatedlit@2.7.2