@tapni/auth 0.0.170 → 0.0.172

package/src/components/OTP.vue

@@ -1,105 +1,75 @@
 <template>
-  <form
-    @submit.prevent="submit"
-    class="menu-wrapper menu-light menu-modal center-text activate-page"
-    :class="{ 'active-menu': toggle }"
-    style="height: auto; margin-top: -172.5px"
-  >
-    <a
-      @click="forceClose"
-      class="color-black pull-right pointer"
-      style="margin-top: 5px; position: absolute; right: 5px"
-    >
-      <i class="font-17 color-black">
-        <img
-          src="https://cdn.tapni.co/icons/down-arrow.png"
-          class="responsive-image"
-          style="width: 45%"
-        />
-      </i>
-    </a>
-    <img
-        :src="'https://cdn.tapni.co/icons/padlock.png'"
-        class="small-bottom" style="margin: 0 auto; margin-top: 2px; margin-bottom: 15px; width: 40px;"
-    />
-    <h3 class="bold center-text color-black half-top half-bottom">
-      {{ ssoLang[appLanguage].otp_title }}
-    </h3>
-    <p class="half-top full-bottom padding-left padding-right" v-html="ssoLang[appLanguage].otp_subtitle"></p>
-    <div>
-      <input
-        type="text"
-        v-model="otp"
-        :placeholder="ssoLang[appLanguage].otp_code"
-        class="edit-input h-40 lh-40"
-        style="width: 80%; margin: 0 auto; height: 25px;"
-        required
-        @keydown.space.prevent
-      />
-    </div>
+	<form @submit.prevent="submit" class="menu-wrapper menu-light menu-modal center-text activate-page" :class="{ 'active-menu': toggle }" style="height: auto; margin-top: -172.5px">
+		<a @click="forceClose" class="color-black pull-right pointer" style="margin-top: 5px; position: absolute; right: 5px">
+			<i class="font-17 color-black">
+				<img src="https://cdn.tapni.co/icons/down-arrow.png" class="responsive-image" style="width: 45%" />
+			</i>
+		</a>
+		<img :src="'https://cdn.tapni.co/icons/padlock.png'" class="small-bottom" style="margin: 0 auto; margin-top: 2px; margin-bottom: 15px; width: 40px" />
+		<h3 class="bold center-text color-black half-top half-bottom">
+			{{ ssoLang[appLanguage].otp_title }}
+		</h3>
+		<p class="half-top full-bottom padding-left padding-right" v-html="ssoLang[appLanguage].otp_subtitle"></p>
+		<div>
+			<input type="text" v-model="otp" :placeholder="ssoLang[appLanguage].otp_code" class="edit-input h-40 lh-40" style="width: 80%; margin: 0 auto; height: 25px" required @keydown.space.prevent />
+		</div>
 
-    <button
-      type="submit"
-      class="button black-button white-button button-full"
-      style="margin: 0 auto; margin-top: 25px; margin-bottom: 30px"
-    >
-      <span v-if="!loading">{{ ssoLang[appLanguage].continue }} </span>
-      <span v-else class="button--loading button__loader"></span>
-    </button>
+		<button type="submit" class="button black-button white-button button-full" style="margin: 0 auto; margin-top: 25px; margin-bottom: 30px">
+			<span v-if="!loading">{{ ssoLang[appLanguage].continue }} </span>
+			<span v-else class="button--loading button__loader"></span>
+		</button>
 
-    <p class="close-text center-text half-top color-black">
-      <span v-html="ssoLang[this.appLanguage].otp_p1"></span>
-      <a href="mailto:support@tapni.com?subject=MFA Authentication Problem"> support@tapni.com</a>
-    </p>
-
-  </form>
+		<p class="close-text center-text half-top color-black">
+			<span v-html="ssoLang[this.appLanguage].otp_p1"></span>
+			<a href="mailto:support@tapni.com?subject=MFA Authentication Problem"> support@tapni.com</a>
+		</p>
+	</form>
 </template>
 
 <script>
