@tapni/auth 1.0.25 → 1.0.27

package/dist/{install-0j3SGM_o.js → install-BCTb9M8G.js}

@@ -1336,7 +1336,7 @@ const Wi = {
 }, ea = {
   class: "page-login content-boxed content-boxed-padding center-text",
   style: { "margin-top": "-1px", overflow: "hidden", border: "solid 0px #ffffff" }
-}, ta = ["autoplay"], na = { class: "bold full-top no-bottom center-text" }, ra = { class: "full-bottom half-top center-text color-black font-16" }, oa = { class: "page-login-links center-text" }, ia = {
+}, ta = ["autoplay"], na = { class: "bold full-top no-bottom center-text text-[24px]" }, ra = { class: "full-bottom half-top center-text color-black font-16" }, oa = { class: "page-login-links center-text" }, ia = {
   key: 3,
   style: { display: "flex", "flex-direction": "row", "justify-content": "space-around", width: "90%", margin: "0 auto", "margin-top": "40px" }
 };
@@ -1383,14 +1383,14 @@ function aa(n, e, t, r, o, i) {
     ]),
     ce("", !0),
     this.isNative ? ce("", !0) : (U(), q("div", ia, e[3] || (e[3] = [
-      Ti('<a href="https://play.google.com/store/apps/details?id=co.tapni.app" target="_blank" data-v-893e16f3><img src="https://cdn.tapni.co/images/playstore.png" class="app-store-icon pointer" style="width:55px;" data-v-893e16f3></a><a href="https://apps.apple.com/ag/app/tapni/id1552930233" target="_blank" data-v-893e16f3><img src="https://cdn.tapni.co/images/appstore.png" class="app-store-icon pointer" style="width:55px;" data-v-893e16f3></a><a href="https://appgallery.huawei.com/#/app/C103931997" target="_blank" data-v-893e16f3><img src="https://cdn.tapni.co/images/appgallery.png" class="app-store-icon pointer" style="width:55px;" data-v-893e16f3></a>', 3)
+      Ti('<a href="https://play.google.com/store/apps/details?id=co.tapni.app" target="_blank" data-v-cb61958b><img src="https://cdn.tapni.co/images/playstore.png" class="app-store-icon pointer" style="width:55px;" data-v-cb61958b></a><a href="https://apps.apple.com/ag/app/tapni/id1552930233" target="_blank" data-v-cb61958b><img src="https://cdn.tapni.co/images/appstore.png" class="app-store-icon pointer" style="width:55px;" data-v-cb61958b></a><a href="https://appgallery.huawei.com/#/app/C103931997" target="_blank" data-v-cb61958b><img src="https://cdn.tapni.co/images/appgallery.png" class="app-store-icon pointer" style="width:55px;" data-v-cb61958b></a>', 3)
     ])))
   ]);
 }
