@tapni/auth 1.0.4 → 1.0.6

package/dist/web-BhPSya4n.js

@@ -0,0 +1,124 @@
+import { WebPlugin as z } from "@capacitor/core";
+var _ = { exports: {} };
+/*!
+  * $script.js JS loader & dependency manager
+  * https://github.com/ded/script.js
+  * (c) Dustin Diaz 2014 | License MIT
+  */
+var N;
+function L() {
+  return N || (N = 1, function(x) {
+    (function(i, p) {
+      x.exports ? x.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 h(e, t) {
+        for (var n = 0, u = e.length; n < u; ++n) if (!t(e[n])) return I;
+        return 1;
+      }
+      function g(e, t) {
+        h(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, U = u ? e.join("") : t, W = e.length;
+        function w(c) {
+          return c.call ? c() : s[c];
+        }
+        function y() {
+          if (!--W) {
+            s[U] = 1, r && r();
+            for (var c in o)
+              h(c.split("|"), w) && !g(o[c], w) && (o[c] = []);
+          }
+        }
+        return setTimeout(function() {
+          g(e, function c(a, j) {
+            if (a === null) return y();
+            if (!j && !/^https?:\/\//.test(a) && f && (a = a.indexOf(".js") === -1 ? f + a + ".js" : f + a), d[a])
+              return d[a] == 2 ? y() : setTimeout(function() {
+                c(a, !0);
+              }, 0);
+            d[a] = 1, b(a, y);
+          });
+        }, 0), l;
+      }
+      function b(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 = b, 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 !g(e, function(r) {
+          s[r] || u[m](r);
+        }) && h(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;
+    });
+  }(_)), _.exports;
+}
+var P = L();
+class k extends z {
+  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, h, g;
+          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: (g = (h = o.user) === null || h === void 0 ? void 0 : h.name) === null || g === void 0 ? void 0 : g.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 ? P.get(this.appleScriptUrl, () => i(!0)) : i(!1);
+    });
+  }
+}
+export {
+  k as SignInWithAppleWeb
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tapni/auth",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "type": "module",
   "main": "./dist/TapniAuth.umd.js",
   "module": "./dist/TapniAuth.es.js",
@@ -22,36 +22,36 @@
     "build-lib": "vite build --config=vite-lib.config.js"
   },
   "dependencies": {
-    "@braintree/sanitize-url": "^7.0.0",
-    "@capacitor-community/apple-sign-in": "^5.0.0",
-    "@capacitor-community/facebook-login": "^5.0.3",
-    "@capacitor/app": "^5.0.6",
-    "@capacitor/browser": "^5.1.0",
-    "@capacitor/core": "^5.6.0",
-    "@capacitor/device": "^5.0.6",
-    "@capacitor/preferences": "^5.0.6",
+    "@braintree/sanitize-url": "^7.1.0",
+    "@capacitor-community/apple-sign-in": "^6.0.0",
+    "@capacitor-community/facebook-login": "^6.0.0",
+    "@capacitor/app": "^6.0.2",
+    "@capacitor/browser": "^6.0.4",
+    "@capacitor/core": "^6.2.0",
+    "@capacitor/device": "^6.0.2",
+    "@capacitor/preferences": "^6.0.3",
     "@codetrix-studio/capacitor-google-auth": "^3.3.6",
     "@otplib/preset-browser": "^12.0.1",
-    "@recognizebv/capacitor-plugin-msauth": "^3.5.1",
+    "@recognizebv/capacitor-plugin-msauth": "^3.6.1",
     "@tapni/capacitor-reactive-localstorage-vue3": "^0.0.17",
     "@tapni/styles": "^0.0.8",
     "await-to-js": "^3.0.0",
-    "axios": "^1.6.5",
+    "axios": "^1.7.8",
     "buffer": "^6.0.3",
     "jwt-decode": "^4.0.0",
-    "qr-code-styling": "^1.6.0-rc.1",
-    "vue": "^3.3.11",
-    "vue-cookies": "^1.8.3",
-    "vue-router": "^4.2.5",
-    "vue3-select-component": "^0.5.2",
-    "vuex": "^4.0.2",
+    "qr-code-styling": "^1.8.4",
+    "vue": "^3.5.13",
+    "vue-cookies": "^1.8.4",
+    "vue-router": "^4.5.0",
+    "vue3-select-component": "^0.7.0",
+    "vuex": "^4.1.0",
     "vuex-router-sync": "v6.0.0-rc.1"
   },
   "devDependencies": {
     "@rollup/plugin-inject": "^5.0.5",
-    "@vitejs/plugin-vue": "^4.5.2",
-    "office-addin-dev-certs": "^1.13.2",
-    "vite": "^5.0.10",
+    "@vitejs/plugin-vue": "^5.2.1",
+    "office-addin-dev-certs": "^1.13.5",
+    "vite": "^6.0.1",
     "vite-plugin-node-polyfills": "^0.22.0"
   }
 }

