@vived/app 3.8.0 → 3.9.0

package/lib/AppObjectComponents/Question/Controllers/setAnswerText.d.ts

@@ -0,0 +1,2 @@
+import { AppObjectRepo } from "../../../AppObject/AppObjectRepo";
+export declare function setAnswerText(answerID: string, text: string, appObjects: AppObjectRepo): void;

package/lib/AppObjectComponents/Question/Controllers/setAnswerText.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setAnswerText = void 0;
+const App_1 = require("../../App");
+const QuestionEntity_1 = require("../Entities/QuestionEntity");
+const SetAnswerTextUC_1 = require("../UseCases/SetAnswerTextUC");
+function setAnswerText(answerID, text, appObjects) {
+    const questionEntity = QuestionEntity_1.QuestionEntity.get(appObjects);
+    if (!questionEntity) {
+        App_1.submitWarning("setAnswerText", "Can't find QuestionEntity", appObjects);
+        return;
+    }
+    const answer = questionEntity.getAnswer(answerID);
+    if (!answer) {
+        App_1.submitWarning("setAnswerText", "Can't find Answer by ID", appObjects);
+        return;
+    }
+    const uc = answer.appObject.getComponent(SetAnswerTextUC_1.SetAnswerTextUC.type);
+    if (!uc) {
+        App_1.submitWarning("setAnswerText", "Can't find SetAnswerTextUC on Answer", appObjects);
+        return;
+    }
+    uc.setText(text);
+}
+exports.setAnswerText = setAnswerText;

package/lib/AppObjectComponents/Question/Controllers/submitQuestionAnswer.d.ts

@@ -0,0 +1,2 @@
+import { AppObjectRepo } from "../../../AppObject/AppObjectRepo";
+export declare function submitQuestionAnswer(answerID: string, appObjects: AppObjectRepo): void;

package/lib/AppObjectComponents/Question/Controllers/submitQuestionAnswer.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.submitQuestionAnswer = void 0;
+const App_1 = require("../../App");
+const UseCases_1 = require("../UseCases");
+function submitQuestionAnswer(answerID, appObjects) {
+    const submitUC = UseCases_1.SubmitQuestionAnswerUC.get(appObjects);
+    if (!submitUC) {
+        App_1.submitWarning("submitQuestionAnswer", "Can't find SubmitQuestionAnswerUC", appObjects);
+        return;
+    }
+    submitUC.submitAnswer(answerID);
+}
+exports.submitQuestionAnswer = submitQuestionAnswer;

package/lib/AppObjectComponents/Question/Controllers/toggleAnswerIsCorrect.d.ts

@@ -0,0 +1,2 @@
+import { AppObjectRepo } from "../../../AppObject/AppObjectRepo";
+export declare function toggleAnswerIsCorrect(answerID: string, appObjects: AppObjectRepo): void;

package/lib/AppObjectComponents/Question/Controllers/toggleAnswerIsCorrect.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.toggleAnswerIsCorrect = void 0;
+const App_1 = require("../../App");
+const QuestionEntity_1 = require("../Entities/QuestionEntity");
+const ToggleQuestionAnswerIsCorrect_1 = require("../UseCases/ToggleQuestionAnswerIsCorrect");
+function toggleAnswerIsCorrect(answerID, appObjects) {
+    const questionEntity = QuestionEntity_1.QuestionEntity.get(appObjects);
+    if (!questionEntity) {
+        App_1.submitWarning("toggleAnswerIsCorrect", "Can't find QuestionEntity", appObjects);
+        return;
+    }
+    const answer = questionEntity.getAnswer(answerID);
+    if (!answer) {
+        App_1.submitWarning("toggleAnswerIsCorrect", "Can't find Answer by ID", appObjects);
+        return;
+    }
+    const uc = answer.appObject.getComponent(ToggleQuestionAnswerIsCorrect_1.ToggleQuesionChallengeAnswerIsCorrectUC.type);
+    if (!uc) {
+        App_1.submitWarning("toggleAnswerIsCorrect", "Can't find ToggleQuesionChallengeAnswerIsCorrectUC on Answer", appObjects);
+        return;
+    }
+    uc.toggleIsCorrect();
+}
+exports.toggleAnswerIsCorrect = toggleAnswerIsCorrect;

package/lib/AppObjectComponents/Question/Entities/QuestionAnswerEntity.d.ts

