@achyutlabsau/vue-payment-gateway 0.2.4 → 0.2.6

package/dist/mx51.d.ts

@@ -104,9 +104,17 @@ export declare const spi: Spi;
 export declare const TransactionDialog: DefineComponent<    {}, {
 showDialog: (amount: number, type?: string) => void;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-"transaction-success": (ev: true) => any;
+"transaction-success": (ev: {
+purchaseAmount: number;
+surchargeAmount?: number;
+tipAmount?: number;
+}) => any;
 }, string, PublicProps, Readonly<{}> & Readonly<{
-"onTransaction-success"?: ((ev: true) => any) | undefined;
+"onTransaction-success"?: ((ev: {
+purchaseAmount: number;
+surchargeAmount?: number;
+tipAmount?: number;
+}) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
 export { }

package/dist/mx51.js

@@ -1,8 +1,8 @@
 import { l as log, s as spi, g as getPairingData, a as getTenants, r as receiptOptions } from "./event-Zm-ArxiV.js";
 import { defineComponent, ref, computed, onMounted, resolveDirective, openBlock, createElementBlock, createVNode, unref, withCtx, createElementVNode, createCommentVNode, createBlock, toDisplayString, withDirectives } from "vue";
 import { QForm, QSelect, QInput, QCheckbox, QIcon, QBtn, QDialog, QCard, QCardSection, Dialog } from "quasar";
-import { useEventListener } from "@vueuse/core";
-import { SpiStatus, TransactionType, SuccessState } from "@mx51/spi-client-js";
+import { useEventListener, useLocalStorage } from "@vueuse/core";
+import { SpiStatus, SuccessState, TransactionType } from "@mx51/spi-client-js";
 import { b as state } from "./state-D014QcxX.js";
 import { v4 } from "uuid";
 function pair(pairingInput) {
@@ -354,28 +354,33 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const pairInfo = ref({
       state: "INPROGRESS",
-      message: "Processing",
-      transactionType: TransactionType.Purchase
+      message: "Processing"
     });
     const model = ref(false);
-    const transactionAmount = ref(0);
+    const runningTxData = useLocalStorage("mx51.runningTxnData", {
+      posRefId: "",
+      txType: "",
+      txnAmount: 0
+    });
     function overrideTransaction(isSuccess) {
       if (isSuccess) {
         spi.AckFlowEndedAndBackToIdle();
         pairInfo.value.state = "SUCCESS";
-        emit("transaction-success", true);
+        emit("transaction-success", {
+          purchaseAmount: runningTxData.value.txnAmount
+        });
       } else {
         spi.AckFlowEndedAndBackToIdle();
         pairInfo.value.state = "FAILED";
         pairInfo.value.message = "Manual Recovery";
       }
+      runningTxData.value = { posRefId: "", txnAmount: 0, txType: "" };
     }
     document.addEventListener("TxFlowStateChanged", (e) => {
       var _a, _b, _c;
       model.value = true;
-      transactionAmount.value = e.detail.AmountCents / 100;
-      localStorage.setItem("mx51.posRefId", e.detail.PosRefId);
-      localStorage.setItem("mx51.txType", e.detail.Type);
+      runningTxData.value.posRefId = e.detail.PosRefId;
+      runningTxData.value.txType = e.detail.Type;
       if (e.detail.AttemptingToCancel) {
         pairInfo.value.state = "AWAITING_CANCELLATION";
         pairInfo.value.message = "Please wait";
@@ -384,8 +389,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         pairInfo.value.state = "AWAITING_SIGNATURE_CHECK";
       } else if (e.detail.AwaitingPhoneForAuth) ;
       else if (e.detail.Finished) {
-        localStorage.removeItem("mx51.posRefId");
-        localStorage.removeItem("mx51.txType");
+        runningTxData.value = { posRefId: "", txnAmount: 0, txType: "" };
         switch (e.detail.Success) {
           case SuccessState.Success:
             pairInfo.value.state = "SUCCESS";
@@ -410,13 +414,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       pairInfo.value.message = e.Data.display_message_text;
     };
     const showDialog = (amount, type) => {
-      transactionAmount.value = amount;
       pairInfo.value.state = "INPROGRESS";
       pairInfo.value.message = "Processing";
       model.value = true;
-      pairInfo.value.transactionType = type ?? TransactionType.Purchase;
+      runningTxData.value.txnAmount = amount;
+      runningTxData.value.txType = type ?? TransactionType.Purchase;
+    };
+    const recoverTransaction = () => {
+      if (runningTxData.value.posRefId && runningTxData.value.txType) {
+        spi.InitiateRecovery(runningTxData.value.posRefId, runningTxData.value.txType);
+      }
     };
     __expose({ showDialog });
+    onMounted(recoverTransaction);
     return (_ctx, _cache) => {
       const _directive_close_popup = resolveDirective("close-popup");
       return openBlock(), createBlock(unref(QDialog), {
@@ -429,7 +439,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             default: withCtx(() => [
               pairInfo.value.state === "INPROGRESS" ? (openBlock(), createBlock(unref(QCardSection), { key: 0 }, {
                 default: withCtx(() => [
-                  createElementVNode("div", _hoisted_1, toDisplayString(pairInfo.value.transactionType) + " of $" + toDisplayString(transactionAmount.value) + " in progress... ", 1),
+                  createElementVNode("div", _hoisted_1, toDisplayString(unref(runningTxData).txType) + " of $" + toDisplayString(unref(runningTxData).txnAmount) + " in progress... ", 1),
                   createElementVNode("div", _hoisted_2, toDisplayString(pairInfo.value.message), 1),
                   createVNode(unref(QBtn), {
                     label: "Cancel",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@achyutlabsau/vue-payment-gateway",
   "private": false,
-  "version": "0.2.4",
+  "version": "0.2.6",
   "type": "module",
   "repository": {
     "type": "git",