@qikdev/vue-ui 0.3.26 → 0.3.31

package/dist/lib.es.js

@@ -4,7 +4,7 @@ var Uh = (e, t, n) => t in e ? Rh(e, t, { enumerable: !0, configurable: !0, writ
 var ie = (e, t, n) => Uh(e, typeof t != "symbol" ? t + "" : t, n);
 import { reactive as Gt, defineComponent as Fl, ref as vt, toRefs as of, onMounted as Al, onBeforeUnmount as jh, watch as cr, computed as Fn, createElementBlock as h, openBlock as o, createCommentVNode as _, renderSlot as z, normalizeClass as $, useSlots as qh, provide as Mr, resolveComponent as y, createVNode as c, Fragment as D, createBlock as k, unref as gt, withCtx as f, renderList as A, toDisplayString as b, createTextVNode as O, withDirectives as Z, vShow as ci, withModifiers as B, createElementVNode as T, h as dl, mergeProps as mt, toHandlers as kt, normalizeStyle as Ge, resolveDirective as uf, resolveDynamicComponent as Vt, vModelSelect as Dt, pushScopeId as je, popScopeId as qe, getCurrentScope as Bh, onScopeDispose as zh, getCurrentInstance as Wh, Teleport as df, Transition as Hh, withKeys as we, vModelText as be, TransitionGroup as Gh, nextTick as cf, vModelDynamic as Sn, normalizeProps as ff, guardReactiveProps as Yh } from "vue";
 import { EventDispatcher as mf } from "@qikdev/sdk";
-const Jh = "0.3.26";
+const Jh = "0.3.31";
 class yn extends Error {
 }
 class Kh extends yn {
@@ -31650,7 +31650,9 @@ const Ch = /* @__PURE__ */ M(BA, [["render", zA], ["__scopeId", "data-v-e6afec75
     },
     async preSubmit(e) {
       var i, a;
-      const t = this, n = JSON.parse(JSON.stringify(e)), r = (i = n._payment) == null ? void 0 : i.total, s = (a = n._payment) == null ? void 0 : a.gateway;
+      const t = this, n = JSON.parse(JSON.stringify(e)), r = (i = n._payment) == null ? void 0 : i.total;
+      r && (n._payment.gateway || this.selectedGateway && (n._payment.gateway = this.selectedGateway));
+      const s = (a = n._payment) == null ? void 0 : a.gateway;
       if (t.form.hasGeographicRequirements) {
         const { coords: l } = await t.$sdk.geo.getPosition().catch(function(u) {
           return console.log("Error", u), {
@@ -31770,14 +31772,14 @@ const Ch = /* @__PURE__ */ M(BA, [["render", zA], ["__scopeId", "data-v-e6afec75
     },
     canAdvance(e) {
       if (!this.movedBackwards && e && this.autoadvance) {
-        const t = this.$refs.form[this.currentPage], n = (t == null ? void 0 : t.fields) || [], r = this.$sdk.utils.mapFields(n).filter(function({ type: s }) {
+        const t = this.$refs.form[this.currentPage], n = (t == null ? void 0 : t.fields) || [];
+        this.$sdk.utils.mapFields(n).filter(function({ type: s }) {
           switch (s) {
             case "void":
               return !1;
           }
           return !0;
-        });
-        console.log("Lets autoadvance!!!"), r.length == 1 && this.nextPageAttempt();
+        }).length == 1 && this.nextPageAttempt();
       }
     },
     modelValue(e, t) {
@@ -31810,6 +31812,14 @@ const Ch = /* @__PURE__ */ M(BA, [["render", zA], ["__scopeId", "data-v-e6afec75
     this.mounted = !1;
   },
   computed: {
+    selectedGateway() {
+      var t, n, r, s;
+      if ((n = (t = this.model) == null ? void 0 : t._payment) != null && n.gateway)
+        return (s = (r = this.model) == null ? void 0 : r._payment) == null ? void 0 : s.gateway;
+      const e = this.gateways.filter(Boolean);
+      if (e.length === 1)
+        return e[0];
+    },
     invalidFields() {
       var e;
       return !this.showBlockers || !this.submitAttempted ? [] : this.buttonDisabled ? ((e = this.formState) == null ? void 0 : e.invalidFields) || [] : [];
@@ -31822,6 +31832,10 @@ const Ch = /* @__PURE__ */ M(BA, [["render", zA], ["__scopeId", "data-v-e6afec75
       var e;
       return !!((e = this.paymentConfiguration) != null && e.enabled);
     },
+    gateways() {
+      var e;
+      return ((e = this.paymentConfiguration) == null ? void 0 : e.gateways) || [];
+    },
     requiresPayment() {
       var e;
       return this.paymentEnabled ? parseInt((e = this.model._payment) == null ? void 0 : e.total) > 0 : !1;
@@ -31923,12 +31937,17 @@ const Ch = /* @__PURE__ */ M(BA, [["render", zA], ["__scopeId", "data-v-e6afec75
       return this.buttonDisabled ? "Please check the errors in your form" : void 0;
     },
     buttonDisabled() {
-      return this.preview ? !0 : this.noGatewaySelectedButPaymentIsRequired ? (console.error(
-        "There is no payment gateway selected but payment is required"
+      return this.preview ? !0 : this.noGatewaySelectedButPaymentIsRequired ? (console.log(
+        "NO GATEWAY SELECTED",
+        this.total,
+        this.gateways,
+        this.selectedGateway
+      ), console.error(
+        "Error: There is no payment gateway selected but payment is required"
       ), !0) : this.submitAttempted && this.invalid;
     },
     noGatewaySelectedButPaymentIsRequired() {
-      return this.total ? !this.payment.gateway : !1;
+      return !(!this.total || this.selectedGateway);
     },
     invalid() {
       var t;
@@ -31947,7 +31966,7 @@ const Ch = /* @__PURE__ */ M(BA, [["render", zA], ["__scopeId", "data-v-e6afec75
       return ((e = this.form) == null ? void 0 : e.fields) || [];
     }
   }
-}, Eh = (e) => (je("data-v-b83af107"), e = e(), qe(), e), YA = /* @__PURE__ */ Eh(() => /* @__PURE__ */ T("h3", null, "An error occurred", -1)), JA = { key: 0 }, KA = { key: 1 }, ZA = { key: 2 }, XA = { class: "intent-submit" }, QA = {
+}, Eh = (e) => (je("data-v-2d75efd5"), e = e(), qe(), e), YA = /* @__PURE__ */ Eh(() => /* @__PURE__ */ T("h3", null, "An error occurred", -1)), JA = { key: 0 }, KA = { key: 1 }, ZA = { key: 2 }, XA = { class: "intent-submit" }, QA = {
   key: 0,
   class: "multistep-form"
 }, eN = { class: "multistep-form-sections" }, tN = { class: "multistep-fields" }, nN = { class: "multistep-controls" }, iN = ["tooltip"], rN = ["tooltip"], sN = { class: "multistep-progress" }, aN = {
@@ -32177,7 +32196,7 @@ function uN(e, t, n, r, s, i) {
     ], 64))
   ], 2);
 }
-const dN = /* @__PURE__ */ M(GA, [["render", uN], ["__scopeId", "data-v-b83af107"]]), cN = "init", zc = "ready", fN = "processing", mN = "success", hN = "error", pN = {
+const dN = /* @__PURE__ */ M(GA, [["render", uN], ["__scopeId", "data-v-2d75efd5"]]), cN = "init", zc = "ready", fN = "processing", mN = "success", hN = "error", pN = {
   name: "PaymentMethodForm",
   components: {
     StripeElements: mm,