-import { EventBus } from "../store/event-bus.js";
-import AuthMixin from "@/mixins/auth.mixin.js";
+import { EventBus } from '../store/event-bus.js';
+import AuthMixin from '@/mixins/auth.mixin.js';
 export default {
-  name: "OTP",
-  mixins: [AuthMixin],
-  data() {
-    return {
-      toggle: false,
-      otp: "",
-      loading: false,
-    };
-  },
-  mounted() {
-    EventBus.$on("toggleOTPModal", this.toggleModal);
-    EventBus.$on("closeModal", () => {
-      this.toggle = false;
-    });
-  },
-  beforeDestroy() {
-    EventBus["_events"]["toggleOTPModal"].pop();
-  },
-  methods: {
-    forceClose() {
-      EventBus.$emit("closeModal");
-    },
-    close() {
-      this.toggleModal();
-    },
-    async submit() {
-      if (!this.otp || this.otp.length !== 6) {
-        return this.errorSnack(this.ssoLang[this.appLanguage].invalid_code)
-      }
+	name: 'OTP',
+	mixins: [AuthMixin],
+	data() {
+		return {
+			toggle: false,
+			otp: '',
+			loading: false
+		};
+	},
+	mounted() {
+		EventBus.$on('toggleOTPModal', this.toggleModal);
+		EventBus.$on('closeModal', () => {
+			this.toggle = false;
+		});
+	},
+	beforeDestroy() {
+		EventBus['_events']['toggleOTPModal'].pop();
+	},
+	methods: {
+		forceClose() {
+			EventBus.$emit('closeModal');
+		},
+		close() {
+			this.toggleModal();
+		},
+		async submit() {
+			if (!this.otp || this.otp.length !== 6) {
+				return this.errorSnack(this.ssoLang[this.appLanguage].invalid_code);
+			}
 
-      this.loading = true;
-      EventBus.$emit('otpSubmitted', this.otp);
-      EventBus.$emit("toggleOTPModal")
-      this.loading = false;
-    },
-    toggleModal() {
-      this.toggle = !this.toggle;
-    },
-  },
+			this.loading = true;
+			EventBus.$emit('otpSubmitted', this.otp);
+			EventBus.$emit('toggleOTPModal');
+			this.loading = false;
+		},
+		toggleModal() {
+			this.toggle = !this.toggle;
+		}
+	}
 };
 </script>
 
-<style scoped>
-</style>
+<style scoped></style>

package/src/components/SSO.vue

@@ -1,126 +1,95 @@
 <template>
-  <form
-    @submit.prevent="submit"
-    class="menu-wrapper menu-light menu-modal center-text activate-page"
-    :class="{ 'active-menu': toggle }"
-    style="height: auto; margin-top: -172.5px"
-  >
-    <a
-      @click="forceClose"
-      class="color-black pull-right pointer"
-      style="margin-top: 5px; position: absolute; right: 5px"
-    >
-      <i class="font-17 color-black">
-        <img
-          src="https://cdn.tapni.co/icons/down-arrow.png"
-          class="responsive-image"
-          style="width: 45%"
-        />
-      </i>
-    </a>
-    <h3 class="bold center-text color-black half-top half-bottom">
-      {{ ssoLang[appLanguage].enter_company_email }}
-    </h3>
-    <div>
-      <input
-        type="text"
-        v-model="email"
-        :placeholder="ssoLang[this.appLanguage].email"
-        autocomplete="off"
-        autocorrect="off"
-        autocapitalize="off"
-        spellcheck="false"
-        class="edit-input h-40 lh-40"
-        style="width: 80%"
-        required
-        @keydown.space.prevent
-      />
-    </div>
+	<form @submit.prevent="submit" class="menu-wrapper menu-light menu-modal center-text activate-page" :class="{ 'active-menu': toggle }" style="height: auto; margin-top: -172.5px">
+		<a @click="forceClose" class="color-black pull-right pointer" style="margin-top: 5px; position: absolute; right: 5px">
+			<i class="font-17 color-black">
+				<img src="https://cdn.tapni.co/icons/down-arrow.png" class="responsive-image" style="width: 45%" />
+			</i>
+		</a>
+		<h3 class="bold center-text color-black half-top half-bottom">
+			{{ ssoLang[appLanguage].enter_company_email }}
+		</h3>
+		<div>
+			<input type="text" v-model="email" :placeholder="ssoLang[this.appLanguage].email" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" class="edit-input h-40 lh-40" style="width: 80%" required @keydown.space.prevent />
+		</div>
 
