@tapni/auth 1.0.5 → 1.0.6-3.dev

package/src/views/Verify.vue

@@ -1,170 +1,172 @@
 <template>
-  <form class="page-login content-boxed content-boxed-padding" @submit.prevent="submit" :style="isModal ? 'max-width: 500px;' : ''">
-	<a v-if="isModal" @click="close" class="color-black pull-right pointer" style="margin-top: 0px; position: absolute; right: -20px; text-align: right;">
-	  <i class="font-17 color-black">
-	    <img src="https://cdn.tapni.co/icons/down-arrow.png" class="responsive-image" style="width: 35%;"/>
-	  </i>
-	</a>
-	<h1 class="bold no-bottom center-text" style="margin-top: 63px;">{{ssoLang[this.appLanguage].verify_account}}</h1>
-    <p class="half-bottom half-top center-text color-black"></p>
-	<div class="page-login-field half-top">
-	  <i style="padding-top: 15px; margin-left: 10px;">
-	    <img src="https://cdn.tapni.co/icons/mail.png" class="responsive-image" style="width: 80%;">
-	  </i>
-	  <input id="emailInput" v-model="email" @keydown.space.prevent type="email" :placeholder="ssoLang[this.appLanguage].email" required>
-	  <em></em>
-	</div>
-	<div class="page-login-field half-top">
-	    <i style="padding-top: 15px; margin-left: 10px;">
-		    <img src="https://cdn.tapni.co/icons/password2.png" class="responsive-image" style="width: 100%;">
-	    </i>
-      <input id="codeInput" v-model="code" @keydown.space.prevent type="tel" :placeholder="ssoLang[this.appLanguage].code" required>
-      <em></em>
-    </div>
-      <button type="submit" class="button black-button google-button bg-tapni-grey button-90 button-center uppercase bold full-top">
-      <span v-if="!submitted" class="uppercase">{{ssoLang[this.appLanguage].verify_account}}</span>
-		  <span v-else class="button--loading button__loader"></span>
-	  </button>
-    <div class="decoration decoration-lines-thin no-bottom"></div>
+	<form class="page-login content-boxed content-boxed-padding" @submit.prevent="submit" :style="isModal ? 'max-width: 500px;' : ''">
+		<a v-if="isModal" @click="close" class="color-black pull-right pointer" style="margin-top: 0px; position: absolute; right: -20px; text-align: right">
+			<i class="font-17 color-black">
+				<img src="https://cdn.tapni.co/icons/down-arrow.png" class="responsive-image" style="width: 35%" />
+			</i>
+		</a>
+		<h1 class="bold no-bottom center-text text-[24px]" style="margin-top: 63px">{{ ssoLang[this.appLanguage].verify_account }}</h1>
+		<p class="half-bottom half-top center-text color-black"></p>
+		<div class="page-login-field half-top">
+			<i style="padding-top: 15px; margin-left: 10px">
+				<img src="https://cdn.tapni.co/icons/mail.png" class="responsive-image" style="width: 80%" />
+			</i>
+			<input id="emailInput" v-model="email" @keydown.space.prevent type="email" :placeholder="ssoLang[this.appLanguage].email" required />
+			<em></em>
+		</div>
+		<div class="page-login-field half-top">
+			<i style="padding-top: 15px; margin-left: 10px">
+				<img src="https://cdn.tapni.co/icons/password2.png" class="responsive-image" style="width: 100%" />
+			</i>
+			<input id="codeInput" v-model="code" @keydown.space.prevent type="tel" :placeholder="ssoLang[this.appLanguage].code" required />
+			<em></em>
+		</div>
+		<button type="submit" class="button black-button google-button bg-tapni-grey button-90 button-center uppercase bold full-top">
+			<span v-if="!submitted" class="uppercase">{{ ssoLang[this.appLanguage].verify_account }}</span>
+			<span v-else class="button--loading button__loader"></span>
+		</button>
+		<div class="decoration decoration-lines-thin no-bottom"></div>
 
