@tapni/auth 1.0.8 → 1.0.9

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/qr-auth.mixin.js

@@ -1,117 +1,121 @@
-import to from 'await-to-js'
-import CompanyService from '../services/CompanyService'
-import {nextTick} from "vue";
-import QRCodeStyling from "qr-code-styling";
+import to from 'await-to-js';
+import CompanyService from '../services/CompanyService';
+import { nextTick } from 'vue';
+import QRCodeStyling from 'qr-code-styling';
 
 export default {
-  data () {
-    return {
-      isQrCodeLogin: false,
-      qrCode: null,
-      qrCodeHash: null,
-      qrCodeRefreshInterval: null,
-      poolingInterval: null,
-    }
-  },
-  props: {
-    isModal: {
-      type: Boolean,
-      required: false,
-      default: false,
-    },
-  },
-  computed: {
-    displayQRLogin () {
-      return this.$route.name === 'AuthLogin' && this.display !== 'npm';
-    }
-  },
-  mounted () {
-    if (this.$route.name === 'AuthQR') this.changeLoginToQr();
-  },
-  methods: {
-    async changeLoginToQr() {
-      this.isQrCodeLogin = true;
-      await nextTick();
-      await this.initQrCodeLogin();
-    },
-    generateRandomHash() {
-      const characters =
-          "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
-      const charactersLength = characters.length;
-      let result = "";
+	data() {
+		return {
+			isQrCodeLogin: false,
+			qrCode: null,
+			qrCodeHash: null,
+			qrCodeRefreshInterval: null,
+			poolingInterval: null
+		};
+	},
+	props: {
+		isModal: {
+			type: Boolean,
+			required: false,
+			default: false
+		}
+	},
+	computed: {
+		displayQRLogin() {
+			return this.$route.name === 'AuthLogin' && this.display !== 'npm';
+		}
+	},
+	mounted() {
+		if (this.$route.name === 'AuthQR') this.changeLoginToQr();
+	},
+	methods: {
+		async changeLoginToQr() {
+			this.isQrCodeLogin = true;
+			await nextTick();
+			await this.initQrCodeLogin();
+		},
+		generateRandomHash() {
+			const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
+			const charactersLength = characters.length;
+			let result = '';
 
-      // Create an array of 32-bit unsigned integers
-      const randomValues = new Uint32Array(32);
+			// Create an array of 32-bit unsigned integers
+			const randomValues = new Uint32Array(32);
 
-      // Generate random values
-      window.crypto.getRandomValues(randomValues);
-      randomValues.forEach((value) => {
-        result += characters.charAt(value % charactersLength);
-      });
+			// Generate random values
+			window.crypto.getRandomValues(randomValues);
+			randomValues.forEach((value) => {
+				result += characters.charAt(value % charactersLength);
+			});
 
-      return result;
-    },
-    refreshQrCode() {
-      if (this.qrCode) {
-        document.getElementById("qrCodeContainer")?.childNodes[0]?.remove();
-      }
+			return result;
+		},
+		refreshQrCode() {
+			if (this.qrCode) {
+				document.getElementById('qrCodeContainer')?.childNodes[0]?.remove();
+			}
 
-      this.qrCodeHash = this.generateRandomHash();
+			this.qrCodeHash = this.generateRandomHash();
 
-      this.qrCode = new QRCodeStyling({
-        width: 300,
-        height: 300,
-        type: "png",
-        image: "",
-        imageOptions: {
-          margin: 15,
-        },
-        data: this.qrCodeHash,
-        dotsOptions: {
-          type: "extra-rounded",
-          color: "#000000",
-        },
-        cornersSquareOptions: {
-          type: "extra-rounded",
-          color: "#000000",
-        },
-        cornersDotOptions: {
-          type: "",
-          color: "#000000",
-        },
-        backgroundOptions: {
-          color: "#ffffff00",
-        },
-      });
+			this.qrCode = new QRCodeStyling({
+				width: 300,
+				height: 300,
+				type: 'png',
+				image: '',
+				imageOptions: {
+					margin: 15
+				},
+				data: this.qrCodeHash,
+				dotsOptions: {
+					type: 'extra-rounded',
+					color: '#000000'
+				},
+				cornersSquareOptions: {
+					type: 'extra-rounded',
+					color: '#000000'
+				},
+				cornersDotOptions: {
+					type: '',
+					color: '#000000'
+				},
+				backgroundOptions: {
+					color: '#ffffff00'
+				}
+			});
 
-      this.qrCode.append(document.getElementById("qrCodeContainer"));
-    },
-    async startQrCodePooling() {
-      this.poolingInterval = setInterval(async () => {
-        const [err, response] = await to(CompanyService.qrCodePooling({
-          qrToken: this.qrCodeHash,
-        }, this.$storex));
-        if (err) return this.errorHandler(err);
-        if (response.data.auth_code) {
-          if (this.display !== 'popup') {
-            this.loginSetup({ ...response, isModal: this.isModal });
-            await this.getLoggedInAccounts();
-          }
+			this.qrCode.append(document.getElementById('qrCodeContainer'));
+		},
+		async startQrCodePooling() {
+			this.poolingInterval = setInterval(async () => {
+				const [err, response] = await to(
+					CompanyService.qrCodePooling(
+						{
+							qrToken: this.qrCodeHash
+						},
+						this.$storex
+					)
+				);
+				if (err) return this.errorHandler(err);
+				if (response.data.auth_code) {
+					if (this.display !== 'popup') {
+						this.loginSetup({ ...response, isModal: this.isModal });
+						await this.getLoggedInAccounts();
+					}
 
-          this.loginSuccess({ ...response, isModal: this.isModal });
-          clearInterval(this.poolingInterval);
-          clearInterval(this.qrCodeRefreshInterval);
-        }
-      }, 2000);
-    },
+					this.loginSuccess({ ...response, isModal: this.isModal });
+					clearInterval(this.poolingInterval);
+					clearInterval(this.qrCodeRefreshInterval);
+				}
+			}, 2000);
+		},
 
-    async initQrCodeLogin() {
-      this.refreshQrCode();
-      await nextTick();
-      await this.startQrCodePooling();
-      this.qrCodeRefreshInterval = setInterval(() => {
-        this.refreshQrCode();
-      }, 60000);
-    },
-  }
-}
+		async initQrCodeLogin() {
+			this.refreshQrCode();
+			await nextTick();
+			await this.startQrCodePooling();
+			this.qrCodeRefreshInterval = setInterval(() => {
+				this.refreshQrCode();
+			}, 60000);
+		}
+	}
+};