@@ -0,0 +1,36 @@
+import { AppObject } from "../../../AppObject/AppObject";
+import { AppObjectEntity } from "../../../AppObject/AppObjectEntity";
+export declare const EMPTY_TEXT_VALIDATION_MESSAGE = "Question answer text cannot be empty";
+export declare const MAX_QUESTION_LENGTH = 40;
+export declare const LONG_TEXT_VALIDATION_MESSAGE: string;
+export declare const MAX_FEEDBACK_LENGTH = 200;
+export declare const LONG_FEEDBACK_VALIDATION_MESSAGE: string;
+export declare abstract class QuestionAnswerEntity extends AppObjectEntity {
+    static readonly type = "QuestionAnswerEntity";
+    abstract readonly id: string;
+    abstract text: string;
+    abstract get textValidationMessage(): string | undefined;
+    abstract isCorrect: boolean;
+    abstract feedbackText: string;
+    abstract get feedbackValidationMessage(): string | undefined;
+}
+export declare function makeQuestionAnswerEntity(appObject: AppObject): QuestionAnswerEntityImp;
+declare class QuestionAnswerEntityImp extends QuestionAnswerEntity {
+    get id(): string;
+    private memoizedText;
+    get text(): string;
+    set text(val: string);
+    get textValidationMessage(): string | undefined;
+    private memoizedFeedback;
+    get feedbackText(): string;
+    set feedbackText(val: string);
+    get feedbackValidationMessage(): string | undefined;
+    private memoizedIsCorrect;
+    get isCorrect(): boolean;
+    set isCorrect(val: boolean);
+    private memoizedShowFeedback;
+    get showFeedback(): boolean;
+    set showFeedback(val: boolean);
+    constructor(appObject: AppObject);
+}
+export {};

package/lib/AppObjectComponents/Question/Entities/QuestionAnswerEntity.js

@@ -0,0 +1,73 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.makeQuestionAnswerEntity = exports.QuestionAnswerEntity = exports.LONG_FEEDBACK_VALIDATION_MESSAGE = exports.MAX_FEEDBACK_LENGTH = exports.LONG_TEXT_VALIDATION_MESSAGE = exports.MAX_QUESTION_LENGTH = exports.EMPTY_TEXT_VALIDATION_MESSAGE = void 0;
+const AppObjectEntity_1 = require("../../../AppObject/AppObjectEntity");
+const Entities_1 = require("../../../Entities");
+exports.EMPTY_TEXT_VALIDATION_MESSAGE = "Question answer text cannot be empty";
+exports.MAX_QUESTION_LENGTH = 40;
+exports.LONG_TEXT_VALIDATION_MESSAGE = `Question answer text is limited to ${exports.MAX_QUESTION_LENGTH} characters`;
+exports.MAX_FEEDBACK_LENGTH = 200;
+exports.LONG_FEEDBACK_VALIDATION_MESSAGE = `Feedback text is limited to ${exports.MAX_FEEDBACK_LENGTH} characters`;
+class QuestionAnswerEntity extends AppObjectEntity_1.AppObjectEntity {
+}
+exports.QuestionAnswerEntity = QuestionAnswerEntity;
+QuestionAnswerEntity.type = "QuestionAnswerEntity";
+function makeQuestionAnswerEntity(appObject) {
+    return new QuestionAnswerEntityImp(appObject);
+}
+exports.makeQuestionAnswerEntity = makeQuestionAnswerEntity;
+class QuestionAnswerEntityImp extends QuestionAnswerEntity {
+    constructor(appObject) {
+        super(appObject, QuestionAnswerEntity.type);
+        this.memoizedText = new Entities_1.MemoizedString("", this.notifyOnChange);
+        this.memoizedFeedback = new Entities_1.MemoizedString("", this.notifyOnChange);
+        this.memoizedIsCorrect = new Entities_1.MemoizedBoolean(false, this.notifyOnChange);
+        this.memoizedShowFeedback = new Entities_1.MemoizedBoolean(false, this.notifyOnChange);
+    }
+    get id() {
+        return this.appObject.id;
+    }
+    get text() {
+        return this.memoizedText.val;
+    }
+    set text(val) {
+        this.memoizedText.val = val;
+    }
+    get textValidationMessage() {
+        if (this.text.length === 0) {
+            return exports.EMPTY_TEXT_VALIDATION_MESSAGE;
+        }
+        else if (this.text.length > exports.MAX_QUESTION_LENGTH) {
+            return exports.LONG_TEXT_VALIDATION_MESSAGE;
+        }
+        else {
+            return;
+        }
+    }
+    get feedbackText() {
+        return this.memoizedFeedback.val;
+    }
+    set feedbackText(val) {
+        this.memoizedFeedback.val = val;
+    }
+    get feedbackValidationMessage() {
+        if (this.feedbackText.length > exports.MAX_FEEDBACK_LENGTH) {
+            return exports.LONG_FEEDBACK_VALIDATION_MESSAGE;
+        }
+        else {
+            return undefined;
+        }
+    }
+    get isCorrect() {
+        return this.memoizedIsCorrect.val;
+    }
+    set isCorrect(val) {
+        this.memoizedIsCorrect.val = val;
+    }
+    get showFeedback() {
+        return this.memoizedShowFeedback.val;
+    }
+    set showFeedback(val) {
+        this.memoizedShowFeedback.val = val;
+    }
+}

