ordering-ui-react-native 0.21.43-test → 0.21.45-test

package/package.json

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

package/themes/business/index.tsx

@@ -42,8 +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 { SearchStarPrinter } from './src/components/StarPrinter/SearchPrinter';
+import HandleStarPrinter from './src/components/StarPrinter/';
+import SearchStarPrinter from './src/components/StarPrinter/SearchPrinter';
 //OComponents
 import {
   OText,

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

@@ -4,6 +4,8 @@ import {
   Text,
   Button,
   FlatList,
+  PermissionsAndroid,
+  Platform
 } from 'react-native';
 
 import {
@@ -12,13 +14,12 @@ import {
   StarDeviceDiscoveryManagerFactory,
   StarPrinter
 } from 'react-native-star-io10';
+import { OIconButton } from 'ordering-ui-react-native/themes/business/src/components/shared';
 import { useTheme } from 'styled-components';
-import { OIconButton } from '../shared';
 
-export const SearchStarPrinter = ({ navigation }: any) => {
-
-  const theme = useTheme();
+const SearchStarPrinter = ({ navigation }: any) => {
   let _manager: StarDeviceDiscoveryManager;
+  const theme = useTheme();
 
   const [state, setState] = useState({
     bluetoothIsEnabled: true,
@@ -26,7 +27,8 @@ export const SearchStarPrinter = ({ navigation }: any) => {
     printers: [],
   })
 
-  let _onPressDiscoveryButton = async () => {
+  const _onPressDiscoveryButton = async () => {
+
     setState({
       ...state,
       printers: [],
@@ -35,7 +37,8 @@ export const SearchStarPrinter = ({ navigation }: any) => {
     try {
       await _manager?.stopDiscovery()
 
-      let interfaceTypes: Array<InterfaceType> = []
+      const interfaceTypes: Array<InterfaceType> = []
+
       if (state.bluetoothIsEnabled) {
         interfaceTypes.push(InterfaceType.Bluetooth);
       }
@@ -61,6 +64,7 @@ export const SearchStarPrinter = ({ navigation }: any) => {
         console.log(`Discovery finished.`);
       };
 
+
       await _manager.startDiscovery();
     }
     catch (error) {
@@ -68,7 +72,7 @@ export const SearchStarPrinter = ({ navigation }: any) => {
     }
   }
 
-  const handleArrowBack: any = () => {
+  const handleArrowBack = () => {
     navigation?.canGoBack() && navigation.goBack();
   };
 
@@ -81,10 +85,13 @@ export const SearchStarPrinter = ({ navigation }: any) => {
         style={{ maxWidth: 40, justifyContent: 'flex-end' }}
         onClick={() => handleArrowBack()}
       />
-      <View style={{ flexDirection: 'row' }}>
+      <Text>Interface</Text>
+
+      <View
+        style={{ width: 100, marginTop: 30 }}>
         <Button
           title="Discovery"
-          onPress={_onPressDiscoveryButton}
+          onPress={async () => await _onPressDiscoveryButton()}
         />
       </View>
       <FlatList
@@ -95,3 +102,5 @@ export const SearchStarPrinter = ({ navigation }: any) => {
     </View>
   );
 };
+
+export default SearchStarPrinter;

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

@@ -1,37 +1,43 @@
-import React, { useState } from 'react';
-import {
-  InterfaceType,
-  StarConnectionSettings,
-  StarXpandCommand,
-  StarPrinter
-} from 'react-native-star-io10';
-import { Picker } from '@react-native-picker/picker';
+import React from 'react';
 import {
   View,
   Text,
   Button,
   TextInput,
+  PermissionsAndroid,
+  Platform
 } from 'react-native';
 
+import {
+  Picker
+} from '@react-native-picker/picker';
+
+import {
+  InterfaceType,
+  StarConnectionSettings,
+  StarXpandCommand,
+  StarPrinter
+} from 'react-native-star-io10';
 
-export const HandleStarPrinter = ({ navigation }: any) => {
 
-  const [printState, setPrintState] = useState({
+const HandleStarPrinter = ({ navigation }) => {
+
+  const [state, setState] = React.useState({
     interfaceType: InterfaceType.Bluetooth,
-    identifier: '',
+    identifier: '00:11:62:00:00:00',
     imageBase64: ''
   });
 
   const _onPressPrintButton = async () => {
+    var settings = new StarConnectionSettings();
+    settings.interfaceType = state.interfaceType;
+    settings.identifier = state.identifier;
 
-    let settings = new StarConnectionSettings();
-    settings.interfaceType = printState.interfaceType;
-    settings.identifier = printState.identifier;
 
-    let printer = new StarPrinter(settings);
+    var printer = new StarPrinter(settings);
 
     try {
-      let builder = new StarXpandCommand.StarXpandCommandBuilder();
+      var builder = new StarXpandCommand.StarXpandCommandBuilder();
       builder.addDocument(new StarXpandCommand.DocumentBuilder()
         .addPrinter(new StarXpandCommand.PrinterBuilder()
           .actionPrintImage(new StarXpandCommand.Printer.ImageParameter("logo_01.png", 406))
@@ -95,7 +101,7 @@ export const HandleStarPrinter = ({ navigation }: any) => {
         )
       );
 
-      let commands = await builder.getCommands();
+      var commands = await builder.getCommands();
 
       await printer.open();
       await printer.print(commands);
@@ -111,6 +117,7 @@ export const HandleStarPrinter = ({ navigation }: any) => {
     }
   }
 
+
   const onSearchPrint = () => {
     navigation.navigate('SearchStarPrinter')
   }
@@ -121,20 +128,21 @@ export const HandleStarPrinter = ({ navigation }: any) => {
         <Text style={{ width: 100 }}>Interface</Text>
         <Picker
           style={{ width: 200, marginLeft: 20, justifyContent: 'center' }}
-          selectedValue={printState.interfaceType}
+          selectedValue={state.interfaceType}
           onValueChange={(value) => {
-            setPrintState({ interfaceType: value });
+            setState({ ...state, interfaceType: value });
           }}>
           <Picker.Item label='Bluetooth' value={InterfaceType.Bluetooth} />
+          <Picker.Item label='Bluetooth LE' value={InterfaceType.BluetoothLE} />
         </Picker>
       </View>
       <View style={{ flexDirection: 'row', marginTop: 30 }}>
         <Text style={{ width: 100 }}>Identifier</Text>
         <TextInput
           style={{ width: 200, marginLeft: 20 }}
-          value={printState.identifier}
+          value={state.identifier}
           onChangeText={(value) => {
-            setPrintState({ identifier: value });
+            setState({ ...state, identifier: value });
           }}
         />
       </View>
@@ -147,10 +155,11 @@ export const HandleStarPrinter = ({ navigation }: any) => {
       <View style={{ width: 100, marginTop: 20 }}>
         <Button
           title="Print"
-          onPress={_onPressPrintButton}
+          onPress={async () => await _onPressPrintButton()}
         />
       </View>
     </View>
   );
 };
 
+export default HandleStarPrinter;