-    <button
-      type="submit"
-      class="button black-button white-button button-full"
-      style="margin: 0 auto; margin-top: 25px; margin-bottom: 30px"
-    >
-      <span v-if="!loading">{{ ssoLang[appLanguage].continue }} </span>
-      <span v-else class="button--loading button__loader"></span>
-    </button>
-  </form>
+		<button type="submit" class="button black-button white-button button-full" style="margin: 0 auto; margin-top: 25px; margin-bottom: 30px">
+			<span v-if="!loading">{{ ssoLang[appLanguage].continue }} </span>
+			<span v-else class="button--loading button__loader"></span>
+		</button>
+	</form>
 </template>
 
 <script>
-import { EventBus } from "../store/event-bus";
-import MicrosoftMixin from "../mixins/microsoft.mixin";
-import OktaMixin from "../mixins/okta.mixin";
-import SamlMixin from "../mixins/saml.mixin";
-import AuthMixin from "../mixins/auth.mixin";
+import { EventBus } from '../store/event-bus';
+import MicrosoftMixin from '../mixins/microsoft.mixin';
+import OktaMixin from '../mixins/okta.mixin';
+import SamlMixin from '../mixins/saml.mixin';
+import AuthMixin from '../mixins/auth.mixin';
 export default {
-  name: "SSO",
-  mixins: [MicrosoftMixin, OktaMixin, SamlMixin, AuthMixin],
-  data() {
-    return {
-      toggle: false,
-      email: "",
-      loading: false,
-    };
-  },
-  mounted() {
-    EventBus.$on("toggleSSOModal", this.toggleModal);
-    EventBus.$on("closeModal", () => {
-      this.toggle = false;
-    });
-  },
-  beforeDestroy() {
-    EventBus["_events"]["toggleSSOModal"].pop();
-  },
-  methods: {
-    forceClose() {
-      EventBus.$emit("closeModal");
-    },
-    close() {
-      this.toggleModal();
-    },
-    async submit() {
-      this.loading = true;
-      const response = await this.getCompanyBySSOEmail({ email: this.email });
-      this.loading = false;
-      let ssoTypes;
-      if (!response || response.error) return;
-      else {
-        ssoTypes = Object.keys(response.sso);
-        if (!ssoTypes.length) {
-          this.forceClose();
-          return this.errorSnack(this.ssoLang[this.appLanguage].no_sso_logins);
-        } else if (ssoTypes.length <= 1) {
-          if (ssoTypes[0] === "azure")
-            this.microsoftLogin("sso", response.sso.azure.sso);
-          if (ssoTypes[0] === "okta") this.oktaLogin(response.sso.okta.sso);
-          if (ssoTypes[0] === "saml")
-            this.samlLogin(response.sso.saml.sso.loginUrl);
-        } else {
-          this.forceClose();
-          EventBus.$emit("toggleSSOPickModal", {
-            sso: response.sso,
-            email: this.email,
-          });
-        }
-      }
-    },
-    toggleModal() {
-      this.toggle = !this.toggle;
-    },
-  },
+	name: 'SSO',
+	mixins: [MicrosoftMixin, OktaMixin, SamlMixin, AuthMixin],
+	data() {
+		return {
+			toggle: false,
+			email: '',
+			loading: false
+		};
+	},
+	mounted() {
+		EventBus.$on('toggleSSOModal', this.toggleModal);
+		EventBus.$on('closeModal', () => {
+			this.toggle = false;
+		});
+	},
+	beforeDestroy() {
+		EventBus['_events']['toggleSSOModal'].pop();
+	},
+	methods: {
+		forceClose() {
+			EventBus.$emit('closeModal');
+		},
+		close() {
+			this.toggleModal();
+		},
+		async submit() {
+			this.loading = true;
+			const response = await this.getCompanyBySSOEmail({ email: this.email });
+			this.loading = false;
+			let ssoTypes;
+			if (!response || response.error) return;
+			else {
+				ssoTypes = Object.keys(response.sso);
+				if (!ssoTypes.length) {
+					this.forceClose();
+					return this.errorSnack(this.ssoLang[this.appLanguage].no_sso_logins);
+				} else if (ssoTypes.length <= 1) {
+					if (ssoTypes[0] === 'azure') this.microsoftLogin('sso', response.sso.azure.sso);
+					if (ssoTypes[0] === 'okta') this.oktaLogin(response.sso.okta.sso);
+					if (ssoTypes[0] === 'saml') this.samlLogin(response.sso.saml.sso.loginUrl);
+				} else {
+					this.forceClose();
+					EventBus.$emit('toggleSSOPickModal', {
+						sso: response.sso,
+						email: this.email
+					});
+				}
+			}
+		},
+		toggleModal() {
+			this.toggle = !this.toggle;
+		}
+	}
 };
 </script>
 
 <style scoped>
 .sso-img {
-  margin: 0 auto;
-  margin-top: 2px;
-  width: 35px;
+	margin: 0 auto;
+	margin-top: 2px;
+	width: 35px;
 }
 input {
-  margin: 0 auto;
-  height: 25px;
+	margin: 0 auto;
+	height: 25px;
 }
 </style>

