@tapni/auth 0.0.154 → 0.0.156

package/dist/{install-MI-clcJx.js → install-HnJgkMHx.js}

@@ -1276,6 +1276,8 @@ const aa = {
       "allowedOriginsAuth"
     ]),
     ...la([
+      "accessToken",
+      "refreshTokens",
       "isLoggedIn",
       "renderView",
       "appLanguage"
@@ -1407,7 +1409,7 @@ function ka(n, e, t, r, o, i) {
 const po = /* @__PURE__ */ mt(ua, [["render", ka], ["__scopeId", "data-v-615ed484"]]), Ca = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: po
-}, Symbol.toStringTag, { value: "Module" })), Ea = "0.0.154", hr = {
+}, Symbol.toStringTag, { value: "Module" })), Ea = "0.0.156", hr = {
   getMe() {
     return ce().get("/users/me");
   },
@@ -5548,7 +5550,7 @@ Tanıştığınız herkesi etkileyin 😎 <br> Kendinize bir tane ayırın 👇`
     choose_other_login_methods: "다른 로그인 방법 선택하기",
     no_sso_logins: "귀하의 회사는 SSO 로그인을 사용하지 않습니다. 관리자에게 문의하십시오."
   }
-}, Ao = () => Promise.resolve().then(() => Ca), Sa = () => Promise.resolve().then(() => qc), Ia = () => Promise.resolve().then(() => Ul), Aa = () => Promise.resolve().then(() => wd), Ra = () => import("./Account-EbkgWYVI.js"), Pa = () => Promise.resolve().then(() => du), Ma = () => Promise.resolve().then(() => Id), Na = () => import("./QR-ixD0egiZ.js"), Oa = () => Promise.resolve().then(() => xu), La = [
+}, Ao = () => Promise.resolve().then(() => Ca), Sa = () => Promise.resolve().then(() => qc), Ia = () => Promise.resolve().then(() => Ul), Aa = () => Promise.resolve().then(() => wd), Ra = () => import("./Account-gL0FSIxc.js"), Pa = () => Promise.resolve().then(() => du), Ma = () => Promise.resolve().then(() => Id), Na = () => import("./QR-SuxiYcMd.js"), Oa = () => Promise.resolve().then(() => xu), La = [
   {
     path: "/welcome",
     name: "AuthWelcome",
@@ -5925,14 +5927,14 @@ Tanıştığınız herkesi etkileyin 😎 <br> Kendinize bir tane ayırın 👇`
       if (o.data.success)
         return o.data;
     },