-	<p class="close-text center-text half-top color-black">
-		<span v-html="ssoLang[this.appLanguage].verify_account_p1"></span>
-		<a href="mailto:support@tapni.com?subject=Email Verification"> support@tapni.com</a>
-	</p>
+		<p class="close-text center-text half-top color-black">
+			<span v-html="ssoLang[this.appLanguage].verify_account_p1"></span>
+			<a href="mailto:support@tapni.com?subject=Email Verification"> support@tapni.com</a>
+		</p>
 
-	<div class="decoration decoration-lines-thin no-bottom"></div>
-	<div v-if="!isModal" class="page-login-links">
-		<router-link class="create float-right" to="/register">{{ssoLang[this.appLanguage].register}}</router-link>
-		<router-link class="forgot float-left" to="/login">{{ssoLang[this.appLanguage].sign_in}}</router-link>
-		<div class="clear"></div>
-	</div>
-	<div v-else class="page-login-links" @click="registerAccountModal">
-		<a class="forgot center-text pointer small-top">{{ssoLang[this.appLanguage].or}} <br> {{ssoLang[this.appLanguage].create_new_account}}</a>
-		<div class="clear"></div>
-	</div>
-  </form>
+		<div class="decoration decoration-lines-thin no-bottom"></div>
+		<div v-if="!isModal" class="page-login-links">
+			<router-link class="create float-right" to="/register">{{ ssoLang[this.appLanguage].register }}</router-link>
+			<router-link class="forgot float-left" to="/login">{{ ssoLang[this.appLanguage].sign_in }}</router-link>
+			<div class="clear"></div>
+		</div>
+		<div v-else class="page-login-links" @click="registerAccountModal">
+			<a class="forgot center-text pointer small-top"
+				>{{ ssoLang[this.appLanguage].or }} <br />
+				{{ ssoLang[this.appLanguage].create_new_account }}</a
+			>
+			<div class="clear"></div>
+		</div>
+	</form>
 </template>
 
 <script>
