@tapni/auth 0.0.31 → 0.0.33

package/src/views/Register.vue

@@ -5,10 +5,10 @@
 		  <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.appLang].register}}</h1>
+    <h1 class="bold no-bottom center-text" style="margin-top: 63px;">{{ssoLang[this.appLanguage].register}}</h1>
     <p class="half-bottom small-top center-text color-black">
 		<span v-if="usernameRegister">
-			t.link/{{username}} {{ssoLang[this.appLang].username_is_free}} ✅
+			t.link/{{username}} {{ssoLang[this.appLanguage].username_is_free}} ✅
 			<br>
 
 		</span>
@@ -19,7 +19,7 @@
 		  <i style="padding-top: 15px;">
 			  <img src="https://cdn.tapni.co/icons/mail.png" class="responsive-image" style="width: 60%;">
 		  </i>
-		  <input v-model="email" @keydown.space.prevent type="email" :placeholder="ssoLang[this.appLang].email" name="email" required>
+		  <input v-model="email" @keydown.space.prevent type="email" :placeholder="ssoLang[this.appLanguage].email" name="email" required>
 		  <em></em>
 		</div>
 		<div class="page-login-field half-top">
@@ -28,7 +28,7 @@
 		  </i>
 		  <input v-model="username" @keydown.space.prevent type="text"
 				 autocorrect="off" autocapitalize="off" spellcheck="false"
-				 :placeholder="ssoLang[this.appLang].username" name="username" required :disabled="usernameRegister"
+				 :placeholder="ssoLang[this.appLanguage].username" name="username" required :disabled="usernameRegister"
 				 :class="{'input-disabled': usernameRegister}"
 		  >
 		  <em></em>
@@ -37,7 +37,7 @@
 		  <i style="padding-top: 15px">
 			  <img src="https://cdn.tapni.co/icons/padlock.png" class="responsive-image" style="width: 50%;">
 		  </i>
-		  <input v-model="password" :type="revealPassword ? 'text' : 'password'" :placeholder="ssoLang[this.appLang].password" name="password" required minlength="8">
+		  <input v-model="password" :type="revealPassword ? 'text' : 'password'" :placeholder="ssoLang[this.appLanguage].password" name="password" required minlength="8">
 		  <em @click="revealPassword = !revealPassword" class="pointer">
 			<img v-show="!revealPassword" src="https://cdn.tapni.co/icons/reveal-password.png" class="responsive-image password-reveal-icon">
 			<img v-show="revealPassword" src="https://cdn.tapni.co/icons/hide-password.png" class="responsive-image password-reveal-icon">
@@ -54,7 +54,7 @@
 	<a @click="appleLogin" v-if="displayAppleLogin"
 		 class="button-center button button-90 google-button pointer">
 		  <img src="https://cdn.tapni.co/icons/apple-logo.png" style="position: absolute; margin-left: -11px; padding: 8px 0; height: 100%;"/>
-		  <span v-if="!appleLoad"> {{ssoLang[this.appLang].sign_up_with}} Apple</span>
+		  <span v-if="!appleLoad"> {{ssoLang[this.appLanguage].sign_up_with}} Apple</span>
 		<span v-else class="button--loading button__loader"></span>
 	</a>
 
@@ -62,7 +62,7 @@
 	<a @click="googleLogin"
 		 class="button-center button button-90 google-button pointer ">
 		  <img src="https://cdn.tapni.co/icons/g-logo.png" style="position: absolute; margin-left: -9px; padding: 8px 0; height: 100%;"/>
-		  <span v-if="!googleLoad">{{ssoLang[this.appLang].sign_up_with}} Google</span>
+		  <span v-if="!googleLoad">{{ssoLang[this.appLanguage].sign_up_with}} Google</span>
 		<span v-else class="button--loading button__loader"></span>
 	</a>
 
@@ -71,7 +71,7 @@
 	   @click="facebookLogin"
 		 class="button-center button button-90 google-button pointer">
 		  <img src="https://cdn.tapni.co/icons/facebook-blue.png" style="position: absolute; margin-left: -10px; padding: 10px 0; height: 100%;"/>
-		  <span v-if="!facebookLoad">{{ssoLang[this.appLang].sign_up_with}} Facebook</span>
+		  <span v-if="!facebookLoad">{{ssoLang[this.appLanguage].sign_up_with}} Facebook</span>
 		<span v-else class="button--loading button__loader"></span>
 	</a>
 