-    async getLoggedInAccounts({ commit: n, state: e, getters: t, dispatch: r }, o) {
-      if (t.refreshTokens && t.refreshTokens.length >= 1) {
-        const [i, a] = await fe(
-          $e.getLoggedInAccounts({ refreshTokens: t.refreshTokens })
+    async getLoggedInAccounts({ getters: n, dispatch: e }) {
+      if (n.refreshTokens && n.refreshTokens.length >= 1) {
+        const [t, r] = await fe(
+          $e.getLoggedInAccounts({ refreshTokens: n.refreshTokens })
         );
-        if (i)
-          return r("errorHandler", i);
-        a && a.data && a.data.success && r("setLoggedInAccounts", a.data.accounts);
+        if (t)
+          return e("errorHandler", t);
+        r && r.data && r.data.success && e("setLoggedInAccounts", r.data.accounts);
       }
     },
     async loginUsingQR({ commit: n, dispatch: e }, t) {
@@ -5947,9 +5949,6 @@ Tanıştığınız herkesi etkileyin 😎 <br> Kendinize bir tane ayırın 👇`
     setLoggedInUserId({ commit: n }, e) {
       n("setLoggedInUserId", e);
     },
-    getRefreshTokens({ state: n }) {
-      return n.$storex && n.$storex.refreshTokens ? n.$storex.refreshTokens.split(",") : [];
-    },
     setRefreshToken({ commit: n }, e) {
       n("setRefreshToken", e);
     },
@@ -5987,7 +5986,7 @@ Tanıştığınız herkesi etkileyin 😎 <br> Kendinize bir tane ayırın 👇`
   },
   getters: {
     isLoggedIn: (n) => !!n.$storex.token && n.$storex.token !== "" && n.$storex.token !== "null",
-    renderView: (n) => n.display === "redirect" ? !1 : n.view,
+    renderView: (n) => n.display !== "npm" ? "" : n.view,
     appRealm: (n) => n.realm,
     appLanguage: (n) => n.lang,
     accessToken: (n) => n.$storex.token,
@@ -18325,15 +18324,11 @@ const Pp = { id: "ssoapp" }, Mp = {
     }
   },
   async mounted() {
-    this.applyBgStyle(), this.setView(this.viewProp), q.$on("ssoEvent", this.ssoOutgoingEvent), q.$on("ssoLogout", (n) => this.logout(n.refreshToken)), q.$on("getLoggedInAccounts", (n) => this.getLoggedInAccounts(n)), q.$on("refreshTokenAction", (n) => this.refreshTokenAction({ ...n, storage: this.$storex })), q.$on("switchAccount", (n) => this.switchAccount(n)), q.$on("setToken", (n) => this.setToken(n));
+    this.applyBgStyle(), this.setView(this.viewProp), q.$on("ssoEvent", this.ssoOutgoingEvent), q.$on("ssoLogout", (n) => this.logout(n)), q.$on("getLoggedInAccounts", () => this.getLoggedInAccounts()), q.$on("refreshTokenAction", (n) => this.refreshTokenAction({ ...n, storage: this.$storex })), q.$on("switchAccount", (n) => this.switchAccount(n)), q.$on("setToken", (n) => this.setToken(n));
   },
   methods: {
     async init() {
-      if (this.$store.commit("auth/setApiRoot", this.$apiRoot || $i.env.VUE_APP_API_ROOT), this.setStorage(this.strg), this.isSetup)
-        return;
-      this.isSetup = !0, this.setToken(this.$storex.token);
-      const n = this.getRefreshTokens();
-      this.setRefreshToken(n[0]), await this.getLoggedInAccounts(), this.$emit("ssoLibraryReady", this.$storex);
+      this.$store.commit("auth/setApiRoot", this.$apiRoot || $i.env.VUE_APP_API_ROOT), this.setStorage(this.strg), !this.isSetup && (this.isSetup = !0, await this.getLoggedInAccounts(), this.$emit("ssoLibraryReady", this.$storex));
     },
     ssoOutgoingEvent(n) {
       this.$emit("ssoEvent", n);

package/dist/style.css

@@ -1 +1 @@
-.app-store-icon[data-v-615ed484]{box-shadow:0 4px 10px #00000017;border-radius:12px}#codeInput[data-v-89d98ef3],#emailInput[data-v-89d98ef3],#emailInput[data-v-69a9cfa3]{text-align:center;padding-right:15%;font-size:17px}.fade-enter-to[data-v-17c95816]{opacity:1}.sso-img[data-v-11f19a09]{margin:2px auto 0;width:35px}input[data-v-11f19a09]{margin:0 auto;height:25px}.sso-img[data-v-4f821f65]{margin:2px auto 0;width:35px}input[data-v-4f821f65]{margin:0 auto;height:25px}.link-grid,.user-link-img{width:100%;display:inline-table;position:relative}.link-grid{width:30%;margin:1.6%;padding:1.6%}.link-grid .user-link-img img{border-radius:25%!important}.link-grid .edit-icon{border-radius:20px;right:-3%;top:-3%;position:absolute;z-index:3;max-width:23%;overflow:hidden;min-width:30px}.link-grid .direct-icon{border-radius:20px;left:-3%;top:-3%;position:absolute;z-index:555;max-width:23%;overflow:hidden;min-width:30px}.link-grid .link-text{min-height:20px;margin-top:3px!important;display:block;text-align:center;line-height:normal;overflow-wrap:anywhere}.link-list{width:93%;max-height:67px!important;margin:0 auto;display:flex;border-radius:15px!important;background-color:#fff;border:solid 1px #e8e8e8;position:relative;align-items:center}.link-list .user-link-img{display:inline-block;width:65px;border-radius:25%!important}.link-list .link-text{display:inline-block;padding:18px 0% 17px 10%;font-size:15px;font-weight:500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex:1;text-align:left;border-radius:15px!important}.link-list .edit-icon{border-radius:20px;right:7%;top:30%;position:absolute;z-index:3;width:26px;overflow:hidden}.link-list .switching{width:45px}.link-list .direct-icon{border-radius:20px;left:-2%;top:-13%;position:absolute;z-index:555;width:26px;overflow:hidden}.small{width:22%!important;margin:2% 4% 0%;padding:0%}.small .link-text{margin-top:0!important;font-size:13px}.linkExternal{margin-right:20px;width:20px;display:inline-block!important;height:20px;background:#000;-webkit-mask:url(https://cdn.tapni.co/icons/link-external.svg) no-repeat center;mask:url(https://cdn.tapni.co/icons/link-external.svg) no-repeat center;transform:scale(1.5)}.user-img[data-v-a49a90e5]{margin:2px auto 0;width:65px}input[data-v-a49a90e5]{margin:0 auto;height:25px}html *{font-family:Inter,sans-serif}#bodyId{padding-top:3%;max-width:667px!important;margin:1.5% auto auto;height:95%!important;border-radius:20px}.action-block-top .default-text,.action-block-top .default-text:after{border-radius:50%;width:10em!important;height:10em!important}.action-block-top .default-text{margin:10px auto;font-size:3px;position:relative;text-indent:-9999em;border-left:.5em solid #000000;border-top:.5em solid rgba(0,0,0,.2);border-right:.5em solid rgba(0,0,0,.2);border-bottom:.5em solid rgba(0,0,0,.2);-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation:load8 1.1s infinite linear;animation:load8 1.1s infinite linear}@-webkit-keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.smartbanner-ios{background:linear-gradient(to bottom,#f4f4f4,#f4f4f4);box-shadow:0 0 #fff;border-bottom:1px solid #dddddd}.smartbanner-icon{border-radius:16px}.smartbanner-ios .smartbanner-button{font-size:13px;padding:9px 0;height:40px;border-radius:13px;background:#f4f4f4;color:#0a99d2;border:none;box-shadow:none;text-transform:uppercase}.snack-body{display:none;border-radius:40px;font-size:15px!important}#errorSnack{background-color:#fee3e3!important;border:2px solid #edd9d9!important;color:#000}#successSnack{background-color:#eff5eb!important;border:2px solid #e3ecd7!important;color:#000}.grecaptcha-badge{visibility:hidden}.header-logo{position:absolute;left:50%;transform:translate(-50%,-50%);margin-top:0;z-index:2}.header-logo-img{height:40px;margin-top:10px}.container[data-v-b966ce32]{padding:20px 20px 100px!important;display:flex;flex-direction:column;gap:20px}.settingsCard[data-v-b966ce32]{background-color:#fff;padding:20px;border-radius:26px;align-items:center}.device[data-v-b966ce32]{display:flex;align-items:center}h4[data-v-b966ce32]{margin-left:20px;font-weight:700}.middle[data-v-b966ce32]{flex:1}.left img[data-v-b966ce32]{background-color:#f7f8f9;border-radius:20px;padding:10px}.divider[data-v-b966ce32]{height:1px;background-color:#f0f0f0;margin:20px 0}.moreFooter[data-v-b966ce32]{display:flex;align-items:center;justify-content:space-between;padding:0 10px}
+.app-store-icon[data-v-615ed484]{box-shadow:0 4px 10px #00000017;border-radius:12px}#codeInput[data-v-89d98ef3],#emailInput[data-v-89d98ef3],#emailInput[data-v-69a9cfa3]{text-align:center;padding-right:15%;font-size:17px}.fade-enter-to[data-v-17c95816]{opacity:1}.sso-img[data-v-11f19a09]{margin:2px auto 0;width:35px}input[data-v-11f19a09]{margin:0 auto;height:25px}.sso-img[data-v-4f821f65]{margin:2px auto 0;width:35px}input[data-v-4f821f65]{margin:0 auto;height:25px}.link-grid,.user-link-img{width:100%;display:inline-table;position:relative}.link-grid{width:30%;margin:1.6%;padding:1.6%}.link-grid .user-link-img img{border-radius:25%!important}.link-grid .edit-icon{border-radius:20px;right:-3%;top:-3%;position:absolute;z-index:3;max-width:23%;overflow:hidden;min-width:30px}.link-grid .direct-icon{border-radius:20px;left:-3%;top:-3%;position:absolute;z-index:555;max-width:23%;overflow:hidden;min-width:30px}.link-grid .link-text{min-height:20px;margin-top:3px!important;display:block;text-align:center;line-height:normal;overflow-wrap:anywhere}.link-list{width:93%;max-height:67px!important;margin:0 auto;display:flex;border-radius:15px!important;background-color:#fff;border:solid 1px #e8e8e8;position:relative;align-items:center}.link-list .user-link-img{display:inline-block;width:65px;border-radius:25%!important}.link-list .link-text{display:inline-block;padding:18px 0% 17px 10%;font-size:15px;font-weight:500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex:1;text-align:left;border-radius:15px!important}.link-list .edit-icon{border-radius:20px;right:7%;top:30%;position:absolute;z-index:3;width:26px;overflow:hidden}.link-list .switching{width:45px}.link-list .direct-icon{border-radius:20px;left:-2%;top:-13%;position:absolute;z-index:555;width:26px;overflow:hidden}.small{width:22%!important;margin:2% 4% 0%;padding:0%}.small .link-text{margin-top:0!important;font-size:13px}.linkExternal{margin-right:20px;width:20px;display:inline-block!important;height:20px;background:#000;-webkit-mask:url(https://cdn.tapni.co/icons/link-external.svg) no-repeat center;mask:url(https://cdn.tapni.co/icons/link-external.svg) no-repeat center;transform:scale(1.5)}.user-img[data-v-a49a90e5]{margin:2px auto 0;width:65px}input[data-v-a49a90e5]{margin:0 auto;height:25px}html *{font-family:Inter,sans-serif}#bodyId{padding-top:3%;max-width:667px!important;margin:1.5% auto auto;height:95%!important;border-radius:20px}.action-block-top .default-text,.action-block-top .default-text:after{border-radius:50%;width:10em!important;height:10em!important}.action-block-top .default-text{margin:10px auto;font-size:3px;position:relative;text-indent:-9999em;border-left:.5em solid #000000;border-top:.5em solid rgba(0,0,0,.2);border-right:.5em solid rgba(0,0,0,.2);border-bottom:.5em solid rgba(0,0,0,.2);-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation:load8 1.1s infinite linear;animation:load8 1.1s infinite linear}@-webkit-keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.smartbanner-ios{background:linear-gradient(to bottom,#f4f4f4,#f4f4f4);box-shadow:0 0 #fff;border-bottom:1px solid #dddddd}.smartbanner-icon{border-radius:16px}.smartbanner-ios .smartbanner-button{font-size:13px;padding:9px 0;height:40px;border-radius:13px;background:#f4f4f4;color:#0a99d2;border:none;box-shadow:none;text-transform:uppercase}.snack-body{display:none;border-radius:40px;font-size:15px!important}#errorSnack{background-color:#fee3e3!important;border:2px solid #edd9d9!important;color:#000}#successSnack{background-color:#eff5eb!important;border:2px solid #e3ecd7!important;color:#000}.grecaptcha-badge{visibility:hidden}.header-logo{position:absolute;left:50%;transform:translate(-50%,-50%);margin-top:0;z-index:2}.header-logo-img{height:40px;margin-top:10px}.container[data-v-f536b602]{padding:20px 20px 100px!important;display:flex;flex-direction:column;gap:20px}.settingsCard[data-v-f536b602]{background-color:#fff;padding:20px;border-radius:26px;align-items:center}.device[data-v-f536b602]{display:flex;align-items:center}h4[data-v-f536b602]{margin-left:20px;font-weight:700}.middle[data-v-f536b602]{flex:1}.left img[data-v-f536b602]{background-color:#f7f8f9;border-radius:20px;padding:10px}.divider[data-v-f536b602]{height:1px;background-color:#f0f0f0;margin:20px 0}.moreFooter[data-v-f536b602]{display:flex;align-items:center;justify-content:space-between;padding:0 10px}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tapni/auth",
-  "version": "0.0.154",
+  "version": "0.0.156",
   "type": "module",
   "main": "./dist/TapniAuth.umd.js",
   "module": "./dist/TapniAuth.es.js",
@@ -46,8 +46,9 @@
     "vuex": "^4.0.2"
   },
   "devDependencies": {
+    "@rollup/plugin-inject": "^5.0.5",
     "@vitejs/plugin-vue": "^4.5.2",
     "vite": "^5.0.10",
-    "vite-plugin-node-polyfills": "^0.21.0"
+    "vite-plugin-node-polyfills": "^0.22.0"
   }
 }

package/src/App.vue

@@ -1,8 +1,7 @@
 <script setup>
 import { RouterView } from 'vue-router'
 // add Buffer globally
-import { Buffer } from 'buffer';
-import OTP from "@/components/OTP.vue";
+import { Buffer } from 'buffer/';
 window.Buffer = Buffer;
 document.addEventListener('DOMContentLoaded', function() {
   const recaptchaScript = document.createElement('script');
@@ -150,8 +149,8 @@ export default {
     this.setView(this.viewProp);
 
     EventBus.$on('ssoEvent', this.ssoOutgoingEvent)
-    EventBus.$on('ssoLogout',(data) => this.logout(data.refreshToken))
-    EventBus.$on('getLoggedInAccounts',(data) => this.getLoggedInAccounts(data))
+    EventBus.$on('ssoLogout',(data) => this.logout(data))
+    EventBus.$on('getLoggedInAccounts',() => this.getLoggedInAccounts())
     EventBus.$on('refreshTokenAction',(data) => this.refreshTokenAction({...data, storage: this.$storex}))
     EventBus.$on('switchAccount',(data) => this.switchAccount(data))
     EventBus.$on('setToken',(data) => this.setToken(data))
@@ -167,9 +166,6 @@ export default {
       if (this.isSetup) return;
       this.isSetup = true;
 
-      this.setToken(this.$storex.token);
-      const refreshTokens = this.getRefreshTokens();
-      this.setRefreshToken(refreshTokens[0]);
       await this.getLoggedInAccounts();
 
       // Let App know that the auth is ready

package/src/mixins/auth.mixin.js

@@ -20,6 +20,8 @@ export default {
       'allowedOriginsAuth'
     ]),
     ...mapGetters([
+      'accessToken',
+      'refreshTokens',
       'isLoggedIn',
       'renderView',
       'appLanguage'

package/src/store/auth.js

@@ -469,7 +469,7 @@ export default {
           return response.data;
         }
       },
-      async getLoggedInAccounts({ commit, state, getters, dispatch }, refreshTokens) {
+      async getLoggedInAccounts({ getters, dispatch }) {
         if (getters.refreshTokens && getters.refreshTokens.length >= 1) {
           const [err, response] = await to(
               AuthService.getLoggedInAccounts({ refreshTokens: getters.refreshTokens })
@@ -494,10 +494,6 @@ export default {
       setLoggedInUserId({ commit }, id) {
         commit('setLoggedInUserId', id);
       },
-      getRefreshTokens({ state }) {
-        if (state.$storex && state.$storex.refreshTokens) return state.$storex.refreshTokens.split(',')
-        else return [];
-      },
       setRefreshToken({ commit }, token) {
         commit('setRefreshToken', token);
       },
@@ -545,8 +541,8 @@ export default {
       return !!state.$storex.token && state.$storex.token !== "" && state.$storex.token !== "null";
     },
     renderView: state => {
-      if (state.display === "redirect") {
-        return false;
+      if (state.display !== "npm") {
+        return '';
       } else return state.view;
     },
     appRealm: state => {

package/src/views/Account.vue

@@ -117,7 +117,7 @@
 
         <div class="divider"></div>
 
-        <div class="device" @click="logout">
+        <div class="device" @click="logoutAccount">
           <div class="left">
             <img
                 src="https://cdn.tapni.co/icons/newLogout.svg"
@@ -179,8 +179,8 @@ export default {
     toggleLanguageModal () {
       EventBus.$emit('toggleSSOLanguageModal')
     },
-    logout () {
-      this.logout()
+    logoutAccount () {
+      this.logout({ refreshToken: this.refreshTokens[0], sendRequest: true })
     },
   }
 };