package/lib/AppObjectComponents/Question/Entities/QuestionEntity.d.ts

@@ -0,0 +1,24 @@
+import { AppObject } from "../../../AppObject/AppObject";
+import { AppObjectEntity } from "../../../AppObject/AppObjectEntity";
+import { AppObjectRepo } from "../../../AppObject/AppObjectRepo";
+import { QuestionAnswerEntity } from "./QuestionAnswerEntity";
+export declare const VALIDATION_NO_CORRECT = "At least one answer must be marked as correct";
+export declare const VALIDATION_NOT_ENOUGH_ANSWERS = "Question must have at least two answers";
+export declare abstract class QuestionEntity extends AppObjectEntity {
+    static readonly type = "QuestionEntity";
+    abstract get gotItRight(): boolean;
+    abstract get reviewFeedback(): string;
+    abstract addAnswer: (answer: QuestionAnswerEntity) => void;
+    abstract removeAnswer: (id: string) => void;
+    abstract getAnswer: (id: string) => QuestionAnswerEntity | undefined;
+    abstract getAllAnswers: () => QuestionAnswerEntity[];
+    abstract hasAnswer: (id: string) => boolean;
+    abstract createNewAnswer: () => QuestionAnswerEntity;
+    abstract removeAllAnswers: () => void;
+    abstract reset: () => void;
+    abstract submitAnswer: (id: string) => void;
+    abstract setDefaultState: () => void;
+    abstract get validationMessage(): string | undefined;
+    static get(appObjects: AppObjectRepo): QuestionEntity | undefined;
+}
+export declare function makeQuestionEntity(appObject: AppObject): QuestionEntity;

package/lib/AppObjectComponents/Question/Entities/QuestionEntity.js

