@web3modal/scaffold - npm Package Compare versions

Comparing version 3.4.0-fae0d49f to 3.4.0-hw-d410c9af

dist/esm/index.js

@@ -17,2 +17,3 @@ export * from './src/modal/w3m-account-button/index.js';
 export * from './src/views/w3m-networks-view/index.js';
+export * from './src/views/w3m-transactions-view/index.js';
 export * from './src/views/w3m-what-is-a-network-view/index.js';
@@ -19,0 +20,0 @@ export * from './src/views/w3m-what-is-a-wallet-view/index.js';

dist/esm/src/client.js

@@ -77,2 +77,5 @@ import { AccountController, BlockchainApiController, ConnectionController, ConnectorController, CoreHelperUtil, EventsController, ModalController, NetworkController, OptionsController, PublicStateController, ThemeController, SIWEController } from '@web3modal/core';
     }
+    setLoading(loading) {
+        ModalController.setLoading(loading);
+    }
     getThemeMode() {
@@ -79,0 +82,0 @@ return ThemeController.state.themeMode;

dist/esm/src/modal/w3m-connect-button/index.js

@@ -20,3 +20,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
         this.open = ModalController.state.open;
-        this.unsubscribe.push(ModalController.subscribeKey('open', val => (this.open = val)));
+        this.loading = ModalController.state.loading;
+        this.unsubscribe.push(ModalController.subscribe(val => {
+            this.open = val.open;
+            this.loading = val.loading;
+        }));
     }
@@ -27,9 +31,10 @@ disconnectedCallback() {
     render() {
+        const isLoading = this.loading || this.open;
         return html `
       <wui-connect-button
         size=${ifDefined(this.size)}
-        .loading=${this.open}
+        .loading=${isLoading}
         @click=${this.onClick.bind(this)}
       >
-        ${this.open ? this.loadingLabel : this.label}
+        ${isLoading ? this.loadingLabel : this.label}
       </wui-connect-button>
@@ -59,2 +64,5 @@ `;
 ], W3mConnectButton.prototype, "open", void 0);
+__decorate([
+    state()
+], W3mConnectButton.prototype, "loading", void 0);
 W3mConnectButton = __decorate([
@@ -61,0 +69,0 @@ customElement('w3m-connect-button')

dist/esm/src/modal/w3m-network-button/index.js

@@ -19,5 +19,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
         this.connected = AccountController.state.isConnected;
+        this.loading = ModalController.state.loading;
         this.unsubscribe.push(...[
             NetworkController.subscribeKey('caipNetwork', val => (this.network = val)),
-            AccountController.subscribeKey('isConnected', val => (this.connected = val))
+            AccountController.subscribeKey('isConnected', val => (this.connected = val)),
+            ModalController.subscribeKey('loading', val => (this.loading = val))
         ]);
@@ -31,3 +33,3 @@ }
       <wui-network-button
-        .disabled=${Boolean(this.disabled)}
+        .disabled=${Boolean(this.disabled || this.loading)}
         imageSrc=${ifDefined(AssetUtil.getNetworkImage(this.network))}
@@ -53,2 +55,5 @@ @click=${this.onClick.bind(this)}
 ], W3mNetworkButton.prototype, "connected", void 0);
