@sparkle-learning/core 0.0.53 → 0.0.54

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

@@ -9,19 +9,22 @@ 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-c5441f35.js';
-import { A as AssetsService } from './assets.service-66e848b8.js';
-import { A as AuthStore, c as createCommonjsModule, g as getDefaultExportFromCjs, b as commonjsGlobal, T as TocStore, d as createStore } from './auth.store-dba2c2da.js';
-import { u as userStore, S as StudentService } from './student.service-0746418b.js';
-import { E as EnvironmentConfigService } from './environment-config.service-2b5d692b.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-6ef753e9.js';
-import { F as FacilitatorService, f as facilitatorStore } from './facilitator.service-b0292f7f.js';
+import { i as initSetupConfig, A as AuthService, P as PrivateRoute, s as setupConfig } from './PrivateRoute-c6e80d5d.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-6457aaa0.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-57cc8006.js';
+import { F as FacilitatorService, f as facilitatorStore } from './facilitator.service-53e05a01.js';
 import { m as menuController } from './index-cded2d87.js';
 import { m as modalController, a as alertController, t as toastController } from './overlays-3b4dca92.js';
-import { S as SignalRService, s as signalRStore } from './signalR.service-9d5b9f36.js';
-import { H as HttpService } from './httpService-7b75b095.js';
-import { A as AppDataService, g as goalStore, F as FeedService, f as feedStore } from './feed.service-8fbe4ce3.js';
-import './localstorage.service-4bf408c8.js';
+import { S as SignalRService, s as signalRStore } from './signalR.service-4a2d5a92.js';
+import { H as HttpService } from './httpService-db476835.js';
+import { A as AppDataService, g as goalStore } from './appdata.service-d1058e00.js';
+import { F as FeedService, f as feedStore } from './feed.service-8385ad7a.js';
+import { M as MediaService, m as mediaStore } from './media.service-b68cbfff.js';
+import { g as get$1 } from './localstorage.service-4bf408c8.js';
+import { A as AppConsts } from './token.service-20f1a256.js';
 import './hardware-back-button-fa04d6e9.js';
 import './animation-12377cb3.js';
 
