@tapni/auth 0.0.169 → 1.0.3

package/dist/assets/web-1uupGAU9.js

@@ -0,0 +1,5 @@
+import{W as j}from"./index-DXEfDC45.js";var w={exports:{}};/*!
+  * $script.js JS loader & dependency manager
+  * https://github.com/ded/script.js
+  * (c) Dustin Diaz 2014 | License MIT
+  */(function(y){(function(i,p){y.exports?y.exports=p():this[i]=p()})("$script",function(){var i=document,p=i.getElementsByTagName("head")[0],I=!1,m="push",S="readyState",A="onreadystatechange",s={},o={},d={},f,v;function g(e,t){for(var n=0,u=e.length;n<u;++n)if(!t(e[n]))return I;return 1}function h(e,t){g(e,function(n){return t(n),1})}function l(e,t,n){e=e[m]?e:[e];var u=t&&t.call,r=u?t:n,W=u?e.join(""):t,N=e.length;function b(c){return c.call?c():s[c]}function _(){if(!--N){s[W]=1,r&&r();for(var c in o)g(c.split("|"),b)&&!h(o[c],b)&&(o[c]=[])}}return setTimeout(function(){h(e,function c(a,U){if(a===null)return _();if(!U&&!/^https?:\/\//.test(a)&&f&&(a=a.indexOf(".js")===-1?f+a+".js":f+a),d[a])return d[a]==2?_():setTimeout(function(){c(a,!0)},0);d[a]=1,x(a,_)})},0),l}function x(e,t){var n=i.createElement("script"),u;n.onload=n.onerror=n[A]=function(){n[S]&&!/^c|loade/.test(n[S])||u||(n.onload=n[A]=null,u=1,d[e]=2,t())},n.async=1,n.src=v?e+(e.indexOf("?")===-1?"?":"&")+v:e,p.insertBefore(n,p.lastChild)}return l.get=x,l.order=function(e,t,n){(function u(r){r=e.shift(),e.length?l(r,u):l(r,t,n)})()},l.path=function(e){f=e},l.urlArgs=function(e){v=e},l.ready=function(e,t,n){e=e[m]?e:[e];var u=[];return!h(e,function(r){s[r]||u[m](r)})&&g(e,function(r){return s[r]})?t():function(r){o[r]=o[r]||[],o[r][m](t),n&&n(u)}(e.join("|")),l},l.done=function(e){l([null],e)},l})})(w);var z=w.exports;class P extends j{constructor(){super({name:"SignInWithApple",platforms:["web"]}),this.appleScriptUrl="https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js",this.isAppleScriptLoaded=!1}async authorize(i){return new Promise((p,I)=>{i?this.loadSignInWithAppleJS().then(m=>{var S,A,s;this.isAppleScriptLoaded=m,this.isAppleScriptLoaded?(AppleID.auth.init({clientId:i.clientId,redirectURI:i.redirectURI,scope:(S=i.scopes)!==null&&S!==void 0?S:void 0,state:(A=i.state)!==null&&A!==void 0?A:void 0,nonce:(s=i.nonce)!==null&&s!==void 0?s:void 0,usePopup:!0}),AppleID.auth.signIn().then(o=>{var d,f,v,g,h;const l={response:{user:null,email:(d=o.user)===null||d===void 0?void 0:d.email,givenName:(v=(f=o.user)===null||f===void 0?void 0:f.name)===null||v===void 0?void 0:v.firstName,familyName:(h=(g=o.user)===null||g===void 0?void 0:g.name)===null||h===void 0?void 0:h.lastName,identityToken:o.authorization.id_token,authorizationCode:o.authorization.code}};p(l)}).catch(o=>{I(o)})):I("Unable to load Sign in with Apple JS framework.")}):I("No options were provided.")})}loadSignInWithAppleJS(){return new Promise(i=>{this.isAppleScriptLoaded?i(!0):typeof window!==void 0?z.get(this.appleScriptUrl,()=>i(!0)):i(!1)})}}export{P as SignInWithAppleWeb};

package/dist/assets/web-BMHaq5cV.js

@@ -0,0 +1 @@
+import{W as w}from"./index-DXEfDC45.js";class y extends w{async getId(){return{identifier:this.getUid()}}async getInfo(){if(typeof navigator>"u"||!navigator.userAgent)throw this.unavailable("Device API not available in this browser");const e=navigator.userAgent,i=this.parseUa(e);return{model:i.model,platform:"web",operatingSystem:i.operatingSystem,osVersion:i.osVersion,manufacturer:navigator.vendor,isVirtual:!1,webViewVersion:i.browserVersion}}async getBatteryInfo(){if(typeof navigator>"u"||!navigator.getBattery)throw this.unavailable("Device API not available in this browser");let e={};try{e=await navigator.getBattery()}catch{}return{batteryLevel:e.level,isCharging:e.charging}}async getLanguageCode(){return{value:navigator.language.split("-")[0].toLowerCase()}}async getLanguageTag(){return{value:navigator.language}}parseUa(e){const i={},r=e.indexOf("(")+1;let a=e.indexOf(") AppleWebKit");e.indexOf(") Gecko")!==-1&&(a=e.indexOf(") Gecko"));const s=e.substring(r,a);if(e.indexOf("Android")!==-1){const t=s.replace("; wv","").split("; ").pop();t&&(i.model=t.split(" Build")[0]),i.osVersion=s.split("; ")[1]}else if(i.model=s.split("; ")[0],typeof navigator<"u"&&navigator.oscpu)i.osVersion=navigator.oscpu;else if(e.indexOf("Windows")!==-1)i.osVersion=s;else{const t=s.split("; ").pop();if(t){const n=t.replace(" like Mac OS X","").split(" ");i.osVersion=n[n.length-1].replace(/_/g,".")}}/android/i.test(e)?i.operatingSystem="android":/iPad|iPhone|iPod/.test(e)&&!window.MSStream?i.operatingSystem="ios":/Win/.test(e)?i.operatingSystem="windows":/Mac/i.test(e)?i.operatingSystem="mac":i.operatingSystem="unknown";const l=!!window.ApplePaySession,x=!!window.chrome,p=/Firefox/.test(e),d=/Edg/.test(e),g=/FxiOS/.test(e),c=/CriOS/.test(e),f=/EdgiOS/.test(e);if(l||x&&!d||g||c||f){let t;g?t="FxiOS":c?t="CriOS":f?t="EdgiOS":l?t="Version":t="Chrome";const n=e.split(" ");for(const o of n)if(o.includes(t)){const v=o.split("/")[1];i.browserVersion=v}}else if(p||d){const o=e.split("").reverse().join("").split("/")[0].split("").reverse().join("");i.browserVersion=o}return i}getUid(){if(typeof window<"u"&&window.localStorage){let e=window.localStorage.getItem("_capuid");return e||(e=this.uuid4(),window.localStorage.setItem("_capuid",e),e)}return this.uuid4()}uuid4(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(e){const i=Math.random()*16|0;return(e==="x"?i:i&3|8).toString(16)})}}export{y as DeviceWeb};

package/dist/assets/web-CvQGphDR.js

@@ -0,0 +1 @@
+import{W as t}from"./index-DXEfDC45.js";class s extends t{constructor(){super(),this.handleVisibilityChange=()=>{const e={isActive:document.hidden!==!0};this.notifyListeners("appStateChange",e),document.hidden?this.notifyListeners("pause",null):this.notifyListeners("resume",null)},document.addEventListener("visibilitychange",this.handleVisibilityChange,!1)}exitApp(){throw this.unimplemented("Not implemented on web.")}async getInfo(){throw this.unimplemented("Not implemented on web.")}async getLaunchUrl(){return{url:""}}async getState(){return{isActive:document.hidden!==!0}}async minimizeApp(){throw this.unimplemented("Not implemented on web.")}}export{s as AppWeb};

package/dist/assets/web-DMittTOZ.js

@@ -0,0 +1 @@
+import{W as i}from"./index-DXEfDC45.js";class u extends i{async initialize(e){const n={version:"v17.0"};return await this.loadScript(e.locale),FB.init(Object.assign(Object.assign({},n),e))}loadScript(e){if(typeof document>"u")return Promise.reject("document global not found");const n="fb";if(document.getElementById(n))return Promise.resolve();const r=document.getElementsByTagName("head")[0],s=document.createElement("script");return new Promise(o=>{s.onload=()=>o(),s.defer=!0,s.async=!0,s.id=n,s.src=`https://connect.facebook.net/${e??"en_US"}/sdk.js`,r.appendChild(s)})}async login(e){return new Promise((n,t)=>{FB.login(r=>{r.status==="connected"?n({accessToken:{token:r.authResponse.accessToken}}):t({accessToken:{token:null}})},{scope:e.permissions.join(",")})})}async logout(){return new Promise(e=>FB.logout(()=>e()))}async reauthorize(){return new Promise(e=>FB.reauthorize(n=>e(n)))}async getCurrentAccessToken(){return new Promise((e,n)=>{FB.getLoginStatus(t=>{if(t.status==="connected"){const r={accessToken:{applicationId:void 0,declinedPermissions:[],expires:void 0,isExpired:void 0,lastRefresh:void 0,permissions:[],token:t.authResponse.accessToken,userId:t.authResponse.userID}};e(r)}else n({accessToken:{token:null}})})})}async getProfile(e){const n=e.fields.join(",");return new Promise((t,r)=>{FB.api("/me",{fields:n},s=>{if(s.error){r(s.error.message);return}t(s)})})}async logEvent(){return Promise.resolve()}async setAutoLogAppEventsEnabled(){return Promise.resolve()}async setAdvertiserTrackingEnabled(){return Promise.resolve()}async setAdvertiserIDCollectionEnabled(){return Promise.resolve()}}export{u as FacebookLoginWeb};

package/dist/assets/web-DhQdITWf.js

@@ -0,0 +1 @@
+import{W as c}from"./index-DXEfDC45.js";class g extends c{constructor(){super()}loadScript(){if(typeof document>"u")return;const e="gapi";if(document==null?void 0:document.getElementById(e))return;const n=document.getElementsByTagName("head")[0],t=document.createElement("script");t.type="text/javascript",t.defer=!0,t.async=!0,t.id=e,t.onload=this.platformJsLoaded.bind(this),t.src="https://apis.google.com/js/platform.js",n.appendChild(t)}initialize(e={clientId:"",scopes:[],grantOfflineAccess:!1}){var s,n;if(typeof window>"u")return;const t=(s=document.getElementsByName("google-signin-client_id")[0])===null||s===void 0?void 0:s.content,i=e.clientId||t||"";i||console.warn("GoogleAuthPlugin - clientId is empty"),this.options={clientId:i,grantOfflineAccess:(n=e.grantOfflineAccess)!==null&&n!==void 0?n:!1,scopes:e.scopes||[]},this.gapiLoaded=new Promise(o=>{window.gapiResolve=o,this.loadScript()}),this.addUserChangeListener()}platformJsLoaded(){gapi.load("auth2",()=>{const e={client_id:this.options.clientId,plugin_name:"CodetrixStudioCapacitorGoogleAuth"};this.options.scopes.length&&(e.scope=this.options.scopes.join(" ")),gapi.auth2.init(e),window.gapiResolve()})}async signIn(){return new Promise(async(e,s)=>{var n;try{let t;const i=(n=this.options.grantOfflineAccess)!==null&&n!==void 0?n:!1;i?t=(await gapi.auth2.getAuthInstance().grantOfflineAccess()).code:await gapi.auth2.getAuthInstance().signIn();const o=gapi.auth2.getAuthInstance().currentUser.get();i&&await o.reloadAuthResponse();const a=this.getUserFrom(o);a.serverAuthCode=t,e(a)}catch(t){s(t)}})}async refresh(){const e=await gapi.auth2.getAuthInstance().currentUser.get().reloadAuthResponse();return{accessToken:e.access_token,idToken:e.id_token,refreshToken:""}}async signOut(){return gapi.auth2.getAuthInstance().signOut()}async addUserChangeListener(){await this.gapiLoaded,gapi.auth2.getAuthInstance().currentUser.listen(e=>{this.notifyListeners("userChange",e.isSignedIn()?this.getUserFrom(e):null)})}getUserFrom(e){const s={},n=e.getBasicProfile();s.email=n.getEmail(),s.familyName=n.getFamilyName(),s.givenName=n.getGivenName(),s.id=n.getId(),s.imageUrl=n.getImageUrl(),s.name=n.getName();const t=e.getAuthResponse(!0);return s.authentication={accessToken:t.access_token,idToken:t.id_token,refreshToken:""},s}}export{g as GoogleAuthWeb};

package/dist/assets/web-EiIhTtxC.js

@@ -0,0 +1 @@
+import{W as o}from"./index-DXEfDC45.js";class e extends o{constructor(){super(),this._lastWindow=null}async open(s){this._lastWindow=window.open(s.url,s.windowName||"_blank")}async close(){return new Promise((s,n)=>{this._lastWindow!=null?(this._lastWindow.close(),this._lastWindow=null,s()):n("No active window to close!")})}}const i=new e;export{i as Browser,e as BrowserWeb};

package/dist/assets/web-OwpPF4YF.js

@@ -0,0 +1 @@
+import{W as p}from"./index-DXEfDC45.js";class f extends p{constructor(){super(...arguments),this.group="CapacitorStorage"}async configure({group:e}){typeof e=="string"&&(this.group=e)}async get(e){return{value:this.impl.getItem(this.applyPrefix(e.key))}}async set(e){this.impl.setItem(this.applyPrefix(e.key),e.value)}async remove(e){this.impl.removeItem(this.applyPrefix(e.key))}async keys(){return{keys:this.rawKeys().map(t=>t.substring(this.prefix.length))}}async clear(){for(const e of this.rawKeys())this.impl.removeItem(e)}async migrate(){var e;const t=[],s=[],n="_cap_",o=Object.keys(this.impl).filter(i=>i.indexOf(n)===0);for(const i of o){const r=i.substring(n.length),a=(e=this.impl.getItem(i))!==null&&e!==void 0?e:"",{value:l}=await this.get({key:r});typeof l=="string"?s.push(r):(await this.set({key:r,value:a}),t.push(r))}return{migrated:t,existing:s}}async removeOld(){const e="_cap_",t=Object.keys(this.impl).filter(s=>s.indexOf(e)===0);for(const s of t)this.impl.removeItem(s)}get impl(){return window.localStorage}get prefix(){return this.group==="NativeStorage"?"":`${this.group}.`}rawKeys(){return Object.keys(this.impl).filter(e=>e.indexOf(this.prefix)===0)}applyPrefix(e){return this.prefix+e}}export{f as PreferencesWeb};

package/dist/index.css

@@ -0,0 +1,193 @@
+.container {
+    padding: 10px 0!important;
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+    padding-bottom: 100px !important;
+}
+.settingsCard {
+    background-color: white;
+    padding: 20px;
+    border-radius: 26px;
+    align-items: center;
+}
+
+.device {
+    display: flex;
+    align-items: center;
+}
+
+h4 {
+    margin-left: 20px;
+    font-weight: bold;
+}
+
+.middle {
+    flex: 1;
+}
+
+.left img {
+    background-color: #f7f8f9;
+    border-radius: 20px;
+    padding: 10px;
+}
+
+.divider {
+    height: 1px;
+    background-color: #f0f0f0;
+    margin: 20px 0;
+}
+
+.moreFooter {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0 10px;
+}
+
+.settingRow{
+    background-color: #F4F4F4;
+    padding: 10px 9px;
+    border-radius: 15px;
+    cursor: pointer;
+}
+
+.settingRow .firstRow,
+.settingRow .secondRow {
+    display: flex;
+    align-items: center;
+    min-height: 35px;
+}
+
+.settingRow .firstRow h4 {
+    text-align: left;
+    flex: 1;
+    margin-left: 20px;
+    font-weight: 600;
+    margin-bottom: 0;
+}
+
+.settingRow .secondRow {
+    font-size: 8px;
+    margin-top: 20px;
+}
+
+.settingRow .secondRow p {
+    flex: 1;
+    color: #999999;
+}
+
+.withBackground {
+    background-color: #ffffff;
+    border-radius: 10px;
+    padding: 10px;
+    width: 50px;
+}
+
+
+.ios-switch {
+    position: relative;
+    width: 60px;
+    padding-top: 4px;
+    padding-right: 4px;
+    margin-left: 4px;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+}
+.ios-switch-checkbox {
+    display: none;
+}
+.ios-switch-label {
+    background-color: #e3e3e3;
+    display: block;
+    overflow: initial;
+    cursor: pointer;
+    height: 30px;
+    padding: 0;
+    line-height: 20px;
+    border: 1px solid #e3e3e3;
+    border-radius: 25px;
+    transition: all 250ms ease;
+}
+.ios-switch-label:before {
+    content: "";
+    display: block;
+    width: 30px;
+    margin: 0px;
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    right: 24px;
+    background-size: 15px;
+    background-repeat: no-repeat;
+    background-position: center;
+    border: 2px solid #e3e3e3;
+    border-radius: 25px;
+    transition: all 250ms ease;
+}
+
+.ios-switch-checkbox:checked + .ios-switch-label {
+    background-color: #151515;
+}
+.ios-switch-checkbox:checked + .ios-switch-label,
+.ios-switch-checkbox:checked + .ios-switch-label:before {
+    border-color: #151515;
+}
+.ios-switch-checkbox:checked + .ios-switch-label:before {
+    right: -1px;
+}
+
+
+.subheaderContainer {
+    display: flex;
+    align-items: center;
+    position: relative;
+    padding: 15px 25px;
+}
+
+.subheaderContainer .left-button {
+    width: 40px!important;
+    height: 40px!important;
+    margin: 0;
+    border-radius: 50%;
+    background: #f4f4f4;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: absolute;
+    left: 20px;
+}
+
+.subheaderContainer .button {
+    width: 40px!important;
+    height: 40px!important;
+    margin: 0;
+    border-radius: 50%;
+    background: #f4f4f4;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: absolute;
+}
+
+.subheaderContainer .button img {
+    top: 0!important;
+    margin-right: 3px!important;
+}
+
+.subheaderContainer .left-button {
+    left: 20px;
+}
+
+.subheaderContainer .right-button {
+    right: 20px;
+}
+
+.transition-icon {
+    transition: 0.5s;
+}
+
+.rotate-icon {
+    transform: translate(-50%, -50%) rotate(180deg)!important;
+}

package/dist/index.html

@@ -0,0 +1,36 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+    <meta name="google-signin-client_id" content="977665455842-5d5ar2comte3muk65oaf4g5jrmcsvu1m.apps.googleusercontent.com">
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover">
+    <meta name="format-detection" content="telephone=no">
+    <meta name="msapplication-tap-highlight" content="no">
+    <meta name="format-detection" content="telephone=no">
+    <link rel="icon" href="/favicon.ico" class="next-head"/>
+    <title>Tapni - Share everything with just a tap</title>
+    <meta name="description" content="Your new connecting experience. Tapni allows you to share all your socials and contact information in a smart, contactless, and sustainable way. One TAP is all it takes. Keep all your links in one place. Bring your business card to life. Impress anyone you meet. Connecting made effortless with just a simple tap!">
+    <!-- Open Graph / Facebook -->
+    <meta property="og:type" content="website">
+    <meta property="og:title" content="Tapni - Share with just a tap">
+    <meta property="og:description" content="Share everything in a smart, contactless,and sustainable way">
+    <meta property="og:image" content="https://cdn.tapni.co/images/banner-sticker.png">
+    <meta property="og:url" content="https://tapni.com">
+
+    <!-- Twitter -->
+    <meta property="twitter:url" content="https://tapni.com">
+    <meta property="twitter:card" content="summary_large_image">
+    <meta property="twitter:site" content="@tapni_co">
+    <meta property="twitter:title" content="Tapni - Share everything with just a tap">
+    <meta property="twitter:description" content="Your new connecting experience. Tapni allows you to share all your socials and contact information in a smart, contactless, and sustainable way. One TAP is all it takes. Keep all your links in one place. Bring your business card to life. Impress anyone you meet. Connecting made effortless with just a simple tap!">
+    <meta property="twitter:image" content="https://cdn.tapni.co/images/banner-sticker.png">
+
+    <link rel="apple-touch-icon" href="/icon.png">
+    <link rel="android-touch-icon" href="/icon.png" />
+  <script type="module" crossorigin src="/assets/index-DXEfDC45.js"></script>
+  <link rel="stylesheet" crossorigin href="/assets/index-CNOQuLc_.css">
+</head>
+<body id="bodyId" class="lazy-scroll no-select">
+<div id="app"></div>
+</body>
+</html>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tapni/auth",
-  "version": "0.0.169",
+  "version": "1.0.3",
   "type": "module",
   "main": "./dist/TapniAuth.umd.js",
   "module": "./dist/TapniAuth.es.js",
@@ -34,7 +34,7 @@
     "@otplib/preset-browser": "^12.0.1",
     "@recognizebv/capacitor-plugin-msauth": "^3.5.1",
     "@tapni/capacitor-reactive-localstorage-vue3": "^0.0.17",
-    "@tapni/styles": "^0.0.3",
+    "@tapni/styles": "^0.0.8",
     "await-to-js": "^3.0.0",
     "axios": "^1.6.5",
     "buffer": "^6.0.3",
@@ -43,9 +43,9 @@
     "vue": "^3.3.11",
     "vue-cookies": "^1.8.3",
     "vue-router": "^4.2.5",
+    "vue3-select-component": "^0.5.2",
     "vuex": "^4.0.2",
     "vuex-router-sync": "v6.0.0-rc.1"
-
   },
   "devDependencies": {
     "@rollup/plugin-inject": "^5.0.5",

package/src/App.vue

@@ -14,26 +14,16 @@ document.addEventListener('DOMContentLoaded', function() {
 <template>
   <div id="ssoapp">
     <a v-if="display === 'redirect' || renderView.includes('Auth')" href="/" class="header-logo"><img src="data:image/png;base64,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" onerror="this.onerror=null;this.src='https://cdn.tapni.co/images/logo-dark.png';" class="header-logo-img"></a>
-
-    <a v-if="display === 'redirect'"
-       @click="toggleSSOLanguageModal"
-       class="font-18 no-border pointer color-black"
-       style="position: absolute; right: 20px; top: -10px; z-index: 1;">
-      <span class="lang-icon">{{ appLanguage.toUpperCase() }}</span>
-    </a>
-
-
     <ModalOverlay />
     <Language v-if="!isModal" />
     <SSO v-if="!isModal" />
     <SSOPick v-if="!isModal" />
-    <OTP />
 
     <AuthWelcome v-if="initialized && renderView === 'AuthWelcome'" />
     <AuthLogin v-else-if="initialized && renderView === 'AuthLogin'" :isModal="isModal" />
     <AuthRegister v-else-if="initialized && renderView === 'AuthRegister'" :isModal="isModal" />
     <AuthVerify v-else-if="initialized && renderView === 'AuthVerify'" :isModal="isModal" />
-    <AuthMFA v-else-if="initialized && renderView === 'AuthMFA'" :isModal="isModal" :payload="payload" />
+    <AuthSecurity v-else-if="initialized && renderView === 'AuthSecurity'" :isModal="isModal" :payload="payload" />
     <AuthReset v-else-if="initialized && renderView === 'AuthReset'" />
     <AuthCallback v-else-if="initialized && renderView === 'AuthCallback'" />
     <RouterView v-else-if="display !== 'npm'" />
@@ -84,16 +74,15 @@ import AuthWelcome from "@/views/Welcome.vue";
 import AuthLogin from "@/views/Login.vue";
 import AuthRegister from "@/views/Register.vue";
 import AuthVerify from "@/views/Verify.vue";
-import AuthMFA from "@/views/MFA.vue";
+import AuthSecurity from "@/views/Security.vue";
 import AuthReset from "@/views/Reset.vue";
 import AuthCallback from "@/views/Callback.vue";
-import ModalOverlay from "@/components/ModalOverlay.vue";
+import ModalOverlay from "@/components/DELETE_ModalOverlay.vue";
 import SSO from "@/components/SSO.vue";
-import OTP from "@/components/OTP.vue";
 import SSOPick from "@/components/SSOPick.vue";
 import {EventBus} from "./store/event-bus.js";
 import AuthMixin from "@/mixins/auth.mixin.js";
-import Language from "@/components/Language.vue";
+import Language from "@/components/DELETE_Language.vue";
 import ReactiveStorage from '@tapni/capacitor-reactive-localstorage-vue3'
 import store from './store/auth.js';
 
@@ -109,9 +98,8 @@ export default {
   },
   components: {
     Language,
-    OTP,
     SSOPick,
-    SSO, ModalOverlay, AuthCallback, AuthReset, AuthVerify, AuthMFA, AuthRegister, AuthLogin, AuthWelcome
+    SSO, ModalOverlay, AuthCallback, AuthReset, AuthVerify, AuthSecurity, AuthRegister, AuthLogin, AuthWelcome
   },
   props: {
     viewProp: {
@@ -154,6 +142,7 @@ export default {
     EventBus.$on('refreshTokenAction',(data) => this.refreshTokenAction({...data, storage: this.$storex}))
     EventBus.$on('switchAccount',(data) => this.switchAccount(data))
     EventBus.$on('setToken',(data) => this.setToken(data))
+    EventBus.$on('setStorageItem',(data) => this.setStorageItem(data))
   },
   methods: {
     async init () {
@@ -184,9 +173,6 @@ export default {
         document.getElementsByTagName("html")[0].style = ""
       }
     },
-    toggleSSOLanguageModal () {
-      EventBus.$emit('toggleSSOLanguageModal', true)
-    }
   },
   watch: {
     viewProp (nv) {

package/src/components/{Language.vue → DELETE_Language.vue}

@@ -106,7 +106,7 @@
 
 <script>
 import { EventBus } from "../store/event-bus.js";
-import LinkIcon from "./LinkIcon.vue";
+import LinkIcon from "./DELETE_LinkIcon.vue";
 import UtilService from "../services/UtilService.js";
 import CONSTANTS from "../store/constants.js";
 import { Device } from "@capacitor/device";

package/src/components/{ModalOverlay.vue → DELETE_ModalOverlay.vue}

@@ -35,8 +35,8 @@ export default {
     // EventBus.$on('togglePasswordModal', this.toggleModal)
     // EventBus.$on('toggleAddAccountModal', this.toggleModal)
     // EventBus.$on("toggleAccountSettingsModal", this.toggleModal);
-    EventBus.$on("toggleSSOLanguageModal", this.toggleModal);
-    EventBus.$on("toggleOTPModal", this.toggleModal);
+    // EventBus.$on("toggleSSOLanguageModal", this.toggleModal);
+    // EventBus.$on("toggleOTPField", this.toggleModal);
     EventBus.$on("toggleSSOModal", this.toggleModal);
     EventBus.$on("toggleSSOPickModal", this.toggleModal);
   },

package/src/components/{OTP.vue → DELETE_OTP.vue}

@@ -69,13 +69,13 @@ export default {
     };
   },
   mounted() {
-    EventBus.$on("toggleOTPModal", this.toggleModal);
+    EventBus.$on("toggleOTPField", this.toggleModal);
     EventBus.$on("closeModal", () => {
       this.toggle = false;
     });
   },
   beforeDestroy() {
-    EventBus["_events"]["toggleOTPModal"].pop();
+    EventBus["_events"]["toggleOTPField"].pop();
   },
   methods: {
     forceClose() {
@@ -91,7 +91,7 @@ export default {
 
       this.loading = true;
       EventBus.$emit('otpSubmitted', this.otp);
-      EventBus.$emit("toggleOTPModal")
+      EventBus.$emit("toggleOTPField")
       this.loading = false;
     },
     toggleModal() {

package/src/main.js

@@ -1,4 +1,5 @@
 import "@tapni/styles/dist/index.css";
+import "../public/index.css";
 import { createApp } from 'vue'
 import RootApp from './App.vue'
 import router from './router'

package/src/mixins/DELETE_mfa-auth.mixin.js

@@ -0,0 +1,53 @@
+import QRCodeStyling from "qr-code-styling";
+import { authenticator } from "@otplib/preset-browser";
+import {EventBus} from "@/store/event-bus.js";
+
+export default {
+  data () {
+    return {
+      accountDelete: false,
+
+      changePassword: false,
+      password: '',
+      passwordRepeat: '',
+      currentPassword: '',
+
+      otpToken: null,
+      otpSecret: null,
+      mfaEnable: false,
+      otp: "",
+      qrCodeHash: null,
+      qrCodeRefreshInterval: null,
+      poolingInterval: null,
+      loading: false,
+    }
+  },
+  props: {
+    isModal: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
+  },
+  computed: {
+    promptMFA () {
+      return false;
+    }
+  },
+  async mounted () {
+    if (this.renderView === 'AuthSecurity') {
+      await this.getAccountSettings();
+      this.generateOTPQrCode();
+    }
+
+    EventBus.$on('otpSubmitted', this.otpSubmitted)
+  },
+  methods: {
+    otpSubmitted(code) {
+      this.otpToken = code;
+
+      // Assuming that the parent component had a method called submit
+      this.submit();
+    },
+  },
+}

package/src/mixins/auth.mixin.js

@@ -4,6 +4,13 @@ import GlobalMixin from './global.mixin'
 
 export default {
   mixins: [GlobalMixin],
+  props: {
+    isModal: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
+  },
   computed: {
     ...mapState([
       '$storex',
@@ -31,12 +38,12 @@ export default {
     ...mapActions([
       'setLoggedInAccounts',
       'setLoggedInUserId',
-      'getRefreshTokens',
       'setRefreshToken',
       'unsetRefreshToken',
       'setToken',
       'setView',
       'setStorage',
+      'setStorageItem',
       'updateLang',
       'login',
       'register',

package/src/mixins/global.mixin.js

@@ -29,6 +29,13 @@ export default {
     },
   },
   methods: {
+    getIcon(icon) {
+      if (!this.isNative && false) {
+        return 'https://cdn.tapni.co/icons/' + icon;
+      } else {
+        return `http://localhost:7777/icons/${icon}`;
+      }
+    },
     errorHandler(error) {
       if (error && error.response && error.response.data && error.response.data.error) {
         if (

package/src/routes.js

@@ -1,18 +1,15 @@
-const Welcome = () =>
-    import("./views/Welcome.vue");
+const Welcome = () => import("./views/Welcome.vue");
 const Login = () => import("./views/Login.vue");
-const Register = () =>
-    import("./views/Register.vue");
+const Register = () => import("./views/Register.vue");
 const Reset = () => import("./views/Reset.vue");
 const Account = () => import("./views/Account.vue");
-const Verify = () =>
-    import("./views/Verify.vue");
-const Callback = () =>
-    import("./views/Callback.vue");
-const QR = () =>
-    import("./views/QR.vue");
-const MFA = () =>
-    import("./views/MFA.vue");
+const Verify = () => import("./views/Verify.vue");
+const Callback = () => import("./views/Callback.vue");
+const QR = () => import("./views/QR.vue");
+const Security = () => import("./views/Security.vue");
+const Apps = () => import("./views/Apps.vue");
+const CustomApp = () => import("./views/CustomApp.vue");
+const General = () => import("./views/General.vue");
 
 export default [
   {
@@ -37,9 +34,24 @@ export default [
     component: QR,
   },
   {
-    path: "/mfa",
-    name: "AuthMFA",
-    component: MFA,
+    path: "/security",
+    name: "AuthSecurity",
+    component: Security,
+  },
+  {
+    path: "/apps",
+    name: "AuthApps",
+    component: Apps,
+  },
+  {
+    path: "/apps/:app",
+    name: "AuthApp",
+    component: CustomApp,
+  },
+  {
+    path: "/general",
+    name: "AuthGeneral",
+    component: General,
   },
   {
     path: "/account",

package/src/store/auth.js

@@ -73,6 +73,9 @@ export default {
     setAccountSettings(state, account) {
       state.account = account;
     },
+    setStorageItem(state, item) {
+      state.$storex[item.name] = item.data;
+    },
     setStorage(state, storage) {
       state.$storex = {
         ...state.$storex,
@@ -135,6 +138,9 @@ export default {
           commit('setAccountSettings', response.data.data);
         }
       },
+      setStorageItem({ commit }, item) {
+        commit('setStorageItem', item);
+      },
       setStorage({ commit }, storage) {
         commit('setStorage', storage);
       },
@@ -150,7 +156,7 @@ export default {
           }
 
           if (error.response.data.error === 'OTP_REQUIRED') {
-            return EventBus.$emit('toggleOTPModal', true);
+            return EventBus.$emit('toggleOTPField', true);
           }
 
           // Link click network error bug fix

package/src/store/constants.js

@@ -1,8 +1,4 @@
 export default {
-	ANDROID_VERSION: '5.6',
-	IOS_VERSION: '5.6',
-	WEB_VERSION: '5.6.0',
-	SUPPORTED_LANGUAGES: ['en', 'de', 'es', 'kr', 'it', 'fr'],
-	METAPIXEL_ID: '1203678696914368',
-	GOOGLE_ANALYTICS_ID: ''
+	WEB_VERSION: '1.0.1',
+	SUPPORTED_LANGUAGES: ['en', 'de', 'es', 'kr', 'it', 'fr', 'sr', 'tr', 'cn'],
 }