@tapni/auth 1.0.4 → 1.0.5

package/src/views/Login.vue

@@ -24,9 +24,10 @@
         />
       </i>
     </a>
-    <h1 class="bold no-bottom center-text" style="margin-top: 63px;">
-      {{ this.ssoLang[this.appLanguage].login }}
-    </h1>
+    <h2 class="bold no-bottom center-text" style="margin-top: 63px;">
+      <span v-if="isSSOLogin">{{ this.ssoLang[this.appLanguage].enter_company_email }}</span>
+      <span v-else>{{ this.ssoLang[this.appLanguage].login }}</span>
+    </h2>
     <p class="half-bottom small-top center-text color-black"></p>
 
     <span v-if="displayFormLogin">
@@ -46,12 +47,12 @@
           spellcheck="false"
           type="text"
           name="email"
-          :placeholder="ssoLang[this.appLanguage].email_username"
+          :placeholder="isSSOLogin ? ssoLang[this.appLanguage].email : ssoLang[this.appLanguage].email_username"
           required
         />
         <em></em>
       </div>
-      <div class="page-login-field half-bottom">
+      <div v-if="!isSSOLogin" class="page-login-field half-bottom">
         <i style="padding-top: 15px">
           <img
             src="https://cdn.tapni.co/icons/padlock.png"
@@ -106,163 +107,170 @@
         <span v-else class="button--loading button__loader"></span>
       </button>
     </span>
+
     <div class="decoration decoration-lines-thin half-top half-bottom"></div>
-    <!-- Apple Login Button -->
-    <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[appLanguage].sign_in_with }} Apple</span>
-      <span v-else class="button--loading-black button__loader"></span>
-    </a>
 
-    <!-- Google Login Button -->
-    <a
-      @click="googleLogin"
-      v-if="displayGoogleLogin"
-      class="button-center button button-90 google-button pointer"
-    >
-      <img
-        src="https://cdn.tapni.co/icons/g-logo.png"
-        style="
-          position: absolute;
-          margin-left: -10px;
-          padding: 8px 0;
-          height: 100%;
-        "
-      />
-      <span v-if="!googleLoad"
-        >{{ ssoLang[appLanguage].sign_in_with }} Google</span
+    <!-- Login Buttons -->
+    <span v-show="!isSSOLogin">
+      <!-- Apple Login Button -->
+      <a
+          @click="appleLogin"
+          v-if="displayAppleLogin"
+          class="button-center button button-90 google-button pointer"
       >
-      <span v-else class="button--loading-black button__loader"></span>
-    </a>
+        <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[appLanguage].sign_in_with }} Apple</span>
+        <span v-else class="button--loading-black button__loader"></span>
+      </a>
 
-    <!-- Facebook Login Button -->
-    <a
-      @click="facebookLogin"
-      v-if="displayFacebookLogin"
-      class="button-center button button-90 google-button pointer"
-    >
-      <img
-        src="https://cdn.tapni.co/icons/facebook-blue.png"
-        style="
-          position: absolute;
-          margin-left: -9px;
-          padding: 10px 0;
-          height: 100%;
-        "
-      />
-      <span v-if="!facebookLoad"
-        >{{ ssoLang[appLanguage].sign_in_with }} Facebook</span
+        <!-- Google Login Button -->
+      <a
+          @click="googleLogin"
+          v-if="displayGoogleLogin"
+          class="button-center button button-90 google-button pointer"
       >
-      <span v-else class="button--loading-black button__loader"></span>
-    </a>
+        <img
+            src="https://cdn.tapni.co/icons/g-logo.png"
+            style="
+            position: absolute;
+            margin-left: -10px;
+            padding: 8px 0;
+            height: 100%;
+          "
+        />
+        <span v-if="!googleLoad"
+        >{{ ssoLang[appLanguage].sign_in_with }} Google</span
+        >
+        <span v-else class="button--loading-black button__loader"></span>
+      </a>
 
