@sparkle-learning/core 0.0.16 → 0.0.20

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

@@ -1,5 +1,6 @@
-import { Component, State, Prop, h } from '@stencil/core';
+import { Component, State, Prop, getAssetPath, h } from '@stencil/core';
 import { AccountService } from "../../services/account.service";
+import { AuthStore } from '../../stores';
 export class SparkleSignup {
   constructor() {
     this.formControls = {
@@ -93,30 +94,31 @@ export class SparkleSignup {
         isFormValid = false;
       }
     }
-    console.log(this.formControls);
-    console.log("Form valid: ", isFormValid);
     if (isFormValid) {
-      console.log('submit');
       let result = await AccountService.getInstance().register({
         Email: this.formControls.email.value,
-        UserName: this.formControls.confirmPassword.value,
-        Password: this.formControls.password.value,
+        UserName: this.formControls.userName.value,
         FirstName: this.formControls.firstName.value,
         LastName: this.formControls.lastName.value,
+        Password: this.formControls.password.value,
         ConfirmPassword: this.formControls.confirmPassword.value,
       });
-      console.log(result);
+      if (result.Succeeded) {
+        this.history.replace('/login', {});
+      }
+      else if (result.Failed) {
+        if (result.Errors.length > 0) {
+          this.validationErrors = result.Errors;
+        }
+      }
     }
   }
-  changePath() {
-    console.log(this.history);
-    this.history.push(`/login`, {});
-  }
   render() {
     return [
       h("div", null,
         h("div", { class: "signup-logo" },
-          h("img", { src: "/assets/img/G3-Girls.jpg", alt: "Girls Inc" })),
+          h("img", { src: getAssetPath("/assets/img/G3-Girls.jpg"), alt: "Girls Inc" })),
+        h("sparkle-validation-error", { errors: this.validationErrors }),
         h("form", { onSubmit: e => this.handleSubmit(e), novalidate: true },
           h("ion-list", { "no-lines": true },
             h("ion-item", null,
@@ -150,8 +152,9 @@ export class SparkleSignup {
             h("ion-text", { color: "danger" },
               h("p", { hidden: this.formControls.confirmPassword.isValid || this.submitted === false, class: "ion-padding-start" }, "Confirm Password is required"))),
           h("div", { class: "ion-padding" },
-            h("ion-button", { type: "submit", expand: "block" }, "Register")),
-          h("ion-button", { type: "button", expand: "block", onClick: () => this.changePath() }, "Login"),
+            h("ion-button", { type: "submit", expand: "block", disabled: AuthStore.state.loading },
+              AuthStore.state.loading && h("ion-spinner", { name: "dots" }),
+              "Register")),
           h("ion-item", { lines: "none" },
             "Already have an account? \u00A0",
             h("stencil-route-link", { url: "/login", exact: true }, "Log In"))))
@@ -187,6 +190,7 @@ export class SparkleSignup {
     }
   }; }
   static get states() { return {
+    "validationErrors": {},
     "formControls": {},
     "submitted": {}
   }; }

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

@@ -1,13 +1,13 @@
-:host {
-  display: block;
-}
-.unauthorized {
-  display: block;
-  padding-left: var(--page-margin-left);
-  padding-top: var(--header-height);
-}
-.content{
-  text-align: center;
-  padding-top: 40px;
-  
-}
+:host {
+  display: block;
+}
+.unauthorized {
+  display: block;
+  padding-left: var(--page-margin-left);
+  padding-top: var(--header-height);
+}
+.content{
+  text-align: center;
+  padding-top: 40px;
+  
+}

package/dist/collection/components/sparkle-user-enrollment/sparkle-user-enrollment.css

@@ -1,3 +1,3 @@
-:host {
-  display: block;
-}
+:host {
+  display: block;
+}

package/dist/collection/components/sparkle-user-profile/sparkle-user-profile.css

@@ -1,3 +1,54 @@
-:host {
-  display: block;
-}
+:host {
+  display: block;
+}
+
+ion-card {
+  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
+  overflow: visible;
+  margin: 16px 0 24px;
+  position: relative;
+  padding-top: 60px;
+}
+ion-card .img-wrapper {
+  background-color: #f5f5f5;
+  border-radius: 10px;
+  position: absolute;
+  left: 50%;
+  top: -30px;
+  transform: translateX(-50%);
+}
+ion-card .img-wrapper img {
+  border-radius: 10px;
+  width: 80px;
+  height: 80px;
+}
+
+ion-card .img-wrapper ion-button {
+  --border-width: 1px;
+  --border-color: var(--ion-color-sparkle);
+  --border-style: solid;
+  --padding-start: 0;
+  --padding-end: 0;
+  --padding-bottom: 0;
+  --padding-top: 0;
+
+  --border-radius: 50%;
+  height: 26px;
+  width: 26px;
+
+  position: absolute;
+  right: -10px;
+  bottom: -10px;
+}
+ion-card .img-wrapper ion-button ion-icon {
+  width: 14px;
+  height: 14px;
+}
+ion-card .img-wrapper img.loading {
+  opacity: 0.1;
+}
+.image-upload-loading {
+  position: absolute;
+  top: 40%;
+  left: 35%;
+}

package/dist/collection/components/sparkle-user-profile/sparkle-user-profile.js

@@ -1,6 +1,8 @@
-import { Component, Host, h, State } from '@stencil/core';
+import { Component, Host, h, Element, State, getAssetPath } from '@stencil/core';
 import { StudentService } from "../../services/student.service";
 import userStore from "../../stores/user.store";
+import { MediaService } from '../../services/media.service';
+import mediaStore from '../../stores/media.store';
 export class SparkleUserProfile {
   constructor() {
     this.profileFormControls = {
@@ -64,9 +66,11 @@ export class SparkleUserProfile {
   }
   async handleProfileFormSubmit(e) {
     e.preventDefault();
+    await this.updateUser();
+  }
+  async updateUser() {
     this.profileFormSubmitted = true;
     let isFormValid = true;
-    //Run all validation functions
     for (let controlName in this.profileFormControls) {
       let control = this.profileFormControls[controlName];
       control.validate(control.value);
@@ -74,24 +78,44 @@ export class SparkleUserProfile {
         isFormValid = false;
       }
     }
-    console.log(this.profileFormControls);
-    console.log("Form valid: ", isFormValid);
     if (isFormValid) {
-      console.log('submit');
       let result = await StudentService.getInstance().updateProfile({
         FirstName: this.profileFormControls.FirstName.value,
         LastName: this.profileFormControls.LastName.value,
         ProfileImage: this.profileFormControls.ProfileImage.value,
         ProfileText: this.profileFormControls.ProfileText.value
       });
-      console.log(result);
     }
   }
+  async uploadProfileImage(event) {
+    if (event.target.files && event.target.files[0]) {
+      const result = await MediaService.getInstance().uploadImage(event.target.files);
+      if (result.Succeeded && result.Data && result.Data.length > 0) {
+        this.changeFormValue("ProfileImage", result.Data[0].FullImageUrl);
+        await this.updateUser();
+      }
+    }
+  }
+  selectFile() {
+    this.el.querySelector("#fileInput").click();
+  }
   render() {
     return (h(Host, null,
+      h("ion-card", { color: "sparkle" },
+        h("div", { class: "img-wrapper" },
+          h("img", { class: mediaStore.state.mediaUploading ? "loading" : '', src: this.profileFormControls.ProfileImage.value || getAssetPath(`../assets/svg/profile.svg`) }),
+          h("input", { type: "file", id: "fileInput", onChange: (ev) => this.uploadProfileImage(ev), style: { display: "none" }, accept: "image/*" }),
+          h("ion-button", { color: "sparkle", onClick: () => this.selectFile(), disabled: mediaStore.state.mediaUploading },
+            h("ion-icon", { slot: "icon-only", name: "camera-outline" })),
+          mediaStore.state.mediaUploading && h("ion-spinner", { class: "image-upload-loading", name: "dots" })),
+        h("ion-card-content", { class: "ion-text-center" },
+          h("h2", null,
+            this.profileFormControls.FirstName.value,
+            " ",
+            this.profileFormControls.LastName.value),
+          h("h3", null, this.profileFormControls.ProfileText.value))),
       h("form", { onSubmit: e => this.handleProfileFormSubmit(e), novalidate: true },
         h("ion-list", { "no-lines": true },
-          h("ion-list-header", null, "Profile"),
           h("ion-item", null,
             h("ion-label", { position: "stacked", color: "primary" }, "First Name"),
             h("ion-input", { name: "firstName", type: "text", value: this.profileFormControls.FirstName.value, onInput: (ev) => this.changeFormValue("FirstName", ev.target.value) })),
@@ -108,7 +132,9 @@ export class SparkleUserProfile {
           h("ion-text", { color: "danger" },
             h("p", { hidden: this.profileFormControls.ProfileText.isValid || this.profileFormSubmitted === false, class: "ion-padding-start" }, "Profile Bio is required"))),
         h("div", { class: "ion-padding" },
-          h("ion-button", { type: "submit", expand: "block" }, "Update")))));
+          h("ion-button", { type: "submit", expand: "block", disabled: userStore.state.updateLoading },
+            userStore.state.updateLoading && h("ion-spinner", { name: "dots" }),
+            " Update")))));
   }
   static get is() { return "sparkle-user-profile"; }
   static get originalStyleUrls() { return {
@@ -121,4 +147,5 @@ export class SparkleUserProfile {
     "profileFormControls": {},
     "profileFormSubmitted": {}
   }; }
+  static get elementRef() { return "el"; }
 }

package/dist/collection/components/sparkle-validation-error/sparkle-validation-error.css

@@ -0,0 +1,11 @@
+:host {
+  display: block;
+}
+
+sparkle-validation-error ul {
+  padding: 10px 0px;
+}
+sparkle-validation-error .alert-danger {
+  margin-top: 10px;
+  font-size: 12px;
+}

package/dist/collection/components/sparkle-validation-error/sparkle-validation-error.js

@@ -0,0 +1,44 @@
+import { Component, Host, Prop, h } from '@stencil/core';
+export class SparkleValidationError {
+  constructor() {
+    this.errors = [];
+  }
+  render() {
+    return (h(Host, null, this.errors.length > 0 &&
+      h("div", { class: "alert alert-danger", role: "alert" },
+        h("ul", null, this.errors.map(error => h("li", null,
+          h("b", null,
+            error.Field,
+            ": "),
+          error.Message))))));
+  }
+  static get is() { return "sparkle-validation-error"; }
+  static get originalStyleUrls() { return {
+    "$": ["sparkle-validation-error.css"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["sparkle-validation-error.css"]
+  }; }
+  static get properties() { return {
+    "errors": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "Array<{ Field: string, Message: string }>",
+        "resolved": "{ Field: string; Message: string; }[]",
+        "references": {
+          "Array": {
+            "location": "global"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "defaultValue": "[]"
+    }
+  }; }
+}

package/dist/collection/icons.js

@@ -33,3 +33,4 @@ export const Translation = (props) => (h("svg", Object.assign({ viewBox: "0 0 22
   h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.75268 1.11609C8.75268 1.11609 8.75268 1.11712 9.89332 1.11712C11.034 1.11712 11.034 1.11822 11.034 1.11822L11.034 1.11939L11.034 1.12198L11.0339 1.12805L11.0337 1.14382C11.0335 1.15593 11.0332 1.17122 11.0325 1.1896C11.0313 1.22637 11.029 1.27554 11.0248 1.33642C11.0164 1.45817 11.0003 1.62689 10.9695 1.83709C10.9081 2.25748 10.7879 2.84428 10.5533 3.55314C10.083 4.97375 9.15623 6.87412 7.33744 8.89844L7.30893 8.93017L2.7154 13.3124L1.24023 11.7004L5.63338 7.45082C7.21765 5.67868 7.9949 4.05478 8.37789 2.89777C8.57098 2.31443 8.66471 1.84706 8.71016 1.53633C8.73288 1.38097 8.74352 1.2649 8.74847 1.19324C8.75095 1.15741 8.752 1.13272 8.75243 1.11981L8.75272 1.10938L8.7527 1.11094L8.75269 1.11345L8.75268 1.11609Z", fill: "#B2BECD" }),
   h("rect", { x: "5.5166", width: "2.20704", height: "1.10937", fill: "#B2BECD" }),
   h("path", { d: "M4.17075 7.9686C3.09555 6.69872 2.39593 5.48407 1.94141 4.4375H4.40026C4.76103 5.09472 5.24197 5.81584 5.88345 6.5682L5.93101 6.62398L5.96524 6.67692C5.96787 6.68067 5.97319 6.68816 5.98137 6.69921C6.0017 6.72667 6.03969 6.77615 6.09781 6.8448C6.21395 6.98199 6.41098 7.19635 6.70864 7.46479C7.19301 7.9016 8.18265 8.61127 9.29424 9.23901L8.50109 11.2671C6.94927 10.5044 5.9002 9.71638 5.23489 9.11639C4.86256 8.78062 4.5965 8.49477 4.41706 8.28281C4.32738 8.17688 4.25946 8.08955 4.21081 8.02383C4.19559 8.00327 4.18226 7.98483 4.17075 7.9686Z", fill: "#B2BECD" })));
+export const LoadingSpinner = () => (h("div", { class: "spinner-border", role: "status" }));

package/dist/collection/models/class.model.js

@@ -1 +1,5 @@
-export {};
+export var PostVisibility;
+(function (PostVisibility) {
+  PostVisibility[PostVisibility["Private"] = 0] = "Private";
+  PostVisibility[PostVisibility["Public"] = 1] = "Public";
+})(PostVisibility || (PostVisibility = {}));

package/dist/collection/models/facilitator-dashboard.model.js

@@ -0,0 +1,5 @@
+export var PostVisibility;
+(function (PostVisibility) {
+  PostVisibility[PostVisibility["Private"] = 0] = "Private";
+  PostVisibility[PostVisibility["Public"] = 1] = "Public";
+})(PostVisibility || (PostVisibility = {}));

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

@@ -1,3 +1,4 @@
+import { AuthStore } from '../stores';
 import { HttpService } from './httpService';
 export class AccountService {
   constructor() { }
@@ -11,13 +12,50 @@ export class AccountService {
     const headers = {
       'Content-Type': 'application/json',
     };
-    let result = await HttpService.http.post('api/Account/Register', registerInput, {
-      headers: headers
-    });
+    AuthStore.state.loading = true;
+    let result;
+    try {
+      result = await HttpService.http.post('api/Account/Register', registerInput, {
+        headers: headers
+      });
+      if (result.Succeeded) {
+        AuthStore.state.loading = false;
+      }
+    }
+    catch (e) {
+      AuthStore.state.loading = false;
+      return e;
+    }
     return result;
   }
   async forgotPassword(forgotPasswordInput) {
-    let result = await HttpService.http.post('api/Account/Forgot-Password', forgotPasswordInput);
+    AuthStore.state.loading = true;
+    let result;
+    try {
+      result = await HttpService.http.post('api/Account/Forgot-Password', forgotPasswordInput);
+      if (result.Succeeded) {
+        AuthStore.state.loading = false;
+      }
+    }
+    catch (e) {
+      AuthStore.state.loading = false;
+      return e;
+    }
+    return result;
+  }
+  async resetPassword(resetPasswordInput) {
+    AuthStore.state.loading = true;
+    let result;
+    try {
+      result = await HttpService.http.post('api/Account/reset-password', resetPasswordInput);
+      if (result.Succeeded) {
+        AuthStore.state.loading = false;
+      }
+    }
+    catch (e) {
+      AuthStore.state.loading = false;
+      return e;
+    }
     return result;
   }
 }

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

@@ -0,0 +1,60 @@
+import { HttpService } from './httpService';
+import goalStore from '../stores/goal.store';
+import { SparkleGlobal } from '../util';
+export class AppDataService {
+  constructor() { }
+  static getInstance() {
+    if (!AppDataService.instance) {
+      AppDataService.instance = new AppDataService();
+    }
+    return AppDataService.instance;
+  }
+  async getAllAppData(appId) {
+    let result = await HttpService.http.get(`api/v1/AppData/${appId}`);
+    return result;
+  }
+  async createAppData(payload) {
+    let result = await HttpService.http.post(`api/v1/AppData/`, payload);
+    return result;
+  }
+  async updateAppData(payload) {
+    let result = await HttpService.http.put(`api/v1/AppData/${payload.Id}`, payload);
+    return result;
+  }
+  async getAllGoals() {
+    goalStore.state.goalsLoading = true;
+    let result = await this.getAllAppData(SparkleGlobal.MY_GOALS_APP_ID);
+    if (result) {
+      goalStore.state.goals = result.Data.map(item => {
+        return Object.assign(Object.assign({}, item), { AppData: JSON.parse(item.AppJsonData) });
+      });
+      goalStore.state.goalsLoading = false;
+    }
+    return result;
+  }
+  async createGoal(payload) {
+    goalStore.state.goalLoading = true;
+    let result = await this.createAppData(payload);
+    if (result) {
+      result.Data.AppData = JSON.parse(result.Data.AppJsonData);
+      goalStore.state.goals = [...goalStore.state.goals, result.Data];
+      goalStore.state.goalLoading = false;
+    }
+    return result;
+  }
+  async updateGoal(payload) {
+    goalStore.state.goalLoading = true;
+    let result = await this.updateAppData(payload);
+    if (result) {
+      result.Data.AppData = JSON.parse(result.Data.AppJsonData);
+      goalStore.state.goals = goalStore.state.goals.map(item => {
+        if (item.Id == result.Data.Id) {
+          return Object.assign(Object.assign({}, result.Data), { AppData: JSON.parse(result.Data.AppJsonData) });
+        }
+        return item;
+      });
+      goalStore.state.goalLoading = false;
+    }
+    return result;
+  }
+}

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

@@ -14,31 +14,40 @@ export class AuthService {
     const headers = {
       'Content-Type': 'application/json',
     };
-    let result = await 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;
+    AuthStore.state.loading = true;
+    let result;
+    try {
+      result = await 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);
+        AuthStore.state.loading = false;
+        return authUser;
+      }
+    }
+    catch (e) {
+      AuthStore.state.loading = false;
+      return e;
     }
   }
   async signOut() {

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

@@ -1,4 +1,6 @@
 import Util from '../../utils';
+import { getAssetPath } from "@stencil/core";
+//declare var sparkle: any;
 export async function setupConfig(config) {
   if (!window) {
     return;
@@ -11,10 +13,12 @@ export 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;
 }
 export async function initSetupConfig(config) {
-  await Util.loadScriptAsync('/lib/sparkle.js');
+  await Util.loadScriptAsync(getAssetPath(`../assets/lib/sparkle.js`));
   await setupConfig(config);
 }

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

@@ -0,0 +1,76 @@
+import { HttpService } from './httpService';
+import facilitatorStore from '../stores/facilitator.store';
+export class FacilitatorService {
+  constructor() { }
+  static getInstance() {
+    if (!FacilitatorService.instance) {
+      FacilitatorService.instance = new FacilitatorService();
+    }
+    return FacilitatorService.instance;
+  }
+  async fetchClasses() {
+    facilitatorStore.state.classesLoading = true;
+    let result = await 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 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 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 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 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 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;
+  }
+}

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

@@ -0,0 +1,43 @@
+import { HttpService } from './httpService';
+import feedStore from '../stores/feed.store';
+export class FeedService {
+  constructor() { }
+  static getInstance() {
+    if (!FeedService.instance) {
+      FeedService.instance = new FeedService();
+    }
+    return FeedService.instance;
+  }
+  async getAllPosts() {
+    feedStore.state.postsLoading = true;
+    let result = await HttpService.http.get(`api/v1/Feed/GetAll`);
+    if (result) {
+      feedStore.state.posts = result.Data;
+      feedStore.state.postsLoading = false;
+    }
+    return result;
+  }
+  async createPost(payload) {
+    feedStore.state.createPostLoading = true;
+    let result = await HttpService.http.post(`api/v1/Feed/PostFeed`, payload);
+    if (result) {
+      feedStore.state.posts = [result.Data, ...feedStore.state.posts];
+      feedStore.state.createPostLoading = false;
+    }
+    return result;
+  }
+  async createPostComment(payload) {
+    feedStore.state.postIdLoading = payload.PostId;
+    let result = await HttpService.http.post(`api/v1/Feed/Comment`, payload);
+    if (result) {
+      feedStore.state.posts = feedStore.state.posts.map((item) => {
+        if (item.Id == result.Data.ClassFeedPostId) {
+          return Object.assign(Object.assign({}, item), { Comments: [...item.Comments, result.Data] });
+        }
+        return item;
+      });
+      feedStore.state.postIdLoading = null;
+    }
+    return result;
+  }
+}