app-launched-message

Author: dhewzulla

index.d.ts

@@ -4,6 +4,10 @@ export * from 'global-input-message';
 export function useGlobalInputApp(config: ConfigData | (() => ConfigData), canConnect?: boolean, configId?: any): GlobalInputData;
 export function getGlobalInputState(): GlobalInputState;
 
+interface RegisteredInfo {
+    session: string;
+    url: string;
+}
 interface GlobalInputState {
     isLoading: boolean;
     isReady: boolean;
@@ -13,6 +17,7 @@ interface GlobalInputState {
     isConnectionDenied: boolean;
     initData: InitData;
     senders: Sender[];
+    registeredInfo?: RegisteredInfo|null;
 }
 
 export type OnchangeFunction = (evt: FieldChanged) => void;
@@ -56,8 +61,11 @@ export type ConnectQRProps = {
     hspace?: number;
     mobile:GlobalInputData;
 };
+
+
 export interface GlobalInputData {
     connectionCode: string;
+    registeredInfo?: RegisteredInfo;
     pairingCode: string;
     field: FormField;
     errorMessage: string;
@@ -76,6 +84,7 @@ export interface GlobalInputData {
     setOnchange: (onchange: OnchangeFunction) => void;
     close: () => void;
     restart: (config?: ConfigData) => void;
+    setClientAppLaunched: (listener:(data:any)=>void ) => void;
 }
 
 export function generateRandomString(length?: number): string;

package-lock.json

@@ -69,7 +69,7 @@
     "webpack": "^5.73.0"
   },
   "dependencies": {
-    "global-input-message": "^2.1.6",
-    "qrcode.react": "^3.1.0"
+    "global-input-message": "^2.1.8",
+    "qrcode.react": "^4.1.0"
   }
-}
+}

package.json

@@ -36,7 +36,9 @@ export const initialState = {
     isConnectionDenied: false,
     isDisconnected: false,
     initData: null,
-    connected: []
+    connected: [],
+    registeredInfo: null
+
 };
 
 
@@ -170,16 +172,22 @@ const buildMessageHandlersForInitData = (initData, notify) => {
     };
 };
 
-
+let onClientAppLaunched = null;
+export const  setClientAppLaunched = (clientAppLaunched) => {
+    onClientAppLaunched=clientAppLaunched;
+}
 const buildMobileConfig = (initData, config, notify) => {
     const options = config.options;
     return {
         initData,
-        onRegistered: (connectionCode) => {
+        onClientAppLaunched: (data) => {
+            onClientAppLaunched && onClientAppLaunched(data);
+        },
+        onRegistered: (connectionCode, registeredInfo) => {            
             mobileData.mobileState = MobileState.WAITING_FOR_MOBILE;
             options && options.onRegistered && options.onRegistered(connectionCode);
             config && config.initSocket && config.initSocket(mobileData.session.socket);
-            notify({ type: ACTION_TYPES.REGISTERED, connectionCode });
+            notify({ type: ACTION_TYPES.REGISTERED, connectionCode, registeredInfo });
         },
         onRegisterFailed: errorMessage => {
             mobileData.mobileState = MobileState.ERROR;
@@ -285,7 +293,7 @@ export const reducer = (state, action) => {
             state = { ...state, errorMessage: '', field: null, isConnectionDenied: false };
             break;
         case ACTION_TYPES.REGISTERED:
-            state = { ...state, errorMessage: '', field: null, connectionCode: action.connectionCode, pairingCode: getParingCode(), isConnectionDenied: false };
+            state = { ...state, errorMessage: '', field: null, connectionCode: action.connectionCode, pairingCode: getParingCode(), isConnectionDenied: false, registeredInfo: action.registeredInfo };
             break;
         case ACTION_TYPES.RECEIVED_FIELD:
             state = { ...state, field: action.field, isConnectionDenied: false };

src/globalinput.js

@@ -15,7 +15,8 @@ export const useGlobalInputApp = (config, canConnect = true, configId = "") => {
         isConnectionDenied,
         initData,
         senders,
-        sender
+        sender,
+        registeredInfo
     }, dispatch] = useReducer(globalInput.reducer, globalInput.initialState);
 
     const attached = useRef(true);
@@ -127,5 +128,7 @@ export const useGlobalInputApp = (config, canConnect = true, configId = "") => {
         setOnchange,
         close,
         restart,
+        registeredInfo,
+        setClientAppLaunched: globalInput.setClientAppLaunched,
     };
 };

src/useGlobalInputApp.js

@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from 'react';
-import QRCode from "qrcode.react";
+import {QRCodeSVG} from "qrcode.react";
 
 const styles = {
     label: {
@@ -63,7 +63,7 @@ export const ConnectQR = ({ mobile, level = 'H', size = null, label = qrCodeLabe
     }
     return (
         <div style={styles.qrCode}>
-            <QRCode value={mobile.connectionCode} level={level} size={size ? size : optimumSize} />
+            <QRCodeSVG value={mobile.connectionCode} level={level} size={size ? size : optimumSize} />
             {label}
         </div>
     );
@@ -105,7 +105,7 @@ export const PairingQR = ({ mobile, level = 'H', size = null, label = qrCodeLabe
     }
     return (
         <div style={styles.qrCode}>
-            <QRCode value={mobile.pairingCode} level={level} size={size ? size : optimumSize} />
+            <QRCodeSVG value={mobile.pairingCode} level={level} size={size ? size : optimumSize} />
             {label}
         </div>
     );