-import {EventBus} from "../store/event-bus";
-import AuthMixin from "../mixins/auth.mixin";
+import { EventBus } from '../store/event-bus';
+import AuthMixin from '../mixins/auth.mixin';
 export default {
-  name: 'AuthVerify',
-  mixins: [AuthMixin],
-  props: {
-  	isModal: {
-  		type: Boolean,
-  		required: false,
-  		default: false
-  	},
-  },
-  data () {
-    return {
-      loading: true,
-      submitted: false,
-      action: 'verify',
-      email: '',
-      code: '',
-      captcha: ''
-    }
-  },
-  mounted () {
-	  if (this.$storex.verifyEmail) this.email = this.$storex.verifyEmail
-    if (this.$route) this.init()
-  },
-  methods: {
-    init() {
-      if (this.isLoggedIn) {
-        this.$router.push(this.home)
-      } else {
-        if (this.$storex.verifyEmail) {
-          this.email = this.$storex.verifyEmail
-        }
-        if (this.$route.hash === '#reset') {
-          this.action = 'reset'
-        }
-        if (this.$route.query.e) {
-          this.email = this.$route.query.e
-        }
-        if (this.$route.query.c) {
-          this.code = this.$route.query.c
-        }
-        EventBus.$emit('ssoEvent', {name: 'setLoading', data: false})
-      }
-    },
-    async submit() {
-      // if (this.captcha === '') return this._vm.errorHandler({ message: 'Please select recaptcha' });
-      if (this.code.length !== 6) {
-        return this.errorSnack(this.ssoLang[this.appLanguage].invalid_code);
-      }
-
-      this.email = this.email.trim()
-      this.code = this.code.trim()
+	name: 'AuthVerify',
+	mixins: [AuthMixin],
+	props: {
+		isModal: {
+			type: Boolean,
+			required: false,
+			default: false
+		}
+	},
+	data() {
+		return {
+			loading: true,
+			submitted: false,
+			action: 'verify',
+			email: '',
+			code: '',
+			captcha: ''
+		};
+	},
+	mounted() {
+		if (this.$storex.verifyEmail) this.email = this.$storex.verifyEmail;
+		if (this.$route) this.init();
+	},
+	methods: {
+		init() {
+			// if (this.isLoggedIn) {
+			// 	this.$router.push(this.home);
+			// } else {
+				if (this.$storex.verifyEmail) {
+					this.email = this.$storex.verifyEmail;
+				}
+				if (this.$route.hash === '#reset') {
+					this.action = 'reset';
+				}
+				if (this.$route.query.e) {
+					this.email = this.$route.query.e;
+				}
+				if (this.$route.query.c) {
+					this.code = this.$route.query.c;
+				}
+				EventBus.$emit('ssoEvent', { name: 'setLoading', data: false });
+			// }
+		},
+		async submit() {
+			// if (this.captcha === '') return this._vm.errorHandler({ message: 'Please select recaptcha' });
+			if (this.code.length !== 6) {
+				return this.errorSnack(this.ssoLang[this.appLanguage].invalid_code);
+			}
 
-      let data = {
-        code: this.code,
-        email: this.email,
-        captchaToken: await this.getCaptchaToken('account_verify')
-      }
+			this.email = this.email.trim();
+			this.code = this.code.trim();
 
-      if(this.submitted) return false;
-      this.submitted = true
+			let data = {
+				code: this.code,
+				email: this.email,
+				captchaToken: await this.getCaptchaToken('account_verify')
+			};
 
-      let response = await this.verify(data);
-      this.submitted = false
-      if (response && response.data && response.data.success === true) {
-        if (this.action === 'reset') {
-          this.$router.push('/reset?c=' + this.code + '&e=' + this.email)
-          this.successSnack(this.ssoLang[this.appLanguage].verify_account_success)
-        }
-        if (this.action === 'verify') {
-          if (this.isModal) {
-            this.email = ''
-            this.code = ''
-            EventBus.$emit('closeModal')
-          }
-          await this.loginSetup(response)
-          await this.getLoggedInAccounts()
-          this.$storex.verifyEmail = '';
-          this.$router.push('/' + response.data.data.username + '#edit')
-          this.successSnack(this.ssoLang[this.appLanguage].verify_account_success2)
-        }
-      } else this.submitted = false
+			if (this.submitted) return false;
+			this.submitted = true;
 
-    },
-	registerAccountModal () {
-		EventBus.$emit('ssoEvent', {name: 'toggleAddAccountModalRegister', data: false})
-	},
-	close () {
-		EventBus.$emit('ssoEvent', {name: 'toggleAddAccountModal', data: true})
-	},
-  },
-  watch: {
-    '$storage.verifyEmail' (nv) {
-    	if (nv)	this.email = nv
+			let response = await this.verify(data);
+			this.submitted = false;
+			if (response && response.data && response.data.success === true) {
+				if (this.action === 'reset') {
+					this.$router.push('/reset?c=' + this.code + '&e=' + this.email);
+					this.successSnack(this.ssoLang[this.appLanguage].verify_account_success);
+				}
+				if (this.action === 'verify') {
+					if (this.isModal) {
+						this.email = '';
+						this.code = '';
+						EventBus.$emit('closeModal');
+					}
+					await this.loginSetup(response);
+					await this.getLoggedInAccounts();
+					this.$storex.verifyEmail = '';
+					this.$router.push('/' + response.data.data.username + '#edit');
+					this.successSnack(this.ssoLang[this.appLanguage].verify_account_success2);
+				}
+			} else this.submitted = false;
+		},
+		registerAccountModal() {
+			EventBus.$emit('ssoEvent', { name: 'toggleAddAccountModalRegister', data: false });
+		},
+		close() {
+			EventBus.$emit('ssoEvent', { name: 'toggleAddAccountModal', data: true });
+		}
 	},
-    'route.name' (nv, ov) {
-      if (!ov && nv) this.init()
-    },
-    'route.query': {
-      handler(nv) {
-        if (!this.isEmpty(nv)) this.init()
-      },
-      deep: true,
-    },
-  }
-}
+	watch: {
+		'$storage.verifyEmail'(nv) {
+			if (nv) this.email = nv;
+		},
+		'route.name'(nv, ov) {
+			if (!ov && nv) this.init();
+		},
+		'route.query': {
+			handler(nv) {
+				if (!this.isEmpty(nv)) this.init();
+			},
+			deep: true
+		}
+	}
+};
 </script>
 
 <style scoped>
