quivio-transaction-processor 1.7.2 → 1.17.0

package/dist/emvPaymentProvider/EMVPaymentProvider.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { EMVPaymentContextType } from './types';
+declare const EMVPaymentContext: React.Context<EMVPaymentContextType | undefined>;
+declare const EMVPaymentProvider: React.FC<{
+    children: React.ReactNode;
+}>;
+export { EMVPaymentProvider };
+export { EMVPaymentContext };

package/dist/emvPaymentProvider/EMVPaymentProvider.js

@@ -0,0 +1,266 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EMVPaymentContext = exports.EMVPaymentProvider = void 0;
+var react_1 = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var types_1 = require("./types");
+var USBDeviceContext_1 = require("../usb/USBDeviceContext");
+var EMVPaymentContext = (0, react_1.createContext)(undefined);
+exports.EMVPaymentContext = EMVPaymentContext;
+var DsiEMVManagerBridge = react_native_1.NativeModules.DsiEMVManagerBridge;
+var emvEmitter = new react_native_1.NativeEventEmitter(DsiEMVManagerBridge);
+var EMVPaymentProvider = function (_a) {
+    var children = _a.children;
+    var TRANSACTION_RESPONSE_EVENTS = [
+        'onError',
+        'onCardReadSuccessfully',
+        'onSaleTransactionCompleted',
+        'onRecurringSaleCompleted',
+        'onReplaceCardCompleted',
+        'onTransactionCancelled'
+    ];
+    // Device Connected State
+    var isDeviceConnected = (0, USBDeviceContext_1.useUSBDevice)().isDeviceConnected;
+    // Show Display Message Cache
+    var _b = (0, react_1.useState)(""), displayMessage = _b[0], setDisplayMessage = _b[1];
+    // Device Configiured State
+    var _c = (0, react_1.useState)(false), isConfigured = _c[0], setIsConfigured = _c[1];
+    // Transaction In Progress Flag
+    var _d = (0, react_1.useState)(false), isTransactionCurrentlyRunning = _d[0], setTransactionCurrentlyRunning = _d[1];
+    // Cancellation in Progress Flag
+    var _e = (0, react_1.useState)(false), isCancellationRunning = _e[0], setCancellationRunning = _e[1];
+    // Configuration In Progress State
+    var _f = (0, react_1.useState)(false), isConfigurationInProgress = _f[0], setConfigurationInProgress = _f[1];
+    // Logs DataStructure
+    var _g = (0, react_1.useState)([]), logs = _g[0], setLogs = _g[1];
+    // Ref to maintain subscription
+    var subscriptionsRef = (0, react_1.useRef)(new Map());
+    // Ref to maintain timeout during configuration
+    // Because after a successfull EMVParamDownload
+    // Device reboots which leads to USB disconnection
+    // and connection
+    var unconfigureTimeoutRef = (0, react_1.useRef)(null);
+    // Ref to maintain device connection/disconnection
+    var isDeviceConnectedRef = (0, react_1.useRef)(isDeviceConnected);
+    (0, react_1.useEffect)(function () {
+        // Always sync ref first
+        isDeviceConnectedRef.current = isDeviceConnected;
+        // Handle disconnect logic
+        if (!isDeviceConnected) {
+            unconfigureDevice(false);
+            setConfigurationInProgress(false);
+            setTransactionCurrentlyRunning(false);
+            setCancellationRunning(false);
+        }
+    }, [isDeviceConnected]);
+    // Logging helper
+    var pushLog = function (type, payload) {
+        setLogs(function (prev) { return __spreadArray(__spreadArray([], prev, true), [{ type: type, payload: payload, timestamp: Date.now() }], false); });
+    };
+    // Exposed Method to unconfigure Device
+    var unconfigureDevice = function (immediate) {
+        if (immediate === void 0) { immediate = false; }
+        // Cancel any pending delayed unconfigure
+        if (unconfigureTimeoutRef.current) {
+            clearTimeout(unconfigureTimeoutRef.current);
+            unconfigureTimeoutRef.current = null;
+        }
+        if (immediate) {
+            setIsConfigured(false);
+            return;
+        }
+        // Delayed unconfigure (handles IDTECH reboot)
+        unconfigureTimeoutRef.current = setTimeout(function () {
+            if (!isDeviceConnectedRef.current) {
+                setIsConfigured(false);
+            }
+        }, 2000);
+    };
+    // Native to Provider EMV event listening
+    (0, react_1.useEffect)(function () {
+        var nativeSubs = types_1.EVENT_NAMES.map(function (eventName) {
+            return emvEmitter.addListener(eventName, function (payload) {
+                pushLog(eventName, payload);
+                if (eventName === 'onShowDisplayMessage') {
+                    setDisplayMessage(payload);
+                }
+                if (eventName === 'onConfigCompleted') {
+                    setConfigurationInProgress(false);
+                    setCancellationRunning(false);
+                    setIsConfigured(true);
+                }
+                if (eventName === 'onConfigError') {
+                    setConfigurationInProgress(false);
+                    setCancellationRunning(false);
+                    setIsConfigured(false);
+                }
+                if (eventName === 'onProcessAlreadyRunning') {
+                    setCancellationRunning(false);
+                    setTransactionCurrentlyRunning(true);
+                }
+                if (TRANSACTION_RESPONSE_EVENTS.includes(eventName)) {
+                    setTransactionCurrentlyRunning(false);
+                    setCancellationRunning(false);
+                }
+                var callbacks = subscriptionsRef.current.get(eventName);
+                callbacks === null || callbacks === void 0 ? void 0 : callbacks.forEach(function (cb) { return cb(payload); });
+            });
+        });
+        return function () {
+            nativeSubs.forEach(function (s) { return s.remove(); });
+            subscriptionsRef.current.clear();
+        };
+    }, []);
+    // Exposed method to run EMV configuration
+    var runConfiguration = function (config) {
+        var title = 'CONFIGURATION DENIED';
+        var message = !isDeviceConnected
+            ? 'IDTECH device is not connected via USB'
+            : config.merchantID == ''
+                ? 'Merchant ID not found'
+                : config.operatorID == ''
+                    ? 'Operator ID not Found'
+                    : config.secureDeviceName == '' || config.posPackageID == ''
+                        ? 'Some configuration parameters are missing'
+                        : '';
+        if (message != '') {
+            pushLog(title, message);
+            return;
+        }
+        setConfigurationInProgress(true);
+        console.log('Initialising::: ConfugurationProgress:', isConfigurationInProgress, 'isDeviceConnected: ', isDeviceConnected);
+        DsiEMVManagerBridge.clearTransactionListener();
+        DsiEMVManagerBridge.initialize(config);
+        DsiEMVManagerBridge.configureDevice();
+    };
+    // Exposed method to run EMV CC Sale
+    var creditCardSale = function (amount) {
+        if (!isDeviceConnected || !isConfigured)
+            return;
+        setTransactionCurrentlyRunning(true);
+        DsiEMVManagerBridge.runSaleTransaction(amount);
+    };
+    // Exposed method to run In House/ Prepaid Card Read
+    var prepaidCardRead = function () {
+        if (!isDeviceConnected || !isConfigured)
+            return;
+        setTransactionCurrentlyRunning(true);
+        DsiEMVManagerBridge.collectCardDetails();
+    };
+    // Exposed method to run EMV CC Sale for Sale
+    var creditCardRecurringSale = function (amount) {
+        if (!isDeviceConnected || !isConfigured)
+            return;
+        setTransactionCurrentlyRunning(true);
+        DsiEMVManagerBridge.runRecurringTransaction(amount);
+    };
+    // Exposed method to run EMV CC Zero Auth
+    var zeroAuthTransaction = function () {
+        if (!isDeviceConnected || !isConfigured)
+            return;
+        setTransactionCurrentlyRunning(true);
+        DsiEMVManagerBridge.replaceCardInRecurring();
+    };
+    // Exposed method to fetch device details
+    var getDeviceDetails = function () {
+        if (!isDeviceConnected)
+            return;
+        DsiEMVManagerBridge.getDeviceDetails();
+    };
+    // Exposed method to cancel transaction
+    var cancelOperation = function () {
+        setTransactionCurrentlyRunning(false);
+        setConfigurationInProgress(false);
+        setCancellationRunning(true);
+        DsiEMVManagerBridge.cancelTransaction();
+    };
+    // Exposed method to remove all attached listener
+    var removeAllListeners = function () {
+        subscriptionsRef.current.clear();
+        DsiEMVManagerBridge.clearTransactionListener();
+    };
+    // Exposed method to subscribe to an event
+    var subscribeToEvent = function (eventName, callback) {
+        if (!subscriptionsRef.current.has(eventName)) {
+            subscriptionsRef.current.set(eventName, new Set());
+        }
+        subscriptionsRef.current.get(eventName).add(callback);
+    };
+    // Exposed method to unsubscribe Event
+    var unsubscribeFromEvent = function (eventName, callback) {
+        var _a;
+        (_a = subscriptionsRef.current.get(eventName)) === null || _a === void 0 ? void 0 : _a.delete(callback);
+    };
+    // EVENTS Memoization
+    var EVENTS = (0, react_1.useMemo)(function () {
+        return types_1.EVENT_NAMES.reduce(function (acc, e) {
+            acc[e] = e;
+            return acc;
+        }, {});
+    }, []);
+    // Cleanup on unmount
+    (0, react_1.useEffect)(function () {
+        return function () {
+            if (unconfigureTimeoutRef.current) {
+                clearTimeout(unconfigureTimeoutRef.current);
+            }
+        };
+    }, []);
+    // Context value builder
+    var value = {
+        logs: logs,
+        isDeviceConnected: isDeviceConnected,
+        isConfigured: isConfigured,
+        isTransactionCurrentlyRunning: isTransactionCurrentlyRunning,
+        isConfigurationInProgress: isConfigurationInProgress,
+        isCancellationRunning: isCancellationRunning,
+        displayMessage: displayMessage,
+        unconfigureDevice: unconfigureDevice,
+        creditCardSale: creditCardSale,
+        prepaidCardRead: prepaidCardRead,
+        creditCardRecurringSale: creditCardRecurringSale,
+        zeroAuthTransaction: zeroAuthTransaction,
+        getDeviceDetails: getDeviceDetails,
+        runConfiguration: runConfiguration,
+        removeAllListeners: removeAllListeners,
+        cancelOperation: cancelOperation,
+        EVENTS: EVENTS,
+        subscribeToEvent: subscribeToEvent,
+        unsubscribeFromEvent: unsubscribeFromEvent,
+    };
+    return (react_1.default.createElement(EMVPaymentContext.Provider, { value: value }, children));
+};
+exports.EMVPaymentProvider = EMVPaymentProvider;
+//# sourceMappingURL=EMVPaymentProvider.js.map

