OBLS-822 Capture DataWedge scans via intent broadcast

src/components/ScannerInput.tsx

@@ -13,6 +13,7 @@ import { useSelector } from 'react-redux';
 
 import { isString } from 'lodash';
 import { appConfig } from '../constants';
+import { useScanListener } from '../hooks/useScanListener';
 import { RootState } from '../redux/reducers';
 import { hideSoftKeyboard, showSoftKeyboard } from '../utils/KeyboardUtils';
 import Theme from '../utils/Theme';
@@ -162,6 +163,16 @@ export function ScannerInput({
     return () => clearTimeout(timer);
   }, [value, timeout, onSubmit]);
 
+  useScanListener((result) => {
+    const scanned = result.data;
+    if (!scanned || scanned === lastSubmittedValue.current) {
+      return;
+    }
+    lastSubmittedValue.current = scanned;
+    onChange(scanned);
+    onSubmit(scanned);
+  }, shouldBeFocused);
+
   const handleFocus = useCallback(() => {
     if (showKeyboard) {
       showSoftKeyboard();
@@ -187,7 +198,7 @@ export function ScannerInput({
     }
 
     const trimmed = value.trim();
-    if (trimmed) {
+    if (trimmed && trimmed !== lastSubmittedValue.current) {
       lastSubmittedValue.current = trimmed;
       onSubmit(trimmed);
     }

src/hooks/onBarcodeScanned.ts → src/hooks/useBarcodeScanned.ts

@@ -1,22 +1,16 @@
-import useEventListener from './useEventListener';
+import { useState } from 'react';
 import { useDispatch } from 'react-redux';
-import { useEffect, useState } from 'react';
-import { searchBarcode } from '../redux/actions/products';
+
 import showPopup from '../components/Popup';
+import { searchBarcode } from '../redux/actions/products';
+import { useScanListener } from './useScanListener';
 
-const onBarcodeScanned = () => {
+const useBarcodeScanned = () => {
   const [state, setState] = useState<any>({
     error: null,
     searchProductCode: null
   });
   const dispatch = useDispatch();
-  const barcodeData = useEventListener();
-
-  useEffect(() => {
-    if (barcodeData && Object.keys(barcodeData).length !== 0) {
-      onBarCodeScan(barcodeData.data);
-    }
-  }, [barcodeData]);
 
   const onBarCodeScan = (query: string) => {
     onEmptyQuery(query);
@@ -25,19 +19,21 @@ const onBarcodeScanned = () => {
         onError(data, query, () => {
           dispatch(searchBarcode(query, actionCallback));
         });
-      } else {
-        if (data.length == 0) {
-          onEmptyData(query);
-        } else {
-          if (data && Object.keys(data).length !== 0) {
-            onSuccess(data, query);
-          }
-        }
+      } else if (data.length === 0) {
+        onEmptyData(query);
+      } else if (data && Object.keys(data).length !== 0) {
+        onSuccess(data, query);
       }
     };
     dispatch(searchBarcode(query, actionCallback));
   };
 
+  useScanListener((result) => {
+    if (result.data) {
+      onBarCodeScan(result.data);
+    }
+  });
+
   const onError = (data: any, query: any, callback: (data: any) => void) => {
     showPopup({
       title: data.errorMessage ?? `Failed to load search results with value = "${query}"`,
@@ -56,7 +52,6 @@ const onBarcodeScanned = () => {
         message: 'Search query is empty',
         positiveButton: { text: 'Ok' }
       });
-      return;
     }
   };
 
@@ -85,4 +80,4 @@ const onBarcodeScanned = () => {
   return state.searchProductCode;
 };
 
-export default onBarcodeScanned;
+export default useBarcodeScanned;

src/hooks/useScanListener.ts

@@ -0,0 +1,73 @@
+import { useEffect, useRef } from 'react';
+import { DeviceEventEmitter, Platform } from 'react-native';
+import DataWedgeIntents from 'react-native-datawedge-intents';
+
+import {
+  ACTION,
+  FILTER_ACTIONS,
+  FILTER_CATEGORY,
+  LISTENER,
+  PROFILE,
+  PROFILE_CONFIG,
+  PROFILE_CONFIG2
+} from './constant';
+
+export type ScanResult = {
+  data: string;
+  labelType?: string;
+};
+
+let profileConfigured = false;
+
+function sendDataWedgeCommand(extraName: string, extraValue: unknown): void {
+  DataWedgeIntents.sendBroadcastWithExtras({
+    action: ACTION.API_ACTION,
+    extras: { [extraName]: extraValue, SEND_RESULT: 'false' }
+  });
+}
+
+function configureProfileOnce(): void {
+  if (profileConfigured) {
+    return;
+  }
+  profileConfigured = true;
+  sendDataWedgeCommand(PROFILE.CREATE_PROFILE, PROFILE.NAME);
+  sendDataWedgeCommand(PROFILE.SET_CONFIG_PROFILE, PROFILE_CONFIG);
+  sendDataWedgeCommand(PROFILE.SET_CONFIG_PROFILE, PROFILE_CONFIG2);
+}
+
+function extractScan(intent: Record<string, any>): ScanResult | null {
+  const data = intent?.[ACTION.DATA_STRING] ?? intent?.data;
+  if (!data) {
+    return null;
+  }
+  const labelType = intent?.[ACTION.LABEL_TYPE] ?? intent?.labelType;
+  return { data: String(data).trim(), labelType: labelType ? String(labelType) : undefined };
+}
+
+export function useScanListener(onScan: (result: ScanResult) => void, enabled = true): void {
+  const onScanRef = useRef(onScan);
+  onScanRef.current = onScan;
+
+  useEffect(() => {
+    if (!enabled || Platform.OS !== 'android' || !DataWedgeIntents?.registerBroadcastReceiver) {
+      return;
+    }
+
+    configureProfileOnce();
+    DataWedgeIntents.registerBroadcastReceiver({
+      filterActions: FILTER_ACTIONS,
+      filterCategories: FILTER_CATEGORY
+    });
+
+    const handleIntent = (intent: Record<string, any>) => {
+      const result = extractScan(intent);
+      if (result) {
+        onScanRef.current(result);
+      }
+    };
+
+    const subscription = DeviceEventEmitter.addListener(LISTENER.BROADCAST_INTENT, handleIntent);
+    return () => subscription.remove();
+  }, [enabled]);
+}

src/screens/Scan/index.tsx

@@ -4,15 +4,15 @@ import { View } from 'react-native';
 import styles from './styles';
 import { useNavigation } from '@react-navigation/native';
 import Product from '../../data/product/Product';
-import onBarcodeScanned from '../../hooks/onBarcodeScanned';
+import useBarcodeScanned from '../../hooks/useBarcodeScanned';
 import EmptyView from '../../components/EmptyView';
 import BarcodeSearchHeader from '../../components/BarcodeSearchHeader/BarcodeSearchHeader';
 import { searchBarcode } from '../../redux/actions/products';
 import showPopup from '../../components/Popup';
 import { useDispatch } from 'react-redux';
 
 const Scan = () => {
-  const barcodeData = onBarcodeScanned();
+  const barcodeData = useBarcodeScanned();
   const navigation = useNavigation();
   const dispatch = useDispatch();