@achyutlabsau/vue-payment-gateway 0.3.8 → 0.4.1

package/dist/{PairLinkly.vue_vue_type_script_setup_true_lang-DM33Q34t.js → PairLinkly.vue_vue_type_script_setup_true_lang-Dcg0IDxC.js}

@@ -6,8 +6,9 @@ import { Dialog, QDialog, QCard, QToolbar, QToolbarTitle, QIcon, QCardSection, Q
 import { i as isNetworkError, a as isServerError, d as delay, g as generateTransactionId } from "./index-e4lpzJsL.js";
 import axios, { isAxiosError, HttpStatusCode } from "axios";
 import { v7 } from "uuid";
-import { R as ReceiptAutoPrint, T as TransactionTypes, d as dialogDefaultOpts, C as CurrencyCodes, a as ResponseCodes, u as updateDialog, b as TransactionOutcome } from "./utils-Bp5B61Zb.js";
-import { e as environment, b as state, m as mdiCheckCircle, d as mdiChevronLeft, c as mdiRefresh, _ as _sfc_main$2, f as mdiLink } from "./PairInstructions.vue_vue_type_script_setup_true_lang-BkPzOduD.js";
+import { d as dialogDefaultOpts } from "./utils-GrbVNAXw.js";
+import { e as environment, b as state, m as mdiCheckCircle, d as mdiChevronLeft, c as mdiRefresh, _ as _sfc_main$3, f as mdiLink } from "./PairInstructions.vue_vue_type_script_setup_true_lang-BkPzOduD.js";
+import { _ as _sfc_main$2 } from "./TransactionDialog.vue_vue_type_script_setup_true_lang-DTIELKw0.js";
 import { useLocalStorage } from "@vueuse/core";
 const LINKLY_CONSTANTS = {
   PATHS: {
@@ -294,7 +295,88 @@ class LinklyPaymentGateway {
       };
     }
   }
+  async sendKey(key) {
+    const uuid = v7();
+    try {
+      await this._ensureValidToken();
+      const payload = {
+        Request: {
+          Key: key
+        }
+      };
+      const res = await this._api.post(`${uuid}/sendkey`, payload, {
+        params: DEFAULT_REQUEST_PARAMS
+      });
+      const isSuccess = res.status === HttpStatusCode.Ok;
+      return {
+        success: isSuccess,
+        message: "Key sent successfully."
+      };
+    } catch (error) {
+      if (axios.isAxiosError(error) && error.response) {
+        const status = error.response.status;
+        if (status === HttpStatusCode.Unauthorized) {
+          try {
+            await this.getLinklyAuthToken();
+            return this.sendKey(key);
+          } catch {
+            return {
+              success: false,
+              message: "Failed to authenticate. Please check your Linkly account credentials."
+            };
+          }
+        }
+        if (status === HttpStatusCode.RequestTimeout || isServerError(error)) {
+          await delay();
+          return this.sendKey(key);
+        }
+      }
+      return {
+        success: false,
+        message: "Failed to send key."
+      };
+    }
+  }
 }