@@ -0,0 +1,122 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.makeQuestionEntity = exports.QuestionEntity = exports.VALIDATION_NOT_ENOUGH_ANSWERS = exports.VALIDATION_NO_CORRECT = void 0;
+const AppObjectEntity_1 = require("../../../AppObject/AppObjectEntity");
+const generateUniqueID_1 = require("../../../Utilities/generateUniqueID");
+const App_1 = require("../../App");
+const QuestionAnswerEntity_1 = require("./QuestionAnswerEntity");
+exports.VALIDATION_NO_CORRECT = "At least one answer must be marked as correct";
+exports.VALIDATION_NOT_ENOUGH_ANSWERS = "Question must have at least two answers";
+class QuestionEntity extends AppObjectEntity_1.AppObjectEntity {
+    static get(appObjects) {
+        const components = appObjects.getAllComponents(QuestionEntity.type);
+        if (components.length === 0) {
+            App_1.submitWarning("QuestionEntity", `Unable to find component ${QuestionEntity.type}. Add one on Mount`, appObjects);
+            return undefined;
+        }
+        else if (components.length > 1) {
+            App_1.submitWarning("QuestionEntity", `Multiple ${QuestionEntity.type} found. There should only be one. Using the first one`, appObjects);
+        }
+        return components[0];
+    }
+}
+exports.QuestionEntity = QuestionEntity;
+QuestionEntity.type = "QuestionEntity";
+function makeQuestionEntity(appObject) {
+    return new QuestionChallengeImp(appObject);
+}
+exports.makeQuestionEntity = makeQuestionEntity;
+class QuestionChallengeImp extends QuestionEntity {
+    constructor(appObject) {
+        super(appObject, QuestionEntity.type);
+        this.answerLookup = new Map();
+        this._gotItRight = false;
+        this._reviewFeedback = "";
+        this.addAnswer = (answer) => {
+            if (this.answerLookup.has(answer.id)) {
+                App_1.submitWarning("QuestionChallengeImp", `Answer with ID ${answer.id} already exists. Overwriting`, this.appObject.appObjectRepo);
+            }
+            this.answerLookup.set(answer.id, answer);
+            this.reset();
+        };
+        this.removeAnswer = (id) => {
+            const ans = this.answerLookup.get(id);
+            if (!ans)
+                return;
+            this.answerLookup.delete(id);
+            ans.appObject.dispose();
+            this.reset();
+        };
+        this.getAnswer = (id) => {
+            return this.answerLookup.get(id);
+        };
+        this.getAllAnswers = () => {
+            return Array.from(this.answerLookup.values());
+        };
+        this.hasAnswer = (id) => {
+            return this.answerLookup.has(id);
+        };
+        this.reset = () => {
+            this._gotItRight = false;
+            this._reviewFeedback = "";
+            this.notifyOnChange();
+        };
+        this.submitAnswer = (id) => {
+            const ans = this.getAnswer(id);
+            if (!ans) {
+                App_1.submitWarning("QuestionChallengeImp", `Unable to find answer by ID:  ${id}`, this.appObject.appObjectRepo);
+                return;
+            }
+            this._gotItRight = ans.isCorrect;
+            if (ans.feedbackText) {
+                this._reviewFeedback = ans.feedbackText;
+            }
+            else {
+                this._reviewFeedback = ans.isCorrect ? "Correct" : "Incorrect";
+            }
+            this.notifyOnChange();
+        };
+        this.createNewAnswer = () => {
+            const id = generateUniqueID_1.generateUniqueID();
+            const appObj = this.appObject.appObjectRepo.getOrCreate(id);
+            const answer = QuestionAnswerEntity_1.makeQuestionAnswerEntity(appObj);
+            this.addAnswer(answer);
+            return answer;
+        };
+        this.removeAllAnswers = () => {
+            const allAnswers = Array.from(this.answerLookup.keys());
+            allAnswers.forEach((id) => this.removeAnswer(id));
+            this.reset();
+        };
+        this.setDefaultState = () => {
+            this.removeAllAnswers();
+            const trueAnswer = this.createNewAnswer();
+            trueAnswer.isCorrect = true;
+            trueAnswer.text = "True";
+            const falseAnswer = this.createNewAnswer();
+            falseAnswer.text = "False";
+            this.reset();
+        };
+    }
+    get gotItRight() {
+        return this._gotItRight;
+    }
+    get reviewFeedback() {
+        return this._reviewFeedback;
+    }
+    get validationMessage() {
+        if (this.answerLookup.size < 2) {
+            return exports.VALIDATION_NOT_ENOUGH_ANSWERS;
+        }
+        let hasCorrect = false;
+        this.answerLookup.forEach((ans) => {
+            if (ans.isCorrect) {
+                hasCorrect = true;
+            }
+        });
+        if (!hasCorrect) {
+            return exports.VALIDATION_NO_CORRECT;
+        }
+        return undefined;
+    }
+}

package/lib/AppObjectComponents/Question/Entities/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./QuestionAnswerEntity";
+export * from "./QuestionEntity";

package/lib/{UseCases/FocusCamera → AppObjectComponents/Question/Entities}/index.js

@@ -10,10 +10,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./PixelPlanePanFocusCamera"), exports);
-__exportStar(require("./LerpFocusCamera"), exports);
-__exportStar(require("./SerializeFocusCamera"), exports);
-__exportStar(require("./PixelDollyFocusCamera"), exports);
-__exportStar(require("./BumpDollyFocusCamera"), exports);
-__exportStar(require("./PinchDollyFocusCamera"), exports);
-__exportStar(require("./PixelOrbitFocusCamera"), exports);
+__exportStar(require("./QuestionAnswerEntity"), exports);
+__exportStar(require("./QuestionEntity"), exports);

package/lib/AppObjectComponents/Question/Factories/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./setupQuestionAnswer";
+export * from "./setupQuestionChallenge";

package/lib/AppObjectComponents/Question/Factories/index.js