-  #codeInput {
-    text-align: center;
-    padding-right: 15%;
-    font-size: 17px;
-  }
-  #emailInput {
+#codeInput {
+	text-align: center;
+	padding-right: 15%;
+	font-size: 17px;
+}
+#emailInput {
 	text-align: center;
 	padding-right: 15%;
 	font-size: 17px;
-  }
+}
 </style>

package/src/views/Welcome.vue

@@ -1,84 +1,98 @@
 <template>
-  <div class="page-login content-boxed content-boxed-padding center-text" style="margin-top: -1px; overflow: hidden; border: solid 0px #ffffff;">
-	  <video id="tapniVideo" muted loop playsinline width="350" style="margin: 0 auto; max-width: 100%; margin-top: 63px; overflow: hidden;" :autoplay="isNative">
-      <source src="https://cdn.tapni.co/images/tapni-card-tap-video-white.mp4" type="video/mp4">
-	  </video>
-    <h1 class="bold full-top no-bottom center-text">{{ssoLang[this.appLanguage].welcome}}</h1>
-    <p class="full-bottom half-top center-text color-black font-16">{{ssoLang[this.appLanguage].welcome_p1}}</p>
-	<router-link v-if="false" to="/help" class="button-center button button-90 google-button pointer edit-shadow full-top full-bottom">
-	  <span> {{ssoLang[this.appLanguage].how_it_works}}? </span>
-	</router-link>
-	<div v-if="false" class="decoration decoration-lines-thin full-top"></div>
-	<router-link to="register" exact class="button-center button button-90 google-button bg-tapni-grey pointer">
-	  <span> {{ssoLang[this.appLanguage].create_account}} </span>
-	</router-link>
-    <!--
-    <button @click="test" class="button-center button button-90 google-button bg-tapni-grey pointer">
-     Test
-    </button>
-    -->
-    <div class="page-login-links center-text">
-      <router-link to="/login">{{ssoLang[this.appLanguage].already_registered}}? <b>{{ssoLang[this.appLanguage].sign_in}}</b></router-link>
-      <div class="clear"></div>
-    </div>
-    <a v-if="display === 'redirect'"
-       @click="toggleSSOLanguageModal"
-       class="font-18 no-border pointer color-black"
-       style="position: absolute; right: 20px; top: -10px; z-index: 1;">
-      <span class="lang-icon">{{ appLanguage.toUpperCase() }}</span>
-    </a>
-    <div v-if=(!this.isNative) style="display: flex; flex-direction: row; justify-content: space-around; width: 90%; margin: 0 auto; margin-top: 40px;" >
-      <a href="https://play.google.com/store/apps/details?id=co.tapni.app" target="_blank"><img src="https://cdn.tapni.co/images/playstore.png" class="app-store-icon pointer" style="width:55px"/></a>
-      <a href="https://apps.apple.com/ag/app/tapni/id1552930233" target="_blank"><img src="https://cdn.tapni.co/images/appstore.png" class="app-store-icon pointer" style="width:55px"/></a>
-      <a href="https://appgallery.huawei.com/#/app/C103931997" target="_blank"><img src="https://cdn.tapni.co/images/appgallery.png" class="app-store-icon pointer" style="width:55px"/></a>
-    </div>
-  </div>
+	<div class="page-login content-boxed content-boxed-padding center-text" style="margin-top: -1px; overflow: hidden; border: solid 0px #ffffff">
+		<video id="tapniVideo" muted loop playsinline width="350" style="margin: 0 auto; max-width: 100%; margin-top: 63px; overflow: hidden" :autoplay="isNative">
+			<source :src="videoSource" type="video/mp4" />
+		</video>
+		<h1 class="bold full-top no-bottom center-text text-[24px]">{{ welcomeTitle }}</h1>
+		<p class="full-bottom half-top center-text color-black font-16">{{ welcomeSubtitle }}</p>
+		<router-link v-if="false" to="/help" class="button-center button button-90 google-button pointer edit-shadow full-top full-bottom">
+			<span> {{ ssoLang[this.appLanguage].how_it_works }}? </span>
+		</router-link>
+		<div v-if="false" class="decoration decoration-lines-thin full-top"></div>
+		<router-link to="register" exact class="button-center button button-90 google-button bg-tapni-grey pointer">
+			<span> {{ ssoLang[this.appLanguage].create_account }} </span>
+		</router-link>
+		<div class="page-login-links center-text">
+			<router-link to="/login"
+				>{{ ssoLang[this.appLanguage].already_registered }}? <b>{{ ssoLang[this.appLanguage].sign_in }}</b></router-link
+			>
+			<div class="clear"></div>
+		</div>
+		<a v-if="false && display === 'redirect'" @click="toggleSSOLanguageModal" class="font-18 no-border pointer color-black" style="position: absolute; right: 20px; top: -10px; z-index: 1">
+			<span class="lang-icon">{{ appLanguage.toUpperCase() }}</span>
+		</a>
+		<div v-if="!this.isNative" style="display: flex; flex-direction: row; justify-content: space-around; width: 90%; margin: 0 auto; margin-top: 40px">
+			<a href="https://play.google.com/store/apps/details?id=co.tapni.app" target="_blank"><img src="https://cdn.tapni.co/images/playstore.png" class="app-store-icon pointer" style="width: 55px" /></a>
+			<a href="https://apps.apple.com/ag/app/tapni/id1552930233" target="_blank"><img src="https://cdn.tapni.co/images/appstore.png" class="app-store-icon pointer" style="width: 55px" /></a>
+			<a href="https://appgallery.huawei.com/#/app/C103931997" target="_blank"><img src="https://cdn.tapni.co/images/appgallery.png" class="app-store-icon pointer" style="width: 55px" /></a>
+		</div>
+	</div>
 </template>
 
 <script>
