@web3modal/ui - npm Package Compare versions

Comparing version 2.0.0-e18c845 to 2.0.0-e75d550

dist/_types/index.d.ts

@@ -0,3 +1,8 @@
+import './src/components';
+import './src/partials';
+import './src/views';
 export * from './src/partials/w3m-account-button';
 export * from './src/partials/w3m-connect-button';
-export * from './src/components/w3m-modal';
+export * from './src/partials/w3m-core-button';
+export * from './src/partials/w3m-modal';
+export * from './src/partials/w3m-network-switch';

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

 import type { TemplateResult } from 'lit';
 import { LitElement } from 'lit';
-import '../w3m-text';
-declare type Variant = 'fill' | 'ghost';
 export declare class W3mButton extends LitElement {
-    static styles: import("lit").CSSResult[];
-    variant?: Variant;
+    static styles: any[];
     disabled?: boolean | undefined;
@@ -19,2 +16,1 @@ iconLeft?: TemplateResult<2>;
 }
-export {};

dist/_types/src/components/w3m-modal-backcard/index.d.ts

 import { LitElement } from 'lit';
 export declare class W3mModalBackcard extends LitElement {
-    static styles: import("lit").CSSResult[];
+    static styles: any[];
+    private open;
+    private isHelp;
     firstUpdated(): void;
+    constructor();
     disconnectedCallback(): void;
+    private readonly unsubscribeRouter?;
+    private playTimeout?;
     private get canvasEl();
+    private onHelp;
     protected render(): import("lit-html").TemplateResult<1>;
@@ -8,0 +14,0 @@ }

dist/_types/src/components/w3m-modal-content/index.d.ts

 import { LitElement } from 'lit';
 export declare class W3mModalContent extends LitElement {
-    static styles: import("lit").CSSResult[];
+    static styles: any[];
     protected render(): import("lit-html").TemplateResult<1>;
@@ -5,0 +5,0 @@ }

dist/_types/src/components/w3m-modal-footer/index.d.ts

 import { LitElement } from 'lit';
 export declare class W3mModalFooter extends LitElement {
-    static styles: import("lit").CSSResult[];
+    static styles: any[];
     protected render(): import("lit-html").TemplateResult<1>;
@@ -5,0 +5,0 @@ }

dist/_types/src/components/w3m-modal-header/index.d.ts