@@ -79,23 +79,23 @@
 	<a @click="emailLogin = true" v-if="!emailLogin"
 	   class="button-center button button-90 google-button pointer">
 		<img src="https://cdn.tapni.co/icons/mail.png" style="position: absolute; margin-left: -8px; padding: 12px 0; height: 100%;"/>
-		<span>{{ssoLang[this.appLang].sign_up_with}} Email</span>
+		<span>{{ssoLang[this.appLanguage].sign_up_with}} Email</span>
 	</a>
 
 	<div class="decoration decoration-lines-thin no-bottom"></div>
 
     <p class="close-text center-text half-top color-black">
-		{{ssoLang[this.appLang].terms_by_registering}} <br>
-		<a class="" href="https://tapni.co/policies/terms-of-service">{{ssoLang[this.appLang].terms_of_service}}</a> {{ssoLang[this.appLang].and}} <a href="https://tapni.co/policies/privacy-policy">{{ssoLang[this.appLang].privacy_policy}}</a>
+		{{ssoLang[this.appLanguage].terms_by_registering}} <br>
+		<a class="" href="https://tapni.co/policies/terms-of-service">{{ssoLang[this.appLanguage].terms_of_service}}</a> {{ssoLang[this.appLanguage].and}} <a href="https://tapni.co/policies/privacy-policy">{{ssoLang[this.appLanguage].privacy_policy}}</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="/verify">{{ssoLang[this.appLang].verify_account}}</router-link>
-	  <router-link class="forgot float-left" to="/login">{{ssoLang[this.appLang].sign_in}}</router-link>
+	  <router-link class="create float-right" to="/verify">{{ssoLang[this.appLanguage].verify_account}}</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="loginAccountModal">
-	  <a class="forgot center-text pointer small-top">{{ssoLang[this.appLang].or}} <br> {{ssoLang[this.appLang].sign_in_with_new}}</a>
+	  <a class="forgot center-text pointer small-top">{{ssoLang[this.appLanguage].or}} <br> {{ssoLang[this.appLanguage].sign_in_with_new}}</a>
 	  <div class="clear"></div>
 	</div>
   </form>