-import AuthMixin from "../mixins/auth.mixin";
-import {EventBus} from "../store/event-bus";
+import AuthMixin from '../mixins/auth.mixin';
+import { EventBus } from '../store/event-bus';
 
 export default {
-  name: 'AuthWelcome',
-  mixins: [AuthMixin],
-  data () {
-    return {
-      loading: true
-    }
-  },
-  async mounted () {
-    // Autoplay video - iOS 12 controls fix
-    let videoElement = document.getElementById('tapniVideo');
-    // Ensure the video is ready to play
-    videoElement.addEventListener('canplay', function() {
-      // Check if the video element is still in the DOM
-      if (document.body.contains(videoElement)) {
-        try {
-          videoElement.play()
-        } catch (error) {
-          console.log('Play was interrupted:', error);
-        }
-      }
-    });
+	name: 'AuthWelcome',
+	mixins: [AuthMixin],
+	data() {
+		return {
+			loading: true
+		};
+	},
+	computed: {
+		isTapstackOrigin() {
+			if (typeof window === 'undefined') return false;
+			try {
+				const hostname = new URL(window.location.origin).hostname;
+				return /(^|\.)tapstack\.com$/i.test(hostname);
+			} catch (e) {
+				return false;
+			}
+		},
+		videoSource() {
+			return this.isTapstackOrigin ? 'https://cdn.tapni.co/images/tapstack-video.mp4' : 'https://cdn.tapni.co/images/tapni-card-tap-video-white.mp4';
+		},
+		welcomeTitle() {
+			return this.isTapstackOrigin ? 'Welcome' : this.ssoLang[this.appLanguage].welcome;
+		},
+		welcomeSubtitle() {
+			// Custom tagline for tapstack.com (alternative to tanstack)
+			return this.isTapstackOrigin ? 'The modern stack for interactive docs and tools' : this.ssoLang[this.appLanguage].welcome_p1;
+		}
+	},
+	async mounted() {
+		// Autoplay video - iOS 12 controls fix
+		let videoElement = document.getElementById('tapniVideo');
+		// Ensure the video is ready to play
+		videoElement.addEventListener('canplay', function () {
+			// Check if the video element is still in the DOM
+			if (document.body.contains(videoElement)) {
+				try {
+					videoElement.play();
+				} catch (error) {
+					console.error('Play was interrupted:', error);
+				}
+			}
+		});
 
-    setTimeout(() => {
-      if (this.$storex && this.$storex.token) {
-        if (import.meta.env.VITE_APP_MODE === 'npm') this.$router.push(this.home);
-        else if (import.meta.env.VITE_APP_MODE === 'redirect') location.href = this.home
-      } else {
-        EventBus.$emit('ssoEvent', {name: 'setLoading', data: false})
-      }
-    }, 500)
-  },
-  methods: {
-  }
-}
+		setTimeout(() => {
+			if (this.$storex && this.$storex.token) {
+				if (import.meta.env.VITE_APP_MODE === 'npm') this.$router.push(this.home);
+				else if (import.meta.env.VITE_APP_MODE === 'redirect') location.href = this.home;
+			} else {
+				EventBus.$emit('ssoEvent', { name: 'setLoading', data: false });
+			}
+		}, 500);
+	},
+	methods: {}
+};
 </script>
 
 <style scoped>
 .app-store-icon {
-  box-shadow: 0px 4px 10px 0px rgb(0 0 0 / 9%);
-  border-radius: 12px;
+	box-shadow: 0px 4px 10px 0px rgb(0 0 0 / 9%);
+	border-radius: 12px;
 }
 </style>

