@achyutlabsau/vue-payment-gateway 0.7.1 → 0.8.1

package/dist/PBtn.vue_vue_type_script_setup_true_lang-BZRHAS0P.js

@@ -0,0 +1,20 @@
+import { defineComponent, createBlock, openBlock, unref } from "vue";
+import { QBtn } from "quasar";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "PBtn",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(QBtn), {
+        label: "Cancel",
+        color: "primary",
+        size: "16px",
+        class: "!py-2.5",
+        unelevated: "",
+        ripple: false
+      });
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/{PairInstructions.vue_vue_type_script_setup_true_lang-gQoPMiBm.js → PairInstructions.vue_vue_type_script_setup_true_lang-Ckf0Q7kS.js}

@@ -1,5 +1,6 @@
 import { reactive, ref, defineComponent, createBlock, openBlock, unref, withCtx, createElementVNode, createVNode, createElementBlock, Fragment, renderList, toDisplayString } from "vue";
-import { QCard, QIcon, QBtn } from "quasar";
+import { QCard, QIcon } from "quasar";
+import { _ as _sfc_main$1 } from "./PBtn.vue_vue_type_script_setup_true_lang-BZRHAS0P.js";
 var PaymentGateways = /* @__PURE__ */ ((PaymentGateways2) => {
   PaymentGateways2["Tyro"] = "tyro";
   PaymentGateways2["TillPayment"] = "till-instore";
@@ -23,6 +24,7 @@ const state = reactive({
   mx51DeviceApiKey: ""
 });
 const environment = ref("production");
+const isDense = ref(true);
 const isPluginInitialized = ref(false);
 const setState = (options) => {
   options.productName && (state.productName = options.productName);
@@ -54,7 +56,7 @@ const _hoisted_2 = { class: "flex items-center justify-center" };
 const _hoisted_3 = { class: "mb-8 space-y-4" };
 const _hoisted_4 = { class: "flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-full bg-gray-100 font-semibold dark:bg-gray-700" };
 const _hoisted_5 = { class: "text-gray-700 dark:text-gray-200" };
-const _hoisted_6 = { class: "mb-6 flex items-start space-x-3 rounded-lg bg-amber-50 p-4 dark:bg-slate-700" };
+const _hoisted_6 = { class: "mb-6 flex items-start space-x-3 rounded-lg bg-amber-50 p-4 text-base dark:bg-slate-700" };
 const _hoisted_7 = { class: "flex justify-end" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "PairInstructions",
@@ -70,18 +72,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createElementVNode("div", _hoisted_2, [
               createVNode(unref(QIcon), {
                 name: unref(mdiDevices),
-                size: "3rem",
+                size: "4rem",
                 class: "text-primary"
               }, null, 8, ["name"])
             ]),
-            _cache[1] || (_cache[1] = createElementVNode("h2", { class: "text-center text-2xl font-bold" }, "Terminal Setup Instructions", -1)),
-            _cache[2] || (_cache[2] = createElementVNode("p", { class: "text-center text-gray-600 dark:text-gray-200" }, "Please follow these steps to pair your terminal", -1))
+            _cache[1] || (_cache[1] = createElementVNode("h2", { class: "text-center text-2xl !font-medium" }, "Terminal Setup Instructions", -1)),
+            _cache[2] || (_cache[2] = createElementVNode("p", { class: "text-center text-base text-gray-600 dark:text-gray-200" }, " Please follow these steps to pair your terminal ", -1))
           ]),
           createElementVNode("ul", _hoisted_3, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.steps, (step, index) => {
+            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.steps, (step, index) => {
               return openBlock(), createElementBlock("li", {
                 key: index,
-                class: "flex items-center space-x-3"
+                class: "flex items-center space-x-3 text-base"
               }, [
                 createElementVNode("span", _hoisted_4, toDisplayString(index + 1), 1),
                 createElementVNode("span", _hoisted_5, toDisplayString(step), 1)
@@ -91,7 +93,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createElementVNode("div", _hoisted_6, [
             createVNode(unref(QIcon), {
               name: unref(mdiInformation),
-              size: "sm",
+              size: "md",
               class: "mt-0.5 text-amber-500 dark:text-white"
             }, null, 8, ["name"]),
             _cache[3] || (_cache[3] = createElementVNode("div", { class: "flex-1" }, [
@@ -100,13 +102,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ], -1))
           ]),
           createElementVNode("div", _hoisted_7, [
-            createVNode(unref(QBtn), {
-              color: "primary",
-              unelevated: "",
+            createVNode(_sfc_main$1, {
               "icon-right": "chevron_right",
               label: "Next",
-              "no-caps": "",
-              ripple: false,
               onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("next"))
             })
           ])
@@ -119,15 +117,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 export {
   PaymentGateways as P,
   _sfc_main as _,
-  setEnvironment as a,
-  state as b,
-  mdiRefresh as c,
-  mdiChevronLeft as d,
+  isPluginInitialized as a,
+  setEnvironment as b,
+  state as c,
+  mdiRefresh as d,
   environment as e,
-  mdiLink as f,
-  checkPluginInitialized as g,
-  mdiBarcode as h,
-  isPluginInitialized as i,
+  mdiChevronLeft as f,
+  mdiLink as g,
+  checkPluginInitialized as h,
+  isDense as i,
+  mdiBarcode as j,
   mdiCheckCircle as m,
   setState as s
 };

package/dist/{PairLinkly.vue_vue_type_script_setup_true_lang-DMoZH_qZ.js → PairLinkly.vue_vue_type_script_setup_true_lang-OzYd90mq.js}

@@ -4,8 +4,8 @@ import { i as isNetworkError, a as isServerError, d as delay, g as generateTrans
 import axios, { isAxiosError, HttpStatusCode } from "axios";
 import { v7 } from "uuid";
 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-gQoPMiBm.js";
-import { _ as _sfc_main$2 } from "./TransactionDialog.vue_vue_type_script_setup_true_lang-DTIELKw0.js";
+import { e as environment, c as state, m as mdiCheckCircle, f as mdiChevronLeft, d as mdiRefresh, _ as _sfc_main$3, g as mdiLink } from "./PairInstructions.vue_vue_type_script_setup_true_lang-Ckf0Q7kS.js";
+import { _ as _sfc_main$2 } from "./TransactionDialog.vue_vue_type_script_setup_true_lang-C6l6nnLB.js";
 import { useLocalStorage } from "@vueuse/core";
 const LINKLY_CONSTANTS = {
   PATHS: {
@@ -115,7 +115,9 @@ class LinklyPaymentGateway {
           throw new Error("No valid authentication method available");
         }
       } catch (error) {
-        throw new Error("Failed to renew authentication token. Please check your Linkly account credentials.");
+        throw new Error("Failed to renew authentication token. Please check your Linkly account credentials.", {
+          cause: error
+        });
       }
     }
   }
@@ -174,7 +176,7 @@ class LinklyPaymentGateway {
       console.error("Get token error:", error);
       if (axios.isAxiosError(error) && error.response?.status === HttpStatusCode.Unauthorized) {
         this._clearCredentials();
-        throw new Error("Authentication failed. Pairing may have been reset or credentials changed.");
+        throw new Error("Authentication failed. Pairing may have been reset or credentials changed.", { cause: error });
       }
       throw error;
     }
@@ -199,7 +201,7 @@ class LinklyPaymentGateway {
             await this.getLinklyAuthToken();
             return this.sendTransactionRequest(data);
           } catch {
-            throw new Error("Failed to authenticate. Please check your Linkly account credentials.");
+            throw new Error("Failed to authenticate. Please check your Linkly account credentials.", { cause: error });
           }
         }
         if (status === HttpStatusCode.RequestTimeout || isServerError(error)) {
@@ -229,7 +231,9 @@ class LinklyPaymentGateway {
               interval = Math.min(interval + INTERVAL_INCREMENT, MAX_INTERVAL_TIME);
               return doRequest();
             }
-            throw new Error("Unable to get the transaction details. Please contact service provider!");
+            throw new Error("Unable to get the transaction details. Please contact service provider!", {
+              cause: error
+            });
           } else if (status === HttpStatusCode.Unauthorized) {
             await this.getLinklyAuthToken();
             return doRequest();
@@ -255,7 +259,7 @@ class LinklyPaymentGateway {
         params: DEFAULT_REQUEST_PARAMS
       });
       const isSuccess = res.data?.response?.success ?? false;
-      const message = isSuccess ? "Receipt printed successfully." : "Failed to print receipt: " + res.data?.response?.responseText;
+      const message = isSuccess ? "Receipt printed successfully." : `Failed to print receipt: ${res.data?.response?.responseText}`;
       return {
         success: isSuccess,
         message,
@@ -540,7 +544,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                   createVNode(unref(QToolbarTitle), null, {
                     default: withCtx(() => [
                       renderSlot(_ctx.$slots, "title", {}, () => [
-                        _cache[2] || (_cache[2] = createTextVNode("Reprint Receipt"))
+                        _cache[2] || (_cache[2] = createTextVNode("Reprint Receipt", -1))
                       ])
                     ]),
                     _: 3
@@ -559,7 +563,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               createVNode(unref(QCardSection), null, {
                 default: withCtx(() => [
                   createElementVNode("div", _hoisted_1$1, [
-                    _cache[3] || (_cache[3] = createTextVNode(" Txn Number: ")),
+                    _cache[3] || (_cache[3] = createTextVNode(" Txn Number: ", -1)),
                     createVNode(unref(QInput), {
                       modelValue: txnNumber.value,
                       "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => txnNumber.value = $event),
@@ -770,8 +774,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 _: 1
               })
             ]),
-            _: 1,
-            __: [7]
+            _: 1
           }))
         ])),
         createVNode(_sfc_main$1, {

package/dist/{PairMX51.vue_vue_type_script_setup_true_lang-WOcvKdRl.js → PairMX51.vue_vue_type_script_setup_true_lang-DHGuS3zp.js}

@@ -1,8 +1,9 @@
 import { defineComponent, ref, computed, onMounted, watch, resolveDirective, createElementBlock, openBlock, createBlock, unref, withCtx, createElementVNode, createVNode, createCommentVNode, toDisplayString, withDirectives } from "vue";
-import { QCard, QForm, QSelect, QInput, QIcon, QBtn, QDialog, QCardSection, Dialog } from "quasar";
+import { QCard, QForm, QSelect, QInput, QIcon, QDialog, QCardSection, Dialog } from "quasar";
 import { Spi, TransactionOptions, SuccessState, TransactionType, SpiStatus } from "@mx51/spi-client-js";
 import { useEventListener } from "@vueuse/core";
-import { b as state, _ as _sfc_main$1 } from "./PairInstructions.vue_vue_type_script_setup_true_lang-gQoPMiBm.js";
+import { c as state, _ as _sfc_main$1 } from "./PairInstructions.vue_vue_type_script_setup_true_lang-Ckf0Q7kS.js";
+import { _ as _sfc_main$2 } from "./PBtn.vue_vue_type_script_setup_true_lang-BZRHAS0P.js";
 const spiSettings = {
   secureWebSockets: true,
   // checks for HTTPs
@@ -447,7 +448,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     _cache[9] || (_cache[9] = createElementVNode("div", null, "Paired and trying to connect", -1))
                   ])) : createCommentVNode("", true)
                 ]),
-                !isPaired.value ? (openBlock(), createBlock(unref(QBtn), {
+                !isPaired.value ? (openBlock(), createBlock(_sfc_main$2, {
                   key: 0,
                   label: "Pair",
                   type: "submit",
@@ -456,7 +457,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   unelevated: "",
                   "no-caps": "",
                   ripple: false
-                })) : (openBlock(), createBlock(unref(QBtn), {
+                })) : (openBlock(), createBlock(_sfc_main$2, {
                   key: 1,
                   label: "Unpair",
                   type: "button",
@@ -482,7 +483,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     pairInfo.value.state === "INPROGRESS" ? (openBlock(), createBlock(unref(QCardSection), { key: 0 }, {
                       default: withCtx(() => [
                         createElementVNode("div", _hoisted_8, toDisplayString(pairInfo.value.message), 1),
-                        createVNode(unref(QBtn), {
+                        createVNode(_sfc_main$2, {
                           label: "Cancel",
                           onClick: unref(cancelPairing),
                           color: "primary",
@@ -500,12 +501,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         createElementVNode("div", _hoisted_9, toDisplayString(pairInfo.value.confirmationCode), 1),
                         _cache[12] || (_cache[12] = createElementVNode("div", { class: "text-center text-sm text-gray-500 dark:text-gray-300" }, " Confirm the matching pairing code on the terminal ", -1))
                       ]),
-                      _: 1,
-                      __: [11, 12]
+                      _: 1
                     })) : pairInfo.value.state === "FINISHED" ? (openBlock(), createBlock(unref(QCardSection), { key: 2 }, {
                       default: withCtx(() => [
                         createElementVNode("div", _hoisted_10, toDisplayString(pairInfo.value.message), 1),
-                        withDirectives(createVNode(unref(QBtn), {
+                        withDirectives(createVNode(_sfc_main$2, {
                           label: "OK",
                           color: "primary",
                           outline: "",
@@ -526,8 +526,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               _: 1
             }, 8, ["modelValue"])
           ]),
-          _: 1,
-          __: [13]
+          _: 1
         }))
       ]);
     };

package/dist/{PairSmartPay.vue_vue_type_script_setup_true_lang--WeZf2Sw.js → PairSmartPay.vue_vue_type_script_setup_true_lang-BxMFKCdq.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, createBlock, createElementBlock, unref, openBlock, withCtx, createElementVNode, createVNode, createTextVNode, toDisplayString, withModifiers } from "vue";
 import { useLocalStorage } from "@vueuse/core";
 import { Dialog, QCard, 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-gQoPMiBm.js";
+import { c as state, e as environment, m as mdiCheckCircle, d as mdiRefresh, _ as _sfc_main$1, f as mdiChevronLeft, g as mdiLink } from "./PairInstructions.vue_vue_type_script_setup_true_lang-Ckf0Q7kS.js";
 import axios, { HttpStatusCode, isAxiosError } from "axios";
 import { d as delay } from "./index-e4lpzJsL.js";
 import { d as dialogDefaultOpts } from "./utils-GrbVNAXw.js";
@@ -152,7 +152,7 @@ class SmartConnectAPI {
           await delay();
           return poll();
         } else {
-          throw new Error("Polling timed out");
+          throw new Error("Polling timed out", { cause: error });
         }
       }
     };
@@ -289,10 +289,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const SETUP_STEPS = [
       'Press the "Menu" Button',
-      'Select "Configuration"',
-      'Select "Integrated EFTPOS"',
-      'Select "Pair with POS"',
-      'Press "Start"'
+      "Select 'CONFIG'",
+      "Enter authentication code and press 'Enter'",
+      "Select 'POS Integrations'",
+      "Select 'Authorise POS'",
+      "You will get a new 'Pairing code'. Enter that in the form on next screen"
     ];
     const { pairTerminal } = useSmartPay();
     const pairConfig = useLocalStorage("smartpay.pairConfig", {
@@ -331,7 +332,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ]),
             _cache[3] || (_cache[3] = createElementVNode("h2", { class: "mb-4 text-3xl font-bold" }, "Terminal Connected", -1)),
             createElementVNode("p", _hoisted_3, [
-              _cache[2] || (_cache[2] = createTextVNode(" Pairing Code: ")),
+              _cache[2] || (_cache[2] = createTextVNode(" Pairing Code: ", -1)),
               createElementVNode("span", _hoisted_4, toDisplayString(unref(pairConfig).pairingCode), 1)
             ]),
             createElementVNode("p", _hoisted_5, " Last paired: " + toDisplayString(new Date(unref(pairConfig).lastPairedDate).toLocaleString()), 1),
@@ -392,8 +393,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ])
             ], 32)
           ]),
-          _: 1,
-          __: [4]
+          _: 1
         }))
       ]));
     };

package/dist/{PairTillPayment.vue_vue_type_script_setup_true_lang-BZgsUFdv.js → PairTillPayment.vue_vue_type_script_setup_true_lang-Cy392bZw.js}

@@ -4,8 +4,8 @@ import axios, { isAxiosError, HttpStatusCode } from "axios";
 import dayjs from "dayjs";
 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-gQoPMiBm.js";
-import { _ as _sfc_main$2 } from "./TransactionDialog.vue_vue_type_script_setup_true_lang-DTIELKw0.js";
+import { c as state, m as mdiCheckCircle, f as mdiChevronLeft, d as mdiRefresh, _ as _sfc_main$3, g as mdiLink } from "./PairInstructions.vue_vue_type_script_setup_true_lang-Ckf0Q7kS.js";
+import { _ as _sfc_main$2 } from "./TransactionDialog.vue_vue_type_script_setup_true_lang-C6l6nnLB.js";
 import { validate } from "uuid";
 var SettlementTypes = /* @__PURE__ */ ((SettlementTypes2) => {
   SettlementTypes2["SETTLEMENT"] = "SETTLEMENT";
@@ -65,7 +65,7 @@ const generateReceipt = (receiptName, rawReceipt) => {
     const currencyWidth = 8;
     const amountWidth = 10;
     const formatLine = (type, amount) => {
-      return `${type.padEnd(typeWidth)}${" AUD".padEnd(currencyWidth)}${("$" + amount).padStart(amountWidth)}`;
+      return `${type.padEnd(typeWidth)}${" AUD".padEnd(currencyWidth)}${`$${amount}`.padStart(amountWidth)}`;
     };
     const header = `        ${receiptName}
   
@@ -98,7 +98,7 @@ ${data.tvr ? `TVR: ${data.tvr}
 Terminal ID: ${terminalId}
 ${dayjs(data.dateTime).format("DD MMM YYYY [at] hh:mm A")}
 
-     ${data.authorizationMethod !== "NONE" ? data.authorizationMethod + " APPROVED" : "APPROVED"}
+     ${data.authorizationMethod !== "NONE" ? `${data.authorizationMethod} APPROVED` : "APPROVED"}
 `;
     return [
       header,
@@ -569,7 +569,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                       createVNode(unref(QToolbarTitle), null, {
                         default: withCtx(() => [
                           renderSlot(_ctx.$slots, "title", {}, () => [
-                            _cache[2] || (_cache[2] = createTextVNode("Reprint Receipt"))
+                            _cache[2] || (_cache[2] = createTextVNode("Reprint Receipt", -1))
                           ])
                         ]),
                         _: 3
@@ -588,7 +588,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                   createVNode(unref(QCardSection), null, {
                     default: withCtx(() => [
                       createElementVNode("div", _hoisted_1$1, [
-                        _cache[3] || (_cache[3] = createTextVNode(" Txn Number: ")),
+                        _cache[3] || (_cache[3] = createTextVNode(" Txn Number: ", -1)),
                         createVNode(unref(QInput), {
                           modelValue: txnNumber.value,
                           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => txnNumber.value = $event),
@@ -720,11 +720,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ]),
               _cache[6] || (_cache[6] = createElementVNode("h2", { class: "mb-4 text-3xl font-bold" }, "Terminal Connected", -1)),
               createElementVNode("p", _hoisted_3, [
-                _cache[4] || (_cache[4] = createTextVNode(" Terminal ID: ")),
+                _cache[4] || (_cache[4] = createTextVNode(" Terminal ID: ", -1)),
                 createElementVNode("b", null, toDisplayString(unref(pairConfig).terminalId), 1)
               ]),
               createElementVNode("p", _hoisted_4, [
-                _cache[5] || (_cache[5] = createTextVNode(" Last paired: ")),
+                _cache[5] || (_cache[5] = createTextVNode(" Last paired: ", -1)),
                 createElementVNode("b", null, toDisplayString(new Date(unref(pairConfig).lastPairedDate).toLocaleString()), 1)
               ]),
               createElementVNode("div", _hoisted_5, [
@@ -801,8 +801,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   _: 1
                 })
               ]),
-              _: 1,
-              __: [7]
+              _: 1
             }))
           ]),
           _: 1

package/dist/{PairTyro.vue_vue_type_script_setup_true_lang-_sTaWomK.js → PairTyro.vue_vue_type_script_setup_true_lang-ClmlRTyD.js}

@@ -1,7 +1,7 @@
 import { defineComponent, useModel, resolveDirective, createBlock, openBlock, unref, withCtx, createVNode, createElementVNode, withDirectives, createTextVNode, ref, createElementBlock, toDisplayString, withModifiers } from "vue";
 import { useLocalStorage } from "@vueuse/core";
 import { QSpinnerHourglass, Dialog, QDialog, QCard, QToolbar, QToolbarTitle, QIcon, QBtn, QInput } from "quasar";
-import { g as checkPluginInitialized, e as environment, b as state, m as mdiCheckCircle, c as mdiRefresh, _ as _sfc_main$2, h as mdiBarcode, d as mdiChevronLeft, f as mdiLink } from "./PairInstructions.vue_vue_type_script_setup_true_lang-gQoPMiBm.js";
+import { h as checkPluginInitialized, e as environment, c as state, m as mdiCheckCircle, d as mdiRefresh, _ as _sfc_main$2, j as mdiBarcode, f as mdiChevronLeft, g as mdiLink } from "./PairInstructions.vue_vue_type_script_setup_true_lang-Ckf0Q7kS.js";
 const dialogDefaultOpts = {
   message: "Pairing in progress...",
   class: "text-lg",
@@ -138,11 +138,10 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               createVNode(unref(QToolbar), { class: "bg-primary text-white" }, {
                 default: withCtx(() => [
                   createVNode(unref(QToolbarTitle), null, {
-                    default: withCtx(() => _cache[1] || (_cache[1] = [
-                      createTextVNode(" Tyro Client Logs ")
-                    ])),
-                    _: 1,
-                    __: [1]
+                    default: withCtx(() => [..._cache[1] || (_cache[1] = [
+                      createTextVNode(" Tyro Client Logs ", -1)
+                    ])]),
+                    _: 1
                   }),
                   withDirectives(createVNode(unref(QIcon), {
                     class: "float-right cursor-pointer rounded p-2 transition-colors",
@@ -234,7 +233,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ]),
             _cache[5] || (_cache[5] = createElementVNode("h2", { class: "mb-4 text-3xl font-bold" }, "Terminal Connected", -1)),
             createElementVNode("p", _hoisted_3, [
-              _cache[4] || (_cache[4] = createTextVNode(" Terminal ID: ")),
+              _cache[4] || (_cache[4] = createTextVNode(" Terminal ID: ", -1)),
               createElementVNode("span", _hoisted_4, toDisplayString(unref(pairConfig).terminalId), 1)
             ]),
             createElementVNode("p", _hoisted_5, " Last paired: " + toDisplayString(new Date(unref(pairConfig).lastPairedDate).toLocaleString()), 1),
@@ -317,8 +316,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ])
             ], 32)
           ]),
-          _: 1,
-          __: [6]
+          _: 1
         }))
       ]));
     };

package/dist/{TransactionDialog.vue_vue_type_script_setup_true_lang-DTIELKw0.js → TransactionDialog.vue_vue_type_script_setup_true_lang-C6l6nnLB.js}

@@ -1,8 +1,9 @@
 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" };
+import { useDialogPluginComponent, QDialog, QCard, QCardSection } from "quasar";
+import { _ as _sfc_main$1 } from "./PBtn.vue_vue_type_script_setup_true_lang-BZRHAS0P.js";
+const _hoisted_1 = { class: "text-center text-lg font-semibold uppercase text-gray-500" };
+const _hoisted_2 = { class: "text-center text-lg font-semibold uppercase text-gray-500" };
+const _hoisted_3 = { class: "text-center text-lg font-semibold uppercase text-gray-500" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "TransactionDialog",
   props: {
@@ -26,47 +27,41 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         persistent: ""
       }, {
         default: withCtx(() => [
-          createVNode(unref(QCard), { class: "q-dialog-plugin" }, {
+          createVNode(unref(QCard), { class: "q-dialog-plugin px-6 py-3" }, {
             default: withCtx(() => [
-              _ctx.title === "INPROGRESS" ? (openBlock(), createBlock(unref(QCardSection), { key: 0 }, {
+              __props.title === "INPROGRESS" ? (openBlock(), createBlock(unref(QCardSection), { key: 0 }, {
                 default: withCtx(() => [
-                  createElementVNode("div", _hoisted_1, toDisplayString(_ctx.message), 1),
-                  createVNode(unref(QBtn), {
+                  createElementVNode("div", _hoisted_1, toDisplayString(__props.message), 1),
+                  createVNode(_sfc_main$1, {
                     label: "Cancel",
-                    onClick: _ctx.cancelTxn,
+                    onClick: __props.cancelTxn,
                     color: "primary",
                     outline: "",
-                    class: "!mt-6 !w-full",
-                    unelevated: "",
-                    ripple: false
+                    class: "!mt-6 !w-full"
                   }, null, 8, ["onClick"])
                 ]),
                 _: 1
-              })) : _ctx.title === "SUCCESS" ? (openBlock(), createBlock(unref(QCardSection), { key: 1 }, {
+              })) : __props.title === "SUCCESS" ? (openBlock(), createBlock(unref(QCardSection), { key: 1 }, {
                 default: withCtx(() => [
-                  createElementVNode("div", _hoisted_2, toDisplayString(_ctx.message), 1),
-                  withDirectives(createVNode(unref(QBtn), {
+                  createElementVNode("div", _hoisted_2, toDisplayString(__props.message), 1),
+                  withDirectives(createVNode(_sfc_main$1, {
                     label: "OK",
                     color: "primary",
                     outline: "",
-                    class: "!mt-6 !w-full",
-                    unelevated: "",
-                    ripple: false
+                    class: "!mt-6 !w-full"
                   }, null, 512), [
                     [_directive_close_popup]
                   ])
                 ]),
                 _: 1
-              })) : _ctx.title === "FAILED" ? (openBlock(), createBlock(unref(QCardSection), { key: 2 }, {
+              })) : __props.title === "FAILED" ? (openBlock(), createBlock(unref(QCardSection), { key: 2 }, {
                 default: withCtx(() => [
-                  createElementVNode("div", _hoisted_3, toDisplayString(_ctx.message), 1),
-                  withDirectives(createVNode(unref(QBtn), {
+                  createElementVNode("div", _hoisted_3, toDisplayString(__props.message), 1),
+                  withDirectives(createVNode(_sfc_main$1, {
                     label: "OK",
                     color: "primary",
                     outline: "",
-                    class: "!mt-6 !w-full",
-                    unelevated: "",
-                    ripple: false
+                    class: "!mt-6 !w-full"
                   }, null, 512), [
                     [_directive_close_popup]
                   ])

package/dist/index.d.ts

@@ -1,13 +1,5 @@
-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;
-};
+import { default as PairingInterface } from './components/PairingInterface.vue';
 
 declare const _default: {
     install: FunctionPlugin<[InstallOptions]>;
@@ -30,6 +22,10 @@ export declare const generateTransactionId: () => string;
 
 declare interface InstallOptions extends POSConfig {
     environment?: Environment;
+    /**
+     * @default true
+     */
+    dense?: boolean;
     /**
      *
      * @param receipt - receipt string
@@ -38,22 +34,7 @@ declare interface InstallOptions extends POSConfig {
     onReceiptPrint?: (receipt: string, type: ReceiptTypes) => void;
 }
 
-export declare const PairingInterface: DefineComponent<__VLS_Props, void, {}, {}, {}, 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, {}, any>;
-
-declare enum PaymentGateways {
-    Tyro = "tyro",
-    TillPayment = "till-instore",
-    MX51 = "mx51-spi",
-    Linkly = "linkly",
-    SmartPay = "smartpay",
-    ANZ = "anz-instore"
-}
+export { PairingInterface }
 
 declare interface POSConfig {
     productName: string;
@@ -76,3 +57,29 @@ declare enum ReceiptTypes {
 }
 
 export { }
+
+
+declare global {
+    interface HTMLElementEventMap extends CustomEventMap {
+    }
+    interface WindowEventMap extends CustomEventMap {
+    }
+    interface DocumentEventMap extends CustomEventMap {
+    }
+}
+
+
+declare global {
+    interface CustomEventMap {
+        [TimApiEvents.TxnCompleted]: CustomEvent<{
+            event: timapi.TimEvent;
+            data: timapi.TransactionResponse;
+        }>;
+        [TimApiEvents.BalanceCompleted]: CustomEvent<{
+            event: timapi.TimEvent;
+            data: timapi.TransactionResponse;
+        }>;
+    }
+    interface DocumentEventMap extends CustomEventMap {
+    }
+}