@achyutlabsau/vue-payment-gateway 0.2.2 → 0.2.4

package/README.md

@@ -1,141 +1,141 @@
-# Vue Payment Gateway
-
-A Vue.js payment gateway library to handle payments with ease.
-
-## Installation
-
-To install the library, run the following command:
-
-```bash
-npm install @achyutlabsau/vue-payment-gateway
-```
-
-## Plugin Initialization
-
-To use the payment gateway, you need to initialize the plugin in your Vue app. Here’s an example of how to set it up:
-
-```javascript
-import VuePaymentGateway from "@achyutlabsau/vue-payment-gateway";
-
-app.use(VuePaymentGateway, {
-  productName: "Pratham Respos", // Name of your product
-  productVersion: "3.3.0", // Version of your product
-  productVendorName: "Achyutlabs", // Name of the product vendor
-  posId: "unique-pos-id", // Unique identifier for the POS system
-  posRegisterId: "pos-register-id", // Unique identifier for the POS register
-  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
-  environment: "development", // Set environment to 'development' or 'production'
-});
-```
-
-> **Note:** Replace the placeholder values with the actual details of your POS system, product, and Tyro API key.
-
-## Using the Payment Gateway
-
-This library supports multiple payment providers, such as Tyro, SmartPay, and Linkly. Here’s how to use them in your application.
-
-### Using Tyro
-
-To use the Tyro payment gateway, import and initialize it as shown below:
-
-```javascript
-import { useTyro } from "@achyutlabsau/vue-payment-gateway/tyro";
-
-const tyro = useTyro();
-
-// Example usage
-await tyro.processPayment(amount, options);
-```
-
-### Using SmartPay
-
-To use the SmartPay payment gateway, import and initialize it as shown below:
-
-```javascript
-import { useSmartPay } from "@achyutlabsau/vue-payment-gateway/smartpay";
-
-const smartPay = useSmartPay();
-
-// Example usage
-await smartPay.processPayment(amount, options);
-```
-
-### Using Linkly
-
-To use the Linkly payment gateway, import and initialize it as shown below:
-
-```javascript
-import { useLinkly } from "@achyutlabsau/vue-payment-gateway/linkly";
-
-const linkly = useLinkly();
-
-// Example usage
-await linkly.processPayment(amount, options);
-```
-
-## Payment Method API
-
-Each payment provider (Tyro, SmartPay, Linkly) provides methods to process payments. Here are some of the most commonly used methods:
-
-### `processPayment(amount: number, options?: object)`
-
-Processes a payment for the specified amount.
-
-**Parameters:**
-
-- `amount`: The amount to be charged.
-- `options`: (Optional) Additional options for the payment.
-
-### `cancelPayment()`
-
-Cancels an ongoing payment.
-
-### `getStatus()`
-
-Gets the status of the current payment transaction.
-
-> **Note:** The methods may differ slightly between Tyro, SmartPay, and Linkly. Refer to the official documentation of each payment provider for more details.
-
-## Environment Configuration
-
-The environment can be set to either `development` or `production`. Make sure to use `development` during testing and switch to `production` in a live environment to ensure security and proper tracking.
-
-```javascript
-app.use(VuePaymentGateway, {
-  ...
-  environment: "production", // Set to 'production' in a live environment
-});
-```
-
-## Example Usage
-
-Here’s a complete example of how you might use the payment gateway to process a payment with Tyro:
-
-```javascript
-import { useTyro } from "@achyutlabsau/vue-payment-gateway/tyro";
-
-const tyro = useTyro();
-
-async function handlePayment() {
-  try {
-    const paymentResult = await tyro.processPayment(100, { currency: "USD" });
-    console.log("Payment successful:", paymentResult);
-  } catch (error) {
-    console.error("Payment failed:", error);
-  }
-}
-```
-
-## Troubleshooting
-
-- **Environment Issues**: Make sure `environment` is set correctly (`development` or `production`).
-- **Invalid API Key**: Ensure the Tyro API key is valid and correctly set in the configuration.
-- **Payment Processing Issues**: Check if the payment provider's service is online and available.
-
-## Additional Resources
-
-For more details and usage examples, refer to the official documentation or support channels provided by [Achyutlabs](https://achyutlabs.com/).
-
-With this guide, you should be able to set up and use the Vue Payment Gateway efficiently to handle payments with Tyro, SmartPay, and Linkly integrations.
+# Vue Payment Gateway
+
+A Vue.js payment gateway library to handle payments with ease.
+
+## Installation
+
+To install the library, run the following command:
+
+```bash
+npm install @achyutlabsau/vue-payment-gateway
+```
+
+## Plugin Initialization
+
+To use the payment gateway, you need to initialize the plugin in your Vue app. Here’s an example of how to set it up:
+
+```javascript
+import VuePaymentGateway from "@achyutlabsau/vue-payment-gateway";
+
+app.use(VuePaymentGateway, {
+  productName: "Pratham Respos", // Name of your product
+  productVersion: "3.3.0", // Version of your product
+  productVendorName: "Achyutlabs", // Name of the product vendor
+  posId: "unique-pos-id", // Unique identifier for the POS system
+  posRegisterId: "pos-register-id", // Unique identifier for the POS register
+  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
+  environment: "development", // Set environment to 'development' or 'production'
+});
+```
+
+> **Note:** Replace the placeholder values with the actual details of your POS system, product, and Tyro API key.
+
+## Using the Payment Gateway
+
+This library supports multiple payment providers, such as Tyro, SmartPay, and Linkly. Here’s how to use them in your application.
+
+### Using Tyro
+
+To use the Tyro payment gateway, import and initialize it as shown below:
+
+```javascript
+import { useTyro } from "@achyutlabsau/vue-payment-gateway/tyro";
+
+const tyro = useTyro();
+
+// Example usage
+await tyro.processPayment(amount, options);
+```
+
+### Using SmartPay
+
+To use the SmartPay payment gateway, import and initialize it as shown below:
+
+```javascript
+import { useSmartPay } from "@achyutlabsau/vue-payment-gateway/smartpay";
+
+const smartPay = useSmartPay();
+
+// Example usage
+await smartPay.processPayment(amount, options);
+```
+
+### Using Linkly
+
+To use the Linkly payment gateway, import and initialize it as shown below:
+
+```javascript
+import { useLinkly } from "@achyutlabsau/vue-payment-gateway/linkly";
+
+const linkly = useLinkly();
+
+// Example usage
+await linkly.processPayment(amount, options);
+```
+
+## Payment Method API
+
+Each payment provider (Tyro, SmartPay, Linkly) provides methods to process payments. Here are some of the most commonly used methods:
+
+### `processPayment(amount: number, options?: object)`
+
+Processes a payment for the specified amount.
+
+**Parameters:**
+
+- `amount`: The amount to be charged.
+- `options`: (Optional) Additional options for the payment.
+
+### `cancelPayment()`
+
+Cancels an ongoing payment.
+
+### `getStatus()`
+
+Gets the status of the current payment transaction.
+
+> **Note:** The methods may differ slightly between Tyro, SmartPay, and Linkly. Refer to the official documentation of each payment provider for more details.
+
+## Environment Configuration
+
+The environment can be set to either `development` or `production`. Make sure to use `development` during testing and switch to `production` in a live environment to ensure security and proper tracking.
+
+```javascript
+app.use(VuePaymentGateway, {
+  ...
+  environment: "production", // Set to 'production' in a live environment
+});
+```
+
+## Example Usage
+
+Here’s a complete example of how you might use the payment gateway to process a payment with Tyro:
+
+```javascript
+import { useTyro } from "@achyutlabsau/vue-payment-gateway/tyro";
+
+const tyro = useTyro();
+
+async function handlePayment() {
+  try {
+    const paymentResult = await tyro.processPayment(100, { currency: "USD" });
+    console.log("Payment successful:", paymentResult);
+  } catch (error) {
+    console.error("Payment failed:", error);
+  }
+}
+```
+
+## Troubleshooting
+
+- **Environment Issues**: Make sure `environment` is set correctly (`development` or `production`).
+- **Invalid API Key**: Ensure the Tyro API key is valid and correctly set in the configuration.
+- **Payment Processing Issues**: Check if the payment provider's service is online and available.
+
+## Additional Resources
+
+For more details and usage examples, refer to the official documentation or support channels provided by [Achyutlabs](https://achyutlabs.com/).
+
+With this guide, you should be able to set up and use the Vue Payment Gateway efficiently to handle payments with Tyro, SmartPay, and Linkly integrations.

package/dist/event-Zm-ArxiV.js

@@ -0,0 +1,125 @@
+import { Spi, TransactionOptions, SuccessState, TransactionType } from "@mx51/spi-client-js";
+const spiSettings = {
+  secureWebSockets: window.location.protocol === "https:" ? true : false,
+  // checks for HTTPs
+  printMerchantCopyOnEftpos: false,
+  // prints merchant receipt from terminal instead of POS
+  promptForCustomerCopyOnEftpos: false,
+  // prints customer receipt from terminal instead of POS
+  signatureFlowOnEftpos: false
+  // signature flow and receipts on terminal instead of POS
+};
+const getTenants = async (vendorId, deviceApiKey) => {
+  try {
+    const res = await Spi.GetAvailableTenants(vendorId, deviceApiKey, "AU");
+    return res.Data;
+  } catch (error) {
+    console.warn(error);
+    return [];
+  }
+};
+const getPairingData = () => {
+  try {
+    return JSON.parse(localStorage.getItem("pairingData") ?? "{}");
+  } catch (error) {
+    return {};
+  }
+};
+const getSecrets = () => {
+  try {
+    const secrets = localStorage.getItem("secrets");
+    return secrets ? JSON.parse(secrets) : null;
+  } catch (error) {
+    return null;
+  }
+};
+const pairingData = getPairingData();
+const spi = new Spi(
+  pairingData.posId ?? "",
+  pairingData.serialNumber ?? "",
+  localStorage.getItem("eftposAddress") ?? "192.168.31.246",
+  getSecrets()
+);
+spi.SetAutoAddressResolution(!!pairingData.autoAddressResolution);
+spi.SetTenantCode(pairingData.tenantCode ?? "gko");
+spi.SetSecureWebSockets(spiSettings.secureWebSockets);
+spi.Config.PrintMerchantCopy = spiSettings.printMerchantCopyOnEftpos;
+spi.Config.PromptForCustomerCopyOnEftpos = spiSettings.promptForCustomerCopyOnEftpos;
+spi.Config.SignatureFlowOnEftpos = spiSettings.signatureFlowOnEftpos;
+const receiptOptions = new TransactionOptions();
+function log(message, event) {
+  if (event) {
+    spi._log.info(`${message} -> `, event);
+  } else {
+    spi._log.info(message);
+  }
+}
+document.addEventListener("StatusChanged", (e) => {
+  log("Status changed", e.detail);
+  if ((e == null ? void 0 : e.detail) === "PairedConnected") ;
+});
+document.addEventListener("SecretsChanged", (e) => {
+  log("Secrets changed", e);
+  if (e == null ? void 0 : e.detail) {
+    window.localStorage.setItem("secrets", JSON.stringify(e.detail));
+  }
+});
+document.addEventListener("PairingFlowStateChanged", (e) => {
+  var _a, _b, _c, _d, _e, _f, _g;
+  log("Pairing flow state changed", e);
+  log(
+    ((_a = e == null ? void 0 : e.detail) == null ? void 0 : _a.AwaitingCheckFromEftpos) && ((_b = e == null ? void 0 : e.detail) == null ? void 0 : _b.AwaitingCheckFromPos) ? `${(_c = e == null ? void 0 : e.detail) == null ? void 0 : _c.Message}: ${(_d = e == null ? void 0 : e.detail) == null ? void 0 : _d.ConfirmationCode}` : (_e = e == null ? void 0 : e.detail) == null ? void 0 : _e.Message
+  );
+  if (((_f = e == null ? void 0 : e.detail) == null ? void 0 : _f.Successful) && ((_g = e == null ? void 0 : e.detail) == null ? void 0 : _g.Finished)) {
+    spi.AckFlowEndedAndBackToIdle();
+  }
+});
+document.addEventListener("TxFlowStateChanged", (e) => {
+  log("Transaction flow state changed", e);
+  if (e.detail.AwaitingSignatureCheck) ;
+  else if (e.detail.AwaitingPhoneForAuth) ;
+  else if (e.detail.Finished) {
+    switch (e.detail.Success) {
+      case SuccessState.Success:
+        switch (e.detail.Type) {
+          case TransactionType.Purchase:
+            break;
+          case TransactionType.Refund:
+            break;
+        }
+        break;
+      case SuccessState.Failed:
+        break;
+      case SuccessState.Unknown:
+        break;
+    }
+  }
+});
+document.addEventListener("DeviceAddressChanged", (e) => {
+  log("Device address changed", e);
+  if (e == null ? void 0 : e.detail.ip) {
+    window.localStorage.setItem("eftposAddress", JSON.stringify(e.detail.ip));
+  } else if (e == null ? void 0 : e.detail.fqdn) {
+    window.localStorage.setItem("eftposAddress", JSON.stringify(e.detail.fqdn));
+  }
+});
+spi.TerminalConfigurationResponse = (e) => {
+  log("Terminal configuration response", e);
+  spi.GetTerminalStatus();
+};
+spi.TerminalStatusResponse = (e) => {
+  log("Terminal status response", e);
+};
+spi.TransactionUpdateMessage = (e) => {
+  log("Transaction update", e);
+};
+spi.BatteryLevelChanged = (e) => {
+  log("Battery level changed", e);
+};
+export {
+  getTenants as a,
+  getPairingData as g,
+  log as l,
+  receiptOptions as r,
+  spi as s
+};

package/dist/index.d.ts

@@ -1,7 +1,7 @@
-import { App } from 'vue';
+import { FunctionPlugin } from 'vue';
 
 declare const _default: {
-    install: (_app: App, options: InstallOptions) => void;
+    install: FunctionPlugin<InstallOptions>;
 };
 export default _default;
 
@@ -32,6 +32,7 @@ declare interface POSConfig {
     tyroApiKey: string;
     tillPaymentApiKey: string;
     tillPaymentMerchantId: string;
+    mx51DeviceApiKey: string;
 }
 
 export { }

package/dist/index.js

@@ -1,13 +1,20 @@
-import { s as setState, a as setEnvironment, i as isPluginInitialized } from "./state-DdRk6ppP.js";
+import { s as setState, a as setEnvironment, i as isPluginInitialized } from "./state-D014QcxX.js";
 import "quasar";
 import { T as TYRO_CONSTANTS } from "./tyro.enums-OZuKaM2C.js";
 import { useScriptTag } from "@vueuse/core";
+import { s as spi } from "./event-Zm-ArxiV.js";
+import "vue";
+import "@mx51/spi-client-js";
+import "uuid";
 import { g } from "./index-C8vc_75e.js";
 const install = (_app, options) => {
   setState(options);
   options.environment && setEnvironment(options.environment);
   const tyroConfig = options.environment === "production" ? TYRO_CONSTANTS.URLS.PRODUCTION : TYRO_CONSTANTS.URLS.DEVELOPMENT;
   useScriptTag(tyroConfig.SDK_URL);
+  spi.SetPosInfo(options.productVendorName, options.productVersion);
+  spi.SetDeviceApiKey(options.mx51DeviceApiKey);
+  spi.Start();
   isPluginInitialized.value = true;
 };
 const VuePaymentGateway = { install };

package/dist/linkly.js

@@ -6,7 +6,7 @@ import { i as isNetworkError, a as isServerError, t as timeout, g as generateTra
 import axios, { isAxiosError, HttpStatusCode } from "axios";
 import { v7 } from "uuid";
 import { d as dialogDefaultOpts, T as TransactionTypes, R as ReceiptAutoPrint, C as CurrencyCodes, a as ResponseCodes, u as updateDialog, b as TransactionOutcome } from "./utils-DcpEg5Bx.js";
-import { b as state, e as environment } from "./state-DdRk6ppP.js";
+import { b as state, e as environment } from "./state-D014QcxX.js";
 const LINKLY_CONSTANTS = {
   PATHS: {
     TRANSACTION: "transaction",

package/dist/mx51.d.ts

@@ -4,6 +4,13 @@ import { DefineComponent } from 'vue';
 import { PublicProps } from 'vue';
 import { Spi } from '@mx51/spi-client-js';
 
+/**
+ * Let the Eftpos terminal know whether merchant accepted or declined the signature
+ *
+ * @param accepted - whether merchant accepted the signature from customer or not
+ **/
+export declare function acceptSignature(signatureConfirmed: boolean): void;
+
 /**
  * Attempts to cancel a transaction
  * Be subscribed to TxFlowStateChanged event to see how it goes
@@ -30,7 +37,7 @@ export declare const PairMX51: DefineComponent<    {}, {}, {}, {}, {}, Component
  * Be subscribed to TxFlowStateChanged event to get updates on the process
  * Tip and cashout are not allowed simultaneously
  **/
-export declare function purchase({ purchaseAmount, tipAmount, cashoutAmount, promptForCashout, surchargeAmount, }: PurchaseOptions): void;
+export declare function purchase({ purchaseAmount, tipAmount, cashoutAmount, promptForCashout, surchargeAmount }: PurchaseOptions): void;
 
 declare interface PurchaseOptions {
     /**
@@ -95,8 +102,12 @@ export declare function settlementEnquiry(): void;
 export declare const spi: Spi;
 
 export declare const TransactionDialog: DefineComponent<    {}, {
-showDialog: (amount: number) => void;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+showDialog: (amount: number, type?: string) => void;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"transaction-success": (ev: true) => any;
+}, string, PublicProps, Readonly<{}> & Readonly<{
+"onTransaction-success"?: ((ev: true) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
 export { }
 

package/dist/mx51.js

@@ -1,137 +1,11 @@
-import { Spi, TransactionOptions, SuccessState, TransactionType, SpiStatus } from "@mx51/spi-client-js";
+import { l as log, s as spi, g as getPairingData, a as getTenants, r as receiptOptions } from "./event-Zm-ArxiV.js";
 import { defineComponent, ref, computed, onMounted, resolveDirective, openBlock, createElementBlock, createVNode, unref, withCtx, createElementVNode, createCommentVNode, createBlock, toDisplayString, withDirectives } from "vue";
 import { QForm, QSelect, QInput, QCheckbox, QIcon, QBtn, QDialog, QCard, QCardSection, Dialog } from "quasar";
 import { useEventListener } from "@vueuse/core";
+import { SpiStatus, TransactionType, SuccessState } from "@mx51/spi-client-js";
+import { b as state } from "./state-D014QcxX.js";
 import { v4 } from "uuid";
-const spiSettings = {
-  posVendorId: "Pratham Respos",
-  // your POS company name/id
-  posVersion: "3.4.0",
-  // your POS version
-  deviceApiKey: "d5blbiSBWKQU6DtoSj3KscrT1yoKuFVF",
-  countryCode: "AU",
-  // if unsure check with integration support team
-  secureWebSockets: window.location.protocol === "https:" ? true : false,
-  // checks for HTTPs
-  printMerchantCopyOnEftpos: false,
-  // prints merchant receipt from terminal instead of POS
-  promptForCustomerCopyOnEftpos: false,
-  // prints customer receipt from terminal instead of POS
-  signatureFlowOnEftpos: false
-  // signature flow and receipts on terminal instead of POS
-};
-const getTenants = async () => {
-  try {
-    const res = await Spi.GetAvailableTenants(
-      spiSettings.posVendorId,
-      spiSettings.deviceApiKey,
-      spiSettings.countryCode
-    );
-    return res.Data;
-  } catch (error) {
-    console.warn(error);
-    return [];
-  }
-};
-const getPairingData = () => {
-  try {
-    return JSON.parse(localStorage.getItem("pairingData") ?? "{}");
-  } catch (error) {
-    return {};
-  }
-};
-const getSecrets = () => {
-  try {
-    const secrets = localStorage.getItem("secrets");
-    return secrets ? JSON.parse(secrets) : null;
-  } catch (error) {
-    return null;
-  }
-};
-const pairingData = getPairingData();
-const spi = new Spi(
-  pairingData.posId ?? "",
-  pairingData.serialNumber ?? "",
-  pairingData.eftposAddress ?? "192.168.31.246",
-  getSecrets()
-);
-spi.SetTenantCode(pairingData.tenantCode ?? "gko");
-spi.SetSecureWebSockets(spiSettings.secureWebSockets);
-spi.Config.PrintMerchantCopy = spiSettings.printMerchantCopyOnEftpos;
-spi.Config.PromptForCustomerCopyOnEftpos = spiSettings.promptForCustomerCopyOnEftpos;
-spi.Config.SignatureFlowOnEftpos = spiSettings.signatureFlowOnEftpos;
-const receiptOptions = new TransactionOptions();
-function log(message, event) {
-  if (event) {
-    spi._log.info(`${message} -> `, event);
-  } else {
-    spi._log.info(message);
-  }
-}
-document.addEventListener("StatusChanged", (e) => {
-  log("Status changed", e.detail);
-  if ((e == null ? void 0 : e.detail) === "PairedConnected") ;
-});
-document.addEventListener("SecretsChanged", (e) => {
-  log("Secrets changed", e);
-  if (e == null ? void 0 : e.detail) {
-    window.localStorage.setItem("secrets", JSON.stringify(e.detail));
-  }
-});
-document.addEventListener("PairingFlowStateChanged", (e) => {
-  var _a, _b, _c, _d, _e, _f, _g;
-  log("Pairing flow state changed", e);
-  log(
-    ((_a = e == null ? void 0 : e.detail) == null ? void 0 : _a.AwaitingCheckFromEftpos) && ((_b = e == null ? void 0 : e.detail) == null ? void 0 : _b.AwaitingCheckFromPos) ? `${(_c = e == null ? void 0 : e.detail) == null ? void 0 : _c.Message}: ${(_d = e == null ? void 0 : e.detail) == null ? void 0 : _d.ConfirmationCode}` : (_e = e == null ? void 0 : e.detail) == null ? void 0 : _e.Message
-  );
-  if (((_f = e == null ? void 0 : e.detail) == null ? void 0 : _f.Successful) && ((_g = e == null ? void 0 : e.detail) == null ? void 0 : _g.Finished)) {
-    spi.AckFlowEndedAndBackToIdle();
-  }
-});
-document.addEventListener("TxFlowStateChanged", (e) => {
-  log("Transaction flow state changed", e);
-  if (e.detail.AwaitingSignatureCheck) ;
-  else if (e.detail.AwaitingPhoneForAuth) ;
-  else if (e.detail.Finished) {
-    switch (e.detail.Success) {
-      case SuccessState.Success:
-        switch (e.detail.Type) {
-          case TransactionType.Purchase:
-            break;
-          case TransactionType.Refund:
-            break;
-        }
-        break;
-      case SuccessState.Failed:
-        break;
-      case SuccessState.Unknown:
-        break;
-    }
-  }
-});
-document.addEventListener("DeviceAddressChanged", (e) => {
-  log("Device address changed", e);
-  if (e == null ? void 0 : e.detail.ip) {
-    window.localStorage.setItem("eftposAddress", JSON.stringify(e.detail.ip));
-  } else if (e == null ? void 0 : e.detail.fqdn) {
-    window.localStorage.setItem("eftposAddress", JSON.stringify(e.detail.fqdn));
-  }
-});
-spi.TerminalConfigurationResponse = (e) => {
-  log("Terminal configuration response", e);
-  spi.GetTerminalStatus();
-};
-spi.TerminalStatusResponse = (e) => {
-  log("Terminal status response", e);
-};
-spi.TransactionUpdateMessage = (e) => {
-  log("Transaction update", e);
-};
-spi.BatteryLevelChanged = (e) => {
-  log("Battery level changed", e);
-};
 function pair(pairingInput) {
-  localStorage.setItem("pairingData", JSON.stringify(pairingInput));
   spi.SetTenantCode(pairingInput.tenantCode);
   spi.SetEftposAddress(pairingInput.eftposAddress);
   spi.SetSerialNumber(pairingInput.serialNumber);
@@ -168,19 +42,22 @@ const _hoisted_5$1 = {
   key: 2,
   class: "flex items-center gap-1 font-semibold"
 };
-const _hoisted_6 = { class: "text-center font-semibold text-gray-500 uppercase" };
-const _hoisted_7 = { class: "py-3 text-center text-2xl font-semibold text-slate-700 uppercase" };
+const _hoisted_6$1 = { class: "text-center font-semibold text-gray-500 uppercase" };
+const _hoisted_7$1 = { class: "py-3 text-center text-2xl font-semibold text-slate-700 uppercase" };
 const _hoisted_8 = { class: "text-center font-semibold text-gray-500 uppercase" };
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "PairMX51",
   setup(__props) {
+    function isValidIP(str) {
+      const octet = "(25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9][0-9]?|0)";
+      const regex = new RegExp(`^${octet}\\.${octet}\\.${octet}\\.${octet}$`);
+      return regex.test(str);
+    }
     const tenants = ref([]);
     const model = ref(false);
     const pairStatus = ref(spi._currentStatus);
     const isPaired = computed(() => {
-      return [SpiStatus.PairedConnected, SpiStatus.PairedConnecting].includes(
-        pairStatus.value
-      );
+      return [SpiStatus.PairedConnected, SpiStatus.PairedConnecting].includes(pairStatus.value);
     });
     const pairForm = ref({
       posId: "",
@@ -207,7 +84,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       });
     };
     onMounted(async () => {
-      const res = await getTenants();
+      const res = await getTenants(state.productVendorName, state.mx51DeviceApiKey);
       if (res) {
         tenants.value = res;
       }
@@ -216,19 +93,23 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       pairStatus.value = e.detail;
     });
     useEventListener(document, "PairingFlowStateChanged", (e) => {
-      var _a, _b, _c, _d, _e, _f, _g;
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i;
       model.value = true;
       pairInfo.value.message = (_a = e == null ? void 0 : e.detail) == null ? void 0 : _a.Message;
       pairInfo.value.confirmationCode = (_b = e == null ? void 0 : e.detail) == null ? void 0 : _b.ConfirmationCode;
-      if ((_c = e == null ? void 0 : e.detail) == null ? void 0 : _c.Finished) {
+      if (((_c = e == null ? void 0 : e.detail) == null ? void 0 : _c.Successful) && ((_d = e == null ? void 0 : e.detail) == null ? void 0 : _d.Finished)) {
+        localStorage.setItem("pairingData", JSON.stringify(pairForm.value));
+        localStorage.setItem("eftposAddress", pairForm.value.eftposAddress);
+      }
+      if ((_e = e == null ? void 0 : e.detail) == null ? void 0 : _e.Finished) {
         pairInfo.value.state = "FINISHED";
         return;
       }
-      if (((_d = e == null ? void 0 : e.detail) == null ? void 0 : _d.AwaitingCheckFromEftpos) && ((_e = e == null ? void 0 : e.detail) == null ? void 0 : _e.AwaitingCheckFromPos)) {
+      if (((_f = e == null ? void 0 : e.detail) == null ? void 0 : _f.AwaitingCheckFromEftpos) && ((_g = e == null ? void 0 : e.detail) == null ? void 0 : _g.AwaitingCheckFromPos)) {
         pairInfo.value.state = "CONFIRMATION";
         return;
       }
-      if (!((_f = e == null ? void 0 : e.detail) == null ? void 0 : _f.AwaitingCheckFromEftpos) || !((_g = e == null ? void 0 : e.detail) == null ? void 0 : _g.AwaitingCheckFromPos)) {
+      if (!((_h = e == null ? void 0 : e.detail) == null ? void 0 : _h.AwaitingCheckFromEftpos) || !((_i = e == null ? void 0 : e.detail) == null ? void 0 : _i.AwaitingCheckFromPos)) {
         pairInfo.value.state = "INPROGRESS";
         return;
       }
@@ -241,7 +122,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           class: "space-y-4"
         }, {
           default: withCtx(() => [
-            _cache[11] || (_cache[11] = createElementVNode("div", { class: "font-sans text-lg font-semibold text-gray-600" }, " Mx 51 Terminal Pairing ", -1)),
+            _cache[10] || (_cache[10] = createElementVNode("div", { class: "font-sans text-lg font-semibold text-gray-600" }, "MX 51 - SPI Terminal Pairing", -1)),
             createVNode(unref(QSelect), {
               disable: isPaired.value,
               dense: "",
@@ -265,7 +146,11 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               modelValue: pairForm.value.posId,
               "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => pairForm.value.posId = $event),
               label: "POS ID",
-              rules: [(v) => !!v || "POS ID is required"]
+              rules: [
+                (v) => !!v || "POS ID is required",
+                (val) => /^[a-zA-Z0-9]+$/.test(val) || "Pos id is not valid",
+                (val) => val && val.length <= 16 || "POS ID must be less than 16 characters"
+              ]
             }, null, 8, ["disable", "modelValue", "rules"]),
             createVNode(unref(QInput), {
               disable: isPaired.value,
@@ -284,8 +169,11 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               modelValue: pairForm.value.eftposAddress,
               "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => pairForm.value.eftposAddress = $event),
               label: "Eftpos Address",
-              rules: [(v) => !!v || "Eftpos Address is required"],
-              hint: "Enter the Eftpos Address associated with the merchant"
+              rules: [
+                (v) => !!v || "Eftpos Address is required",
+                (v) => isValidIP(v) || "The Eftpos address is not in the right format"
+              ],
+              hint: "Enter the Eftpos Address associated with the terminal"
             }, null, 8, ["disable", "modelValue", "rules"]),
             createElementVNode("div", null, [
               createVNode(unref(QCheckbox), {
@@ -296,36 +184,29 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 dense: ""
               }, null, 8, ["modelValue", "disable"])
             ]),
-            createVNode(unref(QCheckbox), {
-              disable: isPaired.value,
-              dense: "",
-              label: "Auto Address Mode",
-              modelValue: pairForm.value.autoAddressResolution,
-              "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => pairForm.value.autoAddressResolution = $event)
-            }, null, 8, ["disable", "modelValue"]),
             createElementVNode("div", _hoisted_2$1, [
-              _cache[10] || (_cache[10] = createElementVNode("div", { class: "text-sm font-medium text-gray-500" }, "Pairing Status", -1)),
+              _cache[9] || (_cache[9] = createElementVNode("div", { class: "text-sm font-medium text-gray-500" }, "Pairing Status", -1)),
               pairStatus.value === unref(SpiStatus).PairedConnected ? (openBlock(), createElementBlock("div", _hoisted_3$1, [
                 createVNode(unref(QIcon), {
                   name: "check_circle",
                   size: "xs",
                   color: "green"
                 }),
-                _cache[7] || (_cache[7] = createElementVNode("div", null, "Paired and Connected", -1))
+                _cache[6] || (_cache[6] = createElementVNode("div", null, "Paired and Connected", -1))
               ])) : pairStatus.value === unref(SpiStatus).Unpaired ? (openBlock(), createElementBlock("div", _hoisted_4$1, [
                 createVNode(unref(QIcon), {
                   name: "cancel",
                   size: "xs",
                   color: "red"
                 }),
-                _cache[8] || (_cache[8] = createElementVNode("div", null, "Unpaired", -1))
+                _cache[7] || (_cache[7] = createElementVNode("div", null, "Unpaired", -1))
               ])) : pairStatus.value === unref(SpiStatus).PairedConnecting ? (openBlock(), createElementBlock("div", _hoisted_5$1, [
                 createVNode(unref(QIcon), {
                   name: "check_circle",
                   size: "xs",
                   color: "yellow-8"
                 }),
-                _cache[9] || (_cache[9] = createElementVNode("div", null, "Paired and trying to connect", -1))
+                _cache[8] || (_cache[8] = createElementVNode("div", null, "Paired and trying to connect", -1))
               ])) : createCommentVNode("", true)
             ]),
             !isPaired.value ? (openBlock(), createBlock(unref(QBtn), {
@@ -354,7 +235,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         }),
         createVNode(unref(QDialog), {
           modelValue: model.value,
-          "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => model.value = $event),
+          "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => model.value = $event),
           persistent: ""
         }, {
           default: withCtx(() => [
@@ -362,7 +243,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               default: withCtx(() => [
                 pairInfo.value.state === "INPROGRESS" ? (openBlock(), createBlock(unref(QCardSection), { key: 0 }, {
                   default: withCtx(() => [
-                    createElementVNode("div", _hoisted_6, toDisplayString(pairInfo.value.message), 1),
+                    createElementVNode("div", _hoisted_6$1, toDisplayString(pairInfo.value.message), 1),
                     createVNode(unref(QBtn), {
                       label: "Cancel",
                       onClick: unref(cancelPairing),
@@ -377,9 +258,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                   _: 1
                 })) : pairInfo.value.state === "CONFIRMATION" ? (openBlock(), createBlock(unref(QCardSection), { key: 1 }, {
                   default: withCtx(() => [
-                    _cache[12] || (_cache[12] = createElementVNode("div", { class: "text-center font-semibold text-gray-500 uppercase" }, " Confirm your pairing code ", -1)),
-                    createElementVNode("div", _hoisted_7, toDisplayString(pairInfo.value.confirmationCode), 1),
-                    _cache[13] || (_cache[13] = createElementVNode("div", { class: "text-center text-sm text-gray-500" }, " Confirm the matching pairing code on the terminal ", -1))
+                    _cache[11] || (_cache[11] = createElementVNode("div", { class: "text-center font-semibold text-gray-500 uppercase" }, "Confirm your pairing code", -1)),
+                    createElementVNode("div", _hoisted_7$1, 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))
                   ]),
                   _: 1
                 })) : pairInfo.value.state === "FINISHED" ? (openBlock(), createBlock(unref(QCardSection), { key: 2 }, {
@@ -412,13 +293,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
 function posRefIdGenerator(type) {
   return (/* @__PURE__ */ new Date()).toISOString() + "-" + type + v4();
 }
-function purchase({
-  purchaseAmount,
-  tipAmount,
-  cashoutAmount,
-  promptForCashout,
-  surchargeAmount
-}) {
+function purchase({ purchaseAmount, tipAmount, cashoutAmount, promptForCashout, surchargeAmount }) {
   spi.AckFlowEndedAndBackToIdle();
   spi.InitiatePurchaseTxV2(
     posRefIdGenerator("purchase"),
@@ -460,41 +335,57 @@ function settlement() {
 }
 function settlementEnquiry() {
   spi.AckFlowEndedAndBackToIdle();
-  spi.InitiateSettlementEnquiry(
-    posRefIdGenerator("settlementEnquiry"),
-    receiptOptions
-  );
+  spi.InitiateSettlementEnquiry(posRefIdGenerator("settlementEnquiry"), receiptOptions);
 }
-function overrideTransaction(isSuccess) {
-  if (isSuccess) {
-    spi.AckFlowEndedAndBackToIdle();
-  } else {
-    spi.AckFlowEndedAndBackToIdle();
-  }
+function acceptSignature(signatureConfirmed) {
+  spi.AcceptSignature(signatureConfirmed);
 }
 const _hoisted_1 = { class: "text-center font-semibold text-gray-500 uppercase" };
 const _hoisted_2 = { class: "text-center font-semibold text-gray-500" };
 const _hoisted_3 = { class: "text-center font-semibold text-gray-500" };
 const _hoisted_4 = { class: "grid grid-cols-2 gap-3" };
 const _hoisted_5 = { class: "text-center font-semibold text-gray-500" };
+const _hoisted_6 = { class: "grid grid-cols-2 gap-3" };
+const _hoisted_7 = { class: "text-center font-semibold text-gray-500" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "TransactionDialog",
-  setup(__props, { expose: __expose }) {
+  emits: ["transaction-success"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const emit = __emit;
     const pairInfo = ref({
       state: "INPROGRESS",
-      message: "Processing"
+      message: "Processing",
+      transactionType: TransactionType.Purchase
     });
     const model = ref(false);
     const transactionAmount = ref(0);
+    function overrideTransaction(isSuccess) {
+      if (isSuccess) {
+        spi.AckFlowEndedAndBackToIdle();
+        pairInfo.value.state = "SUCCESS";
+        emit("transaction-success", true);
+      } else {
+        spi.AckFlowEndedAndBackToIdle();
+        pairInfo.value.state = "FAILED";
+        pairInfo.value.message = "Manual Recovery";
+      }
+    }
     document.addEventListener("TxFlowStateChanged", (e) => {
+      var _a, _b, _c;
       model.value = true;
+      transactionAmount.value = e.detail.AmountCents / 100;
+      localStorage.setItem("mx51.posRefId", e.detail.PosRefId);
+      localStorage.setItem("mx51.txType", e.detail.Type);
       if (e.detail.AttemptingToCancel) {
         pairInfo.value.state = "AWAITING_CANCELLATION";
         pairInfo.value.message = "Please wait";
       }
-      if (e.detail.AwaitingSignatureCheck) ;
-      else if (e.detail.AwaitingPhoneForAuth) ;
+      if (e.detail.AwaitingSignatureCheck) {
+        pairInfo.value.state = "AWAITING_SIGNATURE_CHECK";
+      } else if (e.detail.AwaitingPhoneForAuth) ;
       else if (e.detail.Finished) {
+        localStorage.removeItem("mx51.posRefId");
+        localStorage.removeItem("mx51.txType");
         switch (e.detail.Success) {
           case SuccessState.Success:
             pairInfo.value.state = "SUCCESS";
@@ -506,8 +397,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }
             break;
           case SuccessState.Failed:
-            const ResponseData = e.detail.Response.Data;
-            pairInfo.value.message = ResponseData.error_detail ?? "Failed";
+            pairInfo.value.message = ((_c = (_b = (_a = e.detail) == null ? void 0 : _a.Response) == null ? void 0 : _b.Data) == null ? void 0 : _c.error_detail) ?? e.detail.DisplayMessage;
             pairInfo.value.state = "FAILED";
             break;
           case SuccessState.Unknown:
@@ -519,18 +409,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     spi.TransactionUpdateMessage = (e) => {
       pairInfo.value.message = e.Data.display_message_text;
     };
-    const showDialog = (amount) => {
+    const showDialog = (amount, type) => {
       transactionAmount.value = amount;
       pairInfo.value.state = "INPROGRESS";
       pairInfo.value.message = "Processing";
       model.value = true;
+      pairInfo.value.transactionType = type ?? TransactionType.Purchase;
     };
     __expose({ showDialog });
     return (_ctx, _cache) => {
       const _directive_close_popup = resolveDirective("close-popup");
       return openBlock(), createBlock(unref(QDialog), {
         modelValue: model.value,
-        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => model.value = $event),
+        "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => model.value = $event),
         persistent: ""
       }, {
         default: withCtx(() => [
@@ -538,7 +429,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             default: withCtx(() => [
               pairInfo.value.state === "INPROGRESS" ? (openBlock(), createBlock(unref(QCardSection), { key: 0 }, {
                 default: withCtx(() => [
-                  createElementVNode("div", _hoisted_1, " Purchase of $" + toDisplayString(transactionAmount.value) + " in progress... ", 1),
+                  createElementVNode("div", _hoisted_1, toDisplayString(pairInfo.value.transactionType) + " of $" + toDisplayString(transactionAmount.value) + " in progress... ", 1),
                   createElementVNode("div", _hoisted_2, toDisplayString(pairInfo.value.message), 1),
                   createVNode(unref(QBtn), {
                     label: "Cancel",
@@ -554,19 +445,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 _: 1
               })) : pairInfo.value.state === "AWAITING_CANCELLATION" ? (openBlock(), createBlock(unref(QCardSection), { key: 1 }, {
                 default: withCtx(() => [
-                  _cache[3] || (_cache[3] = createElementVNode("div", { class: "text-center font-semibold text-gray-500 uppercase" }, " Attempting to cancel transaction ", -1)),
+                  _cache[5] || (_cache[5] = createElementVNode("div", { class: "text-center font-semibold text-gray-500 uppercase" }, "Attempting to cancel transaction", -1)),
                   createElementVNode("div", _hoisted_3, toDisplayString(pairInfo.value.message), 1)
                 ]),
                 _: 1
               })) : pairInfo.value.state === "MANUAL_RECOVERY" ? (openBlock(), createBlock(unref(QCardSection), { key: 2 }, {
                 default: withCtx(() => [
-                  _cache[4] || (_cache[4] = createElementVNode("div", { class: "text-center font-semibold text-gray-500 uppercase" }, " Was the transaction successful ", -1)),
-                  _cache[5] || (_cache[5] = createElementVNode("div", { class: "text-center font-semibold text-gray-500" }, " Check the EFTPOS terminal ", -1)),
+                  _cache[6] || (_cache[6] = createElementVNode("div", { class: "text-center font-semibold text-gray-500 uppercase" }, "Was the transaction successful", -1)),
+                  _cache[7] || (_cache[7] = createElementVNode("div", { class: "text-center font-semibold text-gray-500" }, "Check the EFTPOS terminal", -1)),
                   createElementVNode("div", _hoisted_4, [
                     createVNode(unref(QBtn), {
                       label: "Yes",
                       color: "primary",
-                      onClick: _cache[0] || (_cache[0] = ($event) => unref(overrideTransaction)(true)),
+                      onClick: _cache[0] || (_cache[0] = ($event) => overrideTransaction(true)),
                       outline: "",
                       class: "!mt-6",
                       unelevated: "",
@@ -577,7 +468,35 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       label: "No",
                       color: "primary",
                       outline: "",
-                      onClick: _cache[1] || (_cache[1] = ($event) => unref(overrideTransaction)(false)),
+                      onClick: _cache[1] || (_cache[1] = ($event) => overrideTransaction(false)),
+                      class: "!mt-6",
+                      unelevated: "",
+                      "no-caps": "",
+                      ripple: false
+                    })
+                  ])
+                ]),
+                _: 1
+              })) : pairInfo.value.state === "AWAITING_SIGNATURE_CHECK" ? (openBlock(), createBlock(unref(QCardSection), { key: 3 }, {
+                default: withCtx(() => [
+                  _cache[8] || (_cache[8] = createElementVNode("div", { class: "text-center font-semibold text-gray-500 uppercase" }, "Confirm the customer's signature", -1)),
+                  createElementVNode("div", _hoisted_5, toDisplayString(pairInfo.value.message), 1),
+                  createElementVNode("div", _hoisted_6, [
+                    createVNode(unref(QBtn), {
+                      label: "Accept",
+                      color: "primary",
+                      onClick: _cache[2] || (_cache[2] = ($event) => unref(acceptSignature)(true)),
+                      outline: "",
+                      class: "!mt-6",
+                      unelevated: "",
+                      "no-caps": "",
+                      ripple: false
+                    }),
+                    createVNode(unref(QBtn), {
+                      label: "Decline",
+                      color: "primary",
+                      outline: "",
+                      onClick: _cache[3] || (_cache[3] = ($event) => unref(acceptSignature)(false)),
                       class: "!mt-6",
                       unelevated: "",
                       "no-caps": "",
@@ -586,9 +505,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ])
                 ]),
                 _: 1
-              })) : pairInfo.value.state === "SUCCESS" ? (openBlock(), createBlock(unref(QCardSection), { key: 3 }, {
+              })) : pairInfo.value.state === "SUCCESS" ? (openBlock(), createBlock(unref(QCardSection), { key: 4 }, {
                 default: withCtx(() => [
-                  _cache[6] || (_cache[6] = createElementVNode("div", { class: "text-center font-semibold text-gray-500 uppercase" }, " Transaction Successful ", -1)),
+                  _cache[9] || (_cache[9] = createElementVNode("div", { class: "text-center font-semibold text-gray-500 uppercase" }, "Transaction Successful", -1)),
                   withDirectives(createVNode(unref(QBtn), {
                     label: "OK",
                     color: "primary",
@@ -602,10 +521,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ])
                 ]),
                 _: 1
-              })) : pairInfo.value.state === "FAILED" ? (openBlock(), createBlock(unref(QCardSection), { key: 4 }, {
+              })) : pairInfo.value.state === "FAILED" ? (openBlock(), createBlock(unref(QCardSection), { key: 5 }, {
                 default: withCtx(() => [
-                  _cache[7] || (_cache[7] = createElementVNode("div", { class: "text-center font-semibold text-gray-500 uppercase" }, " Transaction Failed ", -1)),
-                  createElementVNode("div", _hoisted_5, toDisplayString(pairInfo.value.message), 1),
+                  _cache[10] || (_cache[10] = createElementVNode("div", { class: "text-center font-semibold text-gray-500 uppercase" }, "Transaction Failed", -1)),
+                  createElementVNode("div", _hoisted_7, toDisplayString(pairInfo.value.message), 1),
                   withDirectives(createVNode(unref(QBtn), {
                     label: "OK",
                     color: "primary",
@@ -632,6 +551,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 export {
   _sfc_main$1 as PairMX51,
   _sfc_main as TransactionDialog,
+  acceptSignature,
   cancelTransaction,
   getTransaction,
   log,

package/dist/smartpay.js

@@ -5,7 +5,7 @@ import axios, { HttpStatusCode, isAxiosError } from "axios";
 import { t as timeout } from "./index-C8vc_75e.js";
 import { Dialog } from "quasar";
 import { d as dialogDefaultOpts } from "./utils-DcpEg5Bx.js";
-import { b as state, e as environment } from "./state-DdRk6ppP.js";
+import { b as state, e as environment } from "./state-D014QcxX.js";
 var TransactionOutcome = /* @__PURE__ */ ((TransactionOutcome2) => {
   TransactionOutcome2[TransactionOutcome2["Accepted"] = 1] = "Accepted";
   TransactionOutcome2[TransactionOutcome2["Declined"] = 2] = "Declined";

package/dist/{state-DdRk6ppP.js → state-D014QcxX.js}

@@ -9,7 +9,8 @@ const state = reactive({
   posBusinessName: "",
   tyroApiKey: "",
   tillPaymentApiKey: "",
-  tillPaymentMerchantId: ""
+  tillPaymentMerchantId: "",
+  mx51DeviceApiKey: ""
 });
 const environment = ref("production");
 const isPluginInitialized = ref(false);
@@ -24,6 +25,7 @@ const setState = (options) => {
   options.tyroApiKey && (state.tyroApiKey = options.tyroApiKey);
   options.tillPaymentApiKey && (state.tillPaymentApiKey = options.tillPaymentApiKey);
   options.tillPaymentMerchantId && (state.tillPaymentMerchantId = options.tillPaymentMerchantId);
+  options.mx51DeviceApiKey && (state.mx51DeviceApiKey = options.mx51DeviceApiKey);
 };
 const setEnvironment = (env) => environment.value = env;
 const checkPluginInitialized = () => {

package/dist/tyro.js

@@ -1,5 +1,5 @@
 import { QSpinnerHourglass, Dialog } from "quasar";
-import { c as checkPluginInitialized, e as environment, b as state } from "./state-DdRk6ppP.js";
+import { c as checkPluginInitialized, e as environment, b as state } from "./state-D014QcxX.js";
 import { T as TYRO_CONSTANTS } from "./tyro.enums-OZuKaM2C.js";
 import { a } from "./tyro.enums-OZuKaM2C.js";
 const dialogDefaultOpts = {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@achyutlabsau/vue-payment-gateway",
   "private": false,
-  "version": "0.2.2",
+  "version": "0.2.4",
   "type": "module",
   "repository": {
     "type": "git",