package/src/router/index.js

@@ -1,9 +1,9 @@
-import { createRouter, createWebHistory } from 'vue-router'
-import routes from '../routes.js'
+import { createRouter, createWebHistory } from 'vue-router';
+import routes from '../routes.js';
 
 const router = createRouter({
-  history: createWebHistory(import.meta.env.BASE_URL),
-  routes
-})
+	history: createWebHistory(import.meta.env.BASE_URL),
+	routes
+});
 
-export default router
+export default router;

package/src/routes.js

@@ -26,7 +26,7 @@ export default [
   {
     path: "/callback/saml",
     name: "Callback",
-    alias: ['/callback/okta', '/callback/auth'],
+    alias: ['/callback/okta', '/callback/auth', '/callback/redirect'],
     component: Callback,
   },
   {

package/src/services/Api.js

@@ -1,60 +1,58 @@
-import axios from 'axios'
-import { jwtDecode } from "jwt-decode";
-import { version } from "../../package.json"
+import axios from 'axios';
+import { jwtDecode } from 'jwt-decode';
+import { version } from '../../package.json';
 import store from '../store/store.js';
 
 export default (refreshTokenAction = null) => {
-    const appInfo = version;
-    let baseURL = import.meta.env.VITE_APP_API_ROOT + '/v1/';
-
-    if (store.getters['auth/apiRoot']) {
-      baseURL = store.getters['auth/apiRoot'] + '/v1/';
-    }
-
-    let apiInstance = axios.create({
-      baseURL,
-      headers: {
-        Authorization: `Bearer ${store.getters['auth/accessToken']}`,
-        "X-Client-Name": "sso-" + appInfo.platform,
-        "X-Client-Version": appInfo.version
-      }
-    })
-
-    // Add a request interceptor
-    apiInstance.interceptors.request.use(async function (config) {
-
-      if (['post', 'put', 'delete'].includes(config.method.toLowerCase())) {
-        config.data = {
-          ...config.data,
-          lang: store.getters['auth/appLanguage'],
-          realm: store.getters['auth/appRealm'] || 'app'
-        }
-      } else if (config.method.toLowerCase() === 'get') {
-        config.params = {
-          ...config.params,
-          lang: store.getters['auth/appLanguage'],
-          realm: store.getters['auth/appRealm'] || 'app'
-        }
-      }
-
-        // Check refresh token expiration before request is sent
-      if (store.getters['auth/accessToken'] && !refreshTokenAction) {
-        const decoded = jwtDecode(store.getters['auth/accessToken'])
-
-        // Check if access token expired
-        if (decoded.exp - 30 < Math.floor(Date.now() / 1000)) {
-          return store.dispatch('auth/refreshTokenAction', decoded)
-              .then(() => {
-                config.headers = {
-                  ...config.headers,
-                  Authorization: `Bearer ${store.getters['auth/accessToken']}`
-                }
-                return config;
-              })
-        }
-      }
-      return config;
-    });
-
-    return apiInstance;
-}
+	const appInfo = version;
+	let baseURL = import.meta.env.VITE_APP_API_ROOT + '/v1/';
+
+	if (store.getters['auth/apiRoot']) {
+		baseURL = store.getters['auth/apiRoot'] + '/v1/';
+	}
+
+	let apiInstance = axios.create({
+		baseURL,
+		headers: {
+			Authorization: `Bearer ${store.getters['auth/accessToken']}`,
+			'X-Client-Name': 'sso-' + appInfo.platform,
+			'X-Client-Version': appInfo.version
+		}
+	});
+
+	// Add a request interceptor
+	apiInstance.interceptors.request.use(async function (config) {
+		if (['post', 'put', 'delete'].includes(config.method.toLowerCase())) {
+			config.data = {
+				...config.data,
+				lang: store.getters['auth/appLanguage'],
+				realm: store.getters['auth/appRealm'] || 'app'
+			};
+		} else if (config.method.toLowerCase() === 'get') {
+			config.params = {
+				...config.params,
+				lang: store.getters['auth/appLanguage'],
+				realm: store.getters['auth/appRealm'] || 'app'
+			};
+		}
+
+		// Check refresh token expiration before request is sent
+		if (store.getters['auth/accessToken'] && !refreshTokenAction) {
+			const decoded = jwtDecode(store.getters['auth/accessToken']);
+
+			// Check if access token expired
+			if (decoded.exp - 30 < Math.floor(Date.now() / 1000)) {
+				return store.dispatch('auth/refreshTokenAction', decoded).then(() => {
+					config.headers = {
+						...config.headers,
+						Authorization: `Bearer ${store.getters['auth/accessToken']}`
+					};
+					return config;
+				});
+			}
+		}
+		return config;
+	});
+
+	return apiInstance;
+};

package/src/services/CompanyService.js

@@ -1,13 +1,13 @@
 import api from './Api';
 
 export default {
-  getBySSOEmail (email) {
-    return api().get(`/company/sso/${email}`)
-  },
-  acceptCompanyInvitation (code) {
-    return api().get(`/users/invitation?ic=${code}`)
-  },
-  qrCodePooling(payload) {
-    return api().post("/company/login/qr", payload);
-  },
-}
+	getBySSOEmail(email) {
+		return api().get(`/company/sso/${email}`);
+	},
+	acceptCompanyInvitation(code) {
+		return api().get(`/users/invitation?ic=${code}`);
+	},
+	qrCodePooling(payload) {
+		return api().post('/company/login/qr', payload);
+	}
+};

