@sparkle-learning/core 0.0.53 → 0.0.55

package/dist/cjs/sparkle-goal-form.cjs.entry.js

@@ -3,16 +3,19 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-51e8292e.js');
-const util = require('./util-d383acb8.js');
-const environmentConfig_service = require('./environment-config.service-0e02b049.js');
-const assets_service = require('./assets.service-0c759d51.js');
-const feed_service = require('./feed.service-b4f09441.js');
-require('./httpService-7211d93b.js');
+const util = require('./util-47e320b2.js');
+const environmentConfig_service = require('./environment-config.service-c8ff1f3d.js');
+const assets_service = require('./assets.service-bfa75092.js');
+const appdata_service = require('./appdata.service-c8d71e05.js');
+const feed_service = require('./feed.service-8eca4de6.js');
+require('./httpService-d2e7bf8f.js');
 require('./auth.store-1e630a7d.js');
 require('./overlays-32df265a.js');
 require('./ionic-global-2cde9d3a.js');
 require('./hardware-back-button-92d97ff8.js');
 require('./helpers-c2496722.js');
+require('./token.service-7a41953d.js');
+require('./localstorage.service-6346a41d.js');
 
 const sparkleGoalFormCss = ":host{display:block}";
 
@@ -112,7 +115,7 @@ const SparkleGoalForm = class {
       if (this.name.valid && this.description.valid && this.category.valid && this.goalUpdateText.valid) {
         //update
         var appData = util.GetGoalAppData(this.name.value, this.description.value, this.category.value, this.progress, this.goalUpdateText.value);
-        const result = await feed_service.AppDataService.getInstance().updateGoal({ Id: this.appData.Id, MiniAppId: util.SparkleGlobal.MY_GOALS_APP_ID, AppJsonData: JSON.stringify(appData) });
+        const result = await appdata_service.AppDataService.getInstance().updateGoal({ Id: this.appData.Id, MiniAppId: util.SparkleGlobal.MY_GOALS_APP_ID, AppJsonData: JSON.stringify(appData) });
         if (result.Succeeded) {
           if (this.public) {
             await this.postToFeed();
@@ -127,7 +130,7 @@ const SparkleGoalForm = class {
       if (this.name.valid && this.description.valid && this.category.valid) {
         //add
         var appData = util.GetGoalAppData(this.name.value, this.description.value, this.category.value, this.progress, this.goalUpdateText.value);
-        const result = await feed_service.AppDataService.getInstance().createGoal({ MiniAppId: util.SparkleGlobal.MY_GOALS_APP_ID, AppJsonData: JSON.stringify(appData) });
+        const result = await appdata_service.AppDataService.getInstance().createGoal({ MiniAppId: util.SparkleGlobal.MY_GOALS_APP_ID, AppJsonData: JSON.stringify(appData) });
         if (result.Succeeded) {
           this.dismiss();
         }
@@ -163,7 +166,7 @@ const SparkleGoalForm = class {
   }
   render() {
     return [
-      index.h("div", null, index.h("ion-toolbar", { color: "primary" }, index.h("ion-buttons", { slot: "start" }, index.h("ion-back-button", { defaultHref: "home", onClick: () => this.dismiss() })), index.h("ion-title", null, "Add New Goal")), index.h("div", { class: "inner-content" }, index.h("form", { class: "ion-padding", novalidate: true, onSubmit: (e) => this.onSubmit(e) }, index.h("ion-list", { "no-lines": true }, index.h("ion-item", null, index.h("ion-label", { position: "stacked", color: "primary" }, "Title"), index.h("ion-input", { name: "title", type: "text", value: this.name.value, onInput: (ev) => this.handleTitle(ev), required: true })), index.h("ion-text", { color: "danger" }, index.h("p", { hidden: this.name.valid || this.submitted === false, class: "ion-padding-start" }, "Title is required")), index.h("ion-item", null, index.h("ion-label", { position: "stacked", color: "primary" }, "Description"), index.h("ion-textarea", { name: "desciption", value: this.description.value, onInput: (ev) => this.handleDescription(ev), required: true })), index.h("ion-text", { color: "danger" }, index.h("p", { hidden: this.description.valid || this.submitted === false, class: "ion-padding-start" }, "Description is required")), index.h("ion-item", null, index.h("ion-label", null, "Category"), index.h("ion-select", { value: this.category.value, onIonChange: (e) => this.handleCategory(e) }, index.h("ion-select-option", { value: "Emotional" }, "Emotional"), index.h("ion-select-option", { value: "Interpersonal" }, "Interpersonal"), index.h("ion-select-option", { value: "Learning" }, "Learning"), index.h("ion-select-option", { value: "Financial" }, "Financial"), index.h("ion-select-option", { value: "Physical" }, "Physical"))), index.h("ion-text", { color: "danger" }, index.h("p", { hidden: this.category.valid || this.submitted === false, class: "ion-padding-start" }, "Category is required")), this.renderEditBookingFields()), index.h("div", { class: "ion-padding" }, this.appData && index.h("ion-button", { type: "submit", expand: "block", disabled: feed_service.goalStore.state.goalLoading || feed_service.feedStore.state.postIdLoading > 0 }, feed_service.goalStore.state.goalLoading && index.h("ion-spinner", { name: "dots" }), "  Update"), !this.appData && index.h("ion-button", { type: "submit", expand: "block", disabled: feed_service.goalStore.state.goalLoading }, feed_service.goalStore.state.goalLoading && index.h("ion-spinner", { name: "dots" }), "  Add")))))
+      index.h("div", null, index.h("ion-toolbar", { color: "primary" }, index.h("ion-buttons", { slot: "start" }, index.h("ion-back-button", { defaultHref: "home", onClick: () => this.dismiss() })), index.h("ion-title", null, "Add New Goal")), index.h("div", { class: "inner-content" }, index.h("form", { class: "ion-padding", novalidate: true, onSubmit: (e) => this.onSubmit(e) }, index.h("ion-list", { "no-lines": true }, index.h("ion-item", null, index.h("ion-label", { position: "stacked", color: "primary" }, "Title"), index.h("ion-input", { name: "title", type: "text", value: this.name.value, onInput: (ev) => this.handleTitle(ev), required: true })), index.h("ion-text", { color: "danger" }, index.h("p", { hidden: this.name.valid || this.submitted === false, class: "ion-padding-start" }, "Title is required")), index.h("ion-item", null, index.h("ion-label", { position: "stacked", color: "primary" }, "Description"), index.h("ion-textarea", { name: "desciption", value: this.description.value, onInput: (ev) => this.handleDescription(ev), required: true })), index.h("ion-text", { color: "danger" }, index.h("p", { hidden: this.description.valid || this.submitted === false, class: "ion-padding-start" }, "Description is required")), index.h("ion-item", null, index.h("ion-label", null, "Category"), index.h("ion-select", { value: this.category.value, onIonChange: (e) => this.handleCategory(e) }, index.h("ion-select-option", { value: "Emotional" }, "Emotional"), index.h("ion-select-option", { value: "Interpersonal" }, "Interpersonal"), index.h("ion-select-option", { value: "Learning" }, "Learning"), index.h("ion-select-option", { value: "Financial" }, "Financial"), index.h("ion-select-option", { value: "Physical" }, "Physical"))), index.h("ion-text", { color: "danger" }, index.h("p", { hidden: this.category.valid || this.submitted === false, class: "ion-padding-start" }, "Category is required")), this.renderEditBookingFields()), index.h("div", { class: "ion-padding" }, this.appData && index.h("ion-button", { type: "submit", expand: "block", disabled: appdata_service.goalStore.state.goalLoading || feed_service.feedStore.state.postIdLoading > 0 }, appdata_service.goalStore.state.goalLoading && index.h("ion-spinner", { name: "dots" }), "  Update"), !this.appData && index.h("ion-button", { type: "submit", expand: "block", disabled: appdata_service.goalStore.state.goalLoading }, appdata_service.goalStore.state.goalLoading && index.h("ion-spinner", { name: "dots" }), "  Add")))))
     ];
   }
   get el() { return index.getElement(this); }

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

@@ -0,0 +1,56 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-51e8292e.js');
+
+const sparkleInputCss = "";
+
+const SparkleInput = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.valueChanged = index.createEvent(this, "valueChanged", 7);
+    this.checkedChanged = index.createEvent(this, "checkedChanged", 7);
+  }
+  arrayDataWatcher(newValue) {
+    if (typeof newValue === 'string') {
+      this._options = JSON.parse(newValue);
+    }
+    else {
+      this._options = newValue;
+    }
+  }
+  componentWillLoad() {
+    if (this.type == 'select') {
+      this.arrayDataWatcher(this.options);
+    }
+  }
+  handleChange(event) {
+    const value = this.type === 'checkbox' ? event.target.checked : event.target.value;
+    this.value = value;
+    this.valueChanged.emit(value);
+    if (this.type === 'checkbox') {
+      this.checkedChanged.emit(value);
+    }
+  }
+  render() {
+    switch (this.type) {
+      case 'text'    :
+        return (index.h("div", null, index.h("ion-item", null, index.h("ion-label", null, this.label), index.h("ion-input", { type: this.type, value: this.value, placeholder: this.placeholder, onInput: (event) => this.handleChange(event), required: true }))));
+      case 'textarea':
+        return (index.h("div", null, index.h("ion-item", null, index.h("ion-label", null, this.label), index.h("ion-textarea", { value: this.value, placeholder: this.placeholder, onInput: (event) => this.handleChange(event), required: true }))));
+      case 'checkbox':
+        return (index.h("div", null, index.h("ion-item", null, index.h("ion-checkbox", { slot: "start", checked: this.checked, onChange: (event) => this.handleChange(event) }), index.h("ion-label", null, this.label))));
+      case 'select':
+        return (index.h("div", null, index.h("ion-item", null, index.h("ion-select", { value: this.value, placeholder: this.label, onIonChange: event => this.handleChange(event) }, this._options.map(option => (index.h("ion-select-option", { key: option.value, value: option.value }, option.label)))))));
+      default:
+        return null;
+    }
+  }
+  static get watchers() { return {
+    "options": ["arrayDataWatcher"]
+  }; }
+};
+SparkleInput.style = sparkleInputCss;
+
+exports.sparkle_input = SparkleInput;

package/dist/cjs/sparkle-quiz-container.cjs.entry.js

@@ -39,7 +39,7 @@ const SparkleQuizContainer = class {
     //post api
   }
   render() {
-    return (index.h(index.Host, null, this.questionIds && this.questionIds.split(",").map((id => index.h("sparkle-quiz", { questionId: +id, submitted: this.submitted, showInstantResult: this.showInstantResult }))), index.h("ion-button", { slot: "end", onClick: () => this.submitQuiz() }, "Submit")));
+    return (index.h(index.Host, null, this.questionIds && this.questionIds.split(",").map((id => index.h("sparkle-quiz-v1", { questionId: +id, submitted: this.submitted, showInstantResult: this.showInstantResult }))), index.h("ion-button", { slot: "end", onClick: () => this.submitQuiz() }, "Submit")));
   }
 };
 SparkleQuizContainer.style = sparkleQuizContainerCss;

package/dist/cjs/sparkle-quiz-old.cjs.entry.js

@@ -0,0 +1,120 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-51e8292e.js');
+
+const sparkleQuizOldCss = "sparkle-quiz-old{display:block;font-family:var(--font-family);--sparkle-quiz-question-container-padding:10px 0px;--sparkle-quiz-question-container-margin:0px;--sparkle-quiz-question-text-padding:10px 0px;--sparkle-quiz-option-border:2px solid var(--line-rule-color);--sparkle-quiz-selected-option-border:2px solid var(--text-color--dark);--sparkle-quiz-option-border-radius:4px;--sparkle-quiz-option-padding:5px 10px;--sparkle-quiz-option-width:100%;--sparkle-quiz-error-bg-color:#fbaeae;--sparkle-quiz-success-bg-color:#fbaeae;padding:var(--sparkle-quiz-question-container-padding);margin:var(--sparkle-quiz-question-container-margin)}.question-text{padding:var(--sparkle-quiz-question-text-padding)}.option{padding:5px 0px}.number{padding:0px 14px;border:1px solid #ebebeb;border-radius:4px;margin-right:10px;font-size:14px;width:14px;display:inline-flex;justify-content:center}.feedback-container{padding:10px;border-radius:4px}.incorrect .feedback-container{background-color:var(--sparkle-quiz-error-bg-color, #fbaeae)}.correct .feedback-container{background-color:var(--sparkle-quiz-success-bg-color, #fbaeae)}";
+
+const SparkleQuizOld = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.quizAnswerChanged = index.createEvent(this, "quizAnswerChanged", 7);
+    this.type = 'TEXT';
+    this.scale = 'FIVE-POINTS';
+    this.options = [];
+  }
+  //   private pageInfo: any;
+  //   @Watch('questionId')
+  //   async loadQuestion() {
+  //     if (this.quizData) {
+  //       this.question = this.quizData[+this.questionId];
+  //     }
+  //   }
+  //@State() question: SparkleQuizQuestion;
+  //@State() quizData: { [key: string]: SparkleQuizQuestion };
+  async componentWillLoad() { }
+  async componentDidLoad() {
+    this.options = [];
+    if (this.el.querySelector("[slot='options']")) {
+      Array.from(this.el.querySelector("[slot='options']").querySelectorAll('option')).forEach(el => {
+        this.options = [...this.options, { option: el.innerText }];
+      });
+      console.log(this.questionText, this.options);
+    }
+    this.quizAnswerChanged.emit({
+      question: null,
+      answer: '1',
+    });
+  }
+  quizInputChangeHandler(event) {
+    this.quizAnswerChanged.emit({
+      question: event.detail.question,
+      answer: event.detail.value,
+    });
+  }
+  quizFeedbackChangeHandler(event) {
+    this.quizAnswerChanged.emit({
+      question: event.detail.question,
+      answer: event.detail.value,
+    });
+  }
+  quizSelectChangeHandler(event) {
+    this.quizAnswerChanged.emit({
+      question: event.detail.question,
+      answer: event.detail.value,
+    });
+  }
+  quizOpinionChangeHandler(event) {
+    this.quizAnswerChanged.emit({
+      question: event.detail.question,
+      answer: event.detail.value,
+    });
+  }
+  getQuestionFeedback() {
+    if (this.type == 'MULTIPLE-CHOICE') {
+      //   const feedbacks = this.question.options.filter(x => x.correct == true).map(x => x.feedback);
+      //   return feedbacks.length > 0 && feedbacks.map(feedback => <small>{feedback}</small>);
+      return index.h("small", null);
+    }
+    else if (this.type == 'FEEDBACK' || this.type == 'TEXT') {
+      return this.feedback && index.h("small", null, " ", this.feedback);
+    }
+  }
+  showAnswerStatus() {
+    return index.h("div", null, this.correct ? index.h("strong", null, "Good job!") : index.h("strong", null, "Incorrect answer, please try again."));
+  }
+  renderQuestion() {
+    var question = {
+      questionId: this.questionId,
+      questionText: this.questionText,
+      questionType: this.type,
+      scale: this.scale,
+      showOptionNumber: this.showOptionNumber,
+      options: this.options,
+      //options: Array<SparkleQuizQuestionOption>;
+      feedback: this.feedback,
+    };
+    if (this.type == 'MULTIPLE-CHOICE') {
+      return index.h("sparkle-quiz-select", { question: question, allowMultiple: true });
+    }
+    else if (this.type == 'FEEDBACK') {
+      return index.h("sparkle-quiz-feedback", { question: question });
+    }
+    else if (this.type == 'TEXT') {
+      return index.h("sparkle-quiz-input", { question: question });
+    }
+    else if (this.type == 'OPINION') {
+      return index.h("sparkle-quiz-opinion", { question: question });
+    }
+    else if (this.type == 'POLL') {
+      return index.h("sparkle-quiz-poll", { question: question });
+    }
+  }
+  render() {
+    if (this.questionText) {
+      let classes = {
+        correct: this.submitted && this.correct,
+        incorrect: this.submitted && !this.correct,
+      };
+      return (index.h("div", { class: classes, ref: el => (this.containerRef = el) }, index.h("div", { hidden: true }, index.h("slot", null)), this.renderQuestion(), this.submitted && this.showInstantResult && index.h("div", { class: "feedback-container" }, [this.showAnswerStatus(), this.getQuestionFeedback()])));
+    }
+    else {
+      return index.h("p", null, "No question found.");
+    }
+  }
+  get el() { return index.getElement(this); }
+};
+SparkleQuizOld.style = sparkleQuizOldCss;
+
+exports.sparkle_quiz_old = SparkleQuizOld;

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

@@ -3,35 +3,26 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-51e8292e.js');
+const assets_service = require('./assets.service-bfa75092.js');
+const environmentConfig_service = require('./environment-config.service-c8ff1f3d.js');
 
-const sparkleQuizCss = "sparkle-quiz{display:block;font-family:var(--font-family);--sparkle-quiz-question-container-padding:10px 0px;--sparkle-quiz-question-container-margin:0px;--sparkle-quiz-question-text-padding:10px 0px;--sparkle-quiz-option-border:2px solid var(--line-rule-color);--sparkle-quiz-selected-option-border:2px solid var(--text-color--dark);--sparkle-quiz-option-border-radius:4px;--sparkle-quiz-option-padding:5px 10px;--sparkle-quiz-option-width:100%;--sparkle-quiz-error-bg-color:#fbaeae;--sparkle-quiz-success-bg-color:#fbaeae;padding:var(--sparkle-quiz-question-container-padding);margin:var(--sparkle-quiz-question-container-margin)}.question-text{padding:var(--sparkle-quiz-question-text-padding)}.option{padding:5px 0px}.number{padding:0px 14px;border:1px solid #ebebeb;border-radius:4px;margin-right:10px;font-size:14px;width:14px;display:inline-flex;justify-content:center}.feedback-container{padding:10px;border-radius:4px}.incorrect .feedback-container{background-color:var(--sparkle-quiz-error-bg-color, #fbaeae)}.correct .feedback-container{background-color:var(--sparkle-quiz-success-bg-color, #fbaeae)}";
+const sparkleQuizCss = "sparkle-quiz-v1{display:block;font-family:var(--font-family);--sparkle-quiz-question-container-padding:10px 0px;--sparkle-quiz-question-container-margin:0px;--sparkle-quiz-question-text-padding:10px 0px;--sparkle-quiz-option-border:2px solid var(--line-rule-color);--sparkle-quiz-selected-option-border:2px solid var(--text-color--dark);--sparkle-quiz-option-border-radius:4px;--sparkle-quiz-option-padding:5px 10px;--sparkle-quiz-option-width:100%;--sparkle-quiz-error-bg-color:#fbaeae;--sparkle-quiz-success-bg-color:#fbaeae;padding:var(--sparkle-quiz-question-container-padding);margin:var(--sparkle-quiz-question-container-margin)}.question-text{padding:var(--sparkle-quiz-question-text-padding)}.option{padding:5px 0px}.number{padding:0px 14px;border:1px solid #ebebeb;border-radius:4px;margin-right:10px;font-size:14px;width:14px;display:inline-flex;justify-content:center}.feedback-container{padding:10px;border-radius:4px}.incorrect .feedback-container{background-color:var(--sparkle-quiz-error-bg-color, #fbaeae)}.correct .feedback-container{background-color:var(--sparkle-quiz-success-bg-color, #fbaeae)}";
 
 const SparkleQuiz = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.quizAnswerChanged = index.createEvent(this, "quizAnswerChanged", 7);
-    this.type = 'TEXT';
-    this.scale = 'FIVE-POINTS';
-    this.options = [];
   }
