');\r\n\r\n\t\treturn templateData;\r\n\t};\r\n\r\n\tconst buttonClick = async event => {\r\n\t\tif (event.target.type !== \"button\") {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tif (event.target.id.includes(\"add\")) {\r\n\t\t\taddTableRow();\r\n\t\t} else if (event.target.id.includes(\"remove\")) {\r\n\t\t\tconst row = event.target.id.substring(\r\n\t\t\t\tevent.target.id.lastIndexOf(\"-\") + 1,\r\n\t\t\t);\r\n\r\n\t\t\tremoveTableRow(row);\r\n\t\t}\r\n\t};\r\n\r\n\tconst addTableRow = () => {\r\n\t\tif (containerRef && containerRef.current) {\r\n\t\t\tlet body = containerRef.current.innerHTML;\r\n\t\t\tconst newRow = `
`, \"gs\");\r\n\t\ttemplateData.body = templateData.body.replace(regex, \"\");\r\n\r\n\t\tconst newTableData = tableData.filter(\r\n\t\t\tdata => data.number !== row.toString(),\r\n\t\t);\r\n\t\tsetTableData(newTableData);\r\n\t\tif (tableRowCount === 1) {\r\n\t\t} else {\r\n\t\t\tsetTableRowCount(tableRowCount - 1);\r\n\t\t}\r\n\r\n\t\tsetTemplateData(templateData);\r\n\r\n\t\treturn new Promise((res, rej) => {\r\n\t\t\tres({ row, templateData });\r\n\t\t});\r\n\t};\r\n\r\n\tconst setDropDownValue = (arr, ind, row, value, isStudent) => {\r\n\t\tif (!arr) {\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tif (!arr.length) {\r\n\t\t\treturn ``;\r\n\t\t}\r\n\t\tlet str = \"\";\r\n\t\tif (row) {\r\n\t\t\tif (value && value === (arr[0].name || arr[0].groupName || arr[0].data)) {\r\n\t\t\t\tstr = ``;\r\n\t\t\t} else {\r\n\t\t\t\tstr = ``;\r\n\t\t\t}\r\n\t\t\tarr.forEach((item, i) => {\r\n\t\t\t\tstr = str = str.replace(\r\n\t\t\t\t\t\"\",\r\n\t\t\t\t\t``,\r\n\t\t\t\t);\r\n\t\t\t});\r\n\t\t} else {\r\n\t\t\tif (value && value === (arr[0].name || arr[0].groupName || arr[0].data)) {\r\n\t\t\t\tstr = ``;\r\n\t\t\t} else {\r\n\t\t\t\tstr = ``;\r\n\t\t\t}\r\n\t\t\tarr.forEach((item, i) => {\r\n\t\t\t\tstr = str = str.replace(\r\n\t\t\t\t\t\"\",\r\n\t\t\t\t\t``,\r\n\t\t\t\t);\r\n\t\t\t});\r\n\t\t}\r\n\t\treturn str;\r\n\t};\r\n\r\n\tconst getGroupStudents = (id, position, studentsData = []) => {\r\n\t\tif (id) {\r\n\t\t\tApiService.getDivisionsStudents(id, false).then(response => {\r\n\t\t\t\tlet students = response.data;\r\n\t\t\t\tsetStudents(students);\r\n\t\t\t\tconst idNumberPart = position.substr(1);\r\n\t\t\t\tconst index = +idNumberPart + 1;\r\n\t\t\t\tlet studentsList = [];\r\n\t\t\t\tif (studentsData) {\r\n\t\t\t\t\tstudentsList = studentsData;\r\n\t\t\t\t}\r\n\t\t\t\tsetValues(values => ({\r\n\t\t\t\t\t...values,\r\n\t\t\t\t\t[`a${index}`]: studentsList,\r\n\t\t\t\t}));\r\n\t\t\t\ttemplateData.body = templateData.body.replace(\r\n\t\t\t\t\t``,\r\n\t\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tfor (let i = 0; i < students.length; i++) {\r\n\t\t\t\t\t\t\t\tif (\r\n\t\t\t\t\t\t\t\t\tstr &&\r\n\t\t\t\t\t\t\t\t\t!str.includes(\r\n\t\t\t\t\t\t\t\t\t\t``,\r\n\t\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t\t) {\r\n\t\t\t\t\t\t\t\t\tstr = str.replace(\r\n\t\t\t\t\t\t\t\t\t\t\"
\",\r\n\t\t\t\t\t\t\t\t\t\t`
`,\r\n\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tif (studentsInfo) {\r\n\t\t\t\t\t\t\t\ttemplateData.body = templateData.body.replace(\r\n\t\t\t\t\t\t\t\t\t`{a${studentsInfo.position}}
`,\r\n\t\t\t\t\t\t\t\t\tstr,\r\n\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\ttemplateData.body = templateData.body.replace(\r\n\t\t\t\t\t\t\t\t`
`;\r\n\t\t\t\t\t\t\tfor (let i = 1; i < students.length; i++) {\r\n\t\t\t\t\t\t\t\tstr = str.replace(\r\n\t\t\t\t\t\t\t\t\t\"
\",\r\n\t\t\t\t\t\t\t\t\t`
`,\r\n\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\ttemplateData.body = templateData.body.replace(\r\n\t\t\t\t\t\t\t\t`{a${studentsInfo.position}}
`,\r\n\t\t\t\t\t\t\t\tstr,\r\n\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\ttemplateData.body = templateData.body.replace(\r\n\t\t\t\t\t\t\t\t` {\r\n\t\tlet cloneGroupData;\r\n\t\tif (groupData.length) {\r\n\t\t\tcloneGroupData = groupData.find(data => data.name === event.target.value);\r\n\t\t}\r\n\t\tconst lastIndex = event.target.id.lastIndexOf(\"-\") + 2;\r\n\t\tconst nextIndex = +event.target.id.substr(1) + 1;\r\n\t\tif (event.target.value === \"Другое (вписать вручную)\") {\r\n\t\t\ttemplateData.body = templateData.body.replace(\r\n\t\t\t\t`id=\"entity-a${nextIndex}\" class=\"hidden\"`,\r\n\t\t\t\t`id=\"entity-a${nextIndex}\"`,\r\n\t\t\t);\r\n\t\t} else if (\r\n\t\t\ttemplateData.body.includes(`id=\"entity-a${nextIndex}\" class=\"hidden\"`) &&\r\n\t\t\ttemplateData.body.includes(`id=\"entity-a${nextIndex}\"`)\r\n\t\t) {\r\n\t\t\ttemplateData.body = templateData.body.replace(\r\n\t\t\t\t`id=\"entity-a${nextIndex}\"`,\r\n\t\t\t\t`id=\"entity-a${nextIndex}\" class=\"hidden\" value=\"\"`,\r\n\t\t\t);\r\n\t\t\tsetValues(values => ({\r\n\t\t\t\t...values,\r\n\t\t\t\t[`a${nextIndex}`]: \"\",\r\n\t\t\t}));\r\n\t\t}\r\n\t\tif (cloneGroupData) {\r\n\t\t\tif (\r\n\t\t\t\tevent.target.type === \"select-one\" &&\r\n\t\t\t\tevent.target.type !== \"checkbox\"\r\n\t\t\t) {\r\n\t\t\t\tsetOptionSelectedAttr(event.target);\r\n\t\t\t}\r\n\t\t\tsetValues(values => ({\r\n\t\t\t\t...values,\r\n\t\t\t\t[`a${nextIndex}`]: event.target.value,\r\n\t\t\t}));\r\n\t\t\tif (templateInfo.find(data => data.type === \"students-list\")) {\r\n\t\t\t\tgetGroupStudents(groupData.id, event.target.id, null);\r\n\t\t\t}\r\n\t\t\tif (templateInfo.find(data => data.type === \"students-in-table\")) {\r\n\t\t\t\tsetGroupsStudentsInTable(groupData.id);\r\n\t\t\t}\r\n\t\t} else if (event.target.type === \"checkbox\") {\r\n\t\t\thasStudentChecked(event.target.id, event.target.checked);\r\n\t\t} else if (event.target.id.includes(\"inputs-list\")) {\r\n\t\t\tconst templateInfo = templateInfo.find(\r\n\t\t\t\tdata => data.type === \"inputs-list\",\r\n\t\t\t);\r\n\t\t\tconst secondtemplateInfo = templateInfo.find(\r\n\t\t\t\tdata => data.type === \"sign-row-arr\",\r\n\t\t\t);\r\n\t\t\tsetValues(values => ({\r\n\t\t\t\t...values,\r\n\t\t\t\t[`a${templateInfo.position}`]: inputsListData,\r\n\t\t\t}));\r\n\t\t\tif (secondtemplateInfo) {\r\n\t\t\t\tsetValues(values => ({\r\n\t\t\t\t\t...values,\r\n\t\t\t\t\t[`a${secondtemplateInfo.position}`]: inputsListData,\r\n\t\t\t\t}));\r\n\t\t\t}\r\n\t\t} else if (event.target.id.includes(\"entity\")) {\r\n\t\t\tconst itemId = event.target.id.substr(lastIndex);\r\n\t\t\tsetValues(values => ({\r\n\t\t\t\t...values,\r\n\t\t\t\t[`a${itemId}`]: event.target.value,\r\n\t\t\t}));\r\n\t\t} else if (event.target.id) {\r\n\t\t\tif (\r\n\t\t\t\tevent.target.type === \"select-one\" &&\r\n\t\t\t\tevent.target.type !== \"checkbox\" &&\r\n\t\t\t\tevent.target.type !== \"button\"\r\n\t\t\t) {\r\n\t\t\t\tsetOptionSelectedAttr(event.target);\r\n\t\t\t\tif (event.target.id.includes(\"col\")) {\r\n\t\t\t\t\tsetTableValue(event.target.id, event.target.value, null);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tif (!event.target.id.includes(\"col\")) {\r\n\t\t\t\tsetValues(values => ({\r\n\t\t\t\t\t...values,\r\n\t\t\t\t\t[`${event.target.id}`]: event.target.value,\r\n\t\t\t\t}));\r\n\t\t\t}\r\n\t\t}\r\n\t\tsetTemplateData(templateData);\r\n\t};\r\n\r\n\tconst setOptionSelectedAttr = target => {\r\n\t\tconst optionIdPart = target.id.substr(1);\r\n\t\tif (templateData.body.includes(``,\r\n\t\t\t``,\r\n\t\t);\r\n\t\tsetTemplateData(templateData);\r\n\t};\r\n\r\n\tconst setTableValue = (strId, value, timeType) => {\r\n\t\tconst dashIndex = strId.lastIndexOf(\"-\") + 1;\r\n\t\tconst dataIndex = strId.substr(dashIndex);\r\n\t\tconst columnNumber = strId.substring(strId.indexOf(\"l\") + 1, dashIndex - 1);\r\n\t\tconst tableItemData = tableData.find(\r\n\t\t\tdata =>\r\n\t\t\t\tdata.number == dataIndex &&\r\n\t\t\t\tdata.columnNumber == columnNumber &&\r\n\t\t\t\ttimeType == data.timeType,\r\n\t\t);\r\n\t\tconst tableItemDataIndex = tableData.indexOf(\r\n\t\t\tdata =>\r\n\t\t\t\tdata.number == dataIndex &&\r\n\t\t\t\tdata.columnNumber == columnNumber &&\r\n\t\t\t\ttimeType == data.timeType,\r\n\t\t);\r\n\t\tif (tableItemData) {\r\n\t\t\tconst info = templateInfo.find(\r\n\t\t\t\tinfo => info.position.toString() === tableItemData.columnNumber,\r\n\t\t\t);\r\n\t\t\tif (\r\n\t\t\t\t(info && info.type === \"table-string-and-date\") ||\r\n\t\t\t\t(info && info.type === \"table-number-and-date\")\r\n\t\t\t) {\r\n\t\t\t\tif (value) {\r\n\t\t\t\t\ttableItemData.value[strId[0]] = value;\r\n\t\t\t\t} else {\r\n\t\t\t\t\tif (tableItemData.value.length > 1) {\r\n\t\t\t\t\t\ttableItemData.value.splice(strId[0], 1);\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\ttableItemData.value = [];\r\n\t\t\t\t\t}\r\n\t\t\t\t\tif (!tableItemData.value.length) {\r\n\t\t\t\t\t\tsetTableData(tableData => tableData.splice(tableItemDataIndex, 1));\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\tif (value) {\r\n\t\t\t\t\ttableItemData.value = value;\r\n\t\t\t\t} else {\r\n\t\t\t\t\tsetTableData(tableData => tableData.splice(tableItemDataIndex, 1));\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t} else if (value) {\r\n\t\t\tconst info = templateInfo.find(\r\n\t\t\t\tinfo => info.position.toString() === columnNumber,\r\n\t\t\t);\r\n\t\t\tif (\r\n\t\t\t\t(info && info.type === \"table-string-and-date\") ||\r\n\t\t\t\t(info && info.type === \"table-number-and-date\")\r\n\t\t\t) {\r\n\t\t\t\tconst arr = [];\r\n\t\t\t\tarr[strId[0]] = value;\r\n\t\t\t\tsetTableData(tableData => {\r\n\t\t\t\t\ttableData.push({\r\n\t\t\t\t\t\tnumber: dataIndex,\r\n\t\t\t\t\t\tcolumnNumber: columnNumber,\r\n\t\t\t\t\t\tvalue: arr,\r\n\t\t\t\t\t\ttimeType: timeType,\r\n\t\t\t\t\t});\r\n\t\t\t\t\treturn tableData;\r\n\t\t\t\t});\r\n\t\t\t} else {\r\n\t\t\t\tsetTableData(tableData => {\r\n\t\t\t\t\ttableData.push({\r\n\t\t\t\t\t\tnumber: dataIndex,\r\n\t\t\t\t\t\tcolumnNumber: columnNumber,\r\n\t\t\t\t\t\tvalue: value,\r\n\t\t\t\t\t\ttimeType: timeType,\r\n\t\t\t\t\t});\r\n\t\t\t\t\treturn tableData;\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\r\n\tconst hasStudentChecked = (id, checked) => {\r\n\t\tif (\r\n\t\t\ttemplateData.body.includes(``)\r\n\t\t) {\r\n\t\t\ttemplateData.body = templateData.body.replace(\r\n\t\t\t\t``,\r\n\t\t\t\t``,\r\n\t\t\t);\r\n\t\t} else {\r\n\t\t\ttemplateData.body = templateData.body.replace(\r\n\t\t\t\t``,\r\n\t\t\t\t``,\r\n\t\t\t);\r\n\t\t}\r\n\t\tid = +id.substr(id.indexOf(\"-\") + 1);\r\n\t\tlet index = id - 1;\r\n\t\tconst studentName = `${students[index].lastname} ${students[index].firstname\r\n\t\t\t} ${students[index].middlename ? students[index].middlename : \"\"}`;\r\n\t\tif (checked) {\r\n\t\t\tif (studentName !== studentsList[index]) {\r\n\t\t\t\tstudentsList.splice(index, 0, studentName);\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tconst index = studentsList.indexOf(studentName);\r\n\t\t\tif (index > -1) {\r\n\t\t\t\tstudentsList.splice(index, 1);\r\n\t\t\t}\r\n\t\t}\r\n\t\tsetTemplateData(templateData);\r\n\t};\r\n\r\n\tconst setGroupsStudentsInTable = groupId => {\r\n\t\tconst columnStr = tableTds[0];\r\n\t\tconst firstIndex = columnStr.indexOf(\"{\") + 2;\r\n\t\tconst lastIndex = columnStr.indexOf(\"}\");\r\n\t\tconst position = columnStr.substring(firstIndex, lastIndex);\r\n\t\tif (groupId) {\r\n\t\t\tApiService.getDivisionsStudents(groupId, false).then(response => {\r\n\t\t\t\tlet studentsInTable = response.data;\r\n\t\t\t\twhile (tableRowCount > 1) {\r\n\t\t\t\t\tlet cloneTableRowCount = tableRowCount;\r\n\t\t\t\t\tremoveTableRow(cloneTableRowCount.toString());\r\n\t\t\t\t\t// setTableRowCount(cloneTableRowCount--);\r\n\t\t\t\t}\r\n\t\t\t\tremoveTableRow(tableRowCount.toString());\r\n\t\t\t\ttemplateData.body = templateData.body.replace(\r\n\t\t\t\t\t`id=\"col${position}-${tableRowCount}\"`,\r\n\t\t\t\t\t`id=\"col${position}-${tableRowCount}\" value=\"${studentsInTable[0].studentName}\"`,\r\n\t\t\t\t);\r\n\t\t\t\tsetTableValue(\r\n\t\t\t\t\t`col${position}-${tableRowCount}`,\r\n\t\t\t\t\tstudentsInTable[0].studentName,\r\n\t\t\t\t\t\"\",\r\n\t\t\t\t);\r\n\t\t\t\tstudentsInTable.forEach((student, index) => {\r\n\t\t\t\t\tif (index) {\r\n\t\t\t\t\t\taddTableRow();\r\n\t\t\t\t\t\ttemplateData.body = templateData.body.replace(\r\n\t\t\t\t\t\t\t`id=\"col${position}-${tableRowCount}\"`,\r\n\t\t\t\t\t\t\t`id=\"col${position}-${tableRowCount}\" value=\"${student.studentName}\"`,\r\n\t\t\t\t\t\t);\r\n\t\t\t\t\t\tsetTableValue(\r\n\t\t\t\t\t\t\t`col${position}-${tableRowCount}`,\r\n\t\t\t\t\t\t\tstudent.studentName,\r\n\t\t\t\t\t\t\t\"\",\r\n\t\t\t\t\t\t);\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t\tsetTemplateData(templateData);\r\n\t\t\t});\r\n\t\t}\r\n\t};\r\n\r\n\tconst getDivisionsStudents = async (id, html) => {\r\n\t\tlet response = \"\";\r\n\t\ttry {\r\n\t\t\tresponse = await ApiService.getDivisionsStudents(id, false).then(\r\n\t\t\t\tresponse => {\r\n\t\t\t\t\tif (response && response.data && response.data.length) {\r\n\t\t\t\t\t\treturn response.data;\r\n\t\t\t\t\t}\r\n\t\t\t\t},\r\n\t\t\t);\r\n\t\t} catch (error) {\r\n\t\t\tAlertService.alert(\r\n\t\t\t\tAlertService.checkMessageType(error.respcode) || ERROR_KEY,\r\n\t\t\t\terror,\r\n\t\t\t);\r\n\t\t}\r\n\t\treturn response;\r\n\r\n\t\t// ApiService.getDivisionsStudents(id, false)\r\n\t\t// \t.then(response => {\r\n\t\t// \t\tif (response && response.data && response.data.length) {\r\n\t\t// \t\t}\r\n\t\t// \t})\r\n\t\t// \t.catch(error => {\r\n\t\t// \t\terror &&\r\n\t\t// \t\t\tAlertService.alert(\r\n\t\t// \t\t\t\tAlertService.checkMessageType(error.respcode) || ERROR_KEY,\r\n\t\t// \t\t\t\terror,\r\n\t\t// \t\t\t);\r\n\t\t// \t});\r\n\t};\r\n\r\n\tconst focusOut = event => {\r\n\t\tlet tableScrollLeft = 0;\r\n\t\tlet tableBlock = document.querySelector(\".template-table-container\");\r\n\t\tif (document.querySelector(\".template-table-container\"))\r\n\t\t\ttableScrollLeft = tableBlock.scrollLeft;\r\n\r\n\t\tif (event.target.id.includes(\"inputs-list\")) {\r\n\t\t\tconst templateInfo = templateInfo.find(\r\n\t\t\t\tdata => data.type === \"inputs-list\",\r\n\t\t\t);\r\n\t\t\tsetInputsListValues(\r\n\t\t\t\tevent.target.id,\r\n\t\t\t\tevent.target.value,\r\n\t\t\t\ttemplateInfo.placeholder,\r\n\t\t\t);\r\n\t\t} else if (event.target.type === \"textarea\") {\r\n\t\t\tif (\r\n\t\t\t\ttemplateData.body.includes(\r\n\t\t\t\t\t``,\r\n\t\t\t\t)\r\n\t\t\t) {\r\n\t\t\t\ttemplateData.body = templateData.body.replace(\r\n\t\t\t\t\t``,\r\n\t\t\t\t\t``,\r\n\t\t\t\t);\r\n\t\t\t} else {\r\n\t\t\t\tconst valueIndex = templateData.body.indexOf(``);\r\n\t\t\t\tlet str = templateData.body.substr(0, valueIndex);\r\n\t\t\t\tconst valueLastIndex = str.lastIndexOf(\">\") + 1;\r\n\t\t\t\tstr = str.substr(valueLastIndex);\r\n\t\t\t\ttemplateData.body = templateData.body.replace(\r\n\t\t\t\t\t``,\r\n\t\t\t\t\t``,\r\n\t\t\t\t);\r\n\t\t\t}\r\n\t\t} else if (\r\n\t\t\tevent.target.value &&\r\n\t\t\tevent.target.type !== \"select-one\" &&\r\n\t\t\tevent.target.type !== \"checkbox\"\r\n\t\t) {\r\n\t\t\tif (event.target.id.includes(\"col\") && event.target.type === \"text\") {\r\n\t\t\t\ttemplateData.body = templateData.body.replace(\r\n\t\t\t\t\t`id=\"${event.target.id}\"`,\r\n\t\t\t\t\t`id=\"${event.target.id}\" value=\"${event.target.value}\"`,\r\n\t\t\t\t);\r\n\t\t\t\tsetTableValue(event.target.id, event.target.value, null);\r\n\t\t\t} else if (\r\n\t\t\t\tevent.target.id.includes(\"col\") &&\r\n\t\t\t\tevent.target.type === \"date\"\r\n\t\t\t) {\r\n\t\t\t\ttemplateData.body = templateData.body.replace(\r\n\t\t\t\t\t`id=\"${event.target.id}\"`,\r\n\t\t\t\t\t`id=\"${event.target.id}\" value=\"${event.target.value}\"`,\r\n\t\t\t\t);\r\n\t\t\t\tsetTableValue(event.target.id, event.target.value, null);\r\n\t\t\t} else if (\r\n\t\t\t\tevent.target.id.includes(\"col\") &&\r\n\t\t\t\tevent.target.type === \"number\"\r\n\t\t\t) {\r\n\t\t\t\ttemplateData.body = templateData.body.replace(\r\n\t\t\t\t\t`id=\"${event.target.id}\"`,\r\n\t\t\t\t\t`id=\"${event.target.id}\" value=\"${event.target.value}\"`,\r\n\t\t\t\t);\r\n\t\t\t\tsetTableValue(event.target.id, event.target.value, null);\r\n\t\t\t} else if (\r\n\t\t\t\tevent.target.id.includes(\"startcol\") &&\r\n\t\t\t\tevent.target.type === \"time\"\r\n\t\t\t) {\r\n\t\t\t\ttemplateData.body = templateData.body.replace(\r\n\t\t\t\t\t`id=\"${event.target.id}\"`,\r\n\t\t\t\t\t`id=\"${event.target.id}\" value=\"${event.target.value}\"`,\r\n\t\t\t\t);\r\n\t\t\t\tsetTableValue(event.target.id, event.target.value, \"start\");\r\n\t\t\t} else if (\r\n\t\t\t\tevent.target.id.includes(\"endcol\") &&\r\n\t\t\t\tevent.target.type === \"time\"\r\n\t\t\t) {\r\n\t\t\t\ttemplateData.body = templateData.body.replace(\r\n\t\t\t\t\t`id=\"${event.target.id}\"`,\r\n\t\t\t\t\t`id=\"${event.target.id}\" value=\"${event.target.value}\"`,\r\n\t\t\t\t);\r\n\t\t\t\tsetTableValue(event.target.id, event.target.value, \"end\");\r\n\t\t\t} else {\r\n\t\t\t\ttemplateData.body = templateData.body.replace(\r\n\t\t\t\t\t`id=\"${event.target.id}\"`,\r\n\t\t\t\t\t`id=\"${event.target.id}\" value=\"${event.target.value}\" autofocus`,\r\n\t\t\t\t);\r\n\t\t\t}\r\n\t\t} else if (\r\n\t\t\tevent.target.value === \"\" &&\r\n\t\t\tevent.target.type !== \"select-one\" &&\r\n\t\t\tevent.target.type !== \"checkbox\"\r\n\t\t) {\r\n\t\t\tif (event.target.id.includes(\"col\")) {\r\n\t\t\t\tconst columnIndex = event.target.id.indexOf(\"l\") + 1;\r\n\t\t\t\tconst rowIndex = event.target.id.lastIndexOf(\"-\");\r\n\t\t\t\tconst column = event.target.id.substring(columnIndex, rowIndex);\r\n\t\t\t\tconst row = event.target.id.substr(rowIndex + 1);\r\n\t\t\t\tconst selectedData = tableData.find(\r\n\t\t\t\t\tdata => data.number == row && data.columnNumber == column,\r\n\t\t\t\t);\r\n\t\t\t\tif (selectedData && selectedData.value) {\r\n\t\t\t\t\tif (event.target.id[0] == \"c\") {\r\n\t\t\t\t\t\ttemplateData.body = templateData.body.replace(\r\n\t\t\t\t\t\t\t`id=\"${event.target.id}\" value=\"${selectedData.value}\"`,\r\n\t\t\t\t\t\t\t`id=\"${event.target.id}\"`,\r\n\t\t\t\t\t\t);\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tif (selectedData.value.length == 1) {\r\n\t\t\t\t\t\t\ttemplateData.body = templateData.body.replace(\r\n\t\t\t\t\t\t\t\t`id=\"${event.target.id}\" value=\"${selectedData.value[0]}\"`,\r\n\t\t\t\t\t\t\t\t`id=\"${event.target.id}\"`,\r\n\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\ttemplateData.body = templateData.body.replace(\r\n\t\t\t\t\t\t\t\t`id=\"${event.target.id}\" value=\"${selectedData.value[event.target.id[0]]\r\n\t\t\t\t\t\t\t\t}\"`,\r\n\t\t\t\t\t\t\t\t`id=\"${event.target.id}\"`,\r\n\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t\tsetTableValue(event.target.id, \"\", null);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tif (\r\n\t\t\tdocument.querySelector(\".template-table-container\") &&\r\n\t\t\ttableScrollLeft\r\n\t\t) {\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\tdocument.querySelector(\".template-table-container\").scrollLeft =\r\n\t\t\t\t\ttableScrollLeft;\r\n\t\t\t});\r\n\t\t}\r\n\t\tsetTemplateData(templateData);\r\n\t};\r\n\r\n\tconst setInputsListValues = (id, value, placeholder) => {\r\n\t\tconst index = +id.substr(id.lastIndexOf(\"-\") + 1);\r\n\r\n\t\tif (value) {\r\n\t\t\tif (inputsListData[index]) {\r\n\t\t\t\ttemplateData.body = templateData.body.replace(\r\n\t\t\t\t\t`
`,\r\n\t\t\t\t\t``,\r\n\t\t\t\t);\r\n\t\t\t\tif (templateData.body.includes(\"sign-list\")) {\r\n\t\t\t\t\ttemplateData.body = templateData.body.replace(\r\n\t\t\t\t\t\t``,\r\n\t\t\t\t\t\t``,\r\n\t\t\t\t\t);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t} else if (inputsListData[index]) {\r\n\t\t\ttemplateData.body = templateData.body.replace(\r\n\t\t\t\t`\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{props.match.params.documentId\r\n\t\t\t\t\t\t\t\t? translationService.translate(\"TR_UPDATE_DOCUMENT\")\r\n\t\t\t\t\t\t\t\t: translationService.translate(\"TR_CREATE_DOCUMENT\")}\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\tconst selectedItem = {\r\n\t\t\t\t\t\t\t\t\t\t...documentType.find(data => data.id === documentTypeId),\r\n\t\t\t\t\t\t\t\t\t};\r\n\t\t\t\t\t\t\t\t\tif (Object.keys(selectedItem).length) {\r\n\t\t\t\t\t\t\t\t\t\tselectedItem.label = selectedItem.name;\r\n\t\t\t\t\t\t\t\t\t\tselectedItem.value = selectedItem.id;\r\n\t\t\t\t\t\t\t\t\t\treturn selectedItem;\r\n\t\t\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\t\t\t\t\tvalue: null,\r\n\t\t\t\t\t\t\t\t\t\t\tlabel: translationService.translate(\"TR_CHOOSE\"),\r\n\t\t\t\t\t\t\t\t\t\t};\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t})()}\r\n\t\t\t\t\t\t\t\titems={documentType.map(data => ({\r\n\t\t\t\t\t\t\t\t\t...data,\r\n\t\t\t\t\t\t\t\t\tlabel: data.name,\r\n\t\t\t\t\t\t\t\t\tvalue: data.id,\r\n\t\t\t\t\t\t\t\t}))}\r\n\t\t\t\t\t\t\t\tonChange={item => onSelectOptionChange(item, \"documentTypeId\")}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\tconst selectedItem = {\r\n\t\t\t\t\t\t\t\t\t\t...templates.find(data => data.id === documentTemplateId),\r\n\t\t\t\t\t\t\t\t\t};\r\n\t\t\t\t\t\t\t\t\tif (Object.keys(selectedItem).length) {\r\n\t\t\t\t\t\t\t\t\t\tselectedItem.label = selectedItem.name;\r\n\t\t\t\t\t\t\t\t\t\tselectedItem.value = selectedItem.id;\r\n\t\t\t\t\t\t\t\t\t\treturn selectedItem;\r\n\t\t\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\t\t\t\t\tvalue: null,\r\n\t\t\t\t\t\t\t\t\t\t\tlabel: translationService.translate(\"TR_CHOOSE\"),\r\n\t\t\t\t\t\t\t\t\t\t};\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t})()}\r\n\t\t\t\t\t\t\t\titems={templates.map(data => ({\r\n\t\t\t\t\t\t\t\t\t...data,\r\n\t\t\t\t\t\t\t\t\tlabel: data.name,\r\n\t\t\t\t\t\t\t\t\tvalue: data.id,\r\n\t\t\t\t\t\t\t\t}))}\r\n\t\t\t\t\t\t\t\tonChange={item =>\r\n\t\t\t\t\t\t\t\t\tonSelectOptionChange(item, \"documentTemplateId\")\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t
\r\n\r\n\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t{translationService.translate(\"TR_UPLOAD_FILE\")}\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t{uploadedFile ? (\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t{uploadedFilePath && !file ? (\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tonChange(event, setDocumentName, nameMaxLength)\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\tif (event.target.value.length <= descriptionMaxLength) {\r\n\t\t\t\t\t\t\t\t\tsetDescription(event.target.value);\r\n\t\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\t\treturn;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\r\n\t);\r\n};\r\n\r\nexport default withRouter(MetDepartmentLayout);\r\n","import React from \"react\";\r\nimport { useSelector } from \"react-redux\";\r\nimport { Redirect, Route, withRouter } from \"react-router-dom\";\r\nimport BaseLayout from \"./Layouts/BaseLayout/baseLayout\";\r\nimport UserLayout from \"./Layouts/UserLayout/userLayout\";\r\nimport InstructorDashboardLayout from \"./Layouts/InstructorDashboardLayout/instructorDashboardLayout\";\r\nimport CourseDashboardLayout from \"./Layouts/CourseDashboardLayout/courseDashboardLayout\";\r\nimport PureLayout from \"./Layouts/PureLayout/pureLayout\";\r\nimport Auxiliary from \"./hoc/auxiliary/auxiliary\";\r\nimport PassCourseLayout from \"./Layouts/PassCourseLayout/passCourseLayout\";\r\nimport ConsultantDashboardLayout from \"./Layouts/ConsultantDashboardLayout/consultantDashboardLayout\";\r\nimport OrganizationUserLayout from \"./Layouts/OrganizationUserLayout/organizationUserLayout\";\r\nimport OrganizationAdminLayout from \"./Layouts/OrganizationAdminLayout/organizationAdminLayout\";\r\nimport AdminLayout from \"./Layouts/AdminLayout/adminLayout\";\r\nimport ContentManagerLayout from \"./Layouts/ContentManagerLayout/contentManagerLayout\";\r\nimport UnderMaintenancePage from \"./Pages/UnderMaintenancePage/underMaintenancePage\";\r\nimport MainService from \"./Services/mainService\";\r\nimport SpecialDomainLayout from \"./Layouts/SpecialDomainLayout/specialDomainLayout\";\r\nimport {\r\n\tALL_CONSULTATIONS_KEY,\r\n\tBECOME_CONSULTANT_KEY,\r\n\tCHECKOUT_KEY,\r\n\tCONSULTANT_FEED_KEY,\r\n\tCONSULTANT_KEY,\r\n\tCOURSE_DASHBOARD_KEY,\r\n\tINSTRUCTOR_KEY,\r\n\tLOGIN_KEY,\r\n\tNOTIFICATIONS_KEY,\r\n\tPASS_COURSE_KEY,\r\n\tPROFILE_KEY,\r\n\tPURE_KEY,\r\n\tQUIZ_ATTEMPT_KEY,\r\n\tSTUDENT_CONSULTATION_DASHBOARD_KEY,\r\n\tCREATE_ONE_TIME_WEBINAR_KEY,\r\n\tHELP_KEY,\r\n\tVIDEO_CONFERENCE_ROOM_KEY,\r\n} from \"./Constants/urlKeys\";\r\nimport {\r\n\tINSTRUCTOR_USER_TYPE,\r\n\tDEFAULT_LANGUAGE_KEY,\r\n\tCONSULTANT_USER_TYPE,\r\n\tRETURN_URL_KEY,\r\n\tADMIN_USER_TYPE,\r\n\tCONTENT_MANAGER_USER_TYPE,\r\n\tUSER_KEY,\r\n\tDEVELOPER_USER_TYPE,\r\n\tMET_DEPARTMENT_USER_TYPE,\r\n\tROOT_USER_TYPE,\r\n} from \"./Constants/mainKeys\";\r\nimport DeveloperLayout from \"./Layouts/DeveloperLayout/developerLayout\";\r\nimport RedirectComponent from \"./Components/Redirect/redirect\";\r\nimport MetDepartmentLayout from \"./Layouts/MetDepartmentLayout/metDepartmentLayout\";\r\n\r\nconst Routing = props => {\r\n\tconst { location } = props;\r\n\tconst { language } = useSelector(state => state.language);\r\n\tconst { user, availablePages } = useSelector(state => state.user);\r\n\tconst localStorageUser = JSON.parse(localStorage.getItem(\"user\"))\r\n\r\n\tconst isShowOrganizationUserLayout =\r\n\t\t(user &&\r\n\t\t\tuser.isOrganizationUser &&\r\n\t\t\t!user.isAdmin &&\r\n\t\t\tuser.userTypeId !== ADMIN_USER_TYPE &&\r\n\t\t\tuser.userTypeId !== MET_DEPARTMENT_USER_TYPE &&\r\n\t\t\tuser.userTypeId !== DEVELOPER_USER_TYPE &&\r\n\t\t\t!location.pathname.includes(`/${PASS_COURSE_KEY}`) &&\r\n\t\t\t!location.pathname.includes(`/${QUIZ_ATTEMPT_KEY}`)) ||\r\n\t\t(user &&\r\n\t\t\tuser.isOrganizationUser &&\r\n\t\t\tuser.isAdmin &&\r\n\t\t\tavailablePages.length &&\r\n\t\t\tuser.userTypeId !== ADMIN_USER_TYPE &&\r\n\t\t\tuser.userTypeId !== MET_DEPARTMENT_USER_TYPE &&\r\n\t\t\tuser.userTypeId !== DEVELOPER_USER_TYPE)\r\n\t\t\t? true\r\n\t\t\t: false;\r\n\r\n\tconst isShowDeveloperUserLayout =\r\n\t\tuser && user.userTypeId === DEVELOPER_USER_TYPE;\r\n\r\n\tconst isShowMetDepartmentUserLayout =\r\n\t\tuser && user.userTypeId === MET_DEPARTMENT_USER_TYPE;\r\n\r\n\tconst isShowOrganizationAdminLayout =\r\n\t\tuser &&\r\n\t\tuser.isOrganizationUser &&\r\n\t\tuser.isAdmin &&\r\n\t\tuser.userTypeId === ADMIN_USER_TYPE;\r\n\r\n\t// location.pathname.includes(`${language}/developer`);\r\n\tconst isShowInstructorLayout =\r\n\t\tlocation.pathname.includes(`${language}/${INSTRUCTOR_KEY}`) &&\r\n\t\tuser &&\r\n\t\t(user.userTypeId === INSTRUCTOR_USER_TYPE ||\r\n\t\t\tuser.userTypeId === CONSULTANT_USER_TYPE);\r\n\r\n\tconst isShowCourseDashboardLayout =\r\n\t\tlocation.pathname.includes(`${language}/${COURSE_DASHBOARD_KEY}`) &&\r\n\t\tuser &&\r\n\t\t(user.userTypeId === INSTRUCTOR_USER_TYPE ||\r\n\t\t\tuser.userTypeId === CONSULTANT_USER_TYPE);\r\n\r\n\tconst isShowPureLayout =\r\n\t\tlocation.pathname.includes(`${language}/${PURE_KEY}`) && user;\r\n\r\n\tconst isShowPassCourseLayout =\r\n\t\tlocation.pathname.includes(`${language}/${PASS_COURSE_KEY}`) && user;\r\n\r\n\tconst isShowConsultantLayout =\r\n\t\tlocation.pathname.includes(`${language}/${CONSULTANT_KEY}/`) &&\r\n\t\tuser &&\r\n\t\tuser.userTypeId === CONSULTANT_USER_TYPE;\r\n\r\n\tconst isShowAdminLayout =\r\n\t\tuser && user.userTypeId === ROOT_USER_TYPE && !user.isOrganizationUser;\r\n\r\n\tconst isShowContentManagerLayout =\r\n\t\tuser && user.userTypeId === CONTENT_MANAGER_USER_TYPE;\r\n\r\n\tconst isShowBaseLayout =\r\n\t\t!isShowInstructorLayout &&\r\n\t\t!isShowCourseDashboardLayout &&\r\n\t\t!isShowPureLayout &&\r\n\t\t!isShowPassCourseLayout &&\r\n\t\t!isShowConsultantLayout &&\r\n\t\t!isShowAdminLayout &&\r\n\t\t!isShowOrganizationUserLayout &&\r\n\t\t!isShowOrganizationAdminLayout &&\r\n\t\t!isShowContentManagerLayout &&\r\n\t\t!isShowDeveloperUserLayout &&\r\n\t\t!isShowMetDepartmentUserLayout &&\r\n\t\tuser;\r\n\r\n\tif (\r\n\t\t!user &&\r\n\t\tlanguage &&\r\n\t\t((location.pathname.includes(CONSULTANT_KEY) &&\r\n\t\t\t!location.pathname.includes(BECOME_CONSULTANT_KEY) &&\r\n\t\t\t!location.pathname.includes(RETURN_URL_KEY) &&\r\n\t\t\t!location.pathname.includes(HELP_KEY)) ||\r\n\t\t\t(location.pathname.includes(INSTRUCTOR_KEY) &&\r\n\t\t\t\t!location.pathname.includes(RETURN_URL_KEY) &&\r\n\t\t\t\t!location.pathname.includes(HELP_KEY)) ||\r\n\t\t\t(location.pathname.includes(PROFILE_KEY) &&\r\n\t\t\t\t!location.pathname.includes(`${PROFILE_KEY}/`)) ||\r\n\t\t\tlocation.pathname.includes(PASS_COURSE_KEY) ||\r\n\t\t\tlocation.pathname.includes(ALL_CONSULTATIONS_KEY) ||\r\n\t\t\t(location.pathname.includes(CREATE_ONE_TIME_WEBINAR_KEY) &&\r\n\t\t\t\t!location.pathname.includes(VIDEO_CONFERENCE_ROOM_KEY) &&\r\n\t\t\t\t!location.pathname.includes(RETURN_URL_KEY) &&\r\n\t\t\t\t!location.pathname.includes(HELP_KEY)) ||\r\n\t\t\tlocation.pathname.includes(STUDENT_CONSULTATION_DASHBOARD_KEY) ||\r\n\t\t\tlocation.pathname.includes(CONSULTANT_FEED_KEY) ||\r\n\t\t\tlocation.pathname.includes(NOTIFICATIONS_KEY) ||\r\n\t\t\tlocation.pathname.includes(CHECKOUT_KEY))\r\n\t) {\r\n\t\treturn ;\r\n\t}\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t\r\n\t\t\t\t{!window.location.href.includes(\"under-maintenance\") ? (\r\n\t\t\t\t\tlocalStorage.getItem(USER_KEY) ? (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{isShowConsultantLayout ? : null}\r\n\t\t\t\t\t\t\t{isShowInstructorLayout ? : null}\r\n\t\t\t\t\t\t\t{isShowCourseDashboardLayout ? : null}\r\n\t\t\t\t\t\t\t{isShowPureLayout ? : null}\r\n\t\t\t\t\t\t\t{isShowPassCourseLayout ? : null}\r\n\t\t\t\t\t\t\t{isShowAdminLayout ? : null}\r\n\t\t\t\t\t\t\t{isShowOrganizationUserLayout ? : null}\r\n\t\t\t\t\t\t\t{isShowOrganizationAdminLayout ? (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t{isShowBaseLayout ? : null}\r\n\t\t\t\t\t\t\t{isShowContentManagerLayout ? : null}\r\n\t\t\t\t\t\t\t{isShowDeveloperUserLayout ? : null}\r\n\t\t\t\t\t\t\t{isShowMetDepartmentUserLayout ? : null}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t) : MainService.isShowOnlyB2B() ? (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t) : (\r\n\t\t\t\t\t\tnull\r\n\t\t\t\t\t\t// \r\n\t\t\t\t\t)\r\n\t\t\t\t) : null}\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t{/* \r\n\t\t\t */}\r\n\t\t\r\n\t);\r\n};\r\nexport default withRouter(Routing);\r\n","import { useEffect } from \"react\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport MainService from \"../../Services/mainService\";\r\nimport { setSettings } from \"../../Store/Actions/settings\";\r\nimport ApiService from \"../../Services/apiService\";\r\nimport AlertService from \"../../Services/alertService\";\r\nimport { ERROR_KEY } from \"../../Constants/mainKeys\";\r\nimport uuid from \"uuid\";\r\nimport { addPageSpinner, removePageSpinner } from \"../../Store/Actions/spinner\";\r\n\r\nfunction SettingsLayout(props) {\r\n\tconst dispatch = useDispatch();\r\n\tconst { settings } = useSelector(state => state.settings);\r\n\tconst { user } = useSelector(state => state.user);\r\n\tconst { language } = useSelector(state => state.language);\r\n\r\n\tconst resetStyles = () => {\r\n\t\tdocument.documentElement.style.removeProperty(\"--mindalay--brand-color\");\r\n\t\tdocument.documentElement.style.removeProperty(\r\n\t\t\t\"--mindalay--brand-color-darken-35\",\r\n\t\t);\r\n\t\tdocument.documentElement.style.removeProperty(\r\n\t\t\t\"--mindalay--secondary-color\",\r\n\t\t);\r\n\t\tdocument.documentElement.style.removeProperty(\r\n\t\t\t\"--mindalay--secondary-color-lightened-50\",\r\n\t\t);\r\n\t\tdocument.documentElement.style.removeProperty(\r\n\t\t\t\"--mindalay--secondary-color-lightened-minus-5\",\r\n\t\t);\r\n\t\tdocument.documentElement.style.removeProperty(\"--mindalay--header-color\");\r\n\t\tdocument.documentElement.style.removeProperty(\"--mindalay--body-color\");\r\n\t\tdocument.documentElement.style.removeProperty(\"--mindalay--footer-color\");\r\n\t};\r\n\r\n\tconst getSettings = () => {\r\n\t\tif (!user && !getSubdomain()) {\r\n\t\t\tdispatch(setSettings(null));\r\n\t\t\treturn false;\r\n\t\t} else if (!user && getSubdomain()) {\r\n\t\t\tconst spinnerId = uuid();\r\n\t\t\tdispatch(addPageSpinner(spinnerId));\r\n\t\t\tApiService.getSettingByShortName(getSubdomain(window.location.origin))\r\n\t\t\t\t.then(res => {\r\n\t\t\t\t\tif (res && res.data) {\r\n\t\t\t\t\t\tdispatch(setSettings(res.data));\r\n\t\t\t\t\t}\r\n\t\t\t\t})\r\n\t\t\t\t.catch(error => {\r\n\t\t\t\t\tAlertService.alert(\r\n\t\t\t\t\t\tAlertService.checkMessageType(error.respcode) || ERROR_KEY,\r\n\t\t\t\t\t\terror,\r\n\t\t\t\t\t);\r\n\t\t\t\t})\r\n\t\t\t\t.finally(() => {\r\n\t\t\t\t\tsetTimeout(() => {\r\n\t\t\t\t\t\tdispatch(removePageSpinner(spinnerId));\r\n\t\t\t\t\t}, 1000);\r\n\t\t\t\t});\r\n\t\t} else if (user && user.isOrganizationUser) {\r\n\t\t\tconst spinnerId = uuid();\r\n\t\t\tdispatch(addPageSpinner(spinnerId));\r\n\t\t\tApiService.getCurrentOrganizationSettings()\r\n\t\t\t\t.then(res => {\r\n\t\t\t\t\tif (res && res.data) {\r\n\t\t\t\t\t\tdispatch(setSettings(res.data));\r\n\t\t\t\t\t}\r\n\t\t\t\t})\r\n\t\t\t\t.catch(error => {\r\n\t\t\t\t\tAlertService.alert(\r\n\t\t\t\t\t\tAlertService.checkMessageType(error.respcode) || ERROR_KEY,\r\n\t\t\t\t\t\terror,\r\n\t\t\t\t\t);\r\n\t\t\t\t})\r\n\t\t\t\t.finally(() => {\r\n\t\t\t\t\tsetTimeout(() => {\r\n\t\t\t\t\t\tdispatch(removePageSpinner(spinnerId));\r\n\t\t\t\t\t}, 1000);\r\n\t\t\t\t});\r\n\t\t} else {\r\n\t\t\tresetStyles();\r\n\t\t}\r\n\t};\r\n\r\n\tuseEffect(() => {\r\n\t\tgetSettings();\r\n\t}, [language, user]);\r\n\r\n\tconst getSubdomain = () => {\r\n\t\t// return \"haykqa\"\r\n\t\tlet url = window.location.origin;\r\n\t\tif (!url.startsWith(\"http://\") && !url.startsWith(\"https://\")) {\r\n\t\t\turl = \"http://\" + url;\r\n\t\t}\r\n\t\tconst parsedUrl = new URL(url);\r\n\t\tconst hostname = parsedUrl.hostname;\r\n\t\tconst parts = hostname.split(\".\");\r\n\t\tif (parts.length > 2) {\r\n\t\t\treturn parts[0] === \"www\" ? parts[1] : parts[0];\r\n\t\t} else {\r\n\t\t\treturn null;\r\n\t\t}\r\n\t};\r\n\r\n\tuseEffect(() => {\r\n\t\tif (settings) {\r\n\t\t\tif (settings.mainColor) {\r\n\t\t\t\tdocument.documentElement.style.setProperty(\r\n\t\t\t\t\t\"--mindalay--brand-color\",\r\n\t\t\t\t\tsettings.mainColor,\r\n\t\t\t\t);\r\n\t\t\t\tdocument.documentElement.style.setProperty(\r\n\t\t\t\t\t\"--mindalay--brand-color-darken-35\",\r\n\t\t\t\t\tMainService.darkenColor(settings.mainColor, 35),\r\n\t\t\t\t);\r\n\t\t\t}\r\n\r\n\t\t\tif (settings.secondaryColor) {\r\n\t\t\t\tdocument.documentElement.style.setProperty(\r\n\t\t\t\t\t\"--mindalay--secondary-color\",\r\n\t\t\t\t\tsettings.secondaryColor,\r\n\t\t\t\t);\r\n\t\t\t\tdocument.documentElement.style.setProperty(\r\n\t\t\t\t\t\"--mindalay--secondary-color-lightened-50\",\r\n\t\t\t\t\tMainService.lightenColor(settings.secondaryColor, 50),\r\n\t\t\t\t);\r\n\t\t\t\tdocument.documentElement.style.setProperty(\r\n\t\t\t\t\t\"--mindalay--secondary-color-lightened-minus-5\",\r\n\t\t\t\t\tMainService.darkenColor(settings.secondaryColor, 5),\r\n\t\t\t\t);\r\n\t\t\t}\r\n\r\n\t\t\tif (settings.headerBackgroundColor) {\r\n\t\t\t\tdocument.documentElement.style.setProperty(\r\n\t\t\t\t\t\"--mindalay--header-color\",\r\n\t\t\t\t\tsettings.headerBackgroundColor,\r\n\t\t\t\t);\r\n\t\t\t}\r\n\r\n\t\t\tif (settings.bodyBackgroundColor) {\r\n\t\t\t\tdocument.documentElement.style.setProperty(\r\n\t\t\t\t\t\"--mindalay--body-color\",\r\n\t\t\t\t\tsettings.bodyBackgroundColor,\r\n\t\t\t\t);\r\n\t\t\t}\r\n\r\n\t\t\tif (settings.footerBackgroundColor) {\r\n\t\t\t\tdocument.documentElement.style.setProperty(\r\n\t\t\t\t\t\"--mindalay--footer-color\",\r\n\t\t\t\t\tsettings.footerBackgroundColor,\r\n\t\t\t\t);\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tresetStyles();\r\n\t\t}\r\n\t}, [settings]);\r\n\r\n\treturn null;\r\n}\r\n\r\nexport default SettingsLayout;\r\n","export default __webpack_public_path__ + \"static/media/cookies.fa297fdd.jpg\";","import React, { useEffect, useState } from 'react'\r\nimport { Modal } from 'react-bootstrap'\r\nimport cookieImg from \"./../../assets/images/cookies.jpg\"\r\nimport TranslationService from './../../Services/translationService';\r\nimport { useSelector } from 'react-redux';\r\nimport GuestApiService from '../../Services/guestApiService';\r\nimport { Link } from \"react-router-dom\"\r\n\r\nexport default function CookiesModal() {\r\n\r\n let acceptedCookies = localStorage.getItem(\"acceptedCookies\");\r\n const { language } = useSelector(state => state.language);\r\n const { translations } = useSelector(state => state.translation);\r\n const [translationService, setTranslationService] = useState(null);\r\n const [isShowCookiesModal, setIsShowCookiesModal] = useState(false);\r\n const [cookiesPolicyUrl, setCookiesPolicyUrl] = useState(false);\r\n const [privacyPolicyUrl, setPrivacyPolicyUrl] = useState(false);\r\n\r\n const [menu, setMenu] = useState([]);\r\n\r\n useEffect(() => {\r\n setCookiesPolicyUrl(findPageUrl(menu, \"cookies-policy\"));\r\n setPrivacyPolicyUrl(findPageUrl(menu, \"privacy-policy\"));\r\n }, [menu])\r\n\r\n useEffect(() => {\r\n GuestApiService.getFrontBottomPages().then(response => {\r\n setMenu(response.data);\r\n });\r\n }, []);\r\n\r\n useEffect(() => {\r\n setTranslationService(new TranslationService(translations));\r\n }, [translations]);\r\n\r\n useEffect(() => {\r\n\r\n if (!localStorage.getItem(\"acceptedCookies\") && cookiesPolicyUrl && privacyPolicyUrl) {\r\n setIsShowCookiesModal(true);\r\n } else {\r\n setIsShowCookiesModal(false);\r\n }\r\n }, [acceptedCookies, cookiesPolicyUrl, privacyPolicyUrl]);\r\n\r\n const findPageUrl = (pages, pageName) => {\r\n for (let page of pages) {\r\n if (page.uri === pageName) {\r\n return `${page.uri}/${page.id}`;\r\n }\r\n if (page.children && page.children.length > 0) {\r\n const result = findPageUrl(page.children, pageName);\r\n if (result) {\r\n return result;\r\n }\r\n }\r\n }\r\n return null;\r\n }\r\n\r\n const hideModal = () => {\r\n setIsShowCookiesModal(false);\r\n localStorage.setItem(\"acceptedCookies\", true);\r\n }\r\n\r\n if (window.location.pathname.includes(\"/privacy-policy\") || window.location.pathname.includes(\"/cookies-policy\")) {\r\n return false;\r\n }\r\n\r\n return (translationService ? \r\n \r\n \r\n
\r\n
\r\n \r\n {translationService.translate(\"TR_COOKIES_MODAL_DESCRIPTION\")}\r\n \r\n \r\n \r\n {translationService.translate(\"TR_COOKIES_POLICY\")}\r\n \r\n & \r\n \r\n {translationService.translate(\"TR_PRIVACY_POLICY\")}\r\n .\r\n \r\n
\r\n\r\n \r\n \r\n {translationService.translate(\"TR_I_UNDERSTAND\")}\r\n \r\n
\r\n \r\n\r\n : null\r\n )\r\n}\r\n","import \"./App.scss\";\r\nimport React, { useState, useEffect } from \"react\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { Redirect, withRouter } from \"react-router-dom\";\r\nimport AlertService from \"./Services/alertService\";\r\nimport PageSpinner from \"./Components/Spinners/pageSpinner\";\r\nimport WebinarNotificationBlock from \"./Components/Webinar/webinarNotificationBlock\";\r\nimport ReurnUrl from \"./Services/returnUrl\";\r\nimport uuid from \"react-uuid\";\r\nimport ApiService from \"./Services/apiService\";\r\nimport ScrollTop from \"./Components/ScrollToTop/scrollTop\";\r\nimport ReactHelmet from \"./Components/ReactHelmet/reactHelmet\";\r\nimport { getLanguages, setLanguage } from \"./Store/Actions/language\";\r\nimport { addPageSpinner, removePageSpinner } from \"./Store/Actions/spinner\";\r\nimport { getTranslations } from \"./Store/Actions/translation\";\r\nimport { getCategoriesByType, setCurrentCourse } from \"./Store/Actions/course\";\r\nimport { showOrHideHelpAlert, removeWebinarData } from \"./Store/Actions/main\";\r\nimport PartialViewSpinner from \"./Components/Spinners/partialViewSpinner\";\r\nimport HelpAlert from \"./Components/HelpComponent/helpAlert\";\r\nimport ChooseUserTypeModal from \"./Components/ModalComponent/chooseUserTypeModal\";\r\nimport MainService from \"./Services/mainService\";\r\nimport {\r\n\tCONSULTANT_KEY,\r\n\tCOURSE_DASHBOARD_KEY,\r\n\tCREATE_CONSULTATION_KEY,\r\n\tFINANCES_KEY,\r\n\tINSTRUCTOR_KEY,\r\n\tLOGIN_KEY,\r\n\tMINDALAY_ADMIN,\r\n\tSTUDENT_KEY,\r\n\tORGANIZATION_ADMIN_KEY,\r\n} from \"./Constants/urlKeys\";\r\nimport {\r\n\tCOURSE_CATEGORIES_TYPE_KEY,\r\n\tERROR_KEY,\r\n\tINSTRUCTOR_USER_TYPE,\r\n\tCONSULTANT_USER_TYPE,\r\n\tRETURN_URL_KEY,\r\n\tCURRENT_COURSE,\r\n\tSTUDENT_USER_TYPE,\r\n\tCURRENCY_KEY,\r\n\tDEFAULT_CURRENCY_KEY,\r\n\tALL_VALID_USER_TYPES,\r\n\tDEFAULT_CURRENCY_SYMBOL_KEY,\r\n\tCURRENCY_SYMBOL_KEY,\r\n\tWARNING_KEY,\r\n\tLANGUAGE_KEY,\r\n} from \"./Constants/mainKeys\";\r\nimport Listeners from \"./Listeners\";\r\nimport Routes from \"./Routes\";\r\nimport { ToastContainer } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport SettingsLayout from \"./Components/SettingsLayout/settingsLayout\";\r\nimport CookiesModal from \"./Components/CookiesModal/CookiesModal\";\r\n\r\n// import \"Css\\main.less\"\r\n\r\nconst App = props => {\r\n\tconst url = localStorage.getItem(RETURN_URL_KEY);\r\n\tconst dispatch = useDispatch();\r\n\tconst { location, history } = props;\r\n\tconst { language, languages } = useSelector(state => state.language);\r\n\tconst { user } = useSelector(state => state.user);\r\n\tconst { pageSpinners, patrialViewSpinners } = useSelector(\r\n\t\tstate => state.spinner,\r\n\t);\r\n\tconst { showWebinarScreenNotification } = useSelector(state => state.signalR);\r\n\tconst { courseCategories } = useSelector(state => state.course);\r\n\tconst { isShowHelpAlert, helpAlerts, currentWebinarData } = useSelector(\r\n\t\tstate => state.main,\r\n\t);\r\n\r\n\tconst [isShowChooseUserTypeModal, setIsShowChooseUserTypeModal] =\r\n\t\tuseState(false);\r\n\r\n\tuseEffect(() => {\r\n\t\tdispatch(removeWebinarData());\r\n\t}, []);\r\n\r\n\tuseEffect(() => {\r\n\t\tdispatch(getLanguages());\r\n\t}, [user]);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (language) {\r\n\t\t\tdispatch(getTranslations());\r\n\t\t\tdispatch(setLanguage(language));\r\n\t\t}\r\n\t}, [language, user]);\r\n\r\n\tuseEffect(() => {\r\n\t\tlet urlArr = window.location.pathname.split(\"/\");\r\n\t\tif (languages && languages.length && language && language !== urlArr[1]) {\r\n\t\t\tconst newUrl = urlArr.join(\"/\");\r\n\t\t\tif (languages.find(item => item.isocode2 === urlArr[1])) {\r\n\t\t\t\tdispatch(setLanguage(urlArr[1]));\r\n\t\t\t\tprops.history.push(newUrl);\r\n\t\t\t} else {\r\n\t\t\t\tprops.history.push(\"/\");\r\n\t\t\t}\r\n\t\t}\r\n\t}, [window.location.pathname, languages, language]);\r\n\r\n\tuseEffect(() => {\r\n\t\twindow.scrollTo({ top: 0, behavior: \"smooth\" });\r\n\t\tdispatch(showOrHideHelpAlert(false));\r\n\t}, [location]);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (user) {\r\n\t\t\tif (!localStorage.getItem(CURRENCY_KEY)) {\r\n\t\t\t\tlocalStorage.setItem(CURRENCY_KEY, DEFAULT_CURRENCY_KEY);\r\n\t\t\t}\r\n\t\t\tif (!localStorage.getItem(CURRENCY_SYMBOL_KEY)) {\r\n\t\t\t\tlocalStorage.setItem(CURRENCY_SYMBOL_KEY, DEFAULT_CURRENCY_SYMBOL_KEY);\r\n\t\t\t}\r\n\t\t\tif (\r\n\t\t\t\tlocation.pathname.includes(RETURN_URL_KEY) &&\r\n\t\t\t\t!localStorage.getItem(CURRENT_COURSE)\r\n\t\t\t) {\r\n\t\t\t\tgetCourseAndRedirectToGeneralInfo();\r\n\t\t\t}\r\n\t\t\tif (\r\n\t\t\t\tlocation.pathname.includes(RETURN_URL_KEY) &&\r\n\t\t\t\t!localStorage.getItem(CURRENT_COURSE)\r\n\t\t\t) {\r\n\t\t\t\tgetCourseAndRedirectToGeneralInfo();\r\n\t\t\t}\r\n\t\t\tif (\r\n\t\t\t\turl &&\r\n\t\t\t\t!url.includes(\"pure/\") &&\r\n\t\t\t\t!url.includes(\"courses/\") &&\r\n\t\t\t\tuser.isOrganizationUser\r\n\t\t\t) {\r\n\t\t\t\tredirectToReturnUrlPage(url);\r\n\t\t\t}\r\n\r\n\t\t\tif (location.pathname.includes(`/${FINANCES_KEY}/${RETURN_URL_KEY}`)) {\r\n\t\t\t\tif (user.userTypeId === STUDENT_USER_TYPE)\r\n\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t);\r\n\t\t\t\tif (user.userTypeId === INSTRUCTOR_USER_TYPE)\r\n\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t);\r\n\t\t\t\tif (user.userTypeId === CONSULTANT_USER_TYPE)\r\n\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t);\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\t//return from cabinet\r\n\t\t\tif (location.pathname.includes(`/${FINANCES_KEY}/${RETURN_URL_KEY}`)) {\r\n\t\t\t\tReurnUrl.setUrl(location.pathname).then(() => {\r\n\t\t\t\t\thistory.push(`/${language}/${LOGIN_KEY}`);\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t\t//// Return URL\r\n\t\t\tif (location.pathname.includes(RETURN_URL_KEY)) {\r\n\t\t\t\tReurnUrl.setUrl(\r\n\t\t\t\t\tlocation.pathname.slice(0, location.pathname.length - 10),\r\n\t\t\t\t).then(() => {\r\n\t\t\t\t\thistory.push(`/${language}/${LOGIN_KEY}`);\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t\tif (location.pathname.includes(CREATE_CONSULTATION_KEY)) {\r\n\t\t\t\tReurnUrl.setUrl(location.pathname).then(() => {\r\n\t\t\t\t\thistory.push(`/${language}/${LOGIN_KEY}`);\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tif (\r\n\t\t\t((user && !user.isOrganizationUser) || !user) &&\r\n\t\t\t!courseCategories.length &&\r\n\t\t\t!location.pathname.includes(MINDALAY_ADMIN) &&\r\n\t\t\t!location.pathname.includes(ORGANIZATION_ADMIN_KEY) &&\r\n\t\t\t!MainService.isShowOnlyB2B()\r\n\t\t) {\r\n\t\t\tdispatch(getCategoriesByType(COURSE_CATEGORIES_TYPE_KEY));\r\n\t\t}\r\n\t}, [user, courseCategories, location.pathname]);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (\r\n\t\t\tuser &&\r\n\t\t\tuser.defaultUserTypeIds &&\r\n\t\t\t!ALL_VALID_USER_TYPES.includes(user.userTypeId)\r\n\t\t) {\r\n\t\t\tsetIsShowChooseUserTypeModal(true);\r\n\t\t} else {\r\n\t\t\tsetIsShowChooseUserTypeModal(false);\r\n\t\t}\r\n\t}, [user]);\r\n\r\n\tuseEffect(() => {\r\n\t\tconst checkInternetSpeed = () => {\r\n\t\t\tconst connection =\r\n\t\t\t\tnavigator.connection ||\r\n\t\t\t\tnavigator.mozConnection ||\r\n\t\t\t\tnavigator.webkitConnection;\r\n\t\t\tif (connection) {\r\n\t\t\t\tconst effectiveType = connection.effectiveType;\r\n\t\t\t\tif (effectiveType === \"slow-2g\" || effectiveType === \"2g\") {\r\n\t\t\t\t\tAlertService.alert(WARNING_KEY, \"Slow internet connection\");\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t};\r\n\t\tconst intervalId = setInterval(checkInternetSpeed, 10000);\r\n\t\treturn () => clearInterval(intervalId);\r\n\t}, []);\r\n\r\n\tconst redirectToReturnUrlPage = url => {\r\n\t\thistory.push(url);\r\n\t\tlocalStorage.removeItem(RETURN_URL_KEY);\r\n\t};\r\n\r\n\tconst getCourseAndRedirectToGeneralInfo = () => {\r\n\t\tconst spinnerId = uuid();\r\n\t\tvar regex = /\\d+/g;\r\n\t\tvar courseId = location.pathname.match(regex);\r\n\t\tif (\r\n\t\t\tcourseId &&\r\n\t\t\tcourseId.length &&\r\n\t\t\tlocation.pathname.includes(COURSE_DASHBOARD_KEY) &&\r\n\t\t\tlocation.pathname.includes(RETURN_URL_KEY)\r\n\t\t) {\r\n\t\t\tdispatch(addPageSpinner(spinnerId));\r\n\t\t\tApiService.getCourseById(+courseId[0])\r\n\t\t\t\t.then(response => {\r\n\t\t\t\t\tresponse &&\r\n\t\t\t\t\t\tresponse.data &&\r\n\t\t\t\t\t\tsetCurrentCourseHandler(response.data, location.pathname);\r\n\t\t\t\t})\r\n\t\t\t\t.catch(error => {\r\n\t\t\t\t\tdispatch(removePageSpinner(spinnerId));\r\n\t\t\t\t\terror &&\r\n\t\t\t\t\t\tAlertService.alert(\r\n\t\t\t\t\t\t\tAlertService.checkMessageType(error.respcode) || ERROR_KEY,\r\n\t\t\t\t\t\t\terror,\r\n\t\t\t\t\t\t);\r\n\t\t\t\t\thistory.push(`/${language}`);\r\n\t\t\t\t});\r\n\t\t}\r\n\t};\r\n\r\n\tconst setCurrentCourseHandler = (course, url) => {\r\n\t\tif (!course || !url) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t\tdispatch(setCurrentCourse(course));\r\n\t\tsetTimeout(() => {\r\n\t\t\tvar updatedUrl = url.slice(0, url.length - 10);\r\n\t\t\thistory.push(updatedUrl);\r\n\t\t}, 1000);\r\n\t};\r\n\r\n\treturn language ? (\r\n\t\t\r\n\t\t\t
\r\n\t\t\t{isShowChooseUserTypeModal ?
:
}\r\n\t\t\t{!location.pathname.includes(\"/category\") ?
: null}\r\n\t\t\t
\r\n\t\t\t
\r\n\t\t\t
\r\n\t\t\t
\r\n\t\t\t{isShowHelpAlert && helpAlerts && helpAlerts.length ? (\r\n\t\t\t\t
\r\n\t\t\t) : null}\r\n\t\t\t
\r\n\t\t\t
\r\n\t\t\t
\r\n\t\t\t
\r\n\t\t
\r\n\t\t\t\t\t\t\t\t\t\t
event.stopPropagation()} />\r\n ![\"${\r\n\t//](\"https://preview.rutube.ru/preview/c9e66786365d5ccd35b103d531501add.webp\")