chore: prevent calling SELECT_WALLET event for basic

.changeset/rotten-bags-rule.md

@@ -0,0 +1,6 @@
+---
+'@reown/appkit-scaffold-ui': patch
+'@reown/appkit': patch
+---
+
+Prevent calling SELECT_WALLET event to be trigerred for AppKit Core

packages/scaffold-ui/src/partials/w3m-connecting-wc-qrcode/index.ts

@@ -1,4 +1,5 @@
 import { html } from 'lit'
+import { property } from 'lit/decorators.js'
 import { ifDefined } from 'lit/directives/if-defined.js'
 
 import {
@@ -24,19 +25,25 @@ import styles from './styles.js'
 export class W3mConnectingWcQrcode extends W3mConnectingWidget {
   public static override styles = styles
 
+  @property({ type: Boolean }) public basic = false
+
   public constructor() {
     super()
     window.addEventListener('resize', this.forceUpdate)
+  }
 
-    EventsController.sendEvent({
-      type: 'track',
-      event: 'SELECT_WALLET',
-      properties: {
-        name: this.wallet?.name ?? 'WalletConnect',
-        platform: 'qrcode',
-        displayIndex: this.wallet?.display_index
-      }
-    })
+  public override firstUpdated() {
+    if (!this.basic) {
+      EventsController.sendEvent({
+        type: 'track',
+        event: 'SELECT_WALLET',
+        properties: {
+          name: this.wallet?.name ?? 'WalletConnect',
+          platform: 'qrcode',
+          displayIndex: this.wallet?.display_index
+        }
+      })
+    }
   }
 
   public override disconnectedCallback() {

packages/scaffold-ui/src/views/w3m-connecting-wc-basic-view/index.ts

@@ -51,7 +51,7 @@ export class W3mConnectingWcBasicView extends LitElement {
     }
 
     return html`<wui-flex flexDirection="column" .padding=${['0', '0', '4', '0'] as const}>
-        <w3m-connecting-wc-view .displayBranding=${false}></w3m-connecting-wc-view>
+        <w3m-connecting-wc-view ?basic=${true} .displayBranding=${false}></w3m-connecting-wc-view>
         <wui-flex flexDirection="column" .padding=${['0', '3', '0', '3'] as const}>
           <w3m-all-wallets-widget></w3m-all-wallets-widget>
         </wui-flex>

packages/scaffold-ui/src/views/w3m-connecting-wc-view/index.ts

@@ -41,6 +41,8 @@ export class W3mConnectingWcView extends LitElement {
 
   @property({ type: Boolean }) public displayBranding = true
 
+  @property({ type: Boolean }) public basic = false
+
   public constructor() {
     super()
     this.determinePlatforms()
@@ -204,7 +206,7 @@ export class W3mConnectingWcView extends LitElement {
           </w3m-connecting-wc-mobile>
         `
       case 'qrcode':
-        return html`<w3m-connecting-wc-qrcode></w3m-connecting-wc-qrcode>`
+        return html`<w3m-connecting-wc-qrcode ?basic=${this.basic}></w3m-connecting-wc-qrcode>`
       default:
         return html`<w3m-connecting-wc-unsupported></w3m-connecting-wc-unsupported>`
     }

packages/scaffold-ui/test/partials/w3m-connecting-wc-qrcode.test.ts

@@ -62,4 +62,12 @@ describe('W3mConnectingWcQrcode', () => {
       properties: { name: WALLET.name, platform: 'qrcode' }
     })
   })
+
+  it('it should not send event if basic is true', async () => {
+    await fixture(html`<w3m-connecting-wc-qrcode basic></w3m-connecting-wc-qrcode>`)
+
+    await new Promise(resolve => setTimeout(resolve, 300))
+
+    expect(EventsController.sendEvent).not.toHaveBeenCalled()
+  })
 })