@tapni/auth 0.0.169 → 0.0.171

package/src/mixins/global.mixin.js

@@ -1,111 +1,109 @@
-import {Capacitor} from '@capacitor/core';
-import { EventBus } from "../store/event-bus";
+import { Capacitor } from '@capacitor/core';
+import { EventBus } from '../store/event-bus';
 export default {
-  computed: {
-    home() {
-      if (this.$storex && this.$storex.token && this.$storex.username) {
-        if (import.meta.env.VITE_APP_MODE === 'npm') return '/' + this.$storex.username
-        if (import.meta.env.VITE_APP_MODE === 'redirect') return '/account'
-      } else return '/welcome'
-    },
-    isAndroid(){
-      return /Android/i.test(navigator.userAgent) || Capacitor.getPlatform() === 'android'
-    },
-    isiOS() {
-      return [
-        'iPad Simulator',
-        'iPhone Simulator',
-        'iPod Simulator',
-        'iPad',
-        'iPhone',
-        'iPod'
-      ].includes(navigator.platform)
-        // iPad on iOisNativeS 13 detection
-        || (navigator.userAgent.includes("Mac") && "ontouchend" in document)
-        || Capacitor.getPlatform() === 'ios'
-    },
-    isNative() {
-      return Capacitor.isNativePlatform()
-    },
-  },
-  methods: {
-    errorHandler(error) {
-      if (error && error.response && error.response.data && error.response.data.error) {
-        if (
-          error.response.data.error === 'ACCESS_DENIED' ||
-          error.response.data.error === 'TOKEN_EXPIRED'
-        ) {
-          this.logout();
-        }
+	computed: {
+		home() {
+			if (this.$storex && this.$storex.token && this.$storex.username) {
+				if (import.meta.env.VITE_APP_MODE === 'npm') return '/' + this.$storex.username;
+				if (import.meta.env.VITE_APP_MODE === 'redirect') return '/account';
+			} else return '/welcome';
+		},
+		isAndroid() {
+			return /Android/i.test(navigator.userAgent) || Capacitor.getPlatform() === 'android';
+		},
+		isiOS() {
+			return (
+				['iPad Simulator', 'iPhone Simulator', 'iPod Simulator', 'iPad', 'iPhone', 'iPod'].includes(navigator.platform) ||
+				// iPad on iOisNativeS 13 detection
+				(navigator.userAgent.includes('Mac') && 'ontouchend' in document) ||
+				Capacitor.getPlatform() === 'ios'
+			);
+		},
+		isNative() {
+			return Capacitor.isNativePlatform();
+		}
+	},
+	methods: {
+		errorHandler(error) {
+			if (error && error.response && error.response.data && error.response.data.error) {
+				if (error.response.data.error === 'ACCESS_DENIED' || error.response.data.error === 'TOKEN_EXPIRED') {
+					this.logout();
+				}
 
-        // Link click network error bug fix
-        if (!error.response.data.error.includes('Network Error') && !error.response.data.error.includes('Cannot read properties')) {
-          this.errorSnack(error.response.data.error)
-        }
-      }
-      return error
-    },
-    errorSnack(message) {
-      let snackbar = document.getElementById('snackbar')
-      let errMessage = document.getElementById('errorMessage')
-      let errorSnack = document.getElementById('errorSnack')
-      errMessage.innerHTML = message
-      snackbar.classList.add('show-snack')
-      errorSnack.classList.add('active-snack')
-      setTimeout(function () { errorSnack.classList.remove('active-snack'); snackbar.classList.remove('show-snack')  }, 3000)
-    },
-    successSnack(message) {
-      let snackbar = document.getElementById('snackbar')
-      let successMessage = document.getElementById('successMessage')
-      let successSnack = document.getElementById('successSnack')
-      successMessage.innerHTML = message
-      snackbar.classList.add('show-snack')
-      successSnack.classList.add('active-snack')
-      setTimeout(function () { successSnack.classList.remove('active-snack'); snackbar.classList.remove('show-snack') }, 3000)
-    },
-    closeSnacks() {
-      document.getElementById('snackbar').classList.remove('show-snack')
-      document.getElementById('successSnack').classList.remove('active-snack')
-      document.getElementById('errorSnack').classList.remove('active-snack')
-    },
-    tapsEmoji(count) {
-      if (count < 10) return ''
-      else if (count <= 50) return '🔥'
-      else if (count <= 100) return '💥'
-      else if (count <= 300) return '💎'
-      else if (count > 300) return '🚀'
-      return ''
-    },
-    /** Function which checks if provided object is empty  */
-    isEmpty(obj) {
-      if (!obj) return true
-      for (let prop in obj) {
-        if (obj.hasOwnProperty(prop)) {
-          return false
-        }
-      }
-      return JSON.stringify(obj) === JSON.stringify({})
-    },
-    /** Copy string to clipboard */
-    copy(str = '') {
-      const el = document.createElement('textarea')
-      el.value = str
-      el.setAttribute('readonly', '')
-      el.style.position = 'absolute'
-      el.style.left = '-9999px'
-      document.body.appendChild(el)
-      el.select()
-      document.execCommand('copy')
-      document.body.removeChild(el)
-      this.successSnack(this.ssoLang[this.appLanguage].copied)
-    },
-    async getCaptchaToken(action){
-      try {
-       return await window.grecaptcha.execute(import.meta.env.VITE_APP_GOOGLE_RECAPTCHA_SITE_KEY, {action: action});
-      } catch (err){
-        console.log(err)
-        return null
-      }
-    },
-  }
-}
+				// Link click network error bug fix
+				if (!error.response.data.error.includes('Network Error') && !error.response.data.error.includes('Cannot read properties')) {
+					this.errorSnack(error.response.data.error);
+				}
+			}
+			return error;
+		},
+		errorSnack(message) {
+			let snackbar = document.getElementById('snackbar');
+			let errMessage = document.getElementById('errorMessage');
+			let errorSnack = document.getElementById('errorSnack');
+			errMessage.innerHTML = message;
+			snackbar.classList.add('show-snack');
+			errorSnack.classList.add('active-snack');
+			setTimeout(function () {
+				errorSnack.classList.remove('active-snack');
+				snackbar.classList.remove('show-snack');
+			}, 3000);
+		},
+		successSnack(message) {
+			let snackbar = document.getElementById('snackbar');
+			let successMessage = document.getElementById('successMessage');
+			let successSnack = document.getElementById('successSnack');
+			successMessage.innerHTML = message;
+			snackbar.classList.add('show-snack');
+			successSnack.classList.add('active-snack');
+			setTimeout(function () {
+				successSnack.classList.remove('active-snack');
+				snackbar.classList.remove('show-snack');
+			}, 3000);
+		},
+		closeSnacks() {
+			document.getElementById('snackbar').classList.remove('show-snack');
+			document.getElementById('successSnack').classList.remove('active-snack');
+			document.getElementById('errorSnack').classList.remove('active-snack');
+		},
+		tapsEmoji(count) {
+			if (count < 10) return '';
+			else if (count <= 50) return '🔥';
+			else if (count <= 100) return '💥';
+			else if (count <= 300) return '💎';
+			else if (count > 300) return '🚀';
+			return '';
+		},
+		/** Function which checks if provided object is empty  */
+		isEmpty(obj) {
+			if (!obj) return true;
+			for (let prop in obj) {
+				if (obj.hasOwnProperty(prop)) {
+					return false;
+				}
+			}
+			return JSON.stringify(obj) === JSON.stringify({});
+		},
+		/** Copy string to clipboard */
+		copy(str = '') {
+			const el = document.createElement('textarea');
+			el.value = str;
+			el.setAttribute('readonly', '');
+			el.style.position = 'absolute';
+			el.style.left = '-9999px';
+			document.body.appendChild(el);
+			el.select();
+			document.execCommand('copy');
+			document.body.removeChild(el);
+			this.successSnack(this.ssoLang[this.appLanguage].copied);
+		},
+		async getCaptchaToken(action) {
+			try {
+				return await window.grecaptcha.execute(import.meta.env.VITE_APP_GOOGLE_RECAPTCHA_SITE_KEY, { action: action });
+			} catch (err) {
+				console.log(err);
+				return null;
+			}
+		}
+	}
+};