package/dist/emvPaymentProvider/EMVPaymentProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EMVPaymentProvider.js","sourceRoot":"","sources":["../../src/emvPaymentProvider/EMVPaymentProvider.tsx"],"names":[],"mappings":"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"}

package/dist/emvPaymentProvider/types.d.ts

@@ -0,0 +1,37 @@
+export declare const EVENT_NAMES: readonly ["onError", "onConfigError", "onConfigCompleted", "onCardReadSuccessfully", "onSaleTransactionCompleted", "onRecurringSaleCompleted", "onReplaceCardCompleted", "onDeviceDetailsRetrieved", "onShowDisplayMessage", "onProcessAlreadyRunning", "onTransactionCancelled"];
+export type EMVEventName = typeof EVENT_NAMES[number];
+export interface CallbackLog {
+    type: string;
+    payload: any;
+    timestamp: number;
+}
+export interface EMVPaymentHook {
+    logs: CallbackLog[];
+    isDeviceConnected: boolean;
+    isConfigured: boolean;
+    isTransactionCurrentlyRunning: boolean;
+    isConfigurationInProgress: boolean;
+    isCancellationRunning: boolean;
+    displayMessage: string;
+    unconfigureDevice: (immediate: boolean) => void;
+    creditCardSale: (amount: string) => void;
+    prepaidCardRead: () => void;
+    creditCardRecurringSale: (amount: string) => void;
+    zeroAuthTransaction: () => void;
+    getDeviceDetails: () => void;
+    runConfiguration: (config: EMVConfig) => void;
+    removeAllListeners: () => void;
+    cancelOperation: () => void;
+    EVENTS: Record<EMVEventName, EMVEventName>;
+    subscribeToEvent: (eventName: EMVEventName, callback: (payload: any) => void) => void;
+    unsubscribeFromEvent: (eventName: EMVEventName, callback: (payload: any) => void) => void;
+}
+export interface EMVPaymentContextType extends EMVPaymentHook {
+}
+export interface EMVConfig {
+    merchantID: string;
+    isSandBox: boolean;
+    secureDeviceName: string;
+    operatorID: string;
+    posPackageID: string;
+}

