ordering-ui-react-native 0.21.35-test → 0.21.37-test

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ordering-ui-react-native",
-  "version": "0.21.35-test",
+  "version": "0.21.37-test",
   "description": "Reusable components made in react native",
   "main": "src/index.tsx",
   "author": "ordering.inc",
@@ -45,6 +45,7 @@
     "@react-native-firebase/analytics": "^12.9.3",
     "@react-native-firebase/app": "^12.9.3",
     "@react-native-google-signin/google-signin": "^7.0.1",
+    "@react-native-picker/picker": "^2.4.10",
     "@react-navigation/drawer": "^5.10.2",
     "@react-navigation/material-bottom-tabs": "^5.3.14",
     "@react-navigation/native": "^5.7.6",

package/themes/business/index.tsx

@@ -42,6 +42,7 @@ 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';
 //OComponents
 import {
   OText,
@@ -130,4 +131,6 @@ export {
   useLocation,
   // providers
   StoreMethods,
+  //printer
+  HandleStarPrinter,
 };

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

@@ -1,6 +1,8 @@
 import React, { useState } from 'react';
 import { OText, OIconButton } from '../shared';
-import { StyleSheet, View, Platform, Alert } from 'react-native';
+import {
+  StyleSheet, View, Platform, Alert
+} from 'react-native';
 import {
   Content,
   OrderCustomer,
@@ -21,12 +23,6 @@ import RNHTMLtoPDF from 'react-native-html-to-pdf';
 import RNPrint from 'react-native-print';
 import { useTheme } from 'styled-components/native';
 import { ProductItemAccordion } from '../ProductItemAccordion';
-import {
-  InterfaceType,
-  StarConnectionSettings,
-  StarXpandCommand,
-  StarPrinter
-} from 'react-native-star-io10';
 
 
 export const OrderSummary = ({ order, navigation, orderStatus, askBluetoothPermission, getPermissions, isGrantedPermissions, checkBluetoothPermission }: any) => {
@@ -39,11 +35,7 @@ export const OrderSummary = ({ order, navigation, orderStatus, askBluetoothPermi
   const [state, setState] = useState({
     selectedPrinter: { url: undefined },
   });
-  const [printState] = useState({
-    interfaceType: InterfaceType.Bluetooth,
-    identifier: '00:11:62:00:00:00',
-    imageBase64: ''
-  });
+
 
   const getFormattedSubOptionName = ({ quantity, name, position, price }: any) => {
     if (name !== 'No') {
@@ -351,93 +343,8 @@ export const OrderSummary = ({ order, navigation, orderStatus, askBluetoothPermi
     }
   };
 
-  const _onPressPrintButton = async () => {
-
-    let settings = new StarConnectionSettings();
-    settings.interfaceType = printState.interfaceType;
-    settings.identifier = printState.identifier;
-
-    let printer = new StarPrinter(settings);
-
-    try {
-      let builder = new StarXpandCommand.StarXpandCommandBuilder();
-      builder.addDocument(new StarXpandCommand.DocumentBuilder()
-        .addPrinter(new StarXpandCommand.PrinterBuilder()
-          .actionPrintImage(new StarXpandCommand.Printer.ImageParameter("logo_01.png", 406))
-          .styleInternationalCharacter(StarXpandCommand.Printer.InternationalCharacterType.Usa)
-          .styleCharacterSpace(0)
-          .styleAlignment(StarXpandCommand.Printer.Alignment.Center)
-          .actionPrintText("Star Clothing Boutique\n" +
-            "123 Star Road\n" +
-            "City, State 12345\n" +
-            "\n")
-          .styleAlignment(StarXpandCommand.Printer.Alignment.Left)
-          .actionPrintText("Date:MM/DD/YYYY    Time:HH:MM PM\n" +
-            "--------------------------------\n" +
-            "\n")
-          .actionPrintText("SKU         Description    Total\n" +
-            "300678566   PLAIN T-SHIRT  10.99\n" +
-            "300692003   BLACK DENIM    29.99\n" +
-            "300651148   BLUE DENIM     29.99\n" +
-            "300642980   STRIPED DRESS  49.99\n" +
-            "300638471   BLACK BOOTS    35.99\n" +
-            "\n" +
-            "Subtotal                  156.95\n" +
-            "Tax                         0.00\n" +
-            "--------------------------------\n")
-          .actionPrintText("Total     ")
-          .add(new StarXpandCommand.PrinterBuilder()
-            .styleMagnification(new StarXpandCommand.MagnificationParameter(2, 2))
-            .actionPrintText("   $156.95\n")
-          )
-          .actionPrintText("--------------------------------\n" +
-            "\n" +
-            "Charge\n" +
-            "156.95\n" +
-            "Visa XXXX-XXXX-XXXX-0123\n" +
-            "\n")
-          .add(new StarXpandCommand.PrinterBuilder()
-            .styleInvert(true)
-            .actionPrintText("Refunds and Exchanges\n")
-          )
-          .actionPrintText("Within ")
-          .add(new StarXpandCommand.PrinterBuilder()
-            .styleUnderLine(true)
-            .actionPrintText("30 days")
-          )
-          .actionPrintText(" with receipt\n")
-          .actionPrintText("And tags attached\n" +
-            "\n")
-          .styleAlignment(StarXpandCommand.Printer.Alignment.Center)
-          .actionPrintBarcode(new StarXpandCommand.Printer.BarcodeParameter('0123456',
-            StarXpandCommand.Printer.BarcodeSymbology.Jan8)
-            .setBarDots(3)
-            .setBarRatioLevel(StarXpandCommand.Printer.BarcodeBarRatioLevel.Level0)
-            .setHeight(5)
-            .setPrintHri(true))
-          .actionFeedLine(1)
-          .actionPrintQRCode(new StarXpandCommand.Printer.QRCodeParameter('Hello World.\n')
-            .setModel(StarXpandCommand.Printer.QRCodeModel.Model2)
-            .setLevel(StarXpandCommand.Printer.QRCodeLevel.L)
-            .setCellSize(8))
-          .actionCut(StarXpandCommand.Printer.CutType.Partial)
-        )
-      );
-
-      let commands = await builder.getCommands();
-
-      await printer.open();
-      await printer.print(commands);
-
-      console.log(`Success`);
-    }
-    catch (error) {
-      console.log(`Error: ${String(error)}`);
-    }
-    finally {
-      await printer.close();
-      await printer.dispose();
-    }
+  const openPrint = () => {
+    navigation.navigate('HandleStarPrinter')
   }
 
   return (
@@ -779,7 +686,7 @@ export const OrderSummary = ({ order, navigation, orderStatus, askBluetoothPermi
 
       <View style={{ marginBottom: 0 }}>
         <FloatingButton
-          firstButtonClick={() => _onPressPrintButton()}
+          firstButtonClick={() => openPrint()}
           btnText={t('PRINT', 'Print')}
           color={theme.colors.green}
           widthButton={'100%'}

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

@@ -0,0 +1,150 @@
+import React, { useState } from 'react';
+import {
+  InterfaceType,
+  StarConnectionSettings,
+  StarXpandCommand,
+  StarPrinter
+} from 'react-native-star-io10';
+import { Picker } from '@react-native-picker/picker';
+import {
+  View,
+  Text,
+  Button,
+  TextInput,
+} from 'react-native';
+
+
+const HandleStarPrinter = () => {
+
+  const [printState, setPrintState] = useState({
+    interfaceType: InterfaceType.Bluetooth,
+    identifier: '00:11:62:00:00:00',
+    imageBase64: ''
+  });
+
+  const _onPressPrintButton = async () => {
+
+    let settings = new StarConnectionSettings();
+    settings.interfaceType = printState.interfaceType;
+    settings.identifier = printState.identifier;
+
+    let printer = new StarPrinter(settings);
+
+    try {
+      let builder = new StarXpandCommand.StarXpandCommandBuilder();
+      builder.addDocument(new StarXpandCommand.DocumentBuilder()
+        .addPrinter(new StarXpandCommand.PrinterBuilder()
+          .actionPrintImage(new StarXpandCommand.Printer.ImageParameter("logo_01.png", 406))
+          .styleInternationalCharacter(StarXpandCommand.Printer.InternationalCharacterType.Usa)
+          .styleCharacterSpace(0)
+          .styleAlignment(StarXpandCommand.Printer.Alignment.Center)
+          .actionPrintText("Star Clothing Boutique\n" +
+            "123 Star Road\n" +
+            "City, State 12345\n" +
+            "\n")
+          .styleAlignment(StarXpandCommand.Printer.Alignment.Left)
+          .actionPrintText("Date:MM/DD/YYYY    Time:HH:MM PM\n" +
+            "--------------------------------\n" +
+            "\n")
+          .actionPrintText("SKU         Description    Total\n" +
+            "300678566   PLAIN T-SHIRT  10.99\n" +
+            "300692003   BLACK DENIM    29.99\n" +
+            "300651148   BLUE DENIM     29.99\n" +
+            "300642980   STRIPED DRESS  49.99\n" +
+            "300638471   BLACK BOOTS    35.99\n" +
+            "\n" +
+            "Subtotal                  156.95\n" +
+            "Tax                         0.00\n" +
+            "--------------------------------\n")
+          .actionPrintText("Total     ")
+          .add(new StarXpandCommand.PrinterBuilder()
+            .styleMagnification(new StarXpandCommand.MagnificationParameter(2, 2))
+            .actionPrintText("   $156.95\n")
+          )
+          .actionPrintText("--------------------------------\n" +
+            "\n" +
+            "Charge\n" +
+            "156.95\n" +
+            "Visa XXXX-XXXX-XXXX-0123\n" +
+            "\n")
+          .add(new StarXpandCommand.PrinterBuilder()
+            .styleInvert(true)
+            .actionPrintText("Refunds and Exchanges\n")
+          )
+          .actionPrintText("Within ")
+          .add(new StarXpandCommand.PrinterBuilder()
+            .styleUnderLine(true)
+            .actionPrintText("30 days")
+          )
+          .actionPrintText(" with receipt\n")
+          .actionPrintText("And tags attached\n" +
+            "\n")
+          .styleAlignment(StarXpandCommand.Printer.Alignment.Center)
+          .actionPrintBarcode(new StarXpandCommand.Printer.BarcodeParameter('0123456',
+            StarXpandCommand.Printer.BarcodeSymbology.Jan8)
+            .setBarDots(3)
+            .setBarRatioLevel(StarXpandCommand.Printer.BarcodeBarRatioLevel.Level0)
+            .setHeight(5)
+            .setPrintHri(true))
+          .actionFeedLine(1)
+          .actionPrintQRCode(new StarXpandCommand.Printer.QRCodeParameter('Hello World.\n')
+            .setModel(StarXpandCommand.Printer.QRCodeModel.Model2)
+            .setLevel(StarXpandCommand.Printer.QRCodeLevel.L)
+            .setCellSize(8))
+          .actionCut(StarXpandCommand.Printer.CutType.Partial)
+        )
+      );
+
+      let commands = await builder.getCommands();
+
+      await printer.open();
+      await printer.print(commands);
+
+      console.log(`Success`);
+    }
+    catch (error) {
+      console.log(`Error: ${String(error)}`);
+    }
+    finally {
+      await printer.close();
+      await printer.dispose();
+    }
+  }
+
+  return (
+    <View style={{ margin: 50 }}>
+      <View style={{ flexDirection: 'row' }}>
+        <Text style={{ width: 100 }}>Interface</Text>
+        <Picker
+          style={{ width: 200, marginLeft: 20, justifyContent: 'center' }}
+          selectedValue={printState.interfaceType}
+          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 }}>
+        <Text style={{ width: 100 }}>Identifier</Text>
+        <TextInput
+          style={{ width: 200, marginLeft: 20 }}
+          value={printState.identifier}
+          onChangeText={(value) => {
+            setPrintState({ identifier: value });
+          }}
+        />
+      </View>
+      <View style={{ width: 100, marginTop: 20 }}>
+        <Button
+          title="Print"
+          onPress={_onPressPrintButton}
+        />
+      </View>
+    </View>
+  );
+};
+
+export default HandleStarPrinter;