-    <!-- Microsoft Login Button -->
-    <a
-      @click="microsoftLogin"
-      v-if="!displayMicrosoftSSOLogin"
-      class="button-center button button-90 google-button pointer"
-    >
-      <img
-        src="https://cdn.tapni.co/icons/outlook.png"
-        style="
-          position: absolute;
-          margin-left: -8px;
-          padding: 10px 0;
-          height: 100%;
-        "
-      />
-      <span v-if="!microsoftLoad"
+        <!-- Facebook Login Button -->
+      <a
+          @click="facebookLogin"
+          v-if="displayFacebookLogin"
+          class="button-center button button-90 google-button pointer"
+      >
+        <img
+            src="https://cdn.tapni.co/icons/facebook-blue.png"
+            style="
+            position: absolute;
+            margin-left: -9px;
+            padding: 10px 0;
+            height: 100%;
+          "
+        />
+        <span v-if="!facebookLoad"
+        >{{ ssoLang[appLanguage].sign_in_with }} Facebook</span
+        >
+        <span v-else class="button--loading-black button__loader"></span>
+      </a>
+
+        <!-- Microsoft Login Button -->
+      <a
+          @click="microsoftLogin"
+          v-if="!displayMicrosoftSSOLogin"
+          class="button-center button button-90 google-button pointer"
+      >
+        <img
+            src="https://cdn.tapni.co/icons/outlook.png"
+            style="
+            position: absolute;
+            margin-left: -8px;
+            padding: 10px 0;
+            height: 100%;
+          "
+        />
+        <span v-if="!microsoftLoad"
         >{{ ssoLang[appLanguage].sign_in_with }} Outlook</span
+        >
+        <span v-else class="button--loading-black button__loader"></span>
+      </a>
+
+        <!-- Microsoft SSO Button -->
+      <a
+          @click="isSSOLogin = true"
+          v-if="!displayMicrosoftSSOLogin"
+          class="button-center button button-90 google-button pointer"
       >
-      <span v-else class="button--loading-black button__loader"></span>
-    </a>
+        <img
+            src="https://cdn.tapni.co/icons/sso-key.png"
+            style="
+            position: absolute;
+            margin-left: -8px;
+            padding: 10px 0;
+            height: 100%;
+          "
+        />
+        <span v-if="!microsoftSSOLoad">{{ ssoLang[appLanguage].sign_in_with }} SSO</span>
+        <span v-else class="button--loading-black button__loader"></span>
+      </a>
 
-    <!-- Microsoft SSO Button -->
-    <a
-      @click="ssoLogin"
-      v-if="!displayMicrosoftSSOLogin"
-      class="button-center button button-90 google-button pointer"
-    >
-      <img
-        src="https://cdn.tapni.co/icons/sso-key.png"
-        style="
-          position: absolute;
-          margin-left: -8px;
-          padding: 10px 0;
-          height: 100%;
-        "
-      />
-      <span v-if="!microsoftSSOLoad">{{ ssoLang[appLanguage].sign_in_with }} SSO</span>
-      <span v-else class="button--loading-black button__loader"></span>
-    </a>
-    <!-- Microsoft SSO Button -->
-    <a
-      @click="microsoftLogin('sso')"
-      v-if="displayMicrosoftSSOLogin"
-      class="button-center button button-90 google-button pointer"
-    >
-      <img
-        src="https://cdn.tapni.co/icons/sso-key.png"
-        style="
-          position: absolute;
-          margin-left: -8px;
-          padding: 10px 0;
-          height: 100%;
-        "
-      />
-      <span v-if="microsoftSSOLoad">{{ ssoLang[appLanguage].sign_in_with }} SSO</span>
-      <span v-else class="button--loading-black button__loader"></span>
-    </a>
+        <!-- Microsoft SSO Button -->
+      <a
+          @click="microsoftLogin('sso')"
+          v-if="displayMicrosoftSSOLogin"
+          class="button-center button button-90 google-button pointer"
+      >
+        <img
+            src="https://cdn.tapni.co/icons/sso-key.png"
+            style="
+            position: absolute;
+            margin-left: -8px;
+            padding: 10px 0;
+            height: 100%;
+          "
+        />
+        <span v-if="microsoftSSOLoad">{{ ssoLang[appLanguage].sign_in_with }} SSO</span>
+        <span v-else class="button--loading-black button__loader"></span>
+      </a>
 
-    <!-- Email Login Button -->
-    <a
-      @click="emailLogin = true"
-      v-if="!displayFormLogin"
-      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[appLanguage].sign_in_with }} Email</span>
-    </a>
+        <!-- Email Login Button -->
+      <a
+          @click="emailLogin = true"
+          v-if="!displayFormLogin"
+          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[appLanguage].sign_in_with }} Email</span>
+      </a>
 