package/src/components/SSOPick.vue

@@ -1,166 +1,111 @@
 <template>
-  <form
-    @submit.prevent
-    class="menu-wrapper menu-light menu-modal center-text activate-page"
-    :class="{ 'active-menu': toggle }"
-    style="height: auto; margin-top: -172.5px"
-  >
-    <a
-      @click="forceClose"
-      class="color-black pull-right pointer"
-      style="margin-top: 5px; position: absolute; right: 5px"
-    >
-      <i class="font-17 color-black">
-        <img
-          src="https://cdn.tapni.co/icons/down-arrow.png"
-          class="responsive-image"
-          style="width: 45%"
-        />
-      </i>
-    </a>
-    <h3 class="bold center-text color-black half-top half-bottom">
-      {{ ssoLang[appLanguage].select_sign_method }}
-    </h3>
+	<form @submit.prevent class="menu-wrapper menu-light menu-modal center-text activate-page" :class="{ 'active-menu': toggle }" style="height: auto; margin-top: -172.5px">
+		<a @click="forceClose" class="color-black pull-right pointer" style="margin-top: 5px; position: absolute; right: 5px">
+			<i class="font-17 color-black">
+				<img src="https://cdn.tapni.co/icons/down-arrow.png" class="responsive-image" style="width: 45%" />
+			</i>
+		</a>
+		<h3 class="bold center-text color-black half-top half-bottom">
+			{{ ssoLang[appLanguage].select_sign_method }}
+		</h3>
 
