(this.loWrapper = loWrapper)} />\r\n {isMobileDevice() && ui.alertType === AlertType.NODE_NOT_FOUND &&
}\r\n \r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state, props) => {\r\n const { product, user, ui, tree, lo } = state;\r\n const { rootDocumentId } = product.config;\r\n\r\n let nodeId = rootDocumentId;\r\n let isAdaptive = false;\r\n\r\n if (props.params) {\r\n if (props.params.folderId && props.params.documentId) {\r\n nodeId = `${props.params.folderId}_${props.params.documentId}`;\r\n const folder = tree.data[props.params.folderId];\r\n isAdaptive = Boolean(user && user.role === 'student' && folder && folder.isAdaptive);\r\n } else if (props.params.folderId) {\r\n nodeId = props.params.folderId;\r\n }\r\n }\r\n\r\n return {\r\n config: product.config,\r\n isWaitingForLoading: lo.isWaitingForLoading,\r\n isWaitingForLogout: lo.isWaitingForLogout,\r\n user,\r\n tree,\r\n ui,\r\n nodeId,\r\n pageId: window.location.hash && window.location.hash.split('page=')[1],\r\n taskId: tree.data[nodeId] && tree.data[nodeId].lms ? tree.data[nodeId].lms.TaskId : null, // We need it just to make sure the LO will be loaded with task ID\r\n isAdaptive\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = dispatch =>\r\n bindActionCreators(\r\n {\r\n loadLoDocument,\r\n fetchStudentNextState,\r\n fetchStudentStateSuccess,\r\n updateNodeEvaluations,\r\n updateDocumentEvaluations,\r\n getStudentLastDocument,\r\n fetchStateForItem,\r\n getUserTasks,\r\n hideAlertMessage,\r\n showAlertMessage,\r\n showModalMessage\r\n },\r\n dispatch\r\n );\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Lo);\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"icon\":\"SvgIcon_icon__31S5P\",\"icon-is-disabled\":\"SvgIcon_icon-is-disabled__2yAzN\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"wrapper\":\"Alert_wrapper__3pHdt\",\"icon\":\"Alert_icon__3Q0tj\",\"message\":\"Alert_message__zuLx0\",\"snackbar\":\"Alert_snackbar__21sTN\",\"active\":\"Alert_active__1pXWQ\",\"confirm\":\"Alert_confirm__3ZI-X\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"iframe__wrapper\":\"Lo_iframe__wrapper__2rAmL\",\"mobile\":\"Lo_mobile__3dBo7\"};","import React, { PureComponent } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { injectIntl } from 'react-intl';\r\n\r\nimport { Button } from 'cet-components-lib/dist/UI/Button';\r\nimport { A } from 'cet-components-lib/dist/UI/A';\r\nimport { Modal } from 'cet-components-lib/dist/Layout/Modal';\r\n\r\nimport { GoogleAnalytics } from '../../SharedLogic/utilities/googleAnalytics';\r\nimport { getParentPage } from '../../SharedLogic/app/services';\r\nimport { hideModalMessage } from '../../SharedLogic/ui/actions';\r\nimport { handlePurchase } from '../../SharedLogic/user/actions';\r\nimport { getUserShopURL } from '../../SharedLogic/user/services';\r\n\r\nimport { connect } from 'react-redux';\r\nimport { bindActionCreators } from 'redux';\r\n\r\nimport './Modals.scss';\r\n\r\nclass NoSubscriptionModal extends PureComponent {\r\n GOOGLE_EVENT_CATEGORY = 'NoSubscriptionPopup';\r\n\r\n handleOnClose = () => {\r\n const { rootDocumentId, userRole, treeData, siteRoutes, onClose, hideModalMessage } = this.props;\r\n\r\n GoogleAnalytics.sendManagerEvent(this.GOOGLE_EVENT_CATEGORY, 'close');\r\n\r\n if (onClose && typeof onClose === 'function') {\r\n onClose();\r\n }\r\n\r\n const isLoPage = window.location.href.includes('_');\r\n if (userRole === 'student' && isLoPage) {\r\n window.location.href = `/${window.TOC_PRODUCT_NAME}${getParentPage(rootDocumentId, treeData, siteRoutes)}`;\r\n } else {\r\n hideModalMessage();\r\n }\r\n };\r\n\r\n handleOnBuy = () => {\r\n GoogleAnalytics.sendManagerEvent(this.GOOGLE_EVENT_CATEGORY, 'buy');\r\n this.props.handlePurchase();\r\n };\r\n\r\n handleOnExtraInfo = () => {\r\n GoogleAnalytics.sendManagerEvent(this.GOOGLE_EVENT_CATEGORY, 'extra-info');\r\n };\r\n\r\n componentDidMount() {\r\n GoogleAnalytics.sendManagerEvent(this.GOOGLE_EVENT_CATEGORY, 'loaded');\r\n }\r\n\r\n render() {\r\n const { intl } = this.props;\r\n const { lang, userName, userRole, userSchoolSign, purchaseConfig } = this.props;\r\n\r\n const userShopURL = getUserShopURL(purchaseConfig, userSchoolSign);\r\n const showCetCatalogueLink = userRole === 'teacher' && userShopURL?.includes('cet.ac.il');\r\n\r\n if (!userShopURL) {\r\n return null;\r\n }\r\n\r\n return (\r\n <>\r\n
\r\n \r\n \r\n \r\n
![\"\"](\"/assets/no_registration.png\")
\r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nNoSubscriptionModal.prototypes = {\r\n lang: PropTypes.string.isRequired,\r\n onClose: PropTypes.func.isRequired,\r\n userName: PropTypes.string.isRequired,\r\n userRole: PropTypes.string.isRequired\r\n};\r\n\r\nconst mapStateToProps = state => {\r\n const { product, tree, olamonim, user } = state;\r\n\r\n return {\r\n rootDocumentId: product?.config?.rootDocumentId,\r\n purchaseConfig: product?.config?.purchaseConfig,\r\n treeData: tree?.data,\r\n siteRoutes: olamonim?.settings?.site?.routes,\r\n userSchoolSign: user?.schoolSign\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = dispatch => bindActionCreators({ hideModalMessage, handlePurchase }, dispatch);\r\n\r\nexport default injectIntl(connect(mapStateToProps, mapDispatchToProps)(NoSubscriptionModal));\r\n","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { injectIntl } from 'react-intl';\r\nimport { connect } from 'react-redux';\r\nimport { bindActionCreators } from 'redux';\r\n\r\nimport { GoogleAnalytics } from '../../SharedLogic/utilities/googleAnalytics';\r\nimport { hideModalMessage } from '../../SharedLogic/ui/actions';\r\nimport { getParentPage } from '../../SharedLogic/app/services';\r\n\r\nimport { Button } from 'cet-components-lib/dist/UI/Button';\r\nimport { Modal } from 'cet-components-lib/dist/Layout/Modal';\r\n\r\nimport './Modals.scss';\r\n\r\nclass NoEnvironmentsModal extends Component {\r\n GOOGLE_EVENT_CATEGORY = 'NoEnvironmentsPopup';\r\n\r\n handleOnClose = () => {\r\n const { rootDocumentId, userRole, treeData, siteRoutes, onClose, hideModalMessage, hasAudiences } = this.props;\r\n\r\n GoogleAnalytics.sendManagerEvent(this.GOOGLE_EVENT_CATEGORY, 'close');\r\n\r\n if (onClose && typeof onClose === 'function') {\r\n onClose();\r\n }\r\n\r\n const isLoPage = window.location.href.includes('_');\r\n if (userRole === 'student' && isLoPage && !hasAudiences) {\r\n window.location.href = `/${window.TOC_PRODUCT_NAME}${getParentPage(rootDocumentId, treeData, siteRoutes)}`;\r\n } else {\r\n hideModalMessage();\r\n }\r\n };\r\n\r\n handleGetStarted = () => {\r\n GoogleAnalytics.sendManagerEvent(this.GOOGLE_EVENT_CATEGORY, 'get-started');\r\n this.props?.onNext?.();\r\n };\r\n\r\n componentDidMount() {\r\n GoogleAnalytics.sendManagerEvent(this.GOOGLE_EVENT_CATEGORY, 'loaded');\r\n };\r\n\r\n render() {\r\n const { intl, userName, productName, userRole } = this.props;\r\n const isStudent = userRole === 'student';\r\n\r\n return (\r\n <>\r\n
\r\n \r\n \r\n \r\n {!isStudent && (\r\n
\r\n
{intl.formatHTMLMessage({ id: 'OPEN_NEW_ENV' })}
\r\n
{intl.formatHTMLMessage({ id: 'OPEN_ENVIRONMENT' })}
\r\n
\r\n )}\r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nNoEnvironmentsModal.prototypes = {\r\n lang: PropTypes.string.isRequired,\r\n userName: PropTypes.func.isRequired,\r\n userRole: PropTypes.func.isRequired,\r\n onClose: PropTypes.func,\r\n onNext: PropTypes.func\r\n};\r\n\r\nconst mapStateToProps = (state, props) => {\r\n const { product, tree, olamonim, user } = state;\r\n\r\n return {\r\n rootDocumentId: product?.config?.rootDocumentId,\r\n treeData: tree?.data,\r\n siteRoutes: olamonim?.settings?.site?.routes,\r\n hasAudiences: user?.audiences?.length > 0\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = dispatch => bindActionCreators({ hideModalMessage }, dispatch);\r\n\r\nexport default injectIntl(connect(mapStateToProps, mapDispatchToProps)(NoEnvironmentsModal));\r\n","import React, { PureComponent } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport { injectIntl } from 'react-intl';\r\n\r\nimport { showCetLoginDialog, showMoeLoginDialog } from '../../SharedLogic/user/sso';\r\nimport styles from './LoginWidget.module.scss';\r\n\r\nclass LoginWidget extends PureComponent {\r\n handleCetLoginRequest = () => {\r\n const { lang, skin, returnURL, onButtonClick } = this.props;\r\n if (onButtonClick) {\r\n onButtonClick();\r\n }\r\n showCetLoginDialog(lang, skin, 'toc_loginWidget_loginCet', 'loginCet', returnURL);\r\n };\r\n\r\n handleMoeLoginRequest = () => {\r\n const { returnURL, onButtonClick } = this.props;\r\n if (onButtonClick) {\r\n onButtonClick();\r\n }\r\n showMoeLoginDialog('toc_loginWidget_loginMoe', 'loginMoe', returnURL);\r\n };\r\n\r\n render() {\r\n const { intl, lang, purchaseURL } = this.props;\r\n\r\n const loginCSS = classNames({\r\n [styles['login']]: true,\r\n [styles['login--' + lang]]: true\r\n });\r\n\r\n return (\r\n
\r\n );\r\n }\r\n}\r\n\r\nLoginWidget.propTypes = {\r\n lang: PropTypes.string.isRequired,\r\n skin: PropTypes.string,\r\n returnURL: PropTypes.string,\r\n purchaseURL: PropTypes.string,\r\n onButtonClick: PropTypes.func\r\n};\r\n\r\nLoginWidget.defaultProps = {\r\n skin: null,\r\n returnURL: null,\r\n purchaseURL: null\r\n};\r\n\r\nexport default injectIntl(LoginWidget);\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"login\":\"LoginWidget_login__1uzve\",\"login--he\":\"LoginWidget_login--he__cwwrA\",\"login__cet\":\"LoginWidget_login__cet__yL2Pe\",\"login--ar\":\"LoginWidget_login--ar__1umOW\",\"login--en\":\"LoginWidget_login--en__3J3LF\",\"login__wrapper\":\"LoginWidget_login__wrapper__1VnfQ\",\"login__moe\":\"LoginWidget_login__moe__vPQpO\",\"login__text\":\"LoginWidget_login__text__2F3GL\",\"login__purchase\":\"LoginWidget_login__purchase__1-Sht\",\"login__purchase__text\":\"LoginWidget_login__purchase__text__2o3-T\"};","import { useEffect, useRef } from 'react';\r\n\r\nexport function useWhyDidYouUpdate(name, props) {\r\n // Get a mutable ref object where we can store props ...\r\n // ... for comparison next time this hook runs.\r\n const previousProps = useRef();\r\n useEffect(() => {\r\n if (process.env.NODE_ENV === 'production') {\r\n return;\r\n }\r\n\r\n if (previousProps.current) {\r\n // Get all keys from previous and current props\r\n const allKeys = Object.keys({ ...previousProps.current, ...props });\r\n // Use this object to keep track of changed props\r\n const changesObj = {};\r\n // Iterate through keys\r\n allKeys.forEach((key) => {\r\n // If previous is different from current\r\n if (previousProps.current[key] !== props[key]) {\r\n // Add to changesObj\r\n changesObj[key] = {\r\n from: previousProps.current[key],\r\n to: props[key],\r\n };\r\n }\r\n });\r\n // If changesObj not empty then output to console\r\n if (Object.keys(changesObj).length) {\r\n console.log('[why-did-you-update]', name, changesObj);\r\n }\r\n }\r\n // Finally update previousProps with current props for next hook call\r\n previousProps.current = props;\r\n });\r\n}\r\n","import {\r\n SET_TEACHER_MENU_ACTIVE_NODE,\r\n SET_TEACHER_SCHEDULER_ACTIVE_NODE,\r\n SET_TEACHER_INFO_ACTIVE_NODE,\r\n SHOW_ALERT_MESSAGE,\r\n HIDE_ALERT_MESSAGE,\r\n SHOW_MODAL_MESSAGE,\r\n HIDE_MODAL_MESSAGE,\r\n RESET_VIEW,\r\n PREVENT_SCROLL\r\n} from './action-types';\r\n\r\nexport const AlertType = {\r\n NOT_MOBILE_ADAPTED: 'NOT_MOBILE_ADAPTED',\r\n NODE_NOT_FOUND: 'NODE_NOT_FOUND',\r\n NODE_SCHEDULE_DISABLED: 'NODE_SCHEDULE_DISABLED',\r\n DISABLED_NODE: 'DISABLED_NODE',\r\n NEXT_FOLDER_DISABLED: 'NEXT_FOLDER_DISABLED',\r\n END_OF_COURSE: 'END_OF_COURSE',\r\n GENERAL_ERROR_MESSAGE: 'GENERAL_ERROR_MESSAGE'\r\n};\r\n\r\nexport const ModalType = {\r\n NO_SUBSCRIPTION: 'NO_SUBSCRIPTION',\r\n NO_CLASSES_AND_GROUPS: 'NO_CLASSES_AND_GROUPS',\r\n COURSE_CONTENT: 'COURSE_CONTENT',\r\n NO_ENVIRONMENTS: 'NO_ENVIRONMENTS',\r\n FUTURE_ENVIRONMENT: 'FUTURE_ENVIRONMENT',\r\n NO_SCHOOL: 'NO_SCHOOL',\r\n STUDENT_PREVIEW: 'STUDENT_PREVIEW',\r\n NODE_UNAVAILABLE_GENERAL: 'NODE_UNAVAILABLE_GENERAL',\r\n NODE_UNAVAILABLE_BLOCKED_BY_TEACHER: 'NODE_UNAVAILABLE_BLOCKED_BY_TEACHER',\r\n NODE_UNAVAILABLE_BLOCKED_BY_ENGINE: 'NODE_UNAVAILABLE_BLOCKED_BY_ENGINE',\r\n PURCHASE_ALLOWED_BY_MOE_USERS_ONLY: 'PURCHASE_ALLOWED_BY_MOE_USERS_ONLY',\r\n PURCHASE_ALLOWED_BY_STUDENTS_ONLY: 'PURCHASE_ALLOWED_BY_STUDENTS_ONLY',\r\n PURCHASE_ALLOWED_BY_TEACHERS_ONLY: 'PURCHASE_ALLOWED_BY_TEACHERS_ONLY'\r\n};\r\n\r\nexport const setTeacherMenuActiveNode = node => ({\r\n type: SET_TEACHER_MENU_ACTIVE_NODE,\r\n node\r\n});\r\n\r\nexport const setTeacherSchedulerActiveNodes = nodeKey => (dispatch, getState) => {\r\n let nodeKeys = [...getState().ui.teacherSchedulerActiveNodeKeys];\r\n let preventScroll = false;\r\n if (nodeKeys.length && nodeKeys.includes(nodeKey)) {\r\n nodeKeys = []; // nodeKeys.filter(key => key !== nodeKey);\r\n } else {\r\n // nodeKeys.push(nodeKey);\r\n nodeKeys = [nodeKey];\r\n preventScroll = true;\r\n }\r\n\r\n dispatch({\r\n type: SET_TEACHER_SCHEDULER_ACTIVE_NODE,\r\n nodeKeys,\r\n preventScroll\r\n });\r\n};\r\n\r\nexport const setTeacherInfoActiveNodes = nodeKey => (dispatch, getState) => {\r\n let nodeKeys = [...getState().ui.teacherInfoActiveNodeKeys];\r\n\r\n if (nodeKeys.length && nodeKeys.includes(nodeKey)) {\r\n nodeKeys = nodeKeys.filter(key => key !== nodeKey);\r\n } else {\r\n nodeKeys.push(nodeKey);\r\n }\r\n\r\n dispatch({\r\n type: SET_TEACHER_INFO_ACTIVE_NODE,\r\n nodeKeys\r\n });\r\n};\r\n\r\nexport const showAlertMessage = alertType => ({\r\n type: SHOW_ALERT_MESSAGE,\r\n alertType\r\n});\r\n\r\nexport const hideAlertMessage = () => ({ type: HIDE_ALERT_MESSAGE });\r\n\r\nexport const showModalMessage = modalType => ({\r\n type: SHOW_MODAL_MESSAGE,\r\n modalType\r\n});\r\n\r\nexport const hideModalMessage = () => ({ type: HIDE_MODAL_MESSAGE });\r\n\r\nexport const resetView = () => ({ type: RESET_VIEW });\r\n\r\nexport const setPreventScroll = preventScroll => ({\r\n type: PREVENT_SCROLL,\r\n preventScroll\r\n});\r\n","import React, { PureComponent } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\n\r\nimport styles from './SvgIcon.module.scss';\r\n\r\nclass SvgIcon extends PureComponent {\r\n render() {\r\n const { symbol, className, symbolsUrl, title, isDisabled, onClick } = this.props;\r\n \r\n const iconClassName = classNames({\r\n icon: true,\r\n [className]: className ? true : false,\r\n [styles['icon-is-disabled']]: isDisabled\r\n });\r\n\r\n return (\r\n
\r\n );\r\n }\r\n}\r\n\r\nSvgIcon.propTypes = {\r\n symbol: PropTypes.string.isRequired,\r\n className: PropTypes.string,\r\n symbolsUrl: PropTypes.string,\r\n isDisabled: PropTypes.bool\r\n};\r\n\r\nSvgIcon.defaultProps = {\r\n symbolsUrl: `${process.env.PUBLIC_URL}/assets/symbols.svg`\r\n};\r\n\r\nexport default SvgIcon;\r\n","/* Google custom variables & content groups should be defined at https://analytics.google.com/analytics site.\r\n\r\n API Documentations:\r\n https://developers.google.com/gtagjs/reference/api\r\n https://developers.google.com/analytics/devguides/collection/gtagjs/custom-dims-mets\r\n*/\r\n\r\nconst GOOGLE_TAG_MANAGER_ID = 'GTM-K9XHP9TR';\r\n\r\nconst customDimensions = {\r\n 'dimension1': 'productId',\r\n 'dimension2': 'userRole',\r\n 'dimension3': 'schoolSign',\r\n 'dimension4': 'deviceType',\r\n 'contentGroup1': 'userRole'\r\n};\r\n\r\nconst customDimensionsValues = {\r\n 'productId': undefined,\r\n 'userRole': 'guest',\r\n 'userID': undefined,\r\n 'schoolSign': undefined,\r\n 'deviceType': undefined,\r\n 'campaignPageURL': undefined,\r\n 'campaignPagePath': undefined,\r\n 'utmSource': undefined,\r\n 'utmMedium': undefined,\r\n 'utmCampaign': undefined\r\n};\r\n\r\nconst loadGoogleTag = (id, additionalConfiguration = null) => {\r\n const script = document.createElement('script');\r\n script.src = 'https://www.googletagmanager.com/gtag/js?id=' + id;\r\n script.async = true;\r\n\r\n script.onload = function() {\r\n window.dataLayer = window.dataLayer || [];\r\n window.gtag = function() { window.dataLayer.push(arguments); };\r\n window.gtag('js', new Date());\r\n\r\n if (typeof additionalConfiguration === 'object') {\r\n window.gtag('config', id, additionalConfiguration);\r\n } else {\r\n window.gtag('config', id);\r\n }\r\n };\r\n\r\n document.body.appendChild(script);\r\n};\r\n\r\nconst loadGoogleTagManager = (id, dataLayer = 'dataLayerManager') => {\r\n const script = document.createElement('script');\r\n script.src = 'https://www.googletagmanager.com/gtm.js?id=' + id + (dataLayer !== 'dataLayer' ? '&l=' + dataLayer : '');\r\n script.async = true;\r\n\r\n script.onload = function() {\r\n window[dataLayer] = window[dataLayer] || [];\r\n window[dataLayer].push({'gtm.start': new Date().getTime(), event: 'gtm.js'});\r\n window.gtagManager = (eventData) => { window.dataLayerManager.push(eventData); };\r\n };\r\n\r\n document.body.appendChild(script);\r\n};\r\n\r\nexport const GoogleAnalytics = {\r\n /* Init Google Analytics (according the given tracker ID per product) + Google Tag Manager (global for all products) */\r\n init: tracker => {\r\n if (!window.gtag && tracker?.id) {\r\n loadGoogleTag(tracker.id, { 'custom_map': customDimensions });\r\n }\r\n if (!window.gtagManager) {\r\n loadGoogleTagManager(GOOGLE_TAG_MANAGER_ID);\r\n }\r\n },\r\n\r\n /* Send Google Analytics Event */\r\n sendEvent: (category, action = 'click', label = '') => {\r\n if (window.gtag) {\r\n const eventData = {\r\n ...customDimensionsValues,\r\n 'event_category': category\r\n };\r\n\r\n if (label) { eventData.event_label = label; }\r\n\r\n window.gtag('event', action, eventData);\r\n } else {\r\n setTimeout(() => {\r\n GoogleAnalytics.sendEvent(category, action, label);\r\n }, 200);\r\n }\r\n },\r\n\r\n /* Send Google Tag Manager Event */\r\n sendManagerEvent: (category, action, additionalData = {}) => {\r\n if (window.gtagManager) {\r\n const eventData = {\r\n ...customDimensionsValues,\r\n ...additionalData,\r\n 'event': category\r\n };\r\n\r\n if (action) { eventData.action = action; }\r\n \r\n window.gtagManager(eventData);\r\n } else {\r\n setTimeout(() => {\r\n GoogleAnalytics.sendManagerEvent(category, action, additionalData);\r\n }, 200);\r\n }\r\n },\r\n\r\n setProductId: productId => {\r\n customDimensionsValues.productId = productId;\r\n },\r\n\r\n setDeviceData: deviceType => {\r\n customDimensionsValues.deviceType = deviceType;\r\n },\r\n\r\n setUserData: (userRole, userID = undefined, schoolSign = '') => {\r\n customDimensionsValues.userRole = userRole ? userRole : 'guest';\r\n customDimensionsValues.userID = userID ? userID : undefined;\r\n customDimensionsValues.schoolSign = schoolSign;\r\n },\r\n\r\n setCampaignData: (campaignData) => {\r\n if (typeof campaignData === 'object') {\r\n Object.assign(customDimensionsValues, campaignData);\r\n }\r\n }\r\n};\r\n","import { isMobileDevice } from './validations';\r\nexport const emptyGuid = '00000000-0000-0000-0000-000000000000';\r\n\r\nclass BaseParams {\r\n constructor(verb, objectId, objectName, ObjectType) {\r\n this.verb = verb;\r\n this.objectId = objectId;\r\n this.objectName = objectName;\r\n this.ObjectType = ObjectType;\r\n }\r\n}\r\n\r\nconst getParams = (baseParams, user, config, contextAdditionalInformation = null) => {\r\n const params = {\r\n ...baseParams,\r\n product: 'TOC',\r\n contextReferrer: document.referrer,\r\n userRole: user && user.role ? user.role : 'guest',\r\n userId: user && user.userId ? user.userId : emptyGuid,\r\n optionalData: {\r\n schoolId: user && user.schoolId ? user.schoolId : emptyGuid,\r\n audienceId: user && user.activeAudience ? user.activeAudience.audienceId : emptyGuid,\r\n environmentId: user && user.activeAudience ? user.activeAudience.id : emptyGuid,\r\n sessionId: user && user.sessionId ? user.sessionId : emptyGuid,\r\n contentLanguage: config.constsLanguage,\r\n contentGroupingId: config.productId,\r\n contentParentId: config.rootDocumentId,\r\n currentHyperlink: window.location.href,\r\n contextAdditionalInformation\r\n }\r\n };\r\n\r\n return Object.values(params);\r\n};\r\n\r\nconst CetEvents = {\r\n user: {},\r\n config: {},\r\n init: (user, config) => {\r\n CetEvents.user = { ...CetEvents.user, ...user };\r\n CetEvents.config = { ...CetEvents.config, ...config };\r\n },\r\n setUser: user => {\r\n CetEvents.user = user;\r\n },\r\n sendPageEnter: () => {\r\n const { user, config } = CetEvents;\r\n try {\r\n const baseParams = new BaseParams(\r\n window.cet.microservices.bigData.enums.verbs.launched,\r\n window.location.href,\r\n window.location.pathname,\r\n window.cet.microservices.bigData.enums.objectTypes.webpage\r\n );\r\n\r\n const params = getParams(baseParams, user, config);\r\n window.cet.microservices.bigData.messages.sendLearningEvent(...params);\r\n } catch (error) {\r\n if (process.env.NODE_ENV !== 'production') {\r\n // debugger;\r\n }\r\n }\r\n },\r\n sendPageExit: () => {\r\n const { user, config } = CetEvents;\r\n\r\n try {\r\n const baseParams = new BaseParams(\r\n window.cet.microservices.bigData.enums.verbs.exited,\r\n window.location.href,\r\n window.location.pathname,\r\n window.cet.microservices.bigData.enums.objectTypes.webpage\r\n );\r\n\r\n const params = getParams(baseParams, user, config);\r\n window.cet.microservices.bigData.messages.sendLearningEvent(...params);\r\n } catch (error) {\r\n if (process.env.NODE_ENV !== 'production') {\r\n //debugger;\r\n }\r\n }\r\n },\r\n sendPressEvent: (objectName, objectId, contextAdditionalInformation = {}) => {\r\n const { user, config } = CetEvents;\r\n try {\r\n const baseParams = new BaseParams(\r\n window.cet.microservices.bigData.enums.verbs.pressed,\r\n objectId,\r\n objectName,\r\n window.cet.microservices.bigData.enums.objectTypes.inputControl\r\n );\r\n\r\n contextAdditionalInformation.isMobile = contextAdditionalInformation.isMobile || isMobileDevice();\r\n\r\n const params = getParams(baseParams, user, config, contextAdditionalInformation);\r\n window.cet.microservices.bigData.messages.sendUiUsageEvent(...params);\r\n } catch (error) {\r\n\r\n }\r\n }\r\n};\r\n\r\nexport default CetEvents;\r\n","import { CLEAR_STATE, LOAD_STATE, LOAD_STATE_SUCCESS } from './action-types';\r\nimport { fetchLmsForFolder, fetchLmsForItem, fetchLmsForFolderItemPairs } from './services';\r\n\r\nexport const fetchStateForFolder = folderId => async (dispatch, getState) => {\r\n const { productId, rootDocumentId, loLanguage } = getState().product.config;\r\n const { userId, schoolId, activeAudience } = getState().user;\r\n const treeData = getState().tree?.data;\r\n\r\n if (!folderId || !treeData || !treeData[folderId] || !treeData[folderId].isLinksFolder) {\r\n return Promise.resolve(null);\r\n }\r\n\r\n const folder = treeData[folderId];\r\n const { id, isAdaptive, children, lms } = folder;\r\n\r\n if (activeAudience && activeAudience.audienceId) {\r\n dispatch(setStateAsLoading(id));\r\n\r\n return new Promise(resolve => {\r\n Promise.all([\r\n fetchLmsForFolder(userId, schoolId, productId, activeAudience.id, activeAudience.audienceId, rootDocumentId, id, loLanguage, isAdaptive, lms, children)\r\n ]).then(async ([lms]) => {\r\n await dispatch(fetchStateForFolderSuccess(lms));\r\n const updatedNodes = Object.keys(getState().tree.data)\r\n .filter(key => key.indexOf(folder.key) === 0)\r\n .map(key => getState().tree.data[key]);\r\n resolve(updatedNodes);\r\n });\r\n });\r\n }\r\n};\r\n\r\nconst setStateAsLoading = folderId => ({ type: LOAD_STATE, folderId: folderId });\r\n\r\nexport const fetchStateForFolderSuccess = lms => ({\r\n type: LOAD_STATE_SUCCESS,\r\n lms\r\n});\r\n\r\nconst fetchStateForItemSuccess = lms => ({\r\n type: LOAD_STATE_SUCCESS,\r\n lms: [lms]\r\n});\r\n\r\nexport const fetchStateForItem = (config, item, user) => dispatch => {\r\n const { productId, loLanguage } = config;\r\n const { userId, schoolId, activeAudience } = user;\r\n const { id, parentId } = item;\r\n\r\n return new Promise(resolve => {\r\n if (activeAudience && activeAudience.audienceId) {\r\n fetchLmsForItem(userId, schoolId, productId, activeAudience.id, activeAudience.audienceId, id, parentId, loLanguage).then(lms => {\r\n dispatch(fetchStateForItemSuccess(lms));\r\n resolve(true);\r\n });\r\n } else {\r\n resolve(false);\r\n }\r\n });\r\n};\r\n\r\nexport const fetchStateForMultipleFolders = folderIds => (dispatch, getState) => {\r\n dispatch(clearState());\r\n const { productId, rootDocumentId, loLanguage } = getState().product.config;\r\n const { userId, schoolId, activeAudience } = getState().user;\r\n const { data } = getState().tree;\r\n\r\n if (!activeAudience) {\r\n return Promise.resolve(null);\r\n }\r\n\r\n const folderItemPairs = [];\r\n\r\n folderIds.forEach(folderId => {\r\n const folder = data?.[folderId];\r\n\r\n if (folder) {\r\n const { isLinksFolder, children } = folder;\r\n\r\n if (isLinksFolder && children) {\r\n children.forEach(documentId => {\r\n folderItemPairs.push({ folderId, documentId });\r\n });\r\n }\r\n }\r\n });\r\n\r\n return fetchLmsForFolderItemPairs(userId, schoolId, productId, activeAudience.id, activeAudience.audienceId, rootDocumentId, loLanguage, folderItemPairs).then(lmsValues => {\r\n const values = lmsValues ? [{ lms: lmsValues }] : [];\r\n const state = values.filter(st => st); // removing null\r\n const merged = state.reduce(\r\n (state, st) => {\r\n st.lms = st.lms || [];\r\n st.scopes = st.scopes || [];\r\n\r\n state.lms = state.lms.concat(st.lms);\r\n\r\n if (st.scope) {\r\n state.scopes.push(st.scope);\r\n }\r\n\r\n return state;\r\n },\r\n { lms: [], scopes: [] }\r\n );\r\n\r\n const { lms, scopes } = merged;\r\n dispatch(fetchStateForFolderSuccess(lms, scopes));\r\n });\r\n};\r\n\r\nexport const clearState = () => (dispatch, getState) => {\r\n dispatch({ type: CLEAR_STATE });\r\n};\r\n\r\nexport const setItemStateAsInProgress =\r\n (item, isDone = false) =>\r\n (dispatch, getState) => {\r\n const lms = item && item.lms ? { ...item.lms } : { StudentLmsInfo: {} };\r\n\r\n const { user } = getState();\r\n if (!user || user.role !== 'student') return;\r\n\r\n lms.StudentLmsInfo = lms.StudentLmsInfo || {};\r\n\r\n if (item.noCheck || isDone) {\r\n lms.StudentLmsInfo.State = 'submitted';\r\n } else {\r\n lms.StudentLmsInfo.State =\r\n lms.StudentLmsInfo.State === 'submitted' || lms.StudentLmsInfo.State === 'evaluated' || lms.StudentLmsInfo.State === 'skipped'\r\n ? 'inProgressAfterSubmit'\r\n : 'startedTrial';\r\n }\r\n\r\n dispatch(fetchStateForItemSuccess(lms));\r\n };\r\n","export const convertJsonToUserPersonalTree = (json, user, isAdaptive = false) => {\r\n const data = convertTreeToDictionary(user, json, isAdaptive);\r\n hideFoldersWithNoVisibleChildren(user, data);\r\n initParentsAsFlaggedFolders(data);\r\n\r\n return data;\r\n};\r\n\r\nexport const isRemovedOnConvert = (node, user) => {\r\n if (node.parentFolder && node.parentFolder.isDeleted) {\r\n return true;\r\n } else if (node && node.type === 'folder' && (!node.children || !node.children.length) && node.parentFolder && !node.parentFolder.isNew) {\r\n return true;\r\n } else if (node.isDeleted) {\r\n return true;\r\n } else if (node.type === 'link' && !node.isPublished && (!user || !user.userId || user.role !== 'admin')) {\r\n return true;\r\n }\r\n\r\n return false;\r\n};\r\n\r\nexport const isRemovedNode = (node, user, isAdaptiveEnabled) => {\r\n if (isRemovedOnConvert(node, user)) {\r\n return true;\r\n } else if (!isAdaptiveEnabled && node.isHidden && (!user || !user.userId || user.role === 'student')) {\r\n return true;\r\n } else if (node.type === 'folder' && !node.isNew && (!node.children || !node.children.length)) {\r\n return true;\r\n }\r\n\r\n return false;\r\n};\r\n\r\nexport const isVisibleNode = node => {\r\n if (!node) return false;\r\n return node && node.isPublished && !node.isDeleted && (node.type === 'folder' || !node.isHidden);\r\n};\r\n\r\nexport const isLastNodeInTree = (treeData, node, nodeType = 'link') => {\r\n if (treeData && node) {\r\n const filteredTreeByType = Object.values(treeData).filter(n => n.type === nodeType);\r\n\r\n if (filteredTreeByType && filteredTreeByType.length > 0) {\r\n return Boolean(filteredTreeByType.indexOf(node) === filteredTreeByType.length - 1);\r\n }\r\n }\r\n\r\n return false;\r\n};\r\n\r\nexport const isScheduleOptionDisabled = (node, user, timingOptionConfig) => {\r\n if (!node) return true;\r\n\r\n const result = Boolean(node.isHidden || (user && user.activeAudience && user.activeAudience.archiveYear) || (timingOptionConfig < 2 && node && node.itemType !== 'Exam'));\r\n return result;\r\n};\r\n\r\nexport const isHideOptionDisabled = node => {\r\n let result;\r\n if (!node) return true;\r\n\r\n if (node.isHidden) return false;\r\n\r\n if (node.type === 'folder') {\r\n result = Boolean((node.scheduledInnerItems && node.scheduledInnerItems.length > 0) || node.flag || (node.flaggedInnerFolder && node.flaggedInnerFolder.length > 0));\r\n } else {\r\n result = Boolean(node.flag || (node.lms && node.lms.IsScheduled));\r\n }\r\n\r\n return result;\r\n};\r\n\r\nexport const convertTreeToDictionary = (user, node, isAdaptive = false, parentId = undefined, treeData = {}) => {\r\n let parents, children;\r\n\r\n if (parentId) {\r\n if (treeData[parentId]) {\r\n parents = treeData[parentId].parents.concat(parentId);\r\n } else {\r\n parents = [parentId];\r\n }\r\n } else {\r\n parents = [];\r\n }\r\n\r\n if (node && node.type === 'folder' && !isRemovedOnConvert(node, user)) {\r\n if (node.parentFolder && !treeData.hasOwnProperty(node.parentFolder.id)) {\r\n const key = node.parentFolder.id;\r\n treeData[key] = { ...node.parentFolder };\r\n treeData[key].key = key;\r\n treeData[key].leadingItem = node.parentFolder.leadingItem || {};\r\n treeData[key].isAdaptive = isAdaptive;\r\n treeData[key].parentId = parentId;\r\n treeData[key].parentFolderId = treeData[key].parentFolderId || parentId;\r\n treeData[key].parents = parents;\r\n treeData[key].type = node.type;\r\n treeData[key].parentId = parentId;\r\n treeData[key].flaggedInnerFolder = [];\r\n treeData[key].scheduledInnerItems = [];\r\n treeData[key].isPublished = true;\r\n\r\n //remove non published items for non admin\r\n if ((!user || user.role !== 'admin') && node.children && node.children.length) {\r\n node.children = node.children.filter(c => c.type === 'folder' || c.isPublished);\r\n }\r\n\r\n //#region Adding reference to children\r\n if (node.children && node.children.length) {\r\n children = [];\r\n node.children.forEach(function (child) {\r\n convertTreeToDictionary(user, child, isAdaptive, node.parentFolder.id, treeData);\r\n if (child.type === 'folder' && child.parentFolder && !isRemovedOnConvert(child, user)) {\r\n children.push(child.parentFolder.id);\r\n } else if (child.type === 'link' && !isRemovedOnConvert(child, user)) {\r\n children.push(child.id);\r\n treeData[key].isLinksFolder = true;\r\n }\r\n });\r\n } else if (!treeData[key].isNew) {\r\n treeData[key].isPublished = false;\r\n } else if (!user || !user.role || user.role === 'student') {\r\n treeData[key].isHidden = true;\r\n } else {\r\n if (treeData[key].isNew) {\r\n /* this is important - teacher / admin should be able to see an empty folder */\r\n treeData[key].isPublished = true;\r\n } else {\r\n treeData[key].isPublished = false;\r\n }\r\n }\r\n\r\n treeData[key].children = children || [];\r\n //#endregion\r\n }\r\n } else if (node && node.type === 'link' && !isRemovedOnConvert(node, user)) {\r\n const key = [parentId, '_', node.id].join('');\r\n if (!treeData.hasOwnProperty(key)) {\r\n treeData[key] = { ...node };\r\n treeData[key].key = key;\r\n treeData[key].parentId = parentId;\r\n treeData[key].parentFolderId = treeData[key].parentFolderId || parentId;\r\n treeData[key].parents = parents;\r\n treeData[key].isDisabled = (!user || user.role === 'student') && node.itemType === 'Exam';\r\n treeData[key].scope = user && user.role === 'student' && user.audiences && user.audiences.length && isAdaptive ? 'disabled' : '';\r\n }\r\n }\r\n\r\n return treeData;\r\n};\r\n\r\nexport const hideFoldersWithNoVisibleChildren = (user, treeData) => {\r\n if (!user || !user.userId || user.role === 'student') {\r\n Object.keys(treeData)\r\n .reverse()\r\n .forEach(id => {\r\n const node = treeData[id];\r\n if (node.type === 'folder') {\r\n const visibleChildren = node.children.filter(cid => {\r\n const child = treeData[cid] || treeData[`${id}_${cid}`];\r\n return child && !isRemovedOnConvert(child) && !child.isHidden;\r\n });\r\n\r\n if (!visibleChildren.length && !node.isHidden) {\r\n node.isHidden = true;\r\n }\r\n }\r\n });\r\n }\r\n};\r\n\r\nexport const initParentsAsFlaggedFolders = treeData => {\r\n Object.keys(treeData).forEach(key => {\r\n const node = treeData[key];\r\n\r\n if (node.flag) {\r\n node.parents.forEach(p => {\r\n const parent = treeData[p];\r\n\r\n if (parent.flaggedInnerFolder.indexOf(key) < 0) {\r\n parent.flaggedInnerFolder.push(key);\r\n }\r\n });\r\n }\r\n });\r\n};\r\n\r\nexport const setFoldersByInnerFlags = (innerFolder, treeData) => {\r\n const result = {};\r\n innerFolder.parents.forEach(p => {\r\n const parent = { ...treeData[p] };\r\n const index = parent.flaggedInnerFolder.indexOf(innerFolder.id);\r\n\r\n if (innerFolder.flag && index < 0) {\r\n parent.flaggedInnerFolder.push(innerFolder.id);\r\n } else if (!innerFolder.flag && index >= 0) {\r\n parent.flaggedInnerFolder.splice(index, 1);\r\n }\r\n\r\n result[p] = parent;\r\n });\r\n\r\n return result;\r\n};\r\n\r\nexport const setVisibilityFromParentDown = (node, isHidden, treeData, updated = []) => {\r\n if (node.children) {\r\n node.children.forEach(c => {\r\n const child = treeData[c] || treeData[`${node.id}_${c}`];\r\n setVisibilityFromParentDown(child, isHidden, treeData, updated);\r\n updated.push({\r\n ...child,\r\n isHidden,\r\n parentFolderId: child.parentId\r\n });\r\n });\r\n }\r\n};\r\n\r\nexport const setVisibilityFromChildUp = (node, isHidden, treeData, updated = []) => {\r\n if (!isHidden) {\r\n node.parents.forEach(p => {\r\n const parent = treeData[p];\r\n // prevent updating the root folder\r\n if (parent.parentId) {\r\n updated.push({\r\n ...parent,\r\n isHidden,\r\n parentFolderId: parent.parentId\r\n });\r\n }\r\n });\r\n }\r\n};\r\n\r\nexport function getNodeByIdAndParent(nodeId, parentNodeId, treeData) {\r\n if (!nodeId) return null;\r\n\r\n return treeData[nodeId] || treeData[`${parentNodeId}_${nodeId}`];\r\n}\r\n\r\nexport function getItemIdFromKey(nodeKey) {\r\n if (!nodeKey) return null;\r\n\r\n const splittedKey = nodeKey.split('_');\r\n if (splittedKey.length > 1) {\r\n return splittedKey[1];\r\n }\r\n\r\n return splittedKey[0];\r\n}\r\n\r\nexport const getFirstLinksFolder = (treeData, includeRootFolder = false) => {\r\n if (treeData) {\r\n const startIndex = includeRootFolder ? 0 : 1;\r\n const treeNodes = Object.values(treeData);\r\n\r\n for (let i = startIndex; i < treeNodes.length; i++) {\r\n if (treeNodes[i] && treeNodes[i].type === 'folder' && treeNodes[i].isLinksFolder) {\r\n return treeNodes[i];\r\n }\r\n }\r\n }\r\n\r\n return null;\r\n};\r\n","import React, { PureComponent } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { injectIntl } from 'react-intl';\r\n\r\nimport { Button } from 'cet-components-lib/dist/UI/Button';\r\nimport { Modal } from 'cet-components-lib/dist/Layout/Modal';\r\nimport { Preloader } from 'cet-components-lib/dist/UI/Preloader';\r\nimport SvgIcon from '../SvgIcon';\r\n\r\nimport { clearIsStudentPreview } from '../../SharedLogic/user/services';\r\n\r\nimport './Modals.scss';\r\n\r\nclass StudentPreviewModal extends PureComponent {\r\n timeoutRef = null;\r\n\r\n componentDidMount() {\r\n const { redirectPath, isMovingToTeacherPreview, audience, productLocalName } = this.props;\r\n\r\n if (redirectPath && audience) {\r\n if (isMovingToTeacherPreview) {\r\n this.timeoutRef = window.setTimeout(() => {\r\n window.location.href = `${redirectPath}/?isStudentPreview=true`;\r\n }, 3 * 1000);\r\n } else {\r\n this.timeoutRef = window.setTimeout(() => {\r\n clearIsStudentPreview(productLocalName);\r\n window.location.href = redirectPath;\r\n }, 3 * 1000);\r\n }\r\n }\r\n }\r\n componentWillUnmount() {\r\n if (this.timeoutRef) {\r\n window.clearTimeout(this.timeoutRef);\r\n }\r\n }\r\n\r\n render() {\r\n const { intl, onClose, audience, isMovingToTeacherPreview } = this.props;\r\n return (\r\n <>\r\n
\r\n \r\n \r\n
\r\n {isMovingToTeacherPreview && {intl.formatHTMLMessage({ id: 'MOVING_TO_STUDENT_PREVIEW' })}
}\r\n {!isMovingToTeacherPreview && {intl.formatHTMLMessage({ id: 'COMING_BACK_TO_TEACHER_VIEW' })}
}\r\n {audience.title}
\r\n {isMovingToTeacherPreview && (\r\n \r\n {intl.formatHTMLMessage({ id: 'YOU_CAN_RETURN_BY_CLICKING' })}\r\n \r\n
\r\n )}\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nStudentPreviewModal.prototypes = {\r\n lang: PropTypes.string.isRequired,\r\n onClose: PropTypes.func.isRequired,\r\n audience: PropTypes.object.isRequired\r\n};\r\n\r\nexport default injectIntl(StudentPreviewModal);\r\n","import React, { useState, useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { useSelector } from 'react-redux';\r\n\r\nexport default function PrizeCountable({ settings }) {\r\n const { olamonim, labels } = useSelector(({ product, olamonim }) => ({ olamonim, labels: product.i18n }));\r\n const [prizeInfo, setPrizeInfo] = useState({});\r\n const [prizeCount, setPrizeCount] = useState();\r\n\r\n useEffect(() => {\r\n const prizeInfo = olamonim.settings?.prizes?.prizesCatalog?.items?.filter(prize => prize.prizeCatalogId === settings.id);\r\n if (prizeInfo && prizeInfo[0]) {\r\n setPrizeInfo(prizeInfo[0]);\r\n }\r\n }, [olamonim.settings?.prizes?.prizesCatalog, settings.id]);\r\n\r\n useEffect(() => {\r\n const getCountFromWallet = prizeID => {\r\n if (olamonim.wallet[prizeID]?.amount) return olamonim.wallet[prizeID].amount;\r\n return 0;\r\n };\r\n\r\n setPrizeCount(getCountFromWallet(settings.id));\r\n }, [olamonim.wallet, settings.id, settings.size]);\r\n\r\n return (\r\n
\r\n \r\n {prizeCount}\r\n
{labels['COINS']}
\r\n