@achyutlabsau/vue-payment-gateway 0.0.1 → 0.0.3

package/dist/index.js

@@ -1,8 +1,13 @@
 import { s as setState, a as setEnvironment, i as isPluginInitialized } from "./state-0HFa2Xwz.js";
+import "quasar";
+import { T as TYRO_CONSTANTS } from "./tyro.enums-OZuKaM2C.js";
+import { useScriptTag } from "@vueuse/core";
 import { g } from "./index-C8vc_75e.js";
 const install = (_app, options) => {
   setState(options);
   options.environment && setEnvironment(options.environment);
+  const tyroConfig = options.environment === "production" ? TYRO_CONSTANTS.URLS.PRODUCTION : TYRO_CONSTANTS.URLS.DEVELOPMENT;
+  useScriptTag(tyroConfig.SDK_URL);
   isPluginInitialized.value = true;
 };
 const VuePaymentGateway = { install };

package/dist/smartpay.d.ts

@@ -27,6 +27,11 @@ export declare interface PollingResponseData {
     data?: TransactionData;
 }
 
+export declare interface PollingResult {
+    transactionOutcome: TransactionOutcome;
+    responseData: PollingResponseData;
+}
+
 export declare const PROD_SMARTPAY_API_URL = "https://api.smart-connect.cloud/POS";
 
 export declare enum ResultType {
@@ -37,6 +42,10 @@ export declare enum ResultType {
     FailedInterface = "FAILED-INTERFACE"
 }
 
+declare interface SmartConnectPayRef extends PollingResult {
+    smartPayCustomerReceipt?: string;
+}
+
 export declare class SmartPay {
     private api;
     constructor();
@@ -46,10 +55,7 @@ export declare class SmartPay {
         message: string;
     }>;
     createTransaction(amount: number, transactionType: TransactionTypes): Promise<string>;
-    pollForOutcome(pollingUrl: string, delayed?: () => void): Promise<{
-        transactionOutcome: TransactionOutcome;
-        responseData: PollingResponseData;
-    }>;
+    pollForOutcome(pollingUrl: string, delayed?: () => void): Promise<PollingResult>;
 }
 
 declare interface TransactionData {
@@ -137,6 +143,8 @@ export declare const useSmartPay: () => {
         success: boolean;
         message: string;
     }>;
+    initiatePurchase: (amount: number) => Promise<SmartConnectPayRef>;
+    initiateRefund: (amount: number) => Promise<SmartConnectPayRef>;
 };
 
 export { }

package/dist/smartpay.js

@@ -165,6 +165,44 @@ class SmartConnectAPI {
     return poll();
   }
 }
