quivio-transaction-processor 1.23.2-beta → 1.23.2

package/src/example/ExternalSystemsScreen.tsx

@@ -10,7 +10,6 @@ import {
 } from 'react-native';
 import { useEMVPayment } from '../emvPaymentProvider/useEMVPayment';
 import { EMVConfig } from '../emvPaymentProvider/types';
-import { addDevice } from './helper/deviceStore';
 
 type Props = {
   config: EMVConfig | null;
@@ -18,22 +17,18 @@ type Props = {
 };
 
 const ExternalSystemsScreen = ({ config, onBackPress }: Props) => {
-  const {
+const {
     isConfigured,
-    deviceSerialNumber,
     isDeviceConnected,
-    getDeviceDetails,
     isCancellationRunning,
     cancelOperation,
     runConfiguration,
     isConfigurationInProgress,
-    displayMessage,
+    displayMessage
   } = useEMVPayment();
-
+  
   const [deviceInfo] = useState('');
 
-  const [isFetchingDeviceDetails, setFetchingDeviceDetails] = useState(false);
-
   const [infoVisible, setInfoVisible] = useState(false);
 
   // Auto-close info modal when device connects
@@ -43,75 +38,8 @@ const ExternalSystemsScreen = ({ config, onBackPress }: Props) => {
     }
   }, [isDeviceConnected, infoVisible]);
 
-  // useEffect(() => {
-  //   let timer: NodeJS.Timeout;
-  //   if (isConfigured) {
-  //     if (deviceSerialNumber?.trim()) {
-  //       addDevice({
-  //         isConfigured: true,
-  //         isSandbox: true,
-  //         MerchantId: config?.merchantID ?? '',
-  //         serialNumber: deviceSerialNumber,
-  //       });
-  //     } else {
-  //       setFetchingDeviceDetails(true);
-  //       timer = setTimeout(() => {
-  //         getDeviceDetails();
-  //       }, 3000);
-  //     }
-  //   }
-  //   return () => {
-  //     if (timer) clearTimeout(timer);
-  //   };
-  // }, [isConfigured]);
-
-  // useEffect(() => {
-  //   if (deviceSerialNumber?.trim()) {
-  //     setFetchingDeviceDetails(false);
-  //     addDevice({
-  //       isConfigured: true,
-  //       isSandbox: true,
-  //       MerchantId: config?.merchantID ?? '',
-  //       serialNumber: deviceSerialNumber,
-  //     });
-  //   }
-  // }, [deviceSerialNumber]);
-  useEffect(() => {
-    let timer: NodeJS.Timeout;
-    const handleSerial = async () => {
-      if (isConfigured) {
-        const serialNumberToBeStored = !deviceSerialNumber?.trim()
-          ? await getDeviceDetails()
-          : deviceSerialNumber;
-
-        if (serialNumberToBeStored) {
-          addDevice({
-            MerchantId: config?.merchantID ?? '',
-            isSandbox: config?.isSandBox ?? true,
-            isConfigured: true,
-            serialNumber: serialNumberToBeStored,
-          });
-        }
-      }
-      setFetchingDeviceDetails(false);
-    };
-
-    timer = setTimeout(() => {
-      setFetchingDeviceDetails(true);
-      handleSerial();
-    }, 3000);
-
-    return () => {
-      if (timer) {
-        clearTimeout(timer);
-        setFetchingDeviceDetails(false);
-      }
-    };
-  }, [isConfigured, deviceSerialNumber]);
-
   const onConfigureDevice = useCallback(() => {
     if (!config) return;
-
     runConfiguration(config);
   }, [config, runConfiguration]);
 
@@ -161,8 +89,9 @@ const ExternalSystemsScreen = ({ config, onBackPress }: Props) => {
       >
         <Pressable style={styles.modalContainer}>
           <Text style={styles.modalText}>
-            1. Do not disconnect the device while configuring. \n2. Do not put
-            app in the background while configuring. \n
+            1. Do not disconnect the device
+            while configuring. \n2. Do not put app in the background while
+            configuring. \n
             {displayMessage}
           </Text>
           <Pressable style={styles.closeButton} onPress={() => {}}>
@@ -173,21 +102,6 @@ const ExternalSystemsScreen = ({ config, onBackPress }: Props) => {
     </Modal>
   );
 
-  const DeviceDetailsModal = () => (
-    <Modal
-      visible={isFetchingDeviceDetails}
-      transparent
-      animationType="fade"
-      onRequestClose={() => {}}
-    >
-      <Pressable style={styles.modalBackground} onPress={() => {}}>
-        <Pressable style={styles.modalContainer}>
-          <Text style={styles.modalText}>Saving Device Details.....</Text>
-        </Pressable>
-      </Pressable>
-    </Modal>
-  );
-
   const CancelModal = () => (
     <Modal
       visible={isCancellationRunning}
@@ -212,30 +126,30 @@ const ExternalSystemsScreen = ({ config, onBackPress }: Props) => {
   );
 
   const InfoModal = () => (
-    <Modal
-      visible={infoVisible}
-      transparent
-      animationType="fade"
-      onRequestClose={() => setInfoVisible(false)}
-    >
-      <Pressable
-        style={styles.modalBackground}
-        onPress={() => setInfoVisible(false)}
-      >
-        <Pressable style={styles.modalContainer}>
-          <Text style={styles.modalText}>
-            Connect IDTECH VP3350 device via USB cable
-          </Text>
+     <Modal
+          visible={infoVisible}
+          transparent
+          animationType="fade"
+          onRequestClose={() => setInfoVisible(false)}
+        >
           <Pressable
-            style={styles.closeButton}
+            style={styles.modalBackground}
             onPress={() => setInfoVisible(false)}
           >
-            <Text style={styles.closeButtonText}>Close</Text>
+            <Pressable style={styles.modalContainer}>
+              <Text style={styles.modalText}>
+                Connect IDTECH VP3350 device via USB cable
+              </Text>
+              <Pressable
+                style={styles.closeButton}
+                onPress={() => setInfoVisible(false)}
+              >
+                <Text style={styles.closeButtonText}>Close</Text>
+              </Pressable>
+            </Pressable>
           </Pressable>
-        </Pressable>
-      </Pressable>
-    </Modal>
-  );
+        </Modal>
+  )
 
   const ConfigurationDetails = ({
     merchantId,
@@ -327,14 +241,11 @@ const ExternalSystemsScreen = ({ config, onBackPress }: Props) => {
         {/** Loader Modal */}
         <LoaderModal />
 
-        {/** Device Fetching Modal */}
-        <DeviceDetailsModal />
-
         {/** Cancel Modal */}
         <CancelModal />
 
         {/* Configure CTA */}
-        {isDeviceConnected && <ConfigureCTA />}
+        {isDeviceConnected && !isConfigured && <ConfigureCTA />}
 
         <BackCTA />
       </View>

package/src/example/MainScreen.tsx

@@ -7,7 +7,7 @@ const MainScreen: React.FC<{ config: EMVConfig }> = ({ config }) => {
   const [showEMV, setShowEMV] = useState(false);
 
   if (showEMV) {
-    return <EMVPaymentScreen posConfig={config}/>;
+    return <EMVPaymentScreen />;
   }
 
   return (

package/dist/example/helper/deviceStore.d.ts

@@ -1,11 +0,0 @@
-export type DeviceConfig = {
-    serialNumber: string;
-    MerchantId: string;
-    isSandbox: boolean;
-    isConfigured: boolean;
-};
-export declare let IDTECH_LOCAL_DB: DeviceConfig[];
-export declare const addDevice: (device: DeviceConfig) => void;
-export declare const updateDevice: (serialNumber: string, updated: Partial<DeviceConfig>) => void;
-export declare const deleteDevice: (serialNumber: string) => void;
-export declare const getDeviceBySerial: (serialNumber: string) => DeviceConfig | undefined;

package/dist/example/helper/deviceStore.js

@@ -1,37 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getDeviceBySerial = exports.deleteDevice = exports.updateDevice = exports.addDevice = exports.IDTECH_LOCAL_DB = void 0;
-exports.IDTECH_LOCAL_DB = [];
-var addDevice = function (device) {
-    console.log('ADDING Device: ', device);
-    exports.IDTECH_LOCAL_DB.push(device);
-    console.log('After Device ADDED : ', exports.IDTECH_LOCAL_DB);
-};
-exports.addDevice = addDevice;
-var updateDevice = function (serialNumber, updated) {
-    var index = exports.IDTECH_LOCAL_DB.findIndex(function (d) { return d.serialNumber === serialNumber; });
-    if (index !== -1) {
-        exports.IDTECH_LOCAL_DB[index] = __assign(__assign({}, exports.IDTECH_LOCAL_DB[index]), updated);
-    }
-};
-exports.updateDevice = updateDevice;
-var deleteDevice = function (serialNumber) {
-    exports.IDTECH_LOCAL_DB = exports.IDTECH_LOCAL_DB.filter(function (d) { return d.serialNumber !== serialNumber; });
-};
-exports.deleteDevice = deleteDevice;
-var getDeviceBySerial = function (serialNumber) {
-    return exports.IDTECH_LOCAL_DB.find(function (d) { return d.serialNumber === serialNumber; });
-};
-exports.getDeviceBySerial = getDeviceBySerial;
-//# sourceMappingURL=deviceStore.js.map

package/dist/example/helper/deviceStore.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"deviceStore.js","sourceRoot":"","sources":["../../../src/example/helper/deviceStore.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAOW,QAAA,eAAe,GAAmB,EAE5C,CAAC;AAEK,IAAM,SAAS,GAAG,UAAC,MAAoB;IAC5C,OAAO,CAAC,GAAG,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC;IACvC,uBAAe,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAC7B,OAAO,CAAC,GAAG,CAAC,uBAAuB,EAAE,uBAAe,CAAC,CAAC;AACxD,CAAC,CAAC;AAJW,QAAA,SAAS,aAIpB;AAEK,IAAM,YAAY,GAAG,UAC1B,YAAoB,EACpB,OAA8B;IAE9B,IAAM,KAAK,GAAG,uBAAe,CAAC,SAAS,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,YAAY,KAAK,YAAY,EAA/B,CAA+B,CAAC,CAAC;IAE9E,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE;QAChB,uBAAe,CAAC,KAAK,CAAC,yBACjB,uBAAe,CAAC,KAAK,CAAC,GACtB,OAAO,CACX,CAAC;KACH;AACH,CAAC,CAAC;AAZW,QAAA,YAAY,gBAYvB;AAEK,IAAM,YAAY,GAAG,UAAC,YAAoB;IAC/C,uBAAe,GAAG,uBAAe,CAAC,MAAM,CACtC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,YAAY,KAAK,YAAY,EAA/B,CAA+B,CACrC,CAAC;AACJ,CAAC,CAAC;AAJW,QAAA,YAAY,gBAIvB;AAEK,IAAM,iBAAiB,GAAG,UAAC,YAAoB;IACpD,OAAO,uBAAe,CAAC,IAAI,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,YAAY,KAAK,YAAY,EAA/B,CAA+B,CAAC,CAAC;AACpE,CAAC,CAAC;AAFW,QAAA,iBAAiB,qBAE5B"}

package/src/example/helper/deviceStore.ts

@@ -1,40 +0,0 @@
-export type DeviceConfig = {
-  serialNumber: string;
-  MerchantId: string;
-  isSandbox: boolean;
-  isConfigured: boolean;
-};
-
-export let IDTECH_LOCAL_DB: DeviceConfig[] = [
-  
-];
-
-export const addDevice = (device: DeviceConfig) => {
-  console.log('ADDING Device: ', device);
-  IDTECH_LOCAL_DB.push(device);
-  console.log('After Device ADDED : ', IDTECH_LOCAL_DB);
-};
-
-export const updateDevice = (
-  serialNumber: string,
-  updated: Partial<DeviceConfig>,
-) => {
-  const index = IDTECH_LOCAL_DB.findIndex(d => d.serialNumber === serialNumber);
-
-  if (index !== -1) {
-    IDTECH_LOCAL_DB[index] = {
-      ...IDTECH_LOCAL_DB[index],
-      ...updated,
-    };
-  }
-};
-
-export const deleteDevice = (serialNumber: string) => {
-  IDTECH_LOCAL_DB = IDTECH_LOCAL_DB.filter(
-    d => d.serialNumber !== serialNumber,
-  );
-};
-
-export const getDeviceBySerial = (serialNumber: string) => {
-  return IDTECH_LOCAL_DB.find(d => d.serialNumber === serialNumber);
-};