@achyutlabsau/vue-payment-gateway 0.8.0 → 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-DrddzJ84.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,

package/dist/{PairMX51.vue_vue_type_script_setup_true_lang-Cv8VxL-t.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",
@@ -504,7 +505,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     })) : 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: "",

package/dist/{PairSmartPay.vue_vue_type_script_setup_true_lang-vW3iqk9q.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", {

package/dist/{PairTillPayment.vue_vue_type_script_setup_true_lang-DNK3I79n.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,

package/dist/{PairTyro.vue_vue_type_script_setup_true_lang-cMWE2xPj.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",

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

@@ -22,6 +22,10 @@ export declare const generateTransactionId: () => string;
 
 declare interface InstallOptions extends POSConfig {
     environment?: Environment;
+    /**
+     * @default true
+     */
+    dense?: boolean;
     /**
      *
      * @param receipt - receipt string

package/dist/index.js

@@ -1,19 +1,19 @@
-import { i as isPluginInitialized, s as setState, a as setEnvironment, P as PaymentGateways } from "./PairInstructions.vue_vue_type_script_setup_true_lang-gQoPMiBm.js";
+import { i as isDense, a as isPluginInitialized, s as setState, b as setEnvironment, P as PaymentGateways } from "./PairInstructions.vue_vue_type_script_setup_true_lang-Ckf0Q7kS.js";
 import "quasar";
-import { T as TYRO_CONSTANTS, _ as _sfc_main$1 } from "./PairTyro.vue_vue_type_script_setup_true_lang-cMWE2xPj.js";
+import { T as TYRO_CONSTANTS, _ as _sfc_main$1 } from "./PairTyro.vue_vue_type_script_setup_true_lang-ClmlRTyD.js";
 import { defineComponent, createElementBlock, openBlock, createBlock, createCommentVNode, unref } from "vue";
 import { useEventListener, useScriptTag } from "@vueuse/core";
-import { s as spi, _ as _sfc_main$2 } from "./PairMX51.vue_vue_type_script_setup_true_lang-Cv8VxL-t.js";
+import { s as spi, _ as _sfc_main$2 } from "./PairMX51.vue_vue_type_script_setup_true_lang-DHGuS3zp.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 "./TransactionDialog.vue_vue_type_script_setup_true_lang-DTIELKw0.js";
-import { _ as _sfc_main$3 } from "./PairLinkly.vue_vue_type_script_setup_true_lang-DrddzJ84.js";
-import { _ as _sfc_main$6 } from "./PairSmartPay.vue_vue_type_script_setup_true_lang-vW3iqk9q.js";
+import "./TransactionDialog.vue_vue_type_script_setup_true_lang-C6l6nnLB.js";
+import { _ as _sfc_main$3 } from "./PairLinkly.vue_vue_type_script_setup_true_lang-OzYd90mq.js";
+import { _ as _sfc_main$6 } from "./PairSmartPay.vue_vue_type_script_setup_true_lang-BxMFKCdq.js";
 import "dayjs";
-import { _ as _sfc_main$5 } from "./PairTillPayment.vue_vue_type_script_setup_true_lang-DNK3I79n.js";
+import { _ as _sfc_main$5 } from "./PairTillPayment.vue_vue_type_script_setup_true_lang-Cy392bZw.js";
 import { g } from "./index-e4lpzJsL.js";
 var ReceiptTypes = /* @__PURE__ */ ((ReceiptTypes2) => {
   ReceiptTypes2["MERCHANT_COPY"] = "MERCHANT_COPY";
@@ -27,6 +27,7 @@ const install = (_app, options) => {
   }
   setupEventHandlers(options);
   initializeConfigurations(options);
+  isDense.value = options.dense ?? true;
   isPluginInitialized.value = true;
 };
 function setupEventHandlers(options) {
@@ -124,18 +125,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        _ctx.gateway === unref(PaymentGateways).Tyro ? (openBlock(), createBlock(unref(_sfc_main$1), {
+        __props.gateway === unref(PaymentGateways).Tyro ? (openBlock(), createBlock(unref(_sfc_main$1), {
           key: 0,
-          "merchant-id": _ctx.merchantId
+          "merchant-id": __props.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), {
+        __props.gateway === unref(PaymentGateways).MX51 ? (openBlock(), createBlock(unref(_sfc_main$2), { key: 1 })) : createCommentVNode("", true),
+        __props.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)
+        __props.gateway === unref(PaymentGateways).ANZ ? (openBlock(), createBlock(_sfc_main$4, { key: 3 })) : createCommentVNode("", true),
+        __props.gateway === unref(PaymentGateways).TillPayment ? (openBlock(), createBlock(unref(_sfc_main$5), { key: 4 })) : createCommentVNode("", true),
+        __props.gateway === unref(PaymentGateways).SmartPay ? (openBlock(), createBlock(unref(_sfc_main$6), { key: 5 })) : createCommentVNode("", true)
       ]);
     };
   }

package/dist/linkly.js

@@ -1,4 +1,4 @@
-import { C, L, _, R, a, b, T, u } from "./PairLinkly.vue_vue_type_script_setup_true_lang-DrddzJ84.js";
+import { C, L, _, R, a, b, T, u } from "./PairLinkly.vue_vue_type_script_setup_true_lang-OzYd90mq.js";
 export {
   C as CurrencyCodes,
   L as LinklyKeyType,

package/dist/mx51.js

@@ -1,11 +1,12 @@
-import { s as spi, r as receiptOptions } from "./PairMX51.vue_vue_type_script_setup_true_lang-Cv8VxL-t.js";
-import { _, l } from "./PairMX51.vue_vue_type_script_setup_true_lang-Cv8VxL-t.js";
+import { s as spi, r as receiptOptions } from "./PairMX51.vue_vue_type_script_setup_true_lang-DHGuS3zp.js";
+import { _, l } from "./PairMX51.vue_vue_type_script_setup_true_lang-DHGuS3zp.js";
 import { defineComponent, ref, onMounted, resolveDirective, createBlock, openBlock, unref, withCtx, createVNode, createCommentVNode, createElementVNode, toDisplayString, withDirectives } from "vue";
 import { SuccessState, TransactionType, SpiStatus } from "@mx51/spi-client-js";
 import { v4 } from "uuid";
-import { QDialog, QCard, QCardSection, QBtn, Dialog } from "quasar";
+import { QDialog, QCard, QCardSection, Dialog } from "quasar";
 import { useLocalStorage } from "@vueuse/core";
 import { e as emitter } from "./emitter-B70DsNvX.js";
+import { _ as _sfc_main$1 } from "./PBtn.vue_vue_type_script_setup_true_lang-BZRHAS0P.js";
 function posRefIdGenerator(type) {
   return (/* @__PURE__ */ new Date()).toISOString() + "-" + type + v4();
 }
@@ -158,7 +159,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 default: withCtx(() => [
                   createElementVNode("div", _hoisted_1, toDisplayString(unref(runningTxData).txType) + " of $" + toDisplayString(unref(runningTxData).txnAmount) + " in progress... ", 1),
                   createElementVNode("div", _hoisted_2, toDisplayString(pairInfo.value.message), 1),
-                  createVNode(unref(QBtn), {
+                  createVNode(_sfc_main$1, {
                     label: "Cancel",
                     onClick: unref(cancelTransaction),
                     color: "primary",
@@ -181,7 +182,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   _cache[6] || (_cache[6] = createElementVNode("div", { class: "text-center font-semibold uppercase text-gray-500 dark:text-gray-300" }, " Was the transaction successful ", -1)),
                   _cache[7] || (_cache[7] = createElementVNode("div", { class: "text-center font-semibold text-gray-500 dark:text-gray-300" }, "Check the EFTPOS terminal", -1)),
                   createElementVNode("div", _hoisted_4, [
-                    createVNode(unref(QBtn), {
+                    createVNode(_sfc_main$1, {
                       label: "Yes",
                       color: "primary",
                       onClick: _cache[0] || (_cache[0] = ($event) => overrideTransaction(true)),
@@ -191,7 +192,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       "no-caps": "",
                       ripple: false
                     }),
-                    createVNode(unref(QBtn), {
+                    createVNode(_sfc_main$1, {
                       label: "No",
                       color: "primary",
                       outline: "",
@@ -209,7 +210,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   _cache[8] || (_cache[8] = createElementVNode("div", { class: "text-center font-semibold uppercase text-gray-500 dark:text-gray-300" }, " Confirm the customer's signature ", -1)),
                   createElementVNode("div", _hoisted_5, toDisplayString(pairInfo.value.message), 1),
                   createElementVNode("div", _hoisted_6, [
-                    createVNode(unref(QBtn), {
+                    createVNode(_sfc_main$1, {
                       label: "Accept",
                       color: "primary",
                       onClick: _cache[2] || (_cache[2] = ($event) => unref(acceptSignature)(true)),
@@ -219,7 +220,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       "no-caps": "",
                       ripple: false
                     }),
-                    createVNode(unref(QBtn), {
+                    createVNode(_sfc_main$1, {
                       label: "Decline",
                       color: "primary",
                       outline: "",
@@ -235,14 +236,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               })) : pairInfo.value.state === "SUCCESS" ? (openBlock(), createBlock(unref(QCardSection), { key: 4 }, {
                 default: withCtx(() => [
                   _cache[9] || (_cache[9] = createElementVNode("div", { class: "text-center font-semibold uppercase text-gray-500 dark:text-gray-300" }, "Transaction Successful", -1)),
-                  withDirectives(createVNode(unref(QBtn), {
+                  withDirectives(createVNode(_sfc_main$1, {
                     label: "OK",
                     color: "primary",
                     outline: "",
-                    class: "!mt-6 !w-full",
-                    unelevated: "",
-                    "no-caps": "",
-                    ripple: false
+                    class: "!mt-6 !w-full"
                   }, null, 512), [
                     [_directive_close_popup]
                   ])
@@ -252,14 +250,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 default: withCtx(() => [
                   _cache[10] || (_cache[10] = createElementVNode("div", { class: "text-center font-semibold uppercase text-gray-500 dark:text-gray-300" }, "Transaction Failed", -1)),
                   createElementVNode("div", _hoisted_7, toDisplayString(pairInfo.value.message), 1),
-                  withDirectives(createVNode(unref(QBtn), {
+                  withDirectives(createVNode(_sfc_main$1, {
                     label: "OK",
                     color: "primary",
                     outline: "",
-                    class: "!mt-6 !w-full",
-                    unelevated: "",
-                    "no-caps": "",
-                    ripple: false
+                    class: "!mt-6 !w-full"
                   }, null, 512), [
                     [_directive_close_popup]
                   ])
@@ -280,7 +275,14 @@ const useMX51 = () => {
     if (spi._currentStatus !== SpiStatus.PairedConnected) {
       Dialog.create({
         title: "Failed!",
-        message: "The EFTPOS terminal and the POS are not connected."
+        html: true,
+        message: "<p class='text-base'>The EFTPOS terminal and the POS are not connected.</p>",
+        ok: {
+          size: "16px",
+          color: "primary",
+          unelevated: true,
+          label: "OK"
+        }
       });
       return;
     }
@@ -291,7 +293,14 @@ const useMX51 = () => {
     if (spi._currentStatus !== SpiStatus.PairedConnected) {
       Dialog.create({
         title: "Failed!",
-        message: "The EFTPOS terminal and the POS are not connected."
+        html: true,
+        message: "<p class='text-base'>The EFTPOS terminal and the POS are not connected.</p>",
+        ok: {
+          size: "16px",
+          color: "primary",
+          unelevated: true,
+          label: "OK"
+        }
       });
       return;
     }

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-vW3iqk9q.js";
+import { D, P, _, R, S, T, b, a, c, u } from "./PairSmartPay.vue_vue_type_script_setup_true_lang-BxMFKCdq.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-DNK3I79n.js";
+import { _, S, T, b, a, u } from "./PairTillPayment.vue_vue_type_script_setup_true_lang-Cy392bZw.js";
 export {
   _ as PairTillPayment,
   S as SettlementTypes,

package/dist/tyro.js

@@ -1,4 +1,4 @@
-import { a, _, T, b, u } from "./PairTyro.vue_vue_type_script_setup_true_lang-cMWE2xPj.js";
+import { a, _, T, b, u } from "./PairTyro.vue_vue_type_script_setup_true_lang-ClmlRTyD.js";
 export {
   a as ClientLogsDialog,
   _ as PairTyro,

package/dist/worldline.js

@@ -2,8 +2,9 @@ import dayjs from "dayjs";
 import Dexie, { liveQuery } from "dexie";
 import { e as emitter } from "./emitter-B70DsNvX.js";
 import { defineComponent, ref, resolveDirective, createBlock, openBlock, unref, withCtx, createVNode, createElementVNode, createCommentVNode, toDisplayString, withDirectives, nextTick, createElementBlock, useModel, createTextVNode, Fragment, renderList } from "vue";
-import { QCard, QForm, QInput, QBtn, QDialog, QCardSection, Dialog, QToolbar, QToolbarTitle, QIcon } from "quasar";
+import { QCard, QForm, QInput, QDialog, QCardSection, Dialog, QToolbar, QToolbarTitle, QIcon, QBtn } from "quasar";
 import { useLocalStorage, useEventListener, whenever } from "@vueuse/core";
+import { _ as _sfc_main$3 } from "./PBtn.vue_vue_type_script_setup_true_lang-BZRHAS0P.js";
 import { useObservable } from "@vueuse/rxjs";
 function downloadTxtFile(filename, dataArray) {
   const blob = new Blob([dataArray.join("\n")], { type: "text/plain" });
@@ -190,7 +191,7 @@ class AdvanceEcr {
     }
     const ipAddress = localStorage.getItem(LS_KEYS.IP_ADDRESS);
     const ipPort = localStorage.getItem(LS_KEYS.IP_PORT);
-    this.terminal = this.createTerminal(ipAddress ?? "127.0.0.1", Number(ipPort) ?? 8080);
+    this.terminal = this.createTerminal(ipAddress ?? "127.0.0.1", Number(ipPort ?? 8080));
     this.terminal.addListener(eventListener());
     return this.terminal;
   }
@@ -310,7 +311,7 @@ class AdvanceEcr {
       this.ensureTerminal().transactionAsync(timapi.constants.TransactionType.reversal, void 0);
       emitter.emit("txnStarted", 0, "reversal");
     } catch (err) {
-      console.log("Error: " + err);
+      console.log("Error: ", err);
     }
   }
   actionPurchase(purchaseAmount) {
@@ -327,7 +328,7 @@ class AdvanceEcr {
         terminal: this.ensureTerminal(),
         requestType: "purchase"
       });
-      console.log("Error: " + err);
+      console.log("Error: ", err);
     }
   }
   actionRefund(refundAmount) {
@@ -344,7 +345,7 @@ class AdvanceEcr {
         terminal: this.ensureTerminal(),
         requestType: "refund"
       });
-      console.log("Error: " + err);
+      console.log("Error: ", err);
     }
   }
   actionCancel() {
@@ -390,7 +391,7 @@ const timApi = new AdvanceEcr({
 });
 const _hoisted_1$2 = { class: "text-center font-semibold uppercase" };
 const _hoisted_2$2 = { class: "text-center font-semibold uppercase" };
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "PairTimapi",
   setup(__props) {
     function isValidIP(str) {
@@ -479,7 +480,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                 label: "Connection Port",
                 rules: [(v) => !!v || "Connection Port is required"]
               }, null, 8, ["disable", "modelValue", "rules"]),
-              !unref(isPaired) ? (openBlock(), createBlock(unref(QBtn), {
+              !unref(isPaired) ? (openBlock(), createBlock(_sfc_main$3, {
                 key: 0,
                 label: "Pair Terminal",
                 type: "submit",
@@ -488,7 +489,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                 unelevated: "",
                 "no-caps": "",
                 ripple: false
-              })) : (openBlock(), createBlock(unref(QBtn), {
+              })) : (openBlock(), createBlock(_sfc_main$3, {
                 key: 1,
                 label: "Unpair",
                 type: "button",
@@ -514,7 +515,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                   pairInfo.value.state === "INPROGRESS" ? (openBlock(), createBlock(unref(QCardSection), { key: 0 }, {
                     default: withCtx(() => [
                       createElementVNode("div", _hoisted_1$2, toDisplayString(pairInfo.value.message), 1),
-                      createVNode(unref(QBtn), {
+                      createVNode(_sfc_main$3, {
                         label: "Cancel",
                         onClick: cancelPairing,
                         color: "primary",
@@ -529,7 +530,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                   })) : pairInfo.value.state === "FINISHED" ? (openBlock(), createBlock(unref(QCardSection), { key: 1 }, {
                     default: withCtx(() => [
                       createElementVNode("div", _hoisted_2$2, toDisplayString(pairInfo.value.message), 1),
-                      withDirectives(createVNode(unref(QBtn), {
+                      withDirectives(createVNode(_sfc_main$3, {
                         label: "OK",
                         color: "primary",
                         outline: "",
@@ -555,20 +556,6 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  __name: "PBtn",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(QBtn), {
-        label: "Cancel",
-        color: "primary",
-        class: "!py-2.5",
-        unelevated: "",
-        ripple: false
-      });
-    };
-  }
-});
 const _hoisted_1$1 = { key: 0 };
 const _hoisted_2$1 = { class: "text-center font-semibold text-gray-500" };
 const _hoisted_3$1 = { key: 1 };
@@ -653,7 +640,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                   ])) : (openBlock(), createElementBlock("div", _hoisted_3$1, [
                     unref(runningTxData).txType === "reversal" ? (openBlock(), createElementBlock("div", _hoisted_4$1, " Transaction reversal is in progress... ")) : (openBlock(), createElementBlock("div", _hoisted_5, toDisplayString(unref(runningTxData).txType) + " of $" + toDisplayString(unref(runningTxData).txnAmount) + " in progress... ", 1)),
                     createElementVNode("div", _hoisted_6, toDisplayString(pairInfo.value.message), 1),
-                    createVNode(_sfc_main$2, {
+                    createVNode(_sfc_main$3, {
                       label: "Cancel",
                       onClick: cancelTransaction,
                       outline: "",
@@ -671,7 +658,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               })) : pairInfo.value.state === "SUCCESS" ? (openBlock(), createBlock(unref(QCardSection), { key: 2 }, {
                 default: withCtx(() => [
                   createElementVNode("div", _hoisted_8, toDisplayString(pairInfo.value.message), 1),
-                  withDirectives(createVNode(_sfc_main$2, {
+                  withDirectives(createVNode(_sfc_main$3, {
                     label: "OK",
                     outline: "",
                     class: "!mt-6 !w-full"
@@ -684,7 +671,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 default: withCtx(() => [
                   _cache[3] || (_cache[3] = createElementVNode("div", { class: "text-center font-semibold uppercase text-gray-500" }, "Transaction Failed", -1)),
                   createElementVNode("div", _hoisted_9, toDisplayString(pairInfo.value.message), 1),
-                  withDirectives(createVNode(_sfc_main$2, {
+                  withDirectives(createVNode(_sfc_main$3, {
                     label: "OK",
                     outline: "",
                     class: "!mt-6 !w-full"
@@ -796,7 +783,7 @@ onTimApiLog = (message) => {
   timApiLogger.addItem(message);
 };
 export {
-  _sfc_main$3 as PairTimapi,
+  _sfc_main$2 as PairTimapi,
   _sfc_main$1 as TimApiDialog,
   TimApiEvents,
   _sfc_main as TimApiLogs,

package/package.json

@@ -1,92 +1,93 @@
-{
-  "name": "@achyutlabsau/vue-payment-gateway",
-  "private": false,
-  "version": "0.8.0",
-  "type": "module",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/Achyut-Labs/al-pay-npm-pkg.git"
-  },
-  "bugs": {
-    "url": "https://github.com/Achyut-Labs/al-pay-npm-pkg/issues"
-  },
-  "homepage": "https://github.com/Achyut-Labs/al-pay-npm-pkg#readme",
-  "files": [
-    "dist"
-  ],
-  "main": "./dist/index.js",
-  "module": "./dist/index.js",
-  "exports": {
-    "./worldline": {
-      "types": "./dist/worldline.d.ts",
-      "import": "./dist/worldline.js"
-    },
-    "./mx51": {
-      "types": "./dist/mx51.d.ts",
-      "import": "./dist/mx51.js"
-    },
-    "./till-payment": {
-      "types": "./dist/till-payment.d.ts",
-      "import": "./dist/till-payment.js"
-    },
-    "./linkly": {
-      "types": "./dist/linkly.d.ts",
-      "import": "./dist/linkly.js"
-    },
-    "./smartpay": {
-      "types": "./dist/smartpay.d.ts",
-      "import": "./dist/smartpay.js"
-    },
-    "./tyro": {
-      "types": "./dist/tyro.d.ts",
-      "import": "./dist/tyro.js"
-    },
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
-    }
-  },
-  "scripts": {
-    "dev": "cd examples && vite",
-    "build": "vue-tsc -b && vite build",
-    "preview": "vite preview",
-    "docs:dev": "vitepress dev docs",
-    "docs:build": "vitepress build docs",
-    "docs:preview": "vitepress preview docs"
-  },
-  "dependencies": {
-    "@mx51/spi-client-js": "^2.9.13",
-    "@vueuse/core": "^13.9",
-    "@vueuse/rxjs": "^13.9.0",
-    "axios": "1.12.2",
-    "dayjs": "1.11.18",
-    "dexie": "^4.2.0",
-    "uuid": "^13.0.0"
-  },
-  "peerDependencies": {
-    "@vueuse/core": ">=13",
-    "axios": ">=1.7",
-    "dayjs": "^1",
-    "quasar": "^2",
-    "uuid": ">=11",
-    "vue": ">=3.3.0"
-  },
-  "devDependencies": {
-    "@microsoft/api-extractor": "^7.52.13",
-    "@quasar/extras": "^1.17.0",
-    "@tailwindcss/vite": "^4.1.13",
-    "@types/node": "*",
-    "@vitejs/plugin-vue": "^6.0.1",
-    "@vue/language-core": "^3.0.7",
-    "prettier": "^3.6.2",
-    "prettier-plugin-tailwindcss": "^0.6.14",
-    "quasar": "^2.18.5",
-    "tailwindcss": "^4.1.13",
-    "typescript": "5.8.2",
-    "unplugin-dts": "^1.0.0-beta.6",
-    "vite": "^7.1.6",
-    "vitepress": "^2.0.0-alpha.8",
-    "vue": "^3.5.21",
-    "vue-tsc": "^3.0.7"
-  }
-}
+{
+  "name": "@achyutlabsau/vue-payment-gateway",
+  "private": false,
+  "version": "0.8.1",
+  "type": "module",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Achyut-Labs/al-pay-npm-pkg.git"
+  },
+  "bugs": {
+    "url": "https://github.com/Achyut-Labs/al-pay-npm-pkg/issues"
+  },
+  "homepage": "https://github.com/Achyut-Labs/al-pay-npm-pkg#readme",
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "exports": {
+    "./worldline": {
+      "types": "./dist/worldline.d.ts",
+      "import": "./dist/worldline.js"
+    },
+    "./mx51": {
+      "types": "./dist/mx51.d.ts",
+      "import": "./dist/mx51.js"
+    },
+    "./till-payment": {
+      "types": "./dist/till-payment.d.ts",
+      "import": "./dist/till-payment.js"
+    },
+    "./linkly": {
+      "types": "./dist/linkly.d.ts",
+      "import": "./dist/linkly.js"
+    },
+    "./smartpay": {
+      "types": "./dist/smartpay.d.ts",
+      "import": "./dist/smartpay.js"
+    },
+    "./tyro": {
+      "types": "./dist/tyro.d.ts",
+      "import": "./dist/tyro.js"
+    },
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "scripts": {
+    "dev": "cd examples && vite",
+    "build": "vue-tsc -b && vite build",
+    "preview": "vite preview",
+    "docs:dev": "vitepress dev docs",
+    "docs:build": "vitepress build docs",
+    "docs:preview": "vitepress preview docs"
+  },
+  "dependencies": {
+    "@mx51/spi-client-js": "^2.9.13",
+    "@vueuse/core": "^14.0",
+    "@vueuse/rxjs": "^14.0.0",
+    "axios": "1.13.1",
+    "dayjs": "1.11.19",
+    "dexie": "^4.2.1",
+    "uuid": "^13.0.0"
+  },
+  "peerDependencies": {
+    "@vueuse/core": ">=13",
+    "axios": ">=1.7",
+    "dayjs": "^1",
+    "quasar": "^2",
+    "uuid": ">=11",
+    "vue": ">=3.3.0"
+  },
+  "devDependencies": {
+    "@microsoft/api-extractor": "^7.53.3",
+    "@quasar/extras": "^1.17.0",
+    "@tailwindcss/vite": "^4.1.16",
+    "@types/node": "*",
+    "@vitejs/plugin-vue": "^6.0.1",
+    "@vue/language-core": "^3.1.2",
+    "oxlint": "^1.25.0",
+    "prettier": "^3.6.2",
+    "prettier-plugin-tailwindcss": "^0.7.1",
+    "quasar": "^2.18.5",
+    "tailwindcss": "^4.1.16",
+    "typescript": "5.9.3",
+    "unplugin-dts": "^1.0.0-beta.6",
+    "vite": "^7.1.12",
+    "vitepress": "^2.0.0-alpha.8",
+    "vue": "^3.5.22",
+    "vue-tsc": "^3.1.2"
+  }
+}