@@ -3065,7 +3068,7 @@ const SparkleCourseRoot = class {
     this.config = {
       appUrl: 'http://localhost:3333',
       globalAssetsUrl: 'http://localhost:3333/assets',
-      apiUrl: 'https://localhost:44399/',
+      apiUrl: 'https://localhost:44369/',
       quizPath: this.quizPath,
       tocPath: this.tocPath,
       menu: {
@@ -3114,6 +3117,10 @@ const SparkleCourseRoot = class {
     var sidebar = document.getElementById('onlineStudents');
     await sidebar.show();
   }
+  useDidLogin(event) {
+    console.log('Received the userDidLogInevent: ', event.detail);
+    return h$1("stencil-router-redirect", { url: "/home" });
+  }
   renderPage(path) {
     return (h$1("stencil-route", { url: '/' + path, routeRender: props => [
         this.renderHeaderAndMenu(),
@@ -12539,7 +12546,7 @@ const FacilitatorPage = class {
     }
     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);
   }
@@ -12552,7 +12559,7 @@ const FacilitatorPage = class {
     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;
@@ -12628,7 +12635,6 @@ const FacilitatorPage = class {
     return h$1(Template, { page: notesPage });
   }
   __stencil_render() {
-    console.log(facilitatorStore.state.classes);
     const { page } = this;
     const content = this.renderTabs();
     return h$1("div", { class: "container" }, h$1("div", { class: "d-flex justify-content-between align-items-center" }, h$1("sparkle-page-footer", { page: page }), h$1("div", null, h$1("select", { class: "form-select", "aria-label": "Default select example" }, facilitatorStore.state.classes.map(item => h$1("option", null, item.ClassName))))), content);
@@ -12975,39 +12981,6 @@ const SparkleHeader = class {
 };
 SparkleHeader.style = headerCss;
 
-const { state, reset } = createStore({
-  mediaUploading: false,
-});
-const mediaStore = { state, reset };
-
-class MediaService {
-  constructor() { }
-  static getInstance() {
-    if (!MediaService.instance) {
-      MediaService.instance = new MediaService();
-    }
-    return MediaService.instance;
-  }
-  async uploadImage(files) {
-    let formData = new FormData();
-    for (let i = 0; i < files.length; i++) {
-      formData.append("uploads[]", files[i], files[i].name);
-    }
-    mediaStore.state.mediaUploading = true;
-    let result;
-    try {
-      result = await HttpService.http.post(`api/v1/MediaItems/Upload`, formData);
-      if (result) {
-        mediaStore.state.mediaUploading = false;
-      }
-    }
-    catch (e) {
-      mediaStore.state.mediaUploading = false;
-    }
-    return result;
-  }
-}
-
 const sparkleHealthCss = ":host{display:block}.health-image{display:block;max-width:300px;max-height:200px;width:auto;height:auto}";
 
 const SparkleHealth = class {
@@ -13122,12 +13095,13 @@ const PageLogin = class {
     this.submitted = true;
     if (this.password.valid && this.username.valid) {
       //await UserData.login(this.username.value);
-      await AuthService.getInstance().authenticate({
+      let result = await AuthService.getInstance().authenticate({
         Email: this.username.value,
         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 });
     }
   }
@@ -13390,7 +13364,7 @@ const SparkleOnlineStudents = class {
 };
 SparkleOnlineStudents.style = onlineStudentsCss;
 
-const pageCss = ".Error{align-items:center;background-color:var(--offset-background);color:var(--text-color--light);display:flex;flex-direction:column;justify-content:center;line-height:1;white-space:nowrap}.Error.full-screen{padding-bottom:3rem}.Error>*{margin:10px}.Error h1,.Error div{color:inherit;font-size:3rem}.Error div{text-shadow:3px 3px 3px rgba(0,0,0,0.1)}.Error p{font-size:18px}sparkle-page{display:grid;font-size:16px;grid-template-columns:1fr minmax(0, var(--page-width, 720px)) 1fr;line-height:2;margin-left:var(--page-margin-left);margin-top:var(--header-height);overflow-x:hidden;transform:var(--page-transform, none);transition:transform 200ms cubic-bezier(0.2, 1, 0.2, 1)}@media (min-width: 1234px){sparkle-page{grid-template-columns:1fr minmax(0, var(--page-width, 720px)) 3fr}}@media (min-width: 1800px){sparkle-page{grid-template-columns:1fr minmax(0, var(--page-width, 720px)) 1fr 240px}}sparkle-page>main{position:relative;grid-column:2;margin-bottom:3rem;padding:var(--page-padding, 2rem 1rem);position:relative}sparkle-page sparkle-pagination{grid-column:1 / -1}sparkle-page .full-screen{grid-column:1 / -1;height:calc(100vh - var(--header-height));margin-bottom:0;overflow:hidden;padding:0}sparkle-page .page-heading-encapsulation{text-transform:uppercase;background:transparent;color:#2d4665;border:1px solid #dee3ea;border-radius:14px;height:24px;padding:2px 8px;font-weight:600;font-size:10px;line-height:14px;display:inline-flex;align-items:center;align-self:center;justify-self:flex-end;letter-spacing:0.08em;float:right}sparkle-page .page-heading-encapsulation:hover{border-color:#92a1b3}sparkle-page h1{display:flex;justify-content:space-between;margin-top:2rem;margin-bottom:1rem}sparkle-page h2 a[href^='#'],sparkle-page h3 a[href^='#'],sparkle-page h4 a[href^='#'],sparkle-page h5 a[href^='#'],sparkle-page h6 a[href^='#']{color:inherit;position:relative}sparkle-page h2 a[href^='#']:before,sparkle-page h3 a[href^='#']:before,sparkle-page h4 a[href^='#']:before,sparkle-page h5 a[href^='#']:before,sparkle-page h6 a[href^='#']:before{content:'#';opacity:0;padding-right:5px;position:absolute;right:100%;transition:opacity 100ms ease}sparkle-page h2 a[href^='#']:hover:before,sparkle-page h3 a[href^='#']:hover:before,sparkle-page h4 a[href^='#']:hover:before,sparkle-page h5 a[href^='#']:hover:before,sparkle-page h6 a[href^='#']:hover:before{opacity:1}sparkle-page h2 code,sparkle-page h3 code,sparkle-page h4 code,sparkle-page h5 code,sparkle-page h6 code{background:none;font-size:inherit}sparkle-page aside{float:right;margin-left:20px;margin-bottom:20px}@media (min-width: 1234px){sparkle-page main.no-demo .page-meta{position:fixed;right:0;top:100px;width:240px;transition:0.2s transform ease}sparkle-header.hidden~stencil-route sparkle-page main.no-demo .page-meta{transform:translateY(-60px)}}sparkle-page main.has-demo .page-meta internal-ad{display:none}sparkle-page .controls{display:flex;justify-content:flex-end}";
+const pageCss = ".Error{align-items:center;background-color:var(--offset-background);color:var(--text-color--light);display:flex;flex-direction:column;justify-content:center;line-height:1;white-space:nowrap}.Error.full-screen{padding-bottom:3rem}.Error>*{margin:10px}.Error h1,.Error div{color:inherit;font-size:3rem}.Error div{text-shadow:3px 3px 3px rgba(0,0,0,0.1)}.Error p{font-size:18px}sparkle-page{display:grid;font-size:16px;grid-template-columns:1fr minmax(0, var(--page-width, 720px)) 1fr;line-height:2;margin-left:var(--page-margin-left);margin-top:var(--header-height);overflow-x:hidden;transform:var(--page-transform, none);transition:transform 200ms cubic-bezier(0.2, 1, 0.2, 1)}@media (min-width: 1234px){sparkle-page{grid-template-columns:1fr minmax(0, var(--page-width, 720px)) 3fr}}@media (min-width: 1800px){sparkle-page{grid-template-columns:1fr minmax(0, var(--page-width, 720px)) 1fr 240px}}sparkle-page>main{position:relative;grid-column:2;margin-bottom:3rem;padding:var(--page-padding, 2rem 1rem);position:relative}sparkle-page sparkle-pagination{grid-column:1 / -1}sparkle-page .full-screen{grid-column:1 / -1;height:calc(100vh - var(--header-height));margin-bottom:0;overflow:hidden;padding:0}sparkle-page .page-heading-encapsulation{text-transform:uppercase;background:transparent;color:#2d4665;border:1px solid #dee3ea;border-radius:14px;height:24px;padding:2px 8px;font-weight:600;font-size:10px;line-height:14px;display:inline-flex;align-items:center;align-self:center;justify-self:flex-end;letter-spacing:0.08em;float:right}sparkle-page .page-heading-encapsulation:hover{border-color:#92a1b3}sparkle-page h1{display:flex;justify-content:space-between;margin-top:2rem;margin-bottom:1rem}sparkle-page h2 a[href^='#'],sparkle-page h3 a[href^='#'],sparkle-page h4 a[href^='#'],sparkle-page h5 a[href^='#'],sparkle-page h6 a[href^='#']{color:inherit;position:relative}sparkle-page h2 a[href^='#']:before,sparkle-page h3 a[href^='#']:before,sparkle-page h4 a[href^='#']:before,sparkle-page h5 a[href^='#']:before,sparkle-page h6 a[href^='#']:before{content:'#';opacity:0;padding-right:5px;position:absolute;right:100%;transition:opacity 100ms ease}sparkle-page h2 a[href^='#']:hover:before,sparkle-page h3 a[href^='#']:hover:before,sparkle-page h4 a[href^='#']:hover:before,sparkle-page h5 a[href^='#']:hover:before,sparkle-page h6 a[href^='#']:hover:before{opacity:1}sparkle-page h2 code,sparkle-page h3 code,sparkle-page h4 code,sparkle-page h5 code,sparkle-page h6 code{background:none;font-size:inherit}sparkle-page aside{float:right;margin-left:20px;margin-bottom:20px}@media (min-width: 1234px){sparkle-page main.no-demo .page-meta{position:fixed;right:0;top:100px;width:240px;transition:0.2s transform ease}sparkle-header.hidden~stencil-route sparkle-page main.no-demo .page-meta{transform:translateY(-60px)}}sparkle-page main.has-demo .page-meta internal-ad{display:none}sparkle-page .controls{display:flex;justify-content:flex-end}.controls ion-button ion-icon{color:#fff}";
 
 const SparklePage = class {
   constructor(hostRef) {
@@ -13399,7 +13373,15 @@ const SparklePage = class {
     this.presentation = false;
     this.page = { title: null, path: null, body: null, pageInfo: null };
     this.isLesson = false;
-    this.handleFacilitatorNavigationChange = (url) => {
+    this.eventEmitter = (user, data) => {
+      let event = new CustomEvent('receivedSignalREvent', { detail: JSON.parse(data) });
+      document.body.dispatchEvent(event);
+    };
+    this.pollSubmissionEventEmitter = (type, data) => {
+      let event = new CustomEvent('receivedPollSubmissionSignalREvent', { detail: { data: data, type: type } });
+      document.body.dispatchEvent(event);
+    };
+    this.handleFacilitatorNavigationChange = url => {
       this.history.replace(url, {});
     };
     this.validateFetch = (response) => {
@@ -13412,7 +13394,7 @@ const SparklePage = class {
       this.badFetch = null;
       this.page = page;
       if (this.presentation) {
-        this.page = Object.assign(Object.assign({}, this.page), { previousUrl: "/presentation" + this.page.previousUrl, nextUrl: "/presentation" + this.page.nextUrl });
+        this.page = Object.assign(Object.assign({}, this.page), { previousUrl: '/presentation' + this.page.previousUrl, nextUrl: '/presentation' + this.page.nextUrl });
       }
       StoreService.getInstance().UpdateTocPageInfo(this.page.pageInfo);
       this.isLesson = this.page.pageInfo.pageId > 0;
@@ -13424,7 +13406,7 @@ const SparklePage = class {
         title: error.statusText,
         body: null,
         path: null,
-        pageInfo: null
+        pageInfo: null,
       };
     };
   }
@@ -13435,19 +13417,25 @@ const SparklePage = class {
   }
   componentDidLoad() {
     if (this.presentation) {
-      signalRStore.onChange("connected", (connected) => {
+      signalRStore.onChange('connected', connected => {
         if (connected) {
-          SignalRService.getInstance().connection.on("NavigateFacilitatorPresentationCourseTo", this.handleFacilitatorNavigationChange);
+          SignalRService.getInstance().connection.on('SendMessage', this.eventEmitter);
+          SignalRService.getInstance().connection.on('NavigateFacilitatorPresentationCourseTo', this.handleFacilitatorNavigationChange);
+          SignalRService.getInstance().connection.on('PollSubmission', this.pollSubmissionEventEmitter);
+        }
+        else {
+          SignalRService.getInstance().connection.off('SendMessage', this.eventEmitter);
+          SignalRService.getInstance().connection.off('PollSubmission', this.eventEmitter);
+          SignalRService.getInstance().connection.off('NavigateFacilitatorPresentationCourseTo', this.handleFacilitatorNavigationChange);
         }
       });
     }
   }
   fetchPage(path, oldPath) {
-    if (SignalRService.getInstance().connection.connectionState == "Connected") {
-      SignalRService.getInstance().callSignalR("OnStudentNavigate", { url: window.location.href });
+    if (SignalRService.getInstance().connection._connectionState == 'Connected') {
+      SignalRService.getInstance().callSignalR('OnStudentNavigate', { url: window.location.href });
       if (this.presentation) {
-        console.log('register listener');
-        SignalRService.getInstance().connection.on("NavigateFacilitatorPresentationCourseTo", this.handleFacilitatorNavigationChange);
+        SignalRService.getInstance().connection.on('NavigateFacilitatorPresentationCourseTo', this.handleFacilitatorNavigationChange);
       }
     }
     if (path === null || path === oldPath) {
@@ -13518,7 +13506,7 @@ const SparklePage = class {
   async presentFeedbackModal() {
     const modal = await modalController.create({
       component: 'sparkle-feedback',
-      cssClass: 'sparkle-modal sparkle-feedback-modal'
+      cssClass: 'sparkle-modal sparkle-feedback-modal',
     });
     await modal.present();
   }
@@ -13549,29 +13537,28 @@ const SparklePage = class {
           text: 'Cancel',
           role: 'cancel',
           cssClass: 'secondary',
-          handler: () => {
-          }
-        }, {
+          handler: () => { },
+        },
+        {
           text: 'Ok',
-          handler: (data) => {
-          }
-        }
-      ]
+          handler: data => { },
+        },
+      ],
     });
     await alert.present();
   }
   openWindows() {
     //this.jwtService.updateDefaultCourseClassId(data);
-    window.open(window.location.origin + "/presentation" + this.path.replace(".json", ""), "_blank");
+    window.open(window.location.origin + '/presentation' + this.path.replace('.json', ''), '_blank');
     setTimeout(() => {
-      window.open(window.location.origin + "/presentation" + '/teacher' + this.path.replace(".json", ""), "_blank");
+      window.open(window.location.origin + '/presentation' + '/teacher' + this.path.replace('.json', ''), '_blank');
     }, 500);
   }
   renderControls() {
     if (AuthStore.state.isAuthenticated) {
-      return (h$1("div", { class: "controls" }, h$1("ion-button", { onClick: () => this.presentFeedbackModal() }, h$1("ion-icon", { name: "chatbox-outline" })), this.isLesson && userStore.state.user && userStore.state.user.Roles.indexOf('Facilitator') > -1 && h$1("ion-button", { onClick: () => this.openProjectorPage() }, h$1("ion-icon", { name: "desktop-outline" }))));
+      return (h$1("div", { class: "controls" }, h$1("ion-button", { onClick: () => this.presentFeedbackModal() }, h$1("ion-icon", { name: "chatbox-outline" })), this.isLesson && userStore.state.user && userStore.state.user.Roles.indexOf('Facilitator') > -1 && (h$1("ion-button", { onClick: () => this.openProjectorPage() }, h$1("ion-icon", { name: "desktop-outline" })))));
     }
-    return "";
+    return '';
   }
   __stencil_render() {
     if (this.path) {
@@ -13581,12 +13568,12 @@ const SparklePage = class {
       }
       const Template = templates[page.template] || templates.default;
       const content = [
-        h$1("main", { class: 'no-demo' }, this.renderControls(), h$1(Template, { page: page }))
+        h$1("main", { class: 'no-demo' }, this.renderControls(), h$1(Template, { page: page })),
       ];
       return content;
     }
     else {
-      return h$1("main", { class: 'no-demo' }, h$1("slot", null));
+      return (h$1("main", { class: 'no-demo' }, h$1("slot", null)));
     }
   }
   static get watchers() { return {
@@ -13748,22 +13735,24 @@ const SparkleRoot = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.history = null;
-    this.handleStudentNavigationChange = (url) => {
+    this.handleStudentNavigationChange = url => {
       this.history.replace(url, {});
     };
   }
   async componentWillLoad() {
     setupConfig({
-      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$1(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();
@@ -13775,8 +13764,8 @@ const SparkleRoot = class {
     //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/esm/{httpService-7b75b095.js → httpService-db476835.js}

@@ -1,6 +1,7 @@
 import { a as axios_1, u as utils, f as formats, s as sideChannel, T as TocStore } from './auth.store-dba2c2da.js';
 import { t as toastController } from './overlays-3b4dca92.js';
-import { E as EnvironmentConfigService } from './environment-config.service-2b5d692b.js';
+import { E as EnvironmentConfigService } from './environment-config.service-b191f276.js';
+import { T as TokenService } from './token.service-20f1a256.js';
 
 var axios = axios_1;
 
@@ -596,7 +597,7 @@ class HttpService {
     this.http = axios.create({
       baseURL: sparkleConfig.apiUrl,
       headers: {
-        'Content-Type': 'application/json'
+        'Content-Type': 'application/json',
       },
       timeout: 30000,
       paramsSerializer: function (params) {
@@ -605,9 +606,10 @@ class HttpService {
         });
       },
     });
-    this.http.interceptors.request.use(function (config) {
-      if (!!sparkleConfig && !!sparkleConfig.auth && !!sparkleConfig.auth.getToken()) {
-        config.headers.common['Authorization'] = 'Bearer ' + sparkle.auth.getToken();
+    this.http.interceptors.request.use(async function (config) {
+      let token = await TokenService.getInstance().getToken();
+      if (token) {
+        config.headers.common['Authorization'] = 'Bearer ' + token;
       }
       // //config.headers.common['.AspNetCore.Culture'] = sparkle.utils.getCookieValue('Sparkle.Localization.CultureName');
       config.headers.common['Sparkle.CourseId'] = sparkleConfig.courseId;
@@ -625,7 +627,7 @@ class HttpService {
       if (response.data.Message) {
         const toast = await toastController.create({
           message: response.data.Message,
-          duration: 3000
+          duration: 3000,
         });
         toast.present();
       }
@@ -636,7 +638,7 @@ class HttpService {
         // that falls out of the range of 2xx
         const toast = await toastController.create({
           message: error.response.data.ErrorMessage,
-          duration: 3000
+          duration: 3000,
         });
         toast.present();
         return Promise.reject(error);
@@ -646,7 +648,7 @@ class HttpService {
         // that falls out of the range of 2xx
         const toast = await toastController.create({
           message: error.response.data.Message,
-          duration: 3000
+          duration: 3000,
         });
         toast.present();
         return Promise.reject(error.response.data);
@@ -656,7 +658,7 @@ class HttpService {
         // that falls out of the range of 2xx
         const toast = await toastController.create({
           message: error.response.data.Message,
-          duration: 3000
+          duration: 3000,
         });
         toast.present();
         return Promise.reject(error);
@@ -669,8 +671,8 @@ class HttpService {
       }
       else {
         const toast = await toastController.create({
-          message: "Unknown Error",
-          duration: 3000
+          message: 'Unknown Error',
+          duration: 3000,
         });
         toast.present();
       }

package/dist/esm/index.js

@@ -1,11 +1,12 @@
-export { A as AuthService, P as PrivateRoute, i as initSetupEnvironmentConfig, s as setupEnvironmentConfig } from './PrivateRoute-c5441f35.js';
-export { E as EnvironmentConfigService } from './environment-config.service-2b5d692b.js';
-export { A as AssetsService } from './assets.service-66e848b8.js';
+export { A as AuthService, P as PrivateRoute, i as initSetupEnvironmentConfig, s as setupEnvironmentConfig } from './PrivateRoute-c6e80d5d.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';
 import './index-c04b9ed5.js';
 import './localstorage.service-4bf408c8.js';
-import './httpService-7b75b095.js';
+import './httpService-db476835.js';
 import './overlays-3b4dca92.js';
 import './ionic-global-4903e23e.js';
 import './hardware-back-button-fa04d6e9.js';
 import './helpers-bf0e23d6.js';
+import './token.service-20f1a256.js';

package/dist/esm/ion-select_3.entry.js

@@ -3,9 +3,15 @@ import { g as getIonMode } from './ionic-global-4903e23e.js';
 import { f as focusElement, k as findItemLabel, b as getAriaLabel, d as renderHiddenInput } from './helpers-bf0e23d6.js';
 import { f as popoverController, h as actionSheetController, a as alertController } from './overlays-3b4dca92.js';
 import { h as hostContext } from './theme-7ef00c83.js';
-import { E as EnvironmentConfigService } from './environment-config.service-2b5d692b.js';
-import './auth.store-dba2c2da.js';
+import { H as HttpService } from './httpService-db476835.js';
+import { F as FeedService } from './feed.service-8385ad7a.js';
+import { M as MediaService } from './media.service-b68cbfff.js';
+import { T as TokenService } from './token.service-20f1a256.js';
+import { S as SparkleGlobal } from './util-57cc8006.js';
 import './hardware-back-button-fa04d6e9.js';
+import './auth.store-dba2c2da.js';
+import './environment-config.service-b191f276.js';
+import './localstorage.service-4bf408c8.js';
 
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
@@ -494,6 +500,20 @@ const SelectOption = class {
 let selectOptionIds = 0;
 SelectOption.style = selectOptionCss;
 
+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;
+  }
+}
+
 const sparkleFeedPostCss = ":host{display:block}.post-footer-container{display:flex;justify-content:flex-end}.post-footer{display:flex;justify-content:space-between;align-items:center}.error{color:red;margin-right:10px}.success{color:green;margin-right:10px}.uploaded-image{display:block;max-height:140px;width:auto !important}.public-post-toggle{display:flex;justify-content:flex-end;align-items:center}.assignment-name{display:none}";
 
 const SparkleFeedPost = class {
@@ -512,26 +532,10 @@ const SparkleFeedPost = class {
   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;
       }
     }
@@ -539,63 +543,68 @@ const SparkleFeedPost = class {
       return false;
     }
   }
-  submitPost() {
+  async submitPost() {
+    this.postLoading = true;
     this.errorMessage = '';
     this.successMessage = '';
     //let formData = new FormData(this.el.querySelector("form")) as any;
     //var postText = this.el.getElementsByClassName("PostText")[0] as HTMLInputElement;
-    this.el.getElementsByClassName('PostExternalUrl')[0];
-    this.el.getElementsByClassName('IsPublic')[0];
-    // 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');
-    //     },
-    //   );
-    // }
-  }
-  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.';
-    //   },
-    // );
+    var postExternalUrl = this.el.getElementsByClassName('PostExternalUrl')[0];
+    var isPublic = this.el.getElementsByClassName('IsPublic')[0];
+    var data = {
+      PostText: this.postText,
+      IsPublic: isPublic.checked,
+      ExternalResourceUrl: postExternalUrl.value,
+      MiniAppId: SparkleGlobal.MY_GOALS_APP_ID,
+      AssignmentName: this.assignmentName,
+      AssignmentData: '',
+      PostTextJSON: null,
+    };
+    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);
+    }
+  }
+  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" }, 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"));
@@ -603,7 +612,7 @@ const SparkleFeedPost = class {
   }
   render() {
     const userInfo = this.renderUserInfo();
-    return (h(Host, null, h("div", { class: "assignment-name", ref: el => (this.ref = el) }, h("slot", null)), h("ion-card", null, h("ion-item", { class: "header", lines: "full" }, userInfo), h("ion-card-content", null, h("form", null, h("ion-list", null, h("ion-item", { class: "padding" }, 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" }, 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/*" }), this.uploadImageLoading ? h("ion-spinner", { color: "primary" }) : '', h("ion-button", { slot: "start", onClick: evt => this.selectFile() }, h("ion-icon", { name: "add" }), "Upload Image")), h("div", { class: "public-post-toggle" }, h("ion-toggle", { class: "IsPublic", color: "primary", name: "IsPublic" }), h("div", null, "Public Post")), h("div", { class: "post-footer-container" }, h("div", { class: "post-footer" }, 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")))))))));
+    return (h(Host, null, h("div", { class: "assignment-name", ref: el => (this.ref = el) }, h("slot", null)), h("ion-card", null, h("ion-item", { class: "header", lines: "full" }, userInfo), h("ion-card-content", null, h("form", null, h("ion-list", null, h("ion-item", { class: "padding" }, 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: "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/*" }), this.uploadImageLoading ? h("ion-spinner", { color: "primary" }) : '', h("ion-button", { slot: "start", onClick: evt => this.selectFile() }, h("ion-icon", { name: "add" }), "Upload Image")), h("div", { class: "public-post-toggle" }, h("ion-toggle", { class: "IsPublic", color: "primary", name: "IsPublic" }), h("div", null, "Public Post")), h("div", { class: "post-footer-container" }, h("div", { class: "post-footer" }, h("div", null, h("div", { class: "error" }, this.errorMessage), h("div", { class: "success" }, this.successMessage)), 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")))))))));
   }
   get el() { return getElement(this); }
 };