-  //   private pageInfo: any;
-  //   @Watch('questionId')
-  //   async loadQuestion() {
-  //     if (this.quizData) {
-  //       this.question = this.quizData[+this.questionId];
-  //     }
-  //   }
-  //@State() question: SparkleQuizQuestion;
-  //@State() quizData: { [key: string]: SparkleQuizQuestion };
+  async loadQuestion() {
+    if (this.quizData) {
+      this.question = this.quizData[+this.questionId];
+    }
+  }
   async componentWillLoad() { }
   async componentDidLoad() {
-    this.options = [];
-    if (this.el.querySelector("[slot='options']")) {
-      Array.from(this.el.querySelector("[slot='options']").querySelectorAll('option')).forEach(el => {
-        this.options = [...this.options, { option: el.innerText }];
-      });
-      console.log(this.questionText, this.options);
-    }
+    const config = environmentConfig_service.EnvironmentConfigService.getInstance().get('sparkle');
+    this.quizData = await assets_service.AssetsService.getInstance().loadJsonFile(config.quizPath);
+    await this.loadQuestion();
     this.quizAnswerChanged.emit({
       question: null,
       answer: '1',
@@ -62,58 +53,50 @@ const SparkleQuiz = class {
     });
   }
   getQuestionFeedback() {
-    if (this.type == 'MULTIPLE-CHOICE') {
-      //   const feedbacks = this.question.options.filter(x => x.correct == true).map(x => x.feedback);
-      //   return feedbacks.length > 0 && feedbacks.map(feedback => <small>{feedback}</small>);
-      return index.h("small", null);
+    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 => index.h("small", null, feedback));
     }
-    else if (this.type == 'FEEDBACK' || this.type == 'TEXT') {
-      return this.feedback && index.h("small", null, " ", this.feedback);
+    else if (this.question.questionType == 'FEEDBACK' || this.question.questionType == 'TEXT') {
+      return this.question.feedback && index.h("small", null, " ", this.question.feedback);
     }
   }
   showAnswerStatus() {
     return index.h("div", null, this.correct ? index.h("strong", null, "Good job!") : index.h("strong", null, "Incorrect answer, please try again."));
   }
   renderQuestion() {
-    var question = {
-      questionId: this.questionId,
-      questionText: this.questionText,
-      questionType: this.type,
-      scale: this.scale,
-      showOptionNumber: this.showOptionNumber,
-      options: this.options,
-      //options: Array<SparkleQuizQuestionOption>;
-      feedback: this.feedback,
-    };
-    if (this.type == 'MULTIPLE-CHOICE') {
-      return index.h("sparkle-quiz-select", { question: question, allowMultiple: true });
+    if (this.question.questionType == 'MULTIPLE-CHOICE') {
+      return index.h("sparkle-quiz-select", { question: this.question, allowMultiple: true });
     }
-    else if (this.type == 'FEEDBACK') {
-      return index.h("sparkle-quiz-feedback", { question: question });
+    else if (this.question.questionType == 'FEEDBACK') {
+      return index.h("sparkle-quiz-feedback", { question: this.question });
     }
-    else if (this.type == 'TEXT') {
-      return index.h("sparkle-quiz-input", { question: question });
+    else if (this.question.questionType == 'TEXT') {
+      return index.h("sparkle-quiz-input", { question: this.question });
     }
-    else if (this.type == 'OPINION') {
-      return index.h("sparkle-quiz-opinion", { question: question });
+    else if (this.question.questionType == 'OPINION') {
+      return index.h("sparkle-quiz-opinion", { question: this.question });
     }
-    else if (this.type == 'POLL') {
-      return index.h("sparkle-quiz-poll", { question: question });
+    else if (this.question.questionType == 'POLL') {
+      return index.h("sparkle-quiz-poll", { question: this.question });
     }
   }
   render() {
-    if (this.questionText) {
+    if (this.question) {
       let classes = {
         correct: this.submitted && this.correct,
         incorrect: this.submitted && !this.correct,
       };
-      return (index.h("div", { class: classes, ref: el => (this.containerRef = el) }, index.h("div", { hidden: true }, index.h("slot", null)), this.renderQuestion(), this.submitted && this.showInstantResult && index.h("div", { class: "feedback-container" }, [this.showAnswerStatus(), this.getQuestionFeedback()])));
+      return (index.h("div", { class: classes }, this.renderQuestion(), this.submitted && this.showInstantResult && index.h("div", { class: "feedback-container" }, [this.showAnswerStatus(), this.getQuestionFeedback()])));
     }
     else {
       return index.h("p", null, "No question found.");
     }
   }
   get el() { return index.getElement(this); }
+  static get watchers() { return {
+    "questionId": ["loadQuestion"]
+  }; }
 };
 SparkleQuiz.style = sparkleQuizCss;
 

package/dist/cjs/{student.service-2e58f237.js → student.service-7e5385be.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const httpService = require('./httpService-7211d93b.js');
+const httpService = require('./httpService-d2e7bf8f.js');
 const auth_store = require('./auth.store-1e630a7d.js');
 
 const { state, onChange, reset } = auth_store.createStore({

package/dist/cjs/token.service-7a41953d.js

@@ -0,0 +1,97 @@
+'use strict';
+
+const auth_store = require('./auth.store-1e630a7d.js');
+const localstorage_service = require('./localstorage.service-6346a41d.js');
+
+const AppConsts = {
+  AUTH_USER_LOCALSTORAGE: "CurrentUser",
+  userManagement: {
+    defaultAdminUserName: 'admin',
+  },
+  localization: {
+    defaultLocalizationSourceName: 'Test',
+  },
+  authorization: {
+    encrptedAuthTokenName: 'enc_auth_token',
+  }
+};
+
+class TokenService {
+  static getInstance() {
+    if (!TokenService.instance) {
+      TokenService.instance = new TokenService();
+    }
+    return TokenService.instance;
+  }
+  async getToken() {
+    let authUser = await localstorage_service.get(AppConsts.AUTH_USER_LOCALSTORAGE);
+    if (authUser && authUser.JWToken) {
+      if (new Date(authUser.ExpiresOn).getTime() > new Date().getTime()) {
+        return authUser.JWToken;
+      }
+    }
+    return null;
+  }
+  async getAuthUser() {
+    let authUser = await localstorage_service.get(AppConsts.AUTH_USER_LOCALSTORAGE);
+    if (authUser && authUser.JWToken) {
+      if (new Date(authUser.ExpiresOn).getTime() > new Date().getTime()) {
+        return authUser;
+      }
+    }
+    return null;
+  }
+  getAuthUserSync() {
+    let authUser = JSON.parse(localStorage.getItem(AppConsts.AUTH_USER_LOCALSTORAGE));
+    if (authUser && authUser.JWToken) {
+      if (new Date(authUser.ExpiresOn).getTime() > new Date().getTime()) {
+        return authUser;
+      }
+    }
+    return null;
+  }
+  getTokenSync() {
+    let authUser = JSON.parse(localStorage.getItem(AppConsts.AUTH_USER_LOCALSTORAGE));
+    if (authUser && authUser.JWToken) {
+      if (new Date(authUser.ExpiresOn).getTime() > new Date().getTime()) {
+        return authUser.JWToken;
+      }
+    }
+    return null;
+  }
+  isAuthenticated() {
+    try {
+      let token = this.getTokenSync();
+      if (!!token) {
+        return true;
+      }
+    }
+    catch (_a) {
+      return false;
+    }
+  }
+  async getTokenExpiry() {
+    let authUser = await localstorage_service.get(AppConsts.AUTH_USER_LOCALSTORAGE);
+    if (!authUser) {
+      return 0;
+    }
+    let timeDiff = 0;
+    if (authUser.ExpiresOn) {
+      timeDiff = new Date(authUser.ExpiresOn).getTime() - new Date().getTime();
+    }
+    return Math.max(0, timeDiff);
+  }
+  async saveAuthUser(authUser) {
+    auth_store.AuthStore.state.authUser = Object.assign({}, authUser);
+    auth_store.AuthStore.state.isAuthenticated = true;
+    await localstorage_service.set(AppConsts.AUTH_USER_LOCALSTORAGE, authUser);
+  }
+  async removeAuthUser() {
+    auth_store.AuthStore.state.authUser = null;
+    auth_store.AuthStore.state.isAuthenticated = false;
+    await localstorage_service.remove(AppConsts.AUTH_USER_LOCALSTORAGE);
+  }
+}
+
+exports.AppConsts = AppConsts;
+exports.TokenService = TokenService;

package/dist/cjs/{util-d383acb8.js → util-47e320b2.js}

@@ -2419,7 +2419,7 @@ function GetGoalAppData(title, description, category, percentage, goalText) {
     Description: description,
     Category: category,
     Percentage: percentage,
-    GoalText: goalText
+    GoalText: goalText,
   };
 }
 function MyMoodTemplate(feeling, intensity, location) {
@@ -2445,7 +2445,7 @@ class SparkleGlobal {
 SparkleGlobal.MY_GOALS_APP_ID = 1;
 SparkleGlobal.MY_HEALTH_APP_ID = 2;
 SparkleGlobal.MY_MOOD_APP_ID = 3;
-SparkleGlobal.LOCALSTORAGE_CLASSROOM_MODE = "SPARKLE_CLASSROOM_MODE";
+SparkleGlobal.LOCALSTORAGE_CLASSROOM_MODE = 'SPARKLE_CLASSROOM_MODE';
 function date(date) {
   return format(new Date(date), 'DD MMM YYYY');
 }

package/dist/collection/PrivateRoute.js

@@ -17,9 +17,9 @@ const Route = (_a) => {
   const Component = component;
   return (h("stencil-route", Object.assign({}, props, { routeRender: (props) => {
       if (!AuthStore.state.isAuthenticated)
-        return (h("stencil-router-redirect", { url: "/login" }));
+        return h("stencil-router-redirect", { url: "/login" });
       if (permission && !isGranted(permission)) {
-        return (h("stencil-router-redirect", { url: "/unauthorized" }));
+        return h("stencil-router-redirect", { url: "/unauthorized" });
       }
       return Component ? h(Component, Object.assign({}, props, props.componentProps)) : render(props);
     } })));

package/dist/collection/collection-manifest.json

@@ -21,6 +21,7 @@
     "./components/mini-apps/sparkle-mood/sparkle-mood.js",
     "./components/modal-image/modal-image.js",
     "./components/sparkle-animation-player/sparkle-animation-player.js",
+    "./components/sparkle-assignment/sparkle-assignment.js",
     "./components/sparkle-character-intro/sparkle-character-intro.js",
     "./components/sparkle-compass/sparkle-compass.js",
     "./components/sparkle-compass/sparkle-compass-post/sparkle-compass-post.js",
@@ -31,14 +32,16 @@
     "./components/sparkle-emoji/sparkle-emoji.js",
     "./components/sparkle-feed-post/sparkle-feed-post.js",
     "./components/sparkle-feedback/sparkle-feedback.js",
+    "./components/sparkle-file-upload/sparkle-file-upload.js",
     "./components/sparkle-forgot-password/sparkle-forgot-password.js",
+    "./components/sparkle-input/sparkle-input.js",
     "./components/sparkle-intro/sparkle-intro.js",
     "./components/sparkle-login/sparkle-login.js",
     "./components/sparkle-poll/sparkle-poll.js",
-    "./components/sparkle-quiz/sparkle-quiz-v1.js",
-    "./components/sparkle-quiz/sparkle-quiz/sparkle-quiz.js",
+    "./components/sparkle-quiz/sparkle-quiz.js",
     "./components/sparkle-quiz/sparkle-quiz-feedback/sparkle-quiz-feedback.js",
     "./components/sparkle-quiz/sparkle-quiz-input/sparkle-quiz-input.js",
+    "./components/sparkle-quiz/sparkle-quiz-old/sparkle-quiz-old.js",
     "./components/sparkle-quiz/sparkle-quiz-opinion/sparkle-quiz-opinion.js",
     "./components/sparkle-quiz/sparkle-quiz-poll/sparkle-quiz-poll.js",
     "./components/sparkle-quiz/sparkle-quiz-select/sparkle-quiz-select.js",

package/dist/collection/components/layout/facilitator/facilitator-page.js

@@ -71,7 +71,7 @@ export class FacilitatorPage {
     }
     path = /^\/docs\/pages\/[a-z]{2}\.json$/.test(path) ? path.replace('.json', '/index.json') : path;
     let lessonPath = this.getLessonPath(path);
-    console.log(lessonPath);
+    console.log("lessonPath", lessonPath);
     return fetch(path).then(this.validateFetch).then(this.handleNotesPage).catch(this.handleBadFetch) &&
       fetch(lessonPath).then(this.validateFetch).then(this.handleLessonNotesPage).catch(this.handleLessonNotesBadFetch);
   }
@@ -84,7 +84,7 @@ export class FacilitatorPage {
     if (path === null || path === oldPath) {
       return;
     }
-    if (SignalRService.getInstance().connection.connectionState == "Connected") {
+    if (SignalRService.getInstance().connection._connectionState == "Connected") {
       SignalRService.getInstance().callSignalR("NavigateFacilitatorPresentationCourseTo", { url: this.path.replace(".json", "") });
     }
     path = /^\/docs\/pages\/[a-z]{2}\.json$/.test(path) ? path.replace('.json', '/index.json') : path;
@@ -185,7 +185,6 @@ export class FacilitatorPage {
     return h(Template, { page: notesPage });
   }
   render() {
-    console.log(facilitatorStore.state.classes);
     const { page } = this;
     const content = this.renderTabs();
     return h("div", { class: "container" },

package/dist/collection/components/layout/page/page.css

@@ -177,3 +177,7 @@ sparkle-page .controls {
   display: flex;
   justify-content: flex-end;
 }
+
+.controls ion-button ion-icon {
+  color: #fff;
+}