package/src/mixins/google.mixin.js

@@ -1,60 +1,59 @@
-import to from 'await-to-js'
-import AuthService from '../services/AuthService'
-import { GoogleAuth } from '@codetrix-studio/capacitor-google-auth'
-import {EventBus} from "../store/event-bus";
+import to from 'await-to-js';
+import AuthService from '../services/AuthService';
+import { GoogleAuth } from '@codetrix-studio/capacitor-google-auth';
+import { EventBus } from '../store/event-bus';
 
 export default {
-  data () {
-    return {
-      googleLoad: false
-    }
-  },
-  computed: {
-    displayGoogleLogin () {
-      return true;
-    }
-  },
-  mounted () {
-    GoogleAuth.initialize()
-  },
-  methods: {
-    async googleLogin () {
+	data() {
+		return {
+			googleLoad: false
+		};
+	},
+	computed: {
+		displayGoogleLogin() {
+			return true;
+		}
+	},
+	mounted() {
+		GoogleAuth.initialize();
+	},
+	methods: {
+		async googleLogin() {
+			this.googleLoad = true;
+			let [errAuth, user] = await to(GoogleAuth.signIn());
+			if (errAuth) return (this.googleLoad = false);
 
-      this.googleLoad = true
-      let [errAuth, user] = await to(GoogleAuth.signIn())
-      if (errAuth) return this.googleLoad = false
+			// Track Referrals
+			if (this.referral) user.ref = this.referral;
 
-      // Track Referrals
-      if (this.referral) user.ref = this.referral;
+			if (user.authentication && (user.authentication.accessToken || user.authentication.idToken)) {
+				// Track Referrals
+				if (this.referral) user.ref = this.referral;
 
-      if (user.authentication && (user.authentication.accessToken || user.authentication.idToken)) {
-        // Track Referrals
-        if (this.referral) user.ref = this.referral;
+				// Code Login
+				if (this.display === 'popup') user.response_type = 'code';
 
-        // Code Login
-        if (this.display === 'popup') user.response_type = 'code';
-
-        const [err, response] = await to(AuthService.googleSDK(user, this.$storex))
-        if (err) {
-          this.googleLoad = false
-          EventBus.$emit('ssoEvent', {name: 'setLoading', data: false})
-          return this.errorHandler(err)
-        }
-        if (response.data.success) {
-          if (this.display === 'popup') {
-            return window.parent?.postMessage({ code: response.data.auth_code, state: this.$route.query.state }, '*');
-          }
-          await this.loginSetup(response)
-          await this.getLoggedInAccounts()
-          this.loginSuccess({ ...response, isModal: this.isModal });
-          setTimeout(() => {
-            this.googleLoad = false
-          }, 1000)
-        } else this.errorSnack(this.ssoLang[this.appLanguage].unexpected_err)
-      } else {
-        this.googleLoad = false
-        EventBus.$emit('ssoEvent', {name: 'setLoading', data: false})
-      }
-    }
-  }
-}
+				const [err, response] = await to(AuthService.googleSDK(user, this.$storex));
+				if (err) {
+					this.googleLoad = false;
+					EventBus.$emit('ssoEvent', { name: 'setLoading', data: false });
+					return this.errorHandler(err);
+				}
+				if (response.data.success) {
+					if (this.display === 'popup') {
+						return window.parent?.postMessage({ code: response.data.auth_code, state: this.$route.query.state }, '*');
+					}
+					await this.loginSetup(response);
+					await this.getLoggedInAccounts();
+					this.loginSuccess({ ...response, isModal: this.isModal });
+					setTimeout(() => {
+						this.googleLoad = false;
+					}, 1000);
+				} else this.errorSnack(this.ssoLang[this.appLanguage].unexpected_err);
+			} else {
+				this.googleLoad = false;
+				EventBus.$emit('ssoEvent', { name: 'setLoading', data: false });
+			}
+		}
+	}
+};