+const updateDialog = (dialog, transactionOutcome) => {
+  if (transactionOutcome === TransactionOutcome.Accepted) {
+    dialog.update({
+      title: "Success!",
+      class: "text-green-500",
+      progress: false,
+      message: '<div class="text-gray-800 text-base">Transaction Accepted!</div>'
+    });
+  } else if (transactionOutcome === TransactionOutcome.Declined) {
+    dialog.update({
+      title: "Failed!",
+      class: "text-red-500",
+      progress: false,
+      message: '<div class="text-gray-800 text-base">Transaction Declined!</div>'
+    });
+  } else if (transactionOutcome === TransactionOutcome.Cancelled) {
+    dialog.update({
+      title: "Failed!",
+      class: "text-red-500",
+      progress: false,
+      message: '<div class="text-gray-800 text-base">Transaction Cancelled!</div>'
+    });
+  } else if (transactionOutcome === TransactionOutcome.DeviceOffline) {
+    dialog.update({
+      title: "Failed!",
+      class: "text-red-500",
+      progress: false,
+      message: '<div class="text-gray-800 text-base">Transaction Cancelled! Please check if the device is powered on and online.</div>'
+    });
+  } else {
+    dialog.update({
+      title: "Failed!",
+      class: "text-red-500",
+      progress: false,
+      message: '<div class="text-gray-800 text-base">Transaction Failed!</div>'
+    });
+  }
+};
 const useSmartPay = () => {
   const smartPayApi = new SmartConnectAPI();
   const pairTerminal = async (pairingCode) => {
@@ -190,7 +228,49 @@ const useSmartPay = () => {
       setTimeout(dialog.hide, 2500);
     }
   };
-  return { pairTerminal };
+  const initiateSmartConnectPayment = (cardAmount, transactionType) => {
+    return new Promise((resolve, reject) => {
+      const dialog = Dialog.create({ ...dialogDefaultOpts });
+      let delayedShown = false;
+      const delayed = function() {
+        if (!delayedShown) {
+          delayedShown = true;
+          dialog.update({
+            message: "Transaction delayed! Check if the device is powered on and online"
+          });
+        }
+      };
+      smartPayApi.createTransaction(cardAmount, transactionType).then((pollingUrl) => {
+        dialog.update({
+          message: "Transaction is in process! Please wait"
+        });
+        return smartPayApi.pollForOutcome(pollingUrl, delayed);
+      }).then((response) => {
+        var _a, _b;
+        updateDialog(dialog, response.transactionOutcome);
+        resolve({
+          ...response,
+          smartPayCustomerReceipt: (_b = (_a = response.responseData) == null ? void 0 : _a.data) == null ? void 0 : _b.Receipt
+        });
+        setTimeout(dialog.hide, 3e3);
+      }).catch((errorMessage) => {
+        dialog.update({
+          title: "Error!",
+          class: "text-red-500",
+          progress: false,
+          message: `<div class="text-gray-800 text-base">${errorMessage}</div>`
+        });
+        reject({ success: false });
+      });
+    });
+  };
+  const initiatePurchase = (amount) => {
+    return initiateSmartConnectPayment(amount, TransactionTypes.Purchase);
+  };
+  const initiateRefund = (amount) => {
+    return initiateSmartConnectPayment(amount, TransactionTypes.Refund);
+  };
+  return { pairTerminal, initiatePurchase, initiateRefund };
 };
 export {
   DEV_SMARTPAY_API_URL,

package/dist/tyro.d.ts

@@ -1,7 +1,3 @@
-export declare const DEV_TYRO_IFRAME_URL = "https://iclientsimulator.test.tyro.com/logs.html#";
-
-export declare const DEV_TYRO_SDK_URL = "https://iclientsimulator.test.tyro.com/iclient-with-ui-v1.js";
-
 export declare interface PairResponse {
     /**
      * Status of the pairing request, can be inProgress, success, failure. If inProgress then more responses will follow.
@@ -19,10 +15,6 @@ export declare interface PairResponse {
 
 export declare type PairTyroCallback = (response: PairResponse) => void;
 
-export declare const PROD_TYRO_IFRAME_URL = "https://iclient.tyro.com/logs.html#";
-
-export declare const PROD_TYRO_SDK_URL = "https://iclient.tyro.com/iclient-with-ui-v1.js";
-
 export declare interface PurchaseRequestParams {
     /**
      * Indicate whether receipts will be printed on the POS (true) or on the terminal (false).
@@ -109,6 +101,19 @@ export declare interface TransactionCompleteResponse {
     result: TyroTransactionStatus;
 }
 
+export declare const TYRO_CONSTANTS: {
+    URLS: {
+        DEVELOPMENT: {
+            SDK_URL: string;
+            IFRAME_URL: string;
+        };
+        PRODUCTION: {
+            SDK_URL: string;
+            IFRAME_URL: string;
+        };
+    };
+};
+
 export declare interface TyroPosProductInfo {
     /**
      * Name of your company.
@@ -139,6 +144,7 @@ export declare enum TyroTransactionStatus {
 }
 
 export declare const useTyro: () => {
+    IFRAME_URL: string;
     pairTyro: (merchantId: string, terminalId: string) => Promise<PairResponse>;
     initiateTyroPurchase: (requestParams: PurchaseRequestParams, receiptCallback: ReceiptCallback) => Promise<TransactionCompleteResponse>;
     initiateTyroRefund: (requestParams: RefundRequestParams, receiptCallback: ReceiptCallback) => Promise<TransactionCompleteResponse>;

package/dist/tyro.enums-OZuKaM2C.js

@@ -0,0 +1,26 @@
+const TYRO_CONSTANTS = {
+  URLS: {
+    DEVELOPMENT: {
+      SDK_URL: "https://iclientsimulator.test.tyro.com/iclient-with-ui-v1.js",
+      IFRAME_URL: "https://iclientsimulator.test.tyro.com/logs.html#"
+    },
+    PRODUCTION: {
+      SDK_URL: "https://iclient.tyro.com/iclient-with-ui-v1.js",
+      IFRAME_URL: "https://iclient.tyro.com/logs.html#"
+    }
+  }
+};
+var TyroTransactionStatus = /* @__PURE__ */ ((TyroTransactionStatus2) => {
+  TyroTransactionStatus2["APPROVED"] = "APPROVED";
+  TyroTransactionStatus2["CANCELLED"] = "CANCELLED";
+  TyroTransactionStatus2["REVERSED"] = "REVERSED";
+  TyroTransactionStatus2["DECLINED"] = "DECLINED";
+  TyroTransactionStatus2["NOT_STARTED"] = "NOT STARTED";
+  TyroTransactionStatus2["SYSTEM_ERROR"] = "SYSTEM ERROR";
+  TyroTransactionStatus2["UNKNOWN"] = "UNKNOWN";
+  return TyroTransactionStatus2;
+})(TyroTransactionStatus || {});
+export {
+  TYRO_CONSTANTS as T,
+  TyroTransactionStatus as a
+};

package/dist/tyro.js

@@ -1,5 +1,7 @@
 import { QSpinnerHourglass, Dialog } from "quasar";
-import { c as checkPluginInitialized, b as state } from "./state-0HFa2Xwz.js";
+import { c as checkPluginInitialized, e as environment, b as state } from "./state-0HFa2Xwz.js";
+import { T as TYRO_CONSTANTS } from "./tyro.enums-OZuKaM2C.js";
+import { a } from "./tyro.enums-OZuKaM2C.js";
 const dialogDefaultOpts = {
   message: "Pairing in progress...",
   class: "text-lg",
@@ -45,6 +47,7 @@ const responseReceivedCallbackImp = (dialog, response) => {
 };
 const useTyro = () => {
   checkPluginInitialized();
+  const { IFRAME_URL } = environment.value === "production" ? TYRO_CONSTANTS.URLS.PRODUCTION : TYRO_CONSTANTS.URLS.DEVELOPMENT;
   const iclient = new TYRO.IClientWithUI(state.tyroApiKey, {
     posProductVendor: state.productVendorName,
     posProductName: state.productName,
@@ -85,27 +88,10 @@ const useTyro = () => {
       iclient.initiateRefund(requestParams, { transactionCompleteCallback: resolve, receiptCallback });
     });
   };
-  return { pairTyro, initiateTyroPurchase, initiateTyroRefund };
+  return { IFRAME_URL, pairTyro, initiateTyroPurchase, initiateTyroRefund };
 };
-const DEV_TYRO_IFRAME_URL = "https://iclientsimulator.test.tyro.com/logs.html#";
-const DEV_TYRO_SDK_URL = "https://iclientsimulator.test.tyro.com/iclient-with-ui-v1.js";
-const PROD_TYRO_IFRAME_URL = "https://iclient.tyro.com/logs.html#";
-const PROD_TYRO_SDK_URL = "https://iclient.tyro.com/iclient-with-ui-v1.js";
-var TyroTransactionStatus = /* @__PURE__ */ ((TyroTransactionStatus2) => {
-  TyroTransactionStatus2["APPROVED"] = "APPROVED";
-  TyroTransactionStatus2["CANCELLED"] = "CANCELLED";
-  TyroTransactionStatus2["REVERSED"] = "REVERSED";
-  TyroTransactionStatus2["DECLINED"] = "DECLINED";
-  TyroTransactionStatus2["NOT_STARTED"] = "NOT STARTED";
-  TyroTransactionStatus2["SYSTEM_ERROR"] = "SYSTEM ERROR";
-  TyroTransactionStatus2["UNKNOWN"] = "UNKNOWN";
-  return TyroTransactionStatus2;
-})(TyroTransactionStatus || {});
 export {
-  DEV_TYRO_IFRAME_URL,
-  DEV_TYRO_SDK_URL,
-  PROD_TYRO_IFRAME_URL,
-  PROD_TYRO_SDK_URL,
-  TyroTransactionStatus,
+  TYRO_CONSTANTS,
+  a as TyroTransactionStatus,
   useTyro
 };

package/package.json

@@ -1,8 +1,16 @@
 {
   "name": "@achyutlabsau/vue-payment-gateway",
   "private": false,
-  "version": "0.0.1",
+  "version": "0.0.3",
   "type": "module",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Achyut-Labs/al-pay-npm-pkg.git"
+  },
+  "bugs": {
+    "url": "https://github.com/Achyut-Labs/al-pay-npm-pkg/issues"
+  },
+  "homepage": "https://github.com/Achyut-Labs/al-pay-npm-pkg#readme",
   "files": [
     "dist"
   ],
@@ -31,20 +39,21 @@
     "build": "vue-tsc -b && vite build",
     "preview": "vite preview"
   },
-  "dependencies": {},
   "peerDependencies": {
-    "uuid": "^11.x.x",
     "axios": "^1.7.x",
+    "@vueuse/core": "*",
     "quasar": "^2.x.x",
+    "uuid": "^11.x.x",
     "vue": "^3.5.x"
   },
   "devDependencies": {
     "@types/node": "^22.10.1",
     "@vitejs/plugin-vue": "^5.2.1",
-    "uuid": "^11.0.3",
+    "@vueuse/core": "^12.0.0",
     "axios": "^1.7.9",
     "quasar": "^2.x.x",
-    "typescript": "5.7.2",
+    "typescript": "5.6.2",
+    "uuid": "^11.0.3",
     "vite": "^6.0.3",
     "vite-plugin-dts": "^4.3.0",
     "vue": "^3.5.13",