@achyutlabsau/vue-payment-gateway 0.3.4 → 0.3.6

package/dist/{PairInstructions.vue_vue_type_script_setup_true_lang-BRQBR1pe.js → PairInstructions.vue_vue_type_script_setup_true_lang-CLCmTRYn.js}

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, createElementVNode, createVNode, unref, Fragment, renderList, toDisplayString } from "vue";
+import { defineComponent, createElementBlock, openBlock, createElementVNode, createVNode, unref, Fragment, renderList, toDisplayString } from "vue";
 import { QIcon, QBtn } from "quasar";
 const mdiBarcode = "M2,6H4V18H2V6M5,6H6V18H5V6M7,6H10V18H7V6M11,6H12V18H11V6M14,6H16V18H14V6M17,6H20V18H17V6M21,6H22V18H21V6Z";
 const mdiCheckCircle = "M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z";
@@ -74,8 +74,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 });
 export {
   _sfc_main as _,
-  mdiChevronLeft as a,
-  mdiRefresh as b,
+  mdiRefresh as a,
+  mdiChevronLeft as b,
   mdiLink as c,
   mdiBarcode as d,
   mdiCheckCircle as m

package/dist/PairLinkly.vue_vue_type_script_setup_true_lang-BmGTzekg.js

@@ -0,0 +1,673 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+import { defineComponent, useModel, ref, resolveDirective, createBlock, openBlock, unref, withCtx, createVNode, withDirectives, renderSlot, createTextVNode, createElementVNode, onMounted, createElementBlock, toDisplayString } from "vue";
+import { Dialog, QDialog, QCard, QToolbar, QToolbarTitle, QIcon, QCardSection, QInput, QCardActions, QBtn, Loading, Notify, QForm } from "quasar";
+import { i as isNetworkError, a as isServerError, d as delay, g as generateTransactionId } from "./index-e4lpzJsL.js";
+import axios, { isAxiosError, HttpStatusCode } from "axios";
+import { v7 } from "uuid";
+import { R as ReceiptAutoPrint, T as TransactionTypes, d as dialogDefaultOpts, C as CurrencyCodes, a as ResponseCodes, u as updateDialog, b as TransactionOutcome } from "./utils-Bp5B61Zb.js";
+import { e as environment, s as state } from "./state-Bwi0Em_K.js";
+import { m as mdiCheckCircle, b as mdiChevronLeft, a as mdiRefresh, _ as _sfc_main$2, c as mdiLink } from "./PairInstructions.vue_vue_type_script_setup_true_lang-CLCmTRYn.js";
+import { useLocalStorage } from "@vueuse/core";
+const LINKLY_CONSTANTS = {
+  PATHS: {
+    TRANSACTION: "transaction",
+    PAIRING: "pairing/cloudpos",
+    TOKENS: "tokens/cloudpos",
+    REPRINT_RECEIPT: "reprintreceipt"
+  },
+  STORAGE_KEYS: {
+    PAIRING_SECRET: "___linklyPairingSecret",
+    REFRESH_TOKEN: "___linklyRefreshToken",
+    TOKEN_EXPIRY: "___linklyRefreshTokenExpiry",
+    LAST_TRANSACTION_ID: "___linklyLastTransactionId"
+  },
+  URLS: {
+    DEVELOPMENT: {
+      AUTH_BASE: "https://auth.sandbox.cloud.pceftpos.com/v1/",
+      BASE: "https://rest.pos.sandbox.cloud.pceftpos.com/v1/sessions/"
+    },
+    PRODUCTION: {
+      AUTH_BASE: "https://auth.cloud.pceftpos.com/v1/",
+      BASE: "https://rest.pos.cloud.pceftpos.com/v1/sessions/"
+    }
+  }
+};
+const DEFAULT_REQUEST_PARAMS = {
+  async: false
+};
+const MAX_INTERVAL_TIME = 18e4;
+const BASE_INTERVAL = 2e3;
+const INTERVAL_INCREMENT = 1e3;
+const { PATHS, STORAGE_KEYS } = LINKLY_CONSTANTS;
+class LinklyPaymentGateway {
+  constructor(config) {
+    __publicField(this, "_api");
+    __publicField(this, "_authApi");
+    __publicField(this, "token", null);
+    __publicField(this, "tokenExpiry", null);
+    __publicField(this, "pairingSecret", null);
+    __publicField(this, "_config");
+    const { environment: environment2 = "development", ...linklyConfig } = config;
+    const urlConfig = environment2 === "production" ? LINKLY_CONSTANTS.URLS.PRODUCTION : LINKLY_CONSTANTS.URLS.DEVELOPMENT;
+    this._config = {
+      ...linklyConfig
+    };
+    this._api = axios.create({
+      baseURL: urlConfig.BASE,
+      headers: { Accept: "application/json" }
+    });
+    this._authApi = axios.create({
+      baseURL: urlConfig.AUTH_BASE,
+      headers: { Accept: "application/json" }
+    });
+    this._setupInterceptors();
+    this._loadSavedCredentials();
+  }
+  _loadSavedCredentials() {
+    const { STORAGE_KEYS: STORAGE_KEYS2 } = LINKLY_CONSTANTS;
+    this.pairingSecret = localStorage.getItem(STORAGE_KEYS2.PAIRING_SECRET);
+    this.token = localStorage.getItem(STORAGE_KEYS2.REFRESH_TOKEN);
+    const savedTokenExpiry = localStorage.getItem(STORAGE_KEYS2.TOKEN_EXPIRY);
+    if (savedTokenExpiry) {
+      this.tokenExpiry = parseInt(savedTokenExpiry, 10);
+    }
+  }
+  _setupInterceptors() {
+    this._api.interceptors.request.use((config) => {
+      if (this.token) {
+        config.headers.Authorization = `Bearer ${this.token}`;
+      }
+      return config;
+    });
+  }
+  _getErrorMessage(error, defaultMessage) {
+    var _a, _b, _c;
+    let message = defaultMessage ?? "An unexpected error occurred.";
+    if (isAxiosError(error)) {
+      const status = (_a = error.response) == null ? void 0 : _a.status;
+      switch (status) {
+        case HttpStatusCode.Unauthorized:
+          message = "Looks like the username, password or pair code is no longer valid, or your account has been disabled. Try re-pairing the PIN pad or resetting the password.";
+          break;
+        case HttpStatusCode.BadRequest:
+          const errorMessage = (_c = (_b = error.response) == null ? void 0 : _b.data[0]) == null ? void 0 : _c.errorMessage;
+          message = errorMessage ?? "Invalid request! Correct the request and try again.";
+          break;
+        case HttpStatusCode.RequestTimeout:
+          message = "Request Timeout. This should be rare: a transient error has occurred, possibly due to server overloading.";
+          break;
+        default:
+          if (isServerError(status)) {
+            message = "A server error has occurred. Wait a few seconds and attempt the request again. If the problem persists, contact Linkly Support.";
+          }
+      }
+      if (isNetworkError(error)) {
+        message = "You are not connected to the internet";
+      }
+    }
+    return message;
+  }
+  // New method to check and renew token if needed
+  async _ensureValidToken() {
+    if (!this.token || !this.tokenExpiry || this.tokenExpiry - Date.now() < 60 * 60 * 1e3) {
+      try {
+        if (this.pairingSecret) {
+          await this.getLinklyAuthToken();
+        } else {
+          throw new Error("No valid authentication method available");
+        }
+      } catch (error) {
+        throw new Error("Failed to renew authentication token. Please check your Linkly account credentials.");
+      }
+    }
+  }
+  async pairPinpad(pairingData) {
+    try {
+      const response = await this._authApi.post(PATHS.PAIRING, pairingData);
+      if (response.data.secret) {
+        this._savePairingSecret(response.data.secret);
+        await this.getLinklyAuthToken();
+      }
+      return {
+        success: true,
+        secret: response.data.secret,
+        message: "Pinpad Paired successfully."
+      };
+    } catch (error) {
+      const message = this._getErrorMessage(error, "An unexpected error occurred during pinpad pairing.");
+      return {
+        success: false,
+        message,
+        secret: ""
+      };
+    }
+  }
+  _savePairingSecret(secret) {
+    this.pairingSecret = secret;
+    localStorage.setItem(STORAGE_KEYS.PAIRING_SECRET, secret);
+  }
+  _clearCredentials() {
+    const { STORAGE_KEYS: STORAGE_KEYS2 } = LINKLY_CONSTANTS;
+    this.pairingSecret = null;
+    this.token = null;
+    this.tokenExpiry = null;
+    localStorage.removeItem(STORAGE_KEYS2.PAIRING_SECRET);
+    localStorage.removeItem(STORAGE_KEYS2.REFRESH_TOKEN);
+    localStorage.removeItem(STORAGE_KEYS2.TOKEN_EXPIRY);
+  }
+  unpairPinpad() {
+    this._clearCredentials();
+    return true;
+  }
+  async getLinklyAuthToken() {
+    var _a;
+    const { STORAGE_KEYS: STORAGE_KEYS2 } = LINKLY_CONSTANTS;
+    try {
+      const tokenData = {
+        secret: this.pairingSecret,
+        ...this._config
+      };
+      const response = await this._authApi.post(PATHS.TOKENS, tokenData);
+      this.token = response.data.token;
+      this.tokenExpiry = Date.now() + response.data.expirySeconds * 1e3;
+      localStorage.setItem(STORAGE_KEYS2.REFRESH_TOKEN, response.data.token);
+      localStorage.setItem(STORAGE_KEYS2.TOKEN_EXPIRY, String(this.tokenExpiry));
+      return response.data;
+    } catch (error) {
+      console.error("Get token error:", error);
+      if (axios.isAxiosError(error) && ((_a = error.response) == null ? void 0 : _a.status) === HttpStatusCode.Unauthorized) {
+        this._clearCredentials();
+        throw new Error("Authentication failed. Pairing may have been reset or credentials changed.");
+      }
+      throw error;
+    }
+  }
+  async sendTransactionRequest(data) {
+    await this._ensureValidToken();
+    const sessionId = v7();
+    localStorage.setItem(STORAGE_KEYS.LAST_TRANSACTION_ID, sessionId);
+    try {
+      const response = await this._api.post(`${sessionId}/${PATHS.TRANSACTION}`, data, {
+        params: DEFAULT_REQUEST_PARAMS
+      });
+      if (response.status === HttpStatusCode.Accepted) {
+        return this.getTransactionStatus(sessionId);
+      }
+      return response.data;
+    } catch (error) {
+      if (axios.isAxiosError(error) && error.response) {
+        const status = error.response.status;
+        if (status === HttpStatusCode.Unauthorized) {
+          try {
+            await this.getLinklyAuthToken();
+            return this.sendTransactionRequest(data);
+          } catch {
+            throw new Error("Failed to authenticate. Please check your Linkly account credentials.");
+          }
+        }
+        if (status === HttpStatusCode.RequestTimeout || isServerError(error)) {
+          return this.getTransactionStatus(sessionId);
+        }
+      }
+      throw error;
+    }
+  }
+  async getTransactionStatus(transactionId) {
+    let interval = BASE_INTERVAL;
+    const doRequest = async () => {
+      var _a;
+      try {
+        const response = await this._api.get(`${transactionId}/${PATHS.TRANSACTION}`, {
+          params: DEFAULT_REQUEST_PARAMS
+        });
+        if (response.status === HttpStatusCode.Accepted) {
+          return doRequest();
+        }
+        return response.data;
+      } catch (error) {
+        if (axios.isAxiosError(error)) {
+          const status = ((_a = error.response) == null ? void 0 : _a.status) ?? 0;
+          if (status === HttpStatusCode.RequestTimeout || isServerError(error)) {
+            if (interval < MAX_INTERVAL_TIME) {
+              await delay(BASE_INTERVAL);
+              interval = Math.min(interval + INTERVAL_INCREMENT, MAX_INTERVAL_TIME);
+              return doRequest();
+            }
+            throw new Error("Unable to get the transaction details. Please contact service provider!");
+          } else if (status === HttpStatusCode.Unauthorized) {
+            await this.getLinklyAuthToken();
+            return doRequest();
+          }
+        }
+        throw error;
+      }
+    };
+    return doRequest();
+  }
+  async getLastTransactionStatus() {
+    const txnId = localStorage.getItem(STORAGE_KEYS.LAST_TRANSACTION_ID);
+    if (!txnId) {
+      throw new Error("No transaction found.");
+    }
+    return this.getTransactionStatus(txnId);
+  }
+  async reprintReceipt(data) {
+    var _a, _b, _c, _d;
+    const uuid = v7();
+    try {
+      await this._ensureValidToken();
+      const res = await this._api.post(`${uuid}/${PATHS.REPRINT_RECEIPT}`, data, {
+        params: DEFAULT_REQUEST_PARAMS
+      });
+      const isSuccess = ((_b = (_a = res.data) == null ? void 0 : _a.response) == null ? void 0 : _b.success) ?? false;
+      const message = isSuccess ? "Receipt printed successfully." : "Failed to print receipt: " + ((_d = (_c = res.data) == null ? void 0 : _c.response) == null ? void 0 : _d.responseText);
+      return {
+        success: isSuccess,
+        message,
+        data: res.data
+      };
+    } catch (error) {
+      if (axios.isAxiosError(error) && error.response) {
+        const status = error.response.status;
+        if (status === HttpStatusCode.Unauthorized) {
+          try {
+            await this.getLinklyAuthToken();
+            return this.reprintReceipt(data);
+          } catch {
+            return {
+              success: false,
+              message: "Failed to authenticate. Please check your Linkly account credentials.",
+              data: null
+            };
+          }
+        }
+        if (status === HttpStatusCode.RequestTimeout || isServerError(error)) {
+          await delay();
+          return this.reprintReceipt(data);
+        }
+      }
+      return {
+        success: false,
+        message: "Failed to print receipt",
+        data: null
+      };
+    }
+  }
+}
+const useLinkly = () => {
+  const linklyAPI = new LinklyPaymentGateway({
+    posId: state.posId,
+    posName: state.productName,
+    posVendorId: state.productVendorName,
+    posVersion: state.productVersion,
+    environment: environment.value
+  });
+  const pairPinpad = async (pairData) => {
+    const dialog = Dialog.create({ ...dialogDefaultOpts, message: "Pairing with the terminal..." });
+    const res = await linklyAPI.pairPinpad(pairData);
+    dialog.update({
+      title: res.success ? "Success!" : "Failed!",
+      class: res.success ? "text-green-500" : "text-red-500",
+      message: res.message,
+      progress: false
+    });
+    return res;
+  };
+  const _initiateTransaction = async (data, TxnType) => {
+    var _a, _b, _c;
+    const payload = {
+      Request: {
+        Merchant: "00",
+        Application: "00",
+        TxnRef: generateTransactionId(),
+        TxnType,
+        CurrencyCode: CurrencyCodes.AustralianDollar,
+        CutReceipt: data.CutReceipt,
+        AmtPurchase: data.AmtPurchase,
+        ReceiptAutoPrint: data.ReceiptAutoPrint
+      }
+    };
+    const dialog = Dialog.create({ ...dialogDefaultOpts });
+    try {
+      const res = await linklyAPI.sendTransactionRequest(payload);
+      if (((_a = res == null ? void 0 : res.Response) == null ? void 0 : _a.ResponseCode) === ResponseCodes.APPROVED || ((_b = res == null ? void 0 : res.Response) == null ? void 0 : _b.ResponseCode) === ResponseCodes.Approved) {
+        updateDialog(dialog, TransactionOutcome.APPROVED);
+        return {
+          result: TransactionOutcome.APPROVED,
+          data: res.Response
+        };
+      }
+      if (((_c = res == null ? void 0 : res.Response) == null ? void 0 : _c.ResponseCode) === ResponseCodes.GENERAL_DECLINE) {
+        updateDialog(dialog, TransactionOutcome.DECLINED);
+        return {
+          result: TransactionOutcome.DECLINED,
+          data: res.Response
+        };
+      }
+      updateDialog(dialog, TransactionOutcome.UNKNOWN);
+      return {
+        result: TransactionOutcome.UNKNOWN,
+        data: res.Response
+      };
+    } catch (error) {
+      updateDialog(dialog, TransactionOutcome.UNKNOWN);
+      throw error;
+    }
+  };
+  const initiatePurchase = async (data) => {
+    return _initiateTransaction(data, TransactionTypes.Purchase);
+  };
+  const initiateRefund = async (data) => {
+    return _initiateTransaction(data, TransactionTypes.Refund);
+  };
+  const reprintReceipt = async (txnRef) => {
+    const reprintPayload = {
+      Request: {
+        Merchant: "00",
+        Application: "00",
+        ReceiptAutoPrint: ReceiptAutoPrint.ReturnToPOS,
+        ReprintType: "2",
+        OriginalTxnRef: txnRef
+      }
+    };
+    return linklyAPI.reprintReceipt(reprintPayload);
+  };
+  const unpairPinpad = () => {
+    return linklyAPI.unpairPinpad();
+  };
+  return {
+    linklyAPI,
+    pairPinpad,
+    unpairPinpad,
+    initiatePurchase,
+    initiateRefund,
+    reprintReceipt,
+    getTransactionBySessionId: linklyAPI.getTransactionStatus,
+    getLastTransaction: linklyAPI.getLastTransactionStatus
+  };
+};
+const _hoisted_1$1 = { class: "" };
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "ReprintReceiptDialog",
+  props: {
+    "modelValue": { type: Boolean },
+    "modelModifiers": {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const linkly = useLinkly();
+    const modelValue = useModel(__props, "modelValue");
+    const txnNumber = ref("");
+    const reprintReceipt = async () => {
+      try {
+        Loading.show({ group: "reprintReceipt" });
+        const res = await linkly.reprintReceipt(txnNumber.value || void 0);
+        if (res.success) {
+          modelValue.value = false;
+          Notify.create("Receipt printed successfully");
+        } else {
+          Notify.create({ type: "negative", message: res.message });
+        }
+      } catch (error) {
+        const errorMessage = error instanceof Error ? error.message : "Failed to print receipts";
+        Notify.create({ type: "negative", message: errorMessage });
+      } finally {
+        Loading.hide("reprintReceipt");
+      }
+    };
+    return (_ctx, _cache) => {
+      const _directive_close_popup = resolveDirective("close-popup");
+      return openBlock(), createBlock(unref(QDialog), {
+        modelValue: modelValue.value,
+        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => modelValue.value = $event)
+      }, {
+        default: withCtx(() => [
+          createVNode(unref(QCard), { class: "w-full" }, {
+            default: withCtx(() => [
+              createVNode(unref(QToolbar), { class: "bg-primary text-white" }, {
+                default: withCtx(() => [
+                  createVNode(unref(QToolbarTitle), null, {
+                    default: withCtx(() => [
+                      renderSlot(_ctx.$slots, "title", {}, () => [
+                        _cache[2] || (_cache[2] = createTextVNode("Reprint Receipt"))
+                      ])
+                    ]),
+                    _: 3
+                  }),
+                  withDirectives(createVNode(unref(QIcon), {
+                    class: "float-right cursor-pointer rounded p-2 transition-colors",
+                    color: "gray",
+                    name: "close",
+                    size: "md"
+                  }, null, 512), [
+                    [_directive_close_popup]
+                  ])
+                ]),
+                _: 3
+              }),
+              createVNode(unref(QCardSection), null, {
+                default: withCtx(() => [
+                  createElementVNode("div", _hoisted_1$1, [
+                    _cache[3] || (_cache[3] = createTextVNode(" Txn Number: ")),
+                    createVNode(unref(QInput), {
+                      modelValue: txnNumber.value,
+                      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => txnNumber.value = $event),
+                      class: "q-mb-sm",
+                      type: "text",
+                      outlined: "",
+                      dense: "",
+                      placeholder: "Enter txn number"
+                    }, null, 8, ["modelValue"])
+                  ])
+                ]),
+                _: 1
+              }),
+              createVNode(unref(QCardActions), {
+                class: "!p-4",
+                align: "right"
+              }, {
+                default: withCtx(() => [
+                  withDirectives(createVNode(unref(QBtn), {
+                    label: "Cancel",
+                    "no-caps": "",
+                    unelevated: "",
+                    flat: ""
+                  }, null, 512), [
+                    [_directive_close_popup]
+                  ]),
+                  createVNode(unref(QBtn), {
+                    label: "Re-print Receipt",
+                    "no-caps": "",
+                    unelevated: "",
+                    color: "primary",
+                    onClick: reprintReceipt
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 3
+          })
+        ]),
+        _: 3
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+const _hoisted_1 = { class: "" };
+const _hoisted_2 = {
+  key: "paired",
+  class: "flex items-center justify-center rounded-lg bg-white p-8 shadow-lg"
+};
+const _hoisted_3 = { class: "text-center" };
+const _hoisted_4 = { class: "mb-6" };
+const _hoisted_5 = { class: "mb-6 text-sm text-gray-500" };
+const _hoisted_6 = { class: "!space-x-3" };
+const _hoisted_7 = { key: 1 };
+const _hoisted_8 = { class: "flex items-center justify-end gap-3" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "PairLinkly",
+  emits: ["pairing-success"],
+  setup(__props, { emit: __emit }) {
+    const SETUP_STEPS = [
+      "Plug the PIN pad in and connect to the Internet via cable or Wi-fi depending upon the EFTPOS hardware.",
+      "Set the PIN pad up to connect to the Linkly cloud. Each bank may have different configuration settings.",
+      "Once connected, the PIN pad will display a temporary 'pair code'",
+      "Enter the username, password, and PIN pad 'pair code' from the PIN pad in the form on next screen."
+    ];
+    const fieldValidation = (fieldName) => {
+      return [
+        (v) => !!v || `${fieldName} is required`,
+        (v) => v.length <= 16 || `${fieldName} must be less than 16 characters.`
+      ];
+    };
+    const emit = __emit;
+    const linkly = useLinkly();
+    const pairConfig = useLocalStorage("linkly.pairConfig", {
+      isPaired: false,
+      lastPairedDate: null
+    });
+    const reprintReceiptModel = ref(false);
+    const pairingForm = ref({
+      username: "",
+      password: "",
+      pairCode: ""
+    });
+    const showInstructions = ref(!pairConfig.value.isPaired);
+    const handleNext = () => {
+      showInstructions.value = false;
+    };
+    const doPairing = async () => {
+      const res = await linkly.pairPinpad(pairingForm.value);
+      if (res.success) {
+        pairConfig.value.isPaired = true;
+        pairConfig.value.lastPairedDate = /* @__PURE__ */ new Date();
+        emit("pairing-success", res);
+      }
+    };
+    const handleRepair = () => {
+      linkly.unpairPinpad();
+      pairConfig.value.isPaired = false;
+      pairConfig.value.lastPairedDate = null;
+    };
+    onMounted(() => {
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        unref(pairConfig).isPaired ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
+            createElementVNode("div", _hoisted_4, [
+              createVNode(unref(QIcon), {
+                name: unref(mdiCheckCircle),
+                size: "4rem",
+                class: "text-green-500"
+              }, null, 8, ["name"])
+            ]),
+            _cache[6] || (_cache[6] = createElementVNode("h2", { class: "mb-4 text-3xl font-bold text-gray-800" }, "Terminal Connected", -1)),
+            createElementVNode("p", _hoisted_5, " Last paired: " + toDisplayString(new Date(unref(pairConfig).lastPairedDate).toLocaleString()), 1),
+            createElementVNode("div", _hoisted_6, [
+              createVNode(unref(QBtn), {
+                color: "green",
+                "no-caps": "",
+                outline: "",
+                unelevated: "",
+                label: "Reprint Receipt",
+                "icon-left": unref(mdiChevronLeft),
+                onClick: _cache[0] || (_cache[0] = ($event) => reprintReceiptModel.value = true)
+              }, null, 8, ["icon-left"]),
+              createVNode(unref(QBtn), {
+                color: "primary",
+                unelevated: "",
+                "no-caps": "",
+                "icon-left": unref(mdiRefresh),
+                label: "Re-pair Terminal",
+                onClick: handleRepair
+              }, null, 8, ["icon-left"])
+            ])
+          ])
+        ])) : (openBlock(), createElementBlock("section", _hoisted_7, [
+          showInstructions.value ? (openBlock(), createBlock(_sfc_main$2, {
+            key: 0,
+            onNext: handleNext,
+            steps: SETUP_STEPS
+          })) : (openBlock(), createBlock(unref(QCard), {
+            key: 1,
+            flat: "",
+            bordered: "",
+            class: "w-full rounded-md p-6"
+          }, {
+            default: withCtx(() => [
+              _cache[7] || (_cache[7] = createElementVNode("div", { class: "text-lg font-semibold text-gray-600" }, "Pairing configuration", -1)),
+              createVNode(unref(QForm), {
+                onSubmit: doPairing,
+                class: "mt-6 space-y-4"
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(QInput), {
+                    modelValue: pairingForm.value.username,
+                    "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => pairingForm.value.username = $event),
+                    rules: fieldValidation("Username"),
+                    label: "Username",
+                    hint: "Cloud EFT Client Username",
+                    type: "text",
+                    outlined: "",
+                    dense: ""
+                  }, null, 8, ["modelValue", "rules"]),
+                  createVNode(unref(QInput), {
+                    modelValue: pairingForm.value.password,
+                    "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => pairingForm.value.password = $event),
+                    rules: fieldValidation("Password"),
+                    label: "Password",
+                    type: "password",
+                    outlined: "",
+                    hint: "Enter Cloud EFT Client Password",
+                    dense: ""
+                  }, null, 8, ["modelValue", "rules"]),
+                  createVNode(unref(QInput), {
+                    modelValue: pairingForm.value.pairCode,
+                    "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => pairingForm.value.pairCode = $event),
+                    rules: fieldValidation("Pairing Code"),
+                    label: "Pairing Code",
+                    type: "text",
+                    outlined: "",
+                    hint: "Enter Pair code from terminal screen",
+                    dense: ""
+                  }, null, 8, ["modelValue", "rules"]),
+                  createElementVNode("div", _hoisted_8, [
+                    createVNode(unref(QBtn), {
+                      flat: "",
+                      "no-caps": "",
+                      label: "Back",
+                      "icon-left": unref(mdiChevronLeft),
+                      onClick: _cache[4] || (_cache[4] = ($event) => showInstructions.value = true)
+                    }, null, 8, ["icon-left"]),
+                    createVNode(unref(QBtn), {
+                      type: "submit",
+                      color: "primary",
+                      unelevated: "",
+                      "no-caps": "",
+                      "icon-right": unref(mdiLink),
+                      label: "Pair Device"
+                    }, null, 8, ["icon-right"])
+                  ])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }))
+        ])),
+        createVNode(_sfc_main$1, {
+          modelValue: reprintReceiptModel.value,
+          "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => reprintReceiptModel.value = $event)
+        }, null, 8, ["modelValue"])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as _,
+  useLinkly as u
+};