@sparkle-learning/core 0.0.63 → 0.0.65

package/dist/cjs/{PrivateRoute-f97245ce.js → PrivateRoute-475e69ce.js}

@@ -172,6 +172,41 @@ class AuthService {
       return e;
     }
   }
+  async googleAuthenticate(authenticationInput) {
+    const headers = {
+      'Content-Type': 'application/json',
+    };
+    auth_store.AuthStore.state.loading = true;
+    let result;
+    try {
+      result = await httpService.HttpService.http.post('api/Account/googleAuthenticate', authenticationInput, {
+        headers: headers,
+      });
+      if (result) {
+        const authData = result.Data;
+        const authUser = {
+          Id: authData.Id,
+          UserName: authData.UserName,
+          Email: authData.Email,
+          Roles: authData.Roles,
+          IsVerified: authData.IsVerified,
+          JWToken: authData.JWToken,
+          IssuedOn: authData.IssuedOn,
+          ExpiresOn: authData.ExpiresOn,
+          RefreshToken: authData.RefreshToken,
+          PhotoUrl: '',
+          IsFacilitator: authData.Roles.indexOf('Facilitator') > 0,
+        };
+        await token_service.TokenService.getInstance().saveAuthUser(authUser);
+        auth_store.AuthStore.state.loading = false;
+        return authUser;
+      }
+    }
+    catch (e) {
+      auth_store.AuthStore.state.loading = false;
+      return e;
+    }
+  }
   async signOut() {
     await localstorage_service.remove(token_service.AppConsts.AUTH_USER_LOCALSTORAGE);
     await token_service.TokenService.getInstance().removeAuthUser();

package/dist/cjs/header-mobile-collapse_61.cjs.entry.js

@@ -13,10 +13,10 @@ const index$3 = require('./index-9c7b27e4.js');
 const dir = require('./dir-5af5259a.js');
 const spinnerConfigs = require('./spinner-configs-0ac05f2d.js');
 const activeRouter = require('./active-router-f9e18bd8.js');
-const PrivateRoute = require('./PrivateRoute-f97245ce.js');
+const PrivateRoute = require('./PrivateRoute-475e69ce.js');
 const assets_service = require('./assets.service-bfa75092.js');
 const auth_store = require('./auth.store-1e630a7d.js');
-const student_service = require('./student.service-7e5385be.js');
+const student_service = require('./student.service-6a085b00.js');
 const environmentConfig_service = require('./environment-config.service-c8ff1f3d.js');
 const util = require('./util-9035404f.js');
 const facilitator_service = require('./facilitator.service-ff0e1659.js');
@@ -13052,7 +13052,7 @@ const SparkleHealth = class {
 };
 SparkleHealth.style = sparkleHealthCss;
 
-const sparkleLoginCss = "sparkle-login .list{margin-bottom:0}";
+const sparkleLoginCss = "sparkle-login .list{margin-bottom:0}.google-login-container{padding-top:16px}.google-login-container iframe{background-color:none;box-shadow:none}.google-btn{display:flex;justify-content:center}";
 
 const PageLogin = class {
   constructor(hostRef) {
@@ -13072,9 +13072,25 @@ const PageLogin = class {
     };
     this.submitted = false;
     this.googleLoading = false;
-    this.googleLoginCallback = response => {
+    this.onLoginWithGoogle = async (response) => {
       // handle JWT token inside response...
       // https://developers.google.com/identity/gsi/web/guides/handle-credential-responses-js-functions#handle_credential_response
+      try {
+        this.googleLoading = true;
+        console.log(response);
+        if (response.credential) {
+          let result = await PrivateRoute.AuthService.getInstance().googleAuthenticate({
+            IdToken: response.credential,
+          });
+          console.log(result);
+          // this.store.dispatch(
+          //   new fromRootStore.LoginWithGoogle(response.credential)
+          // );
+        }
+      }
+      catch (error) {
+        this.googleLoading = false;
+      }
     };
   }
   handleUsername(ev) {
@@ -13110,28 +13126,20 @@ const PageLogin = class {
       this.notsignin = !authUser;
     });
     this.notsignin = !auth_store.AuthStore.state.authUser;
-    // google.accounts.id.initialize({
-    //   client_id: '770507593736-s7m39gkms82ve9ev7n0jemrdfgafdteg.apps.googleusercontent.com',
-    //   auto_select: false,
-    //   callback: this.googleLoginCallback,
-    //   cancel_on_tap_outside: true,
-    // });
-    // // @ts-ignore
-    // google.accounts.id.renderButton(
-    //   // @ts-ignore
-    //   document.getElementById('google-button'),
-    //   { theme: 'outline', size: 'large' },
-    // );
-    // // @ts-ignore
-    // google.accounts.id.prompt((notification: PromptMomentNotification) => {});
-  }
-  onLoginWithGoogle(response) {
-    try {
-      this.googleLoading = true;
-    }
-    catch (error) {
-      this.googleLoading = false;
-    }
+  }
+  componentDidLoad() {
+    google.accounts.id.initialize({
+      client_id: '770507593736-s7m39gkms82ve9ev7n0jemrdfgafdteg.apps.googleusercontent.com',
+      auto_select: false,
+      callback: this.onLoginWithGoogle.bind(this),
+      cancel_on_tap_outside: true,
+    });
+    // @ts-ignore
+    google.accounts.id.renderButton(
+    // @ts-ignore
+    document.getElementById('google-button'), { theme: 'outline', size: 'large' });
+    // @ts-ignore
+    google.accounts.id.prompt((notification) => { });
   }
   disconnectedCallback() {
     if (this.destroyListener) {
@@ -13163,7 +13171,7 @@ const PageLogin = class {
   }
   renderLogin() {
     return [
-      index.h("div", null, index.h("div", { class: "login-logo" }, index.h("img", { src: index.getAssetPath('/assets/img/G3-Girls.jpg'), alt: "Girls Inc" })), index.h("form", { novalidate: "true", onSubmit: e => this.onLogin(e) }, index.h("ion-list", { "no-lines": true }, index.h("ion-item", null, index.h("ion-label", { position: "stacked", color: "primary" }, "Username"), index.h("ion-input", { name: "username", type: "text", value: this.username.value, onInput: ev => this.handleUsername(ev), spellcheck: false, autocapitalize: "off", required: true })), index.h("ion-text", { color: "danger" }, index.h("p", { hidden: this.username.valid || this.submitted === false, class: "ion-padding-left" }, "Username is required")), index.h("ion-item", null, index.h("ion-label", { position: "stacked", color: "primary" }, "Password"), index.h("ion-input", { name: "password", type: "password", value: this.password.value, onInput: ev => this.handlePassword(ev), required: true })), index.h("ion-text", { color: "danger" }, index.h("p", { hidden: this.password.valid || this.submitted === false, class: "ion-padding-left" }, "Password is required")), index.h("ion-item", { lines: "none" }, index.h("ion-label", null, "Remember Me"), index.h("ion-checkbox", { slot: "start", checked: this.rememberMe.value, onIonChange: e => this.handleRememberMe(e) })), index.h("ion-item", { lines: "none" }, index.h("stencil-route-link", { slot: "end", url: "/forgot-password", exact: true }, "Forgot Password?"))), index.h("ion-row", null, index.h("ion-col", null, index.h("ion-button", { type: "submit", expand: "block", disabled: auth_store.AuthStore.state.loading }, auth_store.AuthStore.state.loading && index.h("ion-spinner", { name: "dots" }), " Log In"))), index.h("ion-item", { lines: "none" }, index.h("span", null, ' ', "Not registered yet?", ' ', index.h("stencil-route-link", { url: "/signup", exact: true }, "Sign Up"))))),
+      index.h("div", null, index.h("div", { class: "login-logo" }, index.h("img", { src: index.getAssetPath('/assets/img/G3-Girls.jpg'), alt: "Girls Inc" })), index.h("form", { novalidate: "true", onSubmit: e => this.onLogin(e) }, index.h("ion-list", { "no-lines": true }, index.h("ion-item", null, index.h("ion-label", { position: "stacked", color: "primary" }, "Username"), index.h("ion-input", { name: "username", type: "text", value: this.username.value, onInput: ev => this.handleUsername(ev), spellcheck: false, autocapitalize: "off", required: true })), index.h("ion-text", { color: "danger" }, index.h("p", { hidden: this.username.valid || this.submitted === false, class: "ion-padding-left" }, "Username is required")), index.h("ion-item", null, index.h("ion-label", { position: "stacked", color: "primary" }, "Password"), index.h("ion-input", { name: "password", type: "password", value: this.password.value, onInput: ev => this.handlePassword(ev), required: true })), index.h("ion-text", { color: "danger" }, index.h("p", { hidden: this.password.valid || this.submitted === false, class: "ion-padding-left" }, "Password is required")), index.h("ion-item", { lines: "none" }, index.h("ion-label", null, "Remember Me"), index.h("ion-checkbox", { slot: "start", checked: this.rememberMe.value, onIonChange: e => this.handleRememberMe(e) })), index.h("ion-item", { lines: "none" }, index.h("stencil-route-link", { slot: "end", url: "/forgot-password", exact: true }, "Forgot Password?"))), index.h("ion-row", null, index.h("ion-col", null, index.h("ion-button", { type: "submit", expand: "block", disabled: auth_store.AuthStore.state.loading }, auth_store.AuthStore.state.loading && index.h("ion-spinner", { name: "dots" }), " Log In"))), index.h("ion-item", { lines: "none" }, index.h("span", null, ' ', "Not registered yet?", ' ', index.h("stencil-route-link", { url: "/signup", exact: true }, "Sign Up"))), index.h("div", { class: "google-login-container" }, index.h("div", { class: "google-btn", id: "google-button" })))),
     ];
   }
   render() {

package/dist/cjs/index.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const PrivateRoute = require('./PrivateRoute-f97245ce.js');
+const PrivateRoute = require('./PrivateRoute-475e69ce.js');
 const environmentConfig_service = require('./environment-config.service-c8ff1f3d.js');
 const assets_service = require('./assets.service-bfa75092.js');
 const auth_store = require('./auth.store-1e630a7d.js');

package/dist/cjs/sparkle-feedback.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-51e8292e.js');
-const student_service = require('./student.service-7e5385be.js');
+const student_service = require('./student.service-6a085b00.js');
 const overlays = require('./overlays-32df265a.js');
 require('./httpService-d2e7bf8f.js');
 require('./auth.store-1e630a7d.js');

package/dist/cjs/{student.service-7e5385be.js → student.service-6a085b00.js}

@@ -30,33 +30,35 @@ class StudentService {
   async enrollClass(enrollInput) {
     let result = await httpService.HttpService.http.post('api/v1/Student/EnrollClass', enrollInput);
     if (result) {
-      userStore.state.enrollmentList = [
-        ...userStore.state.enrollmentList,
-        result.Data
-      ];
+      userStore.state.enrollmentList = [...userStore.state.enrollmentList, result.Data];
     }
     return result;
   }
   async leaveClass(leaveInput) {
     let result = await httpService.HttpService.http.post('api/v1/Student/LeaveClass', leaveInput);
     if (result) {
-      userStore.state.enrollmentList = userStore.state.enrollmentList.filter((item) => item.Id != result.Data);
+      userStore.state.enrollmentList = userStore.state.enrollmentList.filter(item => item.Id != result.Data);
     }
     return result;
   }
   async fetchUserConfiguration() {
-    let result = await httpService.HttpService.http.get('api/v1/Student/UserConfiguration');
-    if (result) {
-      userStore.state.enrollmentList = result.Data.EnrollmentList;
-      userStore.state.user.FirstName = result.Data.FirstName;
-      userStore.state.user.LastName = result.Data.LastName;
-      userStore.state.user.ProfileText = result.Data.ProfileText;
-      userStore.state.user.ProfileImage = result.Data.ProfileImage;
-      userStore.state.user.IsVerified = result.Data.IsVerified;
-      userStore.state.user.Roles = result.Data.Roles;
-      userStore.state.user.FacilitatorClassList = result.Data.FacilitatorClassList;
+    try {
+      let result = await httpService.HttpService.http.get('api/v1/Student/UserConfiguration');
+      if (result) {
+        userStore.state.enrollmentList = result.Data.EnrollmentList;
+        userStore.state.user.FirstName = result.Data.FirstName;
+        userStore.state.user.LastName = result.Data.LastName;
+        userStore.state.user.ProfileText = result.Data.ProfileText;
+        userStore.state.user.ProfileImage = result.Data.ProfileImage;
+        userStore.state.user.IsVerified = result.Data.IsVerified;
+        userStore.state.user.Roles = result.Data.Roles;
+        userStore.state.user.FacilitatorClassList = result.Data.FacilitatorClassList;
+      }
+      return result;
+    }
+    catch (e) {
+      return null;
     }
-    return result;
   }
   async updateProfile(updateProfileInput) {
     userStore.state.updateLoading = true;

package/dist/collection/components/sparkle-login/sparkle-login.css

@@ -1,4 +1,15 @@
-  
-  sparkle-login .list {
-    margin-bottom: 0;
-  }
+sparkle-login .list {
+  margin-bottom: 0;
+}
+.google-login-container {
+  padding-top: 16px;
+}
+
+.google-login-container iframe {
+  background-color: none;
+  box-shadow: none;
+}
+.google-btn {
+  display: flex;
+  justify-content: center;
+}

package/dist/collection/components/sparkle-login/sparkle-login.js

@@ -17,9 +17,25 @@ export class PageLogin {
     };
     this.submitted = false;
     this.googleLoading = false;
-    this.googleLoginCallback = response => {
+    this.onLoginWithGoogle = async (response) => {
       // handle JWT token inside response...
       // https://developers.google.com/identity/gsi/web/guides/handle-credential-responses-js-functions#handle_credential_response
+      try {
+        this.googleLoading = true;
+        console.log(response);
+        if (response.credential) {
+          let result = await AuthService.getInstance().googleAuthenticate({
+            IdToken: response.credential,
+          });
+          console.log(result);
+          // this.store.dispatch(
+          //   new fromRootStore.LoginWithGoogle(response.credential)
+          // );
+        }
+      }
+      catch (error) {
+        this.googleLoading = false;
+      }
     };
   }
   handleUsername(ev) {
@@ -55,33 +71,20 @@ export class PageLogin {
       this.notsignin = !authUser;
     });
     this.notsignin = !AuthStore.state.authUser;
-    // google.accounts.id.initialize({
-    //   client_id: '770507593736-s7m39gkms82ve9ev7n0jemrdfgafdteg.apps.googleusercontent.com',
-    //   auto_select: false,
-    //   callback: this.googleLoginCallback,
-    //   cancel_on_tap_outside: true,
-    // });
-    // // @ts-ignore
-    // google.accounts.id.renderButton(
-    //   // @ts-ignore
-    //   document.getElementById('google-button'),
-    //   { theme: 'outline', size: 'large' },
-    // );
-    // // @ts-ignore
-    // google.accounts.id.prompt((notification: PromptMomentNotification) => {});
   }
-  onLoginWithGoogle(response) {
-    try {
-      this.googleLoading = true;
-      if (response.credential) {
-        // this.store.dispatch(
-        //   new fromRootStore.LoginWithGoogle(response.credential)
-        // );
-      }
-    }
-    catch (error) {
-      this.googleLoading = false;
-    }
+  componentDidLoad() {
+    google.accounts.id.initialize({
+      client_id: '770507593736-s7m39gkms82ve9ev7n0jemrdfgafdteg.apps.googleusercontent.com',
+      auto_select: false,
+      callback: this.onLoginWithGoogle.bind(this),
+      cancel_on_tap_outside: true,
+    });
+    // @ts-ignore
+    google.accounts.id.renderButton(
+    // @ts-ignore
+    document.getElementById('google-button'), { theme: 'outline', size: 'large' });
+    // @ts-ignore
+    google.accounts.id.prompt((notification) => { });
   }
   disconnectedCallback() {
     if (this.destroyListener) {
@@ -143,7 +146,9 @@ export class PageLogin {
               ' ',
               "Not registered yet?",
               ' ',
-              h("stencil-route-link", { url: "/signup", exact: true }, "Sign Up"))))),
+              h("stencil-route-link", { url: "/signup", exact: true }, "Sign Up"))),
+          h("div", { class: "google-login-container" },
+            h("div", { class: "google-btn", id: "google-button" })))),
     ];
   }
   render() {

package/dist/collection/services/auth/auth.service.js

@@ -53,6 +53,41 @@ export class AuthService {
       return e;
     }
   }
+  async googleAuthenticate(authenticationInput) {
+    const headers = {
+      'Content-Type': 'application/json',
+    };
+    AuthStore.state.loading = true;
+    let result;
+    try {
+      result = await HttpService.http.post('api/Account/googleAuthenticate', authenticationInput, {
+        headers: headers,
+      });
+      if (result) {
+        const authData = result.Data;
+        const authUser = {
+          Id: authData.Id,
+          UserName: authData.UserName,
+          Email: authData.Email,
+          Roles: authData.Roles,
+          IsVerified: authData.IsVerified,
+          JWToken: authData.JWToken,
+          IssuedOn: authData.IssuedOn,
+          ExpiresOn: authData.ExpiresOn,
+          RefreshToken: authData.RefreshToken,
+          PhotoUrl: '',
+          IsFacilitator: authData.Roles.indexOf('Facilitator') > 0,
+        };
+        await TokenService.getInstance().saveAuthUser(authUser);
+        AuthStore.state.loading = false;
+        return authUser;
+      }
+    }
+    catch (e) {
+      AuthStore.state.loading = false;
+      return e;
+    }
+  }
   async signOut() {
     await remove(AppConsts.AUTH_USER_LOCALSTORAGE);
     await TokenService.getInstance().removeAuthUser();

package/dist/collection/services/student.service.js

@@ -11,33 +11,35 @@ export class StudentService {
   async enrollClass(enrollInput) {
     let result = await HttpService.http.post('api/v1/Student/EnrollClass', enrollInput);
     if (result) {
-      userStore.state.enrollmentList = [
-        ...userStore.state.enrollmentList,
-        result.Data
-      ];
+      userStore.state.enrollmentList = [...userStore.state.enrollmentList, result.Data];
     }
     return result;
   }
   async leaveClass(leaveInput) {
     let result = await HttpService.http.post('api/v1/Student/LeaveClass', leaveInput);
     if (result) {
-      userStore.state.enrollmentList = userStore.state.enrollmentList.filter((item) => item.Id != result.Data);
+      userStore.state.enrollmentList = userStore.state.enrollmentList.filter(item => item.Id != result.Data);
     }
     return result;
   }
   async fetchUserConfiguration() {
-    let result = await HttpService.http.get('api/v1/Student/UserConfiguration');
-    if (result) {
-      userStore.state.enrollmentList = result.Data.EnrollmentList;
-      userStore.state.user.FirstName = result.Data.FirstName;
-      userStore.state.user.LastName = result.Data.LastName;
-      userStore.state.user.ProfileText = result.Data.ProfileText;
-      userStore.state.user.ProfileImage = result.Data.ProfileImage;
-      userStore.state.user.IsVerified = result.Data.IsVerified;
-      userStore.state.user.Roles = result.Data.Roles;
-      userStore.state.user.FacilitatorClassList = result.Data.FacilitatorClassList;
+    try {
+      let result = await HttpService.http.get('api/v1/Student/UserConfiguration');
+      if (result) {
+        userStore.state.enrollmentList = result.Data.EnrollmentList;
+        userStore.state.user.FirstName = result.Data.FirstName;
+        userStore.state.user.LastName = result.Data.LastName;
+        userStore.state.user.ProfileText = result.Data.ProfileText;
+        userStore.state.user.ProfileImage = result.Data.ProfileImage;
+        userStore.state.user.IsVerified = result.Data.IsVerified;
+        userStore.state.user.Roles = result.Data.Roles;
+        userStore.state.user.FacilitatorClassList = result.Data.FacilitatorClassList;
+      }
+      return result;
+    }
+    catch (e) {
+      return null;
     }
-    return result;
   }
   async updateProfile(updateProfileInput) {
     userStore.state.updateLoading = true;

package/dist/esm/{PrivateRoute-90ac95b8.js → PrivateRoute-c83727f9.js}

@@ -170,6 +170,41 @@ class AuthService {
       return e;
     }
   }
+  async googleAuthenticate(authenticationInput) {
+    const headers = {
+      'Content-Type': 'application/json',
+    };
+    AuthStore.state.loading = true;
+    let result;
+    try {
+      result = await HttpService.http.post('api/Account/googleAuthenticate', authenticationInput, {
+        headers: headers,
+      });
+      if (result) {
+        const authData = result.Data;
+        const authUser = {
+          Id: authData.Id,
+          UserName: authData.UserName,
+          Email: authData.Email,
+          Roles: authData.Roles,
+          IsVerified: authData.IsVerified,
+          JWToken: authData.JWToken,
+          IssuedOn: authData.IssuedOn,
+          ExpiresOn: authData.ExpiresOn,
+          RefreshToken: authData.RefreshToken,
+          PhotoUrl: '',
+          IsFacilitator: authData.Roles.indexOf('Facilitator') > 0,
+        };
+        await TokenService.getInstance().saveAuthUser(authUser);
+        AuthStore.state.loading = false;
+        return authUser;
+      }
+    }
+    catch (e) {
+      AuthStore.state.loading = false;
+      return e;
+    }
+  }
   async signOut() {
     await remove(AppConsts.AUTH_USER_LOCALSTORAGE);
     await TokenService.getInstance().removeAuthUser();

package/dist/esm/header-mobile-collapse_61.entry.js

@@ -9,10 +9,10 @@ import { f as findClosestIonContent, d as disableContentScrollY, r as resetConte
 import { i as isRTL } from './dir-03012648.js';
 import { S as SPINNERS } from './spinner-configs-a37e628a.js';
 import { A as ActiveRouter } from './active-router-fc9e4e06.js';
-import { i as initSetupConfig, A as AuthService, P as PrivateRoute, s as setupConfig } from './PrivateRoute-90ac95b8.js';
+import { i as initSetupConfig, A as AuthService, P as PrivateRoute, s as setupConfig } from './PrivateRoute-c83727f9.js';
 import { A as AssetsService } from './assets.service-def1d63c.js';
 import { A as AuthStore, c as createCommonjsModule, g as getDefaultExportFromCjs, b as commonjsGlobal, T as TocStore } from './auth.store-dba2c2da.js';
-import { u as userStore, S as StudentService } from './student.service-08af124f.js';
+import { u as userStore, S as StudentService } from './student.service-12d66503.js';
 import { E as EnvironmentConfigService } from './environment-config.service-b191f276.js';
 import { s as sample, S as SparkleGlobal$1, d as date, M as MyHealthTemplate, a as MyHealthTemplateJSON, b as MyMoodTemplate, c as MyMoodTemplateJSON } from './util-458c62fb.js';
 import { F as FacilitatorService, f as facilitatorStore } from './facilitator.service-18c47bdf.js';
@@ -13048,7 +13048,7 @@ const SparkleHealth = class {
 };
 SparkleHealth.style = sparkleHealthCss;
 
-const sparkleLoginCss = "sparkle-login .list{margin-bottom:0}";
+const sparkleLoginCss = "sparkle-login .list{margin-bottom:0}.google-login-container{padding-top:16px}.google-login-container iframe{background-color:none;box-shadow:none}.google-btn{display:flex;justify-content:center}";
 
 const PageLogin = class {
   constructor(hostRef) {
@@ -13068,9 +13068,25 @@ const PageLogin = class {
     };
     this.submitted = false;
     this.googleLoading = false;
-    this.googleLoginCallback = response => {
+    this.onLoginWithGoogle = async (response) => {
       // handle JWT token inside response...
       // https://developers.google.com/identity/gsi/web/guides/handle-credential-responses-js-functions#handle_credential_response
+      try {
+        this.googleLoading = true;
+        console.log(response);
+        if (response.credential) {
+          let result = await AuthService.getInstance().googleAuthenticate({
+            IdToken: response.credential,
+          });
+          console.log(result);
+          // this.store.dispatch(
+          //   new fromRootStore.LoginWithGoogle(response.credential)
+          // );
+        }
+      }
+      catch (error) {
+        this.googleLoading = false;
+      }
     };
   }
   handleUsername(ev) {
@@ -13106,28 +13122,20 @@ const PageLogin = class {
       this.notsignin = !authUser;
     });
     this.notsignin = !AuthStore.state.authUser;
-    // google.accounts.id.initialize({
-    //   client_id: '770507593736-s7m39gkms82ve9ev7n0jemrdfgafdteg.apps.googleusercontent.com',
-    //   auto_select: false,
-    //   callback: this.googleLoginCallback,
-    //   cancel_on_tap_outside: true,
-    // });
-    // // @ts-ignore
-    // google.accounts.id.renderButton(
-    //   // @ts-ignore
-    //   document.getElementById('google-button'),
-    //   { theme: 'outline', size: 'large' },
-    // );
-    // // @ts-ignore
-    // google.accounts.id.prompt((notification: PromptMomentNotification) => {});
-  }
-  onLoginWithGoogle(response) {
-    try {
-      this.googleLoading = true;
-    }
-    catch (error) {
-      this.googleLoading = false;
-    }
+  }
+  componentDidLoad() {
+    google.accounts.id.initialize({
+      client_id: '770507593736-s7m39gkms82ve9ev7n0jemrdfgafdteg.apps.googleusercontent.com',
+      auto_select: false,
+      callback: this.onLoginWithGoogle.bind(this),
+      cancel_on_tap_outside: true,
+    });
+    // @ts-ignore
+    google.accounts.id.renderButton(
+    // @ts-ignore
+    document.getElementById('google-button'), { theme: 'outline', size: 'large' });
+    // @ts-ignore
+    google.accounts.id.prompt((notification) => { });
   }
   disconnectedCallback() {
     if (this.destroyListener) {
@@ -13159,7 +13167,7 @@ const PageLogin = class {
   }
   renderLogin() {
     return [
-      h$1("div", null, h$1("div", { class: "login-logo" }, h$1("img", { src: getAssetPath('/assets/img/G3-Girls.jpg'), alt: "Girls Inc" })), h$1("form", { novalidate: "true", onSubmit: e => this.onLogin(e) }, h$1("ion-list", { "no-lines": true }, h$1("ion-item", null, h$1("ion-label", { position: "stacked", color: "primary" }, "Username"), h$1("ion-input", { name: "username", type: "text", value: this.username.value, onInput: ev => this.handleUsername(ev), spellcheck: false, autocapitalize: "off", required: true })), h$1("ion-text", { color: "danger" }, h$1("p", { hidden: this.username.valid || this.submitted === false, class: "ion-padding-left" }, "Username is required")), h$1("ion-item", null, h$1("ion-label", { position: "stacked", color: "primary" }, "Password"), h$1("ion-input", { name: "password", type: "password", value: this.password.value, onInput: ev => this.handlePassword(ev), required: true })), h$1("ion-text", { color: "danger" }, h$1("p", { hidden: this.password.valid || this.submitted === false, class: "ion-padding-left" }, "Password is required")), h$1("ion-item", { lines: "none" }, h$1("ion-label", null, "Remember Me"), h$1("ion-checkbox", { slot: "start", checked: this.rememberMe.value, onIonChange: e => this.handleRememberMe(e) })), h$1("ion-item", { lines: "none" }, h$1("stencil-route-link", { slot: "end", url: "/forgot-password", exact: true }, "Forgot Password?"))), h$1("ion-row", null, h$1("ion-col", null, h$1("ion-button", { type: "submit", expand: "block", disabled: AuthStore.state.loading }, AuthStore.state.loading && h$1("ion-spinner", { name: "dots" }), " Log In"))), h$1("ion-item", { lines: "none" }, h$1("span", null, ' ', "Not registered yet?", ' ', h$1("stencil-route-link", { url: "/signup", exact: true }, "Sign Up"))))),
+      h$1("div", null, h$1("div", { class: "login-logo" }, h$1("img", { src: getAssetPath('/assets/img/G3-Girls.jpg'), alt: "Girls Inc" })), h$1("form", { novalidate: "true", onSubmit: e => this.onLogin(e) }, h$1("ion-list", { "no-lines": true }, h$1("ion-item", null, h$1("ion-label", { position: "stacked", color: "primary" }, "Username"), h$1("ion-input", { name: "username", type: "text", value: this.username.value, onInput: ev => this.handleUsername(ev), spellcheck: false, autocapitalize: "off", required: true })), h$1("ion-text", { color: "danger" }, h$1("p", { hidden: this.username.valid || this.submitted === false, class: "ion-padding-left" }, "Username is required")), h$1("ion-item", null, h$1("ion-label", { position: "stacked", color: "primary" }, "Password"), h$1("ion-input", { name: "password", type: "password", value: this.password.value, onInput: ev => this.handlePassword(ev), required: true })), h$1("ion-text", { color: "danger" }, h$1("p", { hidden: this.password.valid || this.submitted === false, class: "ion-padding-left" }, "Password is required")), h$1("ion-item", { lines: "none" }, h$1("ion-label", null, "Remember Me"), h$1("ion-checkbox", { slot: "start", checked: this.rememberMe.value, onIonChange: e => this.handleRememberMe(e) })), h$1("ion-item", { lines: "none" }, h$1("stencil-route-link", { slot: "end", url: "/forgot-password", exact: true }, "Forgot Password?"))), h$1("ion-row", null, h$1("ion-col", null, h$1("ion-button", { type: "submit", expand: "block", disabled: AuthStore.state.loading }, AuthStore.state.loading && h$1("ion-spinner", { name: "dots" }), " Log In"))), h$1("ion-item", { lines: "none" }, h$1("span", null, ' ', "Not registered yet?", ' ', h$1("stencil-route-link", { url: "/signup", exact: true }, "Sign Up"))), h$1("div", { class: "google-login-container" }, h$1("div", { class: "google-btn", id: "google-button" })))),
     ];
   }
   render() {

package/dist/esm/index.js

@@ -1,4 +1,4 @@
-export { A as AuthService, P as PrivateRoute, i as initSetupEnvironmentConfig, s as setupEnvironmentConfig } from './PrivateRoute-90ac95b8.js';
+export { A as AuthService, P as PrivateRoute, i as initSetupEnvironmentConfig, s as setupEnvironmentConfig } from './PrivateRoute-c83727f9.js';
 export { E as EnvironmentConfigService } from './environment-config.service-b191f276.js';
 export { A as AssetsService } from './assets.service-def1d63c.js';
 export { A as AuthStore } from './auth.store-dba2c2da.js';

package/dist/esm/sparkle-feedback.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, e as getElement } from './index-c04b9ed5.js';
-import { S as StudentService } from './student.service-08af124f.js';
+import { S as StudentService } from './student.service-12d66503.js';
 import { t as toastController } from './overlays-4233a39d.js';
 import './httpService-7986aeed.js';
 import './auth.store-dba2c2da.js';

package/dist/esm/{student.service-08af124f.js → student.service-12d66503.js}

@@ -28,33 +28,35 @@ class StudentService {
   async enrollClass(enrollInput) {
     let result = await HttpService.http.post('api/v1/Student/EnrollClass', enrollInput);
     if (result) {
-      userStore.state.enrollmentList = [
-        ...userStore.state.enrollmentList,
-        result.Data
-      ];
+      userStore.state.enrollmentList = [...userStore.state.enrollmentList, result.Data];
     }
     return result;
   }
   async leaveClass(leaveInput) {
     let result = await HttpService.http.post('api/v1/Student/LeaveClass', leaveInput);
     if (result) {
-      userStore.state.enrollmentList = userStore.state.enrollmentList.filter((item) => item.Id != result.Data);
+      userStore.state.enrollmentList = userStore.state.enrollmentList.filter(item => item.Id != result.Data);
     }
     return result;
   }
   async fetchUserConfiguration() {
-    let result = await HttpService.http.get('api/v1/Student/UserConfiguration');
-    if (result) {
-      userStore.state.enrollmentList = result.Data.EnrollmentList;
-      userStore.state.user.FirstName = result.Data.FirstName;
-      userStore.state.user.LastName = result.Data.LastName;
-      userStore.state.user.ProfileText = result.Data.ProfileText;
-      userStore.state.user.ProfileImage = result.Data.ProfileImage;
-      userStore.state.user.IsVerified = result.Data.IsVerified;
-      userStore.state.user.Roles = result.Data.Roles;
-      userStore.state.user.FacilitatorClassList = result.Data.FacilitatorClassList;
+    try {
+      let result = await HttpService.http.get('api/v1/Student/UserConfiguration');
+      if (result) {
+        userStore.state.enrollmentList = result.Data.EnrollmentList;
+        userStore.state.user.FirstName = result.Data.FirstName;
+        userStore.state.user.LastName = result.Data.LastName;
+        userStore.state.user.ProfileText = result.Data.ProfileText;
+        userStore.state.user.ProfileImage = result.Data.ProfileImage;
+        userStore.state.user.IsVerified = result.Data.IsVerified;
+        userStore.state.user.Roles = result.Data.Roles;
+        userStore.state.user.FacilitatorClassList = result.Data.FacilitatorClassList;
+      }
+      return result;
+    }
+    catch (e) {
+      return null;
     }
-    return result;
   }
   async updateProfile(updateProfileInput) {
     userStore.state.updateLoading = true;