package/src/mixins/mfa-auth.mixin.js

@@ -1,76 +1,76 @@
-import QRCodeStyling from "qr-code-styling";
-import { authenticator } from "@otplib/preset-browser";
-import {EventBus} from "@/store/event-bus.js";
+import QRCodeStyling from 'qr-code-styling';
+import { authenticator } from '@otplib/preset-browser';
+import { EventBus } from '@/store/event-bus.js';
 
 export default {
-  data () {
-    return {
-      otpToken: null,
-      otpSecret: null,
-      mfaEnable: false,
-      qrCodeHash: null,
-      qrCodeRefreshInterval: null,
-      poolingInterval: null,
-      loading: false,
-    }
-  },
-  props: {
-    isModal: {
-      type: Boolean,
-      required: false,
-      default: false,
-    },
-  },
-  computed: {
-    promptMFA () {
-      return false;
-    }
-  },
-  async mounted () {
-    if (this.renderView === 'AuthMFA') {
-      await this.getAccountSettings();
-      this.generateOTPQrCode();
-    }
+	data() {
+		return {
+			otpToken: null,
+			otpSecret: null,
+			mfaEnable: false,
+			qrCodeHash: null,
+			qrCodeRefreshInterval: null,
+			poolingInterval: null,
+			loading: false
+		};
+	},
+	props: {
+		isModal: {
+			type: Boolean,
+			required: false,
+			default: false
+		}
+	},
+	computed: {
+		promptMFA() {
+			return false;
+		}
+	},
+	async mounted() {
+		if (this.renderView === 'AuthMFA') {
+			await this.getAccountSettings();
+			this.generateOTPQrCode();
+		}
 
-    EventBus.$on('otpSubmitted', this.otpSubmitted)
-  },
-  methods: {
-    otpSubmitted(code) {
-      this.otpToken = code;
+		EventBus.$on('otpSubmitted', this.otpSubmitted);
+	},
+	methods: {
+		otpSubmitted(code) {
+			this.otpToken = code;
 
-      // Assuming that the parent component had a method called submit
-      this.submit();
-    },
-    generateOTPQrCode() {
-      const user = this.account.email;
+			// Assuming that the parent component had a method called submit
+			this.submit();
+		},
+		generateOTPQrCode() {
+			const user = this.account.email;
 
-      if (this.account.mfaEnabled) {
-        this.mfaEnable = true;
-      } else {
-        const service = "Tapni";
+			if (this.account.mfaEnabled) {
+				this.mfaEnable = true;
+			} else {
+				const service = 'Tapni';
 
-        const secret = authenticator.generateSecret();
-        this.otpSecret = secret;
+				const secret = authenticator.generateSecret();
+				this.otpSecret = secret;
 
-        const otpQR = authenticator.keyuri(user, service, secret);
+				const otpQR = authenticator.keyuri(user, service, secret);
 
-        const otpQrCode = new QRCodeStyling({
-          width: 200,
-          height: 200,
-          data: otpQR,
-        });
-        otpQrCode.append(document.getElementById("qrCodeContainer"));
-      }
-    },
-    async cancelMFA() {
-      if (import.meta.env.VITE_APP_MODE === 'npm') {
-        EventBus.$emit('ssoEvent', {name: 'mfaCancel', data: true})
-      } else {
-        this.$router.push('/account');
-      }
-    },
-    async validateMFA() {
-      EventBus.$emit('toggleOTPModal', true);
-    },
-  }
-}
+				const otpQrCode = new QRCodeStyling({
+					width: 200,
+					height: 200,
+					data: otpQR
+				});
+				otpQrCode.append(document.getElementById('qrCodeContainer'));
+			}
+		},
+		async cancelMFA() {
+			if (import.meta.env.VITE_APP_MODE === 'npm') {
+				EventBus.$emit('ssoEvent', { name: 'mfaCancel', data: true });
+			} else {
+				this.$router.push('/account');
+			}
+		},
+		async validateMFA() {
+			EventBus.$emit('toggleOTPModal', true);
+		}
+	}
+};

