@tapni/auth 1.0.3 → 1.0.5

package/dist/General-dW73bMoR.js

@@ -0,0 +1,479 @@
+import { _ as le, A as oe, E as te } from "./install-L-cxSovH.js";
+import "await-to-js";
+import { defineComponent as R, mergeModels as q, useModel as ne, ref as S, computed as G, watch as Z, onMounted as ie, onBeforeUnmount as se, openBlock as p, createElementBlock as b, normalizeClass as V, createElementVNode as i, renderSlot as C, createTextVNode as B, toDisplayString as L, createCommentVNode as z, Fragment as N, renderList as j, createVNode as I, withDirectives as E, vModelText as O, createBlock as _, 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 e = document.createElement("style");
+      e.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(e);
+    }
+  } catch (o) {
+    console.error("vite-plugin-css-injected-by-js", o);
+  }
+})();
+const U = (e, o) => {
+  const l = e.__vccOpts || e;
+  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(e, o) {
+  return p(), 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"
+}, Le = /* @__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), xe = [
+  Le
+];
+function Me(e, o) {
+  return p(), b("svg", ke, xe);
+}
+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(e, { emit: o }) {
+    const l = e, f = o, t = S(null);
+    return Z(
+      () => l.isFocused,
+      () => {
+        if (l.isFocused && l.menu) {
+          const r = l.menu.children[l.index], c = r.offsetTop, y = c + r.clientHeight, s = l.menu.scrollTop, u = l.menu.clientHeight;
+          c < s ? l.menu.scrollTop = c : y > s + u && (l.menu.scrollTop = y - u);
+        }
+      }
+    ), (r, c) => (p(), b("div", {
+      ref_key: "option",
+      ref: t,
+      tabindex: "-1",
+      role: "option",
+      class: V({ focused: r.isFocused, selected: r.isSelected, disabled: r.isDisabled }),
+      "aria-disabled": r.isDisabled,
+      "aria-selected": r.isSelected,
+      onClick: c[0] || (c[0] = (y) => f("select")),
+      onKeydown: c[1] || (c[1] = de((y) => f("select"), ["enter"]))
+    }, [
+      C(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" }, Ie = ["disabled"], _e = ["disabled"], Ae = ["aria-label", "aria-multiselectable"], Ee = {
+  key: 0,
+  class: "no-results"
+}, Oe = /* @__PURE__ */ R({
+  __name: "Select",
+  props: /* @__PURE__ */ q({
+    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: (e, o, l) => o.toLowerCase().includes(l.toLowerCase()) },
+    getOptionLabel: { type: Function, default: (e) => e.label },
+    getMultiValueLabel: { type: Function, default: (e) => e.label }
+  }, {
+    modelValue: {
+      required: !0,
+      validator: (e, o) => o.isMulti ? Array.isArray(e) : !Array.isArray(e)
+    },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ q(["optionSelected", "optionDeselected", "search"], ["update:modelValue"]),
+  setup(e, { emit: o }) {
+    const l = e, f = o, t = ne(e, "modelValue"), r = S(null), c = S(null), y = S(null), s = S(""), u = S(!1), g = S(-1), x = G(() => {
+      const a = l.displayedOptions || l.options, n = (m) => m.filter(
+        (d) => !t.value.includes(d.value)
+      );
+      if (l.isSearchable && s.value) {
+        const m = a.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(a) : a;
+    }), w = G(() => {
+      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 a = l.options.find((n) => n.value === t.value);
+      return a ? [a] : [];
+    }), D = (a) => {
+      u.value = !0, g.value = l.options.findIndex((n) => !n.disabled), a != null && a.focusInput && c.value && c.value.focus();
+    }, X = () => {
+      u.value = !1, s.value = "";
+    }, A = (a) => {
+      a.disabled || (l.isMulti ? t.value.push(a.value) : t.value = a.value, f("optionSelected", a), s.value = "", l.closeOnSelect && (u.value = !1), c.value && c.value.blur());
+    }, Q = (a) => {
+      l.isMulti && !l.isDisabled && (t.value = t.value.filter((n) => n !== a.value), f("optionDeselected", a));
+    }, W = () => {
+      l.isMulti ? (t.value = [], f("optionDeselected", null)) : (t.value = void 0, f("optionDeselected", w.value[0])), u.value = !1, s.value = "", c.value && c.value.blur();
+    }, $ = (a) => {
+      if (u.value) {
+        const n = g.value;
+        if (a.key === "ArrowDown") {
+          a.preventDefault();
+          const d = x.value.findIndex((k, v) => !k.disabled && v > n), M = x.value.findIndex((k) => !k.disabled);
+          g.value = d === -1 ? M : d;
+        }
+        if (a.key === "ArrowUp") {
+          a.preventDefault();
+          const d = x.value.reduce(
+            (k, v, h) => !v.disabled && h < n ? h : k,
+            -1
+          ), M = x.value.reduce(
+            (k, v, h) => v.disabled ? k : h,
+            -1
+          );
+          g.value = d === -1 ? M : d;
+        }
+        if (a.key === "Enter") {
+          const d = x.value[n];
+          a.preventDefault(), d && A(d);
+        }
+        if (a.code === "Space" && s.value.length === 0) {
+          const d = x.value[n];
+          a.preventDefault(), d && A(d);
+        }
+        a.key === "Escape" && (a.preventDefault(), u.value = !1, s.value = "");
+        const m = l.isMulti ? t.value.length > 0 : !!t.value;
+        a.key === "Backspace" && s.value.length === 0 && m && (a.preventDefault(), l.isMulti ? t.value = t.value.slice(0, -1) : t.value = void 0);
+      }
+    }, Y = (a) => {
+      !u.value && s.value.length === 0 && (a.preventDefault(), a.stopImmediatePropagation(), D());
+    }, ee = (a) => {
+      a.key === "Tab" ? X() : a.key === "Space" && Y(a);
+    }, T = (a) => {
+      r.value && !r.value.contains(a.target) && (u.value = !1, s.value = "");
+    }, F = () => {
+      if (r.value) {
+        const a = r.value.getBoundingClientRect();
+        return {
+          left: `${a.x}px`,
+          top: `${a.y + a.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 && D();
+      }
+    ), ie(() => {
+      document.addEventListener("click", T), document.addEventListener("keydown", $);
+    }), se(() => {
+      document.removeEventListener("click", T), document.removeEventListener("keydown", $);
+    }), (a, n) => {
+      var m, d, M, k;
+      return p(), b("div", {
+        ref_key: "container",
+        ref: r,
+        dir: "auto",
+        class: V(["vue-select", { open: u.value, typing: u.value && s.value.length > 0, disabled: a.isDisabled }])
+      }, [
+        i("div", {
+          class: V(["control", { focused: u.value }])
+        }, [
+          i("div", {
+            class: V(["value-container", { multi: a.isMulti }]),
+            role: "combobox",
+            "aria-expanded": u.value,
+            "aria-describedby": a.placeholder,
+            "aria-description": a.placeholder,
+            "aria-labelledby": (m = a.aria) == null ? void 0 : m.labelledby,
+            "aria-label": w.value.length ? w.value.map(a.isMulti ? a.getMultiValueLabel : a.getOptionLabel).join(", ") : "",
+            "aria-required": (d = a.aria) == null ? void 0 : d.required
+          }, [
+            !l.isMulti && w.value[0] ? (p(), b("div", {
+              key: 0,
+              class: "single-value",
+              onClick: n[0] || (n[0] = (v) => l.isDisabled ? null : D({ focusInput: !0 }))
+            }, [
+              C(a.$slots, "value", {
+                option: w.value[0]
+              }, () => [
+                B(L(a.getOptionLabel(w.value[0])), 1)
+              ], !0)
+            ])) : z("", !0),
+            l.isMulti && w.value.length ? (p(!0), b(N, { key: 1 }, j(w.value, (v, h) => (p(), b("button", {
+              key: h,
+              type: "button",
+              class: "multi-value",
+              onClick: (ae) => Q(v)
+            }, [
+              B(L(a.getMultiValueLabel(v)), 1),
+              I(P)
+            ], 8, De))), 128)) : z("", !0),
+            E(i("input", {
+              id: a.inputId,
+              ref_key: "input",
+              ref: c,
+              "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: a.isDisabled,
+              placeholder: w.value.length === 0 ? a.placeholder : "",
+              onMousedown: n[2] || (n[2] = (v) => D()),
+              onKeydown: ee
+            }, null, 40, Ve), [
+              [O, s.value]
+            ])
+          ], 10, Ce),
+          i("div", Be, [
+            w.value.length > 0 && a.isClearable ? (p(), b("button", {
+              key: 0,
+              type: "button",
+              class: "clear-button",
+              tabindex: "-1",
+              disabled: a.isDisabled,
+              onClick: W
+            }, [
+              C(a.$slots, "clear", {}, () => [
+                I(P)
+              ], !0)
+            ], 8, Ie)) : z("", !0),
+            i("button", {
+              type: "button",
+              class: "dropdown-icon",
+              tabindex: "-1",
+              disabled: a.isDisabled,
+              onClick: n[3] || (n[3] = (v) => D({ focusInput: !0 }))
+            }, [
+              C(a.$slots, "dropdown", {}, () => [
+                I(ye)
+              ], !0)
+            ], 8, _e)
+          ])
+        ], 2),
+        (p(), _(re, {
+          to: a.teleport,
+          disabled: !a.teleport
+        }, [
+          u.value ? (p(), b("div", {
+            key: 0,
+            ref_key: "menu",
+            ref: y,
+            class: "menu",
+            role: "listbox",
+            "aria-label": (M = a.aria) == null ? void 0 : M.labelledby,
+            "aria-multiselectable": a.isMulti,
+            style: ue({
+              width: l.teleport ? `${(k = r.value) == null ? void 0 : k.getBoundingClientRect().width}px` : "100%",
+              top: l.teleport ? F().top : "unset",
+              left: l.teleport ? F().left : "unset"
+            })
+          }, [
+            C(a.$slots, "menu-header", {}, void 0, !0),
+            (p(!0), b(N, null, j(x.value, (v, h) => (p(), _(Se, {
+              key: h,
+              type: "button",
+              class: V(["menu-option", { focused: g.value === h, selected: v.value === t.value }]),
+              menu: y.value,
+              index: h,
+              "is-focused": g.value === h,
+              "is-selected": v.value === t.value,
+              "is-disabled": v.disabled || !1,
+              onSelect: (ae) => A(v)
+            }, {
+              default: H(() => [
+                C(a.$slots, "option", { option: v }, () => [
+                  B(L(a.getOptionLabel(v)), 1)
+                ], !0)
+              ]),
+              _: 2
+            }, 1032, ["class", "menu", "index", "is-focused", "is-selected", "is-disabled", "onSelect"]))), 128)),
+            x.value.length === 0 ? (p(), b("div", Ee, [
+              C(a.$slots, "no-options", {}, () => [
+                B(" No results found ")
+              ], !0)
+            ])) : z("", !0)
+          ], 12, Ae)) : z("", !0)
+        ], 8, ["to", "disabled"]))
+      ], 2);
+    };
+  }
+}), Ue = /* @__PURE__ */ U(Oe, [["__scopeId", "data-v-8ce3e5e3"]]), $e = {
+  name: "AuthGeneral",
+  mixins: [oe],
+  components: {
+    VueSelect: Ue
+  },
+  props: {
+    payload: {
+      type: Object,
+      default: {}
+    }
+  },
+  data() {
+    return {
+      loading: !1
+    };
+  },
+  async mounted() {
+    this.isLoggedIn || this.$router.push("/login"), this.isEmpty(this.account) && this.$router.push("/account");
+  },
+  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 = (e) => (pe("data-v-9dc93691"), e = e(), ce(), e), 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
+], Ge = { class: "subheaderContainer full-top" }, Ne = ["src"], je = {
+  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(e, o, l, f, t, r) {
+  var s, u;
+  const c = K("router-link"), y = K("VueSelect");
+  return p(), b("div", Te, [
+    e.isModal ? (p(), b("a", {
+      key: 0,
+      onClick: o[0] || (o[0] = (...g) => r.close && r.close(...g)),
+      class: "color-black pull-right pointer",
+      style: { "margin-top": "0px", position: "absolute", right: "-20px", "text-align": "right" }
+    }, qe)) : z("", !0),
+    i("div", Ge, [
+      e.isModal ? z("", !0) : (p(), _(c, {
+        key: 0,
+        to: "/account",
+        class: "button gray-button pointer left-button"
+      }, {
+        default: H(() => [
+          i("img", {
+            src: e.getIcon("arrow-gray-right.svg"),
+            height: "20",
+            width: "20",
+            class: "btn-icon",
+            style: { rotate: "180deg" }
+          }, null, 8, Ne)
+        ]),
+        _: 1
+      })),
+      i("h2", je, L(e.ssoLang[e.appLanguage].general), 1)
+    ]),
+    i("div", Ke, [
+      i("p", Pe, L(e.ssoLang[e.appLanguage].general_p), 1),
+      i("form", {
+        class: "full-top",
+        onSubmit: o[5] || (o[5] = ve((...g) => r.submitGeneralUpdate && r.submitGeneralUpdate(...g), ["prevent"]))
+      }, [
+        i("h3", Re, L(e.ssoLang[e.appLanguage].personal_details), 1),
+        E(i("input", {
+          type: "text",
+          "onUpdate:modelValue": o[1] || (o[1] = (g) => e.account.name = g),
+          placeholder: e.ssoLang[e.appLanguage].name,
+          class: "edit-input h-40 lh-40 small-bottom",
+          required: "",
+          style: { width: "100%" }
+        }, null, 8, Ze), [
+          [O, e.account.name]
+        ]),
+        E(i("input", {
+          disabled: "",
+          type: "email",
+          "onUpdate:modelValue": o[2] || (o[2] = (g) => e.account.email = g),
+          placeholder: e.ssoLang[e.appLanguage].email,
+          class: "bg-white edit-input h-40 lh-40 small-bottom",
+          required: "",
+          style: { width: "100%" }
+        }, null, 8, He), [
+          [O, e.account.email]
+        ]),
+        i("h3", Je, L(e.ssoLang[e.appLanguage].app_region), 1),
+        e.account.billing ? (p(), _(y, {
+          key: 0,
+          modelValue: e.account.billing.region,
+          "onUpdate:modelValue": o[3] || (o[3] = (g) => e.account.billing.region = g),
+          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"])) : z("", !0),
+        i("p", null, "Default currency for this region is " + L((u = (s = e.account.billing) == null ? void 0 : s.currency) == null ? void 0 : u.toUpperCase()), 1),
+        i("h3", Xe, L(e.ssoLang[e.appLanguage].app_language), 1),
+        I(y, {
+          modelValue: e.account.lang,
+          "onUpdate:modelValue": o[4] || (o[4] = (g) => e.account.lang = g),
+          options: [
+            { label: e.ssoLang[e.appLanguage].english, value: "en" },
+            { label: e.ssoLang[e.appLanguage].german, value: "de" },
+            { label: e.ssoLang[e.appLanguage].spanish, value: "es" },
+            { label: e.ssoLang[e.appLanguage].italian, value: "it" },
+            { label: e.ssoLang[e.appLanguage].french, value: "fr" },
+            { label: e.ssoLang[e.appLanguage].turkish, value: "tr" },
+            { label: e.ssoLang[e.appLanguage].serbian, value: "sr" },
+            { label: e.ssoLang[e.appLanguage].korean, value: "kr" },
+            { label: e.ssoLang[e.appLanguage].chinese, value: "cn" }
+          ],
+          isClearable: !1,
+          placeholder: "Select language"
+        }, null, 8, ["modelValue", "options"]),
+        Qe,
+        i("button", We, [
+          t.loading ? (p(), b("span", ea)) : (p(), b("span", Ye, L(e.ssoLang[e.appLanguage].save), 1))
+        ])
+      ], 32)
+    ])
+  ]);
+}
+const na = /* @__PURE__ */ le($e, [["render", aa], ["__scopeId", "data-v-9dc93691"]]);
+export {
+  na as default
+};

package/dist/QR-D6ZGcPM0.js

@@ -0,0 +1,41 @@
+import { _ as s, A as a, Q as l } from "./install-L-cxSovH.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, 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), 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 = i("router-link");
+  return _(), r("div", h, [
+    n("h5", c, o(e.ssoLang[e.appLanguage].use_tapni_on_the_web), 1),
+    m,
+    n("div", L, [
+      b,
+      f,
+      y,
+      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),
+        C,
+        q
+      ]),
+      d(t, { to: "/login" }, {
+        default: u(() => [
+          p(o(e.ssoLang[e.appLanguage].choose_other_login_methods), 1)
+        ]),
+        _: 1
+      })
+    ])
+  ]);
+}
+const E = /* @__PURE__ */ s(g, [["render", x]]);
+export {
+  E as default
+};

package/dist/TapniAuth.es.js

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