@web3modal/ui - npm Package Compare versions

Comparing version 2.0.0-6ce38ab to 2.0.0-a38e60a

dist/_types/index.d.ts

@@ -0,3 +1,4 @@
+export * from './src/components/w3m-modal';
 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';

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[];
+    private open;
+    private isHelp;
     firstUpdated(): void;
+    constructor();
     disconnectedCallback(): void;
+    private readonly unsubscribeRouter?;
     private get canvasEl();
+    private onHelp;
     protected render(): import("lit-html").TemplateResult<1>;
@@ -8,0 +13,0 @@ }

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

@@ -0,1 +1,2 @@
+import type { TemplateResult } from 'lit';
 import ThemedElement from '../../utils/ThemedElement';
@@ -7,4 +8,7 @@ import '../w3m-spinner';
     title: string;
-    private backBtntemplate;
-    protected render(): import("lit-html").TemplateResult<1>;
+    onAction?: () => void;
+    actionIcon?: TemplateResult<2>;
+    private backBtnTemplate;
+    private actionBtnTemplate;
+    protected render(): TemplateResult<1>;
 }
@@ -11,0 +15,0 @@ declare global {

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

 import type { RouterView } from '@web3modal/core';
 import { LitElement } from 'lit';
+import '../../partials/w3m-walletconnect-qr';
 import '../../views/w3m-coinbase-extension-connector-view';
 import '../../views/w3m-coinbase-mobile-connector-view';
 import '../../views/w3m-connect-wallet-view';
+import '../../views/w3m-desktop-connector-view';
 import '../../views/w3m-get-wallet-view';
+import '../../views/w3m-help-view';
 import '../../views/w3m-injected-connector-view';
-import '../../views/w3m-ledger-desktop-connector-view';
 import '../../views/w3m-metamask-connector-view';
+import '../../views/w3m-qrcode-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 {
@@ -14,0 +16,0 @@ static styles: import("lit").CSSResult[];

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

@@ -9,9 +9,12 @@ import ThemedElement from '../../utils/ThemedElement';
     private initialized;
+    private preload;
     constructor();
     disconnectedCallback(): void;
-    private readonly unsubscribe?;
-    private firstOpen;
+    private readonly unsubscribeModal?;
+    private readonly unsubscribeConfig?;
     private get overlayEl();
     private get containerEl();
+    private toggleBodyScroll;
     private onCloseModal;
+    private preloadData;
     private onOpenModalEvent;
@@ -18,0 +21,0 @@ private onCloseModalEvent;

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

 declare const _default: import("lit").CSSResult;
 export default _default;
+export declare function dynamicStyles(): import("lit-html").TemplateResult<1>;

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

 import { LitElement } from 'lit';
-import '../../components/w3m-text';
+import '../w3m-text';
 import '../w3m-wallet-image';
@@ -4,0 +4,0 @@ export declare class W3mWalletButton extends LitElement {

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

 import { LitElement } from 'lit';
-import '../../components/w3m-text';
-export declare class W3mWalletButton extends LitElement {
+export declare class W3mWalletImage extends LitElement {
     static styles: import("lit").CSSResult[];
@@ -11,4 +10,4 @@ name: string;
     interface HTMLElementTagNameMap {
-        'w3m-wallet-image': W3mWalletButton;
+        'w3m-wallet-image': W3mWalletImage;
     }
 }

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

@@ -0,1 +1,2 @@
+import '../../components/w3m-text';
 import ThemedElement from '../../utils/ThemedElement';
@@ -2,0 +3,0 @@ export declare class W3mAccountButton extends ThemedElement {

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

@@ -1,12 +0,13 @@
-import type { TemplateResult } from 'lit';
 import { LitElement } from 'lit';
+import '../../components/w3m-modal-content';
+import '../../components/w3m-modal-footer';
+import '../../components/w3m-modal-header';
 import '../../components/w3m-text';
 import '../../components/w3m-view-all-wallets-button';
 import '../../components/w3m-wallet-button';
-import '../../partials/w3m-walletconnect-button';
+import '../../partials/w3m-walletconnect-qr';
 export declare class W3mDesktopWalletSelection extends LitElement {
     static styles: import("lit").CSSResult[];
-    private onWalletConnect;
     private onCoinbaseWallet;
-    private onLedgerWallet;
+    private onDesktopWallet;
     private onMetaMaskWallet;
@@ -16,4 +17,4 @@ private onInjectedWallet;
     private injectedTemplate;
-    private dynamicSlots;
-    protected render(): TemplateResult<1>;
+    private dynamicSlot;
+    protected render(): import("lit-html").TemplateResult<1>;
 }
@@ -20,0 +21,0 @@ declare global {

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

 import { LitElement } from 'lit';
+import '../../components/w3m-modal-content';
+import '../../components/w3m-modal-header';
 import '../../components/w3m-view-all-wallets-button';
@@ -6,4 +8,4 @@ import '../../components/w3m-wallet-button';
     static styles: import("lit").CSSResult[];
-    private onConnect;
     private onCoinbaseWallet;
+    private onGoToQrcode;
     protected render(): import("lit-html").TemplateResult<1>;
@@ -10,0 +12,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 function getDots(uri: string, size: number, logoSize: number, theme: 'dark' | 'light'): TemplateResult<2 | 1>[];

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

@@ -1,9 +0,8 @@
-export declare const CLOSE_ICON: import("lit-html").TemplateResult<2>;
+export declare const CROSS_ICON: import("lit-html").TemplateResult<2>;
 export declare const NOISE_TEXTURE: import("lit-html").TemplateResult<2>;
+export declare const WALLET_CONNECT_LOGO: import("lit-html").TemplateResult<2>;
 export declare const WALLET_CONNECT_ICON: import("lit-html").TemplateResult<2>;
-export declare const WALLET_CONNECT_LOGO: import("lit-html").TemplateResult<2>;
-export declare const WALLET_CONNECT_ICON_SHADE: import("lit-html").TemplateResult<2>;
-export declare const WALLET_CONNECT_ICON_GRADIENT: import("lit-html").TemplateResult<2>;
+export declare const WALLET_CONNECT_ICON_COLORED: import("lit-html").TemplateResult<2>;
+export declare const BACK_ICON: import("lit-html").TemplateResult<2>;
 export declare const COPY_ICON: import("lit-html").TemplateResult<2>;
-export declare const BACK_ICON: import("lit-html").TemplateResult<2>;
 export declare const RETRY_ICON: import("lit-html").TemplateResult<2>;
@@ -16,7 +15,16 @@ export declare const DESKTOP_ICON: import("lit-html").TemplateResult<2>;
 export declare const QRCODE_ICON: import("lit-html").TemplateResult<2>;
+export declare const SCAN_ICON: import("lit-html").TemplateResult<2>;
+export declare const CHECKMARK_ICON: import("lit-html").TemplateResult<2>;
+export declare const HELP_ETH_IMG: import("lit-html").TemplateResult<2>;
+export declare const HELP_PAINTING_IMG: import("lit-html").TemplateResult<2>;
+export declare const HELP_CHART_IMG: import("lit-html").TemplateResult<2>;
+export declare const HELP_KEY_IMG: import("lit-html").TemplateResult<2>;
+export declare const HELP_USER_IMG: import("lit-html").TemplateResult<2>;
+export declare const HELP_LOCK_IMG: import("lit-html").TemplateResult<2>;
+export declare const HELP_COMPAS_IMG: import("lit-html").TemplateResult<2>;
+export declare const HELP_NOUN_IMG: import("lit-html").TemplateResult<2>;
+export declare const HELP_DAO_IMG: import("lit-html").TemplateResult<2>;
+export declare const SEARCH_ICON: import("lit-html").TemplateResult<2>;
+export declare const NETWORK_POLYGON: import("lit-html").TemplateResult<2>;
+export declare const HELP_ICON: import("lit-html").TemplateResult<2>;
 export declare const WALLET_ICON: import("lit-html").TemplateResult<2>;
-export declare const HELP_ICON: import("lit-html").TemplateResult<2>;
-export declare const CHECKMARK_ICON: import("lit-html").TemplateResult<2>;
-export declare const ETH_IMG: import("lit-html").TemplateResult<2>;
-export declare const NFT_IMG: import("lit-html").TemplateResult<2>;
-export declare const DEFI_IMG: import("lit-html").TemplateResult<2>;

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

 import type { LitElement } from 'lit';
+export declare const MOBILE_BREAKPOINT = 600;
 export declare function getShadowRootElement(root: LitElement, selector: string): Element;
 export declare function getConditionalValue<T extends string>(value: T | T[], condition: boolean[] | boolean): T;
+/**
+ * Compares similarity between 2 strings and returns value from 0 to 1
+ * https://github.com/aceakash/string-similarity/blob/master/src/index.js
+ */
+export declare function compareTwoStrings(first: string, second: string): number;
+export declare function getOptimisticName(name: string): string;
 export declare function getWalletIcon(name: string): string;
+export declare function getChainIcon(chainId: number): string;
 export declare function getWalletFirstName(fullName: string): string;
@@ -10,1 +18,8 @@ export declare function getDefaultWalletNames(): string[];
 export declare function preloadImage(src: string): Promise<unknown>;
+export declare function getErrorMessage(err: unknown): string;
+export declare function debounce(func: (...args: any[]) => unknown, timeout?: number): (...args: unknown[]) => void;
+export declare function handleMobileLinking(links: {
+    native: string;
+    universal?: string;
+}, name: string): Promise<void>;
+export declare function handleUriCopy(): Promise<void>;

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;
     protected render(): import("lit-html").TemplateResult<1>;
@@ -15,0 +7,0 @@ }

dist/_types/src/views/w3m-get-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 '../../components/w3m-text';
@@ -4,0 +7,0 @@ import '../../components/w3m-wallet-image';

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

 import { LitElement } from 'lit';
+import '../../components/w3m-modal-content';
+import '../../components/w3m-modal-header';
+import '../../components/w3m-network-button';
 export declare class W3mSelectNetworkView extends LitElement {
+    static styles: import("lit").CSSResult[];
+    private onSelectChain;
     protected render(): import("lit-html").TemplateResult<1>;
@@ -4,0 +9,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-search-input';
 import '../../components/w3m-spinner';
@@ -11,10 +12,14 @@ import '../../components/w3m-text';
     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 readonly searchDebounce;
+    private onSearchChange;
     protected render(): import("lit-html").TemplateResult<1>;
@@ -21,0 +26,0 @@ }

package.json

 {
   "name": "@web3modal/ui",
-  "version": "2.0.0-6ce38ab",
+  "version": "2.0.0-a38e60a",
   "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-6ce38ab",
-    "lit": "2.3.1",
-    "motion": "10.14.2",
+    "@web3modal/core": "2.0.0-a38e60a",
+    "lit": "2.4.1",
+    "motion": "10.14.3",
     "qrcode": "1.5.1"
@@ -44,3 +43,3 @@ },
   "author": "WalletConnect <walletconnect.com>",
-  "license": "MIT",
+  "license": "Apache-2.0",
   "homepage": "https://github.com/web3modal/web3modal",
@@ -47,0 +46,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

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

Improved metrics

Number of package files

75

increased by5.63%

Worsened metrics

Total package byte prevSize

418415

decreased by-92.82%

Lines of code

1495

decreased by-76.43%

Dependency changes

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

• + Addedlit@2.4.1(transitive)

• + Addedmotion@10.14.3(transitive)

• + Addedvaltio@1.7.5(transitive)

• - Removed@web3modal/core@2.0.0-6ce38ab(transitive)

• - Removedlit@2.3.1(transitive)

• - Removedmotion@10.14.2(transitive)

• - Removedvaltio@1.7.0(transitive)

• Updated@web3modal/core@2.0.0-a38e60a

• Updatedlit@2.4.1

• Updatedmotion@10.14.3