+var TransactionTypes = /* @__PURE__ */ ((TransactionTypes2) => {
+  TransactionTypes2["Purchase"] = "P";
+  TransactionTypes2["Refund"] = "R";
+  return TransactionTypes2;
+})(TransactionTypes || {});
+var CurrencyCodes = /* @__PURE__ */ ((CurrencyCodes2) => {
+  CurrencyCodes2["AustralianDollar"] = "AUD";
+  return CurrencyCodes2;
+})(CurrencyCodes || {});
+var ReceiptAutoPrint = /* @__PURE__ */ ((ReceiptAutoPrint2) => {
+  ReceiptAutoPrint2["ReturnToPOS"] = "0";
+  ReceiptAutoPrint2["MixedPrint"] = "7";
+  ReceiptAutoPrint2["AllReceiptsFromPINPad"] = "9";
+  return ReceiptAutoPrint2;
+})(ReceiptAutoPrint || {});
+var ResponseCodes = /* @__PURE__ */ ((ResponseCodes2) => {
+  ResponseCodes2["APPROVED"] = "00";
+  ResponseCodes2["Approved"] = "08";
+  ResponseCodes2["TXN_CANCELLED"] = "HD";
+  ResponseCodes2["INSUFFICIENT_FUND"] = "HB";
+  ResponseCodes2["GENERAL_DECLINE"] = "99";
+  ResponseCodes2["CANCELLED"] = "TM";
+  ResponseCodes2["PINPAD_OFFLINE"] = "PF";
+  return ResponseCodes2;
+})(ResponseCodes || {});
+var LinklyKeyType = /* @__PURE__ */ ((LinklyKeyType2) => {
+  LinklyKeyType2["Cancel"] = "0";
+  LinklyKeyType2["Yes"] = "1";
+  LinklyKeyType2["No"] = "2";
+  LinklyKeyType2["Auth"] = "3";
+  return LinklyKeyType2;
+})(LinklyKeyType || {});
+var TransactionOutcome = /* @__PURE__ */ ((TransactionOutcome2) => {
+  TransactionOutcome2["APPROVED"] = "APPROVED";
+  TransactionOutcome2["CANCELLED"] = "CANCELLED";
+  TransactionOutcome2["DECLINED"] = "DECLINED";
+  TransactionOutcome2["UNKNOWN"] = "UNKNOWN";
+  return TransactionOutcome2;
+})(TransactionOutcome || {});
 const useLinkly = () => {
   const linklyAPI = new LinklyPaymentGateway({
     posId: state.posId,
@@ -315,7 +397,14 @@ const useLinkly = () => {
     return res;
   };
   const _initiateTransaction = async (data, TxnType) => {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
+    const cancelTxn = () => {
+      dialog.update({
+        message: "Trying to cancel transaction...",
+        title: "INPROGRESS"
+      });
+      linklyAPI.sendKey(LinklyKeyType.Cancel);
+    };
     const payload = {
       Request: {
         Merchant: "00",
@@ -328,30 +417,59 @@ const useLinkly = () => {
         ReceiptAutoPrint: data.ReceiptAutoPrint
       }
     };
-    const dialog = Dialog.create({ ...dialogDefaultOpts });
+    const dialog = Dialog.create({
+      component: _sfc_main$2,
+      componentProps: {
+        message: `${TxnType === TransactionTypes.Purchase ? "Purchase" : "Refund"} of $${data.AmtPurchase / 100} in progress...`,
+        title: "INPROGRESS",
+        cancelTxn: () => cancelTxn()
+      }
+    });
     try {
       const res = await linklyAPI.sendTransactionRequest(payload);
-      if (((_a = res == null ? void 0 : res.Response) == null ? void 0 : _a.ResponseCode) === ResponseCodes.APPROVED || ((_b = res == null ? void 0 : res.Response) == null ? void 0 : _b.ResponseCode) === ResponseCodes.Approved) {
-        updateDialog(dialog, TransactionOutcome.APPROVED);
+      if (((_a = res == null ? void 0 : res.response) == null ? void 0 : _a.responseCode) === ResponseCodes.APPROVED || ((_b = res == null ? void 0 : res.response) == null ? void 0 : _b.responseCode) === ResponseCodes.Approved) {
+        dialog.update({
+          message: "Transaction Approved!",
+          title: "SUCCESS"
+        });
         return {
           result: TransactionOutcome.APPROVED,
-          data: res.Response
+          data: res.response
         };
       }
-      if (((_c = res == null ? void 0 : res.Response) == null ? void 0 : _c.ResponseCode) === ResponseCodes.GENERAL_DECLINE) {
-        updateDialog(dialog, TransactionOutcome.DECLINED);
+      if (((_c = res == null ? void 0 : res.response) == null ? void 0 : _c.responseCode) === ResponseCodes.GENERAL_DECLINE) {
+        dialog.update({
+          message: "Transaction Declined!",
+          title: "FAILED"
+        });
         return {
           result: TransactionOutcome.DECLINED,
-          data: res.Response
+          data: res.response
         };
       }
-      updateDialog(dialog, TransactionOutcome.UNKNOWN);
+      if (((_d = res == null ? void 0 : res.response) == null ? void 0 : _d.responseCode) === ResponseCodes.CANCELLED) {
+        dialog.update({
+          message: "Transaction Cancelled!",
+          title: "FAILED"
+        });
+        return {
+          result: TransactionOutcome.CANCELLED,
+          data: res.response
+        };
+      }
+      dialog.update({
+        message: "Transaction Failed!",
+        title: "FAILED"
+      });
       return {
         result: TransactionOutcome.UNKNOWN,
-        data: res.Response
+        data: res.response
       };
     } catch (error) {
-      updateDialog(dialog, TransactionOutcome.UNKNOWN);
+      dialog.update({
+        message: "Transaction Failed!",
+        title: "FAILED"
+      });
       throw error;
     }
   };
@@ -587,7 +705,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ])
           ])
         ])) : (openBlock(), createElementBlock("section", _hoisted_7, [
-          showInstructions.value ? (openBlock(), createBlock(_sfc_main$2, {
+          showInstructions.value ? (openBlock(), createBlock(_sfc_main$3, {
             key: 0,
             onNext: handleNext,
             steps: SETUP_STEPS
@@ -667,6 +785,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 export {
+  CurrencyCodes as C,
+  LinklyKeyType as L,
+  ReceiptAutoPrint as R,
+  TransactionTypes as T,
   _sfc_main as _,
+  ResponseCodes as a,
+  TransactionOutcome as b,
   useLinkly as u
 };

package/dist/{PairSmartPay.vue_vue_type_script_setup_true_lang-CLQRpw0i.js → PairSmartPay.vue_vue_type_script_setup_true_lang-BH-rrj07.js}

@@ -7,7 +7,7 @@ import { Dialog, QIcon, QBtn, QInput } from "quasar";
 import { b as state, e as environment, m as mdiCheckCircle, c as mdiRefresh, _ as _sfc_main$1, d as mdiChevronLeft, f as mdiLink } from "./PairInstructions.vue_vue_type_script_setup_true_lang-BkPzOduD.js";
 import axios, { HttpStatusCode, isAxiosError } from "axios";
 import { d as delay } from "./index-e4lpzJsL.js";
-import { d as dialogDefaultOpts } from "./utils-Bp5B61Zb.js";
+import { d as dialogDefaultOpts } from "./utils-GrbVNAXw.js";
 var TransactionOutcome = /* @__PURE__ */ ((TransactionOutcome2) => {
   TransactionOutcome2[TransactionOutcome2["Accepted"] = 1] = "Accepted";
   TransactionOutcome2[TransactionOutcome2["Declined"] = 2] = "Declined";

package/dist/{PairTillPayment.vue_vue_type_script_setup_true_lang-D5zLdkh3.js → PairTillPayment.vue_vue_type_script_setup_true_lang-rGuP7j0T.js}

@@ -1,13 +1,14 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { defineComponent, resolveDirective, createBlock, openBlock, unref, withCtx, createVNode, createCommentVNode, createElementVNode, toDisplayString, withDirectives, useModel, ref, renderSlot, createTextVNode, onMounted, createElementBlock } from "vue";
+import { defineComponent, useModel, ref, resolveDirective, createBlock, openBlock, unref, withCtx, createVNode, withDirectives, renderSlot, createTextVNode, createElementVNode, onMounted, createElementBlock, toDisplayString } from "vue";
 import { useLocalStorage } from "@vueuse/core";
 import axios, { isAxiosError, HttpStatusCode } from "axios";
 import dayjs from "dayjs";
-import { useDialogPluginComponent, QDialog, QCard, QCardSection, QBtn, Loading, Dialog, QForm, QToolbar, QToolbarTitle, QIcon, QInput, QCardActions, Notify, QSelect } from "quasar";
+import { Loading, Dialog, QDialog, QCard, QForm, QToolbar, QToolbarTitle, QIcon, QCardSection, QInput, QCardActions, QBtn, Notify, QSelect } from "quasar";
 import { d as delay } from "./index-e4lpzJsL.js";
 import { b as state, m as mdiCheckCircle, d as mdiChevronLeft, c as mdiRefresh, _ as _sfc_main$3, f as mdiLink } from "./PairInstructions.vue_vue_type_script_setup_true_lang-BkPzOduD.js";
+import { _ as _sfc_main$2 } from "./TransactionDialog.vue_vue_type_script_setup_true_lang-DTIELKw0.js";
 import { validate } from "uuid";
 var SettlementTypes = /* @__PURE__ */ ((SettlementTypes2) => {
   SettlementTypes2["SETTLEMENT"] = "SETTLEMENT";
@@ -408,88 +409,6 @@ __publicField(_TillPaymentsApi, "URLS", {
   PRODUCTION: "https://api-terminal-gateway.tillpayments.com/devices"
 });
 let TillPaymentsApi = _TillPaymentsApi;
-const _hoisted_1$2 = { class: "text-center font-semibold text-gray-500 uppercase" };
-const _hoisted_2$1 = { class: "text-center font-semibold text-gray-500 uppercase" };
-const _hoisted_3$1 = { class: "text-center font-semibold text-gray-500 uppercase" };
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  __name: "TransactionDialog",
-  props: {
-    message: {},
-    title: {},
-    cancelTxn: { type: Function }
-  },
-  emits: [
-    // REQUIRED; need to specify some events that your
-    // component will emit through useDialogPluginComponent()
-    ...useDialogPluginComponent.emits
-  ],
-  setup(__props) {
-    const { dialogRef, onDialogHide } = useDialogPluginComponent();
-    return (_ctx, _cache) => {
-      const _directive_close_popup = resolveDirective("close-popup");
-      return openBlock(), createBlock(unref(QDialog), {
-        ref_key: "dialogRef",
-        ref: dialogRef,
-        onHide: unref(onDialogHide),
-        persistent: ""
-      }, {
-        default: withCtx(() => [
-          createVNode(unref(QCard), { class: "q-dialog-plugin" }, {
-            default: withCtx(() => [
-              _ctx.title === "INPROGRESS" ? (openBlock(), createBlock(unref(QCardSection), { key: 0 }, {
-                default: withCtx(() => [
-                  createElementVNode("div", _hoisted_1$2, toDisplayString(_ctx.message), 1),
-                  createVNode(unref(QBtn), {
-                    label: "Cancel",
-                    onClick: _ctx.cancelTxn,
-                    color: "primary",
-                    outline: "",
-                    class: "!mt-6 !w-full",
-                    unelevated: "",
-                    ripple: false
-                  }, null, 8, ["onClick"])
-                ]),
-                _: 1
-              })) : _ctx.title === "SUCCESS" ? (openBlock(), createBlock(unref(QCardSection), { key: 1 }, {
-                default: withCtx(() => [
-                  createElementVNode("div", _hoisted_2$1, toDisplayString(_ctx.message), 1),
-                  withDirectives(createVNode(unref(QBtn), {
-                    label: "OK",
-                    color: "primary",
-                    outline: "",
-                    class: "!mt-6 !w-full",
-                    unelevated: "",
-                    ripple: false
-                  }, null, 512), [
-                    [_directive_close_popup]
-                  ])
-                ]),
-                _: 1
-              })) : _ctx.title === "FAILED" ? (openBlock(), createBlock(unref(QCardSection), { key: 2 }, {
-                default: withCtx(() => [
-                  createElementVNode("div", _hoisted_3$1, toDisplayString(_ctx.message), 1),
-                  withDirectives(createVNode(unref(QBtn), {
-                    label: "OK",
-                    color: "primary",
-                    outline: "",
-                    class: "!mt-6 !w-full",
-                    unelevated: "",
-                    ripple: false
-                  }, null, 512), [
-                    [_directive_close_popup]
-                  ])
-                ]),
-                _: 1
-              })) : createCommentVNode("", true)
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      }, 8, ["onHide"]);
-    };
-  }
-});
 const useTillPayment = () => {
   const tillPayment = new TillPaymentsApi({
     apiKey: state.tillPaymentApiKey,

package/dist/TransactionDialog.vue_vue_type_script_setup_true_lang-DTIELKw0.js

@@ -0,0 +1,87 @@
+import { defineComponent, resolveDirective, createBlock, openBlock, unref, withCtx, createVNode, createCommentVNode, createElementVNode, toDisplayString, withDirectives } from "vue";
+import { useDialogPluginComponent, QDialog, QCard, QCardSection, QBtn } from "quasar";
+const _hoisted_1 = { class: "text-center font-semibold text-gray-500 uppercase" };
+const _hoisted_2 = { class: "text-center font-semibold text-gray-500 uppercase" };
+const _hoisted_3 = { class: "text-center font-semibold text-gray-500 uppercase" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "TransactionDialog",
+  props: {
+    message: {},
+    title: {},
+    cancelTxn: { type: Function }
+  },
+  emits: [
+    // REQUIRED; need to specify some events that your
+    // component will emit through useDialogPluginComponent()
+    ...useDialogPluginComponent.emits
+  ],
+  setup(__props) {
+    const { dialogRef, onDialogHide } = useDialogPluginComponent();
+    return (_ctx, _cache) => {
+      const _directive_close_popup = resolveDirective("close-popup");
+      return openBlock(), createBlock(unref(QDialog), {
+        ref_key: "dialogRef",
+        ref: dialogRef,
+        onHide: unref(onDialogHide),
+        persistent: ""
+      }, {
+        default: withCtx(() => [
+          createVNode(unref(QCard), { class: "q-dialog-plugin" }, {
+            default: withCtx(() => [
+              _ctx.title === "INPROGRESS" ? (openBlock(), createBlock(unref(QCardSection), { key: 0 }, {
+                default: withCtx(() => [
+                  createElementVNode("div", _hoisted_1, toDisplayString(_ctx.message), 1),
+                  createVNode(unref(QBtn), {
+                    label: "Cancel",
+                    onClick: _ctx.cancelTxn,
+                    color: "primary",
+                    outline: "",
+                    class: "!mt-6 !w-full",
+                    unelevated: "",
+                    ripple: false
+                  }, null, 8, ["onClick"])
+                ]),
+                _: 1
+              })) : _ctx.title === "SUCCESS" ? (openBlock(), createBlock(unref(QCardSection), { key: 1 }, {
+                default: withCtx(() => [
+                  createElementVNode("div", _hoisted_2, toDisplayString(_ctx.message), 1),
+                  withDirectives(createVNode(unref(QBtn), {
+                    label: "OK",
+                    color: "primary",
+                    outline: "",
+                    class: "!mt-6 !w-full",
+                    unelevated: "",
+                    ripple: false
+                  }, null, 512), [
+                    [_directive_close_popup]
+                  ])
+                ]),
+                _: 1
+              })) : _ctx.title === "FAILED" ? (openBlock(), createBlock(unref(QCardSection), { key: 2 }, {
+                default: withCtx(() => [
+                  createElementVNode("div", _hoisted_3, toDisplayString(_ctx.message), 1),
+                  withDirectives(createVNode(unref(QBtn), {
+                    label: "OK",
+                    color: "primary",
+                    outline: "",
+                    class: "!mt-6 !w-full",
+                    unelevated: "",
+                    ripple: false
+                  }, null, 512), [
+                    [_directive_close_popup]
+                  ])
+                ]),
+                _: 1
+              })) : createCommentVNode("", true)
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["onHide"]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/emitter-B70DsNvX.js

@@ -0,0 +1,5 @@
+import { EventBus } from "quasar";
+const emitter = new EventBus();
+export {
+  emitter as e
+};

package/dist/index.js

@@ -6,12 +6,14 @@ import { useEventListener, useScriptTag } from "@vueuse/core";
 import { s as spi, _ as _sfc_main$2 } from "./PairMX51.vue_vue_type_script_setup_true_lang-BUf-HQ15.js";
 import "@mx51/spi-client-js";
 import "uuid";
+import "./emitter-B70DsNvX.js";
 import { TimApiEvents, timApi, PairTimapi as _sfc_main$4 } from "./worldline.js";
 import "axios";
-import { _ as _sfc_main$3 } from "./PairLinkly.vue_vue_type_script_setup_true_lang-DM33Q34t.js";
-import { _ as _sfc_main$6 } from "./PairSmartPay.vue_vue_type_script_setup_true_lang-CLQRpw0i.js";
+import "./TransactionDialog.vue_vue_type_script_setup_true_lang-DTIELKw0.js";
+import { _ as _sfc_main$3 } from "./PairLinkly.vue_vue_type_script_setup_true_lang-Dcg0IDxC.js";
+import { _ as _sfc_main$6 } from "./PairSmartPay.vue_vue_type_script_setup_true_lang-BH-rrj07.js";
 import "dayjs";
-import { _ as _sfc_main$5 } from "./PairTillPayment.vue_vue_type_script_setup_true_lang-D5zLdkh3.js";
+import { _ as _sfc_main$5 } from "./PairTillPayment.vue_vue_type_script_setup_true_lang-rGuP7j0T.js";
 import { g } from "./index-e4lpzJsL.js";
 var ReceiptTypes = /* @__PURE__ */ ((ReceiptTypes2) => {
   ReceiptTypes2["MERCHANT_COPY"] = "MERCHANT_COPY";

package/dist/linkly.d.ts

@@ -89,6 +89,13 @@ declare interface LinklyConfig {
     environment?: "development" | "production";
 }
 
+export declare enum LinklyKeyType {
+    Cancel = "0",
+    Yes = "1",
+    No = "2",
+    Auth = "3"
+}
+
 declare class LinklyPaymentGateway {
     private _api;
     private _authApi;
@@ -110,6 +117,7 @@ declare class LinklyPaymentGateway {
     getTransactionStatus(transactionId: string): Promise<LinklyTransactionResponse>;
     getLastTransactionStatus(): Promise<LinklyTransactionResponse>;
     reprintReceipt(data: LinklyReprintReceiptRequest): Promise<ReceiptReprintReturn>;
+    sendKey(key: LinklyKeyType): Promise<SendKeyReturn>;
 }
 
 export declare interface LinklyReprintReceiptRequest {
@@ -160,45 +168,45 @@ export declare interface LinklyReprintReceiptResponse {
 }
 
 export declare interface LinklyTransactionResponse {
-    SessionId: string;
-    ResponseType: string;
-    Response: {
-        TxnType: TransactionTypes;
-        Merchant: string;
-        CardType: string;
-        CardName: string;
-        RRN: string;
-        DateSettlement: string;
-        AmtCash: number;
-        AmtPurchase: number;
-        AmtTip: number;
-        AuthCode: string;
-        TxnRef: string;
-        Pan: string;
-        DateExpiry: string;
-        Track2: string;
-        AccountType: string;
-        TxnFlags: {
-            Offline: BooleanishString;
-            ReceiptPrinted: BooleanishString;
-            CardEntry: string;
-            CommsMethod: string;
-            Currency: string;
-            PayPass: string;
-            UndefinedFlag6: string;
-            UndefinedFlag7: string;
+    sessionId: string;
+    responseType: string;
+    response: {
+        txnType: TransactionTypes;
+        merchant: string;
+        cardType: string;
+        cardName: string;
+        rrn: string;
+        dateSettlement: string;
+        amtCash: number;
+        amtPurchase: number;
+        amtTip: number;
+        authCode: number;
+        txnRef: string;
+        pan: string;
+        dateExpiry: string;
+        track2: string;
+        accountType: string;
+        txnFlags: {
+            offline: BooleanishString;
+            receiptPrinted: BooleanishString;
+            cardEntry: string;
+            commsMethod: string;
+            currency: string;
+            payPass: string;
+            undefinedFlag6: string;
+            undefinedFlag7: string;
         };
-        BalanceReceived: boolean;
-        AvailableBalance: number;
-        ClearedFundsBalance: number;
-        Success: boolean;
-        ResponseCode: ResponseCodes | string;
-        ResponseText: string;
-        Date: string;
-        Catid: string;
-        Caid: string;
-        Stan: number;
-        PurchaseAnalysisData: {
+        balanceReceived: boolean;
+        availableBalance: number;
+        clearedFundsBalance: number;
+        success: boolean;
+        responseCode: ResponseCodes | string;
+        responseText: string;
+        date: string;
+        catid: string;
+        caid: string;
+        stan: number;
+        purchaseAnalysisData: {
             RFN: string;
             REF: string;
             HRC: string;
@@ -296,12 +304,21 @@ export declare enum ResponseCodes {
      * Unexpected Error
      */
     GENERAL_DECLINE = "99",
+    /**
+     * Operator cancelled sale
+     */
+    CANCELLED = "TM",
     /**
      * Pinpad is offline
      */
     PINPAD_OFFLINE = "PF"
 }
 
+declare interface SendKeyReturn {
+    success: boolean;
+    message: string;
+}
+
 export declare enum TransactionOutcome {
     APPROVED = "APPROVED",
     CANCELLED = "CANCELLED",
@@ -365,42 +382,42 @@ export declare const useLinkly: () => {
     initiatePurchase: (data: TransactionPayload) => Promise<{
         result: TransactionOutcome;
         data: {
-            TxnType: TransactionTypes;
-            Merchant: string;
-            CardType: string;
-            CardName: string;
-            RRN: string;
-            DateSettlement: string;
-            AmtCash: number;
-            AmtPurchase: number;
-            AmtTip: number;
-            AuthCode: string;
-            TxnRef: string;
-            Pan: string;
-            DateExpiry: string;
-            Track2: string;
-            AccountType: string;
-            TxnFlags: {
-                Offline: "0" | "1";
-                ReceiptPrinted: "0" | "1";
-                CardEntry: string;
-                CommsMethod: string;
-                Currency: string;
-                PayPass: string;
-                UndefinedFlag6: string;
-                UndefinedFlag7: string;
+            txnType: TransactionTypes;
+            merchant: string;
+            cardType: string;
+            cardName: string;
+            rrn: string;
+            dateSettlement: string;
+            amtCash: number;
+            amtPurchase: number;
+            amtTip: number;
+            authCode: number;
+            txnRef: string;
+            pan: string;
+            dateExpiry: string;
+            track2: string;
+            accountType: string;
+            txnFlags: {
+                offline: "0" | "1";
+                receiptPrinted: "0" | "1";
+                cardEntry: string;
+                commsMethod: string;
+                currency: string;
+                payPass: string;
+                undefinedFlag6: string;
+                undefinedFlag7: string;
             };
-            BalanceReceived: boolean;
-            AvailableBalance: number;
-            ClearedFundsBalance: number;
-            Success: boolean;
-            ResponseCode: ResponseCodes | string;
-            ResponseText: string;
-            Date: string;
-            Catid: string;
-            Caid: string;
-            Stan: number;
-            PurchaseAnalysisData: {
+            balanceReceived: boolean;
+            availableBalance: number;
+            clearedFundsBalance: number;
+            success: boolean;
+            responseCode: ResponseCodes | string;
+            responseText: string;
+            date: string;
+            catid: string;
+            caid: string;
+            stan: number;
+            purchaseAnalysisData: {
                 RFN: string;
                 REF: string;
                 HRC: string;
@@ -411,42 +428,42 @@ export declare const useLinkly: () => {
     initiateRefund: (data: TransactionPayload) => Promise<{
         result: TransactionOutcome;
         data: {
-            TxnType: TransactionTypes;
-            Merchant: string;
-            CardType: string;
-            CardName: string;
-            RRN: string;
-            DateSettlement: string;
-            AmtCash: number;
-            AmtPurchase: number;
-            AmtTip: number;
-            AuthCode: string;
-            TxnRef: string;
-            Pan: string;
-            DateExpiry: string;
-            Track2: string;
-            AccountType: string;
-            TxnFlags: {
-                Offline: "0" | "1";
-                ReceiptPrinted: "0" | "1";
-                CardEntry: string;
-                CommsMethod: string;
-                Currency: string;
-                PayPass: string;
-                UndefinedFlag6: string;
-                UndefinedFlag7: string;
+            txnType: TransactionTypes;
+            merchant: string;
+            cardType: string;
+            cardName: string;
+            rrn: string;
+            dateSettlement: string;
+            amtCash: number;
+            amtPurchase: number;
+            amtTip: number;
+            authCode: number;
+            txnRef: string;
+            pan: string;
+            dateExpiry: string;
+            track2: string;
+            accountType: string;
+            txnFlags: {
+                offline: "0" | "1";
+                receiptPrinted: "0" | "1";
+                cardEntry: string;
+                commsMethod: string;
+                currency: string;
+                payPass: string;
+                undefinedFlag6: string;
+                undefinedFlag7: string;
             };
-            BalanceReceived: boolean;
-            AvailableBalance: number;
-            ClearedFundsBalance: number;
-            Success: boolean;
-            ResponseCode: ResponseCodes | string;
-            ResponseText: string;
-            Date: string;
-            Catid: string;
-            Caid: string;
-            Stan: number;
-            PurchaseAnalysisData: {
+            balanceReceived: boolean;
+            availableBalance: number;
+            clearedFundsBalance: number;
+            success: boolean;
+            responseCode: ResponseCodes | string;
+            responseText: string;
+            date: string;
+            catid: string;
+            caid: string;
+            stan: number;
+            purchaseAnalysisData: {
                 RFN: string;
                 REF: string;
                 HRC: string;

package/dist/linkly.js

@@ -1,7 +1,7 @@
-import { _, u } from "./PairLinkly.vue_vue_type_script_setup_true_lang-DM33Q34t.js";
-import { C, R, a, b, T } from "./utils-Bp5B61Zb.js";
+import { C, L, _, R, a, b, T, u } from "./PairLinkly.vue_vue_type_script_setup_true_lang-Dcg0IDxC.js";
 export {
   C as CurrencyCodes,
+  L as LinklyKeyType,
   _ as PairLinkly,
   R as ReceiptAutoPrint,
   a as ResponseCodes,

package/dist/mx51.d.ts

@@ -39,7 +39,7 @@ export declare const PairMX51: DefineComponent<    {}, {}, {}, {}, {}, Component
  **/
 export declare function purchase({ purchaseAmount, tipAmount, cashoutAmount, promptForCashout, surchargeAmount }: PurchaseOptions): void;
 
-declare interface PurchaseOptions {
+export declare interface PurchaseOptions {
     /**
      * The Purchase amount in cents
      */
@@ -117,4 +117,9 @@ tipAmount?: number;
 }) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
+export declare const useMX51: () => {
+    initiatePurchase: (options: PurchaseOptions) => Promise<void>;
+    initiateRefund: (refundAmount: number) => Promise<void>;
+};
+
 export { }

package/dist/mx51.js

@@ -1,10 +1,11 @@
 import { s as spi, r as receiptOptions } from "./PairMX51.vue_vue_type_script_setup_true_lang-BUf-HQ15.js";
 import { _, l } from "./PairMX51.vue_vue_type_script_setup_true_lang-BUf-HQ15.js";
 import { defineComponent, ref, onMounted, resolveDirective, createBlock, openBlock, unref, withCtx, createVNode, createCommentVNode, createElementVNode, toDisplayString, withDirectives } from "vue";
-import { SuccessState, TransactionType } from "@mx51/spi-client-js";
+import { SuccessState, TransactionType, SpiStatus } from "@mx51/spi-client-js";
 import { v4 } from "uuid";
-import { QDialog, QCard, QCardSection, QBtn } from "quasar";
+import { QDialog, QCard, QCardSection, QBtn, Dialog } from "quasar";
 import { useLocalStorage } from "@vueuse/core";
+import { e as emitter } from "./emitter-B70DsNvX.js";
 function posRefIdGenerator(type) {
   return (/* @__PURE__ */ new Date()).toISOString() + "-" + type + v4();
 }
@@ -55,7 +56,7 @@ function settlementEnquiry() {
 function acceptSignature(signatureConfirmed) {
   spi.AcceptSignature(signatureConfirmed);
 }
-const _hoisted_1 = { class: "text-center font-semibold text-gray-500 uppercase" };
+const _hoisted_1 = { class: "text-center font-semibold uppercase text-gray-500" };
 const _hoisted_2 = { class: "text-center font-semibold text-gray-500" };
 const _hoisted_3 = { class: "text-center font-semibold text-gray-500" };
 const _hoisted_4 = { class: "grid grid-cols-2 gap-3" };
@@ -143,6 +144,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     __expose({ showDialog });
     onMounted(recoverTransaction);
+    emitter.on("SHOW_TXN_DIALOG", showDialog);
     return (_ctx, _cache) => {
       const _directive_close_popup = resolveDirective("close-popup");
       return openBlock(), createBlock(unref(QDialog), {
@@ -171,13 +173,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 _: 1
               })) : pairInfo.value.state === "AWAITING_CANCELLATION" ? (openBlock(), createBlock(unref(QCardSection), { key: 1 }, {
                 default: withCtx(() => [
-                  _cache[5] || (_cache[5] = createElementVNode("div", { class: "text-center font-semibold text-gray-500 uppercase" }, "Attempting to cancel transaction", -1)),
+                  _cache[5] || (_cache[5] = createElementVNode("div", { class: "text-center font-semibold uppercase text-gray-500" }, "Attempting to cancel transaction", -1)),
                   createElementVNode("div", _hoisted_3, toDisplayString(pairInfo.value.message), 1)
                 ]),
                 _: 1
               })) : pairInfo.value.state === "MANUAL_RECOVERY" ? (openBlock(), createBlock(unref(QCardSection), { key: 2 }, {
                 default: withCtx(() => [
-                  _cache[6] || (_cache[6] = createElementVNode("div", { class: "text-center font-semibold text-gray-500 uppercase" }, "Was the transaction successful", -1)),
+                  _cache[6] || (_cache[6] = createElementVNode("div", { class: "text-center font-semibold uppercase text-gray-500" }, "Was the transaction successful", -1)),
                   _cache[7] || (_cache[7] = createElementVNode("div", { class: "text-center font-semibold text-gray-500" }, "Check the EFTPOS terminal", -1)),
                   createElementVNode("div", _hoisted_4, [
                     createVNode(unref(QBtn), {
@@ -205,7 +207,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 _: 1
               })) : pairInfo.value.state === "AWAITING_SIGNATURE_CHECK" ? (openBlock(), createBlock(unref(QCardSection), { key: 3 }, {
                 default: withCtx(() => [
-                  _cache[8] || (_cache[8] = createElementVNode("div", { class: "text-center font-semibold text-gray-500 uppercase" }, "Confirm the customer's signature", -1)),
+                  _cache[8] || (_cache[8] = createElementVNode("div", { class: "text-center font-semibold uppercase text-gray-500" }, "Confirm the customer's signature", -1)),
                   createElementVNode("div", _hoisted_5, toDisplayString(pairInfo.value.message), 1),
                   createElementVNode("div", _hoisted_6, [
                     createVNode(unref(QBtn), {
@@ -233,7 +235,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 _: 1
               })) : pairInfo.value.state === "SUCCESS" ? (openBlock(), createBlock(unref(QCardSection), { key: 4 }, {
                 default: withCtx(() => [
-                  _cache[9] || (_cache[9] = createElementVNode("div", { class: "text-center font-semibold text-gray-500 uppercase" }, "Transaction Successful", -1)),
+                  _cache[9] || (_cache[9] = createElementVNode("div", { class: "text-center font-semibold uppercase text-gray-500" }, "Transaction Successful", -1)),
                   withDirectives(createVNode(unref(QBtn), {
                     label: "OK",
                     color: "primary",
@@ -249,7 +251,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 _: 1
               })) : pairInfo.value.state === "FAILED" ? (openBlock(), createBlock(unref(QCardSection), { key: 5 }, {
                 default: withCtx(() => [
-                  _cache[10] || (_cache[10] = createElementVNode("div", { class: "text-center font-semibold text-gray-500 uppercase" }, "Transaction Failed", -1)),
+                  _cache[10] || (_cache[10] = createElementVNode("div", { class: "text-center font-semibold uppercase text-gray-500" }, "Transaction Failed", -1)),
                   createElementVNode("div", _hoisted_7, toDisplayString(pairInfo.value.message), 1),
                   withDirectives(createVNode(unref(QBtn), {
                     label: "OK",
@@ -274,6 +276,34 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const useMX51 = () => {
+  const initiatePurchase = async (options) => {
+    if (spi._currentStatus !== SpiStatus.PairedConnected) {
+      Dialog.create({
+        title: "Failed!",
+        message: "The EFTPOS terminal and the POS are not connected."
+      });
+      return;
+    }
+    purchase(options);
+    emitter.emit("SHOW_TXN_DIALOG", options.purchaseAmount / 100, TransactionType.Purchase);
+  };
+  const initiateRefund = async (refundAmount) => {
+    if (spi._currentStatus !== SpiStatus.PairedConnected) {
+      Dialog.create({
+        title: "Failed!",
+        message: "The EFTPOS terminal and the POS are not connected."
+      });
+      return;
+    }
+    refund({ refundAmount });
+    emitter.emit("SHOW_TXN_DIALOG", refundAmount / 100, TransactionType.Refund);
+  };
+  return {
+    initiatePurchase,
+    initiateRefund
+  };
+};
 export {
   _ as PairMX51,
   _sfc_main as TransactionDialog,
@@ -285,5 +315,6 @@ export {
   refund,
   settlement,
   settlementEnquiry,
-  spi
+  spi,
+  useMX51
 };

package/dist/smartpay.js

@@ -1,4 +1,4 @@
-import { D, P, _, R, S, T, b, a, c, u } from "./PairSmartPay.vue_vue_type_script_setup_true_lang-CLQRpw0i.js";
+import { D, P, _, R, S, T, b, a, c, u } from "./PairSmartPay.vue_vue_type_script_setup_true_lang-BH-rrj07.js";
 export {
   D as DEV_SMARTPAY_API_URL,
   P as PROD_SMARTPAY_API_URL,

package/dist/till-payment.js

@@ -1,4 +1,4 @@
-import { _, S, T, b, a, u } from "./PairTillPayment.vue_vue_type_script_setup_true_lang-D5zLdkh3.js";
+import { _, S, T, b, a, u } from "./PairTillPayment.vue_vue_type_script_setup_true_lang-rGuP7j0T.js";
 export {
   _ as PairTillPayment,
   S as SettlementTypes,

package/dist/utils-GrbVNAXw.js

@@ -0,0 +1,22 @@
+import { QSpinnerHourglass } from "quasar";
+const dialogDefaultOpts = {
+  message: "Processing the payment...",
+  class: "text-lg",
+  progress: {
+    // spinner: QSpinnerClock,
+    spinner: QSpinnerHourglass,
+    color: "amber"
+  },
+  persistent: true,
+  html: true,
+  ok: false,
+  cancel: {
+    label: "Close",
+    noCaps: true,
+    color: "red",
+    outline: true
+  }
+};
+export {
+  dialogDefaultOpts as d
+};

package/dist/worldline.d.ts

@@ -52,6 +52,7 @@ export declare const emitter: EventBus<{
     connectCompleted: (event: timapi.TimEvent) => void;
     txnCompleted: (event: timapi.TimEvent, data?: timapi.TransactionResponse) => void;
     txnStarted: (amount: number, type?: string) => void;
+    SHOW_TXN_DIALOG: (amount: number, type?: string) => void;
 }>;
 
 declare interface PairingInput {

package/dist/worldline.js

@@ -3,8 +3,9 @@ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { en
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import dayjs from "dayjs";
 import Dexie, { liveQuery } from "dexie";
-import { EventBus, QForm, QInput, QBtn, QDialog, QCard, QCardSection, Dialog, QToolbar, QToolbarTitle, QIcon } from "quasar";
+import { e as emitter } from "./emitter-B70DsNvX.js";
 import { defineComponent, ref, resolveDirective, createElementBlock, openBlock, createVNode, unref, withCtx, createElementVNode, createBlock, createCommentVNode, toDisplayString, withDirectives, nextTick, useModel, createTextVNode, Fragment, renderList } from "vue";
+import { QForm, QInput, QBtn, QDialog, QCard, QCardSection, Dialog, QToolbar, QToolbarTitle, QIcon } from "quasar";
 import { useLocalStorage, useEventListener, whenever } from "@vueuse/core";
 import { useObservable } from "@vueuse/rxjs";
 function downloadTxtFile(filename, dataArray) {
@@ -60,7 +61,6 @@ class RotatingDatabase extends Dexie {
   }
 }
 const timApiLogger = new RotatingDatabase("timapiLogs");
-const emitter = new EventBus();
 const TimApiEvents = Object.freeze({
   TxnCompleted: "timTxnCompleted",
   BalanceCompleted: "timBalanceCompleted"
@@ -392,8 +392,8 @@ const timApi = new AdvanceEcr({
   integratorId: "3F507ED1-98C5-4CBF-A595-BFA5C34BC76C"
 });
 const _hoisted_1$2 = { class: "my-6 rounded-md bg-white p-6 shadow-md" };
-const _hoisted_2$2 = { class: "text-center font-semibold text-gray-500 uppercase" };
-const _hoisted_3$2 = { class: "text-center font-semibold text-gray-500 uppercase" };
+const _hoisted_2$2 = { class: "text-center font-semibold uppercase text-gray-500" };
+const _hoisted_3$2 = { class: "text-center font-semibold uppercase text-gray-500" };
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "PairTimapi",
   setup(__props) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@achyutlabsau/vue-payment-gateway",
   "private": false,
-  "version": "0.3.8",
+  "version": "0.4.1",
   "type": "module",
   "repository": {
     "type": "git",
@@ -52,16 +52,15 @@
     "preview": "vite preview",
     "docs:dev": "vitepress dev docs",
     "docs:build": "vitepress build docs",
-    "docs:preview": "vitepress preview docs",
-    "prepublish": "npm run build"
+    "docs:preview": "vitepress preview docs"
   },
   "dependencies": {
     "uuid": "^11.1.0",
-    "@vueuse/core": "^13.1.0",
-    "axios": "^1.8.4",
+    "@vueuse/core": "^13.3.0",
+    "axios": "^1.9.0",
     "dayjs": "^1.11.13",
     "@mx51/spi-client-js": "^2.9.13",
-    "@vueuse/rxjs": "^13.1.0",
+    "@vueuse/rxjs": "^13.3.0",
     "dexie": "^4.0.11"
   },
   "peerDependencies": {
@@ -73,19 +72,19 @@
     "vue": "^3.5.x"
   },
   "devDependencies": {
-    "@quasar/extras": "^1.16.17",
-    "@tailwindcss/vite": "^4.1.4",
-    "@types/node": "^22.14.1",
-    "@vitejs/plugin-vue": "^5.2.3",
+    "@quasar/extras": "^1.17.0",
+    "@tailwindcss/vite": "^4.1.8",
+    "@types/node": "^24.0.0",
+    "@vitejs/plugin-vue": "^5.2.4",
     "prettier": "^3.5.3",
-    "prettier-plugin-tailwindcss": "^0.6.11",
+    "prettier-plugin-tailwindcss": "^0.6.12",
     "quasar": "^2.x.x",
-    "tailwindcss": "^4.1.4",
+    "tailwindcss": "^4.1.8",
     "typescript": "5.8.3",
-    "vite": "^6.3.2",
-    "vite-plugin-dts": "^4.5.3",
+    "vite": "^6.3.5",
+    "vite-plugin-dts": "^4.5.4",
     "vitepress": "^2.0.0-alpha.4",
-    "vue": "^3.5.13",
-    "vue-tsc": "^2.2.8"
+    "vue": "^3.5.16",
+    "vue-tsc": "^2.2.10"
   }
 }

package/dist/utils-Bp5B61Zb.js

@@ -1,98 +0,0 @@
-import { QSpinnerHourglass } from "quasar";
-var TransactionTypes = /* @__PURE__ */ ((TransactionTypes2) => {
-  TransactionTypes2["Purchase"] = "P";
-  TransactionTypes2["Refund"] = "R";
-  return TransactionTypes2;
-})(TransactionTypes || {});
-var CurrencyCodes = /* @__PURE__ */ ((CurrencyCodes2) => {
-  CurrencyCodes2["AustralianDollar"] = "AUD";
-  return CurrencyCodes2;
-})(CurrencyCodes || {});
-var ReceiptAutoPrint = /* @__PURE__ */ ((ReceiptAutoPrint2) => {
-  ReceiptAutoPrint2["ReturnToPOS"] = "0";
-  ReceiptAutoPrint2["MixedPrint"] = "7";
-  ReceiptAutoPrint2["AllReceiptsFromPINPad"] = "9";
-  return ReceiptAutoPrint2;
-})(ReceiptAutoPrint || {});
-var ResponseCodes = /* @__PURE__ */ ((ResponseCodes2) => {
-  ResponseCodes2["APPROVED"] = "00";
-  ResponseCodes2["Approved"] = "08";
-  ResponseCodes2["TXN_CANCELLED"] = "HD";
-  ResponseCodes2["INSUFFICIENT_FUND"] = "HB";
-  ResponseCodes2["GENERAL_DECLINE"] = "99";
-  ResponseCodes2["PINPAD_OFFLINE"] = "PF";
-  return ResponseCodes2;
-})(ResponseCodes || {});
-var TransactionOutcome = /* @__PURE__ */ ((TransactionOutcome2) => {
-  TransactionOutcome2["APPROVED"] = "APPROVED";
-  TransactionOutcome2["CANCELLED"] = "CANCELLED";
-  TransactionOutcome2["DECLINED"] = "DECLINED";
-  TransactionOutcome2["UNKNOWN"] = "UNKNOWN";
-  return TransactionOutcome2;
-})(TransactionOutcome || {});
-const dialogDefaultOpts = {
-  message: "Processing the payment...",
-  class: "text-lg",
-  progress: {
-    // spinner: QSpinnerClock,
-    spinner: QSpinnerHourglass,
-    color: "amber"
-  },
-  persistent: true,
-  html: true,
-  ok: false,
-  cancel: {
-    label: "Close",
-    noCaps: true,
-    color: "red",
-    outline: true
-  }
-};
-const updateDialog = (dialog, transactionOutcome) => {
-  if (transactionOutcome === TransactionOutcome.APPROVED) {
-    dialog.update({
-      title: "Success!",
-      class: "text-green-500",
-      progress: false,
-      message: '<div class="text-gray-800 text-base">Transaction Accepted!</div>'
-    });
-    setTimeout(() => dialog.hide(), 1e3);
-  } 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.UNKNOWN) {
-    dialog.update({
-      title: "Failed!",
-      class: "text-red-500",
-      progress: false,
-      message: '<div class="text-gray-800 text-base">Transaction Failed!</div>'
-    });
-  } else {
-    dialog.update({
-      title: "Failed!",
-      class: "text-red-500",
-      progress: false,
-      message: '<div class="text-gray-800 text-base">Transaction Failed!</div>'
-    });
-  }
-};
-export {
-  CurrencyCodes as C,
-  ReceiptAutoPrint as R,
-  TransactionTypes as T,
-  ResponseCodes as a,
-  TransactionOutcome as b,
-  dialogDefaultOpts as d,
-  updateDialog as u
-};