@@ -160,10 +160,10 @@ export default {
   },
   methods: {
     async submit() {
-      if (this.password.length < 8) return this.errorSnack(this.ssoLang[this.appLang].password_8_chars);
-      if (this.password.search(/[a-z]/) < 0) return this.errorSnack(this.ssoLang[this.appLang].password_least_one_lowercase);
-      if (this.password.search(/[A-Z]/) < 0) return this.errorSnack(this.ssoLang[this.appLang].password_least_one_uppercase);
-      if (this.password.search(/[0-9]/) < 0) return this.errorSnack(this.ssoLang[this.appLang].password_least_one_number);
+      if (this.password.length < 8) return this.errorSnack(this.ssoLang[this.appLanguage].password_8_chars);
+      if (this.password.search(/[a-z]/) < 0) return this.errorSnack(this.ssoLang[this.appLanguage].password_least_one_lowercase);
+      if (this.password.search(/[A-Z]/) < 0) return this.errorSnack(this.ssoLang[this.appLanguage].password_least_one_uppercase);
+      if (this.password.search(/[0-9]/) < 0) return this.errorSnack(this.ssoLang[this.appLanguage].password_least_one_number);
 
       if (this.submitted) return
       this.submitted = true
@@ -187,8 +187,8 @@ export default {
 	      if (response.data.message === 'SUCCESS_REGISTER') {
 	      	if (this.isModal) EventBus.$emit('ssoEvent', {name: 'toggleAddAccountModalVerify', data: false})
 	      	else this.$router.push('/verify')
-	        this.successSnack(this.ssoLang[this.appLang].register_success);
-	        this.formButtonText = this.ssoLang[this.appLang].check_your_inbox
+	        this.successSnack(this.ssoLang[this.appLanguage].register_success);
+	        this.formButtonText = this.ssoLang[this.appLanguage].check_your_inbox
 	      } else if (response.data.message === 'SUCCESS_LOGIN') {
 			  if (this.display === 'npm') {
 				  await this.loginSetup({ ...response, isModal: data.isModal });

package/src/views/Reset.vue

@@ -1,38 +1,38 @@
 <template>
   <form v-if="!passwordChange" class="page-login content-boxed content-boxed-padding" @submit.prevent="resetEmail" autocomplete="on">
-    <h3 class="bold no-bottom center-text" style="margin-top: 63px;">{{ssoLang[this.appLang].reset_password}}</h3>
+    <h3 class="bold no-bottom center-text" style="margin-top: 63px;">{{ssoLang[this.appLanguage].reset_password}}</h3>
     <p class="half-bottom small-top center-text color-black"></p>
     <div class="page-login-field half-top color-black">
 	  <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.appLang].email" required>
+	  <input id="emailInput" v-model="email" @keydown.space.prevent type="email" :placeholder="ssoLang[this.appLanguage].email" 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.appLang].reset_password}}</span>
+      <span v-if="!submitted" class="uppercase">{{ssoLang[this.appLanguage].reset_password}}</span>
 	  <span v-else class="button--loading button__loader"></span>
 	</button>
     <div class="decoration decoration-lines-thin no-bottom half-top"></div>
 	<p class="close-text center-text half-top color-black">
-	  <span v-html="ssoLang[this.appLang].reset_password_p1"></span><a :href="'mailto:support@tapni.co?subject=' + ssoLang[this.appLang].password_reset_t"> support@tapni.co</a>
+	  <span v-html="ssoLang[this.appLanguage].reset_password_p1"></span><a :href="'mailto:support@tapni.co?subject=' + ssoLang[this.appLanguage].password_reset_t"> support@tapni.co</a>
 	</p>
     <div class="decoration decoration-lines-thin no-bottom half-top"></div>
 
 	<div class="page-login-links">
-	  <router-link class="create float-right" to="/verify">{{ssoLang[this.appLang].verify_account}}</router-link>
-	  <router-link class="forgot float-left" to="/login">{{ssoLang[this.appLang].sign_in}}</router-link>
+	  <router-link class="create float-right" to="/verify">{{ssoLang[this.appLanguage].verify_account}}</router-link>
+	  <router-link class="forgot float-left" to="/login">{{ssoLang[this.appLanguage].sign_in}}</router-link>
 	  <div class="clear"></div>
 	</div>
   </form>
   <form v-else class="page-login content-boxed content-boxed-padding" @submit.prevent="changePw">
-    <h3 class="bold no-bottom center-text" style="margin-top: 63px;">{{ssoLang[this.appLang].password_change}}</h3>
-    <p class="half-bottom small-top center-text color-black">{{ssoLang[this.appLang].password_new}}</p>
+    <h3 class="bold no-bottom center-text" style="margin-top: 63px;">{{ssoLang[this.appLanguage].password_change}}</h3>
+    <p class="half-bottom small-top center-text color-black">{{ssoLang[this.appLanguage].password_new}}</p>
     <div class="page-login-field half-top">
 	  <i style="padding-top: 15px">
 		  <img src="https://cdn.tapni.co/icons/padlock.png" class="responsive-image" style="width: 50%;">
 	  </i>
-      <input v-model="password" :type="revealPassword ? 'text' : 'password'" :placeholder="ssoLang[this.appLang].password" required>
+      <input v-model="password" :type="revealPassword ? 'text' : 'password'" :placeholder="ssoLang[this.appLanguage].password" required>
 	  <em @click="revealPassword = !revealPassword">
 		 <img v-show="!revealPassword" src="https://cdn.tapni.co/icons/reveal-password.png" class="responsive-image password-reveal-icon">
 		 <img v-show="revealPassword" src="https://cdn.tapni.co/icons/hide-password.png" class="responsive-image password-reveal-icon">
@@ -42,20 +42,20 @@
 	  <i style="padding-top: 15px">
 		  <img src="https://cdn.tapni.co/icons/padlock.png" class="responsive-image" style="width: 50%;">
 	  </i>
-      <input v-model="passwordRepeat" :type="revealPassword2 ? 'text' : 'password'" :placeholder="ssoLang[this.appLang].password_repeat" required>
+      <input v-model="passwordRepeat" :type="revealPassword2 ? 'text' : 'password'" :placeholder="ssoLang[this.appLanguage].password_repeat" required>
 	  <em @click="revealPassword2 = !revealPassword2">
 		  <img v-show="!revealPassword2" src="https://cdn.tapni.co/icons/reveal-password.png" class="responsive-image password-reveal-icon">
 		  <img v-show="revealPassword2" src="https://cdn.tapni.co/icons/hide-password.png" class="responsive-image password-reveal-icon">
 	  </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.appLang].password_change}}</span>
+      <span v-if="!submitted" class="uppercase">{{ssoLang[this.appLanguage].password_change}}</span>
 	  <span v-else class="button--loading button__loader"></span>
 	</button>
 
 	<div class="decoration decoration-lines-thin no-bottom half-top"></div>
 	<p class="close-text center-text half-top color-black">
