@qikdev/vue-ui 0.3.25 → 0.3.30

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.25";
+const Jh = "0.3.30";
 class yn extends Error {
 }
 class Kh extends yn {
@@ -5179,7 +5179,7 @@ function qg(e, t, n, r, s, i) {
     z(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const Bg = /* @__PURE__ */ M(Ug, [["render", qg], ["__scopeId", "data-v-3b352542"]]), zg = {}, Wg = { class: "panel-footer" };
+const Bg = /* @__PURE__ */ M(Ug, [["render", qg], ["__scopeId", "data-v-315be8cb"]]), zg = {}, Wg = { class: "panel-footer" };
 function Hg(e, t, n, r, s, i) {
   return o(), h("div", Wg, [
     z(e.$slots, "default", {}, void 0, !0)
@@ -8587,6 +8587,14 @@ const ub = {
     this.model = this.model;
   },
   methods: {
+    maybeAutoSelectSingleOption() {
+      if (this.loadingAsyncOptions || !this.singleValue || !this.minimum || this.model || this.model === !1 || this.model === 0)
+        return;
+      const e = this.selectableOptions.filter(function(t) {
+        return !t.none;
+      });
+      e.length === 1 && (this.model = e[0]);
+    },
     displayLabelFromValue(e) {
       if (!e)
         return;
@@ -8638,6 +8646,15 @@ const ub = {
   watch: {
     candidate(e) {
       e && (this.addValue(e), this.candidate = null);
+    },
+    selectableOptions: {
+      immediate: !0,
+      handler() {
+        this.maybeAutoSelectSingleOption();
+      }
+    },
+    loadingAsyncOptions() {
+      this.maybeAutoSelectSingleOption();
     }
   },
   computed: {
@@ -8704,7 +8721,7 @@ const ub = {
       }));
     }
   }
-}, db = (e) => (je("data-v-9fabb548"), e = e(), qe(), e), cb = {
+}, db = (e) => (je("data-v-bf1479ae"), e = e(), qe(), e), cb = {
   key: 0,
   class: "ux-field-title"
 }, fb = {
@@ -8846,7 +8863,7 @@ function Eb(e, t, n, r, s, i) {
     ]))
   ], 2);
 }
-const It = /* @__PURE__ */ M(ub, [["render", Eb], ["__scopeId", "data-v-9fabb548"]]), Mb = {
+const It = /* @__PURE__ */ M(ub, [["render", Eb], ["__scopeId", "data-v-bf1479ae"]]), Mb = {
   props: {
     total: {
       type: Number,
@@ -29831,16 +29848,7 @@ function Zn(e, t, n, r, s, i) {
   t = t || [], n = Math.max(n, r);
   var a = t.length, l = a >= n;
   if (!l) {
-    var u = n - a;
-    console.log("ARRAY", {
-      meetsMinimum: l,
-      array: t,
-      extras: d,
-      difference: u,
-      min: n,
-      max: s
-    });
-    var d = Array(u).fill().map(i);
+    var u = n - a, d = Array(u).fill().map(i);
     return [...t || [], ...d || []];
   }
   return t;
@@ -31642,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), {
@@ -31762,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) {
@@ -31802,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.submission) == null ? void 0 : t._payment) != null && n.gateway)
+        return (s = (r = this.submission) == 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) || [] : [];
@@ -31814,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;
@@ -31916,11 +31938,11 @@ const Ch = /* @__PURE__ */ M(BA, [["render", zA], ["__scopeId", "data-v-e6afec75
     },
     buttonDisabled() {
       return this.preview ? !0 : this.noGatewaySelectedButPaymentIsRequired ? (console.error(
-        "There is no payment gateway selected but payment is required"
+        "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 : !1;
     },
     invalid() {
       var t;
@@ -31939,7 +31961,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-b859ef09"), 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 = {
@@ -32169,7 +32191,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-b859ef09"]]), cN = "init", zc = "ready", fN = "processing", mN = "success", hN = "error", pN = {
   name: "PaymentMethodForm",
   components: {
     StripeElements: mm,