-    <!-- Azure Login Button -->
-    <a
-      v-if="sso?.azure"
-      @click="ssoLogin('azure')"
-      class="button-center button black-button button-90 google-button pointer"
-    >
-      <img
-        src="https://cdn.tapni.co/icons/azure.png"
-        style="
-          position: absolute;
-          margin-left: -11px;
-          padding: 8px 0;
-          height: 100%;
-        "
-      />
-      <span v-if="!azureLoad"
-        >{{ ssoLang[appLanguage].sign_in_with }} Azure</span
-      >
-      <span v-else class="button--loading button__loader"></span>
-    </a>
+		<!-- Azure Login Button -->
+		<a v-if="sso?.azure" @click="ssoLogin('azure')" class="button-center button black-button button-90 google-button pointer">
+			<img src="https://cdn.tapni.co/icons/azure.png" style="position: absolute; margin-left: -11px; padding: 8px 0; height: 100%" />
+			<span v-if="!azureLoad">{{ ssoLang[appLanguage].sign_in_with }} Azure</span>
+			<span v-else class="button--loading button__loader"></span>
+		</a>
 
-    <!-- Okta Login Button -->
-    <a
-      v-if="sso?.okta"
-      @click="ssoLogin('okta')"
-      class="button-center button black-button button-90 google-button pointer"
-    >
-      <img
-        src="https://cdn.tapni.co/icons/okta.png"
-        style="
-          position: absolute;
-          margin-left: -11px;
-          padding: 8px 0;
-          height: 100%;
-        "
-      />
-      <span v-if="!oktaLoad"
-        >{{ ssoLang[appLanguage].sign_in_with }} Okta</span
-      >
-      <span v-else class="button--loading button__loader"></span>
-    </a>
+		<!-- Okta Login Button -->
+		<a v-if="sso?.okta" @click="ssoLogin('okta')" class="button-center button black-button button-90 google-button pointer">
+			<img src="https://cdn.tapni.co/icons/okta.png" style="position: absolute; margin-left: -11px; padding: 8px 0; height: 100%" />
+			<span v-if="!oktaLoad">{{ ssoLang[appLanguage].sign_in_with }} Okta</span>
+			<span v-else class="button--loading button__loader"></span>
+		</a>
 
-    <!-- SAML Login Button -->
-    <a
-      v-if="sso?.saml"
-      @click="ssoLogin('saml')"
-      class="button-center button black-button button-90 google-button pointer"
-    >
-      <img
-        src="https://cdn.tapni.co/icons/saml.png"
-        style="
-          position: absolute;
-          margin-left: -11px;
-          padding: 8px 0;
-          height: 100%;
-        "
-      />
-      <span v-if="!samlLoad"
-        >{{ ssoLang[appLanguage].sign_in_with }} SAML</span
-      >
-      <span v-else class="button--loading button__loader"></span>
-    </a>
-  </form>
+		<!-- SAML Login Button -->
+		<a v-if="sso?.saml" @click="ssoLogin('saml')" class="button-center button black-button button-90 google-button pointer">
+			<img src="https://cdn.tapni.co/icons/saml.png" style="position: absolute; margin-left: -11px; padding: 8px 0; height: 100%" />
+			<span v-if="!samlLoad">{{ ssoLang[appLanguage].sign_in_with }} SAML</span>
+			<span v-else class="button--loading button__loader"></span>
+		</a>
+	</form>
 </template>
 
 <script>
