refactor: encode wallet interaction in deep link url

Author: xstelea

package-lock.json

@@ -60,6 +60,7 @@
   },
   "dependencies": {
     "@noble/curves": "^1.4.0",
+    "base64url": "^3.0.1",
     "bowser": "^2.11.0",
     "buffer": "^6.0.3",
     "immer": "^10.0.4",

packages/dapp-toolkit/package.json

@@ -0,0 +1,5 @@
+import base64url from 'base64url'
+
+export const base64urlEncode = <T extends Record<string, any>>(
+  value: T,
+): string => base64url.encode(Buffer.from(JSON.stringify(value)))

packages/dapp-toolkit/src/modules/wallet-request/transport/radix-connect-relay/helpers/base64url.ts

@@ -23,6 +23,7 @@ import { RadixConnectRelayApiService } from './radix-connect-relay-api.service'
 import { RequestItem } from 'radix-connect-common'
 import type { TransportProvider } from '../../../../_types'
 import { RcfmPageModule, RcfmPageState } from './rcfm-page.module'
+import { base64urlEncode } from './helpers/base64url'
 
 export type RadixConnectRelayModule = ReturnType<typeof RadixConnectRelayModule>
 export const RadixConnectRelayModule = (input: {
@@ -119,16 +120,11 @@ export const RadixConnectRelayModule = (input: {
       .andThen((pendingItem) =>
         requestItemModule
           .patch(walletInteraction.interactionId, { sentToWallet: true })
-          .andThen(() =>
-            radixConnectRelayApiService.sendRequest(
-              session,
-              pendingItem.walletInteraction,
-            ),
-          )
           .andThen(() =>
             deepLinkModule.deepLinkToWallet({
               sessionId: session.sessionId,
               interactionId: pendingItem.interactionId,
+              walletInteraction: base64urlEncode(walletInteraction),
             }),
           ),
       )
@@ -204,27 +200,25 @@ export const RadixConnectRelayModule = (input: {
           pendingItem?: RequestItem
         }) =>
           pendingItem
-            ? radixConnectRelayApiService
-                .sendRequest(activeSession, pendingItem.walletInteraction)
-                .andThen(() =>
-                  requestItemModule
-                    .patch(pendingItem.interactionId, {
-                      sentToWallet: true,
-                    })
-                    .mapErr(() =>
-                      SdkError(
-                        'FailedToUpdateRequestItem',
-                        pendingItem.interactionId,
-                      ),
-                    )
-                    .map(() => pendingItem.interactionId),
+            ? requestItemModule
+                .patch(pendingItem.interactionId, {
+                  sentToWallet: true,
+                })
+                .mapErr(() =>
+                  SdkError(
+                    'FailedToUpdateRequestItem',
+                    pendingItem.interactionId,
+                  ),
                 )
-                .map((interactionId) => {
+                .andThen(() =>
                   deepLinkModule.deepLinkToWallet({
                     sessionId,
-                    interactionId,
-                  })
-                })
+                    interactionId: pendingItem.walletInteraction.interactionId,
+                    walletInteraction: base64urlEncode(
+                      pendingItem.walletInteraction,
+                    ),
+                  }),
+                )
             : ok(pendingItem),
       )
 

packages/dapp-toolkit/src/modules/wallet-request/transport/radix-connect-relay/radix-connect-relay.module.ts

@@ -0,0 +1,5 @@
+import { Buffer } from 'buffer'
+
+export default () => {
+  if (!globalThis.Buffer) globalThis.Buffer = Buffer
+}

packages/dapp-toolkit/src/polyfills.ts

@@ -1,3 +1,7 @@
+import polyfills from './polyfills'
+
+polyfills()
+
 import type {
   ButtonApi,
   GatewayApiClientConfig,