package/src/App.vue

@@ -21,6 +21,7 @@ document.addEventListener('DOMContentLoaded', function() {
 
     <AuthWelcome v-if="initialized && renderView === 'AuthWelcome'" />
     <AuthLogin v-else-if="initialized && renderView === 'AuthLogin'" :isModal="isModal" />
+    <AuthAccount v-else-if="initialized && renderView === 'AuthAccount'" :isModal="isModal" />
     <AuthRegister v-else-if="initialized && renderView === 'AuthRegister'" :isModal="isModal" />
     <AuthVerify v-else-if="initialized && renderView === 'AuthVerify'" :isModal="isModal" />
     <AuthSecurity v-else-if="initialized && renderView === 'AuthSecurity'" :isModal="isModal" :payload="payload" />
@@ -70,16 +71,18 @@ document.addEventListener('DOMContentLoaded', function() {
 </template>
 
 <script>
+import "../public/index.css";
 import AuthWelcome from "@/views/Welcome.vue";
 import AuthLogin from "@/views/Login.vue";
+import AuthAccount from "@/views/Account.vue";
 import AuthRegister from "@/views/Register.vue";
 import AuthVerify from "@/views/Verify.vue";
 import AuthSecurity from "@/views/Security.vue";
 import AuthReset from "@/views/Reset.vue";
 import AuthCallback from "@/views/Callback.vue";
 import ModalOverlay from "@/components/DELETE_ModalOverlay.vue";
-import SSO from "@/components/SSO.vue";
-import SSOPick from "@/components/SSOPick.vue";
+import SSO from "@/components/DELETE_SSO.vue";
+import SSOPick from "@/components/DELETE_SSOPick.vue";
 import {EventBus} from "./store/event-bus.js";
 import AuthMixin from "@/mixins/auth.mixin.js";
 import Language from "@/components/DELETE_Language.vue";
@@ -99,7 +102,7 @@ export default {
   components: {
     Language,
     SSOPick,
-    SSO, ModalOverlay, AuthCallback, AuthReset, AuthVerify, AuthSecurity, AuthRegister, AuthLogin, AuthWelcome
+    SSO, ModalOverlay, AuthCallback, AuthReset, AuthVerify, AuthSecurity, AuthRegister, AuthLogin, AuthAccount, AuthWelcome
   },
   props: {
     viewProp: {
@@ -319,4 +322,16 @@ html * {
   height: 40px;
   margin-top: 10px;
 }
+
+@media (max-width: 768px) {
+  #bodyId {
+    margin-top: 0;
+    border-radius: 0;
+    height: 100%!important;
+  }
+
+  .header-logo {
+    margin-top: 15px;
+  }
+}
 </style>

package/src/components/{SSO.vue → DELETE_SSO.vue}

@@ -91,18 +91,12 @@ export default {
         if (!ssoTypes.length) {
           this.forceClose();
           return this.errorSnack(this.ssoLang[this.appLanguage].no_sso_logins);
-        } else if (ssoTypes.length <= 1) {
+        } else {
           if (ssoTypes[0] === "azure")
             this.microsoftLogin("sso", response.sso.azure.sso);
           if (ssoTypes[0] === "okta") this.oktaLogin(response.sso.okta.sso);
           if (ssoTypes[0] === "saml")
             this.samlLogin(response.sso.saml.sso.loginUrl);
-        } else {
-          this.forceClose();
-          EventBus.$emit("toggleSSOPickModal", {
-            sso: response.sso,
-            email: this.email,
-          });
         }
       }
     },

package/src/main.js

@@ -1,5 +1,4 @@
 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/microsoft.mixin.js

@@ -75,8 +75,5 @@ export default {
         EventBus.$emit("ssoEvent", { name: "setLoading", data: false });
       }
     },
-    ssoLogin() {
-      EventBus.$emit("toggleSSOModal");
-    },
   },
 };

package/src/mixins/okta.mixin.js

@@ -121,7 +121,7 @@ export default {
 				window.opener.postMessage(postMessageData, location.origin);
 				window.close()
 			} else {
-				if(this.isNative && this.isIOS) await Browser.close();
+				if(this.isNative && this.isiOS) await Browser.close();
 				EventBus.$emit('ssoEvent', {name: 'setLoading', data: true})
 				if (code && clientID && domain) await this.exchangeCode({code, clientID, domain, platform});
 				localStorage.removeItem("pkce_code_verifier");

package/src/mixins/saml.mixin.js

@@ -68,7 +68,7 @@ export default {
 				window.opener.postMessage(postMessageData, location.origin);
 				window.close()
 			} else {
-				if(this.isNative && this.isIOS) await Browser.close();
+				if(this.isNative && this.isiOS) await Browser.close();
 				EventBus.$emit('ssoEvent', {name: 'setLoading', data: true})
 				if (this.$route.query.code) code = this.$route.query.code
 

package/src/routes.js

@@ -8,6 +8,7 @@ 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 Billing = () => import("./views/Billing.vue");
 const CustomApp = () => import("./views/CustomApp.vue");
 const General = () => import("./views/General.vue");
 
@@ -38,6 +39,11 @@ export default [
     name: "AuthSecurity",
     component: Security,
   },
+  {
+    path: "/billing",
+    name: "AuthBilling",
+    component: Billing,
+  },
   {
     path: "/apps",
     name: "AuthApps",

package/src/services/AuthService.js

@@ -78,4 +78,10 @@ export default {
   getAccountSettings() {
     return api().get("/users/settings");
   },
+  async getRecordById(data) {
+    return api().post("/objects/record/" + data.id, data);
+  },
+  async getRecords(data) {
+    return api().post("/objects/records", data);
+  }
 }

package/src/services/MetadataService.js

@@ -0,0 +1,10 @@
+import api from './Api';
+
+export default {
+    async getRecordById(data) {
+        return api().post("/objects/record/" + data.id, data);
+    },
+    async getRecords(data) {
+        return api().post("/objects/records", data);
+    }
+}

package/src/store/locales/en.js

@@ -400,7 +400,7 @@ export default {
     update_p3: "Please update the app to the newest version",
     company_domain: "Your company domain",
     search_company_domain: "Search your company domain",
-    enter_company_email: "Enter company e-mail",
+    enter_company_email: "Enter business email",
     company_not_found: "Company not found",
     ik_company_domain: "I know the company domain",
     idk_company_domain: "I don't know the company domain",
@@ -523,6 +523,7 @@ export default {
     general: "General",
     general_p: "Manage your personal details & other preferences",
     billing: "Billing",
+    billing_p: "Manage your subscriptions & payment profiles",
     apps: "Apps",
     apps_p: "View your active apps & explore other",
     apps_my: "My apps",

package/src/views/Apps.vue

@@ -7,7 +7,7 @@
         </a>
       <div class="subheaderContainer full-top">
         <!-- Back Button -->
-        <router-link to="/account" class="button gray-button pointer left-button">
+        <router-link v-if="!isModal" to="/account" class="button gray-button pointer left-button">
           <img
               :src="getIcon('arrow-gray-right.svg')"
               height="20"
@@ -29,41 +29,17 @@
         <div class="full-top">
           <h3 v-if="false" class="full-top bold small-bottom">{{ssoLang[appLanguage].apps_my}}</h3>
 
-          <router-link to="/apps/tapni" class="settingRow">
+          <a v-for="app in apps" :key="app.id" :href="app.t_apps_url" target="_blank" class="settingRow half-bottom">
             <div class="firstRow">
               <img
-                  :src="getIcon('tapni-logo-small-black.png')"
+                  :src="getIcon(app.t_apps_icon)"
                   class="withBackground"
               />
-              <h4>Tapni</h4>
+              <h4>{{ app.t_apps_name }}</h4>
 
               <img :src="getIcon('arrow-gray-right.svg')" />
             </div>
-          </router-link>
-
-          <router-link to="/apps/mailsign" class="settingRow half-top">
-            <div class="firstRow">
-              <img
-                  :src="getIcon('app-logo-mailsign.svg')"
-                  class="withBackground"
-              />
-              <h4>MailSign</h4>
-
-              <img :src="getIcon('arrow-gray-right.svg')" />
-            </div>
-          </router-link>
-
-          <router-link v-if="false" to="/apps/qrcodetoolkit" class="settingRow half-top">
-            <div class="firstRow">
-              <img
-                  :src="getIcon('app-logo-qrcodetoolkit.svg')"
-                  class="withBackground"
-              />
-              <h4>QRCode Toolkit</h4>
-
-              <img :src="getIcon('arrow-gray-right.svg')" />
-            </div>
-          </router-link>
+          </a>
         </div>
       </div>
     </div>
@@ -73,9 +49,10 @@
 <script>
 import AuthMixin from "../mixins/auth.mixin";
 import {EventBus} from "@/store/event-bus.js";
+import MetadataService from "@/services/MetadataService.js";
 
 export default {
-  name: "AuthSecurity",
+  name: "AuthApps",
   mixins: [AuthMixin],
   props: {
     payload: {
@@ -86,10 +63,20 @@ export default {
   data () {
     return {
       loading: false,
+      apps: []
     }
   },
   async mounted() {
     if (!this.isLoggedIn) this.$router.push('/login');
+
+    const response = await MetadataService.getRecords({
+      objectId: '6dc545ea-2e2f-4720-b4fe-c5ebdd8af063',
+      query: {
+        fields: ['t_apps_name', 't_apps_icon', 't_apps_url'],
+        relations: []
+      }
+    })
+    this.apps = response.data.records;
   },
   methods: {
     close () {

package/src/views/Billing.vue

@@ -0,0 +1,108 @@
+<template>
+    <div class="page-login content-boxed content-boxed-padding">
+        <a v-if="isModal" @click="close" class="color-black pull-right pointer" style="margin-top: 0px; position: absolute; right: -20px; text-align: right;">
+          <i class="font-17 color-black">
+            <img src="https://cdn.tapni.co/icons/down-arrow.png" class="responsive-image" style="width: 35%;"/>
+          </i>
+        </a>
+      <div class="subheaderContainer full-top">
+        <!-- Back Button -->
+        <router-link v-if="!isModal" to="/account" class="button gray-button pointer left-button">
+          <img
+              :src="getIcon('arrow-gray-right.svg')"
+              height="20"
+              width="20"
+              class="btn-icon"
+              style="rotate: 180deg;"
+          />
+        </router-link>
+
+        <!-- Centered Text -->
+        <h2 class="center-text" style="flex-grow: 1; text-align: center; margin: 0; font-weight: 600;">
+          {{ssoLang[appLanguage].billing }}
+        </h2>
+      </div>
+
+      <div class="container left-text">
+        <p class="center-text">{{ssoLang[appLanguage].billing_p }}</p>
+
+        <div class="full-top">
+          <h3 v-if="false" class="full-top bold small-bottom">{{ssoLang[appLanguage].apps_my}}</h3>
+
+          {{account.billing}}
+
+          <div v-for="sub in subscriptions" :key="sub.id" class="settingRow half-bottom">
+            <div class="firstRow">
+              <img
+                  :src="getIcon(app.t_apps_icon)"
+                  class="withBackground"
+              />
+              <h4>{{ sub.t_subscriptions_name }}</h4>
+
+              <img :src="getIcon('arrow-gray-right.svg')" />
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+</template>
+
+
+<script>
+import AuthMixin from "../mixins/auth.mixin";
+import {EventBus} from "@/store/event-bus.js";
+import AuthService from "@/services/AuthService.js";
+
+export default {
+  name: "AuthBilling",
+  mixins: [AuthMixin],
+  props: {
+    payload: {
+      type: Object,
+      default: {}
+    },
+  },
+  data () {
+    return {
+      loading: false,
+      subscriptions: []
+    }
+  },
+  async mounted() {
+    if (!this.isLoggedIn) this.$router.push('/login');
+
+
+    const response = await AuthService.getRecords({
+      objectId: '6dc545ea-2e2f-4720-b4fe-c5ebdd8af066',
+      query: {
+        where: {
+          account: this.account.id,
+        },
+        fields: ['t_subscriptions_name', 't_subscriptions_desc', 't_subscriptions_type', 't_subscriptions_active', 't_subscriptions_app'],
+        relations: {
+          t_subscriptions_app: {
+            fields: [
+              "t_apps_name",
+              "t_apps_icon",
+              "t_apps_url"
+            ],
+            relations: {},
+          }
+        }
+      }
+    })
+    this.subscriptions = response.data.records;
+  },
+  methods: {
+    close () {
+      EventBus.$emit('ssoEvent', {name: 'toggleAuthModal', data: true})
+    },
+  }
+};
+</script>
+
+<style scoped>
+.withBackground {
+  height: 50px;
+}
+</style>

package/src/views/CustomApp.vue

@@ -7,7 +7,7 @@
         </a>
       <div class="subheaderContainer full-top">
         <!-- Back Button -->
-        <router-link to="/account" class="button gray-button pointer left-button">
+        <router-link v-if="!isModal" to="/apps" class="button gray-button pointer left-button">
           <img
               :src="getIcon('arrow-gray-right.svg')"
               height="20"
@@ -19,7 +19,7 @@
 
         <!-- Centered Text -->
         <h2 class="center-text" style="flex-grow: 1; text-align: center; margin: 0; font-weight: 600;">
-          {{$route.params.app }}
+          {{ app.t_apps_name }}
         </h2>
       </div>
 
@@ -27,43 +27,7 @@
         <p class="center-text">{{ssoLang[appLanguage].apps_p }}</p>
 
         <div class="full-top">
-          <h3 v-if="false" class="full-top bold small-bottom">{{ssoLang[appLanguage].apps_my}}</h3>
 
-          <router-link to="/apps/tapni" class="settingRow">
-            <div class="firstRow">
-              <img
-                  :src="getIcon('tapni-logo-small-black.png')"
-                  class="withBackground"
-              />
-              <h4>Tapni</h4>
-
-              <img :src="getIcon('arrow-gray-right.svg')" />
-            </div>
-          </router-link>
-
-          <router-link to="/apps/mailsign" class="settingRow half-top">
-            <div class="firstRow">
-              <img
-                  :src="getIcon('app-logo-mailsign.svg')"
-                  class="withBackground"
-              />
-              <h4>MailSign</h4>
-
-              <img :src="getIcon('arrow-gray-right.svg')" />
-            </div>
-          </router-link>
-
-          <router-link v-if="false" to="/apps/qrcodetoolkit" class="settingRow half-top">
-            <div class="firstRow">
-              <img
-                  :src="getIcon('app-logo-qrcodetoolkit.svg')"
-                  class="withBackground"
-              />
-              <h4>QRCode Toolkit</h4>
-
-              <img :src="getIcon('arrow-gray-right.svg')" />
-            </div>
-          </router-link>
         </div>
       </div>
     </div>
@@ -73,9 +37,10 @@
 <script>
 import AuthMixin from "../mixins/auth.mixin";
 import {EventBus} from "@/store/event-bus.js";
+import AuthService from "@/services/AuthService.js";
 
 export default {
-  name: "AuthSecurity",
+  name: "AuthCustomApp",
   mixins: [AuthMixin],
   props: {
     payload: {
@@ -86,10 +51,20 @@ export default {
   data () {
     return {
       loading: false,
+      app: {}
     }
   },
   async mounted() {
     if (!this.isLoggedIn) this.$router.push('/login');
+
+    const response = await AuthService.getRecordById({
+      id: this.$route.params.app,
+      query: {
+        fields: ['t_apps_name', 't_apps_icon', 't_apps_url'],
+        relations: []
+      }
+    })
+    this.app = response.data.record;
   },
   methods: {
     close () {