-const ro = /* @__PURE__ */ pn(Zi, [["render", aa], ["__scopeId", "data-v-893e16f3"]]), sa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const ro = /* @__PURE__ */ pn(Zi, [["render", aa], ["__scopeId", "data-v-cb61958b"]]), sa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: ro
-}, Symbol.toStringTag, { value: "Module" })), ca = "1.0.25", ar = {
+}, Symbol.toStringTag, { value: "Module" })), ca = "1.0.27", ar = {
   getMe() {
     return le().get("/users/me");
   },
@@ -5824,7 +5824,7 @@ Tanıştığınız herkesi etkileyin 😎 <br> Kendinize bir tane ayırın 👇`
     app_region: "지역",
     app_region_p: "맞춤형 결제 및 지원을 위해 지역을 선택하세요"
   }
-}, ko = () => Promise.resolve().then(() => sa), ua = () => Promise.resolve().then(() => uc), da = () => Promise.resolve().then(() => rl), pa = () => Promise.resolve().then(() => Qu), ha = () => Promise.resolve().then(() => Pc), fa = () => Promise.resolve().then(() => vl), ma = () => Promise.resolve().then(() => Zu), ga = () => import("./QR-BX90Rc07.js"), _a = () => Promise.resolve().then(() => vu), va = () => import("./Apps-DRn32wko.js"), ya = () => import("./Billing-DXzUPyml.js"), wa = () => import("./CustomApp-BwG147po.js"), ba = () => import("./General-gY3lasGl.js"), ka = [
+}, ko = () => Promise.resolve().then(() => sa), ua = () => Promise.resolve().then(() => uc), da = () => Promise.resolve().then(() => rl), pa = () => Promise.resolve().then(() => Qu), ha = () => Promise.resolve().then(() => Pc), fa = () => Promise.resolve().then(() => vl), ma = () => Promise.resolve().then(() => Zu), ga = () => import("./QR-BU8ZXvwS.js"), _a = () => Promise.resolve().then(() => vu), va = () => import("./Apps-DjKy-a5Q.js"), ya = () => import("./Billing-DSqrWJMC.js"), wa = () => import("./CustomApp-CBmIn-Tt.js"), ba = () => import("./General-iau1n0fq.js"), ka = [
   {
     path: "/welcome",
     name: "AuthWelcome",
@@ -5924,7 +5924,7 @@ Tanıştığınız herkesi etkileyin 😎 <br> Kendinize bir tane ayırın 👇`
       kr: oi.state
     },
     display: "npm",
-    redirect_uri: "https://t.link/callback/auth",
+    redirect_uri: "https://t.link/app/callback/auth",
     response_type: "token",
     state: "",
     allowedOriginsAuth: [
@@ -15501,7 +15501,7 @@ const Ps = Er("MsAuthPlugin", {
         var s;
         const i = localStorage.getItem("auth_code"), a = localStorage.getItem("pkce_code_verifier");
         i && (clearInterval(this.checkInterval), localStorage.removeItem("auth_code"), localStorage.removeItem("pkce_code_verifier"), (s = window.parent) == null || s.postMessage({ code: i, state: this.$route.query.state, code_verifier: a }, "*"), a && (this.display === "npm" || this.display === "redirect") && this.exchangeAuthCode({ code: i, code_verifier: a }));
-      }, 500), this.popupWindow = window.open(window.location.origin + "/callback/redirect?uri=" + btoa(n), "popup", "width=600,height=600"));
+      }, 500), this.popupWindow = window.open(window.location.origin + "/app/callback/redirect?uri=" + btoa(n), "popup", "width=600,height=600"));
     },
     async handleSamlRedirect() {
       var e;
@@ -15632,8 +15632,8 @@ const Ps = Er("MsAuthPlugin", {
   },
   async mounted() {
     if (!this.isModal) {
-      if (this.$route.path === "/login/callback/okta") return await this.handleOktaRedirect();
-      if (this.$route.path === "/login/callback/saml") return await this.handleSamlRedirect();
+      if (this.$route.path === "/app/login/callback/okta") return await this.handleOktaRedirect();
+      if (this.$route.path === "/app/login/callback/saml") return await this.handleSamlRedirect();
       this.$route.query.qrLogin && this.changeLoginToQr(), setTimeout(() => {
         this.$storex && this.$storex.token ? this.$router.push(this.home) : te.$emit("ssoEvent", { name: "setLoading", data: !1 });
       }, 2500);
@@ -15682,12 +15682,12 @@ const Ps = Er("MsAuthPlugin", {
       n.includes("@") && (this.$storex.verifyEmail = n);
     },
     "$route.path": async function(n) {
-      if (n === "/login/callback/okta") return await this.handleOktaRedirect();
-      if (n === "/login/callback/saml") return await this.handleSamlRedirect();
+      if (n === "/app/login/callback/okta") return await this.handleOktaRedirect();
+      if (n === "/app/login/callback/saml") return await this.handleSamlRedirect();
     }
   }
 }, Os = {
-  class: "bold no-bottom center-text",
+  class: "bold no-bottom center-text text-[22px]",
   style: { "margin-top": "63px" }
 }, Ls = { key: 0 }, zs = { key: 1 }, xs = { key: 1 }, Us = { class: "page-login-field half-top" }, Bs = ["placeholder"], Ds = {
   key: 0,
@@ -16008,7 +16008,7 @@ const po = /* @__PURE__ */ pn(Ns, [["render", lc]]), uc = /* @__PURE__ */ Object
 }, hc = {
   class: "page-login content-boxed content-boxed-padding center-text",
   style: { "margin-top": "-1px", overflow: "hidden", border: "solid 0px #ffffff" }
-}, fc = { class: "bold full-top no-bottom center-text" }, mc = { class: "full-bottom half-top center-text font-16" };
+}, fc = { class: "bold full-top no-bottom center-text text-[24px]" }, mc = { class: "full-bottom half-top center-text font-16" };
 const gc = { class: "container left-text" }, _c = { class: "firstRow" }, vc = ["src"], yc = ["src"], wc = { class: "firstRow" }, bc = ["src"], kc = ["src"], Cc = { class: "firstRow" }, Ec = ["src"], Tc = { class: "red-text" }, Sc = ["src"], Ic = { class: "moreFooter" }, Ac = {
   class: "app-version",
   style: { "margin-top": "10px" }
@@ -16149,7 +16149,7 @@ const ho = /* @__PURE__ */ pn(pc, [["render", Rc]]), Pc = /* @__PURE__ */ Object
     }
   }
 }, Nc = {
-  class: "bold no-bottom center-text",
+  class: "bold no-bottom center-text text-[24px]",
   style: { "margin-top": "63px" }
 }, Oc = { class: "half-bottom small-top center-text color-black" }, Lc = { key: 0 }, zc = { key: 1 }, xc = { class: "page-login-field half-top" }, Uc = ["placeholder"], Bc = { class: "page-login-field half-top" }, Dc = ["placeholder", "disabled"], jc = { class: "page-login-field half-top half-bottom" }, Hc = ["type", "placeholder"], Fc = {
   src: "https://cdn.tapni.co/icons/reveal-password.png",
@@ -16429,7 +16429,7 @@ const fo = /* @__PURE__ */ pn(Mc, [["render", nl]]), rl = /* @__PURE__ */ Object
     }
   }
 }, il = {
-  class: "bold no-bottom center-text",
+  class: "bold no-bottom center-text text-[24px]",
   style: { "margin-top": "63px" }
 }, al = { class: "page-login-field half-top" }, sl = ["placeholder"], cl = { class: "page-login-field half-top" }, ll = ["placeholder"], ul = {
   type: "submit",
@@ -16554,7 +16554,7 @@ function _l(n, e, t, r, o, i) {
     ]))
   ], 36);
 }