-    <!-- Google Login Button -->
-    <a
-        @click="$router.push('/qr')"
-        v-if="displayQRLogin"
-        class="button-center button button-90 google-button pointer"
-    >
-      <img
-          src="https://cdn.tapni.co/icons/qr.png"
-          style="
-          position: absolute;
-          margin-left: -5px;
-          padding: 15px 0;
-          height: 100%;
-        "
-      />
-      <span>{{ ssoLang[appLanguage].sign_in_with }} QR</span>
-    </a>
+        <!-- Google Login Button -->
+      <a
+          @click="$router.push('/qr')"
+          v-if="displayQRLogin"
+          class="button-center button button-90 google-button pointer"
+      >
+        <img
+            src="https://cdn.tapni.co/icons/qr.png"
+            style="
+            position: absolute;
+            margin-left: -5px;
+            padding: 15px 0;
+            height: 100%;
+          "
+        />
+        <span>{{ ssoLang[appLanguage].sign_in_with }} QR</span>
+      </a>
+
+      <div class="decoration decoration-lines-thin no-bottom"></div>
+    </span>
 
-    <div class="decoration decoration-lines-thin no-bottom"></div>
 
     <p class="close-text center-text half-top color-black">
       {{ ssoLang[appLanguage].terms_by_signing_in }} <br />
@@ -280,21 +288,25 @@
         v-if="displayRegisterLogin"
         class="forgot float-right"
         to="/register"
-        >{{ ssoLang[appLanguage].create_account }}</router-link
-      >
+        >{{ ssoLang[appLanguage].create_account }}
+      </router-link>
       <router-link
         v-if="displayResetPasswordLogin"
         class="create float-left"
         to="/reset"
-        >{{ ssoLang[appLanguage].reset_password }}</router-link
-      >
+        >{{ ssoLang[appLanguage].reset_password }}
+      </router-link>
+      <a v-if="isSSOLogin" @click="isSSOLogin = false"
+          class="create float-left pointer"
+      >{{ ssoLang[appLanguage].go_back }}
+      </a>
       <div class="clear"></div>
     </div>
     <div v-else class="page-login-links" @click="createAccountModal">
-      <a class="forgot center-text pointer small-top"
-        >{{ ssoLang[appLanguage].or }} <br />
-        {{ ssoLang[appLanguage].create_new_account }}</a
-      >
+      <a class="forgot center-text pointer small-top">
+        {{ ssoLang[appLanguage].or }} <br />
+        {{ ssoLang[appLanguage].create_new_account }}
+      </a>
       <div class="clear"></div>
     </div>
   </form>