@@ -1,9 +0,12 @@
-import ThemedElement from '../../utils/ThemedElement';
-import '../w3m-spinner';
-import '../w3m-text';
-export declare class W3mModalHeader extends ThemedElement {
-    static styles: import("lit").CSSResult[];
+import type { TemplateResult } from 'lit';
+import { LitElement } from 'lit';
+export declare class W3mModalHeader extends LitElement {
+    static styles: any[];
     title: string;
-    private backBtntemplate;
-    protected render(): import("lit-html").TemplateResult<1>;
+    onAction?: () => void;
+    actionIcon?: TemplateResult<2>;
+    border: boolean;
+    private backBtnTemplate;
+    private actionBtnTemplate;
+    protected render(): TemplateResult<1>;
 }
@@ -10,0 +13,0 @@ declare global {

dist/_types/src/components/w3m-modal-router/index.d.ts

 import type { RouterView } from '@web3modal/core';
 import { LitElement } from 'lit';
-import '../../views/w3m-coinbase-extension-connector-view';
-import '../../views/w3m-coinbase-mobile-connector-view';
-import '../../views/w3m-connect-wallet-view';
-import '../../views/w3m-get-wallet-view';
-import '../../views/w3m-injected-connector-view';
-import '../../views/w3m-ledger-desktop-connector-view';
-import '../../views/w3m-metamask-connector-view';
-import '../../views/w3m-select-network-view';
-import '../../views/w3m-wallet-explorer-view';
-import '../../views/w3m-walletconnect-connector-view';
 export declare class W3mModalRouter extends LitElement {
-    static styles: import("lit").CSSResult[];
+    static styles: any[];
     view: RouterView;
@@ -16,0 +6,0 @@ prevView: RouterView;

dist/_types/src/components/w3m-modal-toast/index.d.ts

 import { LitElement } from 'lit';
-import '../w3m-text';
 export declare class W3mModalToast extends LitElement {
-    static styles: import("lit").CSSResult[];
+    static styles: any[];
     open: boolean;
@@ -6,0 +5,0 @@ constructor();

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

 import { LitElement } from 'lit';
-import '../w3m-wallet-image';
 export default class W3mQrCode extends LitElement {
-    static styles: import("lit").CSSResult[];
+    static styles: any[];
     uri: string;
     size: number;
     logoSrc?: string | undefined;
+    walletId?: string | undefined;
     private svgTemplate;
@@ -9,0 +9,0 @@ protected render(): import("lit-html").TemplateResult<1>;

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

 import { LitElement } from 'lit';
 export declare class W3mSpinner extends LitElement {
-    static styles: import("lit").CSSResult;
-    size?: number;
-    color?: string;
+    static styles: any[];
     protected render(): import("lit-html").TemplateResult<1>;
@@ -7,0 +5,0 @@ }

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

 import { LitElement } from 'lit';
-import '../w3m-spinner';
-declare type Variant = 'large-bold' | 'medium-bold' | 'medium-normal' | 'medium-thin' | 'small-normal' | 'small-thin' | 'xsmall-normal' | 'xxsmall-bold';
-declare type Align = 'center' | 'left' | 'right';
-declare type Color = 'accent' | 'error' | 'inverse' | 'primary' | 'secondary' | 'tertiary';
+type Variant = 'large-bold' | 'medium-bold' | 'medium-normal' | 'medium-thin' | 'small-normal' | 'small-thin' | 'xsmall-normal' | 'xxsmall-bold';
+type Align = 'center' | 'left' | 'right';
+type Color = 'accent' | 'error' | 'inverse' | 'primary' | 'secondary' | 'tertiary';
 export declare class W3mText extends LitElement {
-    static styles: import("lit").CSSResult[];
+    static styles: any[];
     variant?: Variant;
@@ -9,0 +8,0 @@ align?: Align;

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

 import { LitElement } from 'lit';
-import '../../components/w3m-text';
-import '../w3m-wallet-image';
 export declare class W3mWalletButton extends LitElement {
-    static styles: import("lit").CSSResult[];
+    static styles: any[];
     onClick: () => void;
     name: string;
+    walletId: string;
     label?: string;
     src?: string;
+    installed?: boolean | undefined;
+    recent?: boolean | undefined;
+    private sublabelTemplate;
     protected render(): import("lit-html").TemplateResult<1>;
@@ -11,0 +13,0 @@ }

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

 import { LitElement } from 'lit';
-import '../../components/w3m-text';
-export declare class W3mWalletButton extends LitElement {
-    static styles: import("lit").CSSResult[];
-    name: string;
+export declare class W3mWalletImage extends LitElement {
+    static styles: any[];
+    walletId?: string;
     src?: string;
@@ -11,4 +10,4 @@ protected render(): import("lit-html").TemplateResult<1>;
     interface HTMLElementTagNameMap {
-        'w3m-wallet-image': W3mWalletButton;
+        'w3m-wallet-image': W3mWalletImage;
     }
 }

dist/_types/src/partials/w3m-account-button/index.d.ts

@@ -1,4 +0,8 @@
-import ThemedElement from '../../utils/ThemedElement';
-export declare class W3mAccountButton extends ThemedElement {
-    static styles: import("lit").CSSResult[];
+import { LitElement } from 'lit';
+export declare class W3mAccountButton extends LitElement {
+    static styles: any[];
+    constructor();
+    balance?: 'hide' | 'show';
+    private onOpen;
+    private accountTemplate;
     protected render(): import("lit-html").TemplateResult<1>;
@@ -5,0 +9,0 @@ }

dist/_types/src/partials/w3m-connect-button/index.d.ts

@@ -1,9 +0,7 @@
-import '../../components/w3m-spinner';
-import '../../components/w3m-text';
-import ThemedElement from '../../utils/ThemedElement';
-export declare class W3mConnectButton extends ThemedElement {
-    static styles: import("lit").CSSResult[];
+import { LitElement } from 'lit';
+export declare class W3mConnectButton extends LitElement {
+    static styles: any[];
     loading: boolean;
     label?: string | undefined;
-    icon?: boolean | undefined;
+    icon?: 'hide' | 'show';
     constructor();
@@ -10,0 +8,0 @@ disconnectedCallback(): void;

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

@@ -1,18 +0,13 @@
-import type { TemplateResult } from 'lit';
 import { LitElement } from 'lit';
-import '../../components/w3m-text';
-import '../../components/w3m-view-all-wallets-button';
-import '../../components/w3m-wallet-button';
-import '../../partials/w3m-walletconnect-button';
 export declare class W3mDesktopWalletSelection extends LitElement {
-    static styles: import("lit").CSSResult[];
-    private onWalletConnect;
-    private onCoinbaseWallet;
-    private onLedgerWallet;
-    private onMetaMaskWallet;
+    static styles: any[];
+    private onDesktopWallet;
     private onInjectedWallet;
-    private metaMaskTemplate;
-    private injectedTemplate;
-    private dynamicSlots;
-    protected render(): TemplateResult<1>;
+    private onInstallConnector;
+    private onConnectorWallet;
+    private desktopWalletsTemplate;
+    private previewWalletsTemplate;
+    private connectorWalletsTemplate;
+    private recentWalletTemplate;
+    protected render(): import("lit-html").TemplateResult<1>;
 }
@@ -19,0 +14,0 @@ declare global {

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

 import { LitElement } from 'lit';
-import '../../components/w3m-view-all-wallets-button';
-import '../../components/w3m-wallet-button';
 export declare class W3mMobileWalletSelection extends LitElement {
-    static styles: import("lit").CSSResult[];
-    private onConnect;
-    private onCoinbaseWallet;
+    static styles: any[];
+    private onGoToQrcode;
+    private onConnectorWallet;
+    private mobileWalletsTemplate;
+    private previewWalletsTemplate;
+    private connectorWalletsTemplate;
+    private recentWalletTemplate;
     protected render(): import("lit-html").TemplateResult<1>;
@@ -9,0 +11,0 @@ }

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

 import type { TemplateResult } from 'lit';
-import QRCodeUtil from 'qrcode';
-export declare function getMatrix(value: string, errorCorrectionLevel: QRCodeUtil.QRCodeErrorCorrectionLevel): any;
-export declare function getDots(uri: string, size: number, logoSize: number, theme: 'dark' | 'light'): TemplateResult<1 | 2>[];
+export declare const QrCodeUtil: {
+    generate(uri: string, size: number, logoSize: number, theme: 'dark' | 'light'): TemplateResult<1 | 2>[];
+};

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

 import { LitElement } from 'lit';
-import '../../components/w3m-button';
-import '../../components/w3m-modal-content';
-import '../../components/w3m-modal-footer';
-import '../../components/w3m-modal-header';
-import '../../partials/w3m-desktop-wallet-selection';
-import '../../partials/w3m-mobile-wallet-selection';
-import '../../partials/w3m-wallets-slideshow';
 export declare class W3mConnectWalletView extends LitElement {
     static styles: import("lit").CSSResult[];
-    private readonly learnUrl;
-    private onGetWallet;
-    private onLearnMore;
+    private viewTemplate;
     protected render(): import("lit-html").TemplateResult<1>;
@@ -15,0 +6,0 @@ }

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

 import { LitElement } from 'lit';
-import '../../components/w3m-button';
-import '../../components/w3m-text';
-import '../../components/w3m-wallet-image';
 export declare class W3mGetWalletView extends LitElement {
-    static styles: import("lit").CSSResult[];
+    static styles: any[];
     private readonly explorerUrl;
@@ -8,0 +5,0 @@ private onGet;

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

 import { LitElement } from 'lit';
-import '../../components/w3m-button';
-import '../../components/w3m-modal-content';
-import '../../components/w3m-modal-header';
-import '../../components/w3m-qrcode';
-import '../../components/w3m-spinner';
-import '../../components/w3m-text';
-import '../../components/w3m-wallet-image';
 export declare class W3mInjectedConnectorView extends LitElement {
-    static styles: import("lit").CSSResult[];
+    static styles: any[];
     private connecting;
@@ -12,0 +5,0 @@ private error;

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

 import { LitElement } from 'lit';
 export declare class W3mSelectNetworkView extends LitElement {
+    static styles: any[];
+    private onSelectChain;
     protected render(): import("lit-html").TemplateResult<1>;
@@ -4,0 +6,0 @@ }

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

 import { LitElement } from 'lit';
-import '../../components/w3m-modal-content';
-import '../../components/w3m-modal-header';
-import '../../components/w3m-spinner';
-import '../../components/w3m-text';
-import '../../components/w3m-wallet-button';
 export declare class W3mWalletExplorerView extends LitElement {
-    static styles: import("lit").CSSResult[];
+    static styles: any[];
     private loading;
     private firstFetch;
+    private search;
     private endReached;
     firstUpdated(): void;
     disconnectedCallback(): void;
-    private get loaderEl();
+    private get placeholderEl();
     private intersectionObserver;
     private createPaginationObserver;
+    private isLastPage;
     private fetchWallets;
-    private onConnect;
+    private onConnectPlatform;
+    private onConnectExtension;
+    private readonly searchDebounce;
+    private onSearchChange;
+    private coinbaseConnectorTemplate;
     protected render(): import("lit-html").TemplateResult<1>;
@@ -20,0 +21,0 @@ }

package.json

 {
   "name": "@web3modal/ui",
-  "version": "2.0.0-e18c845",
+  "version": "2.0.0-e75d550",
   "main": "dist/index.js",
-  "unpkg": "dist/index.umd.js",
   "type": "module",
@@ -15,3 +14,3 @@ "types": "dist/_types/index.d.ts",
     "build:source": "rollup --silent --config rollup.config.js",
-    "build": "npm run build:clean; npm run build:types; npm run build:source",
+    "build": "npm run build:clean; npm run build:types & npm run build:source",
     "dev": "rollup --config rollup.config.js --watch",
@@ -21,5 +20,5 @@ "typecheck": "tsc --noEmit"
   "dependencies": {
-    "@web3modal/core": "2.0.0-e18c845",
-    "lit": "2.3.1",
-    "motion": "10.14.2",
+    "@web3modal/core": "2.0.0-e75d550",
+    "lit": "2.5.0",
+    "motion": "10.15.3",
     "qrcode": "1.5.1"
@@ -29,4 +28,4 @@ },
     "@types/qrcode": "1.5.0",
-    "eslint-plugin-lit": "1.6.1",
-    "eslint-plugin-wc": "1.3.2"
+    "eslint-plugin-lit": "1.7.2",
+    "eslint-plugin-wc": "1.4.0"
   },
@@ -45,3 +44,3 @@ "keywords": [
   "author": "WalletConnect <walletconnect.com>",
-  "license": "MIT",
+  "license": "Apache-2.0",
   "homepage": "https://github.com/web3modal/web3modal",
@@ -48,0 +47,0 @@ "repository": {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

No README

Quality

Package does not have a README. This may indicate a failed publish or a low quality package.

Found 1 instance in 1 package

Improved metrics

Number of medium quality alerts

0

decreased by-100%

Number of lines in readme file

21

increased byInfinity%

Worsened metrics

Total package byte prevSize

491825

decreased by-91.56%

Number of package files

63

decreased by-11.27%

Lines of code

1558

decreased by-75.44%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• + Added@web3modal/core@2.0.0-e75d550(transitive)

• + Addedbase64-js@1.5.1(transitive)

• + Addedbuffer@6.0.3(transitive)

• + Addedieee754@1.2.1(transitive)

• + Addedlit@2.5.0(transitive)

• + Addedmotion@10.15.3(transitive)

• + Addedproxy-compare@2.4.0(transitive)

• + Addedvaltio@1.8.2(transitive)

• - Removed@web3modal/core@2.0.0-e18c845(transitive)

• - Removedlit@2.3.1(transitive)

• - Removedmotion@10.14.2(transitive)

• - Removedproxy-compare@2.3.0(transitive)

• - Removedvaltio@1.7.0(transitive)

• Updated@web3modal/core@2.0.0-e75d550

• Updatedlit@2.5.0

• Updatedmotion@10.15.3