-const mo = /* @__PURE__ */ pn(ol, [["render", _l], ["__scopeId", "data-v-dea3e9ef"]]), vl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const mo = /* @__PURE__ */ pn(ol, [["render", _l], ["__scopeId", "data-v-7d5cdeb9"]]), vl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: mo
 }, Symbol.toStringTag, { value: "Module" }));
@@ -17812,7 +17812,7 @@ const go = /* @__PURE__ */ pn(yl, [["render", _u], ["__scopeId", "data-v-6037b00
     }
   }
 }, wu = {
-  class: "bold no-bottom center-text",
+  class: "bold no-bottom center-text text-[22px]",
   style: { "margin-top": "63px" }
 }, bu = { class: "page-login-field half-top color-black" }, ku = ["placeholder"], Cu = {
   type: "submit",
@@ -17989,7 +17989,7 @@ function Vu(n, e, t, r, o, i) {
     ])
   ], 32));
 }
-const _o = /* @__PURE__ */ pn(yu, [["render", Vu], ["__scopeId", "data-v-b19fad43"]]), Qu = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const _o = /* @__PURE__ */ pn(yu, [["render", Vu], ["__scopeId", "data-v-707a4b16"]]), Qu = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: _o
 }, Symbol.toStringTag, { value: "Module" })), Yu = {
@@ -17999,13 +17999,13 @@ const _o = /* @__PURE__ */ pn(yu, [["render", Vu], ["__scopeId", "data-v-b19fad4
     return {};
   },
   async mounted() {
-    if (this.$route.path === "/callback/redirect")
+    if (this.$route.path === "/app/callback/redirect")
       return location.href = atob(this.$route.query.uri);
-    if (this.$route.path === "/callback/auth" && this.exchangeAuthCode({
+    if (this.$route.path === "/app/callback/auth" && this.exchangeAuthCode({
       code: this.$route.query.code,
       code_verifier: this.$route.query.code_verifier
-    }), this.$route.path === "/callback/okta") return await this.handleOktaRedirect();
-    if (this.$route.path === "/callback/saml") return await this.handleSamlRedirect();
+    }), this.$route.path === "/app/callback/okta") return await this.handleOktaRedirect();
+    if (this.$route.path === "/app/callback/saml") return await this.handleSamlRedirect();
   },
   methods: {
     inAppRedirect() {

package/dist/style.css

@@ -1 +1 @@
-.app-store-icon[data-v-893e16f3]{box-shadow:0 4px 10px #00000017;border-radius:12px}#codeInput[data-v-dea3e9ef],#emailInput[data-v-dea3e9ef]{text-align:center;padding-right:15%;font-size:17px}.firstRow img[data-v-6037b00e]{width:25px;height:25px;position:absolute;top:50%;right:0;transform:translate(-50%,-50%)}#emailInput[data-v-b19fad43]{text-align:center;padding-right:15%;font-size:17px}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}@media (max-width: 768px){#bodyId{margin-top:0;border-radius:0;height:100%!important}.header-logo{margin-top:15px}}.withBackground[data-v-2f7f5584],.withBackground[data-v-4d3e1bec],.withBackground[data-v-36b27d1f]{height:50px}[data-v-9dc93691] .vue-select{padding:5px 0}[data-v-9dc93691] .vue-select .dropdown-icon{color:#1d1d1d;width:25px!important;height:25px!important}[data-v-9dc93691] .vue-select .menu-option:hover{background-color:#d9d9d9}[data-v-9dc93691] .vue-select .menu-option.focused{background-color:#f4f4f4}[data-v-9dc93691] .vue-select .menu-option{border-bottom:1px solid #D9D9D9;font-size:15px;color:#151515}[data-v-9dc93691] .vue-select .menu-option:last-child{border-bottom:none}[data-v-9dc93691] .vue-select .menu{border-radius:10px;border:none}[data-v-9dc93691] .vue-select .control.focused{border:none;box-shadow:none}[data-v-9dc93691] .vue-select .control{min-height:54px!important;background-color:#f4f4f4;border:none;border-radius:10px}[data-v-9dc93691] .vue-select .menu-option.selected{background-color:#e4e4e4}[data-v-9dc93691] .vue-select .indicators-container{padding:5px 15px!important}[data-v-9dc93691] .vue-select .value-container{padding:5px 15px}[data-v-9dc93691] .vue-select .menu-option{background-color:#f4f4f4}
+.app-store-icon[data-v-cb61958b]{box-shadow:0 4px 10px #00000017;border-radius:12px}#codeInput[data-v-7d5cdeb9],#emailInput[data-v-7d5cdeb9]{text-align:center;padding-right:15%;font-size:17px}.firstRow img[data-v-6037b00e]{width:25px;height:25px;position:absolute;top:50%;right:0;transform:translate(-50%,-50%)}#emailInput[data-v-707a4b16]{text-align:center;padding-right:15%;font-size:17px}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}@media (max-width: 768px){#bodyId{margin-top:0;border-radius:0;height:100%!important}.header-logo{margin-top:15px}}.withBackground[data-v-2f7f5584],.withBackground[data-v-4d3e1bec],.withBackground[data-v-36b27d1f]{height:50px}[data-v-9dc93691] .vue-select{padding:5px 0}[data-v-9dc93691] .vue-select .dropdown-icon{color:#1d1d1d;width:25px!important;height:25px!important}[data-v-9dc93691] .vue-select .menu-option:hover{background-color:#d9d9d9}[data-v-9dc93691] .vue-select .menu-option.focused{background-color:#f4f4f4}[data-v-9dc93691] .vue-select .menu-option{border-bottom:1px solid #D9D9D9;font-size:15px;color:#151515}[data-v-9dc93691] .vue-select .menu-option:last-child{border-bottom:none}[data-v-9dc93691] .vue-select .menu{border-radius:10px;border:none}[data-v-9dc93691] .vue-select .control.focused{border:none;box-shadow:none}[data-v-9dc93691] .vue-select .control{min-height:54px!important;background-color:#f4f4f4;border:none;border-radius:10px}[data-v-9dc93691] .vue-select .menu-option.selected{background-color:#e4e4e4}[data-v-9dc93691] .vue-select .indicators-container{padding:5px 15px!important}[data-v-9dc93691] .vue-select .value-container{padding:5px 15px}[data-v-9dc93691] .vue-select .menu-option{background-color:#f4f4f4}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tapni/auth",
-  "version": "1.0.25",
+  "version": "1.0.27",
   "type": "module",
   "main": "./dist/TapniAuth.umd.js",
   "module": "./dist/TapniAuth.es.js",

package/src/mixins/saml.mixin.js

@@ -88,7 +88,7 @@ export default {
 					}
 				}, 500);
 
-				this.popupWindow = window.open(window.location.origin + '/callback/redirect?uri=' + btoa(loginUrl), 'popup', 'width=600,height=600');
+				this.popupWindow = window.open(window.location.origin + '/app/callback/redirect?uri=' + btoa(loginUrl), 'popup', 'width=600,height=600');
 			}
 		},
 		async handleSamlRedirect() {

package/src/store/auth.js

@@ -41,7 +41,7 @@ export default {
       kr: kr.state,
     },
     display: import.meta.env.VITE_APP_MODE,
-    redirect_uri: import.meta.env.VITE_APP_APP_ROOT + "/callback/auth",
+    redirect_uri: import.meta.env.VITE_APP_APP_ROOT + "/app/callback/auth",
     response_type: "token",
     state: "",
     allowedOriginsAuth: [

package/src/views/Account.vue

@@ -2,7 +2,7 @@
   <div class="page-login content-boxed content-boxed-padding center-text" style="margin-top: -1px; overflow: hidden; border: solid 0px #ffffff;">
     <br>
     <img v-if="false" :src="account.photo" class="user-photo margin-center" style="max-width: 110px;" alt="">
-    <h1 class="bold full-top no-bottom center-text">{{ssoLang[appLanguage].welcome_account}}</h1>
+    <h1 class="bold full-top no-bottom center-text text-[24px]">{{ssoLang[appLanguage].welcome_account}}</h1>
     <p class="full-bottom half-top center-text font-16">{{account.email}}</p>
 
     <div v-if="display !== 'npm' && false" class="full-top full-bottom">

package/src/views/Callback.vue

@@ -24,17 +24,17 @@ export default {
 	},
 
 	async mounted() {
-		if (this.$route.path === '/callback/redirect') {
+		if (this.$route.path === '/app/callback/redirect') {
       return location.href = atob(this.$route.query.uri);
     }
-		if (this.$route.path === '/callback/auth') {
+		if (this.$route.path === '/app/callback/auth') {
 			this.exchangeAuthCode({
 				code: this.$route.query.code,
         code_verifier: this.$route.query.code_verifier
 			});
 		}
-		if (this.$route.path === '/callback/okta') return await this.handleOktaRedirect();
-		if (this.$route.path === '/callback/saml') return await this.handleSamlRedirect();
+		if (this.$route.path === '/app/callback/okta') return await this.handleOktaRedirect();
+		if (this.$route.path === '/app/callback/saml') return await this.handleSamlRedirect();
 	},
 	methods: {
 		inAppRedirect() {

package/src/views/Login.vue

@@ -24,7 +24,7 @@
         />
       </i>
     </a>
-    <h2 class="bold no-bottom center-text" style="margin-top: 63px;">
+    <h2 class="bold no-bottom center-text text-[22px]" 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>
@@ -332,8 +332,8 @@ export default {
   },
   async mounted() {
     if (!this.isModal) {
-      if(this.$route.path === '/login/callback/okta') return await this.handleOktaRedirect();
-      if(this.$route.path === '/login/callback/saml') return await this.handleSamlRedirect();
+      if(this.$route.path === '/app/login/callback/okta') return await this.handleOktaRedirect();
+      if(this.$route.path === '/app/login/callback/saml') return await this.handleSamlRedirect();
       if (this.$route.query.qrLogin) this.changeLoginToQr();
 
 
@@ -421,8 +421,8 @@ export default {
       }
     },
     '$route.path': async function(routePath) {
-      if(routePath === '/login/callback/okta') return await this.handleOktaRedirect();
-      if(routePath === '/login/callback/saml') return await this.handleSamlRedirect();
+      if(routePath === '/app/login/callback/okta') return await this.handleOktaRedirect();
+      if(routePath === '/app/login/callback/saml') return await this.handleSamlRedirect();
     }
   },
 };

package/src/views/Register.vue

@@ -5,7 +5,7 @@
 		  <img src="https://cdn.tapni.co/icons/down-arrow.png" class="responsive-image" style="width: 35%;"/>
 	  </i>
 	</a>
-    <h1 class="bold no-bottom center-text" style="margin-top: 63px;">{{ssoLang[this.appLanguage].register}}</h1>
+    <h1 class="bold no-bottom center-text text-[24px]" style="margin-top: 63px;">{{ssoLang[this.appLanguage].register}}</h1>
     <p class="half-bottom small-top center-text color-black">
 		<span v-if="usernameRegister">
 			t.link/{{username}} {{ssoLang[this.appLanguage].username_is_free}} ✅

package/src/views/Reset.vue

@@ -1,6 +1,6 @@
 <template>
 	<form v-if="!passwordChange" class="page-login content-boxed content-boxed-padding" @submit.prevent="resetEmail" autocomplete="on">
-		<h3 class="bold no-bottom center-text" style="margin-top: 63px">{{ ssoLang[this.appLanguage].reset_password }}</h3>
+		<h3 class="bold no-bottom center-text text-[22px]" style="margin-top: 63px">{{ ssoLang[this.appLanguage].reset_password }}</h3>
 		<p class="half-bottom small-top center-text color-black"></p>
 		<div class="page-login-field half-top color-black">
 			<i style="padding-top: 10px; margin-left: 10px">

package/src/views/Verify.vue

@@ -5,7 +5,7 @@
 				<img src="https://cdn.tapni.co/icons/down-arrow.png" class="responsive-image" style="width: 35%" />
 			</i>
 		</a>
-		<h1 class="bold no-bottom center-text" style="margin-top: 63px">{{ ssoLang[this.appLanguage].verify_account }}</h1>
+		<h1 class="bold no-bottom center-text text-[24px]" style="margin-top: 63px">{{ ssoLang[this.appLanguage].verify_account }}</h1>
 		<p class="half-bottom half-top center-text color-black"></p>
 		<div class="page-login-field half-top">
 			<i style="padding-top: 15px; margin-left: 10px">

package/src/views/Welcome.vue

@@ -3,7 +3,7 @@
 	  <video id="tapniVideo" muted loop playsinline width="350" style="margin: 0 auto; max-width: 100%; margin-top: 63px; overflow: hidden;" :autoplay="isNative">
       <source src="https://cdn.tapni.co/images/tapni-card-tap-video-white.mp4" type="video/mp4">
 	  </video>
-    <h1 class="bold full-top no-bottom center-text">{{ssoLang[this.appLanguage].welcome}}</h1>
+    <h1 class="bold full-top no-bottom center-text text-[24px]">{{ssoLang[this.appLanguage].welcome}}</h1>
     <p class="full-bottom half-top center-text color-black font-16">{{ssoLang[this.appLanguage].welcome_p1}}</p>
 	<router-link v-if="false" to="/help" class="button-center button button-90 google-button pointer edit-shadow full-top full-bottom">
 	  <span> {{ssoLang[this.appLanguage].how_it_works}}? </span>