@@ -323,6 +335,7 @@ export default {
       captcha: "",
       revealPassword: false,
       emailLogin: true,
+      isSSOLogin: false,
 
       otpToken: '',
       showOTP: false
@@ -333,7 +346,7 @@ export default {
       return this.emailLogin;
     },
     displayResetPasswordLogin() {
-      return true;
+      return !this.isSSOLogin;
     },
     displayRegisterLogin() {
       return true;
@@ -361,11 +374,33 @@ export default {
     });
   },
   methods: {
+    async ssoLoginSubmit () {
+      this.loading = true;
+      const response = await this.getCompanyBySSOEmail({ email: this.emailOrUsername });
+      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[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);
+        }
+      }
+    },
     async submit() {
       // if (this.captcha === '') return this._vm.errorHandler({ message: 'Please select recaptcha' });
       if (this.submitted) return;
       this.submitted = true;
 
+      if (this.isSSOLogin) return this.ssoLoginSubmit();
+
       this.emailOrUsername = this.emailOrUsername.trim();
 
       let response_type = this.$route.query.response_type;

package/src/views/Security.vue

@@ -7,7 +7,7 @@
         </a>
       <div class="subheaderContainer full-top">
         <!-- Back Button -->
-        <router-link to="/account" class="button gray-button pointer left-button">
+        <router-link v-if="!isModal" to="/account" class="button gray-button pointer left-button">
           <img
               :src="getIcon('arrow-gray-right.svg')"
               height="20"

package/dist/Apps-B9XB7Z7q.js

@@ -1,112 +0,0 @@
-import { _ as h, A as u, E as _ } from "./install-BzPu9V_c.js";
-import { resolveComponent as m, openBlock as r, createElementBlock as d, createCommentVNode as e, createElementVNode as t, createVNode as n, withCtx as a, toDisplayString as g, pushScopeId as f, popScopeId as w } from "vue";
-const v = {
-  name: "AuthSecurity",
-  mixins: [u],
-  props: {
-    payload: {
-      type: Object,
-      default: {}
-    }
-  },
-  data() {
-    return {
-      loading: !1
-    };
-  },
-  async mounted() {
-    this.isLoggedIn || this.$router.push("/login");
-  },
-  methods: {
-    close() {
-      _.$emit("ssoEvent", { name: "toggleAuthModal", data: !0 });
-    }
-  }
-}, i = (s) => (f("data-v-3e0687c7"), s = s(), w(), s), y = { class: "page-login content-boxed content-boxed-padding" }, b = /* @__PURE__ */ i(() => /* @__PURE__ */ t("i", { class: "font-17 color-black" }, [
-  /* @__PURE__ */ t("img", {
-    src: "https://cdn.tapni.co/icons/down-arrow.png",
-    class: "responsive-image",
-    style: { width: "35%" }
-  })
-], -1)), k = [
-  b
-], I = { class: "subheaderContainer full-top" }, x = ["src"], S = {
-  class: "center-text",
-  style: { "flex-grow": "1", "text-align": "center", margin: "0", "font-weight": "600" }
-}, A = { class: "container left-text" }, B = { class: "center-text" }, C = { class: "full-top" }, E = { class: "firstRow" }, L = ["src"], M = /* @__PURE__ */ i(() => /* @__PURE__ */ t("h4", null, "Tapni", -1)), R = ["src"], $ = { class: "firstRow" }, N = ["src"], V = /* @__PURE__ */ i(() => /* @__PURE__ */ t("h4", null, "MailSign", -1)), j = ["src"];
-function D(s, c, O, T, q, l) {
-  const o = m("router-link");
-  return r(), d("div", y, [
-    s.isModal ? (r(), d("a", {
-      key: 0,
-      onClick: c[0] || (c[0] = (...p) => l.close && l.close(...p)),
-      class: "color-black pull-right pointer",
-      style: { "margin-top": "0px", position: "absolute", right: "-20px", "text-align": "right" }
-    }, k)) : e("", !0),
-    t("div", I, [
-      n(o, {
-        to: "/account",
-        class: "button gray-button pointer left-button"
-      }, {
-        default: a(() => [
-          t("img", {
-            src: s.getIcon("arrow-gray-right.svg"),
-            height: "20",
-            width: "20",
-            class: "btn-icon",
-            style: { rotate: "180deg" }
-          }, null, 8, x)
-        ]),
-        _: 1
-      }),
-      t("h2", S, g(s.ssoLang[s.appLanguage].apps), 1)
-    ]),
-    t("div", A, [
-      t("p", B, g(s.ssoLang[s.appLanguage].apps_p), 1),
-      t("div", C, [
-        e("", !0),
-        n(o, {
-          to: "/apps/tapni",
-          class: "settingRow"
-        }, {
-          default: a(() => [
-            t("div", E, [
-              t("img", {
-                src: s.getIcon("tapni-logo-small-black.png"),
-                class: "withBackground"
-              }, null, 8, L),
-              M,
-              t("img", {
-                src: s.getIcon("arrow-gray-right.svg")
-              }, null, 8, R)
-            ])
-          ]),
-          _: 1
-        }),
-        n(o, {
-          to: "/apps/mailsign",
-          class: "settingRow half-top"
-        }, {
-          default: a(() => [
-            t("div", $, [
-              t("img", {
-                src: s.getIcon("app-logo-mailsign.svg"),
-                class: "withBackground"
-              }, null, 8, N),
-              V,
-              t("img", {
-                src: s.getIcon("arrow-gray-right.svg")
-              }, null, 8, j)
-            ])
-          ]),
-          _: 1
-        }),
-        e("", !0)
-      ])
-    ])
-  ]);
-}
-const G = /* @__PURE__ */ h(v, [["render", D], ["__scopeId", "data-v-3e0687c7"]]);
-export {
-  G as default
-};

package/dist/CustomApp-BzUsyycz.js

@@ -1,112 +0,0 @@
-import { _ as h, A as u, E as _ } from "./install-BzPu9V_c.js";
-import { resolveComponent as m, openBlock as r, createElementBlock as d, createCommentVNode as e, createElementVNode as t, createVNode as n, withCtx as a, toDisplayString as p, pushScopeId as f, popScopeId as w } from "vue";
-const v = {
-  name: "AuthSecurity",
-  mixins: [u],
-  props: {
-    payload: {
-      type: Object,
-      default: {}
-    }
-  },
-  data() {
-    return {
-      loading: !1
-    };
-  },
-  async mounted() {
-    this.isLoggedIn || this.$router.push("/login");
-  },
-  methods: {
-    close() {
-      _.$emit("ssoEvent", { name: "toggleAuthModal", data: !0 });
-    }
-  }
-}, i = (s) => (f("data-v-851bd608"), s = s(), w(), s), b = { class: "page-login content-boxed content-boxed-padding" }, y = /* @__PURE__ */ i(() => /* @__PURE__ */ t("i", { class: "font-17 color-black" }, [
-  /* @__PURE__ */ t("img", {
-    src: "https://cdn.tapni.co/icons/down-arrow.png",
-    class: "responsive-image",
-    style: { width: "35%" }
-  })
-], -1)), k = [
-  y
-], I = { class: "subheaderContainer full-top" }, x = ["src"], C = {
-  class: "center-text",
-  style: { "flex-grow": "1", "text-align": "center", margin: "0", "font-weight": "600" }
-}, S = { class: "container left-text" }, A = { class: "center-text" }, B = { class: "full-top" }, E = { class: "firstRow" }, $ = ["src"], M = /* @__PURE__ */ i(() => /* @__PURE__ */ t("h4", null, "Tapni", -1)), R = ["src"], L = { class: "firstRow" }, N = ["src"], V = /* @__PURE__ */ i(() => /* @__PURE__ */ t("h4", null, "MailSign", -1)), j = ["src"];
-function D(s, c, O, T, q, l) {
-  const o = m("router-link");
-  return r(), d("div", b, [
-    s.isModal ? (r(), d("a", {
-      key: 0,
-      onClick: c[0] || (c[0] = (...g) => l.close && l.close(...g)),
-      class: "color-black pull-right pointer",
-      style: { "margin-top": "0px", position: "absolute", right: "-20px", "text-align": "right" }
-    }, k)) : e("", !0),
-    t("div", I, [
-      n(o, {
-        to: "/account",
-        class: "button gray-button pointer left-button"
-      }, {
-        default: a(() => [
-          t("img", {
-            src: s.getIcon("arrow-gray-right.svg"),
-            height: "20",
-            width: "20",
-            class: "btn-icon",
-            style: { rotate: "180deg" }
-          }, null, 8, x)
-        ]),
-        _: 1
-      }),
-      t("h2", C, p(s.$route.params.app), 1)
-    ]),
-    t("div", S, [
-      t("p", A, p(s.ssoLang[s.appLanguage].apps_p), 1),
-      t("div", B, [
-        e("", !0),
-        n(o, {
-          to: "/apps/tapni",
-          class: "settingRow"
-        }, {
-          default: a(() => [
-            t("div", E, [
-              t("img", {
-                src: s.getIcon("tapni-logo-small-black.png"),
-                class: "withBackground"
-              }, null, 8, $),
-              M,
-              t("img", {
-                src: s.getIcon("arrow-gray-right.svg")
-              }, null, 8, R)
-            ])
-          ]),
-          _: 1
-        }),
-        n(o, {
-          to: "/apps/mailsign",
-          class: "settingRow half-top"
-        }, {
-          default: a(() => [
-            t("div", L, [
-              t("img", {
-                src: s.getIcon("app-logo-mailsign.svg"),
-                class: "withBackground"
-              }, null, 8, N),
-              V,
-              t("img", {
-                src: s.getIcon("arrow-gray-right.svg")
-              }, null, 8, j)
-            ])
-          ]),
-          _: 1
-        }),
-        e("", !0)
-      ])
-    ])
-  ]);
-}
-const G = /* @__PURE__ */ h(v, [["render", D], ["__scopeId", "data-v-851bd608"]]);
-export {
-  G as default
-};