Fix declaration file location

* Add capability to pass ref

Author: debajitr

declarations.d.ts

@@ -1,6 +1,6 @@
 {
   "name": "@transak/react-native-sdk",
-  "version": "2.0.3",
+  "version": "2.0.4",
   "description": "A React Native SDK for decentralised applications to onboard their global user base with fiat currency",
   "type": "module",
   "types": "lib/index.d.ts",
@@ -20,7 +20,7 @@
   "engines": {
     "node": ">=18.0.0"
   },
-  "packageManager": "[email protected]+sha256.e1f9e8d1a16607a46dd3c158b5f7a7dc7945501d1c6222d454d63d033d1d918f",
+  "packageManager": "[email protected]+sha512.140036830124618d624a2187b50d04289d5a087f326c9edfc0ccd733d76c4f52c3a313d4fc148794a2a9d81553016004e6742e8cf850670268a7387fc220c903",
   "files": [
     "lib/**/*"
   ],

package.json

@@ -1,7 +1,7 @@
 import { Environments } from './environments';
 
 export const WebAppUrls = {
-  DEVELOPMENT: 'https://localhost:5005',
+  DEVELOPMENT: 'https://<enter-system-ip>:5005/',
   DEV: 'https://global-dev.transak.com',
   BETA: 'https://global-beta.transak.com',
   [Environments.STAGING]: 'https://global-stg.transak.com',

pnpm-lock.yaml

@@ -1,13 +1,13 @@
-import { useEffect } from 'react';
+import { useEffect, forwardRef } from 'react';
 import { Alert, Linking } from 'react-native';
 import { WebView, WebViewMessageEvent } from 'react-native-webview';
 import { InAppBrowser } from 'react-native-inappbrowser-reborn';
-import { generateURL } from 'Utils/generate-url';
+import { generateGlobalTransakUrl } from 'Utils/generate-global-transak-url';
 import { eventListener } from 'Utils/event-listener';
 import { TransakWebViewInputs } from 'Types/sdk-config.types';
 
-function TransakWebView({ transakConfig, onTransakEvent, ...webviewProps }: TransakWebViewInputs) {
-  const transakUrl = generateURL(transakConfig);
+const TransakWebView = forwardRef<WebView, TransakWebViewInputs>(({ transakConfig, onTransakEvent, ...webviewProps }, ref) => {
+  const transakUrl = generateGlobalTransakUrl(transakConfig);
   const currentWebviewProps = { ...webviewProps };
 
   delete currentWebviewProps.sharedCookiesEnabled;
@@ -49,15 +49,16 @@ function TransakWebView({ transakConfig, onTransakEvent, ...webviewProps }: Tran
     }
   };
 
-  const onMessageHandler = async (event: WebViewMessageEvent) => {
+  const onMessageHandler = (event: WebViewMessageEvent) => {
     if (webviewProps.onMessage) {
       webviewProps.onMessage(event);
     }
 
     const url = event.nativeEvent.data;
 
     if (url.includes('/googlepay')) {
-      await openTransak(url.replace('isWebView', 'useAsExternalPayment'));
+      // eslint-disable-next-line @typescript-eslint/no-floating-promises
+      openTransak(url.replace('isWebView', 'useAsExternalPayment'));
     }
   };
 
@@ -71,6 +72,7 @@ function TransakWebView({ transakConfig, onTransakEvent, ...webviewProps }: Tran
 
   return (
     <WebView
+      ref={ref}
       {...currentWebviewProps}
       originWhitelist={['*']}
       source={{ uri: transakUrl }}
@@ -79,6 +81,6 @@ function TransakWebView({ transakConfig, onTransakEvent, ...webviewProps }: Tran
       onMessage={onMessageHandler}
     />
   );
-}
+});
 
 export { TransakWebView };

src/Constants/web-app-urls.ts

@@ -5,7 +5,7 @@ import { TransakConfig } from 'Types/sdk-config.types';
 import { Environments } from 'Constants/environments';
 import packageJson from 'package.json';
 
-export function generateURL(configData: TransakConfig) {
+export function generateGlobalTransakUrl(configData: TransakConfig) {
   const { name: sdkName, version: sdkVersion } = packageJson;
   const { environment = Environments.STAGING } = configData;
   const queryParams = { sdkName, sdkVersion };

src/TransakWebView.tsx

@@ -0,0 +1,5 @@
+declare module '*.json' {
+  const value: never;
+  // eslint-disable-next-line import/no-default-export
+  export default value;
+}