package/dist/{types.js → emvPaymentProvider/types.js}

@@ -3,15 +3,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.EVENT_NAMES = void 0;
 exports.EVENT_NAMES = [
     'onError',
+    'onConfigError',
+    'onConfigCompleted',
     'onCardReadSuccessfully',
     'onSaleTransactionCompleted',
     'onRecurringSaleCompleted',
     'onReplaceCardCompleted',
-    'onClientVersionCompleted',
-    'onShowMessage',
-    'onConfigError',
-    'onConfigPingFailed',
-    'onConfigPingSuccess',
-    'onConfigCompleted',
+    'onDeviceDetailsRetrieved',
+    'onShowDisplayMessage',
+    'onProcessAlreadyRunning',
+    'onTransactionCancelled'
 ];
 //# sourceMappingURL=types.js.map

package/dist/emvPaymentProvider/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/emvPaymentProvider/types.ts"],"names":[],"mappings":";;;AAAa,QAAA,WAAW,GAAG;IACvB,SAAS;IACT,eAAe;IACf,mBAAmB;IACnB,wBAAwB;IACxB,4BAA4B;IAC5B,0BAA0B;IAC1B,wBAAwB;IACxB,0BAA0B;IAC1B,sBAAsB;IACtB,yBAAyB;IACzB,wBAAwB;CAClB,CAAC"}