+__decorate([
+    state()
+], W3mNetworkButton.prototype, "loading", void 0);
 W3mNetworkButton = __decorate([
@@ -55,0 +60,0 @@ customElement('w3m-network-button')

dist/esm/src/modal/w3m-router/index.js

@@ -76,2 +76,4 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
                 return html `<w3m-approve-transaction-view></w3m-approve-transaction-view>`;
+            case 'Transactions':
+                return html `<w3m-transactions-view></w3m-transactions-view>`;
             default:
@@ -78,0 +80,0 @@ return html `<w3m-connect-view></w3m-connect-view>`;

dist/esm/src/partials/w3m-all-wallets-search/index.js

@@ -41,4 +41,4 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
             size="lg"
-            iconcolor="fg-200"
-            backgroundcolor="fg-300"
+            iconColor="fg-200"
+            backgroundColor="fg-300"
             icon="wallet"
@@ -45,0 +45,0 @@ background="transparent"

dist/esm/src/partials/w3m-email-login-widget/index.js

@@ -35,2 +35,3 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
     render() {
+        const multipleConnectors = this.connectors.length > 1;
         const connector = this.connectors.find(c => c.type === 'EMAIL');
@@ -66,3 +67,3 @@ const isSubmit = !this.loading && this.email.length > 3;
       </form>
-      <wui-separator text="or"></wui-separator>
+      ${multipleConnectors ? html `<wui-separator text="or"></wui-separator>` : null}
     `;
@@ -69,0 +70,0 @@ }

dist/esm/src/partials/w3m-header/index.js

@@ -32,3 +32,4 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
         EmailVerifyDevice: '',
-        ApproveTransaction: 'Approve Transaction'
+        ApproveTransaction: 'Approve Transaction',
+        Transactions: 'Activity'
     };
@@ -35,0 +36,0 @@ }

dist/esm/src/views/w3m-account-view/index.js

@@ -7,3 +7,3 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
 };
-import { AccountController, AssetController, ConnectionController, CoreHelperUtil, EventsController, ModalController, NetworkController, RouterController, SnackController } from '@web3modal/core';
+import { AccountController, AssetController, ConnectionController, CoreHelperUtil, EventsController, ModalController, NetworkController, RouterController, SnackController, ConnectorController, ConstantsUtil, StorageUtil } from '@web3modal/core';
 import { UiHelperUtil, customElement } from '@web3modal/ui';
@@ -19,2 +19,3 @@ import { LitElement, html } from 'lit';
         this.networkImages = AssetController.state.networkImages;
+        this.connectors = ConnectorController.state.connectors;
         this.address = AccountController.state.address;
@@ -102,2 +103,4 @@ this.profileImage = AccountController.state.profileImage;
       <wui-flex flexDirection="column" gap="xs" .padding=${['0', 's', 's', 's']}>
+        ${this.emailCardTemplate()}
+
         <wui-list-item
@@ -116,2 +119,11 @@ .variant=${networkImage ? 'image' : 'icon'}
         <wui-list-item
+          iconVariant="blue"
+          icon="swapHorizontalBold"
+          iconSize="sm"
+          ?chevron=${true}
+          @click=${this.onTransactions.bind(this)}
+        >
+          <wui-text variant="paragraph-500" color="fg-100">Activity</wui-text>
+        </wui-list-item>
+        <wui-list-item
           variant="icon"
@@ -129,2 +141,17 @@ iconVariant="overlay"
     }
+    emailCardTemplate() {
+        const type = StorageUtil.getConnectedConnector();
+        const isEmail = this.connectors.find(c => c.type === 'EMAIL');
+        if (!isEmail || type !== 'EMAIL') {
+            return null;
+        }
+        return html `
+      <wui-notice-card
+        @click=${this.onGoToSecureSite.bind(this)}
+        label="Enjoy all your wallet potential"
+        description="Switch to a Non Custodial Wallet in a minute"
+        icon="wallet"
+      ></wui-notice-card>
+    `;
+    }
     explorerBtnTemplate() {
@@ -165,2 +192,6 @@ const { addressExplorerUrl } = AccountController.state;
     }
+    onTransactions() {
+        EventsController.sendEvent({ type: 'track', event: 'CLICK_TRANSACTIONS' });
+        RouterController.push('Transactions');
+    }
     async onDisconnect() {
@@ -187,2 +218,5 @@ try {
     }
+    onGoToSecureSite() {
+        CoreHelperUtil.openHref(ConstantsUtil.SECURE_SITE_DASHBOARD, '_blank');
+    }
 };
@@ -189,0 +223,0 @@ W3mAccountView.styles = styles;

dist/esm/src/views/w3m-account-view/styles.js

@@ -14,3 +14,7 @@ import { css } from 'lit';
   }
+
+  wui-notice-card {
+    margin-bottom: var(--wui-spacing-3xs);
+  }
 `;
 //# sourceMappingURL=styles.js.map

dist/esm/src/views/w3m-all-wallets-view/index.js

@@ -39,4 +39,5 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
           size="lg"
-          iconcolor="accent-100"
-          backgroundcolor="accent-100"
+          iconSize="xl"
+          iconColor="accent-100"
+          backgroundColor="accent-100"
           icon="qrCode"
@@ -43,0 +44,0 @@ background="transparent"

dist/esm/src/views/w3m-connect-view/index.js

@@ -71,2 +71,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
     featuredTemplate() {
+        const connector = this.connectors.find(c => c.type === 'WALLET_CONNECT');
+        if (!connector) {
+            return null;
+        }
         const { featured } = ApiController.state;
@@ -153,2 +157,6 @@ if (!featured.length) {
     allWalletsTemplate() {
+        const connector = this.connectors.find(c => c.type === 'WALLET_CONNECT');
+        if (!connector) {
+            return null;
+        }
         const roundedCount = Math.floor(ApiController.state.count / 10) * 10;
@@ -167,2 +175,6 @@ return html `
     recommendedTemplate() {
+        const connector = this.connectors.find(c => c.type === 'WALLET_CONNECT');
+        if (!connector) {
+            return null;
+        }
         const { recommended } = ApiController.state;
@@ -169,0 +181,0 @@ const { customWallets, featuredWalletIds } = OptionsController.state;

dist/types/index.d.ts

@@ -17,2 +17,3 @@ export * from './src/modal/w3m-account-button/index.js';
 export * from './src/views/w3m-networks-view/index.js';
+export * from './src/views/w3m-transactions-view/index.js';
 export * from './src/views/w3m-what-is-a-network-view/index.js';
@@ -19,0 +20,0 @@ export * from './src/views/w3m-what-is-a-wallet-view/index.js';

dist/types/src/client.d.ts

@@ -1,2 +0,2 @@
-import type { ConnectionControllerClient, SIWEControllerClient, EventsControllerState, NetworkControllerClient, NetworkControllerState, OptionsControllerState, PublicStateControllerState, ThemeControllerState, ThemeMode, ThemeVariables, SIWEControllerClientState } from '@web3modal/core';
+import type { ConnectionControllerClient, SIWEControllerClient, EventsControllerState, NetworkControllerClient, NetworkControllerState, OptionsControllerState, PublicStateControllerState, ThemeControllerState, ThemeMode, ThemeVariables, SIWEControllerClientState, ModalControllerState } from '@web3modal/core';
 import { AccountController, BlockchainApiController, ConnectionController, ConnectorController, NetworkController, SIWEController } from '@web3modal/core';
@@ -32,2 +32,3 @@ export interface LibraryOptions {
     close(): Promise<void>;
+    setLoading(loading: ModalControllerState['loading']): void;
     getThemeMode(): ThemeMode;
@@ -72,3 +73,3 @@ getThemeVariables(): ThemeVariables;
     protected getSIWESession: () => import("@web3modal/core").SIWESession | undefined;
-    protected getSIWEStatus: () => "error" | "success" | "ready" | "loading" | "uninitialized" | "rejected";
+    protected getSIWEStatus: () => "loading" | "error" | "success" | "ready" | "uninitialized" | "rejected";
     protected getSIWEMessage: () => string | undefined;
@@ -75,0 +76,0 @@ private initControllers;

dist/types/src/modal/w3m-connect-button/index.d.ts

@@ -9,2 +9,3 @@ import type { WuiConnectButton } from '@web3modal/ui';
     private open;
+    private loading;
     constructor();
@@ -11,0 +12,0 @@ disconnectedCallback(): void;

dist/types/src/modal/w3m-network-button/index.d.ts

@@ -8,2 +8,3 @@ import type { WuiNetworkButton } from '@web3modal/ui';
     private connected;
+    private loading;
     constructor();
@@ -10,0 +11,0 @@ disconnectedCallback(): void;

dist/types/src/views/w3m-account-view/index.d.ts

@@ -6,2 +6,3 @@ import { LitElement } from 'lit';
     private readonly networkImages;
+    private readonly connectors;
     private address;
@@ -17,2 +18,3 @@ private profileImage;
     render(): import("lit-html").TemplateResult<1>;
+    private emailCardTemplate;
     private explorerBtnTemplate;
@@ -22,4 +24,6 @@ private isAllowedNetworkSwitch;
     private onNetworks;
+    private onTransactions;
     private onDisconnect;
     private onExplorer;
+    private onGoToSecureSite;
 }
@@ -26,0 +30,0 @@ declare global {

package.json

 {
   "name": "@web3modal/scaffold",
-  "version": "3.4.0-fae0d49f",
+  "version": "3.4.0-hw-d410c9af",
   "type": "module",
@@ -19,8 +19,8 @@ "main": "./dist/esm/index.js",
   "dependencies": {
-    "@web3modal/core": "3.4.0-fae0d49f",
-    "@web3modal/ui": "3.4.0-fae0d49f",
-    "lit": "3.0.2"
+    "@web3modal/core": "3.4.0-hw-d410c9af",
+    "@web3modal/ui": "3.4.0-hw-d410c9af",
+    "lit": "3.1.0"
   },
   "devDependencies": {
-    "@web3modal/smart-account": "3.4.0-fae0d49f"
+    "@web3modal/frame-wallet": "3.4.0-hw-d410c9af"
   },
@@ -27,0 +27,0 @@ "keywords": [

No alert changes

Improved metrics

Total package byte prevSize

306734

increased by8.49%

Number of package files

182

increased by3.41%

Lines of code

5126

increased by7.64%

Dependency changes

• + Added@web3modal/common@3.4.0-hw-d410c9af(transitive)

• + Added@web3modal/core@3.4.0-hw-d410c9af(transitive)

• + Added@web3modal/ui@3.4.0-hw-d410c9af(transitive)

• + Addeddayjs@1.11.10(transitive)

• + Addedlit@3.1.0(transitive)

• - Removed@web3modal/core@3.4.0-fae0d49f(transitive)

• - Removed@web3modal/ui@3.4.0-fae0d49f(transitive)

• - Removedlit@3.0.2(transitive)

• Updated@web3modal/core@3.4.0-hw-d410c9af

• Updated@web3modal/ui@3.4.0-hw-d410c9af

• Updatedlit@3.1.0