@achyutlabsau/vue-payment-gateway 0.8.3 → 0.9.0

package/README.md

@@ -26,6 +26,8 @@ app.use(VuePaymentGateway, {
   posRegisterName: "register-name", // Name of the POS register
   posBusinessName: "business name", // Name of the business using the POS system
   tyroApiKey: "tyro-api-key", // API key for Tyro integration
+  valpayApiKey: "valpay-api-key", // API key for Valpay (Adyen) integration
+  valpayMerchantAccount: "merchant-account", // Merchant account for Valpay
   environment: "development", // Set environment to 'development' or 'production'
 });
 ```
@@ -75,6 +77,31 @@ const linkly = useLinkly();
 await linkly.processPayment(amount, options);
 ```
 
+### Using Valpay (Adyen)
+
+To use the Valpay (Adyen Terminal API) payment gateway, import and initialize it as shown below:
+
+```javascript
+import { useValpay } from "@achyutlabsau/vue-payment-gateway/valpay";
+
+const valpay = useValpay();
+
+// Get connected terminals
+const { success, terminals } = await valpay.getConnectedTerminals();
+
+// Process a payment
+const result = await valpay.processPayment(
+  10050,                    // Amount in minor units (100.50)
+  "AUD",                    // Currency code
+  "V400m-324688179",        // Terminal ID (POIID)
+  "transaction-12345",      // Transaction ID
+  "POSSystemID12345"        // Sale ID
+);
+
+// Cancel an ongoing payment
+const cancelResult = await valpay.cancelPayment("MerchantAbort");
+```
+
 ## Payment Method API
 
 Each payment provider (Tyro, SmartPay, Linkly) provides methods to process payments. Here are some of the most commonly used methods:

package/dist/{PairInstructions.vue_vue_type_script_setup_true_lang-D1m0sTpb.js → PairInstructions.vue_vue_type_script_setup_true_lang-mfX7jhRY.js}

@@ -8,6 +8,7 @@ var PaymentGateways = /* @__PURE__ */ ((PaymentGateways2) => {
   PaymentGateways2["Linkly"] = "linkly";
   PaymentGateways2["SmartPay"] = "smartpay";
   PaymentGateways2["ANZ"] = "anz-instore";
+  PaymentGateways2["Valpay"] = "adyen-instore";
   return PaymentGateways2;
 })(PaymentGateways || {});
 const state = reactive({
@@ -21,7 +22,9 @@ const state = reactive({
   tyroApiKey: "",
   tillPaymentApiKey: "",
   tillPaymentMerchantId: "",
-  mx51DeviceApiKey: ""
+  mx51DeviceApiKey: "",
+  valpayApiKey: "",
+  valpayMerchantAccount: ""
 });
 const environment = ref("production");
 const isDense = ref(true);
@@ -38,6 +41,8 @@ const setState = (options) => {
   options.tillPaymentApiKey && (state.tillPaymentApiKey = options.tillPaymentApiKey);
   options.tillPaymentMerchantId && (state.tillPaymentMerchantId = options.tillPaymentMerchantId);
   options.mx51DeviceApiKey && (state.mx51DeviceApiKey = options.mx51DeviceApiKey);
+  options.valpayApiKey && (state.valpayApiKey = options.valpayApiKey);
+  options.valpayMerchantAccount && (state.valpayMerchantAccount = options.valpayMerchantAccount);
 };
 const setEnvironment = (env) => environment.value = env;
 const checkPluginInitialized = () => {
@@ -87,7 +92,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             (openBlock(true), createElementBlock(Fragment, null, renderList(__props.steps, (step, index) => {
               return openBlock(), createElementBlock("li", {
                 key: index,
-                class: "flex items-center space-x-3 text-base"
+                class: "flex flex-nowrap items-center space-x-3 text-base"
               }, [
                 createElementVNode("span", _hoisted_4, toDisplayString(index + 1), 1),
                 createElementVNode("span", _hoisted_5, toDisplayString(step), 1)

package/dist/{PairLinkly.vue_vue_type_script_setup_true_lang-T2pFHPfq.js → PairLinkly.vue_vue_type_script_setup_true_lang-tAA6XiwD.js}

@@ -4,7 +4,7 @@ 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, 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-D1m0sTpb.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-mfX7jhRY.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 = {

package/dist/{PairMX51.vue_vue_type_script_setup_true_lang-BXOxZgA9.js → PairMX51.vue_vue_type_script_setup_true_lang-Cl2gteLU.js}

@@ -2,7 +2,7 @@ import { defineComponent, ref, computed, onMounted, watch, resolveDirective, cre
 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 { c as state, _ as _sfc_main$1 } from "./PairInstructions.vue_vue_type_script_setup_true_lang-D1m0sTpb.js";
+import { c as state, _ as _sfc_main$1 } from "./PairInstructions.vue_vue_type_script_setup_true_lang-mfX7jhRY.js";
 import { _ as _sfc_main$2 } from "./PBtn.vue_vue_type_script_setup_true_lang-BZRHAS0P.js";
 const spiSettings = {
   secureWebSockets: true,
@@ -27,6 +27,7 @@ const getPairingData = () => {
   try {
     return JSON.parse(localStorage.getItem("pairingData") ?? "{}");
   } catch (error) {
+    console.error("Failed to fetch pairing data:", error);
     return {};
   }
 };
@@ -35,6 +36,7 @@ const getSecrets = () => {
     const secrets = localStorage.getItem("secrets");
     return secrets ? JSON.parse(secrets) : null;
   } catch (error) {
+    console.error("Failed to fetch secret:", error);
     return null;
   }
 };

package/dist/{PairSmartPay.vue_vue_type_script_setup_true_lang-iDqycxJ6.js → PairSmartPay.vue_vue_type_script_setup_true_lang-BcBbu7WF.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 { 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-D1m0sTpb.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-mfX7jhRY.js";
 import axios, { HttpStatusCode, isAxiosError } from "axios";
 import { d as delay } from "./index-e4lpzJsL.js";
 import { d as dialogDefaultOpts } from "./utils-GrbVNAXw.js";

package/dist/{PairTillPayment.vue_vue_type_script_setup_true_lang-BjQQ6JVC.js → PairTillPayment.vue_vue_type_script_setup_true_lang-006hTpVF.js}

@@ -4,7 +4,7 @@ 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 { 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-D1m0sTpb.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-mfX7jhRY.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) => {
@@ -133,7 +133,7 @@ class TillPaymentsApi {
       throw new Error("Please provide 'merchantId' & 'apiKey'.");
     }
     this.api = axios.create({
-      baseURL: TillPaymentsApi.URLS[this.config.environment] + `/merchant/${this.config.merchantId}`,
+      baseURL: `${TillPaymentsApi.URLS[this.config.environment]}/merchant/${this.config.merchantId}`,
       timeout: this.config.timeout,
       headers: {
         "Content-Type": "application/json; charset=utf-8",

package/dist/{PairTyro.vue_vue_type_script_setup_true_lang-DWRqMKgQ.js → PairTyro.vue_vue_type_script_setup_true_lang-D5jHjDbZ.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 { 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-D1m0sTpb.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-mfX7jhRY.js";
 const dialogDefaultOpts = {
   message: "Pairing in progress...",
   class: "text-lg",