package/dist/emvPaymentProvider/useEMVPayment.d.ts

@@ -0,0 +1,2 @@
+import { EMVPaymentContextType } from './types';
+export declare function useEMVPayment(): EMVPaymentContextType;

package/dist/emvPaymentProvider/useEMVPayment.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useEMVPayment = void 0;
+// useEMVPayment.ts
+var react_1 = require("react");
+var EMVPaymentProvider_1 = require("./EMVPaymentProvider");
+function useEMVPayment() {
+    var ctx = (0, react_1.useContext)(EMVPaymentProvider_1.EMVPaymentContext);
+    if (!ctx) {
+        throw new Error('useEMVPayment must be used inside EMVPaymentProvider');
+    }
+    return ctx;
+}
+exports.useEMVPayment = useEMVPayment;
+//# sourceMappingURL=useEMVPayment.js.map

package/dist/emvPaymentProvider/useEMVPayment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEMVPayment.js","sourceRoot":"","sources":["../../src/emvPaymentProvider/useEMVPayment.ts"],"names":[],"mappings":";;;AAAA,mBAAmB;AACnB,+BAAmC;AAEnC,2DAAyD;AAEzD,SAAgB,aAAa;IAC3B,IAAM,GAAG,GAAG,IAAA,kBAAU,EAAC,sCAAiB,CAAC,CAAC;IAE1C,IAAI,CAAC,GAAG,EAAE;QACR,MAAM,IAAI,KAAK,CACb,sDAAsD,CACvD,CAAC;KACH;IAED,OAAO,GAAG,CAAC;AACb,CAAC;AAVD,sCAUC"}

package/dist/example/EMVPaymentScreen.d.ts

@@ -1,6 +1,3 @@
 import React from 'react';
-import { EMVConfig } from '../types';
-declare const EMVPaymentScreenExample: React.FC<{
-    config: EMVConfig;
-}>;
+declare const EMVPaymentScreenExample: () => React.JSX.Element;
 export default EMVPaymentScreenExample;

package/dist/example/EMVPaymentScreen.js

@@ -1,53 +1,162 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
+var react_1 = __importStar(require("react"));
 var react_native_1 = require("react-native");
