Merge pull request #84 from perawallet/next-release

perawallet/[email protected]

package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.6",
+  "version": "1.0.7",
   "name": "@perawallet/connect",
   "description": "JavaScript SDK for integrating Pera Wallet to web applications.",
   "main": "dist/index.js",

src/PeraWalletConnect.ts

@@ -547,7 +547,15 @@ class PeraWalletConnect {
 
     try {
       try {
-        const response = await this.connector!.sendCustomRequest(formattedSignTxnRequest);
+        const {silent} = await getPeraConnectConfig(this.network);
+
+        const response = await this.connector!.sendCustomRequest(
+          formattedSignTxnRequest,
+          {
+            forcePushNotification: !silent
+          }
+        );
+
         // We send the full txn group to the mobile wallet.
         // Therefore, we first filter out txns that were not signed by the wallet.
         // These are received as `null`.

src/modal/peraWalletConnectModalUtils.ts

@@ -43,11 +43,13 @@ function createModalWrapperOnDOM(modalId: string) {
 
 function openPeraWalletConnectModal(modalConfig: PeraWalletModalConfig) {
   return (uri: string) => {
-    const root = createModalWrapperOnDOM(PERA_WALLET_CONNECT_MODAL_ID);
-    const newURI = `${uri}&algorand=true`;
-    const {isWebWalletAvailable, shouldDisplayNewBadge, shouldUseSound} = modalConfig;
+    if (!document.getElementById(PERA_WALLET_CONNECT_MODAL_ID)) {
+      const root = createModalWrapperOnDOM(PERA_WALLET_CONNECT_MODAL_ID);
+      const newURI = `${uri}&algorand=true`;
+      const {isWebWalletAvailable, shouldDisplayNewBadge, shouldUseSound} = modalConfig;
 
-    root.innerHTML = `<pera-wallet-connect-modal uri="${newURI}" is-web-wallet-avaliable="${isWebWalletAvailable}" should-display-new-badge="${shouldDisplayNewBadge}" should-use-sound="${shouldUseSound}"></pera-wallet-connect-modal>`;
+      root.innerHTML = `<pera-wallet-connect-modal uri="${newURI}" is-web-wallet-avaliable="${isWebWalletAvailable}" should-display-new-badge="${shouldDisplayNewBadge}" should-use-sound="${shouldUseSound}"></pera-wallet-connect-modal>`;
+    }
   };
 }
 

src/util/api/peraWalletConnectApi.ts

@@ -19,6 +19,7 @@ function fetchPeraConnectConfig(network: PeraWalletNetwork) {
     use_sound: boolean | undefined;
     display_new_badge: boolean | undefined;
     servers: string[] | undefined;
+    silent: boolean | undefined;
   }>(configURL, {cache: "no-store"});
 }
 
@@ -31,7 +32,8 @@ async function getPeraConnectConfig(network: PeraWalletNetwork) {
     webWalletURL: "",
     isWebWalletAvailable: false,
     shouldDisplayNewBadge: false,
-    shouldUseSound: true
+    shouldUseSound: true,
+    silent: false
   };
 
   try {
@@ -49,6 +51,10 @@ async function getPeraConnectConfig(network: PeraWalletNetwork) {
       peraWalletConfig.shouldUseSound = response.use_sound!;
     }
 
+    if (typeof response.silent !== "undefined") {
+      peraWalletConfig.silent = response.silent!;
+    }
+
     peraWalletConfig = {
       ...peraWalletConfig,
       bridgeURL: shuffleArray(response.servers || [])[0] || "",

src/util/api/peraWalletConnectApiTypes.ts

@@ -4,4 +4,5 @@ export interface PeraWalletConfig {
   isWebWalletAvailable: boolean;
   shouldDisplayNewBadge: boolean;
   shouldUseSound: boolean;
+  silent: boolean;
 }