@achyutlabsau/vue-payment-gateway 0.3.7 → 0.4.0

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/{PairMX51.vue_vue_type_script_setup_true_lang-4wjsUvaJ.js → PairMX51.vue_vue_type_script_setup_true_lang-BUf-HQ15.js}

@@ -166,9 +166,9 @@ const _hoisted_7 = {
   key: 2,
   class: "flex items-center gap-1 font-semibold"
 };
-const _hoisted_8 = { class: "text-center font-semibold text-gray-500 uppercase" };
-const _hoisted_9 = { class: "py-3 text-center text-2xl font-semibold text-slate-700 uppercase" };
-const _hoisted_10 = { class: "text-center font-semibold text-gray-500 uppercase" };
+const _hoisted_8 = { class: "text-center font-semibold uppercase text-gray-500" };
+const _hoisted_9 = { class: "py-3 text-center text-2xl font-semibold uppercase text-slate-700" };
+const _hoisted_10 = { class: "text-center font-semibold uppercase text-gray-500" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "PairMX51",
   setup(__props) {
@@ -498,7 +498,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       _: 1
                     })) : pairInfo.value.state === "CONFIRMATION" ? (openBlock(), createBlock(unref(QCardSection), { key: 1 }, {
                       default: withCtx(() => [
-                        _cache[11] || (_cache[11] = createElementVNode("div", { class: "text-center font-semibold text-gray-500 uppercase" }, "Confirm your pairing code", -1)),
+                        _cache[11] || (_cache[11] = createElementVNode("div", { class: "text-center font-semibold uppercase text-gray-500" }, "Confirm your pairing code", -1)),
                         createElementVNode("div", _hoisted_9, toDisplayString(pairInfo.value.confirmationCode), 1),
                         _cache[12] || (_cache[12] = createElementVNode("div", { class: "text-center text-sm text-gray-500" }, "Confirm the matching pairing code on the terminal", -1))
                       ]),

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.d.ts

@@ -1,4 +1,13 @@
+import { ComponentOptionsMixin } from 'vue';
+import { ComponentProvideOptions } from 'vue';
+import { DefineComponent } from 'vue';
 import { FunctionPlugin } from 'vue';
+import { PublicProps } from 'vue';
+
+declare type __VLS_Props = {
+    gateway: PaymentGateways;
+    merchantId: string | number;
+};
 
 declare const _default: {
     install: FunctionPlugin<InstallOptions>;
@@ -29,6 +38,23 @@ declare interface InstallOptions extends POSConfig {
     onReceiptPrint?: (receipt: string, type: ReceiptTypes) => void;
 }
 
+export declare const PairingInterface: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+"pairing-success": (data: any, gateway: PaymentGateways) => any;
+"pairing-failure": (data: any) => any;
+}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
+"onPairing-success"?: ((data: any, gateway: PaymentGateways) => any) | undefined;
+"onPairing-failure"?: ((data: any) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
+declare enum PaymentGateways {
+    Tyro = "tyro",
+    TillPayment = "till-instore",
+    MX51 = "mx51-spi",
+    Linkly = "linkly",
+    SmartPay = "smartpay",
+    ANZ = "anz-instore"
+}
+
 declare interface POSConfig {
     productName: string;
     productVersion: string;
@@ -50,10 +76,3 @@ declare enum ReceiptTypes {
 }
 
 export { }
-
-
-declare module "vue" {
-    interface GlobalComponents {
-        PairingInterface: typeof PairingInterface;
-    }
-}

package/dist/index.js

@@ -1,17 +1,19 @@
-import { P as PaymentGateways, i as isPluginInitialized, s as setState, a as setEnvironment } from "./PairInstructions.vue_vue_type_script_setup_true_lang-BkPzOduD.js";
+import { i as isPluginInitialized, s as setState, a as setEnvironment, P as PaymentGateways } from "./PairInstructions.vue_vue_type_script_setup_true_lang-BkPzOduD.js";
 import "quasar";
-import { _ as _sfc_main$1, T as TYRO_CONSTANTS } from "./PairTyro.vue_vue_type_script_setup_true_lang-JrzRlXk_.js";
+import { T as TYRO_CONSTANTS, _ as _sfc_main$1 } from "./PairTyro.vue_vue_type_script_setup_true_lang-JrzRlXk_.js";
 import { defineComponent, createElementBlock, openBlock, createBlock, createCommentVNode, unref } from "vue";
 import { useEventListener, useScriptTag } from "@vueuse/core";
-import { _ as _sfc_main$2, s as spi } from "./PairMX51.vue_vue_type_script_setup_true_lang-4wjsUvaJ.js";
+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 { PairTimapi as _sfc_main$4, TimApiEvents, timApi } from "./worldline.js";
+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";
@@ -19,42 +21,10 @@ var ReceiptTypes = /* @__PURE__ */ ((ReceiptTypes2) => {
   ReceiptTypes2["SIGNATURE_RECEIPT"] = "SIGNATURE_RECEIPT";
   return ReceiptTypes2;
 })(ReceiptTypes || {});
-const _hoisted_1 = { class: "" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "PairingInterface",
-  props: {
-    gateway: {},
-    merchantId: {}
-  },
-  emits: ["pairing-success", "pairing-failure"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
-    const onPairingSuccess = (data, gateway) => {
-      emit("pairing-success", data, gateway);
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        _ctx.gateway === unref(PaymentGateways).Tyro ? (openBlock(), createBlock(unref(_sfc_main$1), {
-          key: 0,
-          "merchant-id": _ctx.merchantId
-        }, null, 8, ["merchant-id"])) : createCommentVNode("", true),
-        _ctx.gateway === unref(PaymentGateways).MX51 ? (openBlock(), createBlock(unref(_sfc_main$2), { key: 1 })) : createCommentVNode("", true),
-        _ctx.gateway === unref(PaymentGateways).Linkly ? (openBlock(), createBlock(unref(_sfc_main$3), {
-          key: 2,
-          onPairingSuccess: _cache[0] || (_cache[0] = ($event) => onPairingSuccess($event, unref(PaymentGateways).Linkly))
-        })) : createCommentVNode("", true),
-        _ctx.gateway === unref(PaymentGateways).ANZ ? (openBlock(), createBlock(_sfc_main$4, { key: 3 })) : createCommentVNode("", true),
-        _ctx.gateway === unref(PaymentGateways).TillPayment ? (openBlock(), createBlock(unref(_sfc_main$5), { key: 4 })) : createCommentVNode("", true),
-        _ctx.gateway === unref(PaymentGateways).SmartPay ? (openBlock(), createBlock(unref(_sfc_main$6), { key: 5 })) : createCommentVNode("", true)
-      ]);
-    };
-  }
-});
-const install = (app, options) => {
+const install = (_app, options) => {
   if (!options) {
     throw new Error("Payment terminal plugin requires options");
   }
-  app.component("PairingInterface", _sfc_main);
   setupEventHandlers(options);
   initializeConfigurations(options);
   isPluginInitialized.value = true;
@@ -141,7 +111,39 @@ function initializeTimApi(options) {
   }
 }
 const VuePaymentGateway = { install };
+const _hoisted_1 = { class: "" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "PairingInterface",
+  props: {
+    gateway: {},
+    merchantId: {}
+  },
+  emits: ["pairing-success", "pairing-failure"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const onPairingSuccess = (data, gateway) => {
+      emit("pairing-success", data, gateway);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        _ctx.gateway === unref(PaymentGateways).Tyro ? (openBlock(), createBlock(unref(_sfc_main$1), {
+          key: 0,
+          "merchant-id": _ctx.merchantId
+        }, null, 8, ["merchant-id"])) : createCommentVNode("", true),
+        _ctx.gateway === unref(PaymentGateways).MX51 ? (openBlock(), createBlock(unref(_sfc_main$2), { key: 1 })) : createCommentVNode("", true),
+        _ctx.gateway === unref(PaymentGateways).Linkly ? (openBlock(), createBlock(unref(_sfc_main$3), {
+          key: 2,
+          onPairingSuccess: _cache[0] || (_cache[0] = ($event) => onPairingSuccess($event, unref(PaymentGateways).Linkly))
+        })) : createCommentVNode("", true),
+        _ctx.gateway === unref(PaymentGateways).ANZ ? (openBlock(), createBlock(_sfc_main$4, { key: 3 })) : createCommentVNode("", true),
+        _ctx.gateway === unref(PaymentGateways).TillPayment ? (openBlock(), createBlock(unref(_sfc_main$5), { key: 4 })) : createCommentVNode("", true),
+        _ctx.gateway === unref(PaymentGateways).SmartPay ? (openBlock(), createBlock(unref(_sfc_main$6), { key: 5 })) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
 export {
+  _sfc_main as PairingInterface,
   VuePaymentGateway as default,
   g as generateTransactionId
 };