-var useEMVPayment_1 = require("../useEMVPayment");
-var PaymentProvider_1 = require("../PaymentProvider");
+var EMVSettingsScreen_1 = __importDefault(require("./EMVSettingsScreen"));
+var ExternalSystemsScreen_1 = __importDefault(require("./ExternalSystemsScreen"));
+var USBDeviceContext_1 = require("../usb/USBDeviceContext");
+var EMVPaymentProvider_1 = require("../emvPaymentProvider/EMVPaymentProvider");
+var useEMVPayment_1 = require("../emvPaymentProvider/useEMVPayment");
 var TickIcon = function () { return (react_1.default.createElement(react_native_1.Text, { style: { color: 'green', fontSize: 18, marginRight: 6 } }, "\u2714\uFE0F")); };
+var SettingsIcon = function (_a) {
+    var onPress = _a.onPress;
+    return (react_1.default.createElement(react_native_1.TouchableOpacity, { onPress: onPress },
+        react_1.default.createElement(react_native_1.Text, { style: { color: 'grey', fontSize: 26, padding: 6 } }, "\uD83D\uDEE0\uFE0F")));
+};
+var ExternalSystemIcon = function (_a) {
+    var onPress = _a.onPress;
+    return (react_1.default.createElement(react_native_1.TouchableOpacity, { onPress: onPress },
+        react_1.default.createElement(react_native_1.Text, { style: { color: 'grey', fontSize: 26, padding: 6 } }, "\u2699\uFE0F")));
+};
 var CrossIcon = function () { return (react_1.default.createElement(react_native_1.Text, { style: { color: 'red', fontSize: 18, marginRight: 6 } }, "\u274C")); };
