dynamic-questionnaire-form 1.1.0

package/dist/esm/components/Questionnaire/Questionnaire.js

@@ -0,0 +1,636 @@
+import { __assign, __extends, __spreadArray } from "tslib";
+import React from "react";
+import QuestionnaireForm from "./QuestionnaireForm";
+import { ParseJson, QuestionTypes, transformDateWithoutTime } from "../../helpers/GenericHelpers";
+var QuestionnaireComponent = /** @class */ (function (_super) {
+    __extends(QuestionnaireComponent, _super);
+    function QuestionnaireComponent(props) {
+        var _this = _super.call(this, props) || this;
+        _this.setQuestions = function () {
+            var _a, _b, _c;
+            //Constructing redux form values by using questionsData
+            var initialValues = {};
+            (_a = _this.props.questionsData) === null || _a === void 0 ? void 0 : _a.forEach(function (element) {
+                var _a, _b, _c, _d, _e, _f;
+                var _g, _h, _j;
+                if (element.options.length > 0) {
+                    var s = (_g = element.answers) === null || _g === void 0 ? void 0 : _g.map(function (elm) { return parseInt(elm.optionId); });
+                    var val = (_a = {}, _a["question_" + element.clientQuestionId.toString()] = s, _a);
+                    Object.assign(initialValues, val);
+                }
+                else if (element.questionType === QuestionTypes.Text
+                    || element.questionType === QuestionTypes.TextArea
+                    || element.questionType === QuestionTypes.Entertext
+                    || element.questionType === QuestionTypes.Email
+                    || element.questionType === QuestionTypes.PhoneNumber
+                    || element.questionType === QuestionTypes.Number
+                    || element.questionType === QuestionTypes.Currency
+                    || element.questionType === QuestionTypes.AlphaNumeric
+                    || element.questionType === QuestionTypes.ZipCode
+                    || element.questionType === QuestionTypes.SSN
+                    || element.questionType === QuestionTypes.DecimalNumber
+                    || element.questionType === QuestionTypes.EIN
+                    || element.questionType === QuestionTypes.TaxId
+                    || element.questionType === QuestionTypes.FaxId
+                    || element.questionType === QuestionTypes.disableTextField
+                    || element.questionType === QuestionTypes.LabelText
+                    || element.questionType === QuestionTypes.NumericId
+                    || element.questionType === QuestionTypes.ROUTINGNUMBER
+                    || element.questionType === QuestionTypes.Percentage
+                    || element.questionType === QuestionTypes.Percentage25A
+                    || element.questionType === QuestionTypes.Percentage25B
+                    || element.questionType === QuestionTypes.SalesPercentage
+                    || element.questionType === QuestionTypes.NumberOfMonths) {
+                    var answerObj = element.answers != null ? element.answers[0] : null;
+                    var val = (_b = {},
+                        _b["question_" + element.clientQuestionId.toString()] = answerObj === null || answerObj === void 0 ? void 0 : answerObj.answer,
+                        _b);
+                    Object.assign(initialValues, val);
+                }
+                else if (element.questionType === QuestionTypes.FileUpload
+                    || element.questionType === QuestionTypes.PDFFileUpload) {
+                    var answers = (_h = element === null || element === void 0 ? void 0 : element.answers) === null || _h === void 0 ? void 0 : _h.map(function (item) {
+                        if (item.answer) {
+                            return ParseJson(item.answer);
+                        }
+                        return null;
+                    });
+                    answers = answers === null || answers === void 0 ? void 0 : answers.filter(function (item) { return item != null; });
+                    var val = (_c = {},
+                        _c["question_" + element.clientQuestionId.toString()] = answers,
+                        _c);
+                    Object.assign(initialValues, val);
+                }
+                else if (element.questionType == QuestionTypes.Checkbox || element.questionType == QuestionTypes.PercentageValidationCheckbox) {
+                    var answerObj = element.answers != null ? element.answers[0] : null;
+                    var val = (_d = {},
+                        _d["question_" + element.clientQuestionId] = (answerObj === null || answerObj === void 0 ? void 0 : answerObj.answer) === "true" ? true : false,
+                        _d);
+                    Object.assign(initialValues, val);
+                }
+                else if (QuestionTypes.DatePicker) {
+                    if (element.answers != null) {
+                        var value = transformDateWithoutTime((_j = element === null || element === void 0 ? void 0 : element.answers[0]) === null || _j === void 0 ? void 0 : _j.answer);
+                        var val = (_e = {},
+                            _e["question_" + element.clientQuestionId.toString()] = value,
+                            _e);
+                        Object.assign(initialValues, val);
+                    }
+                }
+                else {
+                    var answerObj = element.answers != null ? element.answers[0] : null;
+                    var val = (_f = {},
+                        _f["question_" + element.clientQuestionId.toString()] = answerObj === null || answerObj === void 0 ? void 0 : answerObj.optionId,
+                        _f);
+                    Object.assign(initialValues, val);
+                }
+            });
+            if (((_c = (_b = _this.props) === null || _b === void 0 ? void 0 : _b.questionsData) === null || _c === void 0 ? void 0 : _c.length) > 0) {
+                var questionsData = _this.props.questionsData;
+                questionsData = questionsData === null || questionsData === void 0 ? void 0 : questionsData.sort(function (a, b) { return (a === null || a === void 0 ? void 0 : a.questionSequence) - (b === null || b === void 0 ? void 0 : b.questionSequence); });
+                var currentQuestions_1 = questionsData === null || questionsData === void 0 ? void 0 : questionsData.filter(function (m) { return m.dependent == false; });
+                //find the dependent questions based on answers      
+                Object.keys(initialValues).forEach(function (key) {
+                    var _a;
+                    if (Array.isArray(initialValues[key])) {
+                        var clientQuestionId_1 = parseInt(key.replace("question_", ''));
+                        var answeredQuestion_1 = (_a = _this.props.questionsData) === null || _a === void 0 ? void 0 : _a.find(function (m) { return m.clientQuestionId == clientQuestionId_1; });
+                        if (answeredQuestion_1) {
+                            var options = answeredQuestion_1.options.filter(function (ele) { var _a; return ((_a = initialValues[key]) === null || _a === void 0 ? void 0 : _a.indexOf(ele.value)) > -1 && ele.goToNextQuestion != null; });
+                            options.forEach(function (option) {
+                                var _a;
+                                var nextQuestion = (_a = _this.props.questionsData) === null || _a === void 0 ? void 0 : _a.find(function (ele) {
+                                    return ele.questionId == option.goToNextQuestion && ele.serialNumber == answeredQuestion_1.serialNumber;
+                                });
+                                if (nextQuestion) {
+                                    if (currentQuestions_1.find(function (m) { return m.questionId == (nextQuestion === null || nextQuestion === void 0 ? void 0 : nextQuestion.questionId) &&
+                                        m.serialNumber == answeredQuestion_1.serialNumber; })) {
+                                        nextQuestion = undefined;
+                                    }
+                                }
+                                var answeredQuestionIndex = currentQuestions_1.findIndex(function (m) { return m.questionId == (answeredQuestion_1 === null || answeredQuestion_1 === void 0 ? void 0 : answeredQuestion_1.questionId) && m.serialNumber == answeredQuestion_1.serialNumber; });
+                                if (nextQuestion && nextQuestion.denpendentQuestionGroupId) {
+                                    var groupQuestions = _this.getDependentGroupQuestions(nextQuestion, true);
+                                    // need to append to the current question
+                                    groupQuestions.forEach(function (question, index) {
+                                        currentQuestions_1.splice(answeredQuestionIndex + 1 + index, 0, question);
+                                    });
+                                }
+                                if (nextQuestion && !nextQuestion.denpendentQuestionGroupId) {
+                                    currentQuestions_1.splice(answeredQuestionIndex + 1, 0, nextQuestion);
+                                }
+                            });
+                        }
+                    }
+                });
+                currentQuestions_1 = currentQuestions_1.sort(function (a, b) { return (a === null || a === void 0 ? void 0 : a.questionSequence) - (b === null || b === void 0 ? void 0 : b.questionSequence); });
+                _this.setState({
+                    currentQuestions: currentQuestions_1,
+                });
+            }
+            _this.setState(function (prevstate) { return (__assign(__assign({}, prevstate), { formInitialvalues: initialValues })); });
+        };
+        _this.getDependentGroupQuestions = function (question, includeSerialNumbers) {
+            if (includeSerialNumbers === void 0) { includeSerialNumbers = false; }
+            if (question && question.denpendentQuestionGroupId) {
+                var denpendentQuestionGroupId_1 = question.denpendentQuestionGroupId;
+                var questionsdata = Object.assign([], _this.props.questionsData);
+                if (includeSerialNumbers) {
+                    var groupQuestions = questionsdata === null || questionsdata === void 0 ? void 0 : questionsdata.filter(function (element) { return element.denpendentQuestionGroupId == denpendentQuestionGroupId_1; }).sort(function (a, b) {
+                        return (a === null || a === void 0 ? void 0 : a.questionSequence) - (b === null || b === void 0 ? void 0 : b.questionSequence);
+                    });
+                    return groupQuestions;
+                }
+                else {
+                    var groupQuestions = questionsdata === null || questionsdata === void 0 ? void 0 : questionsdata.filter(function (element) { return element.denpendentQuestionGroupId == denpendentQuestionGroupId_1
+                        && element.serialNumber == question.serialNumber; }).sort(function (a, b) {
+                        return (a === null || a === void 0 ? void 0 : a.questionSequence) - (b === null || b === void 0 ? void 0 : b.questionSequence);
+                    });
+                    return groupQuestions;
+                }
+            }
+            return [];
+        };
+        _this.saveQuestion = function (values) {
+            _this.saveAndPrepareNextQuestion(values.questionData, values.oldAnswer);
+        };
+        _this.saveAndPrepareNextQuestion = function (values, oldAnswer) {
+            var _a, _b;
+            var removedDependentQuestions = [];
+            var clientQuestionId = parseInt(Object.keys(values)[0]);
+            var questionAnswer = values[clientQuestionId];
+            var currentQuestions = __spreadArray([], _this.state.currentQuestions, true);
+            var answeredQuestion = currentQuestions.find(function (e) { return e.clientQuestionId == clientQuestionId; });
+            if (!answeredQuestion) {
+                return;
+            }
+            var questionsCompleted = false;
+            //remove the dependent question based on previous answer
+            if (answeredQuestion.questionType !== QuestionTypes.Text && answeredQuestion.answers) {
+                var option_1 = null;
+                if (Array.isArray(answeredQuestion.answers) &&
+                    (answeredQuestion === null || answeredQuestion === void 0 ? void 0 : answeredQuestion.answers.length) > 0 &&
+                    Array.isArray(oldAnswer[clientQuestionId])) {
+                    var latestRemovedOption_1 = null;
+                    if (questionAnswer == null) {
+                        latestRemovedOption_1 = oldAnswer[clientQuestionId];
+                    }
+                    else {
+                        var answers_1 = Array.isArray(questionAnswer) ? questionAnswer : [];
+                        latestRemovedOption_1 = (_a = oldAnswer[clientQuestionId]) === null || _a === void 0 ? void 0 : _a.find(function (m) { return !answers_1.includes(m); });
+                    }
+                    option_1 = answeredQuestion === null || answeredQuestion === void 0 ? void 0 : answeredQuestion.options.find(function (ele) { return ele.value == latestRemovedOption_1; });
+                }
+                else if (Array.isArray(answeredQuestion.answers) &&
+                    answeredQuestion.answers.length > 0 && !Array.isArray(oldAnswer[clientQuestionId])) {
+                    var latestRemovedOption_2 = oldAnswer[clientQuestionId];
+                    option_1 = (_b = answeredQuestion.options) === null || _b === void 0 ? void 0 : _b.find(function (ele) { return ele.value == latestRemovedOption_2; });
+                }
+                if (option_1 && option_1.goToNextQuestion) {
+                    //remove the answer of the dependent question
+                    var dependentQuestion_1 = currentQuestions.find(function (m) { return m.questionId == (option_1 === null || option_1 === void 0 ? void 0 : option_1.goToNextQuestion) &&
+                        m.serialNumber == (answeredQuestion === null || answeredQuestion === void 0 ? void 0 : answeredQuestion.serialNumber); });
+                    if (dependentQuestion_1 && (dependentQuestion_1 === null || dependentQuestion_1 === void 0 ? void 0 : dependentQuestion_1.denpendentQuestionGroupId)) {
+                        // remove all the group questions
+                        var groupQuestions = currentQuestions
+                            .filter(function (m) { return m.denpendentQuestionGroupId == (dependentQuestion_1 === null || dependentQuestion_1 === void 0 ? void 0 : dependentQuestion_1.denpendentQuestionGroupId); }
+                        // && m.serialNumber == dependentQuestion?.serialNumber
+                        );
+                        var deleteAllSerials = false;
+                        //delete all serials number questions within dependent group if deleteAllSerials is true
+                        if (groupQuestions && groupQuestions.length > 0 && groupQuestions[0].deleteAllSerials) {
+                            groupQuestions = currentQuestions
+                                .filter(function (m) { return m.denpendentQuestionGroupId == (dependentQuestion_1 === null || dependentQuestion_1 === void 0 ? void 0 : dependentQuestion_1.denpendentQuestionGroupId); });
+                            deleteAllSerials = true;
+                        }
+                        if (deleteAllSerials == true) {
+                            var dependentQuestionIds_1 = [];
+                            groupQuestions.forEach(function (groupQuestion) {
+                                dependentQuestionIds_1 = dependentQuestionIds_1
+                                    .concat(_this.getAllDependentQuestions(groupQuestion.questionId, groupQuestion.serialNumber));
+                            });
+                            var removedQuestions = currentQuestions.filter(function (m) { return (dependentQuestionIds_1 === null || dependentQuestionIds_1 === void 0 ? void 0 : dependentQuestionIds_1.indexOf(m.questionId)) > -1; });
+                            removedDependentQuestions = removedDependentQuestions.concat(removedQuestions);
+                            var removedClientQuestionIds_1 = removedDependentQuestions.map(function (m) { return m.clientQuestionId; });
+                            currentQuestions = currentQuestions
+                                .filter(function (m) { return (removedClientQuestionIds_1 === null || removedClientQuestionIds_1 === void 0 ? void 0 : removedClientQuestionIds_1.indexOf(m.clientQuestionId)) == -1; });
+                        }
+                        else {
+                            var dependentQuestionIds_2 = [];
+                            groupQuestions.forEach(function (groupQuestion) {
+                                dependentQuestionIds_2 = dependentQuestionIds_2
+                                    .concat(_this.getAllDependentQuestions(groupQuestion.questionId, groupQuestion.serialNumber));
+                            });
+                            var removedQuestions = currentQuestions
+                                .filter(function (m) { return (dependentQuestionIds_2 === null || dependentQuestionIds_2 === void 0 ? void 0 : dependentQuestionIds_2.indexOf(m.questionId)) > -1; }
+                            // &&m.serialNumber == dependentQuestion?.serialNumber
+                            );
+                            removedDependentQuestions = removedDependentQuestions.concat(removedQuestions);
+                            var removedClientQuestionIds_2 = removedDependentQuestions.map(function (m) { return m.clientQuestionId; });
+                            currentQuestions = currentQuestions
+                                .filter(function (m) { return (removedClientQuestionIds_2 === null || removedClientQuestionIds_2 === void 0 ? void 0 : removedClientQuestionIds_2.indexOf(m.clientQuestionId)) == -1; });
+                        }
+                    }
+                    else if (dependentQuestion_1) {
+                        var dependentQuestionIds_3 = _this.getAllDependentQuestions(dependentQuestion_1 === null || dependentQuestion_1 === void 0 ? void 0 : dependentQuestion_1.questionId, dependentQuestion_1 === null || dependentQuestion_1 === void 0 ? void 0 : dependentQuestion_1.serialNumber);
+                        // post this question to remove API
+                        var removedQuestions = currentQuestions
+                            .filter(function (m) { return (dependentQuestionIds_3 === null || dependentQuestionIds_3 === void 0 ? void 0 : dependentQuestionIds_3.indexOf(m.questionId)) > -1 &&
+                            m.serialNumber == (dependentQuestion_1 === null || dependentQuestion_1 === void 0 ? void 0 : dependentQuestion_1.serialNumber); });
+                        removedDependentQuestions = removedDependentQuestions.concat(removedQuestions);
+                        var removedClientQuestionIds_3 = removedDependentQuestions.map(function (m) { return m.clientQuestionId; });
+                        currentQuestions = currentQuestions.filter(function (m) { return (removedClientQuestionIds_3 === null || removedClientQuestionIds_3 === void 0 ? void 0 : removedClientQuestionIds_3.indexOf(m.clientQuestionId)) == -1; });
+                    }
+                }
+            }
+            //get the next question from the questionsData
+            var nextQuestion = null;
+            // case 1 -- find the go to question id based on the option selected
+            if (answeredQuestion.questionType !== QuestionTypes.Text
+                && answeredQuestion.questionType !== QuestionTypes.TextArea
+                && answeredQuestion.questionType !== QuestionTypes.SSN
+                && answeredQuestion.questionType !== QuestionTypes.EIN
+                && answeredQuestion.questionType !== QuestionTypes.Email
+                && answeredQuestion.questionType !== QuestionTypes.Number
+                && answeredQuestion.questionType !== QuestionTypes.NumericId
+                && answeredQuestion.questionType !== QuestionTypes.ROUTINGNUMBER
+                && answeredQuestion.questionType !== QuestionTypes.PhoneNumber
+                && answeredQuestion.questionType !== QuestionTypes.Currency
+                && answeredQuestion.questionType !== QuestionTypes.AlphaNumeric
+                && answeredQuestion.questionType !== QuestionTypes.ZipCode
+                && answeredQuestion.questionType !== QuestionTypes.TaxId
+                && answeredQuestion.questionType !== QuestionTypes.FaxId
+                && answeredQuestion.questionType !== QuestionTypes.disableTextField
+                && answeredQuestion.questionType !== QuestionTypes.LabelText
+                && answeredQuestion.questionType !== QuestionTypes.Percentage
+                && answeredQuestion.questionType !== QuestionTypes.Percentage25A
+                && answeredQuestion.questionType !== QuestionTypes.Percentage25B
+                && answeredQuestion.questionType !== QuestionTypes.SalesPercentage
+                && answeredQuestion.questionType !== QuestionTypes.NumberOfMonths) {
+                var option_2 = null;
+                if (Array.isArray(questionAnswer)) {
+                    var latestOption_1 = questionAnswer === null || questionAnswer === void 0 ? void 0 : questionAnswer.find(function (m) { var _a; return ((_a = oldAnswer[clientQuestionId]) === null || _a === void 0 ? void 0 : _a.indexOf(m)) == -1; });
+                    option_2 = answeredQuestion.options.find(function (ele) { return ele.value == latestOption_1; });
+                }
+                else {
+                    option_2 = answeredQuestion.options.find(function (ele) { return ele.value == parseInt(questionAnswer); });
+                }
+                nextQuestion = _this.props.questionsData
+                    .find(function (ele) { return ele.questionId == (option_2 === null || option_2 === void 0 ? void 0 : option_2.goToNextQuestion) &&
+                    ele.serialNumber == (answeredQuestion === null || answeredQuestion === void 0 ? void 0 : answeredQuestion.serialNumber); });
+            }
+            //check if it is already exists in current Questions
+            if (nextQuestion) {
+                if (currentQuestions.find(function (m) { return m.questionId == (nextQuestion === null || nextQuestion === void 0 ? void 0 : nextQuestion.questionId) &&
+                    m.serialNumber == (answeredQuestion === null || answeredQuestion === void 0 ? void 0 : answeredQuestion.serialNumber); })) {
+                    nextQuestion = null;
+                }
+            }
+            //check the denpendentQuestionGroupId
+            if (nextQuestion && nextQuestion.denpendentQuestionGroupId) {
+                var groupQuestions = _this.getDependentGroupQuestions(nextQuestion);
+                // need to append to the current question
+                var answeredQuestionIndex_1 = currentQuestions.findIndex(function (m) { return m.questionId == (answeredQuestion === null || answeredQuestion === void 0 ? void 0 : answeredQuestion.questionId) && m.serialNumber == answeredQuestion.serialNumber; });
+                groupQuestions.forEach(function (question, index) {
+                    currentQuestions.splice(answeredQuestionIndex_1 + 1 + index, 0, question);
+                });
+                //currentQuestions = currentQuestions.concat(groupQuestions);
+            }
+            else if (nextQuestion) {
+                //set the next question
+                var answeredQuestionIndex = currentQuestions.findIndex(function (m) { return m.questionId == (answeredQuestion === null || answeredQuestion === void 0 ? void 0 : answeredQuestion.questionId) && m.serialNumber == answeredQuestion.serialNumber; });
+                currentQuestions.splice(answeredQuestionIndex + 1, 0, nextQuestion);
+                //currentQuestions.push(nextQuestion);
+            }
+            else {
+                questionsCompleted = true;
+            }
+            if (Array.isArray(questionAnswer)) {
+                answeredQuestion.answers = questionAnswer.map(function (item) {
+                    return { answer: item, optionId: item };
+                });
+            }
+            else if (questionAnswer == null) {
+                answeredQuestion.answers = [];
+            }
+            else {
+                answeredQuestion.answers = [
+                    { answer: questionAnswer, optionId: questionAnswer },
+                ];
+            }
+            if (_this.props.onSaveQuestion) {
+                _this.props.onSaveQuestion(answeredQuestion, oldAnswer);
+            }
+            if (removedDependentQuestions.length > 0) {
+                removedDependentQuestions.filter(function (m) { return m.serialNumber == 0; }).forEach(function (question) {
+                    var _a;
+                    var previousAnswer = (_a = {}, _a[question.clientQuestionId] = question.answers, _a);
+                    question.answers = [];
+                    if (_this.props.onSaveQuestion) {
+                        _this.props.onSaveQuestion(question, previousAnswer);
+                    }
+                });
+                //remove repetative question groups
+                if (removedDependentQuestions.filter(function (m) { return m.serialNumber > 0; }).length > 0) {
+                    if (_this.props.onRemoveGroupQuestionBulk) {
+                        var requestPayload_1 = [];
+                        var groupsToDelete = removedDependentQuestions.filter(function (m) { return m.serialNumber > 0; });
+                        groupsToDelete.forEach(function (item) {
+                            if (requestPayload_1.find(function (m) { return m.selectedSerialNumber == item.serialNumber; }) == null)
+                                requestPayload_1.push({
+                                    questionGroupId: item.questionGroupId,
+                                    selectedSerialNumber: item.serialNumber
+                                });
+                        });
+                        _this.props.onRemoveGroupQuestionBulk(requestPayload_1);
+                    }
+                }
+            }
+            currentQuestions = currentQuestions.sort(function (a, b) { return (a === null || a === void 0 ? void 0 : a.questionSequence) - (b === null || b === void 0 ? void 0 : b.questionSequence); });
+            _this.setState({
+                currentQuestions: currentQuestions,
+                questionsCompleted: questionsCompleted,
+            });
+        };
+        _this.preparePostDto = function (allValues) {
+            var final = [];
+            _this.state.currentQuestions.forEach(function (element) {
+                var _a;
+                if (element.questionType == QuestionTypes.Text
+                    || element.questionType == QuestionTypes.TextArea
+                    || element.questionType == QuestionTypes.Entertext
+                    || element.questionType == QuestionTypes.Number
+                    || element.questionType === QuestionTypes.Currency
+                    || element.questionType === QuestionTypes.AlphaNumeric
+                    || element.questionType === QuestionTypes.ZipCode
+                    || element.questionType === QuestionTypes.SSN
+                    || element.questionType === QuestionTypes.EIN
+                    || element.questionType === QuestionTypes.PhoneNumber
+                    || element.questionType === QuestionTypes.Email
+                    || element.questionType === QuestionTypes.TaxId
+                    || element.questionType === QuestionTypes.FaxId
+                    || element.questionType === QuestionTypes.disableTextField
+                    || element.questionType === QuestionTypes.LabelText
+                    || element.questionType === QuestionTypes.NumericId
+                    || element.questionType === QuestionTypes.ROUTINGNUMBER
+                    || element.questionType === QuestionTypes.Percentage
+                    || element.questionType === QuestionTypes.Percentage25A
+                    || element.questionType === QuestionTypes.Percentage25B
+                    || element.questionType === QuestionTypes.SalesPercentage
+                    || element.questionType === QuestionTypes.NumberOfMonths) {
+                    var setObj = {
+                        questionId: element.questionId,
+                        questionText: element.questionText,
+                        questionType: element.questionType,
+                        shortCode: element.shortCode,
+                        questoionSummaryText: element.questoionSummaryText,
+                        answers: [{ answer: allValues["question_" + element.clientQuestionId] }],
+                        options: [],
+                    };
+                    final.push(setObj);
+                }
+                else if (element.questionType == QuestionTypes.MultiSelectionCheckBox || QuestionTypes.MultiSelectionDropdown) {
+                    var val_1 = allValues["question_" + element.clientQuestionId];
+                    var ops = (_a = element === null || element === void 0 ? void 0 : element.options) === null || _a === void 0 ? void 0 : _a.filter(function (ele) { return val_1 === null || val_1 === void 0 ? void 0 : val_1.includes(ele === null || ele === void 0 ? void 0 : ele.value); });
+                    var options_1 = [];
+                    var answers_2 = [];
+                    ops.map(function (op) {
+                        var ops1 = {
+                            value: op.value,
+                            text: op.text,
+                        };
+                        options_1.push(ops1);
+                        answers_2.push({ optionId: op.value, answer: op.value });
+                    });
+                    var setObj = {
+                        questionId: element.questionId,
+                        questionText: element.questionText,
+                        questionType: element.questionType,
+                        questoionSummaryText: element.questoionSummaryText,
+                        shortCode: element.shortCode,
+                        options: options_1,
+                        answers: answers_2
+                    };
+                    final.push(setObj);
+                }
+                else if (element.questionType == QuestionTypes.SingleSelectionBoxSelection) {
+                    var val_2 = allValues["question_" + element.clientQuestionId];
+                    var ops = element.options.filter(function (ele) { return ele.value == val_2; });
+                    var options_2 = [];
+                    var answers_3 = [];
+                    ops.map(function (op) {
+                        var ops2 = {
+                            value: op.value,
+                            text: op.text,
+                        };
+                        options_2.push(ops2);
+                        answers_3.push({ optionId: op.value, answer: op.value });
+                    });
+                    var setObj = {
+                        questionId: element.questionId,
+                        questionText: element.questionText,
+                        questionType: element.questionType,
+                        questoionSummaryText: element.questoionSummaryText,
+                        shortCode: element.shortCode,
+                        options: options_2,
+                        answers: answers_3
+                    };
+                    final.push(setObj);
+                }
+                else {
+                    var val_3 = allValues["question_" + element.clientQuestionId];
+                    var ops = element.options.filter(function (ele) { return ele.value == val_3; });
+                    var options_3 = [];
+                    var answers_4 = [];
+                    ops.map(function (op) {
+                        var ops3 = {
+                            value: op.value,
+                            text: op.text,
+                        };
+                        options_3.push(ops3);
+                        answers_4.push({ optionId: op.value, answer: op.value });
+                    });
+                    var setObj = {
+                        questionId: element.questionId,
+                        questionText: element.questionText,
+                        questionType: element.questionType,
+                        questoionSummaryText: element.questoionSummaryText,
+                        shortCode: element.shortCode,
+                        options: options_3,
+                        answers: answers_4
+                    };
+                    final.push(setObj);
+                }
+            });
+            return final;
+        };
+        _this.hndleNext = function (values) {
+            var postDto = _this.preparePostDto(values);
+            _this.props.onNextPage(postDto);
+        };
+        _this.handlePrevious = function (values) {
+            var postDto = _this.preparePostDto(values);
+            _this.props.onPreviousPage(postDto);
+        };
+        _this.getAllDependentQuestions = function (questionId, serialNumber) {
+            var dependentQuestionIds = [];
+            dependentQuestionIds.push(questionId);
+            var currentQuestions = __spreadArray([], _this.state.currentQuestions, true);
+            var answeredQuestion = currentQuestions.find(function (e) { return e.questionId == questionId &&
+                e.serialNumber == serialNumber; });
+            if (!answeredQuestion) {
+                return [];
+            }
+            var options = null;
+            if (Array.isArray(answeredQuestion.answers) && answeredQuestion.answers.length > 0) {
+                var selectedOptions_1 = answeredQuestion.answers.map(function (m) { return m.optionId ? parseInt(m.optionId.toString()) : 0; });
+                options = answeredQuestion === null || answeredQuestion === void 0 ? void 0 : answeredQuestion.options.filter(function (ele) { return (selectedOptions_1 === null || selectedOptions_1 === void 0 ? void 0 : selectedOptions_1.indexOf(ele.value)) > -1; });
+                options.forEach(function (m) {
+                    if (m.goToNextQuestion) {
+                        //check for group questions
+                        var dependentQuestion = currentQuestions.find(function (e) { return e.questionId == m.goToNextQuestion &&
+                            e.serialNumber == serialNumber; });
+                        if (dependentQuestion && dependentQuestion.denpendentQuestionGroupId) {
+                            var dependentGroupQuestions = _this.getDependentGroupQuestions(dependentQuestion);
+                            dependentGroupQuestions.forEach(function (groupQuestion) {
+                                dependentQuestionIds.push(groupQuestion.questionId);
+                                var childDependents = _this.getAllDependentQuestions(groupQuestion.questionId, serialNumber);
+                                dependentQuestionIds = dependentQuestionIds.concat(childDependents);
+                            });
+                        }
+                        else if (dependentQuestion && dependentQuestion.denpendentQuestionGroupId == null) {
+                            dependentQuestionIds.push(m.goToNextQuestion);
+                            var childDependents = _this.getAllDependentQuestions(m.goToNextQuestion, serialNumber);
+                            dependentQuestionIds = dependentQuestionIds.concat(childDependents);
+                        }
+                    }
+                });
+                return dependentQuestionIds;
+            }
+            return dependentQuestionIds;
+        };
+        _this.onSelectCheckedQuestions = function (question) {
+            if (!_this.props.onSelectCheckedQuestions) {
+                return;
+            }
+            if (question.isRepetitive !== true && question.dependent == false && question.denpendentQuestionGroupId === null) {
+                var clientQuestionIds = _this.getAllDependentQuestionsForAllOptions(question.clientQuestionId, question.serialNumber);
+                _this.props.onSelectCheckedQuestions(clientQuestionIds);
+            }
+            else if (question.isRepetitive === true) {
+                var clientQuestionIds = _this.state.currentQuestions
+                    .filter(function (m) { return m.questionGroupId == question.questionGroupId &&
+                    m.serialNumber == question.serialNumber; }).map(function (m) { return m.clientQuestionId; });
+                _this.props.onSelectCheckedQuestions(clientQuestionIds);
+            }
+            else if (question.denpendentQuestionGroupId) {
+                var clientQuestionIds = _this.state.currentQuestions
+                    .filter(function (m) { return m.denpendentQuestionGroupId == question.denpendentQuestionGroupId; })
+                    .map(function (m) { return m.clientQuestionId; });
+                _this.props.onSelectCheckedQuestions(clientQuestionIds);
+            }
+        };
+        _this.unSelectedCheckedQuestions = function (question) {
+            if (!_this.props.unSelectedCheckedQuestions) {
+                return;
+            }
+            if (question.isRepetitive !== true && question.dependent == false && question.denpendentQuestionGroupId === null) {
+                var clientQuestionIds = _this.getAllDependentQuestionsForAllOptions(question.clientQuestionId, question.serialNumber);
+                _this.props.unSelectedCheckedQuestions(clientQuestionIds);
+            }
+            else if (question.isRepetitive === true) {
+                var clientQuestionIds = _this.state.currentQuestions
+                    .filter(function (m) { return m.questionGroupId == question.questionGroupId &&
+                    m.serialNumber == question.serialNumber; }).map(function (m) { return m.clientQuestionId; });
+                _this.props.unSelectedCheckedQuestions(clientQuestionIds);
+            }
+            else if (question.denpendentQuestionGroupId) {
+                var clientQuestionIds = _this.state.currentQuestions
+                    .filter(function (m) { return m.denpendentQuestionGroupId == question.denpendentQuestionGroupId; })
+                    .map(function (m) { return m.clientQuestionId; });
+                _this.props.unSelectedCheckedQuestions(clientQuestionIds);
+            }
+        };
+        _this.assigneModalFunc = function (question) {
+            if (!_this.props.assigneModalFunc) {
+                return;
+            }
+            if (question.isRepetitive !== true && question.dependent == false && question.denpendentQuestionGroupId === null) {
+                var clientQuestionIds = _this.getAllDependentQuestionsForAllOptions(question.clientQuestionId, question.serialNumber);
+                _this.props.assigneModalFunc(question, clientQuestionIds);
+            }
+            else if (question.isRepetitive === true) {
+                var clientQuestionIds = _this.state.currentQuestions
+                    .filter(function (m) { return m.questionGroupId == question.questionGroupId &&
+                    m.serialNumber == question.serialNumber; }).map(function (m) { return m.clientQuestionId; });
+                _this.props.assigneModalFunc(question, clientQuestionIds);
+            }
+            else if (question.denpendentQuestionGroupId) {
+                var clientQuestionIds = _this.state.currentQuestions
+                    .filter(function (m) { return m.denpendentQuestionGroupId == question.denpendentQuestionGroupId; })
+                    .map(function (m) { return m.clientQuestionId; });
+                _this.props.assigneModalFunc(question, clientQuestionIds);
+            }
+        };
+        _this.getAllDependentQuestionsForAllOptions = function (clientQuestionId, serialNumber) {
+            var dependentQuestionIds = [];
+            dependentQuestionIds.push(clientQuestionId);
+            var currentQuestions = _this.props.questionsData;
+            var answeredQuestion = currentQuestions.find(function (e) { return e.clientQuestionId == clientQuestionId; });
+            if (!answeredQuestion) {
+                return [];
+            }
+            if (Array.isArray(answeredQuestion.options) && answeredQuestion.options.length > 0) {
+                answeredQuestion.options.forEach(function (m) {
+                    if (m.goToNextQuestion) {
+                        //check for group questions          
+                        var dependentQuestion = currentQuestions.find(function (e) { return e.questionId == m.goToNextQuestion &&
+                            e.serialNumber == serialNumber; });
+                        if (dependentQuestion && dependentQuestion.denpendentQuestionGroupId) {
+                            var dependentGroupQuestions = _this.getDependentGroupQuestions(dependentQuestion, true);
+                            dependentGroupQuestions.forEach(function (groupQuestion) {
+                                var childDependents = _this.getAllDependentQuestionsForAllOptions(groupQuestion.clientQuestionId, serialNumber);
+                                dependentQuestionIds = dependentQuestionIds.concat(childDependents);
+                            });
+                        }
+                        else if (dependentQuestion && dependentQuestion.denpendentQuestionGroupId == null) {
+                            var childDependents = _this.getAllDependentQuestionsForAllOptions(dependentQuestion.clientQuestionId, serialNumber);
+                            dependentQuestionIds = dependentQuestionIds.concat(childDependents);
+                        }
+                    }
+                });
+                return dependentQuestionIds;
+            }
+            return dependentQuestionIds;
+        };
+        _this.state = {
+            questionsCompleted: false,
+            currentQuestions: [],
+            formInitialvalues: {},
+        };
+        return _this;
+    }
+    // service = new Service();
+    QuestionnaireComponent.prototype.componentDidMount = function () {
+        this.setQuestions();
+    };
+    QuestionnaireComponent.prototype.componentDidUpdate = function (previousProps) {
+        var _a, _b;
+        if (((_a = previousProps.questionsData) === null || _a === void 0 ? void 0 : _a.length) != ((_b = this.props.questionsData) === null || _b === void 0 ? void 0 : _b.length)) {
+            this.setQuestions();
+        }
+        if (previousProps.refreshQuestionsData != this.props.refreshQuestionsData && this.props.refreshQuestionsData) {
+            this.setQuestions();
+        }
+    };
+    QuestionnaireComponent.prototype.render = function () {
+        var _a;
+        console.log("QuestionnaireComponent render", this.state, this.props, this.props.saveQuestionnaire);
+        return (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: "questionaryWrap" },
+                React.createElement(QuestionnaireForm, { onSaveQuestion: this.saveQuestion, currentQuestions: this.state.currentQuestions, onNextPage: this.hndleNext, onPreviousPage: this.handlePrevious, displayNextPrevButtons: this.props.displayNextPrevButtons, questionsCompleted: this.state.questionsCompleted, formInitialvalues: this.state.formInitialvalues, disableFields: this.props.disableFields, canAddGroupQuestions: this.props.canAddGroupQuestions, onAddGroupQuestion: this.props.onAddGroupQuestion, onRemoveGroupQuestion: this.props.onRemoveGroupQuestion, formName: this.props.formName, asigneeModeOn: (_a = this.props) === null || _a === void 0 ? void 0 : _a.asigneeModeOn, onSelectCheckedQuestions: this.onSelectCheckedQuestions, unSelectedCheckedQuestions: this.unSelectedCheckedQuestions, assigneModalFunc: this.assigneModalFunc, saveQuestionnaire: this.props.saveQuestionnaire, addAnotherNotRequired: this.props.addAnotherNotRequired, onClickFile: this.props.onClickFile, onFocusOut: this.props.onFocusOut, clientProductId: this.props.clientProductId, percentageQIds: this.props.percentageQIds }))));
+    };
+    return QuestionnaireComponent;
+}(React.Component));
+export default QuestionnaireComponent;
+//# sourceMappingURL=Questionnaire.js.map