@@ -0,0 +1,14 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./setupQuestionAnswer"), exports);
+__exportStar(require("./setupQuestionChallenge"), exports);

package/lib/AppObjectComponents/Question/Factories/setupQuestionAnswer.d.ts

@@ -0,0 +1,3 @@
+import { AppObjectRepo } from "../../../AppObject/AppObjectRepo";
+import { QuestionAnswerEntity } from "../Entities/QuestionAnswerEntity";
+export declare function setupQuestionAnswer(appObjects: AppObjectRepo, id?: string): QuestionAnswerEntity;

package/lib/AppObjectComponents/Question/Factories/setupQuestionAnswer.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setupQuestionAnswer = void 0;
+const Utilities_1 = require("../../../Utilities");
+const QuestionAnswerEntity_1 = require("../Entities/QuestionAnswerEntity");
+const QuestionAnswerPM_1 = require("../PresentationManagers/QuestionAnswerPM");
+const SetAnswerFeedbackUC_1 = require("../UseCases/SetAnswerFeedbackUC");
+const SetAnswerTextUC_1 = require("../UseCases/SetAnswerTextUC");
+const ToggleQuestionAnswerIsCorrect_1 = require("../UseCases/ToggleQuestionAnswerIsCorrect");
+function setupQuestionAnswer(appObjects, id) {
+    let idToUse = id !== null && id !== void 0 ? id : Utilities_1.generateUniqueID();
+    const ao = appObjects.getOrCreate(idToUse);
+    const answerEntity = QuestionAnswerEntity_1.makeQuestionAnswerEntity(ao);
+    SetAnswerFeedbackUC_1.makeSetAnswerFeedbackUC(ao);
+    SetAnswerTextUC_1.makeSetAnswerTextUC(ao);
+    ToggleQuestionAnswerIsCorrect_1.makeToggleQuesionChallengeAnswerIsCorrectUC(ao);
+    new QuestionAnswerPM_1.QuestionAnswerPM(ao);
+    return answerEntity;
+}
+exports.setupQuestionAnswer = setupQuestionAnswer;

package/lib/AppObjectComponents/Question/Factories/setupQuestionChallenge.d.ts

@@ -0,0 +1,3 @@
+import { AppObjectRepo } from "../../../AppObject/AppObjectRepo";
+import { QuestionEntity } from "../Entities/QuestionEntity";
+export declare function setupQuestionChallenge(appObjects: AppObjectRepo): QuestionEntity;

package/lib/AppObjectComponents/Question/Factories/setupQuestionChallenge.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setupQuestionChallenge = void 0;
+const QuestionEntity_1 = require("../Entities/QuestionEntity");
+const QuestionChallengePM_1 = require("../PresentationManagers/QuestionChallengePM");
+const UseCases_1 = require("../UseCases");
+const AddQuestionAnswerUC_1 = require("../UseCases/AddQuestionAnswerUC");
+const DeleteQuestionAnswerUC_1 = require("../UseCases/DeleteQuestionAnswerUC");
+const SerializeQuestionChallenge_1 = require("../UseCases/SerializeQuestionChallenge");
+const setupQuestionAnswer_1 = require("./setupQuestionAnswer");
+function setupQuestionChallenge(appObjects) {
+    const ao = appObjects.getOrCreate("QuestionChallenge");
+    const questionEntity = QuestionEntity_1.makeQuestionEntity(ao);
+    AddQuestionAnswerUC_1.makeAddQuestionAnswerUC(ao);
+    DeleteQuestionAnswerUC_1.makeDeleteQuestionAnswerUC(ao);
+    UseCases_1.makeSubmitQuestionAnswerUC(ao);
+    const serializer = new SerializeQuestionChallenge_1.SerializeQuestionChallenge(ao);
+    serializer.setupQuestionAnswer = setupQuestionAnswer_1.setupQuestionAnswer;
+    new QuestionChallengePM_1.QuestionChallengePM(ao);
+    return questionEntity;
+}
+exports.setupQuestionChallenge = setupQuestionChallenge;

package/lib/AppObjectComponents/Question/Mocks/MockQuestionAnswerEntity.d.ts