-import { EventBus } from "../store/event-bus";
-import MicrosoftMixin from "../mixins/microsoft.mixin";
-import OktaMixin from "../mixins/okta.mixin";
-import SamlMixin from "../mixins/saml.mixin";
-import AuthMixin from "../mixins/auth.mixin";
+import { EventBus } from '../store/event-bus';
+import MicrosoftMixin from '../mixins/microsoft.mixin';
+import OktaMixin from '../mixins/okta.mixin';
+import SamlMixin from '../mixins/saml.mixin';
+import AuthMixin from '../mixins/auth.mixin';
 export default {
-  name: "SSOPick",
-  mixins: [MicrosoftMixin, OktaMixin, SamlMixin, AuthMixin],
-  data() {
-    return {
-      toggle: false,
-      sso: null,
-      email: null,
-      azureLoad: false,
-      oktaLoad: false,
-      samlLoad: false,
-    };
-  },
-  mounted() {
-    EventBus.$on("toggleSSOPickModal", this.toggleModal);
-    EventBus.$on("closeModal", () => {
-      this.toggle = false;
-    });
-  },
-  beforeDestroy() {
-    EventBus["_events"]["toggleSSOPickModal"].pop();
-  },
-  methods: {
-    forceClose() {
-      EventBus.$emit("closeModal");
-    },
-    close() {
-      this.toggleModal();
-    },
-    async ssoLogin(type) {
-      if (type === "azure") {
-        this.microsoftLogin("sso", this.sso.azure.sso);
-        this.azureLoad = true;
-      }
-      if (type === "okta") {
-        this.oktaLogin(this.sso.okta.sso);
-        this.oktaLoad = true;
-      }
-      if (type === "saml") {
-        this.samlLogin(this.sso.saml.sso.loginUrl);
-        this.samlLoad = true;
-      }
-    },
-    toggleModal(data) {
-      this.azureLoad = false;
-      this.oktaLoad = false;
-      this.samlLoad = false;
-      this.sso = null;
-      this.email = null;
+	name: 'SSOPick',
+	mixins: [MicrosoftMixin, OktaMixin, SamlMixin, AuthMixin],
+	data() {
+		return {
+			toggle: false,
+			sso: null,
+			email: null,
+			azureLoad: false,
+			oktaLoad: false,
+			samlLoad: false
+		};
+	},
+	mounted() {
+		EventBus.$on('toggleSSOPickModal', this.toggleModal);
+		EventBus.$on('closeModal', () => {
+			this.toggle = false;
+		});
+	},
+	beforeDestroy() {
+		EventBus['_events']['toggleSSOPickModal'].pop();
+	},
+	methods: {
+		forceClose() {
+			EventBus.$emit('closeModal');
+		},
+		close() {
+			this.toggleModal();
+		},
+		async ssoLogin(type) {
+			if (type === 'azure') {
+				this.microsoftLogin('sso', this.sso.azure.sso);
+				this.azureLoad = true;
+			}
+			if (type === 'okta') {
+				this.oktaLogin(this.sso.okta.sso);
+				this.oktaLoad = true;
+			}
+			if (type === 'saml') {
+				this.samlLogin(this.sso.saml.sso.loginUrl);
+				this.samlLoad = true;
+			}
+		},
+		toggleModal(data) {
+			this.azureLoad = false;
+			this.oktaLoad = false;
+			this.samlLoad = false;
+			this.sso = null;
+			this.email = null;
 
-      if (data) {
-        this.sso = data.sso;
-        this.email = data.email;
-      }
-      this.toggle = !this.toggle;
-    },
-  },
+			if (data) {
+				this.sso = data.sso;
+				this.email = data.email;
+			}
+			this.toggle = !this.toggle;
+		}
+	}
 };
 </script>
 
 <style scoped>
 .sso-img {
-  margin: 0 auto;
-  margin-top: 2px;
-  width: 35px;
+	margin: 0 auto;
+	margin-top: 2px;
+	width: 35px;
 }
 input {
-  margin: 0 auto;
-  height: 25px;
+	margin: 0 auto;
+	height: 25px;
 }
 </style>

package/src/eslint.config.js

@@ -0,0 +1,15 @@
+import pluginVue from 'eslint-plugin-vue';
+export default [
+	...pluginVue.configs['flat/recommended'],
+	{
+		rules: {
+			'vue/require-valid-default-prop': 'off',
+			'vue/max-attributes-per-line': 'off',
+			'vue/html-indent': 'off',
+			'vue/html-self-closing': 'off',
+			'vue/singleline-html-element-content-newline': 'off'
+			// override/add rules settings here, such as:
+			// 'vue/no-unused-vars': 'error'
+		}
+	}
+];