-	  <span v-html="ssoLang[this.appLang].reset_password_p2"></span> <a :href="'mailto:support@tapni.co?subject=' + ssoLang[this.appLang].password_reset_t"> support@tapni.co</a>
+	  <span v-html="ssoLang[this.appLanguage].reset_password_p2"></span> <a :href="'mailto:support@tapni.co?subject=' + ssoLang[this.appLanguage].password_reset_t"> support@tapni.co</a>
 	</p>
   </form>
 </template>
@@ -115,8 +115,8 @@ export default {
     },
     async changePw() {
       // if (this.captcha === '') return this._vm.errorHandler({ message: 'Please select recaptcha' });
-      if (this.code.length !== 6) return this.errorSnack(this.ssoLang[this.appLang].invalid_code);
-      if (this.password !== this.passwordRepeat) return this.errorSnack(this.ssoLang[this.appLang].password_not_match);
+      if (this.code.length !== 6) return this.errorSnack(this.ssoLang[this.appLanguage].invalid_code);
+      if (this.password !== this.passwordRepeat) return this.errorSnack(this.ssoLang[this.appLanguage].password_not_match);
 
       if (this.submitted) return
       this.submitted = true
@@ -136,7 +136,7 @@ export default {
       this.submitted = false
       if (success === true) {
         this.$router.push('/login');
-        this.successSnack(this.ssoLang[this.appLang].password_reseted_success);
+        this.successSnack(this.ssoLang[this.appLanguage].password_reseted_success);
       }
     },
   },

package/src/views/Verify.vue

@@ -5,41 +5,41 @@
 	    <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.appLang].verify_account}}</h1>
+	<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.appLang].email" required>
+	  <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.appLang].code" required>
+      <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.appLang].verify_account}}</span>
+      <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.appLang].verify_account_p1"></span>
+		<span v-html="ssoLang[this.appLanguage].verify_account_p1"></span>
 		<a href="mailto:support@tapni.co?subject=Email Verification"> support@tapni.co</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.appLang].register}}</router-link>
-		<router-link class="forgot float-left" to="/login">{{ssoLang[this.appLang].sign_in}}</router-link>
+		<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.appLang].or}} <br> {{ssoLang[this.appLang].create_new_account}}</a>
+		<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>
@@ -95,7 +95,7 @@ export default {
     async submit() {
       // if (this.captcha === '') return this._vm.errorHandler({ message: 'Please select recaptcha' });
       if (this.code.length !== 6) {
-        return this.errorSnack(this.ssoLang[this.appLang].invalid_code);
+        return this.errorSnack(this.ssoLang[this.appLanguage].invalid_code);
       }
 
       this.email = this.email.trim()
@@ -115,7 +115,7 @@ export default {
       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.appLang].verify_account_success)
+          this.successSnack(this.ssoLang[this.appLanguage].verify_account_success)
         }
         if (this.action === 'verify') {
           if (this.isModal) {
@@ -127,7 +127,7 @@ export default {
           this.getLoggedInAccounts()
           this.$storage.verifyEmail = '';
           this.$router.push('/' + response.data.data.username + '#edit')
-          this.successSnack(this.ssoLang[this.appLang].verify_account_success2)
+          this.successSnack(this.ssoLang[this.appLanguage].verify_account_success2)
         }
       } else this.submitted = false
 

package/src/views/Welcome.vue

@@ -3,14 +3,14 @@
 	  <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.appLang].welcome}}</h1>
-    <p class="full-bottom half-top center-text color-black font-16">{{ssoLang[this.appLang].welcome_p1}}</p>
+    <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.appLang].how_it_works}}? </span>
+	  <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.appLang].create_account}} </span>
+	  <span> {{ssoLang[this.appLanguage].create_account}} </span>
 	</router-link>
     <!--
     <button @click="test" class="button-center button button-90 google-button bg-tapni-grey pointer">
@@ -18,7 +18,7 @@
     </button>
     -->
 	<div class="page-login-links center-text">
-	  <router-link to="/login">{{ssoLang[this.appLang].already_registered}}? <b>{{ssoLang[this.appLang].sign_in}}</b></router-link>
+	  <router-link to="/login">{{ssoLang[this.appLanguage].already_registered}}? <b>{{ssoLang[this.appLanguage].sign_in}}</b></router-link>
 	  <div class="clear"></div>
 	</div>
     <div v-if=(!this.isNative) style="display: flex; flex-direction: row; justify-content: space-around; width: 90%; margin: 0 auto; margin-top: 40px;" >