-var EMVPaymentScreenExample = function (_a) {
-    var config = _a.config;
-    return (react_1.default.createElement(PaymentProvider_1.PaymentProvider, { config: config },
-        react_1.default.createElement(ExampleContent, null)));
+var EMVPaymentScreenExample = function () {
+    var _a = (0, react_1.useState)(null), config = _a[0], setConfig = _a[1];
+    var _b = (0, react_1.useState)(false), showSettingsScreen = _b[0], setShowSettingsScreen = _b[1];
+    var _c = (0, react_1.useState)(false), showExternalSystemScreen = _c[0], setShowExternalSystemScreen = _c[1];
+    var toggleSettingsScreen = function () {
+        setShowSettingsScreen(function (prev) { return !prev; });
+    };
+    var toggleExternalSystemScreen = function () {
+        setShowExternalSystemScreen(function (prev) { return !prev; });
+    };
+    var handleApplySetting = function (emvConfig) {
+        setConfig(emvConfig);
+        toggleSettingsScreen();
+    };
+    var renderScreen = function () {
+        if (showExternalSystemScreen)
+            return (react_1.default.createElement(ExternalSystemsScreen_1.default, { config: config, onBackPress: toggleExternalSystemScreen }));
+        if (showSettingsScreen)
+            return (react_1.default.createElement(EMVSettingsScreen_1.default, { data: config, onConfigUpdate: handleApplySetting }));
+        return (react_1.default.createElement(ExampleContent, { onPressSettings: toggleSettingsScreen, onPressExternalSystem: toggleExternalSystemScreen }));
+    };
+    return (react_1.default.createElement(USBDeviceContext_1.USBDeviceProvider, null,
+        react_1.default.createElement(EMVPaymentProvider_1.EMVPaymentProvider, null, renderScreen())));
 };
-var ExampleContent = function () {
-    var _a = (0, useEMVPayment_1.useEMVPayment)(), logs = _a.logs, isDeviceConnected = _a.isDeviceConnected, loading = _a.loading, handleCardPayment = _a.handleCardPayment, handleInHousePayment = _a.handleInHousePayment, runRecurringTransaction = _a.runRecurringTransaction, replaceCardInRecurring = _a.replaceCardInRecurring, setupConfig = _a.setupConfig, clearAllTransactions = _a.clearAllTransactions, cancelOperation = _a.cancelOperation, getClientVersion = _a.getClientVersion;
+var ExampleContent = function (_a) {
+    var onPressExternalSystem = _a.onPressExternalSystem, onPressSettings = _a.onPressSettings;
+    var _b = (0, react_1.useState)(false), infoVisible = _b[0], setInfoVisible = _b[1];
+    var _c = (0, useEMVPayment_1.useEMVPayment)(), logs = _c.logs, isConfigured = _c.isConfigured, creditCardSale = _c.creditCardSale, prepaidCardRead = _c.prepaidCardRead, creditCardRecurringSale = _c.creditCardRecurringSale, zeroAuthTransaction = _c.zeroAuthTransaction, cancelOperation = _c.cancelOperation, getDeviceDetails = _c.getDeviceDetails, isTransactionCurrentlyRunning = _c.isTransactionCurrentlyRunning, displayMessage = _c.displayMessage;
+    var showAlertIfNotConfigured = function () {
+        if (isConfigured)
+            return false;
+        else
+            setInfoVisible(true);
+    };
     return (react_1.default.createElement(react_native_1.View, { style: styles.container },
         react_1.default.createElement(react_native_1.View, { style: styles.statusRow },
-            isDeviceConnected ? react_1.default.createElement(TickIcon, null) : react_1.default.createElement(CrossIcon, null),
-            react_1.default.createElement(react_native_1.Text, { style: [styles.statusLabel, { color: isDeviceConnected ? 'green' : 'red' }] }, isDeviceConnected ? 'Connected' : 'Not Connected')),
-        react_1.default.createElement(react_native_1.Text, { style: styles.title }, "EMV Payment Demo"),
-        react_1.default.createElement(react_native_1.View, { style: styles.buttonRow },
-            react_1.default.createElement(react_native_1.TouchableOpacity, { style: [styles.ctaButton, !isDeviceConnected ? styles.ctaButtonEnabled : styles.ctaButtonDisabled], onPress: setupConfig, disabled: isDeviceConnected || loading },
-                react_1.default.createElement(react_native_1.Text, { style: styles.ctaButtonText }, isDeviceConnected ? 'Configuration Ready' : 'Setup Configuration')),
-            react_1.default.createElement(react_native_1.TouchableOpacity, { style: [styles.ctaButton, (loading || !isDeviceConnected) ? styles.ctaButtonDisabled : styles.ctaButtonEnabled], onPress: function () { return handleCardPayment('10.00'); }, disabled: loading || !isDeviceConnected },
-                react_1.default.createElement(react_native_1.Text, { style: styles.ctaButtonText }, "Pay via Credit Card")),
-            react_1.default.createElement(react_native_1.TouchableOpacity, { style: [styles.ctaButton, (loading || !isDeviceConnected) ? styles.ctaButtonDisabled : styles.ctaButtonEnabled], onPress: handleInHousePayment, disabled: loading || !isDeviceConnected },
-                react_1.default.createElement(react_native_1.Text, { style: styles.ctaButtonText }, "Pay via In-house"))),
+            isConfigured ? react_1.default.createElement(TickIcon, null) : react_1.default.createElement(CrossIcon, null),
+            react_1.default.createElement(react_native_1.Text, { style: [
+                    styles.statusLabel,
+                    { color: isConfigured ? 'green' : 'red' },
+                ] }, isConfigured ? 'Connected' : 'Not Connected')),
+        react_1.default.createElement(react_native_1.View, { style: styles.titleRow },
+            react_1.default.createElement(ExternalSystemIcon, { onPress: function () { return onPressExternalSystem(); } }),
+            react_1.default.createElement(react_native_1.Text, { style: styles.title }, "EMV Payment Demo"),
+            react_1.default.createElement(SettingsIcon, { onPress: function () { return onPressSettings(); } })),
         react_1.default.createElement(react_native_1.View, { style: styles.buttonRow },
-            react_1.default.createElement(react_native_1.TouchableOpacity, { style: [styles.ctaButton, (loading || !isDeviceConnected) ? styles.ctaButtonDisabled : styles.ctaButtonEnabled], onPress: function () { return runRecurringTransaction('1.50'); }, disabled: loading || !isDeviceConnected },
-                react_1.default.createElement(react_native_1.Text, { style: styles.ctaButtonText }, "Setup Recurring")),
-            react_1.default.createElement(react_native_1.TouchableOpacity, { style: [styles.ctaButton, loading ? styles.ctaButtonDisabled : styles.ctaButtonEnabled], onPress: clearAllTransactions, disabled: loading },
-                react_1.default.createElement(react_native_1.Text, { style: styles.ctaButtonText }, "Clear All"))),
+            react_1.default.createElement(react_native_1.TouchableOpacity, { style: [
+                    styles.ctaButton,
+                    isTransactionCurrentlyRunning
+                        ? styles.ctaButtonDisabled
+                        : styles.ctaButtonEnabled,
+                ], onPress: function () {
+                    if (!showAlertIfNotConfigured())
+                        creditCardSale('10.00');
+                }, disabled: isTransactionCurrentlyRunning },
+                react_1.default.createElement(react_native_1.Text, { style: styles.ctaButtonText }, "CC Sale")),
+            react_1.default.createElement(react_native_1.TouchableOpacity, { style: [
+                    styles.ctaButton,
+                    isTransactionCurrentlyRunning
+                        ? styles.ctaButtonDisabled
+                        : styles.ctaButtonEnabled,
+                ], onPress: function () {
+                    if (!showAlertIfNotConfigured())
+                        creditCardRecurringSale('1.50');
+                }, disabled: isTransactionCurrentlyRunning },
+                react_1.default.createElement(react_native_1.Text, { style: styles.ctaButtonText }, "CC Sale (Recurring)")),
+            react_1.default.createElement(react_native_1.TouchableOpacity, { style: [
+                    styles.ctaButton,
+                    isTransactionCurrentlyRunning
+                        ? styles.ctaButtonDisabled
+                        : styles.ctaButtonEnabled,
+                ], onPress: function () {
+                    if (!showAlertIfNotConfigured())
+                        prepaidCardRead();
+                }, disabled: isTransactionCurrentlyRunning },
+                react_1.default.createElement(react_native_1.Text, { style: styles.ctaButtonText }, "Read Prepaid Card"))),
         react_1.default.createElement(react_native_1.View, { style: styles.buttonRow },
-            react_1.default.createElement(react_native_1.TouchableOpacity, { style: [styles.ctaButton, (loading || !isDeviceConnected) ? styles.ctaButtonDisabled : styles.ctaButtonEnabled], onPress: replaceCardInRecurring, disabled: loading || !isDeviceConnected },
-                react_1.default.createElement(react_native_1.Text, { style: styles.ctaButtonText }, "Replace Card in Recurring")),
-            react_1.default.createElement(react_native_1.TouchableOpacity, { style: [styles.ctaButton, (loading || !isDeviceConnected) ? styles.ctaButtonDisabled : styles.ctaButtonEnabled], onPress: getClientVersion, disabled: loading || !isDeviceConnected },
-                react_1.default.createElement(react_native_1.Text, { style: styles.ctaButtonText }, "Get Client Version")),
-            react_1.default.createElement(react_native_1.TouchableOpacity, { style: [styles.ctaButton, (loading || !isDeviceConnected) ? styles.ctaButtonDisabled : styles.ctaButtonEnabled], onPress: function () { }, disabled: loading || !isDeviceConnected },
-                react_1.default.createElement(react_native_1.Text, { style: styles.ctaButtonText }, "Refund"))),
-        react_1.default.createElement(react_native_1.Modal, { visible: loading, transparent: true, animationType: "fade", onRequestClose: cancelOperation },
+            react_1.default.createElement(react_native_1.TouchableOpacity, { style: [
+                    styles.ctaButton,
+                    isTransactionCurrentlyRunning
+                        ? styles.ctaButtonDisabled
+                        : styles.ctaButtonEnabled,
+                ], onPress: function () {
+                    if (!showAlertIfNotConfigured())
+                        zeroAuthTransaction();
+                }, disabled: isTransactionCurrentlyRunning },
+                react_1.default.createElement(react_native_1.Text, { style: styles.ctaButtonText }, "CC $0 Auth")),
+            react_1.default.createElement(react_native_1.TouchableOpacity, { style: [
+                    styles.ctaButton,
+                    isTransactionCurrentlyRunning
+                        ? styles.ctaButtonDisabled
+                        : styles.ctaButtonEnabled,
+                ], onPress: function () {
+                    getDeviceDetails();
+                }, disabled: isTransactionCurrentlyRunning },
+                react_1.default.createElement(react_native_1.Text, { style: styles.ctaButtonText }, "Get Client Version"))),
+        react_1.default.createElement(react_native_1.Modal, { visible: isTransactionCurrentlyRunning, transparent: true, animationType: "fade", onRequestClose: cancelOperation },
             react_1.default.createElement(react_native_1.View, { style: styles.modalOverlay },
                 react_1.default.createElement(react_native_1.View, { style: styles.modalContent },
                     react_1.default.createElement(react_native_1.ActivityIndicator, { size: "large", color: "#007AFF" }),
-                    react_1.default.createElement(react_native_1.Text, { style: styles.modalText }, "Processing..."),
+                    react_1.default.createElement(react_native_1.Text, { style: styles.modalText },
+                        "Processing...\\n",
+                        displayMessage),
                     react_1.default.createElement(react_native_1.TouchableOpacity, { style: styles.cancelButton, onPress: cancelOperation },
                         react_1.default.createElement(react_native_1.Text, { style: styles.cancelButtonText }, "Cancel"))))),
-        react_1.default.createElement(react_native_1.Text, { style: styles.logTitle }, "Event Log"),
+        react_1.default.createElement(react_native_1.Text, { style: styles.logTitle }, "Alert"),
+        react_1.default.createElement(react_native_1.Modal, { visible: infoVisible, transparent: true, animationType: "fade", onRequestClose: function () { return setInfoVisible(false); } },
+            react_1.default.createElement(react_native_1.Pressable, { style: styles.modalBackground, onPress: function () { return setInfoVisible(false); } },
+                react_1.default.createElement(react_native_1.Pressable, { style: styles.modalContainer },
+                    react_1.default.createElement(react_native_1.Text, { style: styles.modalText }, "Go to Settings and Configure IDTECH Device First"),
+                    react_1.default.createElement(react_native_1.Pressable, { style: styles.closeButton, onPress: function () { return setInfoVisible(false); } },
+                        react_1.default.createElement(react_native_1.Text, { style: styles.ctaButtonText }, "Close"))))),
         react_1.default.createElement(react_native_1.ScrollView, { style: styles.logArea, contentContainerStyle: styles.logContent }, logs.length === 0 ? (react_1.default.createElement(react_native_1.Text, { style: styles.logEmpty }, "No events yet.")) : (logs.map(function (log, idx) { return (react_1.default.createElement(react_native_1.View, { key: log.timestamp + idx, style: styles.logItem },
             react_1.default.createElement(react_native_1.Text, { style: styles.logType }, log.type),
             react_1.default.createElement(react_native_1.Text, { style: styles.logPayload }, typeof log.payload === 'object'
@@ -61,6 +170,12 @@ var styles = react_native_1.StyleSheet.create({
         padding: 16,
         backgroundColor: '#FAFAFA',
     },
+    titleRow: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        marginVertical: 10,
+    },
     statusRow: {
         flexDirection: 'row',
         alignItems: 'center',
@@ -93,12 +208,23 @@ var styles = react_native_1.StyleSheet.create({
         shadowRadius: 4,
         elevation: 5,
     },
+    modalBackground: {
+        flex: 1,
+        backgroundColor: 'rgba(0,0,0,0.5)',
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    modalContainer: {
+        backgroundColor: '#FFFFFF',
+        padding: 20,
+        borderRadius: 8,
+        width: '80%',
+        alignItems: 'center',
+    },
     modalText: {
-        fontSize: 16,
-        fontWeight: '600',
-        color: '#333',
-        marginTop: 16,
-        marginBottom: 20,
+        fontSize: 15,
+        color: '#111827',
+        textAlign: 'center',
     },
     cancelButton: {
         backgroundColor: '#FF3B30',
@@ -116,8 +242,8 @@ var styles = react_native_1.StyleSheet.create({
     title: {
         fontSize: 22,
         fontWeight: 'bold',
-        marginBottom: 18,
         textAlign: 'center',
+        alignSelf: 'center',
     },
     buttonRow: {
         flexDirection: 'row',
@@ -187,6 +313,13 @@ var styles = react_native_1.StyleSheet.create({
         marginTop: 2,
         textAlign: 'right',
     },
+    closeButton: {
+        marginTop: 12,
+        backgroundColor: '#2563EB',
+        paddingVertical: 8,
+        paddingHorizontal: 14,
+        borderRadius: 6,
+    }
 });
 exports.default = EMVPaymentScreenExample;
 //# sourceMappingURL=EMVPaymentScreen.js.map