@hostlink/nuxt-light 0.0.74 → 0.0.75

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "light",
   "configKey": "light",
-  "version": "0.0.74"
+  "version": "0.0.75"
 }

package/dist/runtime/components/l-app.vue

@@ -10,7 +10,7 @@ setApiUrl(config?.public?.apiBase ?? '/api/');
 let app = null
 
 try {
-    app = (await q({ app: ['company', 'companyLogo', 'logged', 'twoFactorAuthentication'] })).app;
+    app = (await q({ app: ['company', 'companyLogo', 'logged', 'twoFactorAuthentication', 'googleClientId'] })).app;
 } catch (e) {
     Dialog.create({
         title: 'Error',
@@ -28,7 +28,7 @@ try {
         <q-page-container class="bg-grey-2" style="color:#1f1f1f">
             <q-page padding>
                 <l-login :company="app.company" :company-logo="app.companyLogo"
-                    :twoFactorAuthentication="app.twoFactorAuthentication"></l-login>
+                    :twoFactorAuthentication="app.twoFactorAuthentication" :google-client-id="app.googleClientId"></l-login>
             </q-page>
         </q-page-container>
     </q-layout>

package/dist/runtime/components/l-login.vue

@@ -1,6 +1,6 @@
 <script setup>
 import { ref, reactive, onMounted } from 'vue'
-import { useQuasar } from 'quasar';
+import { useQuasar, Notify } from 'quasar';
 import { useI18n } from 'vue-i18n';
 import { m, notify } from '../';
 
@@ -11,10 +11,11 @@ import { login, webauthnLogin } from '@hostlink/light';
 const config = useRuntimeConfig();
 
 
-defineProps({
+const props = defineProps({
   company: String,
   companyLogo: String,
-  twoFactorAuthentication: Boolean
+  twoFactorAuthentication: Boolean,
+  googleClientId: String
 })
 
 const i18n = useI18n();
@@ -123,16 +124,35 @@ const bioLogin = async () => {
   }
 
 }
-const googleResponse = () => {
-
+const handleGoogleCredentialResponse = async (response) => {
+  try {
+    await m("googleLogin", { credential: response.credential });
+    window.self.location.reload();
+  } catch (e) {
+    notify(e.message, "negative");
+  }
 }
 
 onMounted(() => {
-  if (config.public.GOOGLE_CLIENT_ID) {
+  if (props.googleClientId) {
+
+
+    if (!window.google) {
+      Notify.create({
+        message: "Google login is not available", //set script https://accounts.google.com/gsi/client in nuuxt.config.js
+        color: "negative",
+        icon: "sym_o_error",
+        position: "top",
+        timeout: 2000
+      });
+      return;
+
+    }
+
     //google 
     google.accounts.id.initialize({
-      client_id: "829616239009-23sf7s3blsnab9a288sb4j15orqqamlp.apps.googleusercontent.com",
-      callback: googleResponse,
+      client_id: props.googleClientId,
+      callback: handleGoogleCredentialResponse,
     });
 
     google.accounts.id.renderButton(
@@ -144,7 +164,6 @@ onMounted(() => {
         text: 'signin_with',
         size: 'large',
         logo_alignment: 'left'
-
       }
     );
 
@@ -179,13 +198,10 @@ onMounted(() => {
       <l-btn v-if="hasBioLogin" outline rounded color="primary" icon="sym_o_fingerprint" @click="bioLogin" />
       <l-btn label="Forget password" outline rounded color="primary" icon="sym_o_lock_reset" @click="forgetPassword" />
     </q-card-actions>
-    <q-card-actions v-if="config.public.GOOGLE_CLIENT_ID">
-
+    <q-card-actions v-if="props.googleClientId">
       <div>
-
         <div id="g_id_signin"></div>
       </div>
-
     </q-card-actions>
   </q-card>
 </template>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hostlink/nuxt-light",
-  "version": "0.0.74",
+  "version": "0.0.75",
   "description": "HostLink Nuxt Light Framework",
   "repository": "@hostlink/nuxt-light",
   "license": "MIT",