@@ -0,0 +1,12 @@
+import { AppObject } from "../../../AppObject/AppObject";
+import { QuestionAnswerEntity } from "../Entities/QuestionAnswerEntity";
+export declare class MockQuestionAnswerEntity extends QuestionAnswerEntity {
+    id: string;
+    text: string;
+    get textValidationMessage(): undefined;
+    isCorrect: boolean;
+    feedbackText: string;
+    showFeedback: boolean;
+    get feedbackValidationMessage(): undefined;
+    constructor(appObject: AppObject);
+}

package/lib/AppObjectComponents/Question/Mocks/MockQuestionAnswerEntity.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MockQuestionAnswerEntity = void 0;
+const QuestionAnswerEntity_1 = require("../Entities/QuestionAnswerEntity");
+class MockQuestionAnswerEntity extends QuestionAnswerEntity_1.QuestionAnswerEntity {
+    constructor(appObject) {
+        super(appObject, QuestionAnswerEntity_1.QuestionAnswerEntity.type);
+        this.id = "answerID";
+        this.text = "Answer Text";
+        this.isCorrect = true;
+        this.feedbackText = "Answer Feedback";
+        this.showFeedback = false;
+    }
+    get textValidationMessage() {
+        return undefined;
+    }
+    get feedbackValidationMessage() {
+        return undefined;
+    }
+}
+exports.MockQuestionAnswerEntity = MockQuestionAnswerEntity;

package/lib/AppObjectComponents/Question/PresentationManagers/QuestionAnswerPM.d.ts

@@ -0,0 +1,19 @@
+import { AppObject } from "../../../AppObject/AppObject";
+import { AppObjectPM } from "../../../AppObject/AppObjectPM";
+export declare const defaultQuestionChallengeAnswerVM: QuestionAnswerVM;
+export interface QuestionAnswerVM {
+    answerText: string;
+    feedbackText: string;
+    isCorrect: boolean;
+    textValidation?: string;
+    feedbackValidation?: string;
+}
+export declare class QuestionAnswerPM extends AppObjectPM<QuestionAnswerVM> {
+    static readonly type = "QuestionAnswerPM";
+    static get(appObject: AppObject): QuestionAnswerPM | undefined;
+    private answer?;
+    vmsAreEqual(a: QuestionAnswerVM, b: QuestionAnswerVM): boolean;
+    dispose: () => void;
+    private onAnswerChange;
+    constructor(appObject: AppObject);
+}

package/lib/AppObjectComponents/Question/PresentationManagers/QuestionAnswerPM.js

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.QuestionAnswerPM = exports.defaultQuestionChallengeAnswerVM = void 0;
+const AppObjectPM_1 = require("../../../AppObject/AppObjectPM");
+const App_1 = require("../../App");
+const QuestionAnswerEntity_1 = require("../Entities/QuestionAnswerEntity");
+exports.defaultQuestionChallengeAnswerVM = {
+    answerText: "",
+    feedbackText: "",
+    isCorrect: false,
+};
+class QuestionAnswerPM extends AppObjectPM_1.AppObjectPM {
+    constructor(appObject) {
+        super(appObject, QuestionAnswerPM.type);
+        this.dispose = () => {
+            var _a;
+            super.dispose();
+            (_a = this.answer) === null || _a === void 0 ? void 0 : _a.removeChangeObserver(this.onAnswerChange);
+        };
+        this.onAnswerChange = () => {
+            if (!this.answer)
+                return;
+            const { feedbackText, text, isCorrect, feedbackValidationMessage, textValidationMessage, } = this.answer;
+            const vm = {
+                answerText: text,
+                feedbackText: feedbackText,
+                isCorrect,
+                feedbackValidation: feedbackValidationMessage,
+                textValidation: textValidationMessage,
+            };
+            this.doUpdateView(vm);
+        };
+        this.answer = appObject.getComponent(QuestionAnswerEntity_1.QuestionAnswerEntity.type);
+        if (this.answer) {
+            this.answer.addChangeObserver(this.onAnswerChange);
+            this.onAnswerChange();
+        }
+        else {
+            App_1.submitWarning("QuestionAnswerPM", "QuestionAnswerPM has been added to an app object that does not have QuestionAnswerEntity", appObject.appObjectRepo);
+        }
+    }
+    static get(appObject) {
+        return appObject.getComponent(QuestionAnswerPM.type);
+    }
+    vmsAreEqual(a, b) {
+        if (a.answerText !== b.answerText)
+            return false;
+        if (a.feedbackText !== b.feedbackText)
+            return false;
+        if (a.isCorrect !== b.isCorrect)
+            return false;
+        if (a.textValidation !== b.textValidation)
+            return false;
+        if (a.feedbackValidation !== b.feedbackValidation)
+            return false;
+        return true;
+    }
+}
+exports.QuestionAnswerPM = QuestionAnswerPM;
+QuestionAnswerPM.type = "QuestionAnswerPM";