package/src/services/DeviceService.js

@@ -2,9 +2,9 @@ import api from './Api';
 
 export default {
 	registerDevice(data) {
-		return api().post(`/devices/add`, data)
+		return api().post(`/devices/add`, data);
 	},
 	addFcmToken(data) {
-		return api().post(`/devices/fcm/add`, data)
+		return api().post(`/devices/fcm/add`, data);
 	}
-}
+};

package/src/services/UserService.js

@@ -1,49 +1,49 @@
 import api from './Api.js';
 
 export default {
-  getMe() {
-    return api().get(`/users/me`);
-  },
-  getByUsername(data) {
-    let referrer = document.referrer || "";
-    let params = data.utmParams || {};
-    if (data.dontTap) params.dontTap = true;
-    return api().get(`/users/${data.username}`, {
-      params,
-      headers: { "X-Referer": referrer },
-    });
-  },
-  getByNumber(data) {
-    let referrer = document.referrer || "";
-    let params = data.utmParams || {};
-    if (data.dontTap) params.dontTap = true;
-    return api().get(`/users/tag/${data.serial}`, {
-      params,
-      headers: { "X-Referer": referrer },
-    });
-  },
-  save(data) {
-    return api().put(`/users`, data);
-  },
-  newPassword(data) {
-    return api().put(`/users/new-password`, data);
-  },
-  connect(data) {
-    return api().post(`/users/connect`, data);
-  },
-  eventLog(data) {
-    return api().post(`/users/log`, data);
-  },
-  deleteAccount(data) {
-    return api().post(`/users/profile/delete`, data);
-  },
-  registerDevice(data) {
-    return api().post(`/users/device/register`, data);
-  },
-  addFcmToken(data) {
-    return api().post(`/users/device/fcm`, data);
-  },
-  loginUsingQR(data) {
-    return api().post("/users/qr/login", data);
-  }
+	getMe() {
+		return api().get(`/users/me`);
+	},
+	getByUsername(data) {
+		let referrer = document.referrer || '';
+		let params = data.utmParams || {};
+		if (data.dontTap) params.dontTap = true;
+		return api().get(`/users/${data.username}`, {
+			params,
+			headers: { 'X-Referer': referrer }
+		});
+	},
+	getByNumber(data) {
+		let referrer = document.referrer || '';
+		let params = data.utmParams || {};
+		if (data.dontTap) params.dontTap = true;
+		return api().get(`/users/tag/${data.serial}`, {
+			params,
+			headers: { 'X-Referer': referrer }
+		});
+	},
+	save(data) {
+		return api().put(`/users`, data);
+	},
+	newPassword(data) {
+		return api().put(`/users/new-password`, data);
+	},
+	connect(data) {
+		return api().post(`/users/connect`, data);
+	},
+	eventLog(data) {
+		return api().post(`/users/log`, data);
+	},
+	deleteAccount(data) {
+		return api().post(`/users/profile/delete`, data);
+	},
+	registerDevice(data) {
+		return api().post(`/users/device/register`, data);
+	},
+	addFcmToken(data) {
+		return api().post(`/users/device/fcm`, data);
+	},
+	loginUsingQR(data) {
+		return api().post('/users/qr/login', data);
+	}
 };