@sparkle-learning/core 0.0.53 → 0.0.54

package/dist/collection/components/sparkle-discussion/sparkle-discussion-results/sparkle-discussion-results.js

@@ -1,5 +1,6 @@
 import { Component, Element, State, Prop, Listen, h, Watch } from '@stencil/core';
 import { SignalRService } from '../../../services/signalR.service';
+import signalRStore from '../../../stores/signalR.store';
 export class SparkleDiscussionResults {
   constructor() {
     this.allowPostToFeed = false;
@@ -21,10 +22,10 @@ export class SparkleDiscussionResults {
       var detail = evt.detail;
       if (detail.type == 'list') {
         detail.data.forEach(element => {
-          if (element.responseType == 3) {
+          if (element.responseType == 'TEXT') {
             this.addToWordCloud(element);
           }
-          else if (element.responseType == 1) {
+          else if (element.responseType == 'MULTIPLE-CHOICE') {
             this.addToBarChart(element);
           }
         });
@@ -34,10 +35,10 @@ export class SparkleDiscussionResults {
       }
       else {
         detail = detail.data;
-        if (detail.responseType == 3) {
+        if (detail.responseType == 'TEXT') {
           this.addToWordCloud(detail);
         }
-        else if (detail.responseType == 1) {
+        else if (detail.responseType == 'MULTIPLE-CHOICE') {
           this.addToBarChart(detail);
         }
       }
@@ -83,13 +84,18 @@ export class SparkleDiscussionResults {
   componentDidLoad() {
     if (this.questions) {
       this.setupData(this.questions);
+      signalRStore.onChange('connected', connected => {
+        if (connected && this.isTeacherMode) {
+          SignalRService.getInstance().callSignalR('GetPollSubmission', { pageUrl: window.location.href });
+        }
+      });
     }
   }
   setupData(questions) {
     this.setupResponseGraph(questions);
-    if (this.isTeacherMode) {
-      SignalRService.getInstance().callSignalR('GetPollSubmission', {});
-    }
+    // if (this.isTeacherMode) {
+    //   SignalRService.getInstance().callSignalR('GetPollSubmission', {});
+    // }
   }
   resetPollData() {
     SignalRService.getInstance().callSignalR('ResetPollData', {});
@@ -259,9 +265,9 @@ export class SparkleDiscussionResults {
       "methodName": "questionsChaged"
     }]; }
   static get listeners() { return [{
-      "name": "body:receivedPollSubmissionSignalREvent",
+      "name": "receivedPollSubmissionSignalREvent",
       "method": "gotServerUpdate",
-      "target": undefined,
+      "target": "body",
       "capture": false,
       "passive": false
     }]; }

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

@@ -0,0 +1,5 @@
+sparkle-discussion{
+    border: 1px solid var(--line-rule-color);
+    display: block;
+    padding: 12px;
+}

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

@@ -4,10 +4,11 @@ export class SparkleDiscussion {
   constructor() {
     this.allowPostToFeed = false;
     this.feedStartingText = 'My suggestions are:';
-    this.isTeacherMode = true;
+    this.isTeacherMode = false;
     this.quizData = [];
   }
   async componentDidLoad() {
+    this.isTeacherMode = this.isTeacherMode == false ? window.location.href.indexOf('/presentation/course') > -1 : this.isTeacherMode;
     const config = EnvironmentConfigService.getInstance().get('sparkle');
     let allQuizData = await AssetsService.getInstance().loadJsonFile(config.quizPath);
     if (allQuizData) {
@@ -17,6 +18,7 @@ export class SparkleDiscussion {
         questionIds.forEach(id => {
           this.quizData = [...this.quizData, allQuizData[+id]];
         });
+        console.log('QUIZ Data', this.quizData);
       }
     }
   }
@@ -69,7 +71,7 @@ export class SparkleDiscussion {
     },
     "isTeacherMode": {
       "type": "boolean",
-      "mutable": false,
+      "mutable": true,
       "complexType": {
         "original": "boolean",
         "resolved": "boolean",
@@ -83,7 +85,7 @@ export class SparkleDiscussion {
       },
       "attribute": "is-teacher-mode",
       "reflect": false,
-      "defaultValue": "true"
+      "defaultValue": "false"
     },
     "questionIds": {
       "type": "string",

package/dist/collection/components/sparkle-feed-post/sparkle-feed-post.js

@@ -1,5 +1,9 @@
 import { Component, Element, State, Prop, Method, h, Host } from '@stencil/core';
-import { EnvironmentConfigService } from '../../services';
+import { AssignmentService } from '../../services/assignment.service';
+import { FeedService } from '../../services/feed.service';
+import { MediaService } from '../../services/media.service';
+import { TokenService } from '../../services/token.service';
+import { SparkleGlobal } from '../../util';
 export class SparkleFeedPost {
   // @Prop({ connect: 'ion-toast-controller' })
   // toastCtrl: HTMLIonToastControllerElement;
@@ -13,26 +17,10 @@ export class SparkleFeedPost {
   setText(text) {
     this.postText = text;
   }
-  // async postToFeed() {
-  //   const sparkleConfig: EnvironmentSparkleConfig = EnvironmentConfigService.getInstance().get('sparkle');
-  //   const tocData = await AssetsService.getInstance().loadJsonFile<ICourse>(sparkleConfig.tocPath);
-  //   var model = {
-  //     CourseId: tocData.id,
-  //     MiniAppId: SparkleGlobal.MY_GOALS_APP_ID,
-  //     PostText: MyGoalTemplate(this.name.value, this.goalUpdateText.value, this.progress),
-  //     PostTextJSON: MyGoalTemplateJSON(this.name.value, this.goalUpdateText.value, this.progress),
-  //     IsPublic: this.public,
-  //     ExternalResourceUrl: "",
-  //   }
-  //   const result = await FeedService.getInstance().createPost(model);
-  //   if (result.Succeeded) {
-  //     //show success toast
-  //   }
-  // }
   isAuthenticated() {
     try {
-      var sparkleConfig = EnvironmentConfigService.getInstance().get('sparkle');
-      if (!!sparkleConfig && !!sparkleConfig.auth && !!sparkleConfig.auth.getToken()) {
+      let token = TokenService.getInstance().getTokenSync();
+      if (!!token) {
         return true;
       }
     }
@@ -40,7 +28,8 @@ export class SparkleFeedPost {
       return false;
     }
   }
-  submitPost() {
+  async submitPost() {
+    this.postLoading = true;
     this.errorMessage = '';
     this.successMessage = '';
     //let formData = new FormData(this.el.querySelector("form")) as any;
@@ -51,60 +40,56 @@ export class SparkleFeedPost {
       PostText: this.postText,
       IsPublic: isPublic.checked,
       ExternalResourceUrl: postExternalUrl.value,
-      MiniAppId: 1,
+      MiniAppId: SparkleGlobal.MY_GOALS_APP_ID,
       AssignmentName: this.assignmentName,
       AssignmentData: '',
+      PostTextJSON: null,
     };
-    // this.dataSvc.saveData(data, '/api/class/feed').subscribe(
-    //   x => {
-    //     this.successMessage = 'Posted Successfully.';
-    //     // this.presentToast('Success');
-    //   },
-    //   error => {
-    //     this.errorMessage = 'There is an error while posting.';
-    //     //  this.presentToast('There is an error');
-    //   },
-    // );
-    //TODO can we return data from the dataSvc so we know if it's successful and can update the form? (Perhaps replace it with the post itself?)
-    // if (this.assignmentName) {
-    //   data.AssignmentData = JSON.stringify({ text: data.PostText, url: data.ExternalResourceUrl });
-    //   this.dataSvc.saveData(data, '/api/student/assignment-response').subscribe(
-    //     x => {
-    //       this.successMessage = 'Posted Successfully.';
-    //       // this.presentToast('Success');
-    //     },
-    //     error => {
-    //       this.errorMessage = 'There is an error while posting.';
-    //       //  this.presentToast('There is an error');
-    //     },
-    //   );
-    // }
+    const result = await FeedService.getInstance().createPost(data);
+    if (result.Succeeded) {
+      this.postLoading = false;
+      //show success toast
+      this.successMessage = 'Posted Successfully.';
+      this.postText = '';
+      this.externalResourceUrl = '';
+      this.uploadedImage = '';
+    }
+    else {
+      this.postLoading = false;
+      this.errorMessage = 'There is an error while posting to feed.';
+    }
+    if (this.assignmentName) {
+      var assignmentModel = {
+        AssignmentData: JSON.stringify({ text: data.PostText, url: data.ExternalResourceUrl }),
+        AssignmentName: this.assignmentName,
+      };
+      await AssignmentService.getInstance().createAssignment(assignmentModel);
+    }
   }
-  uploadImage(evt) {
-    // this.uploadImageLoading = true;
-    // var files = evt.target.files;
-    // this.dataSvc.uploadImage(files, '/api/mediaitems/upload').subscribe(
-    //   x => {
-    //     this.uploadImageLoading = false;
-    //     this.uploadedImage = x.length > 0 ? x[0].FullImageUrl : '';
-    //     this.externalResourceUrl = x.length > 0 ? x[0].FullImageUrl : '';
-    //     //this.successMessage = 'Posted Successfully.'
-    //     // this.presentToast('Success');
-    //   },
-    //   error => {
-    //     this.uploadImageLoading = false;
-    //     this.errorMessage = 'There is an error while uploading an image.';
-    //   },
-    // );
+  async uploadImage(evt) {
+    this.uploadImageLoading = true;
+    var files = evt.target.files;
+    let result = await MediaService.getInstance().uploadImage(files);
+    if (result.Succeeded) {
+      console.log(result);
+      this.uploadImageLoading = false;
+      this.uploadedImage = result.Data.length > 0 ? result.Data[0].FullImageUrl : '';
+      this.externalResourceUrl = result.Data.length > 0 ? result.Data[0].FullImageUrl : '';
+    }
+    else {
+      this.uploadImageLoading = false;
+      this.errorMessage = 'There is an error while uploading an image.';
+    }
   }
   selectFile() {
     var fileInput = document.getElementById('fileInput');
     fileInput.click();
   }
   renderUserInfo() {
-    var tokenInfo = { Token: null, ProfileImageUrl: null };
-    if (tokenInfo != null && tokenInfo.Token) {
-      return (h("ion-avatar", { class: "header-avatar", slot: "end" }, tokenInfo.ProfileImageUrl ? h("img", { src: tokenInfo.ProfileImageUrl }) : h("img", { src: "/assets/img/avatar.png" })));
+    let authUser = TokenService.getInstance().getAuthUserSync();
+    //var tokenInfo = { Token: null, ProfileImageUrl: null };
+    if (authUser && authUser.JWToken) {
+      return (h("ion-avatar", { class: "header-avatar", slot: "end" }, authUser.PhotoUrl ? h("img", { src: authUser.PhotoUrl }) : h("img", { src: "/assets/img/user.png" })));
     }
     else {
       return (h("ion-button", { slot: "end", href: "/login" }, "Login to Post"));
@@ -124,7 +109,7 @@ export class SparkleFeedPost {
                 h("ion-textarea", { class: "PostText", required: true, placeholder: "Post Text", name: "PostText", value: this.postText })),
               h("ion-item", { class: "padding" },
                 h("ion-input", { class: "PostExternalUrl", required: true, type: "text", placeholder: "URL", name: "ExternalResourceUrl", value: this.externalResourceUrl })),
-              this.uploadedImage ? (h("ion-item", { class: "padding" },
+              this.uploadedImage ? (h("ion-item", { class: "ion-padding", lines: "none" },
                 h("img", { class: "uploaded-image", src: this.uploadedImage }))) : (''),
               h("ion-item", { lines: "none" },
                 h("input", { type: "file", id: "fileInput", onChange: evt => this.uploadImage(evt), style: { display: 'none' }, accept: "image/*" }),
@@ -140,7 +125,8 @@ export class SparkleFeedPost {
                   h("div", null,
                     h("div", { class: "error" }, this.errorMessage),
                     h("div", { class: "success" }, this.successMessage)),
-                  h("ion-button", { slot: "end", size: "default", onClick: evt => this.submitPost(), disabled: !this.isAuthenticated() }, "Post")))))))));
+                  h("div", null, this.postLoading ? h("ion-spinner", { color: "primary" }) : ''),
+                  h("ion-button", { slot: "end", size: "default", onClick: evt => this.submitPost(), disabled: this.postLoading || !this.isAuthenticated() }, "Post")))))))));
   }
   static get is() { return "sparkle-feed-post"; }
   static get originalStyleUrls() { return {
@@ -191,7 +177,8 @@ export class SparkleFeedPost {
     "uploadedImage": {},
     "successMessage": {},
     "externalResourceUrl": {},
-    "uploadImageLoading": {}
+    "uploadImageLoading": {},
+    "postLoading": {}
   }; }
   static get methods() { return {
     "setText": {

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

@@ -69,7 +69,8 @@ export class PageLogin {
         Password: this.password.value,
         RememberClient: this.rememberMe.value
       });
-      sessionStorage.setItem('rememberMe', this.rememberMe.value == true ? '1' : '0');
+      console.log(result);
+      //sessionStorage.setItem('rememberMe', this.rememberMe.value == true ? '1' : '0');
       this.userDidLogIn.emit({ loginStatus: true });
     }
   }

package/dist/collection/components/sparkle-quiz/{sparkle-quiz/sparkle-quiz.css → sparkle-quiz-old/sparkle-quiz-old.css}

@@ -1,4 +1,4 @@
-sparkle-quiz {
+sparkle-quiz-old {
   display: block;
   font-family: var(--font-family);
   --sparkle-quiz-question-container-padding: 10px 0px;

package/dist/collection/components/sparkle-quiz/{sparkle-quiz/sparkle-quiz.js → sparkle-quiz-old/sparkle-quiz-old.js}

@@ -1,5 +1,5 @@
 import { Component, Prop, Listen, State, Event, Element, h } from '@stencil/core';
-export class SparkleQuiz {
+export class SparkleQuizOld {
   constructor() {
     this.type = 'TEXT';
     this.scale = 'FIVE-POINTS';
@@ -110,12 +110,12 @@ export class SparkleQuiz {
       return h("p", null, "No question found.");
     }
   }
-  static get is() { return "sparkle-quiz"; }
+  static get is() { return "sparkle-quiz-old"; }
   static get originalStyleUrls() { return {
-    "$": ["sparkle-quiz.scss"]
+    "$": ["sparkle-quiz-old.scss"]
   }; }
   static get styleUrls() { return {
-    "$": ["sparkle-quiz.css"]
+    "$": ["sparkle-quiz-old.css"]
   }; }
   static get properties() { return {
     "questionId": {

package/dist/collection/components/sparkle-quiz/{sparkle-quiz-v1.js → sparkle-quiz.js}

@@ -1,53 +1,52 @@
 import { Component, Prop, Watch, Listen, State, Event, Element, h } from '@stencil/core';
 import { AssetsService } from '../../services/core/assets.service';
-import { EnvironmentConfigService } from "../../services/environment/environment-config.service";
-export class SparkleQuizV1 {
+import { EnvironmentConfigService } from '../../services/environment/environment-config.service';
+export class SparkleQuiz {
   async loadQuestion() {
     if (this.quizData) {
       this.question = this.quizData[+this.questionId];
     }
   }
-  async componentWillLoad() {
-  }
+  async componentWillLoad() { }
   async componentDidLoad() {
     const config = EnvironmentConfigService.getInstance().get('sparkle');
     this.quizData = await AssetsService.getInstance().loadJsonFile(config.quizPath);
     await this.loadQuestion();
     this.quizAnswerChanged.emit({
       question: null,
-      answer: "1"
+      answer: '1',
     });
   }
   quizInputChangeHandler(event) {
     this.quizAnswerChanged.emit({
       question: event.detail.question,
-      answer: event.detail.value
+      answer: event.detail.value,
     });
   }
   quizFeedbackChangeHandler(event) {
     this.quizAnswerChanged.emit({
       question: event.detail.question,
-      answer: event.detail.value
+      answer: event.detail.value,
     });
   }
   quizSelectChangeHandler(event) {
     this.quizAnswerChanged.emit({
       question: event.detail.question,
-      answer: event.detail.value
+      answer: event.detail.value,
     });
   }
   quizOpinionChangeHandler(event) {
     this.quizAnswerChanged.emit({
       question: event.detail.question,
-      answer: event.detail.value
+      answer: event.detail.value,
     });
   }
   getQuestionFeedback() {
-    if (this.question.questionType == "MULTIPLE-CHOICE") {
+    if (this.question.questionType == 'MULTIPLE-CHOICE') {
       const feedbacks = this.question.options.filter(x => x.correct == true).map(x => x.feedback);
       return feedbacks.length > 0 && feedbacks.map(feedback => h("small", null, feedback));
     }
-    else if (this.question.questionType == "FEEDBACK" || this.question.questionType == "TEXT") {
+    else if (this.question.questionType == 'FEEDBACK' || this.question.questionType == 'TEXT') {
       return this.question.feedback && h("small", null,
         " ",
         this.question.feedback);
@@ -57,43 +56,42 @@ export class SparkleQuizV1 {
     return h("div", null, this.correct ? h("strong", null, "Good job!") : h("strong", null, "Incorrect answer, please try again."));
   }
   renderQuestion() {
-    if (this.question.questionType == "MULTIPLE-CHOICE") {
+    if (this.question.questionType == 'MULTIPLE-CHOICE') {
       return h("sparkle-quiz-select", { question: this.question, allowMultiple: true });
     }
-    else if (this.question.questionType == "FEEDBACK") {
+    else if (this.question.questionType == 'FEEDBACK') {
       return h("sparkle-quiz-feedback", { question: this.question });
     }
-    else if (this.question.questionType == "TEXT") {
+    else if (this.question.questionType == 'TEXT') {
       return h("sparkle-quiz-input", { question: this.question });
     }
-    else if (this.question.questionType == "OPINION") {
+    else if (this.question.questionType == 'OPINION') {
       return h("sparkle-quiz-opinion", { question: this.question });
     }
-    else if (this.question.questionType == "POLL") {
+    else if (this.question.questionType == 'POLL') {
       return h("sparkle-quiz-poll", { question: this.question });
     }
   }
   render() {
     if (this.question) {
       let classes = {
-        'correct': this.submitted && this.correct,
-        'incorrect': this.submitted && !this.correct
+        correct: this.submitted && this.correct,
+        incorrect: this.submitted && !this.correct,
       };
-      return h("div", { class: classes },
+      return (h("div", { class: classes },
         this.renderQuestion(),
-        this.submitted && this.showInstantResult && h("div", { class: "feedback-container" }, [this.showAnswerStatus(),
-          this.getQuestionFeedback()]));
+        this.submitted && this.showInstantResult && h("div", { class: "feedback-container" }, [this.showAnswerStatus(), this.getQuestionFeedback()])));
     }
     else {
       return h("p", null, "No question found.");
     }
   }
-  static get is() { return "sparkle-quiz-v1"; }
+  static get is() { return "sparkle-quiz"; }
   static get originalStyleUrls() { return {
-    "$": ["sparkle-quiz-v1.scss"]
+    "$": ["sparkle-quiz.scss"]
   }; }
   static get styleUrls() { return {
-    "$": ["sparkle-quiz-v1.css"]
+    "$": ["sparkle-quiz.css"]
   }; }
   static get properties() { return {
     "questionId": {
@@ -180,7 +178,7 @@ export class SparkleQuizV1 {
         "text": ""
       },
       "complexType": {
-        "original": "{ answer: any, question: SparkleQuizQuestion }",
+        "original": "{ answer: any; question: SparkleQuizQuestion }",
         "resolved": "{ answer: any; question: SparkleQuizQuestion; }",
         "references": {
           "SparkleQuizQuestion": {

package/dist/collection/components/sparkle-quiz-container/sparkle-quiz-container.js

@@ -32,7 +32,7 @@ export class SparkleQuizContainer {
   }
   render() {
     return (h(Host, null,
-      this.questionIds && this.questionIds.split(",").map((id => h("sparkle-quiz", { questionId: +id, submitted: this.submitted, showInstantResult: this.showInstantResult }))),
+      this.questionIds && this.questionIds.split(",").map((id => h("sparkle-quiz-v1", { questionId: +id, submitted: this.submitted, showInstantResult: this.showInstantResult }))),
       h("ion-button", { slot: "end", onClick: () => this.submitQuiz() }, "Submit")));
   }
   static get is() { return "sparkle-quiz-container"; }

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

@@ -2,30 +2,32 @@ import { Component, Host, h, Prop } from '@stencil/core';
 import { setupConfig as setupSparkleConfig } from '../../services/environment/environment-config';
 import { HttpService } from '../../services/httpService';
 import { StudentService } from '../../services/student.service';
-import { EnvironmentConfigService } from '../../services/environment/environment-config.service';
-import { AuthStore } from "../../stores/auth.store";
+import { AuthStore } from '../../stores/auth.store';
 import { SignalRService } from '../../services/signalR.service';
 import { injectHistory } from '@stencil/router';
+import { get } from '../../services/core/localstorage.service';
+import AppConsts from '../../appconst';
 export class SparkleRoot {
   constructor() {
     this.history = null;
-    this.handleStudentNavigationChange = (url) => {
+    this.handleStudentNavigationChange = url => {
       this.history.replace(url, {});
     };
   }
   async componentWillLoad() {
     setupSparkleConfig({
-      sparkle: Object.assign(Object.assign({}, this.config), { prod: true })
+      sparkle: Object.assign(Object.assign({}, this.config), { prod: true }),
     });
     //return Promise.reject();
     await HttpService.getInstance();
     await HttpService.init();
-    var sparkleConfig = EnvironmentConfigService.getInstance().get('sparkle');
-    if (sparkleConfig && sparkleConfig.auth && sparkleConfig.auth.getToken()) {
+    let auth = await get(AppConsts.AUTH_USER_LOCALSTORAGE);
+    console.log(auth);
+    //TODO: check expiry as well
+    if (auth && auth.JWToken) {
       AuthStore.state.isAuthenticated = true;
     }
-    ;
-    AuthStore.onChange("isAuthenticated", async (isAuthenticated) => {
+    AuthStore.onChange('isAuthenticated', async (isAuthenticated) => {
       if (isAuthenticated) {
         console.log('authenticated');
         await StudentService.getInstance().fetchUserConfiguration();
@@ -37,8 +39,8 @@ export class SparkleRoot {
     //SignalRAspNetCoreHelper.initSignalR();
   }
   componentDidLoad() {
-    SignalRService.getInstance().connection.on("NavigateStudentTo", this.handleStudentNavigationChange);
-    AuthStore.onChange("isAuthenticated", async (isAuthenticated) => {
+    SignalRService.getInstance().connection.on('NavigateStudentTo', this.handleStudentNavigationChange);
+    AuthStore.onChange('isAuthenticated', async (isAuthenticated) => {
       if (isAuthenticated) {
         SignalRService.getInstance().start();
       }

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

@@ -0,0 +1,14 @@
+import { HttpService } from './httpService';
+export class AssignmentService {
+  constructor() { }
+  static getInstance() {
+    if (!AssignmentService.instance) {
+      AssignmentService.instance = new AssignmentService();
+    }
+    return AssignmentService.instance;
+  }
+  async createAssignment(payload) {
+    let result = await HttpService.http.post(`api/v1/Assignment/Create`, payload);
+    return result;
+  }
+}

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

@@ -1,7 +1,8 @@
-import { get, set, remove } from '../core/localstorage.service';
+import { get, remove } from '../core/localstorage.service';
 import { HttpService } from '../httpService';
 import AppConsts from '../../appconst';
-import { AuthStore } from "../../stores/auth.store";
+import { AuthStore } from '../../stores/auth.store';
+import { TokenService } from '../token.service';
 export class AuthService {
   constructor() { }
   static getInstance() {
@@ -18,7 +19,7 @@ export class AuthService {
     let result;
     try {
       result = await HttpService.http.post('api/Account/Authenticate', authenticationInput, {
-        headers: headers
+        headers: headers,
       });
       if (result) {
         const authData = result.Data;
@@ -32,15 +33,17 @@ export class AuthService {
           IssuedOn: authData.IssuedOn,
           ExpiresOn: authData.ExpiresOn,
           RefreshToken: authData.RefreshToken,
-          PhotoUrl: "",
-          IsFacilitator: authData.Roles.indexOf("Facilitator") > 0
+          PhotoUrl: '',
+          IsFacilitator: authData.Roles.indexOf('Facilitator') > 0,
         };
-        const expireDate = authenticationInput.RememberClient ? new Date(authUser.ExpiresOn) : undefined;
-        sparkle.auth.setToken(authUser.JWToken, expireDate);
-        //TODO: change authUser.JWToken to encrypted
-        sparkle.utils.setCookieValue(AppConsts.authorization.encrptedAuthTokenName, authUser.JWToken, expireDate, sparkle.appPath);
-        await set(AppConsts.AUTH_USER_LOCALSTORAGE, authUser);
-        AuthStore.state.authUser = Object.assign({}, authUser);
+        //const expireDate = authenticationInput.RememberClient ? new Date(authUser.ExpiresOn) : undefined;
+        // let authObj: EnvironmentAuthConfig = {
+        //   token: authUser.JWToken,
+        //   expiryDate: expireDate,
+        // };
+        // EnvironmentConfigService.getInstance().setupAuth(authObj);
+        //sparkle.utils.setCookieValue(AppConsts.authorization.encrptedAuthTokenName, authUser.JWToken, expireDate, sparkle.appPath);
+        await TokenService.getInstance().saveAuthUser(authUser);
         AuthStore.state.loading = false;
         return authUser;
       }
@@ -52,10 +55,8 @@ export class AuthService {
   }
   async signOut() {
     await remove(AppConsts.AUTH_USER_LOCALSTORAGE);
+    await TokenService.getInstance().removeAuthUser();
     sessionStorage.clear();
-    sparkle.auth.clearToken();
-    AuthStore.state.authUser = null;
-    AuthStore.state.isAuthenticated = false;
   }
   async getLocalAuthUser() {
     return get(AppConsts.AUTH_USER_LOCALSTORAGE);

package/dist/collection/services/environment/environment-config.js

@@ -1,5 +1,5 @@
 import Util from '../../utils';
-import { getAssetPath } from "@stencil/core";
+import { getAssetPath } from '@stencil/core';
 //declare var sparkle: any;
 export async function setupConfig(config) {
   if (!window) {

package/dist/collection/services/environment/environment-config.service.js

@@ -15,7 +15,6 @@ export class EnvironmentConfigService {
     }
     const win = window;
     const Sparkle = win.Sparkle;
-    console.log('getting info');
     this.m = new Map(Object.entries(Sparkle.config));
   }
   get(key, fallback) {