@tapni/auth 0.0.169 → 1.0.2

package/dist/General-BVjTsECb.js

@@ -0,0 +1,477 @@
+import { _ as le, A as oe, E as te } from "./install-BOPYSGGa.js";
+import "await-to-js";
+import { defineComponent as R, mergeModels as F, useModel as ne, ref as z, computed as q, watch as Z, onMounted as ie, onBeforeUnmount as se, openBlock as g, createElementBlock as b, normalizeClass as B, createElementVNode as i, renderSlot as S, createTextVNode as _, toDisplayString as x, createCommentVNode as C, Fragment as N, renderList as j, createVNode as D, withDirectives as A, vModelText as O, createBlock as G, Teleport as re, normalizeStyle as ue, withCtx as H, withKeys as de, resolveComponent as K, withModifiers as ve, pushScopeId as pe, popScopeId as ce } from "vue";
+(function() {
+  try {
+    if (typeof document < "u") {
+      var a = document.createElement("style");
+      a.appendChild(document.createTextNode(":root{--vs-input-bg: #fff;--vs-input-outline: #3b82f6;--vs-input-placeholder-color: #52525b;--vs-padding: .25rem .5rem;--vs-border: 1px solid #e4e4e7;--vs-border-radius: 4px;--vs-font-size: 16px;--vs-font-weight: 400;--vs-font-family: inherit;--vs-text-color: #18181b;--vs-line-height: 1.5;--vs-menu-offset-top: 8px;--vs-menu-height: 200px;--vs-menu-padding: 0;--vs-menu-border: 1px solid #e4e4e7;--vs-menu-bg: #fff;--vs-menu-box-shadow: none;--vs-menu-z-index: 2;--vs-option-padding: 8px 12px;--vs-option-font-size: var(--vs-font-size);--vs-option-font-weight: var(--vs-font-weight);--vs-option-text-color: var(--vs-text-color);--vs-option-bg: var(--vs-menu-bg);--vs-option-hover-color: #dbeafe;--vs-option-focused-color: var(--vs-option-hover-color);--vs-option-selected-color: #93c5fd;--vs-option-disabled-color: #f4f4f5;--vs-option-disabled-text-color: #52525b;--vs-multi-value-gap: 4px;--vs-multi-value-padding: 4px;--vs-multi-value-font-size: 14px;--vs-multi-value-font-weight: 400;--vs-multi-value-line-height: 1;--vs-multi-value-text-color: #3f3f46;--vs-multi-value-bg: #f4f4f5;--vs-multi-value-xmark-size: 16px;--vs-multi-value-xmark-color: var(--vs-multi-value-text-color);--vs-indicators-gap: 4px;--vs-icon-size: 20px;--vs-icon-color: var(--vs-text-color);--vs-dropdown-transition: transform .25s ease-out}.vue-select[data-v-8ce3e5e3]{position:relative;box-sizing:border-box;width:100%}.vue-select[data-v-8ce3e5e3] *{box-sizing:border-box}.vue-select.open .single-value[data-v-8ce3e5e3]{position:absolute;opacity:.4}.vue-select.open .dropdown-icon[data-v-8ce3e5e3]{transform:rotate(180deg)}.vue-select.typing .single-value[data-v-8ce3e5e3]{opacity:0}.control[data-v-8ce3e5e3]{display:flex;min-height:32px;border:var(--vs-border);border-radius:var(--vs-border-radius);background-color:var(--vs-input-bg)}.control.focused[data-v-8ce3e5e3]{box-shadow:0 0 0 1px var(--vs-input-outline);border-color:var(--vs-input-outline)}.value-container[data-v-8ce3e5e3]{position:relative;display:flex;flex-wrap:wrap;align-items:center;flex-basis:100%;flex-grow:1;padding:var(--vs-padding)}.value-container.multi[data-v-8ce3e5e3]{gap:var(--vs-multi-value-gap)}.single-value[data-v-8ce3e5e3]{display:flex;align-items:center;font-size:var(--vs-font-size);font-weight:var(--vs-font-weight);font-family:var(--vs-font-family);line-height:var(--vs-line-height);color:var(--vs-text-color);z-index:0}.multi-value[data-v-8ce3e5e3]{appearance:none;display:flex;align-items:center;gap:var(--vs-multi-value-gap);padding:var(--vs-multi-value-padding);margin:0;border:0;font-size:var(--vs-multi-value-font-size);font-weight:var(--vs-multi-value-font-weight);color:var(--vs-multi-value-text-color);line-height:var(--vs-multi-value-line-height);background:var(--vs-multi-value-bg);outline:none;cursor:pointer}.multi-value svg[data-v-8ce3e5e3]{width:var(--vs-multi-value-xmark-size);height:var(--vs-multi-value-xmark-size);fill:var(--vs-multi-value-xmark-color)}.search-input[data-v-8ce3e5e3]{appearance:none;display:inline-block;max-width:100%;flex-grow:1;width:0;margin:0;padding:0;border:0;background:none;font-size:var(--vs-font-size);font-family:var(--vs-font-family);line-height:var(--vs-line-height);color:var(--vs-text-color);outline:none;z-index:1}.search-input[data-v-8ce3e5e3]::placeholder{color:var(--vs-input-placeholder-color)}.indicators-container[data-v-8ce3e5e3]{display:flex;align-items:center;flex-shrink:0;gap:var(--vs-indicators-gap);padding:var(--vs-padding)}.clear-button[data-v-8ce3e5e3]{appearance:none;display:inline-block;padding:0;margin:0;border:0;width:var(--vs-icon-size);height:var(--vs-icon-size);fill:var(--vs-icon-color);background:none;outline:none;cursor:pointer}.dropdown-icon[data-v-8ce3e5e3]{appearance:none;display:inline-block;padding:0;margin:0;border:0;width:var(--vs-icon-size);height:var(--vs-icon-size);fill:var(--vs-icon-color);background:none;outline:none;cursor:pointer;transition:var(--vs-dropdown-transition)}.menu[data-v-8ce3e5e3]{position:absolute;left:0;right:0;padding:var(--vs-menu-padding);margin-top:var(--vs-menu-offset-top);max-height:var(--vs-menu-height);overflow-y:auto;border:var(--vs-menu-border);border-radius:var(--vs-border-radius);box-shadow:var(--vs-menu-box-shadow);background-color:var(--vs-menu-bg);z-index:var(--vs-menu-z-index)}.menu-option[data-v-8ce3e5e3]{display:flex;width:100%;border:0;margin:0;padding:var(--vs-option-padding);font-size:var(--vs-option-font-size);font-weight:var(--vs-option-font-weight);font-family:var(--vs-font-family);color:var(--vs-option-text-color);background-color:var(--vs-option-bg);text-align:-webkit-auto;cursor:pointer}.menu-option[data-v-8ce3e5e3]:hover{background-color:var(--vs-option-hover-color)}.menu-option.focused[data-v-8ce3e5e3]{background-color:var(--vs-option-focused-color)}.menu-option.selected[data-v-8ce3e5e3]{background-color:var(--vs-option-selected-color)}.menu-option.disabled[data-v-8ce3e5e3]{background-color:var(--vs-option-disabled-color);color:var(--vs-option-disabled-text-color)}.no-results[data-v-8ce3e5e3]{padding:var(--vs-option-padding);font-size:var(--vs-font-size);font-family:var(--vs-font-family);color:var(--vs-text-color)}")), document.head.appendChild(a);
+    }
+  } catch (o) {
+    console.error("vite-plugin-css-injected-by-js", o);
+  }
+})();
+const U = (a, o) => {
+  const l = a.__vccOpts || a;
+  for (const [f, t] of o)
+    l[f] = t;
+  return l;
+}, ge = {}, be = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 20 20",
+  fill: "currentColor"
+}, fe = /* @__PURE__ */ i("path", {
+  "fill-rule": "evenodd",
+  d: "M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z",
+  "clip-rule": "evenodd"
+}, null, -1), me = [
+  fe
+];
+function he(a, o) {
+  return g(), b("svg", be, me);
+}
+const ye = /* @__PURE__ */ U(ge, [["render", he]]), we = {}, ke = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 20 20",
+  fill: "currentColor"
+}, xe = /* @__PURE__ */ i("path", { d: "M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z" }, null, -1), Le = [
+  xe
+];
+function Me(a, o) {
+  return g(), b("svg", ke, Le);
+}
+const P = /* @__PURE__ */ U(we, [["render", Me]]), ze = ["aria-disabled", "aria-selected"], Se = /* @__PURE__ */ R({
+  __name: "MenuOption",
+  props: {
+    menu: {},
+    index: {},
+    isFocused: { type: Boolean },
+    isSelected: { type: Boolean },
+    isDisabled: { type: Boolean }
+  },
+  emits: ["select"],
+  setup(a, { emit: o }) {
+    const l = a, f = o, t = z(null);
+    return Z(
+      () => l.isFocused,
+      () => {
+        if (l.isFocused && l.menu) {
+          const r = l.menu.children[l.index], p = r.offsetTop, y = p + r.clientHeight, s = l.menu.scrollTop, u = l.menu.clientHeight;
+          p < s ? l.menu.scrollTop = p : y > s + u && (l.menu.scrollTop = y - u);
+        }
+      }
+    ), (r, p) => (g(), b("div", {
+      ref_key: "option",
+      ref: t,
+      tabindex: "-1",
+      role: "option",
+      class: B({ focused: r.isFocused, selected: r.isSelected, disabled: r.isDisabled }),
+      "aria-disabled": r.isDisabled,
+      "aria-selected": r.isSelected,
+      onClick: p[0] || (p[0] = (y) => f("select")),
+      onKeydown: p[1] || (p[1] = de((y) => f("select"), ["enter"]))
+    }, [
+      S(r.$slots, "default")
+    ], 42, ze));
+  }
+}), Ce = ["aria-expanded", "aria-describedby", "aria-description", "aria-labelledby", "aria-label", "aria-required"], De = ["onClick"], Ve = ["id", "disabled", "placeholder"], Be = { class: "indicators-container" }, _e = ["disabled"], Ie = ["disabled"], Ae = ["aria-label", "aria-multiselectable"], Oe = {
+  key: 0,
+  class: "no-results"
+}, Ue = /* @__PURE__ */ R({
+  __name: "Select",
+  props: /* @__PURE__ */ F({
+    options: {},
+    displayedOptions: {},
+    placeholder: { default: "Select an option" },
+    isClearable: { type: Boolean, default: !0 },
+    isDisabled: { type: Boolean, default: !1 },
+    isSearchable: { type: Boolean, default: !0 },
+    isMulti: { type: Boolean, default: !1 },
+    closeOnSelect: { type: Boolean, default: !0 },
+    teleport: { default: void 0 },
+    inputId: { default: void 0 },
+    aria: { default: void 0 },
+    filterBy: { type: Function, default: (a, o, l) => o.toLowerCase().includes(l.toLowerCase()) },
+    getOptionLabel: { type: Function, default: (a) => a.label },
+    getMultiValueLabel: { type: Function, default: (a) => a.label }
+  }, {
+    modelValue: {
+      required: !0,
+      validator: (a, o) => o.isMulti ? Array.isArray(a) : !Array.isArray(a)
+    },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ F(["optionSelected", "optionDeselected", "search"], ["update:modelValue"]),
+  setup(a, { emit: o }) {
+    const l = a, f = o, t = ne(a, "modelValue"), r = z(null), p = z(null), y = z(null), s = z(""), u = z(!1), c = z(-1), L = q(() => {
+      const e = l.displayedOptions || l.options, n = (m) => m.filter(
+        (d) => !t.value.includes(d.value)
+      );
+      if (l.isSearchable && s.value) {
+        const m = e.filter((d) => {
+          const M = l.isMulti ? l.getMultiValueLabel(d) : l.getOptionLabel(d);
+          return l.filterBy(d, M, s.value);
+        });
+        return l.isMulti ? n(m) : m;
+      }
+      return l.isMulti ? n(e) : e;
+    }), w = q(() => {
+      if (l.isMulti && Array.isArray(t.value))
+        return t.value.map(
+          (n) => l.options.find((m) => m.value === n)
+        );
+      l.isMulti && !Array.isArray(t.value) && console.warn(`[vue3-select-component warn]: The v-model provided should be an array when using \`isMulti\` prop, instead it was: ${t.value}`);
+      const e = l.options.find((n) => n.value === t.value);
+      return e ? [e] : [];
+    }), V = (e) => {
+      u.value = !0, c.value = l.options.findIndex((n) => !n.disabled), e != null && e.focusInput && p.value && p.value.focus();
+    }, X = () => {
+      u.value = !1, s.value = "";
+    }, I = (e) => {
+      e.disabled || (l.isMulti ? t.value.push(e.value) : t.value = e.value, f("optionSelected", e), s.value = "", l.closeOnSelect && (u.value = !1), p.value && p.value.blur());
+    }, Q = (e) => {
+      l.isMulti && !l.isDisabled && (t.value = t.value.filter((n) => n !== e.value), f("optionDeselected", e));
+    }, W = () => {
+      l.isMulti ? (t.value = [], f("optionDeselected", null)) : (t.value = void 0, f("optionDeselected", w.value[0])), u.value = !1, s.value = "", p.value && p.value.blur();
+    }, E = (e) => {
+      if (u.value) {
+        const n = c.value;
+        if (e.key === "ArrowDown") {
+          e.preventDefault();
+          const d = L.value.findIndex((k, v) => !k.disabled && v > n), M = L.value.findIndex((k) => !k.disabled);
+          c.value = d === -1 ? M : d;
+        }
+        if (e.key === "ArrowUp") {
+          e.preventDefault();
+          const d = L.value.reduce(
+            (k, v, h) => !v.disabled && h < n ? h : k,
+            -1
+          ), M = L.value.reduce(
+            (k, v, h) => v.disabled ? k : h,
+            -1
+          );
+          c.value = d === -1 ? M : d;
+        }
+        if (e.key === "Enter") {
+          const d = L.value[n];
+          e.preventDefault(), d && I(d);
+        }
+        if (e.code === "Space" && s.value.length === 0) {
+          const d = L.value[n];
+          e.preventDefault(), d && I(d);
+        }
+        e.key === "Escape" && (e.preventDefault(), u.value = !1, s.value = "");
+        const m = l.isMulti ? t.value.length > 0 : !!t.value;
+        e.key === "Backspace" && s.value.length === 0 && m && (e.preventDefault(), l.isMulti ? t.value = t.value.slice(0, -1) : t.value = void 0);
+      }
+    }, Y = (e) => {
+      !u.value && s.value.length === 0 && (e.preventDefault(), e.stopImmediatePropagation(), V());
+    }, ee = (e) => {
+      e.key === "Tab" ? X() : e.key === "Space" && Y(e);
+    }, $ = (e) => {
+      r.value && !r.value.contains(e.target) && (u.value = !1, s.value = "");
+    }, T = () => {
+      if (r.value) {
+        const e = r.value.getBoundingClientRect();
+        return {
+          left: `${e.x}px`,
+          top: `${e.y + e.height}px`
+        };
+      }
+      return console.warn("Unable to calculate dynamic menu position because of missing internal DOM reference."), { top: "0px", left: "0px" };
+    };
+    return Z(
+      () => s.value,
+      () => {
+        f("search", s.value), s.value && !u.value && V();
+      }
+    ), ie(() => {
+      document.addEventListener("click", $), document.addEventListener("keydown", E);
+    }), se(() => {
+      document.removeEventListener("click", $), document.removeEventListener("keydown", E);
+    }), (e, n) => {
+      var m, d, M, k;
+      return g(), b("div", {
+        ref_key: "container",
+        ref: r,
+        dir: "auto",
+        class: B(["vue-select", { open: u.value, typing: u.value && s.value.length > 0, disabled: e.isDisabled }])
+      }, [
+        i("div", {
+          class: B(["control", { focused: u.value }])
+        }, [
+          i("div", {
+            class: B(["value-container", { multi: e.isMulti }]),
+            role: "combobox",
+            "aria-expanded": u.value,
+            "aria-describedby": e.placeholder,
+            "aria-description": e.placeholder,
+            "aria-labelledby": (m = e.aria) == null ? void 0 : m.labelledby,
+            "aria-label": w.value.length ? w.value.map(e.isMulti ? e.getMultiValueLabel : e.getOptionLabel).join(", ") : "",
+            "aria-required": (d = e.aria) == null ? void 0 : d.required
+          }, [
+            !l.isMulti && w.value[0] ? (g(), b("div", {
+              key: 0,
+              class: "single-value",
+              onClick: n[0] || (n[0] = (v) => l.isDisabled ? null : V({ focusInput: !0 }))
+            }, [
+              S(e.$slots, "value", {
+                option: w.value[0]
+              }, () => [
+                _(x(e.getOptionLabel(w.value[0])), 1)
+              ], !0)
+            ])) : C("", !0),
+            l.isMulti && w.value.length ? (g(!0), b(N, { key: 1 }, j(w.value, (v, h) => (g(), b("button", {
+              key: h,
+              type: "button",
+              class: "multi-value",
+              onClick: (ae) => Q(v)
+            }, [
+              _(x(e.getMultiValueLabel(v)), 1),
+              D(P)
+            ], 8, De))), 128)) : C("", !0),
+            A(i("input", {
+              id: e.inputId,
+              ref_key: "input",
+              ref: p,
+              "onUpdate:modelValue": n[1] || (n[1] = (v) => s.value = v),
+              class: "search-input",
+              type: "text",
+              "aria-autocomplete": "list",
+              autocapitalize: "none",
+              autocomplete: "off",
+              autocorrect: "off",
+              spellcheck: "false",
+              tabindex: "0",
+              disabled: e.isDisabled,
+              placeholder: w.value.length === 0 ? e.placeholder : "",
+              onMousedown: n[2] || (n[2] = (v) => V()),
+              onKeydown: ee
+            }, null, 40, Ve), [
+              [O, s.value]
+            ])
+          ], 10, Ce),
+          i("div", Be, [
+            w.value.length > 0 && e.isClearable ? (g(), b("button", {
+              key: 0,
+              type: "button",
+              class: "clear-button",
+              tabindex: "-1",
+              disabled: e.isDisabled,
+              onClick: W
+            }, [
+              S(e.$slots, "clear", {}, () => [
+                D(P)
+              ], !0)
+            ], 8, _e)) : C("", !0),
+            i("button", {
+              type: "button",
+              class: "dropdown-icon",
+              tabindex: "-1",
+              disabled: e.isDisabled,
+              onClick: n[3] || (n[3] = (v) => V({ focusInput: !0 }))
+            }, [
+              S(e.$slots, "dropdown", {}, () => [
+                D(ye)
+              ], !0)
+            ], 8, Ie)
+          ])
+        ], 2),
+        (g(), G(re, {
+          to: e.teleport,
+          disabled: !e.teleport
+        }, [
+          u.value ? (g(), b("div", {
+            key: 0,
+            ref_key: "menu",
+            ref: y,
+            class: "menu",
+            role: "listbox",
+            "aria-label": (M = e.aria) == null ? void 0 : M.labelledby,
+            "aria-multiselectable": e.isMulti,
+            style: ue({
+              width: l.teleport ? `${(k = r.value) == null ? void 0 : k.getBoundingClientRect().width}px` : "100%",
+              top: l.teleport ? T().top : "unset",
+              left: l.teleport ? T().left : "unset"
+            })
+          }, [
+            S(e.$slots, "menu-header", {}, void 0, !0),
+            (g(!0), b(N, null, j(L.value, (v, h) => (g(), G(Se, {
+              key: h,
+              type: "button",
+              class: B(["menu-option", { focused: c.value === h, selected: v.value === t.value }]),
+              menu: y.value,
+              index: h,
+              "is-focused": c.value === h,
+              "is-selected": v.value === t.value,
+              "is-disabled": v.disabled || !1,
+              onSelect: (ae) => I(v)
+            }, {
+              default: H(() => [
+                S(e.$slots, "option", { option: v }, () => [
+                  _(x(e.getOptionLabel(v)), 1)
+                ], !0)
+              ]),
+              _: 2
+            }, 1032, ["class", "menu", "index", "is-focused", "is-selected", "is-disabled", "onSelect"]))), 128)),
+            L.value.length === 0 ? (g(), b("div", Oe, [
+              S(e.$slots, "no-options", {}, () => [
+                _(" No results found ")
+              ], !0)
+            ])) : C("", !0)
+          ], 12, Ae)) : C("", !0)
+        ], 8, ["to", "disabled"]))
+      ], 2);
+    };
+  }
+}), Ee = /* @__PURE__ */ U(Ue, [["__scopeId", "data-v-8ce3e5e3"]]), $e = {
+  name: "AuthSecurity",
+  mixins: [oe],
+  components: {
+    VueSelect: Ee
+  },
+  props: {
+    payload: {
+      type: Object,
+      default: {}
+    }
+  },
+  data() {
+    return {
+      loading: !1
+    };
+  },
+  async mounted() {
+    this.isLoggedIn || this.$router.push("/login");
+  },
+  methods: {
+    close() {
+      te.$emit("ssoEvent", { name: "toggleAuthModal", data: !0 });
+    },
+    async submitGeneralUpdate() {
+      if (this.password.length < 8) return this.errorSnack(this.ssoLang[this.appLanguage].password_8_chars);
+      this.loading = !0, await this.newPassword({}) === !0 && (this.successSnack(this.ssoLang[this.appLanguage].password_change_success), this.changePassword = !1), this.loading = !1;
+    }
+  }
+}, J = (a) => (pe("data-v-a6dcb82a"), a = a(), ce(), a), Te = { class: "page-login content-boxed content-boxed-padding" }, Fe = /* @__PURE__ */ J(() => /* @__PURE__ */ i("i", { class: "font-17 color-black" }, [
+  /* @__PURE__ */ i("img", {
+    src: "https://cdn.tapni.co/icons/down-arrow.png",
+    class: "responsive-image",
+    style: { width: "35%" }
+  })
+], -1)), qe = [
+  Fe
+], Ne = { class: "subheaderContainer full-top" }, je = ["src"], Ge = {
+  class: "center-text",
+  style: { "flex-grow": "1", "text-align": "center", margin: "0", "font-weight": "600" }
+}, Ke = { class: "container left-text" }, Pe = { class: "center-text" }, Re = { class: "full-top bold small-bottom" }, Ze = ["placeholder"], He = ["placeholder"], Je = { class: "full-top bold" }, Xe = { class: "full-top bold" }, Qe = /* @__PURE__ */ J(() => /* @__PURE__ */ i("p", null, "Translate the app on your preferred language.", -1)), We = {
+  type: "submit",
+  class: "button black-button button-full google-button bg-tapni-grey button-90 button-center uppercase bold full-top pointer"
+}, Ye = { key: 0 }, ea = {
+  key: 1,
+  class: "button--loading button__loader"
+};
+function aa(a, o, l, f, t, r) {
+  var s, u;
+  const p = K("router-link"), y = K("VueSelect");
+  return g(), b("div", Te, [
+    a.isModal ? (g(), b("a", {
+      key: 0,
+      onClick: o[0] || (o[0] = (...c) => r.close && r.close(...c)),
+      class: "color-black pull-right pointer",
+      style: { "margin-top": "0px", position: "absolute", right: "-20px", "text-align": "right" }
+    }, qe)) : C("", !0),
+    i("div", Ne, [
+      D(p, {
+        to: "/account",
+        class: "button gray-button pointer left-button"
+      }, {
+        default: H(() => [
+          i("img", {
+            src: a.getIcon("arrow-gray-right.svg"),
+            height: "20",
+            width: "20",
+            class: "btn-icon",
+            style: { rotate: "180deg" }
+          }, null, 8, je)
+        ]),
+        _: 1
+      }),
+      i("h2", Ge, x(a.ssoLang[a.appLanguage].general), 1)
+    ]),
+    i("div", Ke, [
+      i("p", Pe, x(a.ssoLang[a.appLanguage].general_p), 1),
+      i("form", {
+        class: "full-top",
+        onSubmit: o[5] || (o[5] = ve((...c) => r.submitGeneralUpdate && r.submitGeneralUpdate(...c), ["prevent"]))
+      }, [
+        i("h3", Re, x(a.ssoLang[a.appLanguage].personal_details), 1),
+        A(i("input", {
+          type: "text",
+          "onUpdate:modelValue": o[1] || (o[1] = (c) => a.account.name = c),
+          placeholder: a.ssoLang[a.appLanguage].name,
+          class: "edit-input h-40 lh-40 small-bottom",
+          required: "",
+          style: { width: "100%" }
+        }, null, 8, Ze), [
+          [O, a.account.name]
+        ]),
+        A(i("input", {
+          disabled: "",
+          type: "email",
+          "onUpdate:modelValue": o[2] || (o[2] = (c) => a.account.email = c),
+          placeholder: a.ssoLang[a.appLanguage].email,
+          class: "bg-white edit-input h-40 lh-40 small-bottom",
+          required: "",
+          style: { width: "100%" }
+        }, null, 8, He), [
+          [O, a.account.email]
+        ]),
+        i("h3", Je, x(a.ssoLang[a.appLanguage].app_region), 1),
+        D(y, {
+          modelValue: a.region,
+          "onUpdate:modelValue": o[3] || (o[3] = (c) => a.region = c),
+          options: [
+            { label: "United States", value: "us" },
+            { label: "United Kingdom", value: "uk" },
+            { label: "European Union", value: "eu" },
+            { label: "Mexico", value: "mx" },
+            { label: "Mauritius", value: "mu" },
+            { label: "Colombia", value: "co" },
+            { label: "Serbia", value: "sr" },
+            { label: "China", value: "cn" }
+          ],
+          isClearable: !1,
+          placeholder: "Select region"
+        }, null, 8, ["modelValue"]),
+        i("p", null, "Default currency for this region is " + x((u = (s = a.account.billing) == null ? void 0 : s.currency) == null ? void 0 : u.toUpperCase()), 1),
+        i("h3", Xe, x(a.ssoLang[a.appLanguage].app_language), 1),
+        D(y, {
+          modelValue: a.account.lang,
+          "onUpdate:modelValue": o[4] || (o[4] = (c) => a.account.lang = c),
+          options: [
+            { label: a.ssoLang[a.appLanguage].english, value: "en" },
+            { label: a.ssoLang[a.appLanguage].german, value: "de" },
+            { label: a.ssoLang[a.appLanguage].spanish, value: "es" },
+            { label: a.ssoLang[a.appLanguage].italian, value: "it" },
+            { label: a.ssoLang[a.appLanguage].french, value: "fr" },
+            { label: a.ssoLang[a.appLanguage].turkish, value: "tr" },
+            { label: a.ssoLang[a.appLanguage].serbian, value: "sr" },
+            { label: a.ssoLang[a.appLanguage].korean, value: "kr" },
+            { label: a.ssoLang[a.appLanguage].chinese, value: "cn" }
+          ],
+          isClearable: !1,
+          placeholder: "Select language"
+        }, null, 8, ["modelValue", "options"]),
+        Qe,
+        i("button", We, [
+          t.loading ? (g(), b("span", ea)) : (g(), b("span", Ye, x(a.ssoLang[a.appLanguage].save), 1))
+        ])
+      ], 32)
+    ])
+  ]);
+}
+const na = /* @__PURE__ */ le($e, [["render", aa], ["__scopeId", "data-v-a6dcb82a"]]);
+export {
+  na as default
+};

package/dist/{QR-ybXT1KGe.js → QR-B60f-H2Q.js}

@@ -1,15 +1,15 @@
-import { _ as s, A as a, Q as i } from "./install-4aK3Wz63.js";
-import { resolveComponent as l, openBlock as _, createElementBlock as r, createElementVNode as n, toDisplayString as o, createVNode as d, withCtx as u, createTextVNode as p } from "vue";
+import { _ as s, A as a, Q as l } from "./install-BOPYSGGa.js";
+import { resolveComponent as i, openBlock as _, createElementBlock as r, createElementVNode as n, toDisplayString as o, createVNode as d, withCtx as u, createTextVNode as p } from "vue";
 const g = {
   name: "AuthQR",
-  mixins: [a, i]
-}, h = { class: "page-login content-boxed content-boxed-padding" }, c = { style: { "text-align": "center", width: "80%", margin: "0 auto", "margin-top": "130px" } }, m = /* @__PURE__ */ n("br", null, null, -1), L = { class: "qrCodeLoginContainer center-text" }, b = /* @__PURE__ */ n("div", {
+  mixins: [a, l]
+}, h = { class: "page-login content-boxed content-boxed-padding" }, c = { style: { "text-align": "center", width: "80%", margin: "0 auto", "margin-top": "130px" } }, m = /* @__PURE__ */ n("br", null, null, -1), L = { class: "center-text" }, b = /* @__PURE__ */ n("div", {
   id: "qrCodeContainer",
   class: "qrCodeRounded",
   style: { "max-width": "100%" }
-}, null, -1), f = /* @__PURE__ */ n("br", null, null, -1), y = /* @__PURE__ */ n("br", null, null, -1), C = { style: { margin: "0 auto", width: "85%", "text-align": "left" } }, v = { class: "center-text" }, k = /* @__PURE__ */ n("br", null, null, -1), q = /* @__PURE__ */ n("br", null, null, -1), w = /* @__PURE__ */ n("br", null, null, -1);
+}, null, -1), f = /* @__PURE__ */ n("br", null, null, -1), y = /* @__PURE__ */ n("br", null, null, -1), v = { style: { margin: "0 auto", width: "85%", "text-align": "left" } }, k = { class: "center-text" }, w = /* @__PURE__ */ n("br", null, null, -1), C = /* @__PURE__ */ n("br", null, null, -1), q = /* @__PURE__ */ n("br", null, null, -1);
 function x(e, A, Q, R, $, N) {
-  const t = l("router-link");
+  const t = i("router-link");
   return _(), r("div", h, [
     n("h5", c, o(e.ssoLang[e.appLanguage].use_tapni_on_the_web), 1),
     m,
@@ -17,14 +17,14 @@ function x(e, A, Q, R, $, N) {
       b,
       f,
       y,
-      n("div", C, [
-        n("h2", v, o(e.ssoLang[e.appLanguage].login_by_scanning_qr_code), 1),
-        k,
+      n("div", v, [
+        n("h2", k, o(e.ssoLang[e.appLanguage].login_by_scanning_qr_code), 1),
+        w,
         n("h4", null, o(e.ssoLang[e.appLanguage].open_tapni_app_on_your_phone), 1),
         n("h4", null, o(e.ssoLang[e.appLanguage].go_to_settings_link_a_device), 1),
         n("h4", null, o(e.ssoLang[e.appLanguage].point_your_phone_at_this_qr_code), 1),
-        q,
-        w
+        C,
+        q
       ]),
       d(t, { to: "/login" }, {
         default: u(() => [

package/dist/TapniAuth.es.js

@@ -1,4 +1,4 @@
-import { i as f } from "./install-4aK3Wz63.js";
+import { i as f } from "./install-BOPYSGGa.js";
 export {
   f as default
 };