package/src/mixins/microsoft.mixin.js

@@ -1,82 +1,74 @@
-import to from "await-to-js";
-import AuthService from "../services/AuthService";
-import { MsAuthPlugin } from "@recognizebv/capacitor-plugin-msauth";
-import { EventBus } from "../store/event-bus";
+import to from 'await-to-js';
+import AuthService from '../services/AuthService';
+import { MsAuthPlugin } from '@recognizebv/capacitor-plugin-msauth';
+import { EventBus } from '../store/event-bus';
 
 export default {
-  data() {
-    return {
-      microsoftLoad: false,
-      microsoftSSOLoad: false,
-    };
-  },
-  computed: {
-    displayMicrosoftSSOLogin() {
-      return false;
-    },
-  },
-  methods: {
-    async microsoftLogin(type, sso = {}) {
-      if (type === "sso") this.microsoftSSOLoad = true;
-      else this.microsoftLoad = true;
+	data() {
+		return {
+			microsoftLoad: false,
+			microsoftSSOLoad: false
+		};
+	},
+	computed: {
+		displayMicrosoftSSOLogin() {
+			return false;
+		}
+	},
+	methods: {
+		async microsoftLogin(type, sso = {}) {
+			if (type === 'sso') this.microsoftSSOLoad = true;
+			else this.microsoftLoad = true;
 
-      const [errAuth, user] = await to(
-        MsAuthPlugin.login({
-          clientId: type === "sso" ? sso.clientID : import.meta.env.VITE_APP_SSO_ID,
-          tenant: type === "sso" ? sso.tenant : "consumers",
-          scopes: ["User.Read"],
-          knownAuthorities: [],
-          keyHash: "4+5wCp8QcLptlO0aeP5RDTTOWyg=", // Android,
-          redirectUri:
-            import.meta.env.DEV
-              ? `${window.location.origin}/login`
-              : "https://" + window.location.host + "/login",
-        })
-      );
-      if (errAuth) {
-        console.log("Error: " + JSON.stringify(errAuth));
-        return (this.microsoftLoad = false);
-      }
+			const [errAuth, user] = await to(
+				MsAuthPlugin.login({
+					clientId: type === 'sso' ? sso.clientID : import.meta.env.VITE_APP_SSO_ID,
+					tenant: type === 'sso' ? sso.tenant : 'consumers',
+					scopes: ['User.Read'],
+					knownAuthorities: [],
+					keyHash: '4+5wCp8QcLptlO0aeP5RDTTOWyg=', // Android,
+					redirectUri: import.meta.env.DEV ? `${window.location.origin}/login` : 'https://' + window.location.host + '/login'
+				})
+			);
+			if (errAuth) {
+				console.log('Error: ' + JSON.stringify(errAuth));
+				return (this.microsoftLoad = false);
+			}
 
-      // Track Referrals
-      if (this.referral) user.ref = this.referral;
+			// Track Referrals
+			if (this.referral) user.ref = this.referral;
 
-      // Code Login
-      if (this.display === "popup") user.response_type = "code";
+			// Code Login
+			if (this.display === 'popup') user.response_type = 'code';
 
-      if (user && (user.accessToken || user.idToken)) {
-        const [err, response] = await to(
-          AuthService.microsoftSDK(user, this.$storex)
-        );
-        if (err) {
-          this.microsoftLoad = false;
-          this.microsoftSSOLoad = false;
-          EventBus.$emit("ssoEvent", { name: "setLoading", data: false });
-          return this.errorHandler(err);
-        }
-        if (response.data.success) {
-          if (this.display === "popup") {
-            return window.parent?.postMessage(
-              { code: response.data.auth_code, state: this.$route.query.state },
-              "*"
-            );
-          }
-          await this.loginSetup(response);
-          await this.getLoggedInAccounts();
-          this.loginSuccess({ ...response, isModal: this.isModal });
-          setTimeout(() => {
-            this.microsoftLoad = false;
-            this.microsoftSSOLoad = false;
-          }, 1000);
-        } else this.errorSnack(this.ssoLang[this.appLanguage].unexpected_err);
-      } else {
-        this.microsoftLoad = false;
-        this.microsoftSSOLoad = false;
-        EventBus.$emit("ssoEvent", { name: "setLoading", data: false });
-      }
-    },
-    ssoLogin() {
-      EventBus.$emit("toggleSSOModal");
-    },
-  },
+			if (user && (user.accessToken || user.idToken)) {
+				const [err, response] = await to(AuthService.microsoftSDK(user, this.$storex));
+				if (err) {
+					this.microsoftLoad = false;
+					this.microsoftSSOLoad = false;
+					EventBus.$emit('ssoEvent', { name: 'setLoading', data: false });
+					return this.errorHandler(err);
+				}
+				if (response.data.success) {
+					if (this.display === 'popup') {
+						return window.parent?.postMessage({ code: response.data.auth_code, state: this.$route.query.state }, '*');
+					}
+					await this.loginSetup(response);
+					await this.getLoggedInAccounts();
+					this.loginSuccess({ ...response, isModal: this.isModal });
+					setTimeout(() => {
+						this.microsoftLoad = false;
+						this.microsoftSSOLoad = false;
+					}, 1000);
+				} else this.errorSnack(this.ssoLang[this.appLanguage].unexpected_err);
+			} else {
+				this.microsoftLoad = false;
+				this.microsoftSSOLoad = false;
+				EventBus.$emit('ssoEvent', { name: 'setLoading', data: false });
+			}
+		},
+		ssoLogin() {
+			EventBus.$emit('toggleSSOModal');
+		}
+	}
 };