@airgap/beacon-ui - npm Package Compare versions

Comparing version 3.3.5-beta.16 to 3.3.5-beta.17

dist/cjs/components/qr/index.d.ts

@@ -9,2 +9,3 @@ import { Component } from 'solid-js';
     onClickLearnMore?: () => void;
+    onClickQrCode?: () => void;
 }
@@ -11,0 +12,0 @@ declare const QR: Component<QRProps>;

dist/cjs/ui/alert/index.d.ts

@@ -1,2 +0,2 @@
-import { NetworkType, P2PPairingRequest, PostMessagePairingRequest, WalletConnectPairingRequest } from '@airgap/beacon-types';
+import { AnalyticsInterface, NetworkType, P2PPairingRequest, PostMessagePairingRequest, WalletConnectPairingRequest } from '@airgap/beacon-types';
 export interface AlertButton {
@@ -21,2 +21,3 @@ text: string;
     disclaimerText?: string;
+    analytics?: AnalyticsInterface;
 }
@@ -23,0 +24,0 @@ /**

dist/esm/components/qr/index.d.ts

@@ -9,2 +9,3 @@ import { Component } from 'solid-js';
     onClickLearnMore?: () => void;
+    onClickQrCode?: () => void;
 }
@@ -11,0 +12,0 @@ declare const QR: Component<QRProps>;

dist/esm/ui/alert/index.d.ts

@@ -1,2 +0,2 @@
-import { NetworkType, P2PPairingRequest, PostMessagePairingRequest, WalletConnectPairingRequest } from '@airgap/beacon-types';
+import { AnalyticsInterface, NetworkType, P2PPairingRequest, PostMessagePairingRequest, WalletConnectPairingRequest } from '@airgap/beacon-types';
 export interface AlertButton {
@@ -21,2 +21,3 @@ text: string;
     disclaimerText?: string;
+    analytics?: AnalyticsInterface;
 }
@@ -23,0 +24,0 @@ /**

dist/index/components/qr/index.d.ts

@@ -9,2 +9,3 @@ import { Component } from 'solid-js';
     onClickLearnMore?: () => void;
+    onClickQrCode?: () => void;
 }
@@ -11,0 +12,0 @@ declare const QR: Component<QRProps>;

dist/index/components/qr/index.jsx

@@ -19,2 +19,5 @@ import { createEffect, createSignal } from 'solid-js';
     async function handleCopyClipboard() {
+        if (props.onClickQrCode) {
+            props.onClickQrCode();
+        }
         navigator.clipboard
@@ -21,0 +24,0 @@ .writeText(props.code)

dist/index/ui/alert/index.d.ts

@@ -1,2 +0,2 @@
-import { NetworkType, P2PPairingRequest, PostMessagePairingRequest, WalletConnectPairingRequest } from '@airgap/beacon-types';
+import { AnalyticsInterface, NetworkType, P2PPairingRequest, PostMessagePairingRequest, WalletConnectPairingRequest } from '@airgap/beacon-types';
 export interface AlertButton {
@@ -21,2 +21,3 @@ text: string;
     disclaimerText?: string;
+    analytics?: AnalyticsInterface;
 }
@@ -23,0 +24,0 @@ /**

dist/index/ui/alert/index.jsx

@@ -31,2 +31,3 @@ import { createSignal } from 'solid-js';
 const [currentInfo, setCurrentInfo] = createSignal('top-wallets');
+const [analytics, setAnalytics] = createSignal(undefined);
 let dispose = null;
@@ -84,2 +85,4 @@ /**
     const wcpaylouad = config.pairingPayload?.walletConnectSyncCode();
+    setAnalytics(config.analytics);
+    // TODO: Remove eager connection
     p2ppayload?.then(() => {
@@ -197,5 +200,7 @@ console.log('P2P LOADED');
         const handleClickShowMoreContent = () => {
+            analytics()?.track('click', 'ui', 'show more wallets');
             setShowMoreContent(!showMoreContent());
         };
         const handleClickLearnMore = () => {
+            analytics()?.track('click', 'ui', 'learn more');
             setPreviousInfo(currentInfo());
@@ -205,2 +210,5 @@ setCurrentInfo('help');
         };
+        const handleClickQrCode = () => {
+            analytics()?.track('click', 'ui', 'copy QR code to clipboard');
+        };
         const handleCloseAlert = () => {
@@ -219,2 +227,3 @@ closeAlert('');
             if (wallet?.key) {
+                analytics()?.track('click', 'ui', 'opened wallet', { key: wallet.key });
                 localStorage.setItem(StorageKey.LAST_SELECTED_WALLET, wallet.key);
@@ -286,2 +295,3 @@ }
         const handleClickOther = async () => {
+            analytics()?.track('click', 'ui', 'other wallet');
             setShowMoreContent(false);
@@ -299,2 +309,3 @@ setCurrentWallet({
         const handleClickConnectExtension = async () => {
+            analytics()?.track('click', 'ui', 'open extension', { key: currentWallet()?.key });
             setShowMoreContent(false);
@@ -323,2 +334,3 @@ if (config.pairingPayload?.postmessageSyncCode) {
         const handleClickInstallExtension = async () => {
+            analytics()?.track('click', 'ui', 'install extension', { key: currentWallet()?.key });
             setShowMoreContent(false);
@@ -329,2 +341,3 @@ window.open(currentWallet()?.link || '', '_blank', 'noopener');
             setShowMoreContent(false);
+            analytics()?.track('click', 'ui', 'open desktop', { key: currentWallet()?.key });
             if (config.pairingPayload?.p2pSyncCode) {
@@ -338,2 +351,3 @@ const serializer = new Serializer();
         const handleClickDownloadDesktopApp = async () => {
+            analytics()?.track('click', 'ui', 'download desktop', { key: currentWallet()?.key });
             setShowMoreContent(false);
@@ -404,8 +418,8 @@ window.open(currentWallet()?.link || '', '_blank', 'noopener');
                         currentWallet()?.types.includes('ios') &&
-                        currentWallet()?.types.length > 1 && (<QR isWalletConnect={currentWallet()?.supportedInteractionStandards?.includes('wallet_connect') || false} isMobile={false} walletName={currentWallet()?.name || 'Airgap'} code={codeQR()} onClickLearnMore={handleClickLearnMore}/>)}
+                        currentWallet()?.types.length > 1 && (<QR isWalletConnect={currentWallet()?.supportedInteractionStandards?.includes('wallet_connect') || false} isMobile={false} walletName={currentWallet()?.name || 'AirGap'} code={codeQR()} onClickLearnMore={handleClickLearnMore} onClickQrCode={handleClickQrCode}/>)}
                     {!isMobile &&
                         codeQR().length > 0 &&
                         currentWallet()?.types.includes('ios') &&
-                        currentWallet()?.types.length <= 1 && (<QR isWalletConnect={currentWallet()?.supportedInteractionStandards?.includes('wallet_connect') || false} isMobile={true} walletName={currentWallet()?.name || 'Airgap'} code={codeQR()} onClickLearnMore={handleClickLearnMore}/>)}
-                    {isMobile && codeQR().length > 0 && (<QR isWalletConnect={currentWallet()?.supportedInteractionStandards?.includes('wallet_connect') || false} isMobile={true} walletName={currentWallet()?.name || 'Airgap'} code={codeQR()} onClickLearnMore={handleClickLearnMore}/>)}
+                        currentWallet()?.types.length <= 1 && (<QR isWalletConnect={currentWallet()?.supportedInteractionStandards?.includes('wallet_connect') || false} isMobile={true} walletName={currentWallet()?.name || 'Airgap'} code={codeQR()} onClickLearnMore={handleClickLearnMore} onClickQrCode={handleClickQrCode}/>)}
+                    {isMobile && codeQR().length > 0 && (<QR isWalletConnect={currentWallet()?.supportedInteractionStandards?.includes('wallet_connect') || false} isMobile={true} walletName={currentWallet()?.name || 'Airgap'} code={codeQR()} onClickLearnMore={handleClickLearnMore} onClickQrCode={handleClickQrCode}/>)}
                   </div>
@@ -412,0 +426,0 @@ <div style={currentInfo() === 'wallets'

package.json

 {
   "name": "@airgap/beacon-ui",
-  "version": "3.3.5-beta.16",
+  "version": "3.3.5-beta.17",
   "description": "> TODO: description",
@@ -37,6 +37,6 @@ "author": "Andreas Gassmann <[e-mail]>",
   "dependencies": {
-    "@airgap/beacon-core": "^3.3.5-beta.16",
-    "@airgap/beacon-transport-postmessage": "^3.3.5-beta.16",
-    "@airgap/beacon-types": "^3.3.5-beta.16",
-    "@airgap/beacon-utils": "^3.3.5-beta.16",
+    "@airgap/beacon-core": "^3.3.5-beta.17",
+    "@airgap/beacon-transport-postmessage": "^3.3.5-beta.17",
+    "@airgap/beacon-types": "^3.3.5-beta.17",
+    "@airgap/beacon-utils": "^3.3.5-beta.17",
     "qrcode-svg": "^1.1.0",
@@ -60,3 +60,3 @@ "solid-js": "^1.6.6"
   },
-  "gitHead": "954a213e86fa4d691a8daac8530e97b21d8132ff"
+  "gitHead": "947091781d499226e4e95cd521c939fecd309ad4"
 }

No alert changes

Improved metrics

Total package byte prevSize

969759

increased by0.38%

Lines of code

8250

increased by1.05%

Dependency changes

• Updated@airgap/beacon-core@^3.3.5-beta.17

• Updated@airgap/beacon-transport-postmessage@^3.3.5-beta.17

• Updated@airgap/beacon-types@^3.3.5-beta.17

• Updated@airgap/beacon-utils@^3.3.5-beta.17