@sparkle-learning/core 0.0.16 → 0.0.20

package/dist/cjs/{PrivateRoute-946ab42c.js → PrivateRoute-cee9b061.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const index = require('./index-56cc404a.js');
-const httpService = require('./httpService-6377985c.js');
+const index = require('./index-fbf4d3bf.js');
+const auth_store = require('./auth.store-aba3d22f.js');
 
 //import * as abpTypings from '../lib/abp';
 class Utils {
@@ -26,7 +26,6 @@ class Utils {
     document.body.appendChild(script);
   }
   loadScriptAsync(src) {
-    debugger;
     return new Promise(function (resolve, reject) {
       const s = document.createElement('script');
       let r = false;
@@ -97,6 +96,7 @@ class Utils {
 }
 const Util = new Utils();
 
+//declare var sparkle: any;
 async function setupConfig(config) {
   if (!window) {
     return;
@@ -109,11 +109,13 @@ async function setupConfig(config) {
   }
   win.Sparkle = win.Sparkle || {};
   win.Sparkle.config = Object.assign(Object.assign({}, win.Sparkle.config), config);
-  sparkle.config = Object.assign({}, config.sparkle);
+  // sparkle.config = {
+  //   ...config.sparkle
+  // };
   return win.Sparkle.config;
 }
 async function initSetupConfig(config) {
-  await Util.loadScriptAsync('/lib/sparkle.js');
+  await Util.loadScriptAsync(index.getAssetPath(`../assets/lib/sparkle.js`));
   await setupConfig(config);
 }
 
@@ -165,17 +167,6 @@ const AppConsts = {
   }
 };
 
-const { state, onChange, reset } = httpService.createStore({
-  authUser: null,
-  bearer: 'Bearer ',
-  isAuthenticated: false
-});
-onChange('authUser', (authUser) => {
-  state.bearer = `Bearer ${authUser ? authUser.JWToken : ''}`;
-  state.isAuthenticated = authUser && !!authUser.Id;
-});
-const AuthStore = { state, onChange, reset };
-
 class AuthService {
   constructor() { }
   static getInstance() {
@@ -188,39 +179,48 @@ class AuthService {
     const headers = {
       'Content-Type': 'application/json',
     };
-    let result = await httpService.HttpService.http.post('api/Account/Authenticate', authenticationInput, {
-      headers: headers
-    });
-    if (result) {
-      const authData = result.Data;
-      const authUser = {
-        Id: authData.Id,
-        UserName: authData.UserName,
-        Email: authData.Email,
-        Roles: authData.Roles,
-        IsVerified: authData.IsVerified,
-        JWToken: authData.JWToken,
-        IssuedOn: authData.IssuedOn,
-        ExpiresOn: authData.ExpiresOn,
-        RefreshToken: authData.RefreshToken,
-        PhotoUrl: "",
-        IsFacilitator: authData.Roles.indexOf("Facilitator") > 0
-      };
-      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);
-      return authUser;
+    auth_store.AuthStore.state.loading = true;
+    let result;
+    try {
+      result = await auth_store.HttpService.http.post('api/Account/Authenticate', authenticationInput, {
+        headers: headers
+      });
+      if (result) {
+        const authData = result.Data;
+        const authUser = {
+          Id: authData.Id,
+          UserName: authData.UserName,
+          Email: authData.Email,
+          Roles: authData.Roles,
+          IsVerified: authData.IsVerified,
+          JWToken: authData.JWToken,
+          IssuedOn: authData.IssuedOn,
+          ExpiresOn: authData.ExpiresOn,
+          RefreshToken: authData.RefreshToken,
+          PhotoUrl: "",
+          IsFacilitator: authData.Roles.indexOf("Facilitator") > 0
+        };
+        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);
+        auth_store.AuthStore.state.authUser = Object.assign({}, authUser);
+        auth_store.AuthStore.state.loading = false;
+        return authUser;
+      }
+    }
+    catch (e) {
+      auth_store.AuthStore.state.loading = false;
+      return e;
     }
   }
   async signOut() {
     await remove(AppConsts.AUTH_USER_LOCALSTORAGE);
     sessionStorage.clear();
     sparkle.auth.clearToken();
-    AuthStore.state.authUser = null;
-    AuthStore.state.isAuthenticated = false;
+    auth_store.AuthStore.state.authUser = null;
+    auth_store.AuthStore.state.isAuthenticated = false;
   }
   async getLocalAuthUser() {
     return get(AppConsts.AUTH_USER_LOCALSTORAGE);
@@ -246,7 +246,7 @@ const Route = (_a) => {
   var { component, permission, render } = _a, props = __rest(_a, ["component", "permission", "render"]);
   const Component = component;
   return (index.h("stencil-route", Object.assign({}, props, { routeRender: (props) => {
-      if (!AuthStore.state.isAuthenticated)
+      if (!auth_store.AuthStore.state.isAuthenticated)
         return (index.h("stencil-router-redirect", { url: "/login" }));
       if (permission && !isGranted(permission)) {
         return (index.h("stencil-router-redirect", { url: "/unauthorized" }));
@@ -257,7 +257,6 @@ const Route = (_a) => {
 const PrivateRoute = Route;
 
 exports.AuthService = AuthService;
-exports.AuthStore = AuthStore;
 exports.PrivateRoute = PrivateRoute;
 exports.initSetupConfig = initSetupConfig;
 exports.setupConfig = setupConfig;

package/dist/cjs/{active-router-dca7573e.js → active-router-3bd7b540.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-56cc404a.js');
+const index = require('./index-fbf4d3bf.js');
 
 const createProviderConsumer = (defaultState, consumerRender) => {
     let listeners = new Map();

package/dist/cjs/{app-globals-bea78913.js → app-globals-98121d6d.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const ionicGlobal = require('./ionic-global-57e21b7b.js');
+const ionicGlobal = require('./ionic-global-4930d319.js');
 
 const globalScripts = () => {
   ionicGlobal.ionicCoreGlobalScript();

package/dist/cjs/{assets.service-5098e79c.js → assets.service-0c759d51.js}

@@ -1,30 +1,6 @@
 'use strict';
 
-class EnvironmentConfigService {
-  constructor() {
-    // Private constructor, singleton
-    this.init();
-  }
-  static getInstance() {
-    if (!EnvironmentConfigService.instance) {
-      EnvironmentConfigService.instance = new EnvironmentConfigService();
-    }
-    return EnvironmentConfigService.instance;
-  }
-  init() {
-    if (!window) {
-      return;
-    }
-    const win = window;
-    const Sparkle = win.Sparkle;
-    console.log('getting info');
-    this.m = new Map(Object.entries(Sparkle.config));
-  }
-  get(key, fallback) {
-    const value = this.m.get(key);
-    return value !== undefined ? value : fallback;
-  }
-}
+const environmentConfig_service = require('./environment-config.service-0e02b049.js');
 
 class AssetsService {
   constructor() {
@@ -44,7 +20,7 @@ class AssetsService {
   }
   async init() {
     try {
-      const config = EnvironmentConfigService.getInstance().get('sparkle');
+      const config = environmentConfig_service.EnvironmentConfigService.getInstance().get('sparkle');
       const res = await fetch(`${config.globalAssetsUrl}/assets.json`);
       if (!res) {
         return undefined;
@@ -72,4 +48,3 @@ class AssetsService {
 }
 
 exports.AssetsService = AssetsService;
-exports.EnvironmentConfigService = EnvironmentConfigService;

package/dist/cjs/{httpService-6377985c.js → auth.store-aba3d22f.js}

@@ -1,7 +1,8 @@
 'use strict';
 
-const index = require('./index-56cc404a.js');
-const overlays = require('./overlays-09ece60d.js');
+const index = require('./index-fbf4d3bf.js');
+const environmentConfig_service = require('./environment-config.service-0e02b049.js');
+const overlays = require('./overlays-08a817ea.js');
 
 var bind = function bind(fn, thisArg) {
   return function wrap() {
@@ -2450,8 +2451,9 @@ class HttpService {
     return HttpService.instance;
   }
   static init() {
+    var sparkleConfig = environmentConfig_service.EnvironmentConfigService.getInstance().get('sparkle');
     this.http = axios$1.create({
-      baseURL: sparkle.config.apiUrl,
+      baseURL: sparkleConfig.apiUrl,
       headers: {
         'Content-Type': 'application/json'
       },
@@ -2463,11 +2465,12 @@ class HttpService {
       },
     });
     this.http.interceptors.request.use(function (config) {
-      if (!!sparkle && !!sparkle.auth.getToken()) {
+      if (!!sparkleConfig && !!sparkleConfig.auth && !!sparkleConfig.auth.getToken()) {
         config.headers.common['Authorization'] = 'Bearer ' + sparkle.auth.getToken();
       }
       // //config.headers.common['.AspNetCore.Culture'] = sparkle.utils.getCookieValue('Sparkle.Localization.CultureName');
-      config.headers.common['Sparkle.CourseId'] = sparkle.config.courseId;
+      config.headers.common['Sparkle.CourseId'] = sparkleConfig.courseId;
+      console.log(TocStore.state.pageInfo);
       if (TocStore.state.pageInfo) {
         config.headers.common['Sparkle.CourseModuleId'] = TocStore.state.pageInfo.courseModuleId;
         config.headers.common['Sparkle.SessionId'] = TocStore.state.pageInfo.sessionId;
@@ -2497,6 +2500,16 @@ class HttpService {
         toast.present();
         return Promise.reject(error);
       }
+      else if (error.response && error.response.data && error.response.status == 400) {
+        // The request was made and the server responded with a status code
+        // that falls out of the range of 2xx
+        const toast = await overlays.toastController.create({
+          message: error.response.data.Message,
+          duration: 3000
+        });
+        toast.present();
+        return Promise.reject(error.response.data);
+      }
       else if (error.response && error.response.data && error.response.data.Message) {
         // The request was made and the server responded with a status code
         // that falls out of the range of 2xx
@@ -2526,6 +2539,19 @@ class HttpService {
   }
 }
 
+const { state: state$1, onChange: onChange$1, reset: reset$1 } = createStore({
+  authUser: null,
+  bearer: 'Bearer ',
+  isAuthenticated: false,
+  loading: false
+});
+onChange$1('authUser', (authUser) => {
+  state$1.bearer = `Bearer ${authUser ? authUser.JWToken : ''}`;
+  state$1.isAuthenticated = authUser && !!authUser.Id;
+});
+const AuthStore = { state: state$1, onChange: onChange$1, reset: reset$1 };
+
+exports.AuthStore = AuthStore;
 exports.HttpService = HttpService;
 exports.TocStore = TocStore;
 exports.createStore = createStore;

package/dist/cjs/{button-active-1edcd24e.js → button-active-9456fb4d.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index$1 = require('./index-56cc404a.js');
+const index$1 = require('./index-fbf4d3bf.js');
 const index = require('./index-6eff209d.js');
 const haptic = require('./haptic-415dac5b.js');
 

package/dist/cjs/compass-svg.cjs.entry.js

@@ -0,0 +1,132 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-fbf4d3bf.js');
+
+const compassSvgCss = ":host{display:block}.donut-ring{stroke:#000;stroke-width:1px}text{font-size:30px;font-weight:800;letter-spacing:2px;text-transform:uppercase;font-family:'Roboto Slab', serif}";
+
+const CompassSvg = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.circles = [];
+    this.segmentTexts1 = [
+      {
+        id: "relationships",
+        text: "RelationShips",
+        angle: 180
+      },
+      {
+        id: "emotions",
+        text: "Emotions",
+        angle: 225
+      },
+      {
+        id: "spirituality",
+        text: "Spirituality",
+        angle: 270
+      },
+      {
+        id: "restAndPlay",
+        text: "Rest & Play",
+        angle: 315
+      }
+    ];
+    this.segmentTexts2 = [
+      {
+        id: "vocation",
+        text: "Vocation",
+        angle: -180
+      },
+      {
+        id: "organization",
+        text: "Organization",
+        angle: -225
+      },
+      {
+        id: "careforbody",
+        text: "Care for body",
+        angle: -270
+      },
+      {
+        id: "resilience",
+        text: "Resilience",
+        angle: -315
+      }
+    ];
+    this.colors = ["indigo", "green", "blue", "violet", "lightgray", "cyan", "magenta", "red"];
+    //colors = ["#fff", "#fff", "#fff", "#fff", "#fff", "#fff", "#fff", "#fff"];
+    this.strokeWidth = 30;
+    this.polygonRadius = 100;
+    this.polygonWidth = 60;
+    this.borderGaps = 60;
+    this.segments = [1, 2, 3, 4, 5, 6, 7, 8];
+    this.radius = 460;
+    this.cx = this.radius + this.strokeWidth * 3;
+    this.cy = this.radius + this.strokeWidth * 3;
+    this.svgHeight = this.radius + this.strokeWidth * 3;
+    this.svgWidth = this.radius + this.strokeWidth * 3;
+    this.calculateStrokeDashOffset = (radius) => {
+      let circumference = (2 * Math.PI * radius);
+      const strokeDiff = (12.5 / 100) * circumference;
+      return circumference - strokeDiff;
+    };
+  }
+  //  distanceX = (1.414 * this.radius - this.radius) * 0.5;
+  componentWillLoad() {
+    let radius = this.radius;
+    for (let i = 0; i <= 10; i++) {
+      if (i == 0) {
+        this.circles.push({
+          cx: this.cx,
+          cy: this.cy,
+          radius: radius,
+          strokeWidth: this.strokeWidth * 3
+        });
+        radius -= this.strokeWidth;
+      }
+      else if (i == 1) {
+        this.circles.push({
+          cx: this.cx,
+          cy: this.cy,
+          radius: radius,
+          strokeWidth: this.strokeWidth * 1.5
+        });
+        radius -= this.strokeWidth;
+      }
+      else {
+        this.circles.push({
+          cx: this.cx,
+          cy: this.cy,
+          radius: radius,
+          strokeWidth: this.strokeWidth
+        });
+      }
+      radius -= this.strokeWidth;
+    }
+  }
+  getXCordinate(angle) {
+    console.log(angle);
+    return this.cx + (this.radius - (this.strokeWidth * 1.8)) * Math.cos(angle * Math.PI / 180);
+  }
+  getYCordinate(angle) {
+    return this.cy + (this.radius - (this.strokeWidth * 1.8)) * Math.sin(angle * Math.PI / 180);
+  }
+  render() {
+    return (index.h(index.Host, null, index.h("div", null, index.h("svg", { height: this.svgHeight, width: this.svgWidth, viewBox: `0 0 ${this.svgWidth * 2} ${this.svgHeight * 2}`, class: "donut" }, this.circles.map((circle, circleIndex) => {
+      return this.segments.map((item, index$1) => [
+        index.h("circle", { class: "donut-ring", cx: circle.cx, cy: circle.cy, r: circle.radius + circle.strokeWidth, fill: "transparent", "stroke-width": "0.5", stroke: "#000" }),
+        index.h(index.Fragment, null, circleIndex > 1 ?
+          index.h("circle", { class: "rect", cx: circle.cx, cy: circle.cy, r: circle.radius, stroke: this.colors[index$1], "stroke-width": circle.strokeWidth, "stroke-dasharray": `${2 * Math.PI * circle.radius * 0.125}, ${(2 * Math.PI * circle.radius) - (2 * Math.PI * circle.radius * 0.125)}`, "stroke-dashoffset": this.calculateStrokeDashOffset(circle.radius), fill: "transparent", transform: `rotate(${index$1 * 45}, ${circle.cx}, ${circle.cy})` }) :
+          index.h("circle", { class: "rect", cx: circle.cx, cy: circle.cy, r: circle.radius, stroke: "none", "stroke-width": circle.strokeWidth, "stroke-dasharray": `${2 * Math.PI * circle.radius * 0.125}, ${(2 * Math.PI * circle.radius) - (2 * Math.PI * circle.radius * 0.125)}`, "stroke-dashoffset": this.calculateStrokeDashOffset(circle.radius), fill: "transparent", transform: `rotate(${index$1 * 45}, ${circle.cx}, ${circle.cy})` }))
+      ]);
+    }), index.h("defs", null, this.segmentTexts1.map((item) => {
+      return index.h("path", { id: item.id, d: `M${this.getXCordinate(item.angle)},${this.getYCordinate(item.angle)} A${this.radius},${this.radius} 0 0,1 ${this.getXCordinate(item.angle + 45)},${this.getYCordinate(item.angle + 45)}` });
+    }), this.segmentTexts2.map((item) => {
+      return index.h("path", { id: item.id, d: `M${this.getXCordinate(item.angle)},${this.getYCordinate(item.angle)} A${this.radius},${this.radius} 0 0,0 ${this.getXCordinate(item.angle - 45)},${this.getYCordinate(item.angle - 45)}` });
+    })), index.h("g", { fill: "black", stroke: "none" }, index.h("text", { x: "20", y: "0", "text-anchor": "start" }, index.h("textPath", { xlinkHref: "#spirituality" }, "spirituality")), index.h("text", { x: "20", y: "0", "text-anchor": "start" }, index.h("textPath", { xlinkHref: "#restAndPlay" }, "Rest & Play")), index.h("text", { x: "20", y: "0", "text-anchor": "start" }, index.h("textPath", { xlinkHref: "#resilience" }, "Resilience")), index.h("text", { x: "20", y: "0", "text-anchor": "start" }, index.h("textPath", { xlinkHref: "#careforbody" }, "Care for Body ")), index.h("text", { x: "20", y: "0", "text-anchor": "start" }, index.h("textPath", { xlinkHref: "#vocation" }, "vocation")), index.h("text", { x: "20", y: "0", "text-anchor": "start" }, index.h("textPath", { xlinkHref: "#organization" }, "Organization")), index.h("text", { x: "20", y: "0", "text-anchor": "start" }, index.h("textPath", { xlinkHref: "#relationships" }, "Relationships")), index.h("text", { x: "20", y: "0", "text-anchor": "start" }, index.h("textPath", { xlinkHref: "#emotions" }, "Emotions"))), index.h("line", { x1: this.cx - this.radius + (this.radius / 4), y1: this.cy - this.radius + (this.radius / 4), x2: this.cx + this.radius - (this.radius / 4), y2: this.cy + this.radius - (this.radius / 4), class: "cross-line", stroke: "#000", "stroke-width": "1" }), index.h("line", { x1: this.cx + this.radius - (this.radius / 4), y1: this.cy - this.radius + (this.radius / 4), x2: this.cx - this.radius + (this.radius / 4), y2: this.cy + this.radius - (this.radius / 4), class: "cross-line", stroke: "#000", "stroke-width": "1" }), index.h("polygon", { points: `${this.cx},${this.cy - this.radius - this.borderGaps} ${this.cx + this.polygonWidth},${this.cy - this.polygonWidth} ${this.cx + this.radius + this.borderGaps},${this.cy} ${this.cx + this.polygonWidth},${this.cy + this.polygonWidth} ${this.cx},${this.cy + this.radius + this.borderGaps} ${this.cx - this.polygonWidth},${this.cy + this.polygonWidth} ${this.cx - this.radius - this.borderGaps},${this.cy} ${this.cx - this.polygonWidth},${this.cy - this.polygonWidth}`, fill: "#000" }), index.h("circle", { cx: this.cx, cy: this.cy, r: "50", stroke: "black", "stroke-width": "3", fill: "#fff" }), index.h("circle", { cx: this.cx, cy: this.cy, r: "40", stroke: "black", "stroke-width": "2", fill: "#fff" })))));
+  }
+};
+CompassSvg.style = compassSvgCss;
+
+exports.compass_svg = CompassSvg;

package/dist/cjs/context-consumer.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-56cc404a.js');
+const index = require('./index-fbf4d3bf.js');
 
 const ContextConsumer = class {
   constructor(hostRef) {

package/dist/cjs/course-select.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-56cc404a.js');
+const index = require('./index-fbf4d3bf.js');
 
 const CourseSelect = class {
   constructor(hostRef) {

package/dist/cjs/environment-config.service-0e02b049.js

@@ -0,0 +1,29 @@
+'use strict';
+
+class EnvironmentConfigService {
+  constructor() {
+    // Private constructor, singleton
+    this.init();
+  }
+  static getInstance() {
+    if (!EnvironmentConfigService.instance) {
+      EnvironmentConfigService.instance = new EnvironmentConfigService();
+    }
+    return EnvironmentConfigService.instance;
+  }
+  init() {
+    if (!window) {
+      return;
+    }
+    const win = window;
+    const Sparkle = win.Sparkle;
+    console.log('getting info');
+    this.m = new Map(Object.entries(Sparkle.config));
+  }
+  get(key, fallback) {
+    const value = this.m.get(key);
+    return value !== undefined ? value : fallback;
+  }
+}
+
+exports.EnvironmentConfigService = EnvironmentConfigService;

package/dist/cjs/facilitator.service-e1e2f719.js

@@ -0,0 +1,94 @@
+'use strict';
+
+const auth_store = require('./auth.store-aba3d22f.js');
+
+const { state, onChange } = auth_store.createStore({
+  pageNotes: [],
+  allPageNotes: [],
+  onlineStudents: [],
+  dashboardData: null,
+  isConnected: false,
+  loading: false,
+  dashboardDataLoading: false,
+  notesLoading: false,
+  classes: [],
+  classesLoading: false,
+});
+const facilitatorStore = { state, onChange };
+
+class FacilitatorService {
+  constructor() { }
+  static getInstance() {
+    if (!FacilitatorService.instance) {
+      FacilitatorService.instance = new FacilitatorService();
+    }
+    return FacilitatorService.instance;
+  }
+  async fetchClasses() {
+    facilitatorStore.state.classesLoading = true;
+    let result = await auth_store.HttpService.http.get(`api/v1/Teacher/Classes`);
+    if (result) {
+      facilitatorStore.state.classes = result.Data;
+      facilitatorStore.state.classesLoading = false;
+    }
+    return result;
+  }
+  async fetchDashboardData(payload) {
+    facilitatorStore.state.dashboardDataLoading = true;
+    let result = await auth_store.HttpService.http.get(`api/v1/Teacher/Dashboard/${payload.ClassId}`);
+    if (result) {
+      facilitatorStore.state.dashboardData = result.Data;
+      facilitatorStore.state.dashboardDataLoading = false;
+    }
+    return result;
+  }
+  async fetchNotes(payload) {
+    facilitatorStore.state.notesLoading = true;
+    let result = await auth_store.HttpService.http.get(`api/v1/Teacher/Notes/${payload.showAllNotes}`);
+    if (result) {
+      if (payload.showAllNotes) {
+        facilitatorStore.state.allPageNotes = result.Data;
+      }
+      else {
+        facilitatorStore.state.pageNotes = result.Data;
+      }
+      facilitatorStore.state.notesLoading = false;
+    }
+    return result;
+  }
+  async addFacilitatorNote(payload) {
+    facilitatorStore.state.notesLoading = true;
+    let result = await auth_store.HttpService.http.post(`api/v1/Teacher/Notes`, payload);
+    if (result) {
+      facilitatorStore.state.pageNotes = [...facilitatorStore.state.pageNotes, result.Data];
+    }
+    facilitatorStore.state.notesLoading = false;
+    return result;
+  }
+  async updateFacilitatorNote(payload) {
+    facilitatorStore.state.notesLoading = true;
+    let result = await auth_store.HttpService.http.put(`api/v1/Teacher/Notes/${payload.Id}`, payload);
+    if (result) {
+      facilitatorStore.state.pageNotes = facilitatorStore.state.pageNotes.map((item) => {
+        if (item.Id == result.Data.Id) {
+          return result.Data;
+        }
+        return item;
+      });
+    }
+    facilitatorStore.state.notesLoading = false;
+    return result;
+  }
+  async deleteFacilitatorNote(id) {
+    facilitatorStore.state.notesLoading = true;
+    let result = await auth_store.HttpService.http.delete(`api/v1/Teacher/Notes/${id}`);
+    if (result) {
+      facilitatorStore.state.pageNotes = facilitatorStore.state.pageNotes.filter(x => x.Id != id);
+    }
+    facilitatorStore.state.notesLoading = false;
+    return result;
+  }
+}
+
+exports.FacilitatorService = FacilitatorService;
+exports.facilitatorStore = facilitatorStore;