ordering-ui-react-native 0.21.38-test → 0.21.40-test

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ordering-ui-react-native",
-  "version": "0.21.38-test",
+  "version": "0.21.40-test",
   "description": "Reusable components made in react native",
   "main": "src/index.tsx",
   "author": "ordering.inc",

package/themes/business/index.tsx

@@ -42,7 +42,8 @@ import { NewOrderNotification } from './src/components/NewOrderNotification';
 import { DriverSchedule } from './src/components/DriverSchedule';
 import { ScheduleBlocked } from './src/components/ScheduleBlocked';
 import { OrderDetailsLogistic } from './src/components/OrderDetailsLogistic'
-import HandleStarPrinter from './src/components/StarPrinter';
+import { HandleStarPrinter } from './src/components/StarPrinter';
+import { SearchStarPrinter } from './src/components/StarPrinter/SearchPrinter';
 //OComponents
 import {
   OText,
@@ -133,4 +134,5 @@ export {
   StoreMethods,
   //printer
   HandleStarPrinter,
+  SearchStarPrinter,
 };

package/themes/business/src/components/StarPrinter/SearchPrinter.tsx

@@ -0,0 +1,80 @@
+import React, { useState } from 'react';
+import {
+  View,
+  Text,
+  Button,
+  FlatList,
+} from 'react-native';
+
+import {
+  InterfaceType,
+  StarDeviceDiscoveryManager,
+  StarDeviceDiscoveryManagerFactory,
+  StarPrinter
+} from 'react-native-star-io10';
+
+export const SearchStarPrinter = () => {
+
+  let _manager: StarDeviceDiscoveryManager;
+
+  const [state, setState] = useState({
+    bluetoonabled: true,
+    printers: [],
+  })
+
+  let _onPressDiscoveryButton = async () => {
+    setState({
+      ...state,
+      printers: [],
+    });
+
+    try {
+      await _manager?.stopDiscovery()
+
+      var interfaceTypes: Array<InterfaceType> = []
+      if (state.bluetoonabled) {
+        interfaceTypes.push(InterfaceType.Bluetooth);
+      }
+
+      _manager = await StarDeviceDiscoveryManagerFactory.create(interfaceTypes);
+      _manager.discoveryTime = 10000;
+
+      _manager.onPrinterFound = (printer: StarPrinter) => {
+        const printers = state.printers;
+        printers.push(printer);
+        setState({
+          ...state,
+          printers: printers
+        });
+
+        console.log(`Found printer: ${printer.connectionSettings.identifier}.`);
+      };
+
+      _manager.onDiscoveryFinished = () => {
+        console.log(`Discovery finished.`);
+      };
+
+      await _manager.startDiscovery();
+    }
+    catch (error) {
+      console.log(`Error: ${String(error)}`);
+    }
+  }
+
+  return (
+    <View style={{ margin: 50 }}>
+      <View
+        style={{ width: 100, marginTop: 30 }}>
+        <Button
+          title="Discovery"
+          onPress={_onPressDiscoveryButton}
+        />
+      </View>
+      <FlatList
+        style={{ marginTop: 30 }}
+        data={state.printers}
+        renderItem={({ item }) => <Text>{item.connectionSettings.interfaceType} : {item.connectionSettings.identifier}</Text>}
+        keyExtractor={(item, index) => index.toString()} />
+    </View>
+  );
+};

package/themes/business/src/components/StarPrinter/index.tsx

@@ -14,11 +14,11 @@ import {
 } from 'react-native';
 
 
-const HandleStarPrinter = () => {
+export const HandleStarPrinter = ({ navigation }: any) => {
 
   const [printState, setPrintState] = useState({
     interfaceType: InterfaceType.Bluetooth,
-    identifier: '00:11:62:00:00:00',
+    identifier: '',
     imageBase64: ''
   });
 
@@ -111,6 +111,10 @@ const HandleStarPrinter = () => {
     }
   }
 
+  const onSearchPrint = () => {
+    navigation.navigate('SearchStarPrinter')
+  }
+
   return (
     <View style={{ margin: 50 }}>
       <View style={{ flexDirection: 'row' }}>
@@ -121,10 +125,7 @@ const HandleStarPrinter = () => {
           onValueChange={(value) => {
             setPrintState({ interfaceType: value });
           }}>
-          <Picker.Item label='LAN' value={InterfaceType.Lan} />
           <Picker.Item label='Bluetooth' value={InterfaceType.Bluetooth} />
-          <Picker.Item label='Bluetooth LE' value={InterfaceType.BluetoothLE} />
-          <Picker.Item label='USB' value={InterfaceType.Usb} />
         </Picker>
       </View>
       <View style={{ flexDirection: 'row', marginTop: 30 }}>
@@ -136,6 +137,12 @@ const HandleStarPrinter = () => {
             setPrintState({ identifier: value });
           }}
         />
+        <View style={{ width: 100, marginTop: 20 }}>
+          <Button
+            title="Search Printer"
+            onPress={onSearchPrint}
+          />
+        </View>
       </View>
       <View style={{ width: 100, marginTop: 20 }}>
         <Button
@@ -147,4 +154,3 @@ const HandleStarPrinter = () => {
   );
 };
 
-export default HandleStarPrinter;