package/lib/AppObjectComponents/Question/PresentationManagers/QuestionChallengeAnswerPM.d.ts

@@ -0,0 +1,20 @@
+import { AppObject } from "../../../AppObject/AppObject";
+import { AppObjectPM } from "../../../AppObject/AppObjectPM";
+export declare const defaultQestionChallengeAnswerVM: QuestionAnswerVM;
+export interface QuestionAnswerVM {
+    answerText: string;
+    feedbackText: string;
+    feedbackToShow: string;
+    isCorrect: boolean;
+    textValidation: string | null;
+    feedbackValidation: string | null;
+}
+export declare class QuestionAnswerPM extends AppObjectPM<QuestionAnswerVM> {
+    static readonly type = "QuestionAnswerPM";
+    static get(appObject: AppObject): QuestionAnswerPM | undefined;
+    private answer?;
+    vmsAreEqual(a: QuestionAnswerVM, b: QuestionAnswerVM): boolean;
+    dispose: () => void;
+    private onAnswerChange;
+    constructor(appObject: AppObject);
+}

package/lib/AppObjectComponents/Question/PresentationManagers/QuestionChallengeAnswerPM.js

@@ -0,0 +1,70 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.QuestionAnswerPM = exports.defaultQestionChallengeAnswerVM = void 0;
+const AppObjectPM_1 = require("../../../AppObject/AppObjectPM");
+const App_1 = require("../../App");
+const QuestionAnswerEntity_1 = require("../Entities/QuestionAnswerEntity");
+exports.defaultQestionChallengeAnswerVM = {
+    answerText: "",
+    feedbackToShow: "",
+    feedbackText: "",
+    isCorrect: false,
+    feedbackValidation: null,
+    textValidation: null,
+};
+class QuestionAnswerPM extends AppObjectPM_1.AppObjectPM {
+    constructor(appObject) {
+        super(appObject, QuestionAnswerPM.type);
+        this.dispose = () => {
+            var _a;
+            super.dispose();
+            (_a = this.answer) === null || _a === void 0 ? void 0 : _a.removeChangeObserver(this.onAnswerChange);
+        };
+        this.onAnswerChange = () => {
+            if (!this.answer)
+                return;
+            const { feedbackText, text, isCorrect, feedbackValidationMessage, textValidationMessage, } = this.answer;
+            let feedbackToShow = feedbackText;
+            if (!feedbackText) {
+                feedbackToShow = isCorrect ? "Correct" : "Incorrect";
+            }
+            const vm = {
+                answerText: text,
+                feedbackText: feedbackText,
+                feedbackToShow,
+                isCorrect,
+                feedbackValidation: feedbackValidationMessage,
+                textValidation: textValidationMessage,
+            };
+            this.doUpdateView(vm);
+        };
+        this.answer = appObject.getComponent(QuestionAnswerEntity_1.QuestionAnswerEntity.type);
+        if (this.answer) {
+            this.answer.addChangeObserver(this.onAnswerChange);
+            this.onAnswerChange();
+        }
+        else {
+            App_1.submitWarning("QuestionAnswerPM", "QuestionAnswerPM has been added to an app object that does not have QuestionAnswerEntity", appObject.appObjectRepo);
+        }
+    }
+    static get(appObject) {
+        return appObject.getComponent(QuestionAnswerPM.type);
+    }
+    vmsAreEqual(a, b) {
+        if (a.answerText !== b.answerText)
+            return false;
+        if (a.feedbackText !== b.feedbackText)
+            return false;
+        if (a.feedbackToShow !== b.feedbackToShow)
+            return false;
+        if (a.isCorrect !== b.isCorrect)
+            return false;
+        if (a.textValidation !== b.textValidation)
+            return false;
+        if (a.feedbackValidation !== b.feedbackValidation)
+            return false;
+        return true;
+    }
+}
+exports.QuestionAnswerPM = QuestionAnswerPM;
+QuestionAnswerPM.type = "QuestionAnswerPM";