package/dist/Account-Cuz87g_8.js

@@ -1,153 +0,0 @@
-import { _ as g, A as d, C as u, E as h } from "./install-L-cxSovH.js";
-import { resolveComponent as p, openBlock as _, createElementBlock as m, createCommentVNode as n, createElementVNode as o, toDisplayString as t, createVNode as a, withCtx as c } from "vue";
-const f = {
-  mixins: [d],
-  data() {
-    return {
-      expanded: !1,
-      addAccountReady: !1
-    };
-  },
-  computed: {
-    appVersion() {
-      return u.WEB_VERSION;
-    }
-  },
-  async mounted() {
-    if (!this.isLoggedIn)
-      return this.$router.push("/");
-    this.getAccountSettings();
-  },
-  methods: {
-    continueTo(e) {
-      console.log("continue to " + e);
-    },
-    addAccount() {
-      this.$router.push("/login");
-    },
-    switchAccount(e) {
-      console.log("switch", e);
-    },
-    toggleLanguageModal() {
-      h.$emit("toggleSSOLanguageModal");
-    },
-    logoutAccount() {
-      this.logout({ refreshToken: this.refreshTokens[0], sendRequest: !0 });
-    }
-  }
-}, v = {
-  class: "page-login content-boxed content-boxed-padding center-text",
-  style: { "margin-top": "-1px", overflow: "hidden", border: "solid 0px #ffffff" }
-}, w = /* @__PURE__ */ o("br", null, null, -1), k = { class: "bold full-top no-bottom center-text" }, b = { class: "full-bottom half-top center-text font-16" };
-const L = { class: "container left-text" }, y = { class: "firstRow" }, N = ["src"], R = ["src"], V = { class: "firstRow" }, A = ["src"], E = ["src"], I = { class: "firstRow" }, B = ["src"], S = ["src"], T = { class: "firstRow" }, C = ["src"], $ = ["src"], D = { class: "firstRow" }, M = ["src"], O = { class: "red-text" }, q = ["src"], F = { class: "moreFooter" }, W = {
-  class: "app-version",
-  style: { "margin-top": "10px" }
-};
-function j(e, r, z, G, H, l) {
-  const s = p("router-link");
-  return _(), m("div", v, [
-    w,
-    n("", !0),
-    o("h1", k, t(e.ssoLang[e.appLanguage].welcome_account), 1),
-    o("p", b, t(e.account.email), 1),
-    (e.display, n("", !0)),
-    o("div", L, [
-      n("", !0),
-      a(s, {
-        to: "/general",
-        class: "settingRow"
-      }, {
-        default: c(() => [
-          o("div", y, [
-            o("img", {
-              src: e.getIcon("user-black.svg"),
-              class: "withBackground"
-            }, null, 8, N),
-            o("h4", null, t(e.ssoLang[e.appLanguage].general), 1),
-            o("img", {
-              src: e.getIcon("arrow-gray-right.svg")
-            }, null, 8, R)
-          ])
-        ]),
-        _: 1
-      }),
-      a(s, {
-        to: "/security",
-        class: "settingRow"
-      }, {
-        default: c(() => [
-          o("div", V, [
-            o("img", {
-              src: e.getIcon("shield-black.svg"),
-              class: "withBackground"
-            }, null, 8, A),
-            o("h4", null, t(e.ssoLang[e.appLanguage].security), 1),
-            o("img", {
-              src: e.getIcon("arrow-gray-right.svg")
-            }, null, 8, E)
-          ])
-        ]),
-        _: 1
-      }),
-      a(s, {
-        to: "/apps",
-        class: "settingRow"
-      }, {
-        default: c(() => [
-          o("div", I, [
-            o("img", {
-              src: e.getIcon("apps-black.svg"),
-              class: "withBackground"
-            }, null, 8, B),
-            o("h4", null, t(e.ssoLang[e.appLanguage].apps), 1),
-            o("img", {
-              src: e.getIcon("arrow-gray-right.svg")
-            }, null, 8, S)
-          ])
-        ]),
-        _: 1
-      }),
-      a(s, {
-        to: "/billing",
-        class: "settingRow"
-      }, {
-        default: c(() => [
-          o("div", T, [
-            o("img", {
-              src: e.getIcon("billing-card-black.svg"),
-              class: "withBackground"
-            }, null, 8, C),
-            o("h4", null, t(e.ssoLang[e.appLanguage].billing), 1),
-            o("img", {
-              src: e.getIcon("arrow-gray-right.svg")
-            }, null, 8, $)
-          ])
-        ]),
-        _: 1
-      }),
-      o("div", {
-        class: "settingRow",
-        onClick: r[4] || (r[4] = (...i) => l.logoutAccount && l.logoutAccount(...i))
-      }, [
-        o("div", D, [
-          o("img", {
-            src: e.getIcon("logout-red.svg"),
-            class: "withBackground"
-          }, null, 8, M),
-          o("h4", O, t(e.ssoLang[e.appLanguage].logout), 1),
-          o("img", {
-            src: e.getIcon("arrow-gray-right.svg")
-          }, null, 8, q)
-        ])
-      ]),
-      o("div", F, [
-        o("p", W, t(e.ssoLang[e.appLanguage].version) + ": " + t(l.appVersion), 1),
-        n("", !0)
-      ])
-    ])
-  ]);
-}
-const Q = /* @__PURE__ */ g(f, [["render", j]]);
-export {
-  Q as default
-};