@tapni/auth 0.0.2 → 0.0.3

package/dist/TapniAuth.es.js

@@ -13,7 +13,7 @@ import { Capacitor as ie } from "@capacitor/core";
 import { Browser as F } from "@capacitor/browser";
 import Te from "qr-code-styling";
 import { sanitizeUrl as je } from "@braintree/sanitize-url";
-const Pe = "0.0.2", m = (e, a = !1) => {
+const Pe = "0.0.3", m = (e, a = !1) => {
   const n = Pe;
   let o = K.create({
     baseURL: "https://api.tapni.co/v1/",

package/dist/TapniAuth.umd.js

@@ -1,4 +1,4 @@
-(function(e,z){typeof exports=="object"&&typeof module<"u"?module.exports=z(require("vue"),require("vue-router"),require("await-to-js"),require("axios"),require("jwt-decode"),require("@capacitor/device"),require("@tapni/capacitor-reactive-localstorage-vue3"),require("@codetrix-studio/capacitor-google-auth"),require("@capacitor-community/facebook-login"),require("@capacitor-community/apple-sign-in"),require("@recognizebv/capacitor-plugin-msauth"),require("@capacitor/core"),require("@capacitor/browser"),require("qr-code-styling"),require("@braintree/sanitize-url")):typeof define=="function"&&define.amd?define(["vue","vue-router","await-to-js","axios","jwt-decode","@capacitor/device","@tapni/capacitor-reactive-localstorage-vue3","@codetrix-studio/capacitor-google-auth","@capacitor-community/facebook-login","@capacitor-community/apple-sign-in","@recognizebv/capacitor-plugin-msauth","@capacitor/core","@capacitor/browser","qr-code-styling","@braintree/sanitize-url"],z):(e=typeof globalThis<"u"?globalThis:e||self,e.TapniAuth=z(e.Vue,e.vueRouter,e.to,e.axios,e.jwtDecode,e.device,e.capacitorReactiveLocalstorageVue3,e.capacitorGoogleAuth,e.facebookLogin,e.appleSignIn,e.capacitorPluginMsauth,e.core,e.browser,e.QRCodeStyling,e.sanitizeUrl))})(this,function(e,z,_,S,V,L,I,B,J,ee,ae,x,E,te,ne){"use strict";const ie="0.0.2",p=(a,t=!1)=>{const n=ie;let o=S.create({baseURL:"https://api.tapni.co/v1/",headers:{Authorization:`Bearer ${a.token}`,"X-Client-Name":"sso-"+n.platform,"X-Client-Version":n.version}});return o.interceptors.request.use(async function(i){if(["post","put","delete"].includes(i.method.toLowerCase())?i.data={...i.data,lang:a.appLang,realm:a.realm||"app"}:i.method.toLowerCase()==="get"&&(i.params={...i.params,lang:a.appLang,realm:a.realm||"app"}),a.token&&!t){const r=V.jwtDecode(a.token);if(r.exp-30<Math.floor(Date.now()/1e3))return m.methods.refreshTokenAction(r).then(()=>(i.headers={...i.headers,Authorization:`Bearer ${a.token}`},i))}return i}),o},y={getMe(){return p(storage).get("/users/me")},getByUsername(a,t){let n=document.referrer||"",o=a.utmParams||{};return a.dontTap&&(o.dontTap=!0),p(t).get(`/users/${a.username}`,{params:o,headers:{"X-Referer":n}})},getByNumber(a,t){let n=document.referrer||"",o=a.utmParams||{};return a.dontTap&&(o.dontTap=!0),p(t).get(`/users/tag/${a.serial}`,{params:o,headers:{"X-Referer":n}})},save(a,t){return p(t).put("/users",a)},newPassword(a,t){return p(t).put("/users/new-password",a)},connect(a,t){return p(t).post("/users/connect",a)},eventLog(a,t){return p(t).post("/users/log",a)},deleteAccount(a,t){return p(t).post("/users/profile/delete",a)},registerDevice(a,t){return p(t).post("/users/device/register",a)},addFcmToken(a,t){return p(t).post("/users/device/fcm",a)},loginUsingQR(a,t){return p(t).post("/users/qr/login",a)}},q={registerDevice(a,t){return p(t).post("/devices/add",a)},addFcmToken(a,t){return p(t).post("/devices/fcm/add",a)}};let g;L.Device.getId().then(a=>g=a.uuid);const u={register(a,t){return a.device_id=g,p(t).post("/users/register",a)},login(a,t){return a.device_id=g,p(t).post("/users/login",a)},logout(a,t){return a.device_id=g,p(t).post("/users/logout",a)},refreshToken(a,t){return p(t,!0).get(`/users/refresh-token?UserId=${a.id}&token=${a.refreshToken}`)},getLoggedInAccounts(a,t){return p(t).post("/users/tokens",a)},sendResetEmail(a,t){return a.device_id=g,p(t).post("/users/reset",a)},changePassword(a,t){return p(t).put("/users/password",a,{headers:{Authorization:"Bearer "+a.token}})},verify(a,t){return p(t).get("/users/verify?c="+a.code+"&e="+a.email+"&captchatoken="+a.captchaToken)},googleUrl(a){return p(a).get("/users/google/url")},google(a,t){return a.device_id=g,p(t).post("/users/google",a)},facebook(a,t){return a.device_id=g,p(t).post("/users/facebook",a)},googleSDK(a,t){return a.device_id=g,p(t).post("/users/google/sdk",a)},facebookSDK(a,t){return a.device_id=g,p(t).post("/users/facebook/sdk",a)},appleSDK(a,t){return a.device_id=g,p(t).post("/users/apple/sdk",a)},microsoftSDK(a,t){return a.device_id=g,p(t).post("/users/microsoft/sdk",a)},oktaSDK(a,t){return a.device_id=g,p(t).post("/users/okta/sdk",a)},samlLoginUrl(a,t){return p(t).post("/saml/url",a)}},N={getBySSOEmail(a,t){return p(t).get(`/company/sso/${a}`)},acceptCompanyInvitation(a,t){return p(t).get(`/users/invitation?ic=${a}`)},qrCodePooling(a,t){return p(t).post("/company/login/qr",a)}},C=e.reactive(new Map),c={$on(a,t){let n=C.get(a);n||(n=new Set,C.set(a,n)),n.add(t)},$emit(a,...t){const n=C.get(a);if(n)for(const o of n)o(...t)},$off(a,t){const n=C.get(a);n&&n.delete(t)}};e.readonly(c);const oe={state:{english:"English",spanish:"Spanish",german:"German",korean:"Korean",italian:"Italian",french:"French",serbian:"Serbian",turkish:"Turkish",chinese:"Chinese",app_language:"Language",profile_preview:"Profile preview",edit_profile:"Edit profile",login:"Login",referral_reach:"Provide us with more information about you and your reach.",referral_apply_placeholder:"How do you plan to promote Tapni?",referral_apply_note:`Add as many links as possible in your account, <br>
+(function(e,z){typeof exports=="object"&&typeof module<"u"?module.exports=z(require("vue"),require("vue-router"),require("await-to-js"),require("axios"),require("jwt-decode"),require("@capacitor/device"),require("@tapni/capacitor-reactive-localstorage-vue3"),require("@codetrix-studio/capacitor-google-auth"),require("@capacitor-community/facebook-login"),require("@capacitor-community/apple-sign-in"),require("@recognizebv/capacitor-plugin-msauth"),require("@capacitor/core"),require("@capacitor/browser"),require("qr-code-styling"),require("@braintree/sanitize-url")):typeof define=="function"&&define.amd?define(["vue","vue-router","await-to-js","axios","jwt-decode","@capacitor/device","@tapni/capacitor-reactive-localstorage-vue3","@codetrix-studio/capacitor-google-auth","@capacitor-community/facebook-login","@capacitor-community/apple-sign-in","@recognizebv/capacitor-plugin-msauth","@capacitor/core","@capacitor/browser","qr-code-styling","@braintree/sanitize-url"],z):(e=typeof globalThis<"u"?globalThis:e||self,e.TapniAuth=z(e.Vue,e.vueRouter,e.to,e.axios,e.jwtDecode,e.device,e.capacitorReactiveLocalstorageVue3,e.capacitorGoogleAuth,e.facebookLogin,e.appleSignIn,e.capacitorPluginMsauth,e.core,e.browser,e.QRCodeStyling,e.sanitizeUrl))})(this,function(e,z,_,S,V,L,I,B,J,ee,ae,x,E,te,ne){"use strict";const ie="0.0.3",p=(a,t=!1)=>{const n=ie;let o=S.create({baseURL:"https://api.tapni.co/v1/",headers:{Authorization:`Bearer ${a.token}`,"X-Client-Name":"sso-"+n.platform,"X-Client-Version":n.version}});return o.interceptors.request.use(async function(i){if(["post","put","delete"].includes(i.method.toLowerCase())?i.data={...i.data,lang:a.appLang,realm:a.realm||"app"}:i.method.toLowerCase()==="get"&&(i.params={...i.params,lang:a.appLang,realm:a.realm||"app"}),a.token&&!t){const r=V.jwtDecode(a.token);if(r.exp-30<Math.floor(Date.now()/1e3))return m.methods.refreshTokenAction(r).then(()=>(i.headers={...i.headers,Authorization:`Bearer ${a.token}`},i))}return i}),o},y={getMe(){return p(storage).get("/users/me")},getByUsername(a,t){let n=document.referrer||"",o=a.utmParams||{};return a.dontTap&&(o.dontTap=!0),p(t).get(`/users/${a.username}`,{params:o,headers:{"X-Referer":n}})},getByNumber(a,t){let n=document.referrer||"",o=a.utmParams||{};return a.dontTap&&(o.dontTap=!0),p(t).get(`/users/tag/${a.serial}`,{params:o,headers:{"X-Referer":n}})},save(a,t){return p(t).put("/users",a)},newPassword(a,t){return p(t).put("/users/new-password",a)},connect(a,t){return p(t).post("/users/connect",a)},eventLog(a,t){return p(t).post("/users/log",a)},deleteAccount(a,t){return p(t).post("/users/profile/delete",a)},registerDevice(a,t){return p(t).post("/users/device/register",a)},addFcmToken(a,t){return p(t).post("/users/device/fcm",a)},loginUsingQR(a,t){return p(t).post("/users/qr/login",a)}},q={registerDevice(a,t){return p(t).post("/devices/add",a)},addFcmToken(a,t){return p(t).post("/devices/fcm/add",a)}};let g;L.Device.getId().then(a=>g=a.uuid);const u={register(a,t){return a.device_id=g,p(t).post("/users/register",a)},login(a,t){return a.device_id=g,p(t).post("/users/login",a)},logout(a,t){return a.device_id=g,p(t).post("/users/logout",a)},refreshToken(a,t){return p(t,!0).get(`/users/refresh-token?UserId=${a.id}&token=${a.refreshToken}`)},getLoggedInAccounts(a,t){return p(t).post("/users/tokens",a)},sendResetEmail(a,t){return a.device_id=g,p(t).post("/users/reset",a)},changePassword(a,t){return p(t).put("/users/password",a,{headers:{Authorization:"Bearer "+a.token}})},verify(a,t){return p(t).get("/users/verify?c="+a.code+"&e="+a.email+"&captchatoken="+a.captchaToken)},googleUrl(a){return p(a).get("/users/google/url")},google(a,t){return a.device_id=g,p(t).post("/users/google",a)},facebook(a,t){return a.device_id=g,p(t).post("/users/facebook",a)},googleSDK(a,t){return a.device_id=g,p(t).post("/users/google/sdk",a)},facebookSDK(a,t){return a.device_id=g,p(t).post("/users/facebook/sdk",a)},appleSDK(a,t){return a.device_id=g,p(t).post("/users/apple/sdk",a)},microsoftSDK(a,t){return a.device_id=g,p(t).post("/users/microsoft/sdk",a)},oktaSDK(a,t){return a.device_id=g,p(t).post("/users/okta/sdk",a)},samlLoginUrl(a,t){return p(t).post("/saml/url",a)}},N={getBySSOEmail(a,t){return p(t).get(`/company/sso/${a}`)},acceptCompanyInvitation(a,t){return p(t).get(`/users/invitation?ic=${a}`)},qrCodePooling(a,t){return p(t).post("/company/login/qr",a)}},C=e.reactive(new Map),c={$on(a,t){let n=C.get(a);n||(n=new Set,C.set(a,n)),n.add(t)},$emit(a,...t){const n=C.get(a);if(n)for(const o of n)o(...t)},$off(a,t){const n=C.get(a);n&&n.delete(t)}};e.readonly(c);const oe={state:{english:"English",spanish:"Spanish",german:"German",korean:"Korean",italian:"Italian",french:"French",serbian:"Serbian",turkish:"Turkish",chinese:"Chinese",app_language:"Language",profile_preview:"Profile preview",edit_profile:"Edit profile",login:"Login",referral_reach:"Provide us with more information about you and your reach.",referral_apply_placeholder:"How do you plan to promote Tapni?",referral_apply_note:`Add as many links as possible in your account, <br>
 		  so that we can know who you are.
 		  <br><br>Be exclusive.
 		  <br>Not everyone gets accepted.😉`,referral_apply_now:"Apply now",referral_apply_thanks:"Thanks for applying. We will review your application soon!",connect:"Connect",with:"with",exchange_contact:"Exchange Contact",add_details:"Add more",show_details:"Show more",download_contact:"Download Contact",stay_in_touch:"Stay in touch with",no_thanks:"No Thanks",connect_join:"Join Tapni",connect_with:"Exchange contact with",connect_required_fields:"One of the two contact fields must be provided",name:"Name",first_name:"First name",last_name:"Last name",email:"Email",phone:"Phone number",phone_p:"Phone",company:"Company",address:"Address",website:"Website",open:"Open",delete:"Delete",confirm:"Confirm",cancel:"Cancel",save:"Save",code:"Code",note:"Note",note_p:"Add a note",contact_card_icon:"Set text under the contact card icon",contact_card_name:"Enter first and lastname",contact_card_name_p:"Contact card name",contact_card_email:"Enter personal email address",contact_card_email_p:"Contact card email",contact_card_phone:"Enter personal phone number",contact_card_phone_p:"Contact card phone",contact_card_website:"Enter personal website",contact_card_website_p:"Contact card website",contact_card_company_name:"Enter company name",contact_card_company_name_p:"Contact card company name",contact_card_job_title:"Job title",contact_card_job_title_p:"Enter job title",contact_card_company_website:"Company website",contact_card_company_website_p:"Enter company website",contact_card_bio:"Enter bio for the contact card",contact_card_bio_p:"Enter bio for the contact card",contact_card_home_address:"Enter home address",contact_card_home_address_p:"Contact card home address",contact_card_work_address:"Enter work address",contact_card_work_address_p:"Contact card work address",contact_card_social:"Choose social media links to your Tapni profile <br>in order to add them in the contact card",contact_card_social_p:"Choose social media links for the contact card",link_text_p:"Link Text",link_icon:"Set text under the link icon",direct_pick:"Pick a direct link",direct_p:"When you tap someone's phone, <br> this link will be opened instead of your full profile.",password_change:"Change password",password_repeat:"Repeat password",password_reset_t:"Password reset",password_current:"Enter your current password",password_current_p:"Current Password",password_new:"Enter your new password",password_new_p:"New Password",password_new_repeat:"Enter your new password again",password_new_repeat_p:"Enter your new password again",password_update:"Password update",password_reset:`If you can't remember your current password,<br>

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "@tapni/auth",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "type": "module",
   "main": "./dist/TapniAuth.umd.js",
   "module": "./dist/TapniAuth.es.js",
   "files": [
-    "dist"
+    "dist",
+    "src"
   ],
   "exports": {
     ".": {

package/src/App.vue

@@ -0,0 +1,269 @@
+<script setup>
+import { RouterView } from 'vue-router'
+
+document.addEventListener('DOMContentLoaded', function() {
+  const recaptchaScript = document.createElement('script');
+  recaptchaScript.src = `https://www.google.com/recaptcha/api.js?render=${import.meta.env.VITE_GOOGLE_RECAPTCHA_SITE_KEY}`;
+  document.head.appendChild(recaptchaScript);
+});
+</script>
+
+
+<template>
+  <div id="ssoapp">
+    <a v-if="display === 'redirect'" 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="toggleLanguageModal"
+       class="font-18 no-border pointer color-black"
+       style="position: absolute; right: 20px; top: -10px">
+      <span class="lang-icon">{{ appLang.toUpperCase() }}</span>
+    </a>
+
+
+    <ModalOverlay />
+    <Language />
+    <SSO />
+    <SSOPick />
+
+    <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" />
+    <AuthReset v-else-if="initialized && renderView === 'AuthReset'" />
+    <AuthCallback v-else-if="initialized && renderView === 'AuthCallback'" />
+    <RouterView v-else />
+
+    <div class="snackbar snackbar-boxed" id="snackbar">
+      <p class="snack-body" id="errorSnack">
+        <span id="errorMessage"> {{ ssoLang[appLang].error }} </span>
+        <a
+            @click="closeSnacks"
+            style="
+              position: absolute;
+              right: 10px;
+              top: 10px;
+              width: 50px;
+              height: 50px;
+            "
+        >
+          <img
+              src="https://cdn.tapni.co/icons/notification-close.png"
+              style="width: 100%;:"
+          />
+        </a>
+      </p>
+      <p class="snack-body" id="successSnack">
+        <span id="successMessage"> {{ ssoLang[appLang].success }} </span>
+        <a
+            @click="closeSnacks"
+            style="
+              position: absolute;
+              right: 10px;
+              top: 10px;
+              width: 50px;
+              height: 50px;
+            "
+        >
+          <img
+              src="https://cdn.tapni.co/icons/notification-close.png"
+              style="width: 100%"
+          />
+        </a>
+      </p>
+    </div>
+  </div>
+</template>
+
+<script>
+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 AuthReset from "@/views/Reset.vue";
+import AuthCallback from "@/views/Callback.vue";
+import ModalOverlay from "@/components/ModalOverlay.vue";
+import SSO from "@/components/SSO.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 {StorageService, StorageMixin} from '@tapni/capacitor-reactive-localstorage-vue3';
+
+export default {
+  name: 'TapniAuth',
+  mixins: [AuthMixin, StorageMixin],
+  data () {
+    return {
+      initialized: false
+    }
+  },
+  components: {
+    Language,
+    SSOPick,
+    SSO, ModalOverlay, AuthCallback, AuthReset, AuthVerify, AuthRegister, AuthLogin, AuthWelcome
+  },
+  props: {
+    view: {
+      type: String,
+      default: ''
+    },
+    isModal: {
+      type: Boolean,
+      default: false
+    }
+  },
+  mounted() {
+    this.applyBgStyle()
+
+    EventBus.$on('ssoEvent', this.ssoOutgoingEvent)
+    EventBus.$on('ssoLogout',(data) => this.logout(data))
+    EventBus.$on('getLoggedInAccounts',(data) => this.getLoggedInAccounts(data))
+    EventBus.$on('refreshTokenAction',(data) => this.refreshTokenAction(data))
+  },
+  methods: {
+    async init () {
+      const storage = await StorageService.getAll();
+      await this.setStorage(storage)
+
+      if (this.storage && this.storage.token && this.storage.refreshTokens) {
+        this.setToken(this.storage.token);
+        const refreshTokens = this.getRefreshTokens();
+        this.setRefreshToken(refreshTokens[0]);
+        this.getLoggedInAccounts();
+      }
+      this.initialized = true;
+      this.$emit('ssoLibraryReady');
+    },
+    ssoOutgoingEvent (data) {
+      this.$emit('ssoEvent', data)
+    },
+    ssoIncomingEvent (data) {
+      EventBus.$emit(data.name, data.data)
+    },
+    applyBgStyle () {
+      if (this.display === 'redirect') {
+        document.getElementsByTagName("html")[0].style = "background: #dfeefe;"
+      } else {
+        document.getElementsByTagName("html")[0].style = ""
+      }
+    },
+    toggleLanguageModal () {
+      EventBus.$emit('toggleLanguageModal', true)
+    }
+  },
+  watch: {
+    display () {
+      this.applyBgStyle()
+    }
+  }
+}
+</script>
+
+<style>
+html * {
+  font-family: "Inter", sans-serif;
+}
+
+.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: 0.5em solid #ffffff;
+      border-top: 0.5em solid rgba(255, 255, 255, 0.2);
+      border-right: 0.5em solid rgba(255, 255, 255, 0.2);
+      border-bottom: 0.5em solid rgba(255, 255, 255, 0.2);
+      */
+  border-left: 0.5em solid #000000;
+  border-top: 0.5em solid rgba(0, 0, 0, 0.2);
+  border-right: 0.5em solid rgba(0, 0, 0, 0.2);
+  border-bottom: 0.5em solid rgba(0, 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(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+@keyframes load8 {
+  0% {
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+.smartbanner-ios {
+  background: linear-gradient(to bottom, #f4f4f4, #f4f4f4);
+  box-shadow: 0 0px 0px #ffffff;
+  border-bottom: 1px solid #dddddd;
+}
+.smartbanner-icon {
+  border-radius: 16px;
+}
+.smartbanner-ios .smartbanner-button {
+  font-size: 13px;
+  padding: 9px 0px;
+  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: #000000;
+}
+
+#successSnack {
+  background-color: #eff5eb !important;
+  border: 2px solid #e3ecd7 !important;
+  color: #000000;
+}
+
+.grecaptcha-badge {
+  visibility: hidden;
+}
+
+.header-logo {
+  position: absolute;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  margin-top: 0px;
+  z-index: 2;
+}
+
+.header-logo-img {
+  height: 40px;
+  margin-top: 10px;
+}
+</style>

package/src/components/Language.vue

@@ -0,0 +1,158 @@
+<template>
+  <div
+    class="menu-wrapper menu-light menu-white menu-modal center-text activate-page"
+    :class="{ 'active-menu': toggle }"
+    style="height: auto; max-height: 92vh; margin-top: -172.5px"
+  >
+    <a
+      @click="close"
+      class="color-black pull-right pointer"
+      style="margin-top: 5px; position: absolute; right: 5px"
+    >
+      <i class="font-17 fa color-black">
+        <img
+          src="https://cdn.tapni.co/icons/down-arrow.png"
+          class="fa responsive-image"
+          style="width: 45%"
+        />
+      </i>
+    </a>
+    <h3 class="bold center-text color-black small-bottom">
+      {{ ssoLang[appLang].app_language }}
+    </h3>
+
+    <LinkIcon
+      @click.native="updateLanguage('en')"
+      :link-style="'link-grid'"
+      :data="{ type: 'lang/en', text: ssoLang[this.appLang].english }"
+      :editing="false"
+      :class="{ 'add-button': true }"
+    />
+
+    <LinkIcon
+      @click.native="updateLanguage('es')"
+      :link-style="'link-grid'"
+      :data="{ type: 'lang/es', text: ssoLang[this.appLang].spanish }"
+      :editing="false"
+      :class="{ 'add-button': true }"
+    />
+
+    <LinkIcon
+      @click.native="updateLanguage('de')"
+      :link-style="'link-grid'"
+      :data="{ type: 'lang/de', text: ssoLang[this.appLang].german }"
+      :editing="false"
+      :class="{ 'add-button': true }"
+    />
+
+    <LinkIcon
+      @click.native="updateLanguage('it')"
+      :link-style="'link-grid'"
+      :data="{ type: 'lang/it', text: ssoLang[this.appLang].italian }"
+      :editing="false"
+      :class="{ 'add-button': true }"
+    />
+
+    <LinkIcon
+      @click.native="updateLanguage('fr')"
+      :link-style="'link-grid'"
+      :data="{ type: 'lang/fr', text: ssoLang[this.appLang].french }"
+      :editing="false"
+      :class="{ 'add-button': true }"
+    />
+
+    <LinkIcon
+      @click.native="updateLanguage('kr')"
+      :link-style="'link-grid'"
+      :data="{ type: 'lang/kr', text: ssoLang[this.appLang].korean }"
+      :editing="false"
+      :class="{ 'add-button': true }"
+    />
+
+    <LinkIcon
+      @click.native="updateLanguage('sr')"
+      :link-style="'link-grid'"
+      :data="{ type: 'lang/sr', text: ssoLang[this.appLang].serbian }"
+      :editing="false"
+      :class="{ 'add-button': true }"
+    />
+
+    <LinkIcon
+      @click.native="updateLanguage('tr')"
+      :link-style="'link-grid'"
+      :data="{ type: 'lang/tr', text: ssoLang[this.appLang].turkish }"
+      :editing="false"
+      :class="{ 'add-button': true }"
+    />
+    <!--
+      <LinkIcon @click.native="updateLanguage('cn')"
+                :link-style="'link-grid'"
+                :data="{ type: 'lang/cn', text: ssoLang[this.appLang].chinese }"
+                :editing="false"
+                :class="{ 'add-button': true }" />
+      -->
+  </div>
+</template>
+
+<script>
+import { EventBus } from "../store/event-bus.js";
+import LinkIcon from "./LinkIcon.vue";
+import UtilService from "../services/UtilService.js";
+import CONSTANTS from "../store/constants.js";
+import { Device } from "@capacitor/device";
+import AuthMixin from "../mixins/auth.mixin.js";
+
+export default {
+  name: "Language",
+  mixins: [AuthMixin],
+  components: { LinkIcon },
+  data() {
+    return {
+      toggle: false,
+    };
+  },
+  async mounted() {
+    EventBus.$on("toggleLanguageModal", this.toggleModal);
+    EventBus.$on("closeModal", () => {
+      this.toggle = false;
+    });
+
+    let lang = this.isNative
+      ? await Device.getLanguageCode()
+      : UtilService.getFirstBrowserLanguage();
+    if (lang && CONSTANTS.SUPPORTED_LANGUAGES.includes(lang)) {
+      this.updateLanguage(lang);
+    }
+  },
+  beforeDestroy() {
+    EventBus["_events"]["toggleLanguageModal"].pop();
+  },
+  methods: {
+    forceClose() {
+      EventBus.$emit("closeModal");
+    },
+    close() {
+      this.forceClose();
+    },
+    async updateLanguage(lang) {
+      EventBus.$emit("updateLang", lang);
+      EventBus.$emit("closeModal");
+    },
+    toggleModal() {
+      this.toggle = !this.toggle;
+    },
+  },
+};
+</script>
+
+<style scoped>
+.user-img {
+  margin: 0 auto;
+  margin-top: 2px;
+  width: 65px;
+}
+input {
+  margin: 0 auto;
+  height: 25px;
+}
+</style>