[a-z,0-9,-]+<\\/div>/g;\r\n const video = /<\\/a>/g;\r\n const videoThumb = /![](\\\"[^)
]*\\\" \\/>/g;\r\n const imagesRegex = /![]()
/g\r\n const divPlaceRegex = /
}>\r\n /g;\r\n let images = [];\r\n let divPlace = [];\r\n images = content.match(imagesRegex);\r\n divPlace = content.match(divPlaceRegex);\r\n if(images && divPlace) {\r\n content = content.replace(imagesRegex, \"\");\r\n for(let i = 0; i/sg;\r\n // Regular expression to match the imagePlugin divs\r\n const regexextra = /
}>\r\n /sg;\r\n // Replace the imagePlugin divs with img tags\r\n content = content.replace(regex, (match, imageUrl) => {\r\n return `![](\"${imageUrl}\")
`;\r\n });\r\n // Replace the imagePlugin divs with img tags\r\n content = content.replace(regexextra, (match, imageUrl) => {\r\n return ``;\r\n });\r\n\r\n content = content.replace(urls, function (match, token) {\r\n return 'target=\"_blank\" href=\"' + root + '/';\r\n });\r\n\r\n content = content.replace(src, function (match, token) {\r\n return 'src=\"' + root + '/';\r\n });\r\n\r\n content = content.replace(videoThumb, \"\");\r\n\r\n content = content.replace(ids, \"\");\r\n\r\n\r\n // Regular expression to match the SharePoint images\r\n const sharePointImages = /![](\"https:\\/\\/avantage365\\.sharepoint\\.com\\/_LAYOUTS\\/IMAGES\\/VISUALTEMPLATEIMAGE\\d+\\.JPG\".*?)
/g;\r\n // Remove the SharePoint images\r\n content = content.replaceAll(sharePointImages, \"\");\r\n\r\n\r\n content = content.replace(/
/g, \"\\n\")\r\n content = content.replaceAll(/(
){3,}/g, \"
\");\r\n content = content.replaceAll(\"
');\r\n \r\n return content;\r\n}\r\n\r\nfunction* getYammerShout() {\r\n //if (!apiURL) {\r\n // console.log(\"Yammer API URL Required\");\r\n // return;\r\n //}\r\n //try {\r\n const shoutItems = yield select(getMultiChannelShoutItems);\r\n const Client = yield select(getYammerClient);\r\n const GoClient = yield select(getGOClient);\r\n const GraphClient = yield select(getGraphClient);\r\n\r\n if (!Client) return;\r\n\r\n //const shouts = yield Client.api(apiURL);\r\n let shouts = yield Client.api('https://www.yammer.com/api/v1/messages.json?threaded=true');\r\n //let test = yield Client.api('/users/1522724127.json');\r\n let messages = [];\r\n\r\n if (shouts == null || !shouts) return;\r\n if (shouts.length === 0) return;\r\n\r\n if (shouts != null) {\r\n let announcements = shouts.references.filter(m => m.announcement === true);\r\n messages = shouts.messages.filter(m => announcements.find(a => a.id == m.id));\r\n\r\n //messages.takeEvery(m => announcements.find(a => a.id == m.id))\r\n for (let m of messages) {\r\n let a = announcements.find(a => a.id == m.id);\r\n m.reference = a;\r\n\r\n let user = shouts.references.find(r => r.id == m.sender_id);\r\n m.user = user;\r\n\r\n let topics = shouts.references.find(r => r.id == m.id)?.topics;\r\n if (topics != null) {\r\n //m.topics = topics;\r\n m.topics = [];\r\n for (let t of topics) {\r\n let topic = yield Client.api(`https://www.yammer.com/api/v1/topics/${t.id}.json`);\r\n if (topic != null) m.topics.push(topic);\r\n }\r\n }\r\n }\r\n }\r\n\r\n if (messages.length && ((shoutItems.length === 0) || (shoutItems && shoutItems[0].id !== messages[0].id))) {\r\n return yield parseYammerShout(messages);\r\n } else {\r\n return yield parseYammerShout(messages);\r\n }\r\n return false\r\n}\r\n\r\nasync function parseYammerShout(shout) {\r\n let parsedShout = [];\r\n for (let key in shout) {\r\n if (shout[key]) {\r\n const item = shout[key];\r\n\r\n let shoutObject = new ShoutObject;\r\n shoutObject.setAuthor(item.user?.full_name);\r\n\r\n shoutObject.setContent(parseShoutContent(item.body?.rich));\r\n shoutObject.setDate(item.created_at);\r\n //shoutObject.setTitle(item.title);\r\n shoutObject.setUrl(item.web_url);\r\n shoutObject.setID(\"\" + item.id);\r\n shoutObject.setType('yammer');\r\n\r\n if (item.topics != null && item.topics) {\r\n shoutObject.setTopics(item.topics);\r\n }\r\n\r\n shoutObject.setImageUrl(item.user?.mugshot_url);\r\n\r\n if (shoutObject.getShoutObject()) {\r\n parsedShout.push(shoutObject.getShoutObject());\r\n }\r\n }\r\n }\r\n return parsedShout;\r\n}\r\n\r\n\r\nfunction* getSharepointShout(site, api, selector, title) {\r\n if (!api) {\r\n console.log(\"Sharepoint API URL Required\");\r\n return;\r\n }\r\n let changedItems = [];\r\n // try {\r\n let currentItems = yield select(getMultiChannelShoutItems);\r\n currentItems = currentItems.filter(i => i.widget == title);\r\n const Client = yield select(getSharepointClient);\r\n const GoClient = yield select(getGOClient);\r\n // const GraphClient = yield select(getGraphClient);\r\n\r\n if (!Client) return;\r\n\r\n if (api.indexOf('?') == -1) {\r\n api += \"?$orderBy=Created desc&$top=20\";\r\n }\r\n\r\n const newsResponse = yield Client.api(api);\r\n\r\n if (newsResponse == null || !newsResponse || !newsResponse.value) return;\r\n if (newsResponse.value.length === 0) return;\r\n\r\n let data = newsResponse.value;\r\n let newItems = data.filter(d => (currentItems?.length == 0 ? true : (!currentItems?.find(i => i.type == \"sharepoint\" && i.id == 'sp_shouts_' + d.Id.toString()))));\r\n let oldItems = currentItems.filter(i => !data.find(d => 'sp_shouts_' + d.Id == i.id) && !newItems.find(n => 'sp_shouts_' + n.Id == i.id));\r\n\r\n //data = data.slice(0, 16);\r\n if (newItems?.length > 0) {\r\n newItems = newItems.map(function (n) {\r\n return { ...n, Id: 'sp_shouts_' + n.Id.toString(), site: site };\r\n });\r\n }\r\n\r\n //remove old items\r\n if (oldItems?.length > 0) {\r\n currentItems = currentItems.filter(c => !oldItems.find(o => o.id == c.id));\r\n }\r\n //Check for modified items\r\n changedItems = data.filter(data => {\r\n return currentItems.find(current => {\r\n if(data.Modified != current.dateModified && current.type == \"sharepoint\" && current.id == 'sp_shouts_'+ data.Id.toString()) {\r\n return data\r\n }\r\n })\r\n })\r\n\r\n if (changedItems?.length > 0) {\r\n changedItems = changedItems.map(function (n) {\r\n return { ...n, Id: 'sp_shouts_' + n.Id.toString(), site: site };\r\n });\r\n }\r\n\r\n //use selectors to get the right data\r\n let selected = null;\r\n if (selector) {\r\n selected = JSON.parse(selector);\r\n if (!selected) return;\r\n }\r\n\r\n //how to know.. if the items from.. still valid?\r\n\r\n\r\n //parse items to GO items with parsed selectors\r\n let parsedItems = yield parseSharepointShout(newItems, selected);\r\n if (parsedItems?.length > 0) {\r\n parsedItems = parsedItems.map(i => {\r\n i.widget = title\r\n return i; })\r\n }\r\n //remove old items\r\n if (oldItems?.length > 0) currentItems = currentItems.filter(c => !oldItems.find(o => o.id == c.Id));\r\n\r\n // //add existing (already parsed) items to array\r\n // parsedItems = parsedItems.concat(currentItems.filter(i => i.type == \"sharepoint\" && i.widget == title));\r\n // parsedItems = parsedItems.slice(0, 20); //max?\r\n\r\n\r\n let parsedChangedItems = yield parseSharepointShout(changedItems, selected);\r\n if (parsedChangedItems?.length > 0) {\r\n parsedChangedItems = parsedChangedItems.map(i => {\r\n i.widget = title\r\n return i; })\r\n }\r\n if (parsedChangedItems?.length > 0) {\r\n currentItems = currentItems.filter(current => !parsedChangedItems.find(parsed => current.type == \"sharepoint\" && current.id == parsed.id))\r\n }\r\n\r\n //add existing (already parsed) items to array\r\n // parsedItems.push({...currentItems[0], Id: 'sp_news_test', id: 'sp_news_test'});\r\n return [...parsedItems, ...currentItems, ...parsedChangedItems];\r\n\r\n // return parsedItems;\r\n}\r\n\r\nfunction* postprocess(newItems) {\r\n let tasks = [];\r\n\r\n const SharepointClient = yield select(getSharepointClient);\r\n let sharepointToken;\r\n if (SharepointClient) sharepointToken = yield SharepointClient.getToken();\r\n\r\n const GoClient = yield select(getGOClient);\r\n let goToken = yield GoClient.getToken();\r\n\r\n\r\n //task to get images\r\n tasks = newItems.map(async (item, index) => {\r\n\r\n if (item.type == \"sharepoint\") {\r\n\r\n //get author based on sharepoint user id\r\n if (!isNaN(parseInt(item.author))) {\r\n const sharepointUser = await SharepointClient.api(item.site + '/_api/web/getuserbyid(' + item.author + ')');\r\n\r\n //set auteur\r\n if (sharepointUser) {\r\n if (sharepointUser.Title) {\r\n //item.author = sharepointUser.Title;\r\n newItems[index].author = sharepointUser.Title;\r\n }\r\n }\r\n }\r\n\r\n const getResponse = async (item) => {\r\n if (item.imageUrl == null) return { imageUrl: null };\r\n if (item.imageUrl == 'parse-from-localForage') return { imageUrl: null }; //no image found in cache \r\n if (item.imageUrl.indexOf(\"sharepoint.com\") == -1) return { imageUrl: item.imageUrl }; //do nothing\r\n\r\n let pictureUrl = parsePictureUrl(item.orginalUrl ? item.orginalUrl : item.imageUrl, 3);\r\n let url = encodeURIComponent(pictureUrl);\r\n\r\n let response = await fetch(`/api/getimage?url=${url}`, {\r\n method: 'GET',\r\n contentType: 'image/jpeg',\r\n headers: {\r\n 'Authorization': 'Bearer ' + goToken,\r\n 'AuthorizationProxy': sharepointToken\r\n }\r\n }).catch((err) => { return null; });\r\n\r\n if (!response?.ok) return null;\r\n\r\n const content = await response.text();\r\n let objectUrl = \"\";\r\n let blob;\r\n\r\n try {\r\n blob = dataURItoBlob(content);\r\n } catch (ex) { return null; }\r\n\r\n if (!blob) return null;\r\n await localforage.setItem(item.id, blob);\r\n\r\n return {\r\n imageUrl: 'parse-from-localForage',\r\n orginalUrl: item.orginalUrl ? item.orginalUrl : item.imageUrl\r\n };\r\n };\r\n\r\n let pictureData = await localforage.getItem(newItems[index].id);\r\n if (pictureData == null || pictureData == '') pictureData = await getResponse(newItems[index]);\r\n if (pictureData) newItems[index] = { ...newItems[index], ...pictureData };\r\n }\r\n });\r\n\r\n if (tasks.length) {\r\n yield Promise.all(tasks);\r\n }\r\n\r\n return newItems;\r\n}\r\n\r\n\r\n\r\nexport function* setLastViewedItems() {\r\n yield takeEvery(actions.SET_LAST_SHOUT_VIEWED, function* (action) {\r\n if (action.payload == null) return;\r\n\r\n\r\n //this.props.actions.setSettingValue(newViewed, 'viewedShouts');\r\n\r\n console.log('set viewed shouts');\r\n yield put({\r\n type: userActions.UPDATE_USER_SETTINGS,\r\n payload: {\r\n value: action.payload,\r\n setting: 'viewedShouts'\r\n }\r\n });\r\n\r\n });\r\n}\r\n\r\n\r\nexport function* parseLastViewed() {\r\n\r\n const parser = function* () {\r\n\r\n //state.User.profile.data?.settings?.viewedShouts,\r\n const items = yield select(getMultiChannelShoutItems);\r\n const data = yield select(getUserProfileSettingData);\r\n const completed = yield select(getUserRequestCompleted);\r\n const shoutsCompleted = yield select(getShoutsRequestCompleted);\r\n\r\n if (data == null || !completed || !shoutsCompleted || items?.length == 0) return;\r\n\r\n let viewedItems = data.settings?.viewedShouts;\r\n if (!viewedItems) {\r\n viewedItems = [];\r\n }\r\n\r\n let newViewed = [];\r\n\r\n //items.forEach((item, i) => {\r\n for (let item of items) {\r\n\r\n if (moment().unix() - item.unix >= 8640000) {\r\n // -- Item is older than 24 hours.\r\n item.viewed = true;\r\n } else {\r\n item.viewed = false;\r\n\r\n // -- Check if item has already been viewed in viewed\r\n let viewedItem = viewedItems.find((i) => i.url === item.url);\r\n if (viewedItem) {\r\n if (viewedItem.viewed) {\r\n item.viewed = true;\r\n }\r\n }\r\n }\r\n\r\n if (!viewedItems.find((i) => i.url === item.url)) {\r\n viewedItems.push({\r\n url: item.url,\r\n widget: item.widget,\r\n viewed: item.viewed\r\n });\r\n }\r\n }\r\n\r\n // -- Cleanup with only present items.\r\n for (let item of viewedItems) {\r\n let available = items.find((i) => i.url === item.url);\r\n if (available) {\r\n newViewed.push({\r\n url: item.url,\r\n widget: item.widget,\r\n viewed: item.viewed\r\n })\r\n }\r\n }\r\n if ((newViewed.length == 0 && viewedItems.length == 0) ||\r\n (JSON.stringify(newViewed.map(n => n.url)) != JSON.stringify(viewedItems.map(n => n.url))) ||\r\n !data.settings?.viewedShouts) {\r\n\r\n yield put({\r\n type: userActions.UPDATE_USER_SETTINGS,\r\n payload: {\r\n value: newViewed,\r\n setting: 'viewedShouts'\r\n }\r\n });\r\n\r\n }\r\n }\r\n\r\n\r\n yield takeEvery(userActions.DATA_REQUEST_COMPLETED, function* (action) {\r\n const completed = yield select(getShoutsRequestCompleted);\r\n\r\n if (completed) {\r\n yield parser();\r\n }\r\n });\r\n\r\n yield takeEvery(actions.SHOUT_REQUEST_COMPLETED, function* (action) {\r\n const completed = yield select(getUserRequestCompleted);\r\n\r\n if (action.payload === true && completed) {\r\n yield parser();\r\n }\r\n });\r\n}\r\n\r\n\r\nasync function parseSharepointShout(shout, selected) {\r\n let parsedShout = [];\r\n let content;\r\n let description;\r\n\r\n\r\n for (let key in shout) {\r\n if (shout[key]) {\r\n let item = shout[key];\r\n let content = null;\r\n let description = null;\r\n\r\n if (selected) {\r\n if (selected.content?.indexOf(\"%\") != -1) {\r\n content = selected.content.replace(/%(.*?)%/g, function (match, token) {\r\n if (item[token]) return item[token];\r\n return '';\r\n });\r\n }\r\n if (selected.description?.indexOf(\"%\") != -1) {\r\n description = selected.description.replace(/%(.*?)%/g, function (match, token) {\r\n if (item[token]) return item[token];\r\n return '';\r\n });\r\n }\r\n }\r\n item = {\r\n ...item,\r\n id: item.Id,\r\n author: item.AuthorId,\r\n title: selected?.title ? item[selected.title] : item.Title,\r\n content: (!content ? item['CanvasContent1'] : content),\r\n message: (!description ? item['Description'] : description),\r\n imageUrl: selected?.image ? item[selected.image] : item.BannerImageUrl?.Url,\r\n url: item.site + (item['Title'] ? \"/SitePages/\" + item['Title'].replaceAll(\" \", \"-\") + \".aspx\" : \"\"),\r\n //url: item.site,\r\n date: selected?.date ? item[selected.date] : item.Created,\r\n dateModifed: item?.Modified ? item.Modified : item.Created\r\n };\r\n\r\n if (item.imageUrl && typeof (item.imageUrl) === 'object' && item.imageUrl?.Url) item.imageUrl = item.imageUrl.Url;\r\n\r\n let shoutObject = new ShoutObject;\r\n shoutObject.setAuthor(item.author);\r\n shoutObject.setContent(parseSharePointContent(item.content, item.url));\r\n shoutObject.setDate(item.date);\r\n shoutObject.setUrl(item.url);\r\n shoutObject.setTitle(item.title);\r\n shoutObject.setDescription(item.message);\r\n shoutObject.setID(item.id);\r\n shoutObject.setType('sharepoint');\r\n shoutObject.setSite(item.site);\r\n shoutObject.setDateModified(item.dateModifed)\r\n\r\n if (item.imageUrl == null) {\r\n shoutObject.setImageUrl('parse-from-localForage');\r\n } else {\r\n shoutObject.setImageUrl(item.imageUrl);\r\n }\r\n\r\n if (shoutObject.getShoutObject()) {\r\n parsedShout.push(shoutObject.getShoutObject());\r\n }\r\n }\r\n }\r\n return parsedShout;\r\n}\r\n\r\n\r\nfunction parseSharePointContent(content, url) {\r\n if (content == null) return;\r\n const urls = /href=\\\"\\//g\r\n const src = /src=\\\"\\//g;\r\n const ids = /
}>\r\n /g;\r\n // Remove the SharePoint images\r\n content = content.replaceAll(sharePointImages, \"\");\r\n\r\n\r\n content = content.replace(/
/g, \"\\n\")\r\n content = content.replaceAll(/(){3,}/g, \"
\");\r\n content = content.replaceAll(\"
\",\"\")\r\n let test;\r\n while (test = video.exec(content)) {\r\n let embed = test[1].replace(\"/video/\", \"/embed/video/\");\r\n if (test[1]) content = content.replace(test[0], `
`)\r\n }\r\n \r\n return content;\r\n}\r\n\r\n\r\nexport default function* rootSaga() {\r\n yield all([\r\n fork(getNewsFromChannel),\r\n fork(parseLastViewed),\r\n fork(setLastViewedItems)\r\n ]);\r\n}\r\n","import moment from 'moment';\r\n\r\nclass ShoutObject {\r\n constructor() {\r\n this._shoutItem = {\r\n author : false,\r\n content : false,\r\n unix : false,\r\n moment : false,\r\n title : \"\",\r\n imageUrl : false,\r\n url : false,\r\n id : false,\r\n type: false,\r\n tenantId: false,\r\n description: false,\r\n topics: false,\r\n site: false,\r\n dateModified: false,\r\n }\r\n }\r\n\r\n setID = (ID) => {\r\n this._shoutItem = {\r\n ...this._shoutItem,\r\n id : ID\r\n }\r\n }\r\n\r\n setAuthor = (author) => {\r\n this._shoutItem = {\r\n ...this._shoutItem,\r\n author : author\r\n }\r\n }\r\n\r\n setContent = (content) => {\r\n this._shoutItem = {\r\n ...this._shoutItem,\r\n content : content\r\n }\r\n }\r\n\r\n setSite = (site) => {\r\n this._shoutItem = {\r\n ...this._shoutItem,\r\n site: site\r\n }\r\n }\r\n\r\n setDescription = (description) => {\r\n this._shoutItem = {\r\n ...this._shoutItem,\r\n description: description\r\n }\r\n }\r\n\r\n setDate = (date, format = false) => {\r\n const parsedDate = moment(date, format);\r\n this._shoutItem = {\r\n ...this._shoutItem,\r\n unix : parsedDate.unix(),\r\n moment: parsedDate,\r\n date: date\r\n }\r\n }\r\n\r\n setTitle = (title) => {\r\n this._shoutItem = {\r\n ...this._shoutItem,\r\n title : title\r\n }\r\n }\r\n\r\n setType = (type) => {\r\n this._shoutItem = {\r\n ...this._shoutItem,\r\n type : type\r\n }\r\n }\r\n\r\n\r\n setTopics = (topics) => {\r\n this._shoutItem = {\r\n ...this._shoutItem,\r\n topics: topics\r\n }\r\n }\r\n\r\n setImageUrl = (imageUrl) => {\r\n this._shoutItem = {\r\n ...this._shoutItem,\r\n imageUrl : imageUrl\r\n }\r\n }\r\n\r\n setTenantId = (tenantId) => {\r\n this._shoutItem = {\r\n ...this._shoutItem,\r\n tenantId: tenantId\r\n }\r\n }\r\n\r\n setUrl = (URL) => {\r\n this._shoutItem = {\r\n ...this._shoutItem,\r\n url : URL\r\n }\r\n }\r\n\r\n setDateModified = (date) => {\r\n this._shoutItem = {\r\n ...this._shoutItem,\r\n dateModified : date\r\n }\r\n }\r\n\r\n getShoutObject = () => {\r\n //for ( const property in this._shoutItem ) {\r\n // if ( this._shoutItem.hasOwnProperty(property) ) {\r\n // if (property !== 'url' && property !== 'tenantId' ) {\r\n // if ( !this._shoutItem[property] ) {\r\n // console.log('Missing in shoutobject: ' + property)\r\n // return false;\r\n // }\r\n // }\r\n\r\n // }\r\n //}\r\n return this._shoutItem;\r\n }\r\n}\r\n\r\nexport default ShoutObject;\r\n","import { all, put, fork, takeEvery, select, call } from 'redux-saga/effects';\r\nimport actions from './actions';\r\nimport userActions from '../../user/actions';\r\nimport localforage from 'localforage';\r\nimport { findAll, dataURItoBlob, parseSharepointUrl, parsePictureUrl } from '../../../helpers/functions';\r\nimport { getWidgets, getGOClient, getGraphClient, getYammerClient, getSharepointClient, getMultiChannelShoutItems, getShoutsRequestCompleted, getUserRequestCompleted, getUserProfileSettingData } from '../../selectors';\r\nimport ShoutObject from './shoutObject';\r\nimport moment from 'moment/min/moment-with-locales';\r\n\r\nexport function* getShoutFromChannel() {\r\n yield takeEvery(actions.GET_MULTICHANNEL_SHOUT_ITEMS, function* (action) {\r\n // -- Switch here, select shout conditionally.\r\n yield put({\r\n type: actions.SHOUT_REQUEST_COMPLETED,\r\n payload: false\r\n })\r\n let newItems = [];\r\n let currentItems = yield select(getMultiChannelShoutItems);\r\n\r\n const title = action.payload.title;\r\n let sources = action.payload.payload;\r\n\r\n if (!sources) {\r\n const widgets = yield select(getWidgets);\r\n let widget = findAll(widgets, title);\r\n if (!widget) return;\r\n sources = widget.sources;\r\n }\r\n\r\n //parse the different sources configured\r\n if (sources) {\r\n for (let source of sources) {\r\n\r\n if (source.source == \"sharepoint\") {\r\n if (source.url.indexOf(\"?\") == -1 && source.parameters != null && source.parameters != '') { //optional configured parameters\r\n source.url += source.parameters;\r\n }\r\n\r\n let items = yield call(getSharepointShout, source.site, source.url, source.content, title);\r\n if (items) {\r\n newItems = [\r\n ...newItems,\r\n ...items\r\n ];\r\n }\r\n\r\n // if (items?.length == 0) {\r\n // items = currentItems.filter(i => i.widget == title);\r\n // } else if (items?.length > 0) {\r\n // items = items.map(i => { i.widget = title; return i; });\r\n // }\r\n\r\n // if (items) {\r\n // newItems = [\r\n // ...newItems,\r\n // ...items\r\n // ];\r\n // }\r\n }\r\n\r\n //if (source.source == \"rss\") {\r\n // const items = yield call(getRss, source.url);\r\n // if (items) {\r\n // shoutItems = [\r\n // ...shoutItems,\r\n // ...items\r\n // ]\r\n // }\r\n //}\r\n\r\n if (source.source == \"yammer\") {\r\n let items = yield call(getYammerShout);\r\n if (items?.length == 0) {\r\n items = currentItems.filter(i => i.widget == title);\r\n } else if (items?.length > 0) {\r\n items = items.map(i => { i.widget = title; return i; });\r\n }\r\n\r\n if (items) {\r\n newItems = [\r\n ...newItems,\r\n ...items\r\n ];\r\n }\r\n }\r\n }\r\n }\r\n\r\n const sortOnDate = ((a, b) => {\r\n if (a.unix > b.unix) {\r\n return -1;\r\n }\r\n\r\n if (a.unix < b.unix) {\r\n return 1;\r\n }\r\n\r\n return 0;\r\n });\r\n\r\n //if (shoutItems != null && shoutItems.length > 0) {\r\n\r\n currentItems = yield select(getMultiChannelShoutItems);\r\n currentItems = currentItems.filter(i => i.widget == title);\r\n\r\n //sort all new items on date\r\n newItems.sort(sortOnDate);\r\n\r\n //max items for one widget\r\n newItems = newItems.splice(0, 30);\r\n\r\n let old = currentItems.filter(n => !newItems.find(nn => nn.id == n.id));\r\n if (old?.length > 0 && newItems.length > 0) {\r\n for (let n of old) {\r\n yield localforage.removeItem(n.id);\r\n }\r\n }\r\n\r\n let modified = newItems.filter(data => {\r\n return currentItems.find(current => {\r\n if(data.dateModified != current.dateModified && current.type == \"sharepoint\" && current.id == data.id) {\r\n return data\r\n }\r\n })\r\n })\r\n let keys = yield localforage.keys();\r\n let localforageKeys = keys.filter(k => k.indexOf('sp_shouts') != -1)?.length;\r\n let currentItemsKeys = currentItems.filter(i => i.widget == title).length;\r\n\r\n if ((old?.length > 0 && newItems.length > 0) || (modified?.length > 0 && newItems.length > 0) || (currentItems?.length == 0 && newItems?.length > 0) || (currentItems?.length !== newItems?.length && newItems?.length > 0)) {\r\n\r\n //postprocessing..\r\n newItems = yield call(postprocess, newItems);\r\n\r\n let allItems = yield select(getMultiChannelShoutItems);\r\n allItems = allItems.filter(i => i.widget != title);\r\n allItems = allItems.concat(newItems);\r\n yield put({\r\n type: actions.SET_MULTICHANNEL_SHOUT_ITEMS,\r\n payload: allItems\r\n });\r\n }\r\n\r\n if(localforageKeys != currentItemsKeys) { \r\n currentItems = yield select(getMultiChannelShoutItems);\r\n currentItems = currentItems.filter(i => i.widget == title);\r\n currentItems = yield call(postprocess, currentItems);\r\n let allItems = yield select(getMultiChannelShoutItems);\r\n allItems = allItems.filter(i => i.widget != title);\r\n allItems = allItems.concat(currentItems);\r\n allItems.sort(sortOnDate);\r\n\r\n yield put({\r\n type: actions.SET_MULTICHANNEL_SHOUT_ITEMS,\r\n payload: allItems\r\n });\r\n }\r\n\r\n\r\n //}\r\n\r\n yield put({\r\n type: actions.SHOUT_REQUEST_COMPLETED,\r\n payload: true\r\n });\r\n })\r\n}\r\n\r\nconst parseShoutContent = (content) => {\r\n const urls = /<(.*)>\\(“(.*)”\\)/g\r\n\r\n content = content.replace(urls, function (match, token) {\r\n let title = match.match(/<(.*)>/);\r\n let link = match.match(/\\(“(.*)”\\)/);\r\n if (title[1] == null || link[1] == null) return \"\";\r\n return ` ${link[1]} `;\r\n });\r\n\r\n content = content.replace(/(?:\\r\\n|\\r|\\n)/g, '
');\r\n \r\n return content;\r\n}\r\n\r\nfunction* getYammerShout() {\r\n //if (!apiURL) {\r\n // console.log(\"Yammer API URL Required\");\r\n // return;\r\n //}\r\n //try {\r\n const shoutItems = yield select(getMultiChannelShoutItems);\r\n const Client = yield select(getYammerClient);\r\n const GoClient = yield select(getGOClient);\r\n const GraphClient = yield select(getGraphClient);\r\n\r\n if (!Client) return;\r\n\r\n //const shouts = yield Client.api(apiURL);\r\n let shouts = yield Client.api('https://www.yammer.com/api/v1/messages.json?threaded=true');\r\n //let test = yield Client.api('/users/1522724127.json');\r\n let messages = [];\r\n\r\n if (shouts == null || !shouts) return;\r\n if (shouts.length === 0) return;\r\n\r\n if (shouts != null) {\r\n let announcements = shouts.references.filter(m => m.announcement === true);\r\n messages = shouts.messages.filter(m => announcements.find(a => a.id == m.id));\r\n\r\n //messages.takeEvery(m => announcements.find(a => a.id == m.id))\r\n for (let m of messages) {\r\n let a = announcements.find(a => a.id == m.id);\r\n m.reference = a;\r\n\r\n let user = shouts.references.find(r => r.id == m.sender_id);\r\n m.user = user;\r\n\r\n let topics = shouts.references.find(r => r.id == m.id)?.topics;\r\n if (topics != null) {\r\n //m.topics = topics;\r\n m.topics = [];\r\n for (let t of topics) {\r\n let topic = yield Client.api(`https://www.yammer.com/api/v1/topics/${t.id}.json`);\r\n if (topic != null) m.topics.push(topic);\r\n }\r\n }\r\n }\r\n }\r\n\r\n if (messages.length && ((shoutItems.length === 0) || (shoutItems && shoutItems[0].id !== messages[0].id))) {\r\n return yield parseYammerShout(messages);\r\n } else {\r\n return yield parseYammerShout(messages);\r\n }\r\n return false\r\n}\r\n\r\nasync function parseYammerShout(shout) {\r\n let parsedShout = [];\r\n for (let key in shout) {\r\n if (shout[key]) {\r\n const item = shout[key];\r\n\r\n let shoutObject = new ShoutObject;\r\n shoutObject.setAuthor(item.user?.full_name);\r\n\r\n shoutObject.setContent(parseShoutContent(item.body?.rich));\r\n shoutObject.setDate(item.created_at);\r\n //shoutObject.setTitle(item.title);\r\n shoutObject.setUrl(item.web_url);\r\n shoutObject.setID(\"\" + item.id);\r\n shoutObject.setType('yammer');\r\n\r\n if (item.topics != null && item.topics) {\r\n shoutObject.setTopics(item.topics);\r\n }\r\n\r\n shoutObject.setImageUrl(item.user?.mugshot_url);\r\n\r\n if (shoutObject.getShoutObject()) {\r\n parsedShout.push(shoutObject.getShoutObject());\r\n }\r\n }\r\n }\r\n return parsedShout;\r\n}\r\n\r\n\r\nfunction* getSharepointShout(site, api, selector, title) {\r\n if (!api) {\r\n console.log(\"Sharepoint API URL Required\");\r\n return;\r\n }\r\n let changedItems = [];\r\n // try {\r\n let currentItems = yield select(getMultiChannelShoutItems);\r\n currentItems = currentItems.filter(i => i.widget == title);\r\n const Client = yield select(getSharepointClient);\r\n const GoClient = yield select(getGOClient);\r\n // const GraphClient = yield select(getGraphClient);\r\n\r\n if (!Client) return;\r\n\r\n if (api.indexOf('?') == -1) {\r\n api += \"?$orderBy=Created desc&$top=20\";\r\n }\r\n\r\n const newsResponse = yield Client.api(api);\r\n\r\n if (newsResponse == null || !newsResponse || !newsResponse.value) return;\r\n if (newsResponse.value.length === 0) return;\r\n\r\n let data = newsResponse.value;\r\n let newItems = data.filter(d => (currentItems?.length == 0 ? true : (!currentItems?.find(i => i.type == \"sharepoint\" && i.id == 'sp_shouts_' + d.Id.toString()))));\r\n let oldItems = currentItems.filter(i => !data.find(d => 'sp_shouts_' + d.Id == i.id) && !newItems.find(n => 'sp_shouts_' + n.Id == i.id));\r\n\r\n //data = data.slice(0, 16);\r\n if (newItems?.length > 0) {\r\n newItems = newItems.map(function (n) {\r\n return { ...n, Id: 'sp_shouts_' + n.Id.toString(), site: site };\r\n });\r\n }\r\n\r\n //remove old items\r\n if (oldItems?.length > 0) {\r\n currentItems = currentItems.filter(c => !oldItems.find(o => o.id == c.id));\r\n }\r\n //Check for modified items\r\n changedItems = data.filter(data => {\r\n return currentItems.find(current => {\r\n if(data.Modified != current.dateModified && current.type == \"sharepoint\" && current.id == 'sp_shouts_'+ data.Id.toString()) {\r\n return data\r\n }\r\n })\r\n })\r\n\r\n if (changedItems?.length > 0) {\r\n changedItems = changedItems.map(function (n) {\r\n return { ...n, Id: 'sp_shouts_' + n.Id.toString(), site: site };\r\n });\r\n }\r\n\r\n //use selectors to get the right data\r\n let selected = null;\r\n if (selector) {\r\n selected = JSON.parse(selector);\r\n if (!selected) return;\r\n }\r\n\r\n //how to know.. if the items from.. still valid?\r\n\r\n\r\n //parse items to GO items with parsed selectors\r\n let parsedItems = yield parseSharepointShout(newItems, selected);\r\n if (parsedItems?.length > 0) {\r\n parsedItems = parsedItems.map(i => {\r\n i.widget = title\r\n return i; })\r\n }\r\n //remove old items\r\n if (oldItems?.length > 0) currentItems = currentItems.filter(c => !oldItems.find(o => o.id == c.Id));\r\n\r\n // //add existing (already parsed) items to array\r\n // parsedItems = parsedItems.concat(currentItems.filter(i => i.type == \"sharepoint\" && i.widget == title));\r\n // parsedItems = parsedItems.slice(0, 20); //max?\r\n\r\n\r\n let parsedChangedItems = yield parseSharepointShout(changedItems, selected);\r\n if (parsedChangedItems?.length > 0) {\r\n parsedChangedItems = parsedChangedItems.map(i => {\r\n i.widget = title\r\n return i; })\r\n }\r\n if (parsedChangedItems?.length > 0) {\r\n currentItems = currentItems.filter(current => !parsedChangedItems.find(parsed => current.type == \"sharepoint\" && current.id == parsed.id))\r\n }\r\n\r\n //add existing (already parsed) items to array\r\n // parsedItems.push({...currentItems[0], Id: 'sp_news_test', id: 'sp_news_test'});\r\n return [...parsedItems, ...currentItems, ...parsedChangedItems];\r\n\r\n // return parsedItems;\r\n}\r\n\r\nfunction* postprocess(newItems) {\r\n let tasks = [];\r\n\r\n const SharepointClient = yield select(getSharepointClient);\r\n let sharepointToken;\r\n if (SharepointClient) sharepointToken = yield SharepointClient.getToken();\r\n\r\n const GoClient = yield select(getGOClient);\r\n let goToken = yield GoClient.getToken();\r\n\r\n\r\n //task to get images\r\n tasks = newItems.map(async (item, index) => {\r\n\r\n if (item.type == \"sharepoint\") {\r\n\r\n //get author based on sharepoint user id\r\n if (!isNaN(parseInt(item.author))) {\r\n const sharepointUser = await SharepointClient.api(item.site + '/_api/web/getuserbyid(' + item.author + ')');\r\n\r\n //set auteur\r\n if (sharepointUser) {\r\n if (sharepointUser.Title) {\r\n //item.author = sharepointUser.Title;\r\n newItems[index].author = sharepointUser.Title;\r\n }\r\n }\r\n }\r\n\r\n const getResponse = async (item) => {\r\n if (item.imageUrl == null) return { imageUrl: null };\r\n if (item.imageUrl == 'parse-from-localForage') return { imageUrl: null }; //no image found in cache \r\n if (item.imageUrl.indexOf(\"sharepoint.com\") == -1) return { imageUrl: item.imageUrl }; //do nothing\r\n\r\n let pictureUrl = parsePictureUrl(item.orginalUrl ? item.orginalUrl : item.imageUrl, 3);\r\n let url = encodeURIComponent(pictureUrl);\r\n\r\n let response = await fetch(`/api/getimage?url=${url}`, {\r\n method: 'GET',\r\n contentType: 'image/jpeg',\r\n headers: {\r\n 'Authorization': 'Bearer ' + goToken,\r\n 'AuthorizationProxy': sharepointToken\r\n }\r\n }).catch((err) => { return null; });\r\n\r\n if (!response?.ok) return null;\r\n\r\n const content = await response.text();\r\n let objectUrl = \"\";\r\n let blob;\r\n\r\n try {\r\n blob = dataURItoBlob(content);\r\n } catch (ex) { return null; }\r\n\r\n if (!blob) return null;\r\n await localforage.setItem(item.id, blob);\r\n\r\n return {\r\n imageUrl: 'parse-from-localForage',\r\n orginalUrl: item.orginalUrl ? item.orginalUrl : item.imageUrl\r\n };\r\n };\r\n\r\n let pictureData = await localforage.getItem(newItems[index].id);\r\n if (pictureData == null || pictureData == '') pictureData = await getResponse(newItems[index]);\r\n if (pictureData) newItems[index] = { ...newItems[index], ...pictureData };\r\n }\r\n });\r\n\r\n if (tasks.length) {\r\n yield Promise.all(tasks);\r\n }\r\n\r\n return newItems;\r\n}\r\n\r\n\r\n\r\nexport function* setLastViewedItems() {\r\n yield takeEvery(actions.SET_LAST_SHOUT_VIEWED, function* (action) {\r\n if (action.payload == null) return;\r\n\r\n\r\n //this.props.actions.setSettingValue(newViewed, 'viewedShouts');\r\n\r\n console.log('set viewed shouts');\r\n yield put({\r\n type: userActions.UPDATE_USER_SETTINGS,\r\n payload: {\r\n value: action.payload,\r\n setting: 'viewedShouts'\r\n }\r\n });\r\n\r\n });\r\n}\r\n\r\n\r\nexport function* parseLastViewed() {\r\n\r\n const parser = function* () {\r\n\r\n //state.User.profile.data?.settings?.viewedShouts,\r\n const items = yield select(getMultiChannelShoutItems);\r\n const data = yield select(getUserProfileSettingData);\r\n const completed = yield select(getUserRequestCompleted);\r\n const shoutsCompleted = yield select(getShoutsRequestCompleted);\r\n\r\n if (data == null || !completed || !shoutsCompleted || items?.length == 0) return;\r\n\r\n let viewedItems = data.settings?.viewedShouts;\r\n if (!viewedItems) {\r\n viewedItems = [];\r\n }\r\n\r\n let newViewed = [];\r\n\r\n //items.forEach((item, i) => {\r\n for (let item of items) {\r\n\r\n if (moment().unix() - item.unix >= 8640000) {\r\n // -- Item is older than 24 hours.\r\n item.viewed = true;\r\n } else {\r\n item.viewed = false;\r\n\r\n // -- Check if item has already been viewed in viewed\r\n let viewedItem = viewedItems.find((i) => i.url === item.url);\r\n if (viewedItem) {\r\n if (viewedItem.viewed) {\r\n item.viewed = true;\r\n }\r\n }\r\n }\r\n\r\n if (!viewedItems.find((i) => i.url === item.url)) {\r\n viewedItems.push({\r\n url: item.url,\r\n widget: item.widget,\r\n viewed: item.viewed\r\n });\r\n }\r\n }\r\n\r\n // -- Cleanup with only present items.\r\n for (let item of viewedItems) {\r\n let available = items.find((i) => i.url === item.url);\r\n if (available) {\r\n newViewed.push({\r\n url: item.url,\r\n widget: item.widget,\r\n viewed: item.viewed\r\n })\r\n }\r\n }\r\n if ((newViewed.length == 0 && viewedItems.length == 0) ||\r\n (JSON.stringify(newViewed.map(n => n.url)) != JSON.stringify(viewedItems.map(n => n.url))) ||\r\n !data.settings?.viewedShouts) {\r\n\r\n yield put({\r\n type: userActions.UPDATE_USER_SETTINGS,\r\n payload: {\r\n value: newViewed,\r\n setting: 'viewedShouts'\r\n }\r\n });\r\n\r\n }\r\n }\r\n\r\n\r\n yield takeEvery(userActions.DATA_REQUEST_COMPLETED, function* (action) {\r\n const completed = yield select(getShoutsRequestCompleted);\r\n\r\n if (completed) {\r\n yield parser();\r\n }\r\n });\r\n\r\n yield takeEvery(actions.SHOUT_REQUEST_COMPLETED, function* (action) {\r\n const completed = yield select(getUserRequestCompleted);\r\n\r\n if (action.payload === true && completed) {\r\n yield parser();\r\n }\r\n });\r\n}\r\n\r\n\r\nasync function parseSharepointShout(shout, selected) {\r\n let parsedShout = [];\r\n let content;\r\n let description;\r\n\r\n\r\n for (let key in shout) {\r\n if (shout[key]) {\r\n let item = shout[key];\r\n let content = null;\r\n let description = null;\r\n\r\n if (selected) {\r\n if (selected.content?.indexOf(\"%\") != -1) {\r\n content = selected.content.replace(/%(.*?)%/g, function (match, token) {\r\n if (item[token]) return item[token];\r\n return '';\r\n });\r\n }\r\n if (selected.description?.indexOf(\"%\") != -1) {\r\n description = selected.description.replace(/%(.*?)%/g, function (match, token) {\r\n if (item[token]) return item[token];\r\n return '';\r\n });\r\n }\r\n }\r\n item = {\r\n ...item,\r\n id: item.Id,\r\n author: item.AuthorId,\r\n title: selected?.title ? item[selected.title] : item.Title,\r\n content: (!content ? item['CanvasContent1'] : content),\r\n message: (!description ? item['Description'] : description),\r\n imageUrl: selected?.image ? item[selected.image] : item.BannerImageUrl?.Url,\r\n url: item.site + (item['Title'] ? \"/SitePages/\" + item['Title'].replaceAll(\" \", \"-\") + \".aspx\" : \"\"),\r\n //url: item.site,\r\n date: selected?.date ? item[selected.date] : item.Created,\r\n dateModifed: item?.Modified ? item.Modified : item.Created\r\n };\r\n\r\n if (item.imageUrl && typeof (item.imageUrl) === 'object' && item.imageUrl?.Url) item.imageUrl = item.imageUrl.Url;\r\n\r\n let shoutObject = new ShoutObject;\r\n shoutObject.setAuthor(item.author);\r\n shoutObject.setContent(parseSharePointContent(item.content, item.url));\r\n shoutObject.setDate(item.date);\r\n shoutObject.setUrl(item.url);\r\n shoutObject.setTitle(item.title);\r\n shoutObject.setDescription(item.message);\r\n shoutObject.setID(item.id);\r\n shoutObject.setType('sharepoint');\r\n shoutObject.setSite(item.site);\r\n shoutObject.setDateModified(item.dateModifed)\r\n\r\n if (item.imageUrl == null) {\r\n shoutObject.setImageUrl('parse-from-localForage');\r\n } else {\r\n shoutObject.setImageUrl(item.imageUrl);\r\n }\r\n\r\n if (shoutObject.getShoutObject()) {\r\n parsedShout.push(shoutObject.getShoutObject());\r\n }\r\n }\r\n }\r\n return parsedShout;\r\n}\r\n\r\n\r\nfunction parseSharePointContent(content, url) {\r\n if (content == null) return;\r\n const urls = /href=\\\"\\//g\r\n const src = /src=\\\"\\//g;\r\n const ids = /
[a-z,0-9,-]+<\\/div>/g;\r\n const video = /<\\/a>/g;\r\n const videoThumb = /]*\\\" \\/>/g;\r\n\r\n content = content.replace(urls, function (match, token) {\r\n return 'target=\"_blank\" href=\"' + parseSharepointUrl(url) + '/';\r\n });\r\n\r\n content = content.replace(src, function (match, token) {\r\n return 'src=\"' + parseSharepointUrl(url) + '/';\r\n });\r\n\r\n content = content.replace(videoThumb, \"\");\r\n\r\n content = content.replace(ids, \"\");\r\n\r\n let test;\r\n while (test = video.exec(content)) {\r\n let embed = test[1].replace(\"/video/\", \"/embed/video/\");\r\n if (test[1]) content = content.replace(test[0], `
}>\r\n `)\r\n }\r\n\r\n return content;\r\n}\r\n\r\n\r\nexport default function* rootSaga() {\r\n yield all([\r\n fork(getShoutFromChannel),\r\n fork(parseLastViewed),\r\n fork(setLastViewedItems)\r\n ]);\r\n};\r\n","import moment from 'moment';\r\nclass BlogObject {\r\n constructor() {\r\n this._blogItem = {\r\n author : false,\r\n content : false,\r\n unix : false,\r\n moment : false,\r\n title : false,\r\n imageUrl : false,\r\n url : false,\r\n id : false,\r\n type : false,\r\n openExternal: false,\r\n tenantId: false,\r\n site: false,\r\n dateModified: false,\r\n }\r\n }\r\n setID = (ID) => {\r\n this._blogItem = {\r\n ...this._blogItem,\r\n id : ID\r\n }\r\n }\r\n\r\n setType = (type) => {\r\n this._blogItem = {\r\n ...this._blogItem,\r\n type : type\r\n }\r\n }\r\n\r\n setAuthor = (author) => {\r\n this._blogItem = {\r\n ...this._blogItem,\r\n author : author\r\n }\r\n }\r\n\r\n setSite = (site) => {\r\n this._blogItem = {\r\n ...this._blogItem,\r\n site: site\r\n }\r\n }\r\n\r\n setContent = (content) => {\r\n this._blogItem = {\r\n ...this._blogItem,\r\n content : content\r\n }\r\n }\r\n\r\n setDate = (date, format = false) => {\r\n const parsedDate = moment(date, format);\r\n this._blogItem = {\r\n ...this._blogItem,\r\n unix : parsedDate.unix(),\r\n moment : parsedDate\r\n }\r\n }\r\n\r\n setDateModified = (date) => {\r\n this._blogItem = {\r\n ...this._blogItem,\r\n dateModified: date\r\n }\r\n }\r\n\r\n setTitle = (title) => {\r\n this._blogItem = {\r\n ...this._blogItem,\r\n title : title\r\n }\r\n }\r\n\r\n setImageUrl = (imageUrl) => {\r\n this._blogItem = {\r\n ...this._blogItem,\r\n imageUrl : imageUrl\r\n }\r\n }\r\n\r\n setUrl = (URL) => {\r\n this._blogItem = {\r\n ...this._blogItem,\r\n url : URL\r\n }\r\n }\r\n\r\n setTenantId = (tenantId) => {\r\n this._blogItem = {\r\n ...this._blogItem,\r\n tenantId: tenantId\r\n }\r\n }\r\n\r\n setOpenExternal = (bool) => {\r\n this._blogItem = {\r\n ...this._blogItem,\r\n openExternal : bool\r\n }\r\n }\r\n\r\n getBlogObject = () => {\r\n for ( const property in this._blogItem ) {\r\n if ( this._blogItem.hasOwnProperty(property) ) {\r\n if( property !== 'url' && property !== 'imageUrl' && property !== 'openExternal' && property !== 'tenantId' && property !== 'site' && property !=='dateModified') {\r\n if ( !this._blogItem[property] ) {\r\n console.log(\"Missing blogitem: \" + property);\r\n return false;\r\n }\r\n }\r\n\r\n }\r\n }\r\n return this._blogItem;\r\n }\r\n}\r\n\r\nexport default BlogObject;\r\n","import { all, put, fork, takeEvery, select, call } from 'redux-saga/effects';\r\nimport actions from './actions';\r\nimport localforage from 'localforage';\r\nimport { dataURItoBlob, parseSharepointUrl, parsePictureUrl } from '../../../helpers/functions';\r\nimport { getSharepointClient, getGOClient, getGraphClient, getMultiChannelBlogItems } from '../../selectors';\r\nimport BlogOBject from './blogObject';\r\nimport moment from 'moment/min/moment-with-locales';\r\nimport { Buffer } from 'buffer';\r\nimport * as rssParser from 'react-native-rss-parser';\r\n\r\nexport function* getBlogsFromChannel() {\r\n yield takeEvery(actions.GET_MULTICHANNEL_BLOG_ITEMS, function* (action) {\r\n\r\n try {\r\n // -- Switch here, select news conditionally.\r\n yield put({\r\n type: actions.BLOGS_REQUEST_COMPLETED,\r\n payload: false\r\n })\r\n let newItems = [];\r\n let containsGo = false;\r\n const title = action.payload.title;\r\n let currentItems = yield select(getMultiChannelBlogItems);\r\n //parse the different sources configured\r\n if (action.payload && action.payload.payload) {\r\n for (let source of action.payload.payload) {\r\n if (source.source == \"sharepoint\") {\r\n let items = yield call(getSharepointBlogs, source.site, source.url, title, source.source);\r\n if (items?.length > 0) {\r\n items = items.map(i => {\r\n i.widget = title\r\n return i;\r\n });\r\n }\r\n if (items) {\r\n newItems = [\r\n ...newItems,\r\n ...items\r\n ];\r\n }\r\n }\r\n\r\n if (source.source == \"json\") {\r\n let items = yield call(getJsonBlogs, source.url);\r\n if (items?.length > 0) {\r\n items = items.map(i => {\r\n i.widget = title\r\n return i;\r\n });\r\n }\r\n if (items) {\r\n newItems = [\r\n ...newItems,\r\n ...items\r\n ];\r\n }\r\n }\r\n\r\n if (source.source == \"rss\") {\r\n let items = yield call(getRssBlogs, source.url, title);\r\n if (items?.length > 0) {\r\n items = items.map(i => {\r\n i.widget = title\r\n return i;\r\n });\r\n }\r\n if (items) {\r\n newItems = [\r\n ...newItems,\r\n ...items\r\n ];\r\n }\r\n }\r\n\r\n if (source.source == \"go\" && source.url == true) {\r\n containsGo = true;\r\n }\r\n }\r\n\r\n\r\n // if (source.source == \"yammer\") {\r\n // const items = yield call(getYammerBlogs);\r\n // if (items) {\r\n // newsItems = [\r\n // ...newsItems,\r\n // ...news\r\n // ]\r\n // }\r\n // }\r\n //}\r\n }\r\n\r\n const sortOnDate = ((a, b) => {\r\n if (a.unix > b.unix) {\r\n return -1;\r\n }\r\n\r\n if (a.unix < b.unix) {\r\n return 1;\r\n }\r\n\r\n return 0;\r\n });\r\n\r\n //only if common\r\n if (window.tenantConfig.common || containsGo) {\r\n if(window.tenantConfig.common) {\r\n const websiteBlogs = yield call(getWebsiteBlogs);\r\n if (websiteBlogs) {\r\n newItems = [\r\n ...newItems,\r\n ...websiteBlogs\r\n ]\r\n }\r\n }\r\n let commonBlogs = yield call(getCommonBlogs, title);\r\n if(!window.tenantConfig.common) {\r\n if (commonBlogs?.length > 0) {\r\n commonBlogs = commonBlogs.map(i => {\r\n i.widget = title\r\n return i; });\r\n }\r\n commonBlogs = [...commonBlogs, ...currentItems.filter(i => i.type == \"go\" && i.widget == title)];\r\n if (commonBlogs) {\r\n newItems = [\r\n ...newItems,\r\n ...commonBlogs\r\n ];\r\n }\r\n newItems.sort(sortOnDate);\r\n } else {\r\n newItems.sort(sortOnDate);\r\n\r\n if (commonBlogs?.length) {\r\n commonBlogs = commonBlogs.map(i => {\r\n i.widget = title\r\n return i; });\r\n if (commonBlogs.find(n => n.tenantId != null)) {\r\n newItems = commonBlogs;\r\n } else {\r\n newItems = commonBlogs.concat(newItems);\r\n }\r\n }\r\n }\r\n\r\n } else {\r\n newItems.sort(sortOnDate);\r\n }\r\n\r\n currentItems = yield select(getMultiChannelBlogItems);\r\n currentItems = currentItems.filter(i => i.widget == title);\r\n newItems = newItems.splice(0, 30); //max items\r\n let old = currentItems.filter(n => !newItems.find(nn => nn.id == n.id));\r\n if (old?.length > 0 && newItems.length > 0) {\r\n for (let n of old) {\r\n yield localforage.removeItem(n.id);\r\n }\r\n }\r\n let keys = yield localforage.keys();\r\n let localforageKeys = keys.filter(k => k.indexOf('sp_blogs') != -1)?.length;\r\n let currentItemsKeys = currentItems.filter(i => i.widget == title).length;\r\n \r\n let modified = newItems.filter(data => {\r\n return currentItems.find(current => {\r\n if(data.dateModified != current.dateModified && current.type == \"sharepoint\" && current.id == data.id) {\r\n return data\r\n }\r\n })\r\n })\r\n\r\n if ((old?.length > 0 && newItems.length > 0) || (modified?.length > 0 && newItems.length > 0) || (currentItems?.length == 0 && newItems?.length > 0) || (currentItems?.length !== newItems?.length && newItems.length > 0)) {\r\n\r\n //postprocessing..\r\n newItems = yield call(postprocess, newItems);\r\n let allItems = yield select(getMultiChannelBlogItems);\r\n allItems = allItems.filter(i => i.widget != title);\r\n allItems = allItems.concat(newItems);\r\n allItems.sort(sortOnDate);\r\n\r\n yield put({\r\n type: actions.SET_MULTICHANNEL_BLOG_ITEMS,\r\n payload: allItems\r\n });\r\n }\r\n\r\n\r\n\r\n if(localforageKeys != currentItemsKeys) { \r\n currentItems = yield select(getMultiChannelBlogItems);\r\n currentItems = currentItems.filter(i => i.widget == title);\r\n currentItems = yield call(postprocess, currentItems);\r\n let allItems = yield select(getMultiChannelBlogItems);\r\n allItems = allItems.filter(i => i.widget != title);\r\n allItems = allItems.concat(currentItems);\r\n allItems.sort(sortOnDate);\r\n \r\n yield put({\r\n type: actions.SET_MULTICHANNEL_BLOG_ITEMS,\r\n payload: allItems\r\n });\r\n\r\n }\r\n yield put({\r\n type: actions.BLOGS_REQUEST_COMPLETED,\r\n payload: true\r\n })\r\n } catch (ex) {\r\n console.log(ex);\r\n }\r\n })\r\n}\r\n\r\nfunction* getCommonBlogs(title) {\r\n const Client = yield select(getGOClient);\r\n const GraphClient = yield select(getGraphClient);\r\n const blogItems = yield select(getMultiChannelBlogItems);\r\n if (!Client || !GraphClient) return;\r\n const blogs = yield Client.api(\"/common/blog/list\");\r\n\r\n\r\n if (blogs == null || !blogs) return;\r\n\r\n let tasks = blogs.map(async (n, i) => {\r\n\r\n if (n.image == null) return;\r\n n.blob = dataURItoBlob(n.image);\r\n return;\r\n\r\n if (n.authorId !== null && n.authorId !== '00000000-0000-0000-0000-000000000000') {\r\n const avatar = await GraphClient.api(`/users/${n.authorId}/photo/$value`, 'arrayBuffer');\r\n let image = 'data:image/png;base64, ' + new Buffer.from(avatar, 'binary').toString('base64');\r\n let blob = dataURItoBlob(image);\r\n let objectUrl = URL.createObjectURL(blob);\r\n n.authorBlob = blob;\r\n }\r\n });\r\n if (tasks.length) {\r\n yield Promise.all(tasks);\r\n }\r\n\r\n\r\n\r\n if (blogs.length && ((blogItems.length === 0) || (blogItems && blogItems[0].id !== blogs[0].id))) {\r\n //localforage.clear(); //clear local storage\r\n\r\n let old = blogItems.filter(n => !blogs.find(nn => nn.id == n.id));\r\n if (old != null && old.length > 0) {\r\n //yield newsItems.forEach(n => {\r\n for (let n of old) {\r\n yield localforage.removeItem(n.id);\r\n }\r\n }\r\n\r\n //yield blogs.forEach(n => {\r\n for (let n of blogs) {\r\n if (n.blob == null) continue; // do nothing, maybe request failed\r\n yield localforage.setItem(n.id, n.blob);\r\n delete n.image;\r\n delete n.blob;\r\n }\r\n }\r\n\r\n let parsedBlogs = yield parseCommonBlogs(blogs, title);\r\n return parsedBlogs;\r\n\r\n}\r\n\r\nasync function parseCommonBlogs(blogs, title) {\r\n let parsedBlogs = [];\r\n for (let key in blogs) {\r\n\r\n if (blogs[key]) {\r\n const item = blogs[key];\r\n let blogObject = new BlogOBject;\r\n\r\n blogObject.setID(item.id);\r\n blogObject.setAuthor(item.author);\r\n blogObject.setContent(item.content);\r\n blogObject.setDate(item.date);\r\n blogObject.setTitle(item.title);\r\n blogObject.setType('common');\r\n blogObject.setImageUrl('parse-from-localForage');\r\n blogObject.setTenantId(item.tenantId);\r\n blogObject.setImageUrl(item.image);\r\n if (blogObject.getBlogObject()) {\r\n parsedBlogs.push(blogObject.getBlogObject());\r\n }\r\n }\r\n }\r\n return parsedBlogs;\r\n}\r\n\r\nfunction* getJsonBlogs(url) {\r\n\r\n try {\r\n const response = yield fetch(url);\r\n const blogs = yield response.json();\r\n\r\n let parsedBlogs = [];\r\n\r\n blogs.forEach((item, i) => {\r\n\r\n let blogObject = new BlogOBject;\r\n blogObject.setID(item.id);\r\n blogObject.setAuthor(item.author);\r\n blogObject.setContent(item.content);\r\n blogObject.setDate(item.date); //, 'YYYY-MM-DD HH:mm:ss');\r\n blogObject.setTitle(item.title);\r\n blogObject.setImageUrl(item.image);\r\n blogObject.setUrl(item.url ? item.url : item.link);\r\n blogObject.setType('json');\r\n\r\n if (blogObject.getBlogObject()) {\r\n parsedBlogs.push(blogObject.getBlogObject());\r\n }\r\n });\r\n\r\n return parsedBlogs;\r\n\r\n } catch (e) {\r\n console.log(e);\r\n }\r\n}\r\n\r\nfunction* getRssBlogs(url, title) {\r\n\r\n const GoClient = yield select(getGOClient);\r\n let currentItems = yield select(getMultiChannelBlogItems);\r\n currentItems = currentItems.filter(i => i.widget == title);\r\n let items = [];\r\n\r\n try {\r\n let data = yield GoClient.api('/app/proxy?url=' + encodeURIComponent(url), {}, 'text')\r\n .then((responseData) => rssParser.parse(responseData));\r\n\r\n data.items = data.items.slice(0, 20); //max messages\r\n\r\n let newItems = data.items.filter(d => (currentItems?.length == 0 ? true : (!currentItems?.find(i => i.type == \"rss\" && i.id == d.id && i.widget == title))));\r\n let parsedItems = yield parseRssItems(newItems);\r\n\r\n //add existing (already parsed) items to array\r\n parsedItems = parsedItems.concat(currentItems.filter(i => i.type == \"rss\" && i.widget == title));\r\n return parsedItems;\r\n\r\n } catch (error) {\r\n console.log('rss error: ' + error);\r\n return [];\r\n }\r\n}\r\n\r\nasync function parseRssItems(items) {\r\n let parsedItems = [];\r\n for (let key in items) {\r\n if (items[key]) {\r\n let item = items[key];\r\n\r\n let blogObject = new BlogOBject;\r\n blogObject.setAuthor((item.authors[0] ? item.authors[0].name : feed.title));\r\n blogObject.setContent((item.content ? item.content : item.description));\r\n blogObject.setDate(item.published);\r\n blogObject.setTitle(item.title);\r\n blogObject.setImageUrl(item.enclosures[0]?.url);\r\n blogObject.setUrl(item.links[0]?.url);\r\n blogObject.setID(item.id);\r\n blogObject.setType('rss');\r\n\r\n if (blogObject.getBlogObject()) {\r\n parsedItems.push(blogObject.getBlogObject());\r\n }\r\n\r\n }\r\n }\r\n return parsedItems;\r\n}\r\n\r\nfunction* getWebsiteBlogs() {\r\n\r\n try {\r\n const response = yield fetch('https://avantage.nl/wp-json/rendered-posts/all?8');\r\n const blogs = yield response.json();\r\n\r\n let parsedBlogs = [];\r\n\r\n blogs.forEach((item, i) => {\r\n\r\n let blogObject = new BlogOBject;\r\n blogObject.setID(item.id);\r\n blogObject.setAuthor(item.author);\r\n blogObject.setContent(item.content);\r\n blogObject.setDate(item.date, 'YYYY-MM-DD HH:mm:ss');\r\n blogObject.setTitle(item.title);\r\n blogObject.setImageUrl(item.image);\r\n blogObject.setUrl(item.link);\r\n blogObject.setType('website');\r\n\r\n if (blogObject.getBlogObject()) {\r\n parsedBlogs.push(blogObject.getBlogObject());\r\n }\r\n });\r\n\r\n return parsedBlogs;\r\n\r\n } catch (e) {\r\n console.log(e);\r\n }\r\n}\r\n\r\nfunction* getSharepointBlogs(site, api, title, source) {\r\n if (!api) {\r\n console.log(\"Sharepoint API URL Required\");\r\n return;\r\n }\r\n \r\n try {\r\n let changedItems = [];\r\n let currentItems = yield select(getMultiChannelBlogItems);\r\n currentItems = currentItems.filter(i => i.widget == title && i.type == source);\r\n const Client = yield select(getSharepointClient);\r\n const GoClient = yield select(getGOClient);\r\n const GraphClient = yield select(getGraphClient);\r\n if (!Client) {\r\n console.log(\"no sharepoint client activated\");\r\n return;\r\n }\r\n \r\n let newsResponse = yield Client.api(api.includes('?') ? api : api + '/?$select=Author/Title,Author/Id,BlogAutheurId,BannerImageUrl,Id,Modified,FirstPublishedDate,Title,Description,CanvasContent1,Created,FileRef,FileLeafRef,EncodedAbsUrl,LinkFilename&$expand=Author,File&$orderby=Created desc&$top=20');\r\n \r\n //fallback when no BlogAutheurId field is present in SharePoint\r\n if (newsResponse == null || !newsResponse || !newsResponse.value) {\r\n newsResponse = yield Client.api((api.includes('?') ? api.split('?')[0] : api) + '/?$select=Author/Title,Author/Id,BannerImageUrl,Id,Modified,FirstPublishedDate,Title,Description,CanvasContent1,Created,FileRef,FileLeafRef,EncodedAbsUrl,LinkFilename&$expand=Author,File&$orderby=Created desc&$top=20');\r\n }\r\n \r\n if (newsResponse == null || !newsResponse || !newsResponse.value) return;\r\n if (newsResponse.value.length === 0) return;\r\n \r\n let data = newsResponse.value;\r\n \r\n let newItems = data.filter(d => (currentItems?.length == 0 ? true : (!currentItems?.find(i => i.type == \"sharepoint\" && i.id == 'sp_blogs_' + d.Id.toString()))));\r\n // let newItems = data.filter(d => (currentItems?.length == 0 ? true : (!currentItems?.find(i => {\r\n // i.type == \"sharepoint\" && i.id == 'sp_blogs_' + d.Id.toString()\r\n // }))));\r\n let oldItems = currentItems.filter(i => !data.find(d => 'sp_blogs_' + d.Id == i.id) && !newItems.find(n => 'sp_blogs_' + n.Id == i.id));\r\n \r\n //set ID for sharepoint.. still necessary?\r\n if (newItems?.length > 0) {\r\n newItems = newItems.map(function (n) {\r\n return { ...n, Id: 'sp_blogs_' + n.Id?.toString(), site: site };\r\n });\r\n }\r\n //parse news items to GO news items\r\n let parsedItems = yield parseSharepointBlogs(newItems);\r\n if (parsedItems?.length > 0) {\r\n parsedItems = parsedItems.map(i => {\r\n i.widget = title\r\n return i; })\r\n }\r\n //remove old items\r\n if (oldItems?.length > 0) {\r\n currentItems = currentItems.filter(c => !oldItems.find(o => o.id == c.id));\r\n }\r\n //Check for modified items\r\n changedItems = data.filter(data => {\r\n return currentItems.find(current => {\r\n if(data.Modified != current.dateModified && current.type == \"sharepoint\" && current.id == 'sp_blogs_'+ data.Id.toString()) {\r\n return data\r\n }\r\n })\r\n })\r\n \r\n if (changedItems?.length > 0) {\r\n changedItems = changedItems.map(function (n) {\r\n return { ...n, Id: 'sp_blogs_' + n.Id.toString(), site: site };\r\n });\r\n }\r\n \r\n let parsedChangedItems = yield parseSharepointBlogs(changedItems);\r\n if (parsedChangedItems?.length > 0) {\r\n parsedChangedItems = parsedChangedItems.map(i => {\r\n i.widget = title\r\n return i; })\r\n }\r\n if (parsedChangedItems?.length > 0) {\r\n currentItems = currentItems.filter(current => !parsedChangedItems.find(parsed => current.type == \"sharepoint\" && current.id == parsed.id))\r\n }\r\n \r\n //add existing (already parsed) items to array\r\n // parsedItems.push({...currentItems[0], Id: 'sp_news_test', id: 'sp_news_test'});\r\n return [...parsedItems, ...currentItems, ...parsedChangedItems];\r\n } catch (ex) { console.error(ex); console.log('error getting sharepoint blogs'); return []; }\r\n }\r\n\r\n\r\nfunction* postprocess(newItems) {\r\n\r\n let tasks = [];\r\n const SharepointClient = yield select(getSharepointClient);\r\n let sharepointToken;\r\n if (SharepointClient) sharepointToken = yield SharepointClient.getToken();\r\n\r\n const GoClient = yield select(getGOClient);\r\n let goToken = yield GoClient.getToken();\r\n let sharepointUser;\r\n\r\n tasks = newItems.map(async (item, index) => {\r\n\r\n if (item.type == \"sharepoint\") {\r\n\r\n //get author based on sharepoint user id\r\n if (!isNaN(parseInt(item.author))) {\r\n sharepointUser = await SharepointClient.api(item.site + '/_api/web/getuserbyid(' + item.author + ')');\r\n\r\n //set auteur\r\n if (sharepointUser) {\r\n if (sharepointUser.Title) {\r\n //item.author = sharepointUser.Title;\r\n newItems[index].author = sharepointUser.Title;\r\n }\r\n }\r\n }\r\n\r\n //get image\r\n const getResponse = async () => {\r\n if (item.imageUrl == 'parse-from-localForage') return { imageUrl: null }; //no image found in cache \r\n if (item.imageUrl?.indexOf(\"sharepoint.com\") == -1) return { imageUrl: item.imageUrl }; //do nothing\r\n\r\n let pictureUrl = parsePictureUrl(item.orginalUrl ? item.orginalUrl : item.imageUrl, 3);\r\n let url = encodeURIComponent(pictureUrl);\r\n\r\n let response;\r\n response = await fetch(`/api/getimage?url=${url}`, {\r\n method: 'GET',\r\n contentType: 'image/jpeg',\r\n headers: {\r\n 'Authorization': 'Bearer ' + goToken, 'AuthorizationProxy': sharepointToken\r\n }\r\n }).catch((err) => { return null; });\r\n\r\n if (!response || !response.ok) return null;\r\n\r\n const content = await response.text();\r\n let objectUrl = \"\";\r\n let blob;\r\n\r\n try {\r\n if (content) blob = dataURItoBlob(content);\r\n } catch (ex) { return null };\r\n\r\n if (!blob && sharepointUser) {\r\n let avatar = await GraphClient.api('/users/' + sharepointUser['UserPrincipalName'] + '/photo/$value', 'arrayBuffer');\r\n let image = 'data:image/png;base64, ' + new Buffer(avatar, 'binary').toString('base64');\r\n blob = dataURItoBlob(image);\r\n }\r\n\r\n if (!blob) return null;\r\n await localforage.setItem(item.id, blob);\r\n\r\n return {\r\n imageUrl: 'parse-from-localForage',\r\n orginalUrl: item.orginalUrl ? item.orginalUrl : item.imageUrl\r\n };\r\n };\r\n\r\n let pictureData = await localforage.getItem(newItems[index].id);\r\n if (pictureData == null || pictureData == '') pictureData = await getResponse();\r\n if (pictureData) newItems[index] = { ...newItems[index], ...pictureData };\r\n }\r\n });\r\n\r\n if (tasks.length) {\r\n yield Promise.all(tasks);\r\n }\r\n\r\n return newItems;\r\n}\r\n\r\nasync function parseSharepointBlogs(blogs) {\r\n let parsedBlogs = [];\r\n for (let key in blogs) {\r\n if (blogs[key]) {\r\n const item = blogs[key];\r\n\r\n let url = parseSharepointUrl(item.File['odata.id']);\r\n let blogObject = new BlogOBject;\r\n blogObject.setAuthor(item['BlogAutheurId'] ? item['BlogAutheurId'] : item['AuthorId'] ? item['AuthorId'] : item.Author ? item.Author['Id'] : item.Author);\r\n blogObject.setContent(item.CanvasContent1 ? parseSharePointContent(item.CanvasContent1, url, item.File?.ServerRelativeUrl, key): item.Description ? item.Description : \"\");\r\n blogObject.setDate(item.FirstPublishedDate ? item.FirstPublishedDate : item.Created);\r\n blogObject.setTitle(item.Title);\r\n blogObject.setDateModified(item.Modified);\r\n blogObject.setID(item.Id)\r\n blogObject.setType('sharepoint');\r\n blogObject.setUrl(url.concat(item.File?.ServerRelativeUrl));\r\n blogObject.setOpenExternal(false);\r\n blogObject.setImageUrl(item.BannerImageUrl?.Url);\r\n blogObject.setSite(item.site);\r\n\r\n if (blogObject.getBlogObject()) {\r\n parsedBlogs.push(blogObject.getBlogObject());\r\n }\r\n }\r\n }\r\n return parsedBlogs;\r\n}\r\n\r\nfunction parseSharePointContent(content, root, extra, key) {\r\n if (!content) return '';\r\n const urls = /href=\\\"\\//g;\r\n const src = /src=\\\"\\//g;\r\n const ids = /
[a-z,0-9,-]+<\\/div>/g;\r\n const video = /<\\/a>/g;\r\n const videoThumb = /]*\\\" \\/>/g;\r\n const imagesRegex = /![]()
/g\r\n const divPlaceRegex = /
');\r\n\r\n return content;\r\n}\r\n\r\n\r\nfunction* getEmbraceItems(site, apiURL, content, openDirect, title) {\r\n\r\n if (!apiURL) {\r\n console.log(\"Embrace API URL Required\");\r\n return;\r\n }\r\n try {\r\n const socialItems = yield select(getMultiChannelSocialItems);\r\n const GoClient = yield select(getGOClient);\r\n let oldestItem = moment().valueOf();\r\n\r\n let offset = new Date().getTimezoneOffset();\r\n oldestItem = oldestItem + (-offset * 60 * 1000);\r\n\r\n\r\n /* if (socialItems?.length > 0) {\r\n let items = socialItems.filter(i => i.widget == title);\r\n if (items[0]?.unix) oldestItem = items[0]?.unix;\r\n }*/\r\n\r\n //build api url\r\n if (apiURL.indexOf(\"?\") == -1) {\r\n if (apiURL[apiURL.length - 1] != '/') apiURL += '/';\r\n apiURL += 'api/v1/Microblogs?oldestItem=' + oldestItem + '&label=0';\r\n }\r\n\r\n if (!GoClient) return;\r\n const items = yield GoClient.api('/app/proxy?url=' + encodeURIComponent(apiURL) + '&type=embrace', {}, 'text')\r\n if (items) {\r\n let embraceItems = JSON.parse(items)?.Items;\r\n\r\n // -- Embrace fetch logic;\r\n if (embraceItems?.length) {\r\n return yield parseEmbraceSocial(embraceItems, site, apiURL, content, openDirect);\r\n }\r\n }\r\n\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n\r\n return false;\r\n}\r\n\r\n\r\nfunction* getYammerItems(title) {\r\n //if (!apiURL) {\r\n // console.log(\"Yammer API URL Required\");\r\n // return;\r\n //}\r\n //try {\r\n let currentItems = yield select(getMultiChannelSocialItems);\r\n currentItems = currentItems.filter(i => i.widget == title);\r\n const Client = yield select(getYammerClient);\r\n const GoClient = yield select(getGOClient);\r\n const GraphClient = yield select(getGraphClient);\r\n\r\n if (!Client) return;\r\n\r\n //const shouts = yield Client.api(apiURL);\r\n let shouts = yield Client.api('https://www.yammer.com/api/v1/messages.json?threaded=true');\r\n //let test = yield Client.api('/users/1522724127.json');\r\n let messages = [];\r\n\r\n if (shouts == null || !shouts) return;\r\n if (shouts.length === 0) return;\r\n\r\n if (shouts != null) {\r\n let items = shouts.references.filter(m => m.announcement !== true && m.type == \"thread\"); //no announcements! \r\n messages = shouts.messages.filter(m => items.find(a => a.id == m.id));\r\n\r\n //messages.takeEvery(m => announcements.find(a => a.id == m.id))\r\n for (let m of messages) {\r\n let a = items.find(a => a.id == m.id);\r\n m.reference = a;\r\n\r\n let user = shouts.references.find(r => r.id == m.sender_id);\r\n m.user = user;\r\n\r\n let topics = shouts.references.find(r => r.id == m.id)?.topics;\r\n if (topics) {\r\n //m.topics = topics;\r\n m.topics = [];\r\n for (let t of topics) {\r\n let topic = yield Client.api(`https://www.yammer.com/api/v1/topics/${t.id}.json`);\r\n if (topic != null) m.topics.push(topic);\r\n }\r\n }\r\n }\r\n }\r\n\r\n if (messages.length && ((currentItems.length === 0) || (currentItems && currentItems[0].id !== messages[0].id))) {\r\n return yield parseYammerItems(messages);\r\n } else {\r\n return yield parseYammerItems(messages);\r\n }\r\n return false\r\n}\r\n\r\nasync function parseYammerItems(items) {\r\n let parsedItem = [];\r\n for (let key in items) {\r\n if (items[key]) { \r\n const item = items[key];\r\n\r\n let socialObject = new SocialObject;\r\n socialObject.setAuthor(item.user?.full_name);\r\n socialObject.setContent(parseYammerContent(item.body?.rich));\r\n socialObject.setTimestamp(moment(item.created_at)?.valueOf());\r\n socialObject.setUrl(item.web_url);\r\n socialObject.setID(\"\" + item.id);\r\n socialObject.setLikes(item.liked_by?.count);\r\n socialObject.setType('yammer');\r\n\r\n if (item.topics != null && item.topics) {\r\n socialObject.setTopics(item.topics);\r\n }\r\n\r\n socialObject.setImageUrl(item.user?.mugshot_url);\r\n\r\n if (socialObject.getSocialObject()) {\r\n parsedItem.push(socialObject.getSocialObject());\r\n }\r\n }\r\n }\r\n return parsedItem;\r\n}\r\n\r\nconst parseYammerContent = (content) => {\r\n const urls = /<(.*)>\\(“(.*)”\\)/g\r\n const links = /(.*)</\r\n\r\n content = content.replace(urls, function (match, token) {\r\n let title = match.match(/<(.*)>/);\r\n let link = match.match(/\\(“(.*)”\\)/);\r\n if (title[1] == null || link[1] == null) return \"\";\r\n return ` ${link[1]} `;\r\n });\r\n\r\n content = content.replace(links, function (match, token) {\r\n let title = match.match(/(.*)<${link[1]} `;\r\n });\r\n\r\n content = content.replace(/(?:\\r\\n|\\r|\\n)/g, '
');\r\n\r\n return content;\r\n}\r\n\r\nexport function* setLastViewedItems() {\r\n yield takeEvery(actions.SET_LAST_SOCIAL_VIEWED, function* (action) {\r\n if (action.payload == null) return;\r\n\r\n yield put({\r\n type: userActions.UPDATE_USER_SETTINGS,\r\n payload: {\r\n value: action.payload,\r\n setting: 'viewedSocial'\r\n }\r\n });\r\n\r\n });\r\n}\r\n\r\n\r\nexport function* parseLastViewed() {\r\n\r\n const parser = function* () {\r\n\r\n const items = yield select(getMultiChannelSocialItems);\r\n const data = yield select(getUserProfileSettingData);\r\n const completed = yield select(getUserRequestCompleted);\r\n const socialCompleted = yield select(getSocialRequestCompleted);\r\n\r\n if (data == null || !completed || !socialCompleted || items?.length == 0) return;\r\n\r\n let viewedItems = data.settings?.viewedSocial;\r\n if (!viewedItems) {\r\n viewedItems = [];\r\n }\r\n\r\n let newViewed = [];\r\n\r\n for (let item of items) {\r\n\r\n // -- User has never seen any social item, set everything to true\r\n if (!viewedItems.length) {\r\n item.viewed = true;\r\n } else {\r\n // -- Already items in user object, new items are unviewed.\r\n let viewedItem = viewedItems.find((i) => i.id === item.id);\r\n item.viewed = false;\r\n if (viewedItem) {\r\n if (viewedItem.viewed) {\r\n item.viewed = true;\r\n }\r\n }\r\n }\r\n\r\n if (!viewedItems.find((i) => i.id === item.id)) {\r\n newViewed.push({\r\n id: item.id,\r\n viewed: item.viewed,\r\n widget: item.widget\r\n });\r\n }\r\n }\r\n\r\n // -- Cleanup with only present items.\r\n for (let item of viewedItems) {\r\n let available = items.find((i) => i.id === item.id);\r\n if (available) {\r\n newViewed.push({\r\n id: item.id,\r\n widget: item.widget,\r\n viewed: item.viewed\r\n })\r\n }\r\n }\r\n\r\n\r\n // -- Conditionally update user settings object\r\n if ((newViewed.length == 0 && viewedItems.length == 0) ||\r\n (JSON.stringify(newViewed.map(n => n.id)) != JSON.stringify(viewedItems.map(n => n.id))) ||\r\n !data.settings?.viewedSocial) {\r\n\r\n console.log('set viewed socials');\r\n yield put({\r\n type: userActions.UPDATE_USER_SETTINGS,\r\n payload: {\r\n value: newViewed,\r\n setting: 'viewedSocial'\r\n }\r\n });\r\n }\r\n }\r\n\r\n // -- Fires after user data has been fetched, checks for social request completion and parses items\r\n yield takeEvery(userActions.DATA_REQUEST_COMPLETED, function* (action) {\r\n const completed = yield select(getSocialRequestCompleted);\r\n\r\n if (completed) {\r\n yield parser();\r\n }\r\n });\r\n\r\n // -- Fires after social data has been fetched, checks for user data presence and parses items\r\n yield takeEvery(actions.SOCIAL_REQUEST_COMPLETED, function* (action) {\r\n const completed = yield select(getUserRequestCompleted);\r\n\r\n if (action.payload === true && completed) {\r\n yield parser();\r\n }\r\n });\r\n}\r\n\r\n\r\nfunction parseEmbraceContent(content) {\r\n\r\n const urls = /href=/gi;\r\n\r\n content = content.replace(urls, function (match, token) {\r\n return 'target=\"_blank\" href=';\r\n });\r\n\r\n return content;\r\n}\r\n\r\nasync function parseEmbraceSocial(embraceItems, site, url, content, openDirect) {\r\n let parsedSocial = [];\r\n for (let key in embraceItems) {\r\n if (embraceItems[key]) {\r\n const item = embraceItems[key];\r\n\r\n let socialObject = new SocialObject;\r\n socialObject.setAuthor(item.PersonFullName);\r\n socialObject.setContent(parseEmbraceContent(item.Message));\r\n\r\n let offset = new Date().getTimezoneOffset();\r\n let timestamp = item.Timestamp - (-offset * 60 * 1000);\r\n\r\n socialObject.setTimestamp(timestamp);\r\n socialObject.setUrl(site);\r\n socialObject.setOpenDirect(openDirect);\r\n socialObject.setID('embrace_' + item.Id);\r\n socialObject.setType('embrace');\r\n socialObject.setLikes(item.Likes);\r\n\r\n if (item.PersonAvatar == null) {\r\n socialObject.setImageUrl('parse-from-localForage');\r\n } else {\r\n socialObject.setImageUrl(site + item.PersonAvatar.replace('Avatar55', 'Avatar150'));\r\n }\r\n\r\n if (socialObject.getSocialObject()) {\r\n parsedSocial.push(socialObject.getSocialObject());\r\n }\r\n }\r\n }\r\n return parsedSocial;\r\n}\r\n\r\nexport default function* rootSaga() {\r\n yield all([\r\n fork(getSocialFromChannel),\r\n fork(parseLastViewed),\r\n fork(setLastViewedItems)\r\n ]);\r\n};\r\n","import { all } from 'redux-saga/effects';\r\n\r\n// -- Old style widgets\r\nimport AppSaga from './app/saga';\r\nimport LayoutSaga from './layout/saga';\r\nimport AuthSaga from './auth/saga';\r\nimport UserSaga from './user/saga';\r\nimport GraphSaga from './client/saga';\r\nimport TasksSaga from './tasks/saga';\r\nimport BirthdaySaga from './birthday/saga';\r\nimport NewsSaga from './news/saga';\r\nimport DocumentSaga from './document/saga';\r\nimport MessageSage from './message/saga';\r\nimport ReportsSaga from './reports/saga';\r\nimport NotificationSaga from './notification/saga';\r\nimport NotificationCollectorSaga from'./notificationCollector/saga';\r\nimport EventsSaga from './events/saga';\r\nimport BlogSaga from './blog/saga';\r\nimport SlideOutSaga from './slideOut/saga';\r\nimport SolutionSaga from './solution/saga';\r\nimport SearchSaga from './search/saga';\r\nimport CalendarSagas from './calendar/saga';\r\nimport WidgetSaga from './widgets/saga';\r\nimport AppsSaga from './apps/saga';\r\nimport DocumentsWizardSaga from './documentsWizard/saga';\r\nimport TipsTricksSaga from './tipsTricks/saga';\r\nimport SiteKnowledgeSaga from './siteKnowledge/saga';\r\n\r\n// -- Common widgets\r\nimport CommonNewsSaga from './common/news/saga';\r\nimport ITNewsSaga from './common/itnews/saga';\r\nimport LearningSaga from './common/learning/saga';\r\nimport CommonEventsSaga from './common/events/saga';\r\nimport CommonBlogsSaga from './common/blog/saga';\r\nimport KnowledgeBaseSaga from './knowledgeBase/saga';\r\nimport CallsSaga from './common/calls/saga';\r\n\r\nimport UserRequestSaga from './common/userRequest/saga';\r\nimport RightsRequestSaga from './common/rightsRequest/saga';\r\nimport WorkplaceRequestSaga from './common/workplaceRequest/saga';\r\n\r\n// -- Widgets in new style\r\nimport TeamsSaga from './widgets/teams/saga';\r\nimport SharepointSaga from './widgets/sharepoint/saga';\r\nimport PeopleSaga from './widgets/people/saga';\r\nimport MultiChannelNewsSaga from './widgets/multiChannelNews/saga';\r\nimport MultiChannelShoutSaga from './widgets/multiChannelShout/saga';\r\nimport MultiChannelBlogSaga from './widgets/multiChannelBlog/saga';\r\nimport MultiChannelFeedSaga from './widgets/multiChannelFeed/saga';\r\nimport MultiChannelSocialSaga from './widgets/multiChannelSocial/saga';\r\nimport MultiChannelEventsSaga from './widgets/multiChannelEvent/saga';\r\n\r\nexport default function* rootSaga(getState) {\r\n\tyield all([\r\n\t\tAppSaga(),\r\n\t\tLayoutSaga(),\r\n\t\tAuthSaga(),\r\n\t\tGraphSaga(),\r\n\t\tUserSaga(),\r\n\t\tBirthdaySaga(),\r\n\t\tDocumentSaga(),\r\n\t\tTasksSaga(),\r\n NotificationSaga(),\r\n\t\tCalendarSagas(),\r\n\t\tWidgetSaga(),\r\n\t\tAppsSaga(),\r\n\t\tEventsSaga(),\r\n BlogSaga(),\r\n ReportsSaga(),\r\n\t\tCommonNewsSaga(),\r\n\t\tITNewsSaga(),\r\n CommonEventsSaga(),\r\n\t\tCommonBlogsSaga(),\r\n\t\tKnowledgeBaseSaga(),\r\n\t\tCallsSaga(),\r\n\t\tLearningSaga(),\r\n\t\tSlideOutSaga(),\r\n\t\tNotificationCollectorSaga(),\r\n\t\tSolutionSaga(),\r\n\t\tSearchSaga(),\r\n\t\tDocumentsWizardSaga(),\r\n\t\tTipsTricksSaga(),\r\n\t\tSiteKnowledgeSaga(),\r\n\t\tTeamsSaga(),\r\n\t\tSharepointSaga(),\r\n\t\tPeopleSaga(),\r\n\t\tMultiChannelNewsSaga(),\r\n\t\tMultiChannelBlogSaga(),\r\n\t\tMessageSage(),\r\n\t\tMultiChannelShoutSaga(),\r\n\t\tMultiChannelFeedSaga(),\r\n\t\tMultiChannelSocialSaga(),\r\n\t\tMultiChannelEventsSaga(),\r\n\t\t//newsSaga()\r\n\t\tUserRequestSaga(),\r\n\t\tRightsRequestSaga(),\r\n\t\tWorkplaceRequestSaga(),\r\n\t]);\r\n}\r\n","import { createStore, applyMiddleware, compose, combineReducers } from 'redux';\r\nimport createSagaMiddleware from 'redux-saga';\r\nimport rootReducer from './rootReducer';\r\nimport rootSaga from './rootSaga';\r\nimport { persistStore, persistReducer } from 'redux-persist';\r\nimport storage from 'redux-persist/lib/storage'; // defaults to localStorage for web\r\nimport localForage from \"localforage\";\r\nimport { routerMiddleware } from 'react-router-redux';\r\nconst createHistory = require(\"history\").createBrowserHistory;\r\nconst history = createHistory();\r\nconst routersMiddleware = routerMiddleware(history);\r\n\r\nconst sagaMiddleware = createSagaMiddleware();\r\nconst middlewares = [sagaMiddleware, routersMiddleware];\r\n\r\n//import { IntlActions } from 'react-redux-multilingual'\r\n//import translations from './translations'\r\n//import { IntlReducer as Intl, IntlProvider } from 'react-redux-multilingual'\r\n\r\nconst persistConfig = {\r\n key: 'root',\r\n storage: localForage,\r\n blacklist: ['Notifications', 'Client','Widgets', 'Auth', 'Message', 'SlideOut', 'Popup', 'YearOverview', 'Sharepoint']\r\n};\r\n\r\nconst persistedReducer = persistReducer(persistConfig, rootReducer);\r\n\r\nfunction configureStore(initialState) {\r\n const store = createStore(\r\n persistedReducer,\r\n compose(applyMiddleware(...middlewares)));\r\n\r\n let persistor = persistStore(store);\r\n if(window.clearPersist) {\r\n persistor.purge();\r\n }\r\n sagaMiddleware.run(rootSaga);\r\n\r\n return { store, persistor, history };\r\n}\r\n\r\n\r\nexport default configureStore();\r\n","const actions = {\r\n\tSET_APP_ONLINE : 'SET_APP_ONLINE',\r\n CHECK_APP_ONLINE : 'CHECK_APP_ONLINE',\r\n\tCHANGE_APP_CONNECTIVITY_STATUS : 'CHANGE_APP_CONNECTIVITY_STATUS',\r\n\tsetAppOnline : (payload) => ({\r\n\t\ttype : actions.SET_APP_ONLINE,\r\n\t\tpayload : payload\r\n\t}),\r\n\r\n checkAppOnline : (payload) => ({\r\n\t\ttype : actions.CHECK_APP_ONLINE,\r\n\t\tpayload : payload\r\n\t}),\r\n};\r\n\r\nexport default actions;\r\n","const actions = {\r\n\tGET_MULTICHANNEL_FEEDS : 'GET_MULTICHANNEL_FEEDS',\r\n\tSET_MULTICHANNEL_FEEDS : 'SET_MULTICHANNEL_FEEDS',\r\n\tSET_ACTIVE_FEED_ITEM : 'SET_ACTIVE_FEED_ITEM',\r\n\tFEED_REQUEST_COMPLETED : 'FEED_REQUEST_COMPLETED',\r\n\tgetMultichannelFeeds : ( payload, title ) => ({\r\n\t\ttype : actions.GET_MULTICHANNEL_FEEDS,\r\n\t\tpayload : { title: title, payload: payload } \r\n\t}),\r\n\tsetActiveFeedItem : ( payload ) => ({\r\n\t\ttype : actions.SET_ACTIVE_FEED_ITEM,\r\n\t\tpayload : payload\r\n\t}),\r\n};\r\n\r\nexport default actions;\r\n","import styled from 'styled-components'\r\n\r\nimport * as Variables from '../../ThemeVariables';\r\n\r\nconst CircleIcon = styled.div`\r\n\tborder-radius: 100%;\r\n\toverflow: hidden;\r\n\r\n\t\r\n\tline-height: ${Variables.headerHeight};\r\n\theight: ${Variables.headerHeight};\r\n\twidth: ${Variables.headerHeight};\r\n\tbackground: #dadde1;\r\n\tcolor: black;\r\n\ttext-align: center;\r\n\tfont-size: 25px;\r\n\tcursor: pointer;\r\n\r\n\tbox-shadow: 0 0 0 transparent;\r\n\ttransition: box-shadow .5s;\r\n\t&:hover {\r\n\t\tbox-shadow: 0 0 5px black;\r\n\r\n\t}\r\n`;\r\n\r\nexport default CircleIcon;\r\n","import styled from 'styled-components';\r\n\r\nexport const PageLoader = styled.div`\r\n\tposition: fixed;\r\n\theight: 100%;\r\n\tbackground-color: rgba(255, 255, 255, .5);\r\n\twidth: 100%;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\r\n\t&.darkmode {\r\n\t\tbackground-color: rgba(0, 0, 0, .5);\r\n\t}\r\n`;\r\n","import React from 'react';\r\nimport * as Styled from './styled';\r\nimport { connect } from 'react-redux';\r\n\r\nconst PageLoader = props => (\r\n\t\r\n\r\n\t \r\n)\r\n\r\n\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n return {\r\n darkmode: state.Layout.darkmode\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(PageLoader);\r\n","import styled, { css } from 'styled-components'\r\nimport { loadingPlaceholder } from '../../styled/KeyFrames';\r\n\r\nexport const Loader = props => css`\r\n\tbackground: #e9ebee;\r\n\tposition: relative;\r\n\toverflow: hidden;\r\n\r\n\t&::after {\r\n\t content: \"\";\r\n\t display: block;\r\n\t background-color: #DEDEDE;\r\n\t position: absolute;\r\n\t top: 0;\r\n\t bottom: 0;\r\n\t width: 100%;\r\n\t height: 100%;\r\n\t transform: translateX(0);\r\n\t animation: 1.5s ${loadingPlaceholder} ease-in-out infinite;\r\n\t }\r\n\r\n\t &.darkmode {\r\n\t \tbackground: #1B2B3C;\r\n\r\n\t \t&:after {\r\n\t \t\tbackground-color: #121a24;\r\n\t \t}\r\n\t }\r\n`;\r\n\r\n\r\nexport const LoaderCard = styled.div `\r\n\twidth:300px;\r\n\tfloat: left;\r\n\tborder: 1px solid #ddd;\r\n\tmargin-right: 10px;\r\n`;\r\n\r\n\r\nexport const LoaderImageLoading = styled.div `\r\n\t background: #e9ebee;\r\n height: 175px;\r\n\r\n position: relative;\r\n\t overflow: hidden;\r\n\t &::after {\r\n\t content: \"\";\r\n\t display: block;\r\n\t background-color: #dddfe2;\r\n\t position: absolute;\r\n\t top: 0;\r\n\t bottom: 0;\r\n\t width: 100%;\r\n\t height: 100%;\r\n\t transform: translateX(0);\r\n\t animation: 1.5s ${loadingPlaceholder} ease-in-out infinite;\r\n\t }\r\n`;\r\n\r\nexport const LoaderBars = styled.div `\r\n\t height: 85px;\r\n`;\r\n\r\nexport const LoaderBar = styled.div `\r\n\t background: #e9ebee;\r\n margin: 0 13px 13px;\r\n height: 19px;\r\n\r\n &:nth-of-type(1) {\r\n \twidth: 80%;\r\n \tmargin-top: 17px;\r\n }\r\n\r\n &:nth-of-type(2) {\r\n \twidth: 30%;\r\n }\r\n\r\n position: relative;\r\n\t overflow: hidden;\r\n\t &::after {\r\n\t content: \"\";\r\n\t display: block;\r\n\t background-color: #dddfe2;\r\n\t position: absolute;\r\n\t top: 0;\r\n\t bottom: 0;\r\n\t width: 100%;\r\n\t height: 100%;\r\n\t transform: translateX(0);\r\n\t animation: 1.5s ${loadingPlaceholder} ease-in-out infinite;\r\n\t }\r\n`;\r\n","import styled, { css } from 'styled-components'\r\nimport * as Variables from '../../../ThemeVariables';\r\n\r\n//heading\r\nconst headingStyle = `\r\n display: flex;\r\n justify-content: space-between;\r\n\r\n`\r\nexport const Heading = styled.div`\r\n\tmargin-bottom: ${props => !props.marginBottom ? \"20px\" : props.marginBottom + 'px'};\r\n\r\n ${props => !props.positionBottom ? headingStyle : ''};\r\n\r\n\r\n\t${props => props.position ? 'float: ' + props.position + ';' : ''}\r\n\t${props => props.border ? \"border-bottom: 2px solid #e4e4e4;padding-bottom: 15px;\" : \"\"}\r\n`;\r\n\r\nexport const ListHeading = styled.div`\r\n\tmargin-bottom: 20px;\r\n @media(min-width: ${Variables.mxs}) {\r\n display: flex;\r\n justify-content: space-between;\r\n }\r\n`;\r\n\r\n\r\nexport const Title = styled.h2`\r\n\tfont-size: ${props => !props.small ? \"1.1em\" : \"0.8em\"};\r\n\ttext-align: left;\r\n\tcolor : ${Variables.headingColor.lightMode};\r\n\r\n\t&.darkmode {\r\n\t\tcolor : ${Variables.headingColor.darkMode};\r\n\t}\r\n`;\r\n\r\nexport const LinkContainer = styled.div`\r\n\tdisplay: inline-block;\r\n`;\r\n\r\nexport const UnderLinkContainer = styled.div`\r\n\tmargin-bottom: 30px;\r\n\t\r\n`;\r\n\r\n\r\nexport const Link = styled.a`\r\n\ttext-decoration: none;\r\n\tfont-size: 12px;\r\n\tcursor: pointer;\r\n &:not(:first-of-type) {\r\n margin-left: 16px;\r\n }\r\n\r\n\tcolor : ${Variables.headingColor.lightMode};\r\n\r\n\t&:after {\r\n\t\tcontent: '';\r\n\t\twidth: 0;\r\n\t\theight: 1px;\r\n\t\tbackground: ${Variables.headingColor.lightMode};\r\n\t\tposition: absolute;\r\n\t\tbottom: -5px;\r\n\t\tleft: 0;\r\n\t\ttransition: width .5s;\r\n\t}\r\n\r\n\t&.darkmode {\r\n\t\tcolor : ${Variables.headingColor.darkMode};\r\n\t\t&:after {\r\n\t\t\tbackground : ${Variables.headingColor.darkMode};\r\n\t\t}\r\n\t}\r\n\r\n\ttext-align: right;\r\n\r\n\t&:hover {\r\n\t\t&:after {\r\n\t\t\twidth: 100%;\r\n\t\t}\r\n\t}\r\n\r\n\t&.active-link {\r\n\t\t&:after {\r\n\t\t\twidth: 100%;\r\n\t\t}\r\n\t}\r\n`;\r\n","import styled from 'styled-components'\r\nimport { Loader } from '../styled';\r\nexport const TeamWrapper = styled.div`\r\n\tdisplay: flex;\r\n\tjustify-content: space-between;\r\n\tmargin-bottom: 5px;\r\n`;\r\n\r\nexport const Team = styled.div `\r\n\tbackground: #e9ebee;\r\n margin: 0 13px 13px 0;\r\n height: 19px;\r\n width: 100%;\r\n\r\n ${props => props.position === 'left' ? 'float: left' : 'float: right'};\r\n ${Loader}\r\n`;\r\n","import React from 'react';\r\nimport * as Styled from './styled';\r\n\r\n\r\nconst TeamLoader = props => (\r\n\t\r\n\t\t \r\n)\r\n\r\n\r\n\r\nexport default TeamLoader;\r\n","import styled from 'styled-components'\r\n\r\nexport const CheckboxWrapper = styled.div`\r\n\twidth: 45px;\r\n\theight: 25px;\r\n\tbackground: #1b2947;\r\n\tbackground: #8b0000;\r\n\ttransition: background .5s;\r\n\tborder-radius: 25px;\r\n\tcursor: pointer;\r\n\r\n\t&.active {\r\n\t\tbackground: #007e00;\r\n\t}\r\n\tinput {\r\n\t\topacity: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tposition: absolute;\r\n\t\tleft: 0;\r\n\t\ttop: 0;\r\n\t\tcursor: pointer;\r\n\t}\r\n\r\n\tmargin-bottom: 25px;\r\n`;\r\n\r\nexport const Checkbox = styled.div`\r\n\tdisplay: grid;\r\n\tgrid-template-columns: repeat(2, 1fr);\r\n`;\r\n\r\nexport const Label = styled.label`\r\n\tline-height: 25px;\r\n`;\r\n\r\nexport const CheckboxCircle = styled.div`\r\n\twidth: 23px;\r\n\theight: 23px;\r\n\tborder-radius: 100%;\r\n\tbackground: white;\r\n\tposition: absolute;\r\n\ttop: 1px;\r\n\tleft: 1px;\r\n\ttransition: left .3s;\r\n\tpointer-events: none;\r\n\r\n\t&.active {\r\n\t\tleft: calc(100% - 24px);\r\n\t}\r\n\r\n`;\r\n","import React from 'react';\r\nimport * as Styled from './styled';\r\nimport PropTypes from 'prop-types';\r\n\r\nconst Checkbox = props => (\r\n\t\r\n\t\t{props.label} \r\n\t\t\r\n\t\t\t \r\n\t \r\n)\r\n\r\nCheckbox.propTypes = {\r\n\tonClick : PropTypes.func,\r\n\tvalue : PropTypes.bool,\r\n\tlabel : PropTypes.string\r\n}\r\n\r\nexport default Checkbox;\r\n","const actions = {\r\n\tGET_NEWS : 'GET_NEWS',\r\n\tSET_NEWS : 'SET_NEWS',\r\n\r\n\tgetNews : ( payload ) => ({\r\n\t\ttype : actions.GET_NEWS,\r\n\t\tpayload : payload\r\n\t})\r\n};\r\n\r\nexport default actions;\r\n","const actions = {\r\n\tGET_BLOGS : 'GET_BLOGS',\r\n\tSET_BLOGS : 'SET_BLOGS',\r\n\t\tPOST_BLOG : 'POST_BLOG',\r\n\tpostBlog : ( payload ) => ({\r\n\ttype : actions.POST_BLOG,\r\n\tpayload : payload\r\n}),\r\n\tgetBlogs : ( payload ) => ({\r\n\t\ttype : actions.GET_BLOGS,\r\n\t\tpayload : payload\r\n\t})\r\n};\r\n\r\nexport default actions;\r\n","const actions = {\r\n\tGET_TILES : 'GET_TILES',\r\n\tSET_TILES : 'SET_TILES',\r\n\tgetTiles: (payload) => ({ \r\n\t\ttype: actions.GET_TILES,\r\n\t\tpayload : payload\r\n\t}),\t\r\n};\r\n\r\nexport default actions;\r\n","const translation = {\r\n 'en': {\r\n locale: 'en',\r\n messages: {\r\n hello: 'Hi {name}',\r\n myProfile: 'My profile',\r\n vacationDays: 'Vacation days',\r\n editSettings: 'Change settings',\r\n openTutorial: 'Start tutorial',\r\n colorSetting: 'Dark mode',\r\n colorExplanation: 'GO has a dark mode for using in dark environments',\r\n autoDarkMode: 'Change mode based on sunset or sunrise',\r\n ownAppTile: 'Own app tiles',\r\n editAppTile: 'Edit tiles',\r\n logout: 'Logout',\r\n version: 'version',\r\n startMenu: 'START',\r\n helpMenu: 'HELP',\r\n storeMenu: 'STORE',\r\n selfMenu: 'SELF',\r\n tasks: 'Tasks',\r\n calendar: 'Calendar',\r\n appointment: 'Appointments',\r\n teams: 'Teams',\r\n tickets: 'Tickets',\r\n apps: 'Apps',\r\n settings: 'Settings',\r\n startLocalApps: 'Start local apps when possible',\r\n startAppsInNewWindow: 'Open apps in a browser tab',\r\n useOfficeWizard: 'Use Office wizard',\r\n showScrollbars: 'Show scrollbars',\r\n openAppsExistingWindow: 'Open apps in an existing browser tab',\r\n more: 'more',\r\n add: 'add',\r\n edit: 'edit',\r\n recent: 'recent',\r\n shared: 'shared',\r\n mine: 'mine',\r\n noItemsFound: 'no items',\r\n news: 'News',\r\n createNews: 'Create news message',\r\n createEvent: 'Create event',\r\n today: 'Today',\r\n tomorrow: 'Tomorrow',\r\n upcoming: 'Upcoming',\r\n earlierThisWeek: 'Earlier this week',\r\n open: 'Open',\r\n noDate: 'No date',\r\n openToDo: 'Open to-do',\r\n createTask: 'create task',\r\n createAppointment: 'create appointment',\r\n noAppointments: 'No upcoming appointments',\r\n events: 'Events',\r\n birthdays: 'Birthdays',\r\n noBirthdays: \"No upcoming birthdays\",\r\n hisBirthday: \"{when} it's {name} birthday\",\r\n congratulations: \"Congratulations\",\r\n openOneDrive: \"open onedrive\",\r\n documents: \"Documents\",\r\n kindOfDocument: \"What kind of document\",\r\n createBlog: 'Create blog',\r\n openOriginal: \"open original\",\r\n searchingFor: 'I am searching for..',\r\n search: \"Search\",\r\n whatToSearch: \"What do you want to search?\",\r\n all: 'all',\r\n persons: 'persons',\r\n files: 'files',\r\n colleagues: \"colleagues\",\r\n emails: \"emails\",\r\n createTicket: \"create ticket\",\r\n myTickets: \"my tickets\",\r\n itNews: \"IT news\",\r\n noLink: \"no link to servicedesk\",\r\n new: \"create\",\r\n my: \"my\",\r\n ticket: \"ticket\",\r\n tickets: \"tickets\",\r\n IT: \"IT\",\r\n theModernServiceDesk: \"The modern service desk is a new way te be helped. Tell GoGo your problem or question and he will help you further. You can also immediately create a new notification yourself.\",\r\n wantToUseModernServiceDesk: \"Do you want to use our modern service desk?\",\r\n noCustomer: 'Your IT environment is not yet registered with us. This is necessary to be able to use our modern service desk options. Feel free contact us to make that happen.',\r\n wantToKnowMore: \"Would you like to know more about the Avantage service desk? Then read\",\r\n thisBlog: \"this blog\",\r\n eLearning: \"E-Learning\",\r\n knowledgeBase: \"knowledgebase\",\r\n tips: \"tips\",\r\n tipsNTricks: \"Tips and tricks\",\r\n help: \"help\",\r\n whenCustomer: \"As soon as your environment has been added, you can use our modern service desk options. Notifications submitted via the chatbot or that you have submitted directly yourself are displayed here and you can view their status.\",\r\n createATicketHere: \"Below you can immediately make a report that will be picked up by the service desk. When you have provided a description of your question or problem, your report will be registered immediately.\",\r\n didYouKnowChatbot: \"Do you know that in GO you can also ask your question to GoGo? The easy chatbot immediately searches for answers in the knowledge bases and (if necessary) creates a report for you at our service desk.\",\r\n current: \"current\",\r\n view: \"View your\",\r\n findProblemsHere: \"Problems, questions or incidents that have been forwarded to the service desk can be found here.\",\r\n noActiveTickets: \"You currently have no active notifications\",\r\n createANewTicket: \"create a new ticket\",\r\n noITNews: \"At the moment there is no news about your IT environment\",\r\n howCanIHelpYou: \"How can I help you?\",\r\n GoGo: \"GoGo, your easy assistance\",\r\n hi: \"Hi\",\r\n alwaysOnline: \"always online\",\r\n whatDoYouWantToKnow: \"What do you want to know?\",\r\n aboutWhatDoYouWantToKnow: \"or about what?\",\r\n answer: \"Answer\",\r\n example: \"Example\",\r\n setPreferences: \"Set your e-learning preferences\",\r\n thenWeWillGetYourLearnings: \"so we can load some relevant elearingspaths for you\",\r\n here: \"here\",\r\n searchLearning: \"Search for learningpaths\",\r\n gatherLearningsForYou: \"We would like to collect relevant e-learning for you. Indicate your preferences by selecting your role(s), products and your level.\",\r\n whichRoles: \"What roles do you fulfill within your organization?\",\r\n whichProducts: \"Which products or services do you want to learn about?\",\r\n previous: \"previous\",\r\n next: \"next\",\r\n save: \"save\",\r\n browseLearnings: \"browse through learningpaths\",\r\n learningsFound: \"learnings found\",\r\n searchLearnings: \"search on title, role or product\",\r\n or: \"or\",\r\n didYouKnow: \"Did you know that you can also ask your question, request or problem to GoGo? This easy assistance immediately searches for answers in the knowledge bases for you and creates a notification for you if this is necessary.\",\r\n createTicketHere: \"You can create a report below that will be picked up by the service desk. Enter a description and your report will be registered.\",\r\n active: \"active\",\r\n whatToReport: \"What do you want to report?\",\r\n yesCreateTicket: \"Yes, create a notification\",\r\n addAction: \"Add action\",\r\n addAnActionMessage: \"Add an action, status update, question or other message to your notification.\",\r\n busySending: \"Busy sending..\",\r\n busy: \"Busy..\",\r\n send: \"send\",\r\n whatsTheSubject: \"What is the subject?\",\r\n selectFromBelow: \"Or select one from below\",\r\n thanksKeepInTouch: \"Thank you for your message! You will hear from us as soon as possible.\",\r\n sorryWhatIsYourPhone: \"Sorry! We notice that you are not satisfied, we would like to contact you by phone!\",\r\n correctNumber: \"Is this your phonenumber?\",\r\n mayWeContactYou: \"What number can we reach you on?\",\r\n yesCallMe: \"Yes, call me!\",\r\n isAddedToEnvironment: \"has been added to your environment\",\r\n needAppPermission: \"{name} requires approval from your manager, the request has been forwarded.\",\r\n searchAvailableApps: \"Search in available apps\",\r\n found: \"found\",\r\n youGot: \"You got\",\r\n localApps: \"local apps\",\r\n smartTilesMessage: \"smart tiles and app store\r\n {({ onItemsRendered, ref }) => (\r\n \r\n {Item}\r\n \r\n )}\r\n \r\n );\r\n}\r\n","import styled, { css } from 'styled-components'\r\nimport CircleIcon from '../../../styled/CircleIcon';\r\nimport * as Variables from '../../../../ThemeVariables';\r\n\r\nexport const Wrapper = styled.div`\r\n\tsvg { \r\n\t\tfont-size: 20px;\r\n\t\tcolor: grey;\r\n\t\tposition: absolute;\r\n\t\tbottom: 6px;\r\n\t\tright: 0;\r\n\t\tz-index: 1000;\r\n\t}\r\n\r\n\tsvg path { \r\n\t stroke: white;\r\n\t stroke-width: 30px;\r\n\t}\r\n`;\r\n\r\n\r\nexport const Avatar = styled(CircleIcon) `\r\n\r\n\theight: ${props => props.large ? \"100px\" : \"\"};\r\n\twidth: ${props => props.large ? \"100px\" : \"\"};\r\n\t${props => props.gridArea ? 'grid-area:' + props.gridArea : ''};\r\n\ttransform: rotate(0);\r\n\ttransition: box-shadow .5s, transform .5s;\r\n\t&:hover {\r\n\t\t${props => props.large ? 'transform: rotate(-5deg)' : 'transform: rotate(-5deg);box-shadow: 0 0 5px black;'};\r\n\t}\r\n\timg {\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t}\r\n\r\n\t${props => props.parent === 'header-col-right' && css`\r\n\t\tdisplay: block;\r\n\t\t@media ( min-width: ${Variables.md}) {\r\n\t\t\tdisplay: block;\r\n\t\t}\r\n\r\n\t`}\r\n\r\n\r\n\r\n`;\r\n","import React from 'react';\r\nimport * as Styled from './styled';\r\nimport PropTypes from 'prop-types';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\n\r\nconst Avatar = props => (\r\n \r\n \r\n 
\r\n \r\n \r\n)\r\n\r\nAvatar.propTypes = {\r\n onClick: PropTypes.func,\r\n large: PropTypes.bool,\r\n gridArea: PropTypes.string,\r\n source: PropTypes.string.isRequired\r\n}\r\n\r\nexport default Avatar;","import styled, { css } from 'styled-components'\r\nimport * as Variables from '../../../../ThemeVariables';\r\nimport { NavLink } from 'react-router-dom';\r\nexport const MenuButtonList = styled.ul`\r\n\tlist-style: none;\r\n\r\n\t${props => props.parent === 'slideout' && css`\r\n\t\tgrid-template-columns: 1fr;\r\n \tgrid-gap: 20px;\r\n \tdisplay: grid;\r\n \tmargin-bottom: 10px;\r\n\r\n \t@media ( min-width: ${Variables.md}) {\r\n \t\tdisplay: none;\r\n \t}\r\n \tli {\r\n \t\theight: auto !important;\r\n \t\tbackground: #e9ebee;\r\n\r\n \t\t&.darkmode {\r\n \t\t\tbackground: #33475d;\r\n \t\t}\r\n\r\n \t}\r\n \ta {\r\n \t\tfont-weight: 100 !important;\r\n \t\tpadding: 0 !important;\r\n \t\ttext-transform: initial !important;\r\n \t\t&:before {\r\n \t\t\tdisplay: none;\r\n \t\t}\r\n\r\n \t\tspan {\r\n \t\t\tsvg {\r\n \t\t\t\tdisplay: none !important;\r\n \t\t\t}\r\n \t\t}\r\n \t}\r\n\t`}\r\n\r\n\t${props => props.parent === 'header-col-left' && css`\r\n\t\tdisplay: none;\r\n\t\theight: 100%;\r\n\t\tgrid-area: menuList;\r\n\t\ttext-align: left;\r\n\r\n\t\t/*@media ( min-width: ${Variables.xs}) {*/\r\n\t\t@media(min-width: ${Variables.md}) {\r\n\t\t\tdisplay: block;\r\n\t\t}\r\n\r\n\t\tsvg {\r\n\t\t\tmargin-right: 8px;\r\n\t\t\tdisplay: inline !important;\r\n\t\t}\r\n\r\n\t\ta {\r\n\t\t\tspan {\r\n\t\t\t\tspan {\r\n\t\t\t\t\tdisplay: none;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@media ( max-width: ${Variables.lgMin} ) {\r\n\t\t\tfont-size: 22px;\r\n\t\t}\r\n\r\n\t\t@media ( min-width: ${Variables.lgMin} ) {\r\n\t\t\ta {\r\n\t\t\t\tspan {\r\n\t\t\t\t\tspan {\r\n\t\t\t\t\t\tdisplay: inline;\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`}\r\n`;\r\n\r\nexport const NavLinkInner = styled.div`\r\n transform: skew(25deg, 0deg);\r\n` ;\r\n\r\nexport const SkewedNavLink = styled(NavLink)`\r\n\ttransform: skew(-25deg, 0deg);\r\n\t&.active, &:hover {\r\n\t\t&:before {\r\n\t\t\theight: 100%;\r\n\t\t}\r\n\t}\r\n\r\n\t&:before {\r\n\t\tdisplay: block;\r\n\t\tbackground: #e9ebee;\r\n\t}\r\n\r\n\t&:before {\r\n\t\tcontent: '';\r\n\t width: 100%;\r\n\t height: 0%;\r\n\t position: absolute;\r\n\t left: 0;\r\n\t top: 0;\r\n\t transition: height .5s;\r\n\t}\r\n\t&.darkmode {\r\n\t\t&:before {\r\n\t\t\tbackground: #0d131b;\r\n\t\t}\r\n\t}\r\n\r\n\r\n padding: 0px 20px;\r\n\r\n`;\r\n\r\n\r\nexport const MenuButtonListItem = styled.li`\r\n\ttop: -10px;\r\n height: calc(100% + 20px);\r\n\r\n\t&.greyout {\r\n\t\topacity: .3;\r\n\t}\r\n\r\n\r\n\tdisplay: inline-block;\r\n\r\n\r\n\ta {\r\n\t\ttext-decoration: none;\r\n\r\n\t\ttext-transform: uppercase;\r\n\t\tfont-weight: 750;\r\n\t\tfont-size: 13px;\r\n\t}\r\n\r\n\t${props => props.parent === 'header-col-left' && css`\r\n\t\ta {\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100%;\r\n\t\t\tcolor: black;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t\ttransition\r\n\t\t}\r\n\r\n\t\t&.darkmode {\r\n\t\t\ta {\r\n\t\t\t\tcolor: white;\r\n\t\t\t}\r\n\t\t}\r\n\t`}\r\n\r\n\t${props => props.parent === 'slideout' && css`\r\n\r\n\t\tcolor: #636a73;\r\n\t\tbox-shadow: 0px 0px 5px 4px rgba(0,0,0,0.03);\r\n\t\tborder-radius: 8px;\r\n\t\tfont-size: 22px;\r\n\t\tgrid-template-columns: 40px 1fr;\r\n\t\tpadding: 15px;\r\n\t\t@media ( min-width: ${Variables.xs}) {\r\n\t\t\tfont-size: 30px;\r\n\t\t\tgrid-template-columns: 75px 1fr;\r\n\t\t\tpadding: 20px;\r\n\t\t}\r\n\r\n\t\twidth: 100%;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\ttext-align: left;\r\n\t\tdisplay: grid;\r\n\r\n\r\n\t\ta {\r\n\t\t\tfont-size: 20px;\r\n\t\t\tcolor: #636a73;\r\n\t\t}\r\n\r\n\t\t&.darkmode {\r\n\t\t\tbackground: #1B2B3C;\r\n\t\t\tcolor: white;\r\n\r\n\t\t\ta {\r\n\t\t\t\tcolor: white;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t`}\r\n`;\r\n","import React, { Component } from 'react';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faStar, faQuestion, faBrush, faStore } from '@fortawesome/free-solid-svg-icons';\r\nimport { connect } from 'react-redux';\r\nimport { bindActionCreators } from 'redux';\r\nimport * as Styled from './styled';\r\nimport actions from '../../../../redux/slideOut/actions';\r\nimport { withTranslate } from 'react-redux-multilingual'\r\n\r\nclass MenuButtonList extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n checkedWidgets: false,\r\n go: false\r\n };\r\n }\r\n\r\n componentDidUpdate() {\r\n if (!this.state.checkedWidgets && this.props.widgets.widgets?.left?.length>0) {\r\n this._checkGOSource();\r\n }\r\n }\r\n\r\n _checkGOSource = () => { \r\n let widgets = this.findAll(this.props.widgets.widgets, \"go\");\r\n this.setState({ checkedWidgets: true, go: (widgets?.length>0) });\r\n }\r\n\r\n findAll = (obj, searchKey, results = []) => {\r\n const r = results;\r\n if (obj == null) return;\r\n Object.keys(obj).forEach(key => {\r\n const value = obj[key];\r\n if (value === searchKey && typeof value !== 'object') {\r\n r.push(obj);\r\n } else if (typeof value === 'object') {\r\n this.findAll(value, searchKey, r);\r\n }\r\n });\r\n return r;\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n \r\n \r\n {\r\n if (this.props.parent == \"slideout\") this.props.actions.setActiveSlideOut(false);\r\n }}>\r\n \r\n \r\n \r\n\r\n {window.tenantConfig.hulpDeactivated !== \"true\" &&\r\n \r\n \r\n {\r\n if (this.props.parent == \"slideout\") this.props.actions.setActiveSlideOut(false);\r\n }}>\r\n \r\n \r\n \r\n }\r\n\r\n {((this.props.widgets.hasGOWidget && window?.userSettings?.rights?.selfserviceIntranet) || window?.userSettings?.rights?.selfserviceBeheer) &&\r\n \r\n \r\n \r\n {\r\n if (this.props.parent == \"slideout\") this.props.actions.setActiveSlideOut(false);\r\n }}>\r\n \r\n \r\n \r\n \r\n }\r\n {window.tenantConfig.version == 'development' &&\r\n \r\n \r\n \r\n {\r\n if (this.props.parent == \"slideout\") this.props.actions.setActiveSlideOut(false);\r\n }}>\r\n \r\n \r\n \r\n \r\n }\r\n \r\n\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n return {\r\n activeSlideOut: state.SlideOut.activeSlideOut,\r\n user: state.User,\r\n darkmode: state.Layout.darkmode,\r\n widgets: state.Widgets\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = dispatch => ({ actions: bindActionCreators(actions, dispatch) });\r\n\r\nexport default withTranslate(connect(mapStateToProps, mapDispatchToProps)(MenuButtonList));","import { all, put, fork, takeEvery, select } from 'redux-saga/effects';\r\nimport actions from './actions';\r\nimport localforage from 'localforage';\r\nimport { getGraphClient, getSharepointClient, getBlogItems } from '../selectors'\r\n\r\nexport function* getBlogs() {\r\n yield takeEvery(actions.GET_BLOGS, function* (action) {\r\n try {\r\n const Client = yield select(getSharepointClient);\r\n //const GoClient = yield state.Client.GoClient;\r\n const GraphClient = yield select(getGraphClient);\r\n const blogItems = yield select(getBlogItems);\r\n if (!Client) return;\r\n\r\n let newsResponse = yield Client.api((action.payload.includes('?') ? action.payload.split('?')[0] : action.payload) + '/?$select=Author/Title,Author/Id,BlogAutheurId,BannerImageUrl,Title,Description,Created,FileRef,FileLeafRef,EncodedAbsUrl,LinkFilename&$expand=Author&$orderby=Created desc');\r\n\r\n //fallback when no BlogAutheurId field is present in SharePoint\r\n if (newsResponse == null || !newsResponse || !newsResponse.value) {\r\n newsResponse = yield Client.api((action.payload.includes('?') ? action.payload.split('?')[0] : action.payload) + '/?$select=Author/Title,Author/Id,BannerImageUrl,Title,Description,Created,FileRef,FileLeafRef,EncodedAbsUrl,LinkFilename&$expand=Author&$orderby=Created desc');\r\n }\r\n\r\n if (newsResponse == null || !newsResponse || !newsResponse.value) return;\r\n if (newsResponse.value.length === 0) return;\r\n\r\n let data = newsResponse.value;\r\n let blogs = data.slice(0, 12).map(function (n) {\r\n return { Id: n[\"odata.id\"] };\r\n });\r\n let tasks = [];\r\n data = data.slice(0, 12);\r\n for (let i = 0; i <= data.length; i++) {\r\n if (data[i]) {\r\n const d = data[i];\r\n\r\n const sharepointUserId = (d['BlogAutheurId'] ? d['BlogAutheurId'] : d.Author['Id']);\r\n const sharepointSite = action.payload.includes('_api') ? action.payload.split('_api')[0] : action.payload;\r\n const sharepointUser = yield Client.api(sharepointSite + '/_api/web/getuserbyid(' + sharepointUserId + ')');\r\n\r\n const avatar = yield GraphClient.api('/users/' + sharepointUser['UserPrincipalName'] + '/photo/$value', 'arrayBuffer');\r\n\r\n let image = false;\r\n\r\n if (avatar) {\r\n image = 'data:image/png;base64, ' + new Buffer(avatar, 'binary').toString('base64');\r\n }\r\n\r\n blogs[i] = {\r\n id: d[\"odata.id\"],\r\n title: d.Title,\r\n description: d.Description,\r\n picture: image,\r\n date: d.Created,\r\n url: d.EncodedAbsUrl,\r\n author: sharepointUser['Title']\r\n //blob: blob\r\n };\r\n\r\n }\r\n }\r\n\r\n\r\n if (tasks.length) {\r\n yield Promise.all(tasks);\r\n }\r\n\r\n if (blogs.length && ((blogItems.length === 0) || (blogItems && blogItems[0].Id !== blogs[0].id))) {\r\n\r\n let old = blogItems.filter(n => !blogs.find(nn => nn.id == n.id));\r\n if (old != null && old.length > 0) {\r\n //yield newsItems.forEach(n => {\r\n for (let n of old) {\r\n yield localforage.removeItem(n.id.toString());\r\n }\r\n }\r\n\r\n for (let n of blogs) {\r\n if (n.blob == null) continue;\r\n yield localforage.setItem(n.id.toString(), n.blob);\r\n delete n.image;\r\n delete n.blob;\r\n }\r\n\r\n yield put({\r\n type: actions.SET_BLOGS,\r\n payload: blogs\r\n });\r\n }\r\n } catch (error) { /*console.log(error);*/ }\r\n });\r\n}\r\n\r\n\r\nexport default function* rootSaga() {\r\n yield all([\r\n fork(getBlogs),\r\n ]);\r\n}\r\n","import { all, put, fork, takeEvery, select } from 'redux-saga/effects';\r\nimport actions from './actions';\r\nimport localforage from 'localforage';\r\nimport messageActions from '../../message/actions';\r\nimport store from \"../../store\";\r\nimport { dataURItoBlob, fileToBase64, blobToBase64 } from '../../../helpers/functions';\r\nimport { getGOClient, getGraphClient, getCommonBlogItems, getTenantBlogItems } from '../../selectors'\r\n\r\nexport function* getTenantBlogs() {\r\n yield takeEvery(actions.GET_TENANT_BLOGS, function* (action) {\r\n\r\n const blogItems = yield select(getTenantBlogItems);\r\n const Client = yield select(getGOClient);\r\n const GraphClient = yield select(getGraphClient);\r\n\r\n if (!Client || !GraphClient) return;\r\n const blogs = yield Client.api(\"/common/blog/tenant\");\r\n\r\n if (blogs == null || !blogs) return;\r\n\r\n let tasks = blogs.map(async (n, i) => {\r\n if (n.authorId !== null && n.authorId !== '00000000-0000-0000-0000-000000000000') {\r\n const avatar = await GraphClient.api(`/users/${n.authorId}/photo/$value`, 'arrayBuffer');\r\n if (avatar == null) return;\r\n\r\n let image = 'data:image/png;base64, ' + new Buffer(avatar, 'binary').toString('base64');\r\n let blob = dataURItoBlob(image);\r\n let objectUrl = URL.createObjectURL(blob);\r\n\r\n n.image = objectUrl;\r\n n.blob = blob;\r\n }\r\n });\r\n\r\n if (tasks.length) {\r\n yield Promise.all(tasks);\r\n }\r\n\r\n if (blogs.length == 0 || (blogs.length && ((blogItems.length === 0) || (blogItems && blogItems[0].Id !== blogs[0].id)))) {\r\n //localforage.clear(); //clear local storage\r\n\r\n let old = blogItems.filter(n => !blogs.find(nn => nn.id == n.id));\r\n if (old != null && old.length > 0) {\r\n //yield newsItems.forEach(n => {\r\n for (let n of old) {\r\n yield localforage.removeItem(n.id);\r\n }\r\n }\r\n\r\n //if (blogItems) {\r\n // //yield blogItems.forEach(n => {\r\n // for (let n of blogItems) {\r\n // yield localforage.removeItem(n.id);\r\n // }\r\n //}\r\n\r\n //yield blogs.forEach(n => {\r\n for (let n of blogs) {\r\n if (n.blob == null) continue; // do nothing, maybe request failed\r\n yield localforage.setItem(n.id, n.blob);\r\n delete n.image;\r\n delete n.blob;\r\n }\r\n\r\n\r\n yield put({\r\n type: actions.SET_TENANT_BLOGS,\r\n payload: blogs\r\n });\r\n }\r\n });\r\n}\r\n\r\n\r\nexport function* postBlog() {\r\n yield takeEvery(actions.POST_TENANT_BLOG, function* (action) {\r\n\r\n const GoClient = yield select(getGOClient);\r\n\r\n let formFields = {\r\n title: action.payload.title,\r\n link: action.payload.link,\r\n author: action.payload.author,\r\n authorId: action.payload.authorId,\r\n date: new Date(action.payload.date).toISOString(),\r\n content: action.payload.content\r\n }\r\n\r\n let method = 'POST';\r\n if (action.payload.file) {\r\n const base64 = yield fileToBase64(action.payload.file[0]);\r\n\r\n formFields = {\r\n ...formFields,\r\n image: base64\r\n }\r\n }\r\n\r\n if (action.payload.id) {\r\n method = 'PUT';\r\n formFields = {\r\n ...formFields,\r\n id: action.payload.id,\r\n authorName: action.payload.authorName,\r\n authorId: action.payload.authorId\r\n }\r\n\r\n if (!action.payload.file && action.payload.currentImage) {\r\n const base64 = yield blobToBase64(action.payload.currentImage);\r\n\r\n formFields = {\r\n ...formFields,\r\n image: base64\r\n }\r\n }\r\n }\r\n\r\n //const result = yield GoClient.api('/common/blog', {\r\n // method: method,\r\n // body: JSON.stringify(formFields)\r\n //},\r\n // { 'Content-Type': 'application/json' },\r\n // true\r\n //);\r\n\r\n let result = false;\r\n if (method === 'POST') {\r\n result = yield GoClient.post('/common/blog', formFields, true);\r\n } else {\r\n result = yield GoClient.put('/common/blog', formFields, true);\r\n }\r\n\r\n if ( result ) {\r\n if (result.ok) {\r\n yield put({\r\n type: actions.GET_TENANT_BLOGS\r\n })\r\n if (method === 'PUT') {\r\n yield put({\r\n type: messageActions.MESSAGE,\r\n payload: {\r\n message: 'Blog geupdated',\r\n type: 'success'\r\n }\r\n });\r\n } else {\r\n yield put({\r\n type: messageActions.MESSAGE,\r\n payload: {\r\n message: 'Blog toegevoegd',\r\n type: 'success'\r\n }\r\n });\r\n }\r\n store.history.push('/self-service/blog');\r\n } else {\r\n yield put({\r\n type: messageActions.MESSAGE,\r\n payload: {\r\n message: 'Er is iets misgegaan',\r\n type: 'error'\r\n }\r\n });\r\n }\r\n } else {\r\n yield put({\r\n type: messageActions.MESSAGE,\r\n payload: {\r\n message: 'Er is iets misgegaan',\r\n type: 'error'\r\n }\r\n });\r\n }\r\n });\r\n}\r\n\r\n\r\nexport function* deleteBlog() {\r\n yield takeEvery(actions.DELETE_BLOGS_ITEM, function* (action) {\r\n\r\n const GoClient = yield select(getGOClient);\r\n\r\n let formFields = {\r\n id: action.payload,\r\n }\r\n\r\n const result = yield GoClient.delete('/common/blog?id=' + action.payload,action.payload, true);\r\n\r\n if (result.ok) {\r\n yield put({\r\n type: actions.GET_TENANT_BLOGS\r\n })\r\n\r\n yield put({\r\n type: messageActions.MESSAGE,\r\n payload: {\r\n message: 'Blog verwijderd',\r\n type: 'success'\r\n }\r\n });\r\n\r\n store.history.push('/self-service/blog');\r\n\r\n } else {\r\n yield put({\r\n type: messageActions.MESSAGE,\r\n payload: {\r\n message: 'Er is iets misgegaan',\r\n type: 'error'\r\n }\r\n });\r\n }\r\n });\r\n}\r\n\r\n\r\n\r\nexport default function* rootSaga() {\r\n yield all([\r\n fork(getTenantBlogs),\r\n fork(postBlog),\r\n fork(deleteBlog)\r\n ]);\r\n}\r\n","import { all, fork, takeEvery, select, put, call } from 'redux-saga/effects';\r\nimport actions from './actions';\r\nimport slideOutActions from '../../slideOut/actions';\r\nimport localforage from 'localforage';\r\nimport EventObject from './EventObject';\r\nimport { dataURItoBlob, parseSharepointUrl, parsePictureUrl } from '../../../helpers/functions';\r\nimport { getMultiChannelEvent, getSharepointClient, getGOClient, getGraphClient } from '../../selectors';\r\n\r\nexport function* setActiveEvent() {\r\n yield takeEvery(actions.SET_ACTIVE_EVENT, function* (action) {\r\n yield put({\r\n type: slideOutActions.SET_ACTIVE_SLIDEOUT,\r\n payload: 'event'\r\n });\r\n });\r\n}\r\n\r\nexport function* getEvents() {\r\n yield takeEvery(actions.GET_EVENTS, function* (action) {\r\n try {\r\n yield put({\r\n type: actions.EVENTS_REQUEST_COMPLETED,\r\n payload: false\r\n })\r\n let eventResponse;\r\n let currentItems = [];\r\n let events = [];\r\n let tasks = [];\r\n let updatedItems = [];\r\n let containsGo = false;\r\n let data;\r\n let url;\r\n if(typeof currentItems == 'undefined') {\r\n currentItems = [];\r\n }\r\n const title = action.payload.title;\r\n currentItems = yield select(getMultiChannelEvent);\r\n if (action.payload && action.payload.payload) {\r\n for (let source of action.payload.payload) {\r\n if (source.source == \"sharepoint\") {\r\n const Client = yield select(getSharepointClient);\r\n if (!Client) return;\r\n if (source.url.indexOf(\"?\") == -1 && source.parameters != null && source.parameters != '') { //optional configured parameters\r\n url = source.url\r\n source.url += source.parameters;\r\n }\r\n eventResponse = yield Client.api(source.url)\r\n \r\n if (eventResponse == null || !eventResponse || !eventResponse.value) return;\r\n if (eventResponse.value.length === 0) return;\r\n data = eventResponse.value;\r\n let root = \"\";\r\n if(eventResponse['odata.metadata']) {\r\n root = parseSharepointUrl(eventResponse['odata.metadata']);\r\n }\r\n \r\n tasks = data.map(async (d, index) => {\r\n \r\n let parsedDescription;\r\n if(root !== \"\") { \r\n parsedDescription = parseDescription(d.Description, root)\r\n } else {\r\n parsedDescription = d.Description;\r\n }\r\n if (!d.BannerUrl) {\r\n events.push({\r\n id: d.Id,\r\n title: d.Title,\r\n description: parsedDescription,\r\n picture: 'https://placehold.it/500/500',\r\n date: d.Created,\r\n lastUpdated: d.Modified,\r\n allEventData: { Location: d.Location, EventDate: d.EventDate, EndDate: d.EndDate },\r\n externalUrl: d.Workspace,\r\n widget: title\r\n });\r\n }\r\n else {\r\n let url = decodeURIComponent(d.BannerUrl.Url);\r\n \r\n if (url) {\r\n events.push({\r\n id: d.Id,\r\n title: d.Title,\r\n description: parsedDescription,\r\n picture: url,\r\n allEventData: { Location: d.Location, EventDate: d.EventDate, EndDate: d.EndDate },\r\n externalUrl: d.Workspace,\r\n date: d.Created,\r\n lastUpdated: d.Modified,\r\n widget: title\r\n });\r\n return url;\r\n }\r\n }\r\n \r\n });\r\n }\r\n\r\n if (source.source == \"go\" && source.url == true) {\r\n containsGo = true;\r\n }\r\n }\r\n }\r\n \r\n /* const date = new Date();\r\n\r\n for (var i = 0; i < 4; i++) {\r\n events.unshift({\r\n id: Math.random(),\r\n title: \"test evenementen\",\r\n description: \"tijdens deze sessie gaan jullie leren om\",\r\n picture: 'https://placehold.it/500/500',\r\n date: date.setDate(date.getDate() + 1),\r\n allEventData: { Location: \"Rotterdam\", EventDate: date.setDate(date.getDate() + 1), EndDate: date.setDate(date.getDate() + 1) },\r\n externalUrl: \"https://www.google.nl\"\r\n });\r\n }*/\r\n\r\n const sortOnDate = ((a, b) => {\r\n if (a.unix > b.unix) {\r\n return -1;\r\n }\r\n \r\n if (a.unix < b.unix) {\r\n return 1;\r\n }\r\n \r\n return 0;\r\n });\r\n\r\n if (containsGo) {\r\n let commonEvents = yield call(getCommonEvents, title);\r\n if (commonEvents?.length > 0) {\r\n commonEvents = commonEvents.map(i => {\r\n i.widget = title\r\n return i; });\r\n }\r\n commonEvents = [...commonEvents, ...currentItems.filter(i => i.type == \"go\" && i.widget == title)];\r\n if (commonEvents) {\r\n events = [\r\n ...events,\r\n ...commonEvents\r\n ];\r\n }\r\n }\r\n\r\n if (tasks?.length) {\r\n yield Promise.all(tasks);\r\n }\r\n\r\n currentItems = currentItems.filter(i => i.widget == title);\r\n let old = currentItems.filter(n => !events.find(nn => nn.id == n.id));\r\n let newItems = events.filter(n => !currentItems.find(nn => nn.id == n.id));\r\n updatedItems = currentItems.filter(n => !events.find(nn => (nn.id == n.id && nn.lastUpdated == n.lastUpdated) ) );\r\n newItems = newItems.splice(0, 30);\r\n if(url) {\r\n yield put({\r\n type: actions.SET_SOURCE_URL,\r\n payload: url\r\n })\r\n }\r\n if ((old?.length > 0) || updatedItems?.length > 0 || newItems?.length > 0 || (currentItems?.length == 0 && events?.length > 0) || (currentItems?.length !== events?.length && events.length > 0)) {\r\n //postprocessing..\r\n let allItems = yield select(getMultiChannelEvent);\r\n if(typeof allItems == 'undefined') {\r\n allItems = [];\r\n }\r\n updatedItems.forEach(updatedItem => {\r\n let index = allItems.findIndex(allItem => allItem.id == updatedItem.id);\r\n if(index > 0) {\r\n allItems.splice(index, 1)\r\n }\r\n })\r\n allItems = allItems.filter(i => i.widget != title);\r\n allItems = allItems.concat(events); \r\n for(oldItem in old.length) {\r\n let index = allItems.findIndex(allItem => allItem.id == oldItem.id);\r\n if(index > 0) {\r\n allItems = allItems.splice(index, 1)\r\n }\r\n }\r\n yield put({\r\n type: actions.SET_EVENTS,\r\n payload: allItems.reverse()\r\n });\r\n }\r\n yield put({\r\n type: actions.EVENTS_REQUEST_COMPLETED,\r\n payload: true\r\n })\r\n //}\r\n } catch (error) { console.log(error); }\r\n });\r\n}\r\n\r\nexport function* getYearEvents() {\r\n yield takeEvery(actions.GET_YEAR_EVENTS, function* (action) {\r\n try {\r\n const Client = yield select(getSharepointClient);\r\n if (!Client) return;\r\n let eventResponse;\r\n let events = [];\r\n let tasks = [];\r\n let data;\r\n if(action.payload) {\r\n eventResponse = yield Client.api(action.payload.source+\"?$select=id,Title,Description,Created,Workspace,Location,Modified,EventDate,EndDate,fRecurrence,RecurrenceData&$orderBy=EventDate desc&$filter=(EventDate ge datetime'\"+action.payload.year+\"-01-01T00:00:00Z') and (EndDate le datetime'\"+action.payload.year+\"-12-31T23:59:59Z')\")\r\n }\r\n //https://avantage365.sharepoint.com/sites/dev-GOnieuws//_api/Web/Lists(guid'6b58a93a-3f93-4311-bc9f-88cfe1c6688f')/items\r\n \r\n\r\n if (eventResponse == null || !eventResponse || !eventResponse.value) return;\r\n if (eventResponse.value.length === 0) return;\r\n data = eventResponse.value;\r\n let root = \"\";\r\n if(eventResponse['odata.metadata']) {\r\n root = parseSharepointUrl(eventResponse['odata.metadata']);\r\n }\r\n\r\n tasks = data.map(async (d, index) => {\r\n \r\n let parsedDescription;\r\n if(root !== \"\") { \r\n parsedDescription = parseDescription(d.Description, root)\r\n } else {\r\n parsedDescription = d.Description;\r\n }\r\n if (!d.BannerUrl) {\r\n events.push({\r\n id: d.Id,\r\n title: d.Title,\r\n description: parsedDescription,\r\n picture: 'https://placehold.it/500/500',\r\n date: d.Created,\r\n lastUpdated: d.Modified,\r\n allEventData: { Location: d.Location, EventDate: d.EventDate, EndDate: d.EndDate },\r\n externalUrl: d.Workspace,\r\n widget: \"yearOverview\"\r\n });\r\n }\r\n else {\r\n let url = decodeURIComponent(d.BannerUrl.Url);\r\n\r\n if (url) {\r\n events.push({\r\n id: d.Id,\r\n title: d.Title,\r\n description: parsedDescription,\r\n picture: url,\r\n allEventData: { Location: d.Location, EventDate: d.EventDate, EndDate: d.EndDate },\r\n externalUrl: d.Workspace,\r\n date: d.Created,\r\n lastUpdated: d.Modified,\r\n widget: \"yearOverview\"\r\n });\r\n return url;\r\n }\r\n }\r\n\r\n });\r\n\r\n if (tasks?.length) {\r\n yield Promise.all(tasks);\r\n }\r\n\r\n\r\n yield put({\r\n type: actions.SET_YEAR_EVENTS,\r\n payload: events\r\n });\r\n } catch (error) { console.log(error); }\r\n });\r\n}\r\n\r\n\r\n\r\nfunction parseDescription(description, root) {\r\n if (!description) return '';\r\n const anchorContent = /]*?href=\\\"\\/.*\\\".*?>.*?<\\/a>/g;\r\n const urls = /href=\\\"(\\/.*?)\\\"/;\r\n let anchorContentMatch = [];\r\n let urlsMatch = [];\r\n anchorContentMatch = description.match(anchorContent);\r\n if(anchorContentMatch) {\r\n for(let i = 0; i < anchorContentMatch.length; i++) {\r\n urlsMatch = anchorContentMatch[i].match(urls);\r\n if(urlsMatch) {\r\n description = description.replace(urls, function (match, token) {\r\n return 'target=\"_blank\" href=\"' + root + urlsMatch[1] + '\"';\r\n });\r\n }\r\n }\r\n\r\n }\r\n\r\n return description;\r\n}\r\n\r\nfunction* getCommonEvents(title) {\r\n const Client = yield select(getGOClient);\r\n const GraphClient = yield select(getGraphClient);\r\n const eventItems = yield select(getMultiChannelEvent);\r\n if (!Client || !GraphClient) return;\r\n const events = yield Client.api(\"/common/events/list\");\r\n\r\n if (events == null || !events) return;\r\n\r\n let tasks = events.map(async (n, i) => {\r\n\r\n if (n.image == null) return;\r\n n.blob = dataURItoBlob(n.image);\r\n return;\r\n\r\n if (n.authorId !== null && n.authorId !== '00000000-0000-0000-0000-000000000000') {\r\n const avatar = await GraphClient.api(`/users/${n.authorId}/photo/$value`, 'arrayBuffer');\r\n let image = 'data:image/png;base64, ' + new Buffer.from(avatar, 'binary').toString('base64');\r\n let blob = dataURItoBlob(image);\r\n let objectUrl = URL.createObjectURL(blob);\r\n n.authorBlob = blob;\r\n }\r\n });\r\n if (tasks.length) {\r\n yield Promise.all(tasks);\r\n }\r\n\r\n\r\n\r\n if (events.length && ((eventItems.length === 0) || (eventItems && eventItems[0].id !== events[0].id))) {\r\n //localforage.clear(); //clear local storage\r\n\r\n let old = eventItems.filter(n => !events.find(nn => nn.id == n.id));\r\n if (old != null && old.length > 0) {\r\n //yield newsItems.forEach(n => {\r\n for (let n of old) {\r\n yield localforage.removeItem(n.id);\r\n }\r\n }\r\n\r\n //yield blogs.forEach(n => {\r\n for (let n of events) {\r\n if (n.blob == null) continue; // do nothing, maybe request failed\r\n yield localforage.setItem(n.id, n.blob);\r\n delete n.image;\r\n delete n.blob;\r\n }\r\n }\r\n\r\n let parsedEvents = yield parseCommonEvents(events, title);\r\n return parsedEvents;\r\n\r\n}\r\n\r\nasync function parseCommonEvents(events, title) {\r\n let parsedEvents = [];\r\n for (let key in events) {\r\n\r\n if (events[key]) {\r\n const item = events[key];\r\n\r\n let eventObject = new EventObject;\r\n eventObject.setID(item.id);\r\n eventObject.setAuthor(item.authorId);\r\n eventObject.setContent(item.content);\r\n eventObject.setAllEventData({EventDate: item.startDate,EndDate: item.endDate});\r\n eventObject.setTitle(item.title);\r\n eventObject.setType('common');\r\n eventObject.setPicture('parse-from-localForage');\r\n eventObject.setTenantId(item.tenantId);\r\n eventObject.setPicture(item.image);\r\n eventObject.setDate(item.startDate);\r\n eventObject.setExternalUrl(item.link)\r\n eventObject.setWidget(title);\r\n eventObject.setLocation(item.location ? item.location : \"unknown\")\r\n if (eventObject.getEventObject()) {\r\n parsedEvents.push(eventObject.getEventObject());\r\n }\r\n }\r\n }\r\n return parsedEvents;\r\n}\r\n\r\nexport default function* rootSaga() {\r\n yield all([\r\n fork(getEvents),\r\n fork(getYearEvents),\r\n fork(setActiveEvent)\r\n ]);\r\n}\r\n","import moment from 'moment';\r\nclass EventObject {\r\n constructor() {\r\n this._eventItem = {\r\n id : false,\r\n type : false,\r\n author : false,\r\n site: false,\r\n description : false,\r\n title : false,\r\n picture : false,\r\n url : false,\r\n tenantId: false,\r\n externalUrl: false,\r\n \r\n allEventData: false, \r\n widget: false, \r\n unix : false,\r\n moment : false,\r\n location: false,\r\n }\r\n }\r\n setID = (ID) => {\r\n this._eventItem = {\r\n ...this._eventItem,\r\n id : ID\r\n }\r\n }\r\n\r\n setType = (type) => {\r\n this._eventItem = {\r\n ...this._eventItem,\r\n type : type\r\n }\r\n }\r\n\r\n setAuthor = (author) => {\r\n this._eventItem = {\r\n ...this._eventItem,\r\n author : author\r\n }\r\n }\r\n\r\n setSite = (site) => {\r\n this._eventItem = {\r\n ...this._eventItem,\r\n site: site\r\n }\r\n }\r\n\r\n setContent = (description) => {\r\n this._eventItem = {\r\n ...this._eventItem,\r\n description : description\r\n }\r\n }\r\n\r\n setDate = (date, format = false) => {\r\n const parsedDate = moment(date, format);\r\n this._eventItem = {\r\n ...this._eventItem,\r\n unix : parsedDate.unix(),\r\n moment : parsedDate\r\n }\r\n }\r\n\r\n setTitle = (title) => {\r\n this._eventItem = {\r\n ...this._eventItem,\r\n title : title\r\n }\r\n }\r\n\r\n setPicture = (picture) => {\r\n this._eventItem = {\r\n ...this._eventItem,\r\n picture : picture\r\n }\r\n }\r\n\r\n setUrl = (URL) => {\r\n this._eventItem = {\r\n ...this._eventItem,\r\n url : URL\r\n }\r\n }\r\n\r\n setTenantId = (tenantId) => {\r\n this._eventItem = {\r\n ...this._eventItem,\r\n tenantId: tenantId\r\n }\r\n }\r\n\r\n setOpenExternal = (bool) => {\r\n this._eventItem = {\r\n ...this._eventItem,\r\n openExternal : bool\r\n }\r\n }\r\n\r\n setAllEventData = (allEventData) => {\r\n this._eventItem = {\r\n ...this._eventItem,\r\n allEventData: allEventData\r\n }\r\n }\r\n\r\n setWidget = (widget) => {\r\n this._eventItem = {\r\n ...this._eventItem,\r\n widget: widget\r\n }\r\n }\r\n\r\n setLocation = (location) => {\r\n this._eventItem = {\r\n ...this._eventItem,\r\n location: location\r\n }\r\n }\r\n\r\n setExternalUrl = (externalUrl) => {\r\n this._eventItem = {\r\n ...this._eventItem,\r\n externalUrl: externalUrl,\r\n location: location\r\n }\r\n }\r\n\r\n getEventObject = () => {\r\n for ( const property in this._eventItem ) {\r\n if ( this._eventItem.hasOwnProperty(property) ) {\r\n if( property !== 'url' && property !== 'imageUrl' && property !== 'picture'&& property !== 'openExternal' && property !== 'tenantId' && property !== 'site') {\r\n if ( !this._eventItem[property] ) {\r\n console.log(\"Missing eventItem: \" + property);\r\n return false;\r\n }\r\n }\r\n\r\n }\r\n }\r\n return this._eventItem;\r\n }\r\n}\r\n\r\nexport default EventObject;\r\n","import styled from 'styled-components';\r\nimport Box from '../../../styled/Box';\r\nimport * as Variables from '../../../../ThemeVariables';\r\n\r\nexport const BirthdayItem = styled.div`\r\n`;\r\n\r\nexport const Wrapper = styled.div`\r\n\tdisplay: grid;\r\n\talign-items: center;\r\n\tgrid-template-rows: none;\r\n\tgrid-template-columns: 80px 1fr 0px;\r\n\tgrid-gap: 14px;\r\n\tpadding: 10px;\r\n top: 5px;\r\n left: 6px;\r\n right: 18px;\r\n width: 430px;\r\n\r\n &.darkmode {\r\n color: ${Variables.mainTextColor.darkModeSoft};\r\n }\r\n`;\r\n\r\nexport const Icon = styled.img`\r\n\twidth: 65px;\r\n\theight: 65px;\r\n\tborder-radius: 50%;\r\n`;\r\n\r\nexport const Image = styled.div`\r\n\r\n`;\r\n\r\nexport const Name = styled.div`\r\n\tline-height: 24px;\r\n\tfont-size: 16px;\r\n`;\r\n\r\nexport const Date = styled.div`\r\n\tline-height: 24px;\r\n\tfont-size: 12px;\r\n`;\r\n\r\nexport const LetterAvatar = styled.div`\r\n width: 50px;\r\n height: 50px;\r\n line-height: 50px;\r\n text-align: center;\r\n border-radius: 50px;\r\n background: ${Variables.mainColor};\r\n color: white;\r\n font-weight: bold;\r\n`;\r\n\r\nexport const PersonAvatar = styled.div`\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 50px;\r\n display: block;\r\n ${ props => props.img ? `background-image: url(${props.img})` : ''};\r\n background-size: cover;\r\n`;","import React, { useState, useEffect } from 'react';\r\nimport * as Styled from './styled';\r\nimport Observer from '@researchgate/react-intersection-observer';\r\nimport actions from '../../../../redux/birthday/actions';\r\nimport { bindActionCreators } from 'redux';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\nimport { faEnvelope, faCommentAlt } from '@fortawesome/free-regular-svg-icons';\r\nimport moment from 'moment/min/moment-with-locales';\r\n\r\nconst BirthdayItem = (props) => {\r\n const [inView, setInView] = useState(false);\r\n\r\n useEffect(() => {\r\n return () => {\r\n\r\n }\r\n }, [])\r\n\r\n const handleIntersection = (event) => {\r\n if (!inView && event.isIntersecting) {\r\n setInView(event.isIntersecting);\r\n\r\n if (!props.avatar) {\r\n props.actions.findAvatar(props.id);\r\n }\r\n }\r\n }\r\n const options = {\r\n onChange: handleIntersection,\r\n };\r\n\r\n\r\n const _getAvatarLetters = () => {\r\n\r\n\r\n let name = props.name.split(' ');\r\n if (name?.length) {\r\n return name[0].charAt(0) + name[name.length - 1].charAt(0);\r\n }\r\n }\r\n\r\n const _getAvatar = () => {\r\n if (props.avatar) {\r\n if (props.avatar !== 'none') {\r\n return \r\n {_getAvatarLetters()}\r\n \r\n )\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {_getAvatar()}\r\n \r\n \r\n \r\n \r\n );\r\n\r\n}\r\n\r\n//BirthdayItem.propTypes = {\r\n// name: PropTypes.string,\r\n// icon: PropTypes.string,\r\n// none: PropTypes.bool,\r\n// demo: PropTypes.bool\r\n//}\r\n\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n return {\r\n darkmode: state.Layout.darkmode,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = dispatch => ({ actions: bindActionCreators(actions, dispatch) });\r\nexport default connect(mapStateToProps, mapDispatchToProps, false, { pure: false })(BirthdayItem);\r\n","import styled from 'styled-components'\r\nimport { DocumentsList, Section } from '../../../widget/documentsList/styled';\r\nimport { DocumentsListItem } from '../../../widget/documentsList/documentsListItem/styled';\r\nimport { Loader } from '../styled';\r\n\r\nexport const List = styled(DocumentsList)`\r\n\tmargin-bottom: 40px;\r\n`;\r\n\r\nexport const DocumentSection = styled(Section)`\r\n\r\n`;\r\n\r\nexport const Item = styled(DocumentsListItem)`\r\n\t${Loader}\r\n\theight: 20px;\r\n\twidth: 80%;\r\n`;\r\n","import React from 'react';\r\nimport * as Styled from './styled';\r\nimport HeaderLoader from '../header';\r\n\r\n\r\nconst DocumentsLoader = props => (\r\n\t \r\n {/* \r\n)\r\n\r\n\r\n\r\nexport default DocumentsLoader; ","import React, { Component } from 'react';\r\nimport * as Styled from './styled';\r\nimport BirthdayItem from './birthdayItem';\r\nimport BirthdaySlideoutItem from './birthdaySlideoutItem';\r\nimport { connect } from 'react-redux';\r\nimport { bindActionCreators } from 'redux';\r\nimport birthdayActions from '../../../redux/birthday/actions';\r\nimport { getMS } from '../../../helpers/functions';\r\nimport * as Layout from '../../layout/widget/styled';\r\nimport slideoutActions from '../../../redux/slideOut/actions';\r\nimport userActions from '../../../redux/user/actions';\r\nimport Heading from '../../layout/headingSlideout';\r\nimport { getUserApplicationSettings, openPopup } from '../../../helpers/launchApp';\r\nimport { withTranslate } from 'react-redux-multilingual';\r\nimport Search from '../../layout/search/slideOut';\r\nimport InfiniteScroll from 'react-infinite-scroller';\r\nimport InfiniteScrollWrapper from '../../layout/infiniteScrollWrapper';\r\n\r\nclass Birthdays extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n birthdays: [],\r\n clients: false,\r\n searchTerm: '',\r\n listHeight: false\r\n };\r\n this.perPage = 10;\r\n this.page = 0;\r\n\r\n }\r\n\r\n componentDidMount() {\r\n this._getBirthdays();\r\n if (this._getListHeight()) {\r\n this.setState({\r\n ...this.state,\r\n listHeight: this._getListHeight()\r\n })\r\n }\r\n\r\n if (this.timer) clearInterval(this.timer);\r\n this.timer = setInterval(this._getBirthdays.bind(this), getMS(15));\r\n\r\n window.addEventListener('resize', this._handleResize)\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n const height = this._getListHeight();\r\n if (height && height != this.state.listHeight) {\r\n this.setState({\r\n ...this.state,\r\n listHeight: this._getListHeight()\r\n })\r\n }\r\n\r\n window.addEventListener('resize', this._handleResize)\r\n }\r\n\r\n _handleResize = () => {\r\n if (this._getListHeight()) {\r\n this.setState({\r\n ...this.state,\r\n listHeight: this._getListHeight()\r\n })\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n if (this.timer) clearInterval(this.timer);\r\n }\r\n\r\n _fetchUserPhoto = async () => {\r\n const userPhoto = await Client.api('/users/' + id + '/photo/$value', 'arrayBuffer');\r\n let parsedUserPhoto = null;\r\n if (userPhoto !== null) parsedUserPhoto = 'data:image/png;base64, ' + new Buffer(userPhoto, 'binary').toString('base64');\r\n return parsedUserPhoto;\r\n }\r\n\r\n _fetchMoreData = () => {\r\n //this.props.actions.fetchNextPage({skip:(this.page * this.perPage),take: this.perPage});\r\n }\r\n\r\n parseItems(items) {\r\n this.setState({\r\n items: items,\r\n scrollItems: [...items].slice(0, this.perPage),\r\n });\r\n }\r\n\r\n _setSearchTerm = (e) => {\r\n this.setState({\r\n ...this.state,\r\n searchTerm: e.target.value\r\n })\r\n }\r\n\r\n _filterSlideItems = (items) => {\r\n let filteredItems = [];\r\n let searchTerm = this.state.searchTerm;\r\n let lowercased = false\r\n if (searchTerm) {\r\n lowercased = searchTerm.toLowerCase();\r\n let returnItems = [];\r\n items.forEach((item, i) => {\r\n const flattened = JSON.stringify(item).toLowerCase();\r\n\r\n if (flattened.includes(lowercased)) {\r\n returnItems.push(item);\r\n }\r\n });\r\n return returnItems;\r\n }\r\n return items;\r\n }\r\n\r\n _getBirthdays() {\r\n this.props.actions.getBirthDays('/dashboard/birthdays');\r\n //if (this.timer) clearInterval(this.timer);\r\n //this.timer = setInterval(this._getBirthdays.bind(this), getMS(360));\r\n }\r\n\r\n _mapBirthdays = (birthday, key, length) => {\r\n return 1)} when={birthday.when} icon={birthday.avatar} name={birthday.name} key={key} />;\r\n }\r\n\r\n _mapBirthdaysSlide = (birthday, key) => {\r\n return 1)} when={birthday.when} icon={birthday.avatar} name={birthday.name} id={birthday.id} key={key} day={birthday.date} avatar={ birthday.avatar} />;\r\n }\r\n\r\n _prepareDemo = (small = true) => {\r\n return (\r\n \r\n \r\n );\r\n }\r\n\r\n _openBirthdayUrl = () => {\r\n const { openAppInTarget, windowProperties } = getUserApplicationSettings();\r\n openPopup(`https://delve.office.com/?u=${this.props.userProfile.id}&v=editprofile`, openAppInTarget, windowProperties)\r\n }\r\n\r\n _getListHeight = () => {\r\n if (document.getElementById('popupWrapper') && document.getElementById('headerWrapper')) {\r\n const parentHeight = document.getElementById('popupWrapper').clientHeight;\r\n const headerHeight = document.getElementById('headerWrapper').clientHeight;\r\n const windowWidth = window.innerWidth;\r\n if (windowWidth <= 1024) {\r\n return parseInt(parentHeight) - (parseInt(headerHeight) + 25 + 66 + 52);\r\n }\r\n\r\n return parseInt(parentHeight) - (parseInt(headerHeight) + 25);\r\n }\r\n return false;\r\n }\r\n\r\n render() {\r\n \r\n\r\n if (this.props.popup) {\r\n\r\n if (window.tenantConfig.demo && window.tenantConfig.demo === \"true\") {\r\n return this._prepareDemo(false);\r\n }\r\n\r\n return (\r\n \r\n \r\n {/*this.props.upcomingBirthdays.length > 0 && this.props.upcomingBirthdays.map(this._mapBirthdaysSlide)*/}\r\n {this.props.birthdays?.length == 0 ? \r\n 0 && (this.props.birthdays.length / this.perPage) >= this.page)}\r\n isNextPageLoading={this.props.fetching}\r\n items={this._filterSlideItems(this.props.birthdays)}\r\n loadNextPage={this._fetchMoreData}\r\n renderItem={this._mapBirthdaysSlide}\r\n itemHeight={80}\r\n listHeight={this.state.listHeight}\r\n />\r\n \r\n : null}\r\n \r\n \r\n );\r\n }\r\n\r\n if (window.tenantConfig.demo && window.tenantConfig.demo === \"true\") {\r\n return this._prepareDemo();\r\n }\r\n\r\n if ((this.props.userProfile.birthday && this.props.userProfile.birthday != '0001-01-01T00:00:00Z') && this.props.upcomingBirthdays.filter(b => b.when == 'Morgen' || b.when == 'Vandaag').length == 0) {\r\n return ;\r\n }\r\n\r\n return (\r\n \r\n {\r\n {this.props.title} \r\n \r\n {\r\n this.props.actions.setActiveSlideOut((this.props.activeSlideOut === 'Birthdays' ? false : 'Birthdays'));\r\n }} href={null}>{this.props.translate(\"more\")} \r\n \r\n \r\n }\r\n\r\n {((this.props.userProfile?.birthday == '0001-01-01T00:00:00Z') && !this.props.settings.setBirthdayDismissed) ? Voeg je verjaardag toe this.props.actions.setSettingValue(true, 'setBirthdayDismissed')}>x 1)}>\r\n {this.props.upcomingBirthdays?.length > 0 ? this.props.upcomingBirthdays.map(this._mapBirthdays, this.props.upcomingBirthdays.length) : \r\n \r\n ); \r\n }\r\n}\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n return {\r\n userProfile : state.User.profile,\r\n settings : state.User.profile.data?.settings,\r\n birthdays: state.Birthday.birthdays,\r\n upcomingBirthdays: state.Birthday.upcoming,\r\n fetching: state.Birthday.fetching,\r\n nextPageAvailable: state.Birthday.nextPageAvailable,\r\n goClient: state.Client.GoClient,\r\n graphClient: state.Client.GraphClient,\r\n locale: state.Intl.locale,\r\n darkmode: state.Layout.darkmode\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = dispatch => ({ actions: bindActionCreators({ ...userActions, ...birthdayActions, ...slideoutActions }, dispatch) });\r\nexport default withTranslate(connect(mapStateToProps, mapDispatchToProps)(Birthdays));\r\n","import styled from 'styled-components';\r\nimport * as Variables from '../../../ThemeVariables';\r\n\r\nexport const TeamsList = styled.ul`\r\n list-style: none;\r\n margin-left: 30px;\r\n .save-button {\r\n padding: 2px 5px;\r\n background: #f10000;\r\n color: white;\r\n font-size: 12px;\r\n font-weight: bold;\r\n border: none;\r\n\r\n\r\n cursor: pointer;\r\n display: inline-block;\r\n }\r\n\r\n .folder-active {\r\n font-weight: bold;\r\n }\r\n`;\r\n\r\n\r\nexport const TeamsChannelList = styled.ul`\r\n list-style: none;\r\n margin-left: 65px;\r\n display: none;\r\n\r\n &.active {\r\n display: block;\r\n }\r\n\r\n &.small {\r\n margin-left: 35px;\r\n li {\r\n span {\r\n margin-bottom: 10px;\r\n display: block;\r\n margin-top: 10px;\r\n cursor: pointer;\r\n }\r\n }\r\n ul {\r\n padding-left: 25px;\r\n\r\n li {\r\n cursor: pointer;\r\n margin-bottom: 10px;\r\n\r\n div {\r\n margin-bottom: 10px;\r\n }\r\n }\r\n }\r\n }\r\n\r\n`;\r\n\r\nexport const TeamsChannelListItem = styled.li`\r\n margin-bottom: 15px;\r\n\r\n &.explorermode {\r\n &:before {\r\n content: '';\r\n position: absolute;\r\n font-family: 'Font Awesome 5 Free';\r\n content: '\\f07b';\r\n left: 0;\r\n font-weight: 900;\r\n }\r\n &.document {\r\n &:before {\r\n content: '\\f15b';\r\n }\r\n }\r\n\r\n ul {\r\n list-style: none;\r\n li {\r\n &:before {\r\n content: '';\r\n position: absolute;\r\n font-family: 'Font Awesome 5 Free';\r\n content: '\\f07b';\r\n left: -25px;\r\n font-weight: 900;\r\n }\r\n div {\r\n\r\n }\r\n }\r\n &.document {\r\n &:before {\r\n content: '\\f15b';\r\n }\r\n }\r\n }\r\n padding-left: 25px;\r\n\r\n &.darkmode {\r\n &:before {\r\n color: white;\r\n\r\n }\r\n\r\n span {\r\n color: white;\r\n }\r\n\r\n ul {\r\n li {\r\n &:before {\r\n color: white;\r\n\r\n }\r\n div {\r\n color: white;\r\n }\r\n }\r\n }\r\n\r\n }\r\n }\r\n\r\n a {\r\n text-decoration: none;\r\n color: black;\r\n\r\n &:hover {\r\n text-decoration: underline;\r\n }\r\n\r\n &.darkmode {\r\n color: white;\r\n }\r\n }\r\n`;\r\n\r\nexport const TeamsListItem = styled.li`\r\n display: grid;\r\n margin-bottom: 25px;\r\n grid-template-columns: 50px 1fr 25px;\r\n grid-column-gap: 15px;\r\n margin-bottom: 30px;\r\n & > img {\r\n max-width: 35px;\r\n grid-area: image;\r\n border-radius: 8px;\r\n }\r\n &.small {\r\n grid-template-columns: 25px 1fr 25px;\r\n grid-column-gap: 10px;\r\n margin-bottom: 15px;\r\n & > img {\r\n max-width: 25px;\r\n grid-area: image;\r\n border-radius: 8px;\r\n }\r\n }\r\n\r\n\r\n grid-template-areas: \"image name arrow\"\r\n \"channels channels channels\";\r\n\r\n & > a, & > div, & > span {\r\n &.darkmode {\r\n color: white;\r\n }\r\n }\r\n\r\n\r\n\r\n\r\n & > a, & > div {\r\n grid-area: name;\r\n display: flex;\r\n align-items: center;\r\n text-decoration: none;\r\n color: black;\r\n cursor: pointer;\r\n }\r\n\r\n & > span {\r\n grid-area: arrow;\r\n display: flex;\r\n align-items: center;\r\n text-decoration: none;\r\n cursor: pointer;\r\n }\r\n\r\n & > ul {\r\n grid-area: channels;\r\n }\r\n &.darkmode {\r\n &:before {\r\n color: white;\r\n\r\n }\r\n }\r\n`;\r\n\r\nexport const BreadCrumbs = styled.ul`\r\n list-style: none;\r\n margin:5px 15px 5px 15px;\r\n`;\r\n\r\nexport const BreadCrumbsList = styled.li`\r\n display:inline-block;\r\n text-decoration: none;\r\n :hover {\r\n text-decoration: underline;\r\n }\r\n b {\r\n\r\n }\r\n`;\r\n\r\nexport const Sharepoint = styled.div`\r\n height: calc(100% - 10px);\r\n`;\r\n\r\nexport const TopInfo = styled.div`\r\n border-radius: 6px;\r\n padding:5px 15px 5px 0px;\r\n`;\r\n\r\nexport const Search = styled.div`\r\n display: flex;\r\n justify-content: space-between;\r\n`;\r\n\r\n// export const SearchInput = styled.input`\r\n// //padding: 5px 15px; \r\n// width: 60%;\r\n// background: white;\r\n// display: inline-block;\r\n// border-radius: 6px;\r\n// color: #000000;\r\n// border: 2px solid #E4E4E4;\r\n// `;\r\n\r\nexport const SearchButton = styled.button`\r\n padding: 5px 15px;\r\n color: #1b1b1b;\r\n font-weight: bold;\r\n width: 30%;\r\n border: none;\r\n border-radius: 5px;\r\n cursor: pointer;\r\n display: inline-block;\r\n -webkit-text-decoration: none;\r\n -webkit-text-decoration: none;\r\n text-decoration: none;\r\n`;\r\n\r\nexport const ListTeam = styled.div`\r\n /* display: flex;\r\n flex-direction:column;\r\n gap:25px;\r\n width:100%;\r\n height:200px;\r\n flex-wrap:wrap;\r\n gap:10px 50px;\r\n overflow:auto;\r\n margin-top:10px; */\r\n\r\n display: grid;\r\n grid-auto-flow:column;\r\n grid-auto-columns: minmax(200px, 1fr);\r\n gap:25px;\r\n //width:500px;\r\n height:calc(100% - 100px);\r\n flex-wrap:wrap;\r\n gap:10px 20px;\r\n overflow-x:auto;\r\n grid-template-columns: fit-content(200px);\r\n grid-template-rows: repeat(auto-fill, 30px);\r\n\r\n &.darkmode {\r\n b{\r\n color:rgb(191, 188, 188);\r\n }\r\n }\r\n\r\n @media(max-width: ${Variables.md}) {\r\n grid-auto-flow:row;\r\n }\r\n`\r\n\r\nexport const Team = styled.div`\r\n /* overflow-wrap: break-word;\r\n box-shadow: 0px 0px 5px 4px rgba(0,0,0,0.09);\r\n padding:10px; */\r\n cursor: pointer;\r\n max-height:100px;\r\n display:flex;\r\n gap:10px;\r\n align-items:center;\r\n img {\r\n height:20px;\r\n }\r\n svg {\r\n height:20px;\r\n }\r\n\r\n div {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n width:100%;\r\n p{\r\n font-size: 10pt;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n }\r\n }\r\n`\r\n\r\n\r\n//SEARCH\r\nexport const SearchInput = styled.input`\r\n\twidth: calc(100% - 50px);\r\n\tline-height: ${Variables.headerHeight};\r\n\tfont-size: 16px;\r\n\tbackground: transparent;\r\n\tfloat: left;\r\n\r\n\t&:focus {\r\n\t\toutline : none;\r\n\t}\r\n`;\r\n\r\nexport const SearchWrapper = styled.div`\r\n\t/*width: calc(100% - 50px);*/\r\n\twidth: 100%;\r\n\r\n\tbackground: #ebedf0;\r\n\tborder-radius: 25px;\r\n\toverflow: hidden;\r\n margin:10px 0;\r\n\t&.greyout {\r\n\t\topacity: .3;\r\n\t}\r\n\r\n\r\n\theight: ${Variables.headerHeight};\r\n\r\n\t@media ( max-width: ${Variables.mxs}) {\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n\r\n\r\n\t@media ( min-width: ${Variables.md} ) {\r\n\t\t${props => props.gridArea ? 'grid-area:' + props.gridArea : ''};\r\n\t\twidth: 25vw;\r\n\r\n\t\t//margin-left: 25px;\r\n\t}\r\n\r\n\t@media ( min-width: ${Variables.lgMin} ) {\r\n\t\twidth: 25vw;\r\n\t}\r\n\r\n\t${props => props.wrapped ? 'display: block !important;' : ''};\r\n\r\n\t@media ( min-width: ${Variables.xlg} ) {\r\n\t\tdisplay: block;\r\n\t\twidth: 25vw;\r\n\t\tgrid-area: search;\r\n\t}\r\n`;\r\n\r\nexport const Magnifier = styled.div`\r\n\twidth: 50px;\r\n\tfloat: left;\r\n\tline-height: ${Variables.headerHeight};\r\n\ttext-align: center;\r\n\r\n`;\r\n","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { bindActionCreators } from 'redux';\r\nimport actions from '../../../redux/widgets/sharepoint/actions';\r\nimport { NavLink } from 'react-router-dom';\r\nimport Heading from '../../layout/heading';\r\nimport FeedsLoader from '../../layout/loader/documents';\r\nimport TeamLoader from '../../layout/loader/team';\r\nimport { getMS } from '../../../helpers/functions';\r\nimport * as Styled from './styled';\r\nimport ReactTooltip from 'react-tooltip';\r\nimport { faEllipsisH, faSave, faFolder, faFolderMinus, faSearch } from '@fortawesome/free-solid-svg-icons';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { withTranslate } from 'react-redux-multilingual'\r\n\r\nclass Sharepoint extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n activeSharepointSite: false,\r\n\r\n breadCrumbs:[],\r\n search: '',\r\n height: 0,\r\n }\r\n }\r\n componentDidMount() {\r\n // if (this.props.teams == null) this._getTeams();\r\n if (this.timer) clearInterval(this.timer);\r\n this.timer = setInterval(this._getSharepointSites.bind(this), getMS(5));\r\n this.props.actions.fetchSharepointSites(this.state.search); \r\n }\r\n\r\n _setItemActive = (key) => {\r\n\r\n this.setState({\r\n activeSharepointSite: (this.state.activeSharepointSite === key ? false : key)\r\n })\r\n }\r\n // componentDidUpdate(prevProps, prevState, snapshot) {\r\n // const height = this.divElement.clientHeight;\r\n // console.log(\"height\")\r\n // console.log(this.divElement)\r\n // }\r\n\r\n componentWillUnmount() {\r\n if (this.timer) clearInterval(this.timer);\r\n }\r\n\r\n _loadingItem() {\r\n return ( \r\n \r\n \r\n )\r\n }\r\n\r\n handleSearch(event) { \r\n let search = event.currentTarget.value;\r\n this.setState({ search: search });\r\n if (this.timeout) clearTimeout(this.timeout);\r\n this.timeout = setTimeout(() => {\r\n this.props.actions.fetchSharepointSites(this.state.search); \r\n this.setState({breadCrumbs:[]})\r\n this.props.actions.clearSharepoint(['Sharepoint','Drive','DriveChildren','Folder']);\r\n }, 500);\r\n }\r\n\r\n _displayBreadCrumbs = () => {\r\n const breadCrumbs = this.state.breadCrumbs;\r\n //console.log(\"breadCrumbs\", breadCrumbs)\r\n let crumbs = [];\r\n for(let i=0; i { \r\n this.props.actions.fetchSharepointSites(breadCrumbs[i]); \r\n const newArray = breadCrumbs.slice(0,i+1)\r\n this.setState({breadCrumbs:[], search:\"\"})\r\n this.props.actions.clearSharepoint(['Sharepoint','Drive','DriveChildren','Folder']);\r\n this.props.actions.fetchSharepointSites(\"\");\r\n } }>\r\n \r\n {breadCrumbs[i].name}\r\n \r\n )\r\n }//Search\r\n if(i==1) {\r\n crumbs.push(\r\n { \r\n this._fetchSharepointDrives(breadCrumbs[i]); \r\n const newArray = breadCrumbs.slice(0,1)\r\n this.setState({breadCrumbs:[...newArray]})\r\n this.props.actions.clearSharepoint(['Drive','DriveChildren','Folder']);\r\n } }>\r\n \r\n {breadCrumbs[i].name}\r\n \r\n )\r\n }//Sharepoint site\r\n if(i == 2) {\r\n crumbs.push(\r\n { \r\n this._fetchSharepointDriveChildren(breadCrumbs[i]); \r\n const newArray = breadCrumbs.slice(0,i)\r\n this.setState({breadCrumbs:[...newArray]})\r\n this.props.actions.clearSharepoint(['DriveChildren','Folder']);\r\n } }>\r\n \r\n {breadCrumbs[i].name}\r\n \r\n )\r\n }//Drive\r\n if(i > 2) {\r\n crumbs.push(\r\n { \r\n this._fetchSharepointFolder(breadCrumbs[i]); \r\n const newArray = breadCrumbs.slice(0,i)\r\n this.setState({breadCrumbs:[...newArray]})\r\n this.props.actions.clearSharepoint(['Folder']);\r\n } }>\r\n \r\n {breadCrumbs[i].name}\r\n \r\n )\r\n }//Drive children\r\n }\r\n return (\r\n crumbs.length ?\r\n crumbs[crumbs.length-1]\r\n : null\r\n )\r\n }\r\n\r\n _getSharepointSites = async () => {\r\n this.props.actions.getSharepointSites();\r\n }\r\n\r\n _fetchSharepointDrives = (item) => {\r\n this.props.actions.fetchSharepointDrive(item);\r\n }\r\n\r\n _fetchSharepointDriveChildren = (item) => {\r\n this.props.actions.fetchSharepointDriveChildren(item);\r\n if (this.props.saveButtonAction) {\r\n this.props.saveButtonAction(item)\r\n }\r\n }\r\n _fetchSharepointFolder = (item) => {\r\n this.props.actions.fetchSharepointFolder(item);\r\n if (this.props.saveButtonAction) {\r\n this.props.saveButtonAction(item)\r\n }\r\n }\r\n\r\n _mapSharepoint = (item, key) => {\r\n if(!item.isFolder) {\r\n return;\r\n }\r\n if (this.props.explorerMode) {\r\n return (\r\n \r\n \r\n )\r\n }\r\n return (\r\n \r\n 
\r\n {item.name}\r\n \r\n {this.state.activeSharepointSite === key ? this._fetchSharepointDrives(item) : null}\r\n \r\n this._setItemActive(key)}> \r\n )\r\n }\r\n //\r\n _mapDrives = (item, key) => {\r\n if(!item.isFolder) {\r\n return;\r\n }\r\n if (this.props.explorerMode) {\r\n return (\r\n \r\n \r\n )\r\n }\r\n }\r\n //\r\n _mapDriveChildren = (item, key) => {\r\n if(!item.isFolder) {\r\n return;\r\n }\r\n if (this.props.explorerMode) {\r\n return (\r\n \r\n \r\n )\r\n }\r\n }\r\n //\r\n _mapFolder = (item, key) => {\r\n if(!item.isFolder) {\r\n return;\r\n }\r\n if (this.props.explorerMode) {\r\n return (\r\n \r\n \r\n )\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n { this.divElement = divElement } }>\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n {/* \r\n \r\n \r\n { \r\n this.props.actions.fetchSharepointSites(this.state.search); \r\n this.setState({breadCrumbs:[]})\r\n this.props.actions.clearSharepoint(['Sharepoint','Drive','DriveChildren','Folder']);\r\n }}>Search \r\n \r\n */}\r\n {!this.props.explorerMode ? \r\n {this.props.sharepointState.sharepointFolderSet ?\r\n \r\n {this._displayBreadCrumbs()}\r\n {this.props.sharepointFolder.length ? this.props.sharepointFolder.map(this._mapFolder) : null }\r\n : null }\r\n {this.props.sharepointState.sharepointDriveChildrenSet && !this.props.sharepointState.sharepointFolderSet?\r\n \r\n {this._displayBreadCrumbs()}\r\n {this.props.sharepointState.isLoading ? this._loadingItem : this.props.sharepointDriveChildren.map(this._mapDriveChildren)}\r\n : null }\r\n {this.props.sharepointState.sharepointDriveSet && !this.props.sharepointState.sharepointDriveChildrenSet ?\r\n \r\n {this._displayBreadCrumbs()}\r\n {this.props.sharepointDrive.map(this._mapDrives)}\r\n : null }\r\n {this.props.sharepointState.sharePointSet && !this.props.sharepointState.sharepointDriveSet ?\r\n \r\n {this._displayBreadCrumbs()}\r\n {this.props.sharepoint.map(this._mapSharepoint)}\r\n : !this.props.sharepointState.sharePointSet && !this.props.sharepointState.sharepointDriveSet && this.props.sharepointState.isLoading ?\r\n this._loadingItem() : null}\r\n }\r\n \r\n\r\n )\r\n\r\n\r\n }\r\n\r\n}\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n\r\n return {\r\n GraphClient: state.Client.GraphClient,\r\n darkmode: state.Layout.darkmode,\r\n sharepoint: state.Sharepoint.sharepoint,\r\n sharepointDrive: state.Sharepoint.sharepointDrive,\r\n sharepointDriveChildren: state.Sharepoint.sharepointDriveChildren,\r\n sharepointFolder: state.Sharepoint.sharepointFolder,\r\n sharepointState: state.Sharepoint\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = dispatch => ({ actions: bindActionCreators(actions, dispatch) });\r\n\r\nexport default withTranslate(connect(mapStateToProps, mapDispatchToProps)(Sharepoint));\r\n","import styled from 'styled-components'\r\nimport { Loader } from '../styled';\r\nexport const HeaderWrapper = styled.div`\r\n\tdisplay: flex;\r\n\tjustify-content: space-between;\r\n\tmargin-bottom: 20px;\r\n`;\r\n\r\nexport const Header = styled.div `\r\n margin: 0 13px 13px 0;\r\n height: 19px;\r\n width: 200px;\r\n\r\n ${props => props.position === 'left' ? 'float: left' : 'float: right'};\r\n ${Loader}\r\n`;\r\n","import React from 'react';\r\nimport * as Styled from './styled';\r\n\r\n\r\nconst HeaderLoader = props => (\r\n\t\r\n\t\t \r\n)\r\n\r\n\r\n\r\nexport default HeaderLoader; ","import styled from 'styled-components'\r\nimport * as Variables from '../../../ThemeVariables';\r\n\r\nexport const SliderWrapper = styled.div`\r\n\tposition: fixed;\r\n top: 0;\r\n left: 0;\r\n height: 100vh;\r\n background: rgba(0, 0, 0, .6);\r\n width: 100%;\r\n z-index: 5;\r\n\r\n &.fade-in {\r\n\t background: rgba(0, 0, 0, 1);\r\n\t animation-iteration-count: 1;\r\n\t animation: opac 5s normal forwards ease-in-out 5s;\r\n\r\n\t @keyframes opac {\r\n\t from {\r\n\t background: rgba(0, 0, 0, 1);\r\n\t }\r\n\r\n\t to {\r\n\t background: rgba(0, 0, 0, .85);\r\n\t }\r\n\r\n\r\n }\r\n}\r\n`;\r\n\r\nexport const Slide = styled.div`\r\n height: 100vh;\r\n\r\n`;\r\n\r\nexport const SlideInner = styled.div`\r\n height: 100%;\r\n\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n`;\r\n\r\nexport const SlideInnerContent = styled.div`\r\n\r\n max-width: 600px;\r\n width: 600px;\r\n @media(max-width: ${Variables.md}) {\r\n\t max-width: calc(100% - 40px);\r\n\t width: calc(100% - 40px);\r\n iframe {\r\n max-width: 100%;\r\n }\r\n }\r\n height: auto;\r\n margin: 0 auto;\r\n background: white;\r\n \tborder-radius: 10px;\r\n padding: 30px;\r\n`;\r\n\r\nexport const SlideTitle = styled.h1`\r\n font-size: 18px;\r\n margin-top: 20px;\r\n font-weight: 700;\r\n margin-bottom: 25px;\r\n`;\r\n\r\nexport const CloseSlide = styled.div`\r\n position: absolute;\r\n top: 30px;\r\n right: 30px;\r\n width: 30px;\r\n height: 30px;\r\n z-index: 5;\r\n cursor: pointer;\r\n &:after, &:before {\r\n content: '';\r\n right: 15px;\r\n width: 2px;\r\n height: 100%;\r\n background: black;\r\n position: absolute;\r\n }\r\n\r\n &:before {\r\n transform: rotate(45deg);\r\n }\r\n\r\n &:after {\r\n transform: rotate(-45deg);\r\n }\r\n`;\r\n\r\nexport const Button = styled.button`\r\n background: ${Variables.mainColor};\r\n padding: 10px;\r\n font-size: 20px;\r\n font-weight: 700;\r\n color: white;\r\n border-radius: 20px;\r\n bottom: 25px;\r\n position: absolute;\r\n`;\r\n","import styled from 'styled-components'\r\n\r\nexport const SlideTitle = styled.h1 `\r\n font-size: 18px;\r\n margin-top: 5px;\r\n font-weight: 700;\r\n margin-bottom: 25px;\r\n`;\r\n\r\nexport const SlideDescription = styled.p`\r\n text-align: left;\r\n font-size: 14px;\r\n margin-bottom: 25px;\r\n\r\n p {\r\n margin-bottom: 15px;\r\n font-size: 14px;\r\n } \r\n`;\r\n\r\n\r\nexport const DarkModeSelector = styled.div`\r\n width: 100%;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n grid-column-gap: 40px;\r\n\r\n`;\r\n\r\nexport const DarkModeSelectorColumn = styled.div`\r\n img {\r\n width: 100%;\r\n max-width: 100%;\r\n }\r\n\r\n p {\r\n text-align: center;\r\n font-size: 14px;\r\n margin-top: 10px;\r\n }\r\n\r\n cursor: pointer;\r\n`;\r\n\r\nexport const DarkModeCheckbox = styled.div`\r\n width: 100%;\r\n display: grid;\r\n grid-template-columns: 1fr 50px 1fr;\r\n margin-top: 25px;\r\n text-align: center;\r\n\r\n p {\r\n font-weight: 700;\r\n }\r\n`;\r\n","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport * as Styled from './styled';\r\nimport { bindActionCreators } from 'redux';\r\nimport dark from '../../../../../assets/img/dark.svg';\r\nimport light from '../../../../../assets/img/light.svg';\r\nimport Checkbox from '../../../checkbox';\r\nimport layoutActions from '../../../../../redux/layout/actions';\r\n\r\nclass DarkmodeSlide extends Component {\r\n\r\n\r\n _setDarkMode = () => {\r\n this.props.actions.setDarkMode(!this.props.darkmode);\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n GO Darkmode \r\n Welke modus vindt je fijner? \r\n \r\n { this.props.actions.setDarkMode(false) }}>\r\n 
\r\n \r\n { this.props.actions.setDarkMode(true) }}>\r\n 
\r\n \r\n \r\n\r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n return {\r\n user: state.User,\r\n activeSlideOut: state.SlideOut.activeSlideOut,\r\n darkmode: state.Layout.darkmode,\r\n darkmodeAuto: state.Layout.darkmodeAuto\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = dispatch => ({\r\n actions: bindActionCreators({\r\n ...layoutActions\r\n }, dispatch)\r\n});\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(DarkmodeSlide);\r\n","import styled from 'styled-components'\r\nimport * as Variables from '../../../../../ThemeVariables';\r\n\r\nexport const SlideTitle = styled.h1 `\r\n font-size: 18px;\r\n margin-top: 5px;\r\n font-weight: 700;\r\n margin-bottom: 25px;\r\n`;\r\nexport const List = styled.ul`\r\n list-style: none;\r\n`;\r\n\r\nexport const ListItem = styled.li`\r\n display: grid;\r\n grid-template-columns: 25px 1fr;\r\n grid-column-gap: 20px;\r\n img {\r\n width: 100%;\r\n }\r\n margin-bottom: 15px;\r\n`;\r\n\r\nexport const ListItemContent = styled.div`\r\n h3, p {\r\n font-size: 14px;\r\n }\r\n`;\r\n\r\nexport const ListItemImage = styled.div`\r\n color: ${Variables.mainColor};\r\n font-size: 25px;\r\n`;\r\n","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport * as Styled from './styled';\r\nimport { bindActionCreators } from 'redux';\r\nimport layoutActions from '../../../../../redux/layout/actions';\r\nimport { faListUl, faCalendarAlt, faBell } from '@fortawesome/free-solid-svg-icons';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\n\r\nclass ListSlide extends Component {\r\n\r\n\r\n _setDarkMode = () => {\r\n this.props.actions.setDarkMode(!this.props.darkmode);\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n Wat is er nieuw? \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n\r\n \r\n\r\n \r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n return {\r\n user: state.User,\r\n activeSlideOut: state.SlideOut.activeSlideOut,\r\n darkmode: state.Layout.darkmode,\r\n darkmodeAuto: state.Layout.darkmodeAuto\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = dispatch => ({\r\n actions: bindActionCreators({\r\n ...layoutActions\r\n }, dispatch)\r\n});\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(ListSlide);\r\n","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { bindActionCreators } from 'redux';\r\n\r\nimport layoutActions from '../../../../../redux/layout/actions';\r\n\r\n\r\nclass VideoSlide extends Component {\r\n\r\n\r\n _setDarkMode = () => {\r\n this.props.actions.setDarkMode(!this.props.darkmode);\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n return {\r\n user: state.User,\r\n activeSlideOut: state.SlideOut.activeSlideOut,\r\n darkmode: state.Layout.darkmode,\r\n darkmodeAuto: state.Layout.darkmodeAuto\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = dispatch => ({\r\n actions: bindActionCreators({\r\n ...layoutActions\r\n }, dispatch)\r\n});\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(VideoSlide);\r\n","import styled from 'styled-components'\r\n\r\nexport const SlideTitle = styled.h1 `\r\n font-size: 18px;\r\n margin-top: 5px;\r\n font-weight: 700;\r\n margin-bottom: 25px;\r\n`;\r\n\r\nexport const SlideDescription = styled.p`\r\n text-align: left;\r\n font-size: 14px;\r\n`;\r\n\r\nexport const SelectCheckboxColumn = styled.div`\r\n width: 100%;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: 1fr 50px 1fr;\r\n margin-top: 25px;\r\n text-align: center;\r\n\r\n p {\r\n font-weight: 700;\r\n font-size: 15px;\r\n margin-top: 2px;\r\n\r\n &:first-of-type {\r\n text-align: right;\r\n padding-right: 25px;\r\n }\r\n &:last-of-type {\r\n text-align: left;\r\n padding-left: 25px;\r\n }\r\n }\r\n`;\r\n","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport * as Styled from './styled';\r\nimport { bindActionCreators } from 'redux';\r\nimport dark from '../../../../../assets/img/dark.svg';\r\nimport light from '../../../../../assets/img/light.svg';\r\nimport Checkbox from '../../../checkbox';\r\nimport layoutActions from '../../../../../redux/layout/actions';\r\nimport userActions from '../../../../../redux/user/actions';\r\n\r\nclass SettingSlide extends Component {\r\n\r\n componentDidMount() {\r\n if (this.props.defaultVal != null) {\r\n this.props.actions.setSettingValue(this.props.defaultVal, this.props.setting);\r\n }\r\n }\r\n\r\n _settingChanged(value, type) {\r\n // -- Maybe normalize values\r\n this.props.actions.setSettingValue(value, type)\r\n }\r\n\r\n render() {\r\n\r\n return (\r\n \r\n {this.props.title} \r\n \r\n this._settingChanged(e.target.checked, this.props.setting)} checked={(this.props.settings?.[this.props.setting] ? 'checked' : '')} />\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n return {\r\n profile: state.User.profile,\r\n settings: state.User.profile.data?.settings\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = dispatch => ({\r\n actions: bindActionCreators({\r\n ...layoutActions,\r\n ...userActions\r\n }, dispatch)\r\n});\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(SettingSlide);\r\n","import styled from 'styled-components'\r\n\r\nexport const SlideTitle = styled.h1 `\r\n font-size: 18px;\r\n margin-top: 5px;\r\n font-weight: 700;\r\n margin-bottom: 25px;\r\n`;\r\nexport const SlideDescription = styled.p`\r\n text-align: left;\r\n font-size: 14px;\r\n margin-bottom: 25px;\r\n\r\n p {\r\n margin-bottom: 15px;\r\n font-size: 14px;\r\n } \r\n`;\r\n\r\nexport const SelectCheckboxColumn = styled.div`\r\n width: 150px;\r\n display: grid;\r\n grid-template-columns: 1fr 50px 1fr;\r\n margin-top: 25px;\r\n text-align: center;\r\n\r\n p {\r\n font-weight: 700;\r\n\r\n &:first-of-type {\r\n text-align: left;\r\n }\r\n &:last-of-type {\r\n text-align: right;\r\n }\r\n }\r\n`;\r\n","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport * as Styled from './styled';\r\nimport { bindActionCreators } from 'redux';\r\nimport dark from '../../../../../assets/img/dark.svg';\r\nimport light from '../../../../../assets/img/light.svg';\r\nimport Checkbox from '../../../checkbox';\r\nimport layoutActions from '../../../../../redux/layout/actions';\r\nimport userActions from '../../../../../redux/user/actions';\r\n\r\nclass ContentSlide extends Component {\r\n render() {\r\n return (\r\n \r\n {this.props.title} \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default ContentSlide;\r\n","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport * as Styled from '../../styled';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { bindActionCreators } from 'redux';\r\nimport Button from '../../../button';\r\nimport actions from '../../../../../redux/user/actions';\r\nconst settings = {\r\n lazyload: false,\r\n nav: false,\r\n mouseDrag: false,\r\n controls: false // remove built-in nav buttons\r\n}\r\nclass SlideInner extends React.Component {\r\n\r\n _setInvisible = (e) => {\r\n if (e.target.classList.contains('slideInner')) {\r\n this._dismissSlider();\r\n }\r\n }\r\n\r\n _dismissSlider() {\r\n if (!this.props.alwaysVisible) {\r\n this.props.actions.setFeatureSliderVisible(this.props.location.pathname, false)\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n \r\n {!this.props.alwaysVisible ? { this._dismissSlider() }} /> : null}\r\n {this.props.children}\r\n {(this.props.prev && this.props.goTo) ? \r\n \r\n \r\n )\r\n }\r\n\r\n}\r\n\r\n\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n return {\r\n activeSlideOut: state.SlideOut.activeSlideOut,\r\n sliderHidden: state.Layout.sliderHidden,\r\n isLoaded: state.Layout.IsLoaded,\r\n darkmode: state.Layout.darkmode,\r\n darkmodeAuto: state.Layout.darkmodeAuto\r\n };\r\n};\r\nconst mapDispatchToProps = dispatch => ({\r\n actions: bindActionCreators({\r\n ...actions\r\n }, dispatch)\r\n});\r\n\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(SlideInner));\r\n","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport * as Styled from '../styled';\r\nimport actions from '../../../../redux/user/actions';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { bindActionCreators } from 'redux';\r\nimport TinySlider from \"tiny-slider-react\";\r\n\r\nconst settings = {\r\n lazyload: false,\r\n nav: false,\r\n mouseDrag: false,\r\n controls: false // remove built-in nav buttons\r\n}\r\n\r\nconst SliderContext = React.createContext(false);\r\nclass Slider extends Component {\r\n\r\n render() {\r\n const onGoTo = dir => this.ts.slider.goTo(dir)\r\n const children = React.Children.map(this.props.children, (child, index) => {\r\n if (child == null) return;\r\n return React.cloneElement(child, {\r\n goTo: onGoTo,\r\n alwaysVisible: this.props.alwaysVisible\r\n });\r\n });\r\n return (\r\n \r\n this.ts = ts}>\r\n {children}\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n return {\r\n activeSlideOut: state.SlideOut.activeSlideOut,\r\n sliderHidden: state.Layout.sliderHidden,\r\n isLoaded: state.Layout.IsLoaded,\r\n darkmode: state.Layout.darkmode,\r\n darkmodeAuto: state.Layout.darkmodeAuto\r\n };\r\n};\r\nconst mapDispatchToProps = dispatch => ({\r\n actions: bindActionCreators({\r\n ...actions\r\n }, dispatch)\r\n});\r\n\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(Slider));\r\n","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\n\r\nimport DarkmodeSlide from '../../slideTypes/darkmodeSlide';\r\nimport ListSlide from '../../slideTypes/listSlide';\r\nimport VideoSlide from '../../slideTypes//videoSlide';\r\nimport SettingSlide from '../../slideTypes/settingSlide';\r\nimport ContentSlide from '../../slideTypes/contentSlide';\r\nimport Slide from '../../slider/slide';\r\nimport Slider from '../../slider';\r\nimport { withTranslate } from 'react-redux-multilingual';\r\nimport { capitalizeFirstLetter } from '../../../../../helpers/functions';\r\n\r\nclass Slides extends Component {\r\n constructor() {\r\n super()\r\n }\r\n render() {\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n\r\n {window.tenantConfig?.birthdayEnabled == \"true\" &&\r\n \r\n \r\n }\r\n\r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n return {\r\n user: state.User.profile,\r\n };\r\n};\r\n\r\n\r\nexport default withTranslate(connect(mapStateToProps)(Slides));\r\n","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\n\r\nimport DarkmodeSlide from '../../slideTypes/darkmodeSlide';\r\nimport ListSlide from '../../slideTypes/listSlide';\r\nimport VideoSlide from '../../slideTypes//videoSlide';\r\nimport SettingSlide from '../../slideTypes/settingSlide';\r\nimport ContentSlide from '../../slideTypes/contentSlide';\r\nimport Slide from '../../slider/slide';\r\nimport Slider from '../../slider';\r\n\r\n\r\nclass Slides extends Component {\r\n\r\n render() {\r\n\r\n return (\r\n \r\n \r\n moderne servicedesk van Avantage! Bekijk je openstaande tickets, stel je vraag of probleem en laat je door GoGo helpen. 
\"}\r\n />\r\n \r\n\r\n \r\n \r\n\r\n \r\n 'mijn meldingen'. Hier kun je detailinformatie ophalen en meldingen bijwerken. 
\"}\r\n />\r\n \r\n\r\n \r\n \r\n\r\n \r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n return {\r\n user: state.User.profile,\r\n };\r\n};\r\n\r\n\r\nexport default connect(mapStateToProps)(Slides);","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport * as Styled from './styled';\r\nimport actions from '../../../redux/user/actions';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { bindActionCreators } from 'redux';\r\nimport HomeSlider from './sliders/home';\r\nimport OnlineHulpSlider from './sliders/onlineHulp';\r\nimport SelfServiceSlider from './sliders/selfService';\r\nimport StoreSlider from './sliders/store';\r\n\r\nimport 'tiny-slider/dist/tiny-slider.css';\r\n \r\n\r\nconst SliderRenderer = (props) => {\r\n const _conditionallyRenderFeatureSlider = () => {\r\n \r\n if ( props.featureSliders ) {\r\n switch ( props.location.pathname ) {\r\n\r\n case '/' :\r\n if ( props.featureSliders[props.location.pathname]?.visible ) {\r\n //if ( window.tenantConfig.version != 'development') {\r\n return \r\n { /*_conditionallyRenderFeatureSlider() */}\r\n \r\n );\r\n}\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n return {\r\n activeSlideOut: state.SlideOut.activeSlideOut,\r\n featureSliders: state.User.featureSliders,\r\n sliderHidden: state.Layout.sliderHidden,\r\n isLoaded: state.Layout.IsLoaded,\r\n darkmode: state.Layout.darkmode,\r\n darkmodeAuto: state.Layout.darkmodeAuto\r\n };\r\n};\r\nconst mapDispatchToProps = dispatch => ({\r\n actions: bindActionCreators({\r\n ...actions\r\n }, dispatch)\r\n});\r\n\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(SliderRenderer));\r\n","import React, { Component } from 'react';\r\n\r\nimport DarkmodeSlide from '../../slideTypes/darkmodeSlide';\r\nimport ListSlide from '../../slideTypes/listSlide';\r\nimport VideoSlide from '../../slideTypes//videoSlide';\r\nimport SettingSlide from '../../slideTypes/settingSlide';\r\nimport ContentSlide from '../../slideTypes/contentSlide';\r\nimport Slide from '../../slider/slide';\r\nimport Slider from '../../slider';\r\n\r\n\r\nclass Slides extends Component {\r\n\r\n render() {\r\n return (\r\n \r\n \r\n GO is de centrale plek waarop productiviteit, organisatie en IT samenkomt. Je applicaties, belangrijke berichten en slimme hulp zijn altijd, overal en direct voor je beschikbaar. 
\"}\r\n />\r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default Slides;\r\n","import React, { Component } from 'react';\r\n\r\nimport DarkmodeSlide from '../../slideTypes/darkmodeSlide';\r\nimport ListSlide from '../../slideTypes/listSlide';\r\nimport VideoSlide from '../../slideTypes//videoSlide';\r\nimport SettingSlide from '../../slideTypes/settingSlide';\r\nimport ContentSlide from '../../slideTypes/contentSlide';\r\nimport Slide from '../../slider/slide';\r\nimport Slider from '../../slider';\r\n\r\n\r\nclass Slides extends Component {\r\n\r\n render() {\r\n return (\r\n \r\n \r\n GO is de centrale plek waarop productiviteit, organisatie en IT samenkomt. Je applicaties, belangrijke berichten en slimme hulp zijn altijd, overal en direct voor je beschikbaar. \"}\r\n />\r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default Slides;\r\n","import styled from 'styled-components'\r\nimport * as Variables from '../../ThemeVariables';\r\n//import { WrappedToastContainer } from '../layout/WrappedToastContainer';\r\nexport const Wrapper = styled.div`\r\n\t&.darkmode {\r\n\t\tbackground: ${Variables.outerColumnBackground.darkMode};\r\n\t}\r\n`;\r\n\r\nexport const Body = styled.div`\r\n\tmin-height: ${Variables.appHeight};\r\n width: 100%;\r\n overflow-x: hidden;\r\n\tpadding-bottom: 50px;\r\n\t@media(min-width: ${Variables.md}) {\r\n\t\tmax-height: ${Variables.appHeight};\r\n\t\toverflow: hidden;\r\n\t\tpadding-bottom: 0;\r\n\t}\r\n background: #f2f3f5;\r\n\r\n &.darkmode {\r\n\t\tbackground: ${Variables.outerColumnBackground.darkMode};\r\n\t}\r\n`;\r\n\r\nexport const Loader = styled.div`\r\n width: 100%;\r\n height: 100vh;\r\n background: #F10000;\r\n text-align: center;\r\n padding-top: 40vh;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n z-index: 10;\r\n transition: all .5s;\r\n\r\n &.loader--hidden {\r\n margin-top: -100vh;\r\n opacity: 0;\r\n }\r\n &--visible {\r\n margin-top: 0;\r\n opacity: 1;\r\n }\r\n\r\n`;\r\n\r\nexport const LoaderText = styled.p`\r\n color: #FFF;\r\n margin-bottom: 50px;\r\n font-weight: bold;\r\n font-size: 2em;\r\n\r\n small {\r\n font-size: 12px;\r\n font-weight: normal;\r\n margin-top: 40px;\r\n }\r\n`;\r\n\r\nexport const NavBar = styled.div`\r\n\tposition: fixed;\r\n\twidth: 100%;\r\n\tbottom: 0;\r\n\tleft: 0;\r\n\tbackground: white;\r\n\tz-index: 999;\r\n\tbox-shadow: 0 0 4px rgba(0, 0, 0, .5);\r\n\t&.darkmode {\r\n\t\tbackground: #121a24;\r\n\r\n\t\tul {\r\n\t\t\tli {\r\n\t\t\t\ta {\r\n\t\t\t\t\tcolor: white;\r\n\r\n\t\t\t\t\t&.active {\r\n\t\t\t\t\t\tcolor: white;\r\n\t\t\t\t\t\tbackground: #1B2B3C;\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}\r\n\t@media(min-width: ${Variables.md}) {\r\n\t\tdisplay: none;\r\n\t}\r\n`;\r\n\r\nexport const NavBarList = styled.ul`\r\n\tlist-style: none;\r\n\tdisplay: grid;\r\n\tgrid-template-columns: repeat(3, 1fr);\r\n`;\r\n\r\nexport const NavBarListItem = styled.li`\r\n\ttext-align: center;\r\n\r\n\t* {\r\n\t\t user-select: none;\r\n\t}\r\n\timg {\r\n\t\tdisplay: inline-block;\r\n\t\twidth: 25px;\r\n\t\theight: auto;\r\n\t}\r\n\tspan {\r\n\t\tdisplay: block;\r\n\t\tfont-size: 10px;\r\n\t}\r\n\r\n\ta {\r\n\t\tpadding: 10px 0;\r\n\t\tdisplay: block;\r\n\t\tcolor: black;\r\n\t\ttext-decoration: none;\r\n\r\n\t\t&.active {\r\n\t\t\tcolor: #F10000;\r\n\t\t}\r\n\t}\r\n\r\n\tdiv {\r\n\t\tdisplay: inline-block;\r\n\t\twidth: 50px;\r\n\t}\r\n\r\n\t.bubble {\r\n\t\tposition: absolute;\r\n\t\tright: 0;\r\n\t\ttop: -4px;\r\n\t\tfont-size: 12px;\r\n\t\tline-height: 18px;\r\n\t\twidth: 18px;\r\n\t}\r\n\r\n`;\r\n\r\n\r\nexport const Chatbot = styled.div`\r\n\tposition: fixed;\r\n\tbottom: 60px;\r\n\t@media(min-width: ${Variables.md}) {\r\n\t\tbottom: 10px;\r\n\t}\r\n\tright: 10px;\r\n\tbackground: #FFF;\r\n\tpadding: 16px;\r\n\tborder-radius: 50%;\r\n\tbox-shadow: 0px 0px 5px 4px rgba(0,0,0,0.03);\r\n\tcursor: pointer;\r\n\r\n\t&:hover {\r\n\t\tanimation: pulse 2s infinite;\r\n\t}\r\n\r\n\t@keyframes pulse {\r\n\t\t0% {\r\n\t\t\ttransform: scale(1.02);\r\n\t\t\tbox-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3);\r\n\t\t}\r\n\r\n\t\t70% {\r\n\t\t\ttransform: scale(1);\r\n\t\t\tbox-shadow: 0 0 0 5px rgba(0, 0, 0, 0);\r\n\t\t}\r\n\r\n\t\t100% {\r\n\t\t\ttransform: scale(1.02);\r\n\t\t\tbox-shadow: 0 0 0 0 rgba(0, 0, 0, 0);\r\n\t\t}\r\n\t}\r\n\r\n\timg {\r\n\t\theight: 40px;\r\n\t\ttop: -5px;\r\n\t}\r\n\r\n\tspan {\r\n\t\tposition: absolute;\r\n\t\tbottom: 9px;\r\n\t\tleft: 19px;\r\n\t\tfont-size: 11px;\r\n\t\tfont-weight: bold;\r\n\t}\r\n`;\r\n/*\r\nexport const StyledToastContainer = styled(WrappedToastContainer).attrs({\r\n // custom props\r\n})`\r\n .Toastify__toast-container {\r\n \t&--top-right {\r\n \t\ttop: 75px;\r\n \t}\r\n }\r\n .Toastify__toast {\r\n \tbackground: white;\r\n \tcolor: black;\r\n \tpadding: 25px 15px;\r\n }\r\n .Toastify__toast--error {}\r\n .Toastify__toast--warning {}\r\n .Toastify__toast--success {}\r\n .Toastify__toast-body {}\r\n .Toastify__progress-bar {\r\n \tbackground: ${Variables.mainColor}\r\n }\r\n .Toastify__close-button {\r\n \topacity: 1;\r\n\r\n }\r\n`;*/\r\n","import styled from 'styled-components'\r\nimport * as Variables from '../../../../ThemeVariables';\r\nexport const SearchInput = styled.input`\r\n\twidth: calc(100% - 50px);\r\n\tline-height: ${Variables.headerHeight};\r\n\tfont-size: 16px;\r\n\tbackground: transparent;\r\n\tfloat: left;\r\n\t&:focus {\r\n\t\toutline : none;\r\n\t}\r\n`;\r\n\r\nexport const SearchWrapper = styled.div`\r\n\tposition: absolute;\r\n\twidth: 100%;\r\n\ttop: 65px;\r\n\tbackground: white;\r\n\tz-index: 10;\r\n\tmax-height: 0;\r\n\tpadding: 0;\r\n\toverflow: hidden;\r\n\ttransition: all .5s;\r\n\r\n\t&.active {\r\n\t\tpadding: 15px;\r\n\t\tmax-height: 90px;\r\n\t}\r\n\r\n\t@media ( min-width: ${Variables.xlg} ) {\r\n\t\tdisplay: none;\r\n\t}\r\n`;\r\n\r\nexport const Magnifier = styled.div`\r\n\twidth: 50px;\r\n\tfloat: left;\r\n\tline-height: ${Variables.headerHeight};\r\n\ttext-align: center;\r\n\r\n`;\r\n","import React, { Component } from 'react';\r\nimport SearchBar from '../bar';\r\nimport * as Styled from './styled';\r\nimport { connect } from 'react-redux';\r\nclass CollapsibleSearch extends Component {\r\n\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\r\n\t\tthis.state = {\r\n\t\t\tsearchValue : false\r\n\t\t}\r\n\t}\r\n\r\n\t_changeSearchInput = ( e ) => {\r\n\t\tthis.setState({\r\n\t\t\tsearchValue: e.target.value\r\n\t\t});\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t \r\n\t\t)\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n return {\r\n\t\tsearchbarActive: state.Search.searchbarActive,\r\n };\r\n}\r\n\r\n\r\nexport default connect(mapStateToProps)(CollapsibleSearch);\r\n","import styled from 'styled-components'\r\nimport * as Variables from '../../../../ThemeVariables';\r\n\r\nimport CircleIcon from '../../../styled/CircleIcon';\r\n\r\nexport const SearchButton = styled(CircleIcon) `\r\n\t${props => props.gridArea ? 'grid-area:' + props.gridArea : ''};\r\n\tfont-size: 15px;\r\n\r\n\t@media ( min-width: ${Variables.mxs} ) {\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n`;\r\n","import React from 'react';\r\nimport * as Styled from './styled';\r\nimport PropTypes from 'prop-types';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\nimport { faSearch } from '@fortawesome/free-solid-svg-icons'\r\nimport { connect } from 'react-redux';\r\nimport { withRouter } from 'react-router-dom';\r\nimport actions from '../../../../redux/search/actions';\r\nimport { bindActionCreators } from 'redux';\r\n\r\nconst SearchButton = props => (\r\n\t\r\n\t\t \r\n)\r\n\r\nSearchButton.propTypes = {\r\n\tonClick : PropTypes.func,\r\n\tgridArea : PropTypes.string,\r\n}\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n return {\r\n\r\n };\r\n}\r\n\r\nconst mapDispatchToProps = dispatch => ({ actions: bindActionCreators(actions, dispatch) });\r\n\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(SearchButton));\r\n","import styled, { css } from 'styled-components'\r\nimport CircleIcon from '../../../styled/CircleIcon';\r\nimport * as Variables from '../../../../ThemeVariables';\r\nexport const ButtonWrapper = styled.div`\r\n\tgrid-area: notifications;\r\n\t${props => props.parent === 'header-col-right' && css` \r\n\t\tdisplay: block;\r\n\t\t@media ( min-width: ${Variables.xs}) {\r\n\t\t\tdisplay: block;\r\n\t\t}\r\n\t\t\r\n\t`}\r\n`;\r\nexport const Notifications = styled(CircleIcon) `\r\n\tgrid-area: notifications;\r\n\ttransform: rotate(0);\r\n\t&.shake {\r\n\t\tanimation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;\r\n\t}\r\n\r\n\r\n\t@keyframes shake {\r\n\t 10%, 90% {\r\n\t transform: rotate(-5deg);\r\n\t }\r\n\t \r\n\t 20%, 80% {\r\n\t transform: rotate(6deg);\r\n\t }\r\n\r\n\t 30%, 50%, 70% {\r\n\t transform: rotate(-8deg);\r\n\t }\r\n\r\n\t 40%, 60% {\r\n\t transform: rotate(8deg);\r\n\t }\r\n\t}\r\n`;","import React, { Component } from 'react';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\nimport { faBell } from '@fortawesome/free-solid-svg-icons'\r\nimport * as Styled from './styled';\r\nimport actions from '../../../../redux/slideOut/actions';\r\nimport { connect } from 'react-redux';\r\nimport { bindActionCreators } from 'redux';\r\nimport Bubble from '../../../layout/bubble';\r\n\r\nclass SettingsButton extends Component {\r\n\tconstructor ( props ) {\r\n\t\tsuper ( props );\r\n\t\tthis.state = {\r\n\t\t\tshakeBubble : false\r\n\t\t}\r\n\t}\r\n\tcomponentDidUpdate(prevProps) {\r\n\t\tif ( this.props.numberOfNotifications > prevProps.numberOfNotifications ) {\r\n\t\t\tthis.setState({\r\n\t\t\t\tshakeBubble : true\r\n\t\t\t})\r\n\r\n\t\t\t\r\n\t\t\tsetTimeout(\r\n\t\t\t function() {\r\n\t\t\t this.setState({shakeBubble: false});\r\n\t\t\t }\r\n\t\t\t .bind(this),\r\n\t\t\t 820\r\n\t\t\t);\r\n\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t{ this.props.notifications ? this.props.actions.setActiveSlideOut((this.props.activeSlideOut === 'notifications' ? false : 'notifications'))}>\r\n\t\t\t\t\t \r\n\t\t\t \r\n\t\t) \r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n return {\r\n \tactiveSlideOut : state.SlideOut.activeSlideOut,\r\n \tnotifications : state.Notifications.notifications,\r\n \tnumberOfNotifications : state.Notifications.numberOfNotifications\r\n }\r\n}\r\n\r\nconst mapDispatchToProps = dispatch => ({ actions: bindActionCreators(actions, dispatch) })\r\n\r\nexport default connect(mapStateToProps,mapDispatchToProps, null)(SettingsButton)\r\n\r\n\r\n\r\n","import styled from 'styled-components'\r\nimport * as Variables from '../../../ThemeVariables';\r\n\r\nexport const Header = styled.header`\r\n\twidth: 100%;\r\n\tpadding: 10px 0;\r\n\tz-index: 10;\r\n\tborder-bottom: 2px solid ${Variables.borderColor.lightMode};\r\n\tbackground: ${Variables.headerBackground.lightMode};\r\n\r\n\t&.darkmode {\r\n\t\tbackground: ${Variables.headerBackground.darkMode};\r\n\t\tborder-bottom: 2px solid ${Variables.borderColor.darkMode};\r\n\t}\r\n\r\n\t&.slideoutActive {\r\n\r\n\t}\r\n\r\n\t&.hidden-mobile-slideout {\r\n\t\topacity: 0;\r\n\r\n\t\t@media ( min-width: ${Variables.md}) {\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\t}\r\n\r\n\t&.fixed {\r\n\t\tposition: fixed;\r\n\t\twidth: 100%;\r\n\t\tleft: 0;\r\n\t\ttop: 0;\r\n\t\tz-index: 999;\r\n\t\topacity: 0;\r\n\t\ttransition: opacity .5s;\r\n\t\t&.active {\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\t\t@media ( min-width: ${Variables.md}) {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\t}\r\n\r\n`;\r\n\r\nexport const ColumnLeft = styled.div`\r\n\tgrid-area: left;\r\n\tdisplay: grid;\r\n\tgrid-template-columns: 85px 1fr;\r\n\r\n\t@media ( min-width: ${Variables.md}) {\r\n\t\tgrid-template-columns: 145px 1fr;\r\n\t}\r\n\r\n\tgrid-template-areas: \"logo menuList\";\r\n\tpadding-left: 20px;\r\n\tgrid-column-gap: 20px;\r\n\r\n\t@media ( min-width: ${Variables.xlg}) {\r\n\t\t//grid-column-gap: 0;\r\n\t}\r\n`;\r\n\r\n\r\nexport const ColumnRight = styled.div`\r\n\tgrid-area: right;\r\n\tpadding-right: 20px;\r\n\tdisplay: grid;\r\n\tgrid-column-gap: 10px;\r\n\r\n\tgrid-template-areas: \"searchbutton avatar\";\r\n\t/*grid-template-columns: 165px 1fr 50px 50px 50px;*/\r\n\tgrid-template-columns: 50px 50px;\r\n\r\n\t@media ( min-width: ${Variables.mxs}) {\r\n\t\tgrid-template-areas: \"search avatar\";\r\n\t\t/*grid-template-columns: 165px 1fr 50px 50px 50px;*/\r\n\t\tgrid-template-columns: 1fr 50px;\r\n\t}\r\n\t@media ( min-width: ${Variables.md}) {\r\n\t\tgrid-template-areas: \"menuIcons search avatar\";\r\n\t\t/*grid-template-columns: 165px 1fr 50px 50px 50px;*/\r\n\t\tgrid-template-columns: 380px 1fr 1fr 1fr;\r\n\t}\r\n\r\n\t@media ( min-width: ${Variables.xlg}) {\r\n\t\tgrid-template-columns: 1fr 50px;\r\n\t\tgrid-template-areas: \"search avatar\";\r\n\r\n\t}\r\n`;\r\n\r\nexport const ColumnCenter = styled.div`\r\n\tgrid-area: center;\r\n\r\n\tdisplay: none;\r\n\r\n\t@media ( min-width: ${Variables.xlg}) {\r\n\t\tdisplay: block;\r\n\t}\r\n`;\r\n\r\nexport const LogoWrapper = styled.div`\r\n\tbackground: white;\r\n\twidth: 100%;\r\n max-height: 44px;\r\n grid-area: logo;\r\n\tz-index: 1;\r\n\t&:before {\r\n\t\tcontent: '';\r\n\t position: absolute;\r\n\t top: -10px;\r\n\t left: -20px;\r\n\t background: white;\r\n\t width: calc(100% + 20px);\r\n\t height: calc(100% + 20px);\r\n\t}\r\n\r\n\t&:after {\r\n\t\tcontent: '';\r\n\t position: absolute;\r\n\t right: -20px;\r\n\t background: white;\r\n\t height: 20px;\r\n\t transform: skew(-25deg, 0deg);\r\n\t height: calc(100% + 20px);\r\n\t width: 40px;\r\n\t top: -10px;\r\n\t}\r\n\r\n\t&.isCommon {\r\n\t\ttext-align: center;\r\n\t\t&:before, &:after {\r\n\t\t\tbackground: ${Variables.mainColor};\r\n\t\t}\r\n\t}\r\n`;\r\n\r\nexport const HeaderGrid = styled.div `\r\n\tdisplay: grid;\r\n\tgrid-template-areas : \"left . right\";\r\n\tgrid-template-columns: 180px 1fr 130px;\r\n\r\n\t@media ( min-width: ${Variables.mxs}) {\r\n\t\tgrid-template-areas : \"left right\";\r\n\t\tgrid-template-columns: 200px 1fr;\r\n\t}\r\n\r\n\r\n\t@media ( min-width: ${Variables.md} ) {\r\n\t\t/*grid-template-columns: 740px 2fr 30%;*/\r\n\t\tgrid-template-areas : \"left left right\";\r\n\t\tgrid-template-columns: 3fr 2fr 1fr;\r\n\t}\r\n\r\n\t@media ( min-width: ${Variables.xlg}) {\r\n\t\tgrid-template-areas : \"left center right\";\r\n\t}\r\n`;\r\n\r\nexport const ResponsiveImage = styled.img `\r\n\tmax-width: 100%;\r\n\theight: ${Variables.headerHeight};\r\n\tmargin-top: 2px;\r\n\twidth: auto;\r\n\tz-index: 5;\r\n`;\r\n\r\n/*\r\n\t\tgrid-template-columns: 75px 1fr 40px 40px 40px 40px;\r\n\t@media ( min-width: ${Variables.xxs} ) {\r\n\t\tgrid-template-columns: 130px 1fr 40px 40px 40px 40px;\r\n\t}\r\n\tgrid-column-gap: 10px;\r\n\tgrid-template-areas:\r\n\t\t${props => props.notificationsEnabled ? '\"logo . menu menu notifications avatar\"' : '\"logo . . menu menu avatar\"'};\r\n\t\tgrid-row-gap: 10px;\r\n\r\n\t@media ( min-width: ${Variables.xs} ) {\r\n\t\tgrid-template-areas:\r\n\t\t${props => props.notificationsEnabled ? '\"logo logo menu menu notifications avatar \"' : '\"logo logo . menu menu avatar \"'};\r\n\t\tgrid-row-gap: 20px;\r\n\t\tgrid-column-gap: 20px;\r\n\t}\r\n\r\n\t@media ( min-width: ${Variables.md} ) {\r\n\t\tgrid-template-columns: 175px 1fr 225px 40px 40px;\r\n\t\tgrid-template-areas:\r\n\t\t\t${props => props.notificationsEnabled ? '\"logo menu search avatar notifications\"' : '\"logo menu search . avatar\"'};\r\n\t}\r\n\r\n\t@media ( min-width: ${Variables.lg} ) {\r\n\t\tgrid-template-columns: 175px 1fr 365px 40px 40px;\r\n\t}\r\n\r\n*/\r\n","import styled from 'styled-components'\r\nimport * as Variables from '../../../../ThemeVariables';\r\n\r\nimport CircleIcon from '../../../styled/CircleIcon';\r\n\r\nexport const SearchButton = styled(CircleIcon) `\r\n\t${props => props.gridArea ? 'grid-area:' + props.gridArea : ''};\r\n\r\n\t@media ( min-width: ${Variables.md} ) {\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n`;\r\n","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport Search from '../search/bar';\r\nimport CollapsibleSearch from '../search/collapsible';\r\nimport SearchButton from '../search/button';\r\nimport Menu from '../menu';\r\nimport Avatar from '../../user/profile/avatar';\r\nimport NotificationsButton from '../../user/notifications/button';\r\nimport MenuButton from '../menu/button';\r\nimport { withRouter } from 'react-router-dom';\r\nimport * as Styled from './styled';\r\n\r\nimport actions from '../../../redux/slideOut/actions';\r\nimport { bindActionCreators } from 'redux';\r\nimport MenuButtonList from '../menu/list';\r\n//const tenantConfig = window.tenantConfig;\r\n\r\nclass Header extends Component {\r\n\r\n getNotifications = () => {\r\n const notificationsEnabled = (window.tenantConfig.notificationEnabled === 'true' ? true : false);\r\n\r\n if (notificationsEnabled) {\r\n return \r\n \r\n\r\n \r\n {\r\n this.props.history.push('/')\r\n }} className={((window.tenantConfig.common || !window.tenantConfig.logo) ? 'isCommon' : '')}>\r\n {(window.tenantConfig.common || !window.tenantConfig.logo) ? \r\n \r\n\r\n \r\n \r\n \r\n\r\n\r\n \r\n \r\n this.props.actions.setActiveSlideOut((this.props.activeSlideOut === 'profile' ? false : 'profile'))} />\r\n\r\n {this.getNotifications()}\r\n \r\n \r\n \r\n )\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state, ownProps) => {\r\n return {\r\n activeSlideOut: state.SlideOut.activeSlideOut,\r\n user: state.User,\r\n darkmode: state.Layout.darkmode\r\n };\r\n}\r\n\r\nconst mapDispatchToProps = dispatch => ({ actions: bindActionCreators(actions, dispatch) });\r\n\r\nexport default withRouter(connect(mapStateToProps, mapDispatchToProps)(Header));\r\n","import React, { Component } from 'react';\r\nimport { ToastContainer, toast } from 'react-toastify';\r\nimport 'react-toastify/dist/ReactToastify.css';\r\n\r\nimport { connect } from 'react-redux';\r\nimport { bindActionCreators } from 'redux';\r\n\r\nimport { withTranslate } from 'react-redux-multilingual';\r\n\r\nimport actions from '../../../redux/message/actions';\r\n\r\nclass Notifier extends Component {\r\n\r\n\trender() {\r\n\t\tif(this.props.message){\r\n\t\t\tif ( this.props.message.message && this.props.message.type ) {\r\n\t\t\t\ttoast(this.props.message.message, {type: this.props.message.type, autoClose: 1000*60*60*24});\r\n\t\t\t}\r\n\t\t}\r\n \treturn(\r\n \t\t { this.props.actions.setActiveSlideOut('goapps/chatbot'); }}>\r\n ![](\"https://gocnd.azureedge.net/gowebsite/Isaac_bot_GO-01.svg\")
\r\n Hulp? \r\n \r\n )\r\n }\r\n }\r\n return null\r\n }\r\n\r\n _renderLoader = () => {\r\n return (\r\n \r\n \r\n Bijna klaar voor een productieve werkdag! \r\n ![{\"Loader\"}](\"https://gocnd.azureedge.net/gowebsite/Go.svg\")
\r\n \r\n \r\n Internetverbinding verloren \r\n \r\n \r\n \r\n );\r\n }\r\n _renderApplication = () => {\r\n\r\n if (!this.props.Clients.GraphClient || !this.props.Clients.GoClient && !this.props.isLoaded) {\r\n this._renderLoader()\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n
}>\r\n /g;\r\n let images = [];\r\n let divPlace = [];\r\n images = content.match(imagesRegex);\r\n divPlace = content.match(divPlaceRegex);\r\n if(images && divPlace) {\r\n content = content.replace(imagesRegex, \"\");\r\n for(let i = 0; i
`)\r\n }\r\n \r\n return content;\r\n}\r\n\r\nexport default function* rootSaga() {\r\n yield all([\r\n fork(getBlogsFromChannel)\r\n ]);\r\n}\r\n","import { all, put, fork, takeEvery, select, call } from 'redux-saga/effects';\r\nimport actions from './actions';\r\nimport localforage from 'localforage';\r\nimport { dataURItoBlob, parseSharepointUrl, parsePictureUrl } from '../../../helpers/functions';\r\nimport { getSharepointClient, getGOClient, getGraphClient, getMultichannelFeeds } from '../../selectors';\r\nimport FeedObject from './FeedObject';\r\nimport * as rssParser from 'react-native-rss-parser';\r\n\r\nconst checkDifferences = (array1, array2) => {\r\n let length = Math.min(array1.length, array2.length);\r\n let countMatched = 0, countNotMatched = 0;\r\n let newItems = [];\r\n\r\n for (var index = 0; index < length; index++) {\r\n if (!array2.find(a => a.id == array1[index].id)) {\r\n countNotMatched++;\r\n newItems.push(array1[index].id);\r\n }\r\n }\r\n return { notMatched: countNotMatched, newItems: newItems };\r\n}\r\n\r\nexport function* getFeedsByChannel() {\r\n yield takeEvery(actions.GET_MULTICHANNEL_FEEDS, function* (action) {\r\n // -- Switch here, select news conditionally.\r\n let newsItems = [];\r\n yield put({\r\n type: actions.FEED_REQUEST_COMPLETED,\r\n payload: false\r\n })\r\n const Client = yield select(getGOClient);\r\n\r\n let currentFeeds = yield select(getMultichannelFeeds);\r\n\r\n const feedsConfig = JSON.parse(window.tenantConfig?.feeds);\r\n if (feedsConfig == null) return;\r\n\r\n let feeds = [];\r\n const title = action.payload.title;\r\n \r\n for (let config of feedsConfig) {\r\n let feed = yield\r\n Client.api('/app/rss?url=' + config.url, {}, 'text')\r\n .then((responseData) => rssParser.parse(responseData));\r\n\r\n if (currentFeeds.find(f => f.title == feed.title)) {\r\n let oldFeed = currentFeeds.feeds.find(f => f.title == feed.title);\r\n feed.differences = oldFeed.differences;\r\n feed.newItems = oldFeed.newItems;\r\n\r\n let difference = checkDifferences(feed.items, oldFeed.items);\r\n feed.differences = feed.differences + difference.notMatched;\r\n feed.newItems.push(difference.newItems);\r\n } else {\r\n feed.differences = 0;\r\n feed.newItems = [];\r\n }\r\n feeds.push(feed);\r\n }\r\n\r\n yield put({\r\n type: actions.SET_MULTICHANNEL_FEEDS,\r\n payload: feeds\r\n })\r\n yield put({\r\n type: actions.FEED_REQUEST_COMPLETED,\r\n payload: true\r\n })\r\n })\r\n}\r\n\r\n\r\nexport default function* rootSaga() {\r\n yield all([\r\n fork(getFeedsByChannel)\r\n ]);\r\n}\r\n","import moment from 'moment';\r\n\r\nclass SocialObject {\r\n constructor() {\r\n this._socialItem = {\r\n author : false,\r\n unix : false,\r\n moment : false,\r\n title : \"\",\r\n imageUrl : false,\r\n url : false,\r\n id : false,\r\n type: false,\r\n likes : 0,\r\n openDirect: false,\r\n topics: false\r\n }\r\n }\r\n\r\n setID = (ID) => {\r\n this._socialItem = {\r\n ...this._socialItem,\r\n id : ID\r\n }\r\n }\r\n\r\n setOpenDirect = (bool) => {\r\n this._socialItem = {\r\n ...this._socialItem,\r\n openDirect : bool\r\n }\r\n }\r\n\r\n setLikes = (int) => {\r\n this._socialItem = {\r\n ...this._socialItem,\r\n likes : int\r\n }\r\n }\r\n\r\n setAuthor = (author) => {\r\n this._socialItem = {\r\n ...this._socialItem,\r\n author : author\r\n }\r\n }\r\n\r\n setTopics = (topics) => {\r\n this._socialItem = {\r\n ...this._socialItem,\r\n topics: topics\r\n }\r\n }\r\n\r\n setContent = (content) => {\r\n this._socialItem = {\r\n ...this._socialItem,\r\n content : content\r\n }\r\n }\r\n setTimestamp = (timestamp) => {\r\n this._socialItem = {\r\n ...this._socialItem,\r\n unix : timestamp,\r\n moment: moment.unix(timestamp),\r\n }\r\n }\r\n\r\n setTitle = (title) => {\r\n this._socialItem = {\r\n ...this._socialItem,\r\n title : title\r\n }\r\n }\r\n\r\n setType = (type) => {\r\n this._socialItem = {\r\n ...this._socialItem,\r\n type : type\r\n }\r\n }\r\n\r\n setImageUrl = (imageUrl) => {\r\n this._socialItem = {\r\n ...this._socialItem,\r\n imageUrl : imageUrl\r\n }\r\n }\r\n\r\n setUrl = (URL) => {\r\n this._socialItem = {\r\n ...this._socialItem,\r\n url : URL\r\n }\r\n }\r\n\r\n getSocialObject = () => {\r\n\r\n return this._socialItem;\r\n }\r\n}\r\n\r\nexport default SocialObject;\r\n","import { all, put, fork, takeEvery, select, call } from 'redux-saga/effects';\r\nimport actions from './actions';\r\nimport userActions from '../../user/actions';\r\nimport localforage from 'localforage';\r\nimport { dataURItoBlob, parseSharepointUrl, parsePictureUrl } from '../../../helpers/functions';\r\nimport { getGOClient, getGraphClient, getYammerClient, getSharepointClient, getMultiChannelSocialItems, getSocialRequestCompleted, getUserRequestCompleted, getUserProfileSettingData } from '../../selectors';\r\nimport SocialObject from './socialObject';\r\nimport moment from 'moment/min/moment-with-locales';\r\n\r\nimport embraceOutput from './embraceOutput';\r\n\r\n\r\nexport function* getSocialFromChannel() {\r\n yield takeEvery(actions.GET_MULTICHANNEL_SOCIAL_ITEMS, function* (action) {\r\n // -- Switch here, select social items conditionally.\r\n yield put({\r\n type: actions.SOCIAL_REQUEST_COMPLETED,\r\n payload: false\r\n })\r\n let newItems = [];\r\n let currentItems = yield select(getMultiChannelSocialItems);\r\n\r\n const title = action.payload.title;\r\n const sources = action.payload.payload;\r\n\r\n //parse the different sources configured\r\n if (sources) {\r\n for (let source of sources) {\r\n\r\n if (source.source == \"embrace\") {\r\n let items = yield call(getEmbraceItems, source.site, source.url, source.content, source.opendirect, title);\r\n if (items?.length == 0) {\r\n items = currentItems.filter(i => i.widget == title);\r\n } else if (items?.length > 0) {\r\n items = items.map(i => { i.widget = title; return i; });\r\n }\r\n\r\n if (items) {\r\n newItems = [\r\n ...newItems,\r\n ...items\r\n ];\r\n }\r\n }\r\n\r\n if (source.source == \"yammer\") {\r\n let items = yield call(getYammerItems, title);\r\n if (items?.length == 0) {\r\n items = currentItems.filter(i => i.widget == title);\r\n } else if (items?.length > 0) {\r\n items = items.map(i => { i.widget = title; return i; });\r\n }\r\n\r\n if (items) {\r\n newItems = [\r\n ...newItems,\r\n ...items\r\n ];\r\n }\r\n }\r\n }\r\n }\r\n\r\n const sortOnDate = ((a, b) => {\r\n if (a.unix > b.unix) {\r\n return -1;\r\n }\r\n\r\n if (a.unix < b.unix) {\r\n return 1;\r\n }\r\n\r\n return 0;\r\n });\r\n\r\n currentItems = yield select(getMultiChannelSocialItems);\r\n currentItems = currentItems.filter(i => i.widget == title);\r\n\r\n //sort all new items on date\r\n newItems.sort(sortOnDate);\r\n\r\n //max items for one widget\r\n newItems = newItems.splice(0, 30);\r\n\r\n let old = currentItems.filter(n => !newItems.find(nn => nn.id == n.id));\r\n if (old?.length > 0 && newItems.length > 0) {\r\n for (let n of old) {\r\n yield localforage.removeItem(n.id);\r\n }\r\n }\r\n\r\n if ((old?.length > 0 && newItems.length > 0) || (currentItems?.length == 0 && newItems?.length > 0) || (currentItems?.length !== newItems?.length && newItems.length > 0)) {\r\n\r\n //postprocessing..\r\n //newItems = yield call(postprocess, newItems);\r\n\r\n let allItems = yield select(getMultiChannelSocialItems);\r\n allItems = allItems.filter(i => i.widget != title);\r\n allItems = allItems.concat(newItems);\r\n\r\n yield put({\r\n type: actions.SET_MULTICHANNEL_SOCIAL_ITEMS,\r\n payload: allItems\r\n });\r\n }\r\n\r\n yield put({\r\n type: actions.SOCIAL_REQUEST_COMPLETED,\r\n payload: true\r\n });\r\n })\r\n}\r\n\r\nconst parseSocialItemContent = (content) => {\r\n const urls = /<(.*)>\\(“(.*)”\\)/g\r\n\r\n content = content.replace(urls, function (match, token) {\r\n let title = match.match(/<(.*)>/);\r\n let link = match.match(/\\(“(.*)”\\)/);\r\n if (title[1] == null || link[1] == null) return \"\";\r\n return ` ${link[1]} `;\r\n });\r\n\r\n content = content.replace(/(?:\\r\\n|\\r|\\n)/g, ' ');\r\n\r\n return content;\r\n}\r\n\r\n\r\nfunction* getEmbraceItems(site, apiURL, content, openDirect, title) {\r\n\r\n if (!apiURL) {\r\n console.log(\"Embrace API URL Required\");\r\n return;\r\n }\r\n try {\r\n const socialItems = yield select(getMultiChannelSocialItems);\r\n const GoClient = yield select(getGOClient);\r\n let oldestItem = moment().valueOf();\r\n\r\n let offset = new Date().getTimezoneOffset();\r\n oldestItem = oldestItem + (-offset * 60 * 1000);\r\n\r\n\r\n /* if (socialItems?.length > 0) {\r\n let items = socialItems.filter(i => i.widget == title);\r\n if (items[0]?.unix) oldestItem = items[0]?.unix;\r\n }*/\r\n\r\n //build api url\r\n if (apiURL.indexOf(\"?\") == -1) {\r\n if (apiURL[apiURL.length - 1] != '/') apiURL += '/';\r\n apiURL += 'api/v1/Microblogs?oldestItem=' + oldestItem + '&label=0';\r\n }\r\n\r\n if (!GoClient) return;\r\n const items = yield GoClient.api('/app/proxy?url=' + encodeURIComponent(apiURL) + '&type=embrace', {}, 'text')\r\n if (items) {\r\n let embraceItems = JSON.parse(items)?.Items;\r\n\r\n // -- Embrace fetch logic;\r\n if (embraceItems?.length) {\r\n return yield parseEmbraceSocial(embraceItems, site, apiURL, content, openDirect);\r\n }\r\n }\r\n\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n\r\n return false;\r\n}\r\n\r\n\r\nfunction* getYammerItems(title) {\r\n //if (!apiURL) {\r\n // console.log(\"Yammer API URL Required\");\r\n // return;\r\n //}\r\n //try {\r\n let currentItems = yield select(getMultiChannelSocialItems);\r\n currentItems = currentItems.filter(i => i.widget == title);\r\n const Client = yield select(getYammerClient);\r\n const GoClient = yield select(getGOClient);\r\n const GraphClient = yield select(getGraphClient);\r\n\r\n if (!Client) return;\r\n\r\n //const shouts = yield Client.api(apiURL);\r\n let shouts = yield Client.api('https://www.yammer.com/api/v1/messages.json?threaded=true');\r\n //let test = yield Client.api('/users/1522724127.json');\r\n let messages = [];\r\n\r\n if (shouts == null || !shouts) return;\r\n if (shouts.length === 0) return;\r\n\r\n if (shouts != null) {\r\n let items = shouts.references.filter(m => m.announcement !== true && m.type == \"thread\"); //no announcements! \r\n messages = shouts.messages.filter(m => items.find(a => a.id == m.id));\r\n\r\n //messages.takeEvery(m => announcements.find(a => a.id == m.id))\r\n for (let m of messages) {\r\n let a = items.find(a => a.id == m.id);\r\n m.reference = a;\r\n\r\n let user = shouts.references.find(r => r.id == m.sender_id);\r\n m.user = user;\r\n\r\n let topics = shouts.references.find(r => r.id == m.id)?.topics;\r\n if (topics) {\r\n //m.topics = topics;\r\n m.topics = [];\r\n for (let t of topics) {\r\n let topic = yield Client.api(`https://www.yammer.com/api/v1/topics/${t.id}.json`);\r\n if (topic != null) m.topics.push(topic);\r\n }\r\n }\r\n }\r\n }\r\n\r\n if (messages.length && ((currentItems.length === 0) || (currentItems && currentItems[0].id !== messages[0].id))) {\r\n return yield parseYammerItems(messages);\r\n } else {\r\n return yield parseYammerItems(messages);\r\n }\r\n return false\r\n}\r\n\r\nasync function parseYammerItems(items) {\r\n let parsedItem = [];\r\n for (let key in items) {\r\n if (items[key]) { \r\n const item = items[key];\r\n\r\n let socialObject = new SocialObject;\r\n socialObject.setAuthor(item.user?.full_name);\r\n socialObject.setContent(parseYammerContent(item.body?.rich));\r\n socialObject.setTimestamp(moment(item.created_at)?.valueOf());\r\n socialObject.setUrl(item.web_url);\r\n socialObject.setID(\"\" + item.id);\r\n socialObject.setLikes(item.liked_by?.count);\r\n socialObject.setType('yammer');\r\n\r\n if (item.topics != null && item.topics) {\r\n socialObject.setTopics(item.topics);\r\n }\r\n\r\n socialObject.setImageUrl(item.user?.mugshot_url);\r\n\r\n if (socialObject.getSocialObject()) {\r\n parsedItem.push(socialObject.getSocialObject());\r\n }\r\n }\r\n }\r\n return parsedItem;\r\n}\r\n\r\nconst parseYammerContent = (content) => {\r\n const urls = /<(.*)>\\(“(.*)”\\)/g\r\n const links = /(.*)</\r\n\r\n content = content.replace(urls, function (match, token) {\r\n let title = match.match(/<(.*)>/);\r\n let link = match.match(/\\(“(.*)”\\)/);\r\n if (title[1] == null || link[1] == null) return \"\";\r\n return ` ${link[1]} `;\r\n });\r\n\r\n content = content.replace(links, function (match, token) {\r\n let title = match.match(/(.*)<${link[1]} `;\r\n });\r\n\r\n content = content.replace(/(?:\\r\\n|\\r|\\n)/g, '
');\r\n\r\n return content;\r\n}\r\n\r\nexport function* setLastViewedItems() {\r\n yield takeEvery(actions.SET_LAST_SOCIAL_VIEWED, function* (action) {\r\n if (action.payload == null) return;\r\n\r\n yield put({\r\n type: userActions.UPDATE_USER_SETTINGS,\r\n payload: {\r\n value: action.payload,\r\n setting: 'viewedSocial'\r\n }\r\n });\r\n\r\n });\r\n}\r\n\r\n\r\nexport function* parseLastViewed() {\r\n\r\n const parser = function* () {\r\n\r\n const items = yield select(getMultiChannelSocialItems);\r\n const data = yield select(getUserProfileSettingData);\r\n const completed = yield select(getUserRequestCompleted);\r\n const socialCompleted = yield select(getSocialRequestCompleted);\r\n\r\n if (data == null || !completed || !socialCompleted || items?.length == 0) return;\r\n\r\n let viewedItems = data.settings?.viewedSocial;\r\n if (!viewedItems) {\r\n viewedItems = [];\r\n }\r\n\r\n let newViewed = [];\r\n\r\n for (let item of items) {\r\n\r\n // -- User has never seen any social item, set everything to true\r\n if (!viewedItems.length) {\r\n item.viewed = true;\r\n } else {\r\n // -- Already items in user object, new items are unviewed.\r\n let viewedItem = viewedItems.find((i) => i.id === item.id);\r\n item.viewed = false;\r\n if (viewedItem) {\r\n if (viewedItem.viewed) {\r\n item.viewed = true;\r\n }\r\n }\r\n }\r\n\r\n if (!viewedItems.find((i) => i.id === item.id)) {\r\n newViewed.push({\r\n id: item.id,\r\n viewed: item.viewed,\r\n widget: item.widget\r\n });\r\n }\r\n }\r\n\r\n // -- Cleanup with only present items.\r\n for (let item of viewedItems) {\r\n let available = items.find((i) => i.id === item.id);\r\n if (available) {\r\n newViewed.push({\r\n id: item.id,\r\n widget: item.widget,\r\n viewed: item.viewed\r\n })\r\n }\r\n }\r\n\r\n\r\n // -- Conditionally update user settings object\r\n if ((newViewed.length == 0 && viewedItems.length == 0) ||\r\n (JSON.stringify(newViewed.map(n => n.id)) != JSON.stringify(viewedItems.map(n => n.id))) ||\r\n !data.settings?.viewedSocial) {\r\n\r\n console.log('set viewed socials');\r\n yield put({\r\n type: userActions.UPDATE_USER_SETTINGS,\r\n payload: {\r\n value: newViewed,\r\n setting: 'viewedSocial'\r\n }\r\n });\r\n }\r\n }\r\n\r\n // -- Fires after user data has been fetched, checks for social request completion and parses items\r\n yield takeEvery(userActions.DATA_REQUEST_COMPLETED, function* (action) {\r\n const completed = yield select(getSocialRequestCompleted);\r\n\r\n if (completed) {\r\n yield parser();\r\n }\r\n });\r\n\r\n // -- Fires after social data has been fetched, checks for user data presence and parses items\r\n yield takeEvery(actions.SOCIAL_REQUEST_COMPLETED, function* (action) {\r\n const completed = yield select(getUserRequestCompleted);\r\n\r\n if (action.payload === true && completed) {\r\n yield parser();\r\n }\r\n });\r\n}\r\n\r\n\r\nfunction parseEmbraceContent(content) {\r\n\r\n const urls = /href=/gi;\r\n\r\n content = content.replace(urls, function (match, token) {\r\n return 'target=\"_blank\" href=';\r\n });\r\n\r\n return content;\r\n}\r\n\r\nasync function parseEmbraceSocial(embraceItems, site, url, content, openDirect) {\r\n let parsedSocial = [];\r\n for (let key in embraceItems) {\r\n if (embraceItems[key]) {\r\n const item = embraceItems[key];\r\n\r\n let socialObject = new SocialObject;\r\n socialObject.setAuthor(item.PersonFullName);\r\n socialObject.setContent(parseEmbraceContent(item.Message));\r\n\r\n let offset = new Date().getTimezoneOffset();\r\n let timestamp = item.Timestamp - (-offset * 60 * 1000);\r\n\r\n socialObject.setTimestamp(timestamp);\r\n socialObject.setUrl(site);\r\n socialObject.setOpenDirect(openDirect);\r\n socialObject.setID('embrace_' + item.Id);\r\n socialObject.setType('embrace');\r\n socialObject.setLikes(item.Likes);\r\n\r\n if (item.PersonAvatar == null) {\r\n socialObject.setImageUrl('parse-from-localForage');\r\n } else {\r\n socialObject.setImageUrl(site + item.PersonAvatar.replace('Avatar55', 'Avatar150'));\r\n }\r\n\r\n if (socialObject.getSocialObject()) {\r\n parsedSocial.push(socialObject.getSocialObject());\r\n }\r\n }\r\n }\r\n return parsedSocial;\r\n}\r\n\r\nexport default function* rootSaga() {\r\n yield all([\r\n fork(getSocialFromChannel),\r\n fork(parseLastViewed),\r\n fork(setLastViewedItems)\r\n ]);\r\n};\r\n","import { all } from 'redux-saga/effects';\r\n\r\n// -- Old style widgets\r\nimport AppSaga from './app/saga';\r\nimport LayoutSaga from './layout/saga';\r\nimport AuthSaga from './auth/saga';\r\nimport UserSaga from './user/saga';\r\nimport GraphSaga from './client/saga';\r\nimport TasksSaga from './tasks/saga';\r\nimport BirthdaySaga from './birthday/saga';\r\nimport NewsSaga from './news/saga';\r\nimport DocumentSaga from './document/saga';\r\nimport MessageSage from './message/saga';\r\nimport ReportsSaga from './reports/saga';\r\nimport NotificationSaga from './notification/saga';\r\nimport NotificationCollectorSaga from'./notificationCollector/saga';\r\nimport EventsSaga from './events/saga';\r\nimport BlogSaga from './blog/saga';\r\nimport SlideOutSaga from './slideOut/saga';\r\nimport SolutionSaga from './solution/saga';\r\nimport SearchSaga from './search/saga';\r\nimport CalendarSagas from './calendar/saga';\r\nimport WidgetSaga from './widgets/saga';\r\nimport AppsSaga from './apps/saga';\r\nimport DocumentsWizardSaga from './documentsWizard/saga';\r\nimport TipsTricksSaga from './tipsTricks/saga';\r\nimport SiteKnowledgeSaga from './siteKnowledge/saga';\r\n\r\n// -- Common widgets\r\nimport CommonNewsSaga from './common/news/saga';\r\nimport ITNewsSaga from './common/itnews/saga';\r\nimport LearningSaga from './common/learning/saga';\r\nimport CommonEventsSaga from './common/events/saga';\r\nimport CommonBlogsSaga from './common/blog/saga';\r\nimport KnowledgeBaseSaga from './knowledgeBase/saga';\r\nimport CallsSaga from './common/calls/saga';\r\n\r\nimport UserRequestSaga from './common/userRequest/saga';\r\nimport RightsRequestSaga from './common/rightsRequest/saga';\r\nimport WorkplaceRequestSaga from './common/workplaceRequest/saga';\r\n\r\n// -- Widgets in new style\r\nimport TeamsSaga from './widgets/teams/saga';\r\nimport SharepointSaga from './widgets/sharepoint/saga';\r\nimport PeopleSaga from './widgets/people/saga';\r\nimport MultiChannelNewsSaga from './widgets/multiChannelNews/saga';\r\nimport MultiChannelShoutSaga from './widgets/multiChannelShout/saga';\r\nimport MultiChannelBlogSaga from './widgets/multiChannelBlog/saga';\r\nimport MultiChannelFeedSaga from './widgets/multiChannelFeed/saga';\r\nimport MultiChannelSocialSaga from './widgets/multiChannelSocial/saga';\r\nimport MultiChannelEventsSaga from './widgets/multiChannelEvent/saga';\r\n\r\nexport default function* rootSaga(getState) {\r\n\tyield all([\r\n\t\tAppSaga(),\r\n\t\tLayoutSaga(),\r\n\t\tAuthSaga(),\r\n\t\tGraphSaga(),\r\n\t\tUserSaga(),\r\n\t\tBirthdaySaga(),\r\n\t\tDocumentSaga(),\r\n\t\tTasksSaga(),\r\n NotificationSaga(),\r\n\t\tCalendarSagas(),\r\n\t\tWidgetSaga(),\r\n\t\tAppsSaga(),\r\n\t\tEventsSaga(),\r\n BlogSaga(),\r\n ReportsSaga(),\r\n\t\tCommonNewsSaga(),\r\n\t\tITNewsSaga(),\r\n CommonEventsSaga(),\r\n\t\tCommonBlogsSaga(),\r\n\t\tKnowledgeBaseSaga(),\r\n\t\tCallsSaga(),\r\n\t\tLearningSaga(),\r\n\t\tSlideOutSaga(),\r\n\t\tNotificationCollectorSaga(),\r\n\t\tSolutionSaga(),\r\n\t\tSearchSaga(),\r\n\t\tDocumentsWizardSaga(),\r\n\t\tTipsTricksSaga(),\r\n\t\tSiteKnowledgeSaga(),\r\n\t\tTeamsSaga(),\r\n\t\tSharepointSaga(),\r\n\t\tPeopleSaga(),\r\n\t\tMultiChannelNewsSaga(),\r\n\t\tMultiChannelBlogSaga(),\r\n\t\tMessageSage(),\r\n\t\tMultiChannelShoutSaga(),\r\n\t\tMultiChannelFeedSaga(),\r\n\t\tMultiChannelSocialSaga(),\r\n\t\tMultiChannelEventsSaga(),\r\n\t\t//newsSaga()\r\n\t\tUserRequestSaga(),\r\n\t\tRightsRequestSaga(),\r\n\t\tWorkplaceRequestSaga(),\r\n\t]);\r\n}\r\n","import { createStore, applyMiddleware, compose, combineReducers } from 'redux';\r\nimport createSagaMiddleware from 'redux-saga';\r\nimport rootReducer from './rootReducer';\r\nimport rootSaga from './rootSaga';\r\nimport { persistStore, persistReducer } from 'redux-persist';\r\nimport storage from 'redux-persist/lib/storage'; // defaults to localStorage for web\r\nimport localForage from \"localforage\";\r\nimport { routerMiddleware } from 'react-router-redux';\r\nconst createHistory = require(\"history\").createBrowserHistory;\r\nconst history = createHistory();\r\nconst routersMiddleware = routerMiddleware(history);\r\n\r\nconst sagaMiddleware = createSagaMiddleware();\r\nconst middlewares = [sagaMiddleware, routersMiddleware];\r\n\r\n//import { IntlActions } from 'react-redux-multilingual'\r\n//import translations from './translations'\r\n//import { IntlReducer as Intl, IntlProvider } from 'react-redux-multilingual'\r\n\r\nconst persistConfig = {\r\n key: 'root',\r\n storage: localForage,\r\n blacklist: ['Notifications', 'Client','Widgets', 'Auth', 'Message', 'SlideOut', 'Popup', 'YearOverview', 'Sharepoint']\r\n};\r\n\r\nconst persistedReducer = persistReducer(persistConfig, rootReducer);\r\n\r\nfunction configureStore(initialState) {\r\n const store = createStore(\r\n persistedReducer,\r\n compose(applyMiddleware(...middlewares)));\r\n\r\n let persistor = persistStore(store);\r\n if(window.clearPersist) {\r\n persistor.purge();\r\n }\r\n sagaMiddleware.run(rootSaga);\r\n\r\n return { store, persistor, history };\r\n}\r\n\r\n\r\nexport default configureStore();\r\n","const actions = {\r\n\tSET_APP_ONLINE : 'SET_APP_ONLINE',\r\n CHECK_APP_ONLINE : 'CHECK_APP_ONLINE',\r\n\tCHANGE_APP_CONNECTIVITY_STATUS : 'CHANGE_APP_CONNECTIVITY_STATUS',\r\n\tsetAppOnline : (payload) => ({\r\n\t\ttype : actions.SET_APP_ONLINE,\r\n\t\tpayload : payload\r\n\t}),\r\n\r\n checkAppOnline : (payload) => ({\r\n\t\ttype : actions.CHECK_APP_ONLINE,\r\n\t\tpayload : payload\r\n\t}),\r\n};\r\n\r\nexport default actions;\r\n","const actions = {\r\n\tGET_MULTICHANNEL_FEEDS : 'GET_MULTICHANNEL_FEEDS',\r\n\tSET_MULTICHANNEL_FEEDS : 'SET_MULTICHANNEL_FEEDS',\r\n\tSET_ACTIVE_FEED_ITEM : 'SET_ACTIVE_FEED_ITEM',\r\n\tFEED_REQUEST_COMPLETED : 'FEED_REQUEST_COMPLETED',\r\n\tgetMultichannelFeeds : ( payload, title ) => ({\r\n\t\ttype : actions.GET_MULTICHANNEL_FEEDS,\r\n\t\tpayload : { title: title, payload: payload } \r\n\t}),\r\n\tsetActiveFeedItem : ( payload ) => ({\r\n\t\ttype : actions.SET_ACTIVE_FEED_ITEM,\r\n\t\tpayload : payload\r\n\t}),\r\n};\r\n\r\nexport default actions;\r\n","import styled from 'styled-components'\r\n\r\nimport * as Variables from '../../ThemeVariables';\r\n\r\nconst CircleIcon = styled.div`\r\n\tborder-radius: 100%;\r\n\toverflow: hidden;\r\n\r\n\t\r\n\tline-height: ${Variables.headerHeight};\r\n\theight: ${Variables.headerHeight};\r\n\twidth: ${Variables.headerHeight};\r\n\tbackground: #dadde1;\r\n\tcolor: black;\r\n\ttext-align: center;\r\n\tfont-size: 25px;\r\n\tcursor: pointer;\r\n\r\n\tbox-shadow: 0 0 0 transparent;\r\n\ttransition: box-shadow .5s;\r\n\t&:hover {\r\n\t\tbox-shadow: 0 0 5px black;\r\n\r\n\t}\r\n`;\r\n\r\nexport default CircleIcon;\r\n","import styled from 'styled-components';\r\n\r\nexport const PageLoader = styled.div`\r\n\tposition: fixed;\r\n\theight: 100%;\r\n\tbackground-color: rgba(255, 255, 255, .5);\r\n\twidth: 100%;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\r\n\t&.darkmode {\r\n\t\tbackground-color: rgba(0, 0, 0, .5);\r\n\t}\r\n`;\r\n","import React from 'react';\r\nimport * as Styled from './styled';\r\nimport { connect } from 'react-redux';\r\n\r\nconst PageLoader = props => (\r\n\t
With your own GO environment it is possible to use a real app store. All apps are automatically installed on your workplace and will then be shown as a smart tile on GO. No more need to bring your machine to the IT department!\",\r\n notConnected: \"not connected\",\r\n addNewTile: \"Add new tile\",\r\n editTile: \"Edit tile\",\r\n insertUrl: \"insert new url\",\r\n uploadIcon: \"upload icon\",\r\n selectApplication: \"Select application\",\r\n removeAsFavorite: \"remove as favorite\",\r\n markAsFavorite: \"mark as favorite\",\r\n own: \"own\",\r\n tiles: \"tiles\",\r\n tile: \"tile\",\r\n local: \"local\",\r\n name: \"name\",\r\n applications: \"Applications\",\r\n language: \"Language\",\r\n choose: 'Choose',\r\n addOwnEvent: \"Add own event\",\r\n noPlannedItems: \"nothing planned\",\r\n wizardHomeHi: \"Welcome to GO, the modern workplace! GO is your starting point where you have everything at your fingertips. Your apps, documents, business information and more. GO makes it easy to be productive anytime, anywhere, instantly. \",\r\n wizardHomeGoGo: \"Do you have a question about video conferencing in Teams or is your laptop not working? Ask this to GoGo, the easy help! He searches the knowledge bases for you and calls in the service desk when necessary.\",\r\n hasOfficeLocalTitle: \"Do you have Microsoft Office installed locally?\",\r\n hasOfficeLocal: \"When you have installed Office on your computer or laptop, it is possible to open your documents from GO in the desktop app. Do you want to open your documents in the desktop app?\",\r\n wantOfficeWizardTitle: \"Do you want to use the smart Office Wizard?\",\r\n wantOfficeWizard: \"The smart wizard makes it easy to save new documents in the right place. Give the document a name and select a Team. \",\r\n inTabOrPopupTitle: \"Open in a new tab or popup?\",\r\n inTabOrPopup: \"Applications that are not installed on your PC open in a new browser tab or in a separate popup? The popup choice provides a different workplace experience.\",\r\n newTab: \"New tab\",\r\n popup: \"Popup\",\r\n shareBirthdayTitle: \"Do you also want to share your birthday with your colleagues?\",\r\n shareBirthday: 'If you\\'re okay with us showing your birthday to your colleagues, then you can fill it in yourself via your office profile page. Just make sure the option \\'Everyone can see this\\' is selected.
It may take one day for your birthday to appear in the list',\r\n yes: \"yes\",\r\n no: \"no\",\r\n people: \"colleagues\",\r\n delete: \"delete\",\r\n important: 'Important',\r\n markAsRead: 'mark all as read',\r\n intranet: 'Intranet',\r\n subject: 'subject',\r\n refresh: 'refresh',\r\n refreshedAgo: 'Refreshed {timeAgo}',\r\n completed: 'Completed',\r\n move: 'move',\r\n self: 'Self',\r\n rights: 'Rights',\r\n change: 'Change',\r\n noRequestFound: 'No requests found',\r\n user: \"User\",\r\n workplace: \"Workplace\",\r\n requestWorkplace: \"Request workplace\",\r\n remove: \"remove\",\r\n requestNewUser: \"Request a new user\",\r\n removeUser: \"Remove user\",\r\n userManagement: \"User management\",\r\n requestInformation: \"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat\",\r\n requestType: \"Request type\",\r\n voornaam: \"First name\",\r\n tussenvoegsel: \"Suffix\",\r\n achternaam: \"Last name\",\r\n telefoonnummer: \"Phonenumber\",\r\n functie: \"Function\",\r\n afdeling: \"Department\",\r\n omschrijving: \"Description\",\r\n datumInDienst: \"Date employed\",\r\n datumUitDienst: \"Datum out of service\",\r\n youSure:\"Are you sure?\",\r\n addUserFormInfo: \"Use the form below to request a new colleague at the Avantage Service Desk. In addition, you have insight into the call number and you can follow the contents of the call if you click on the call number. We advise you to report a new colleague as early as possible so that we can properly plan and carry out the work so that we can provide you with all information in a timely manner.\",\r\n removeUserFormInfo: \"With the form below you can request the removal of a colleague at the Avantage Service Desk. In addition, you have insight into the call number and you can follow the contents of the call if you click on the call number. We advise you to report a colleague on leave as early as possible so that we can properly plan and carry out the work so that the colleague no longer has access to the environment at the right time.\",\r\n removeRightsFormInfo: \"With the form below you can request changes to rights for a colleague at the Avantage Service Desk. In addition, you have insight into the call number and you can follow the contents of the call if you click on the call number. We aim to carry out the work within 3 working days.\",\r\n addOffersFormInfo: \"With the form below you can request a quote from our office staff. Specify what you want and what the expectations are for which you want to receive a quote. The more information you provide, the better we can provide you with a customized quote. If there are any questions, we will contact you. We aim to deliver the quote to you within 7 working days.\",\r\n typeLicentie: \"Type of license\",\r\n activateDefender: \"Activate defender\",\r\n officeBackup: \"Office365 backup\",\r\n addToGroups: \"Add to Office365 group(s)\",\r\n createSharedMailbox: \"Create shared mailbox\",\r\n linkMailbox: \"Link shared mailbox to\",\r\n forwardMailTo: \"Forward mail to\",\r\n openPopup: \"Open in popup\",\r\n connectionErrorLiquitCloud: \"An error occurred when logging in to Liquit Cloud with SSO, token was empty\", /* was 'error connecting to Liquit cloud'*/\r\n connectionErrorStartingLiquit: \"An error occurred while starting Liquit\",\r\n isAddedToEnvironment: \"has been added to your environment\",\r\n liquitFailedToStart: \"The application failed to start\",\r\n notifierRender: \"Rendering: \",\r\n commandHubInvokeGoLoginError: \"Error occurred while starting the connection: \", /*Error while starting connection*/\r\n noWidgetsPresent: \"No widgets have been created yet!\",\r\n leftColumnIsEmpty: \"Left column needs to have items, please add a widget to the layout\",\r\n MoveTiles: \"Move tiles\",\r\n explanation: \"explanation\",\r\n close: \"close\",\r\n You: \"You\",\r\n enterDescription: \"describe your issue here\",\r\n liquitSSOError: \"Liquit SSO login failed, token was empty\",\r\n }\r\n },\r\n 'nl': {\r\n locale: 'nl',\r\n messages: {\r\n hello: 'hallo',\r\n myProfile: 'Mijn profiel',\r\n vacationDays: 'Vakantiedagen',\r\n editSettings: 'Instellingen bewerken',\r\n openTutorial: 'Open tutorial',\r\n colorSetting: 'Kleurstelling',\r\n colorExplanation: 'GO komt standaard in een licht jasje. Selecteer de rechter, donkere variant om GO dark te gebruiken.',\r\n autoDarkMode: 'Met zonsopkomst en -ondergang automatisch kleur veranderen',\r\n ownAppTile: 'Eigen app tegels',\r\n editAppTile: 'Pas tegels aan',\r\n logout: 'Uitloggen',\r\n version: 'versie',\r\n startMenu: 'START',\r\n helpMenu: 'HULP',\r\n storeMenu: 'STORE',\r\n selfMenu: 'ZELF',\r\n tasks: 'Taken',\r\n calendar: 'Kalender',\r\n appointment: 'Afspraken',\r\n teams: 'Teams',\r\n tickets: 'Meldingen',\r\n apps: 'Apps',\r\n settings: 'Instellingen',\r\n startLocalApps: 'Lokale applicaties opstarten wanneer mogelijk',\r\n startAppsInNewWindow: 'Apps starten in nieuw tabblad',\r\n useOfficeWizard: 'Gebruik de Office wizard',\r\n showScrollbars: 'Toon scrollbars',\r\n openAppsExistingWindow: 'Gebruik bestaand tabblad bij opstarten app',\r\n more: 'meer',\r\n recent: 'recent',\r\n add: 'toevoegen',\r\n edit: 'bewerken',\r\n shared: 'gedeeld',\r\n mine: 'mijn',\r\n noItemsFound: 'geen items',\r\n news: 'Nieuws',\r\n createNews: 'maak een nieuwsbericht',\r\n createEvent: 'maak een event',\r\n today: 'Vandaag',\r\n tomorrow: 'Morgen',\r\n upcoming: 'Aankomend',\r\n earlierThisWeek: 'Eerder deze week',\r\n open: 'Openstaand',\r\n noDate: 'Geen datum',\r\n openToDo: 'Open to-do',\r\n createTask: 'Maak een taak',\r\n createAppointment: 'maak een afspraak',\r\n noAppointments: 'Je hebt vandaag en morgen geen afspraken',\r\n events: 'Evenementen',\r\n birthdays: 'Verjaardagen',\r\n noBirthdays: \"Er zijn geen jarigen vandaag of morgen\",\r\n hisBirthday: \"{when} is {name} jarig\",\r\n congratulations: \"Gefeliciteerd\",\r\n openOneDrive: \"open onedrive\",\r\n documents: \"Documenten\",\r\n kindOfDocument: \"Wat voor document\",\r\n createBlog: 'Maak een blog',\r\n openOriginal: \"open origineel\",\r\n searchingFor: 'Ik ben op zoek naar..',\r\n search: \"Zoeken\",\r\n whatToSearch: \"Wat wil je zoeken?\",\r\n all: 'alles',\r\n persons: 'personen',\r\n files: 'bestanden',\r\n colleagues: \"collega's\",\r\n emails: \"emails\",\r\n createTicket: \"maak melding\",\r\n myTickets: \"mijn meldingen\",\r\n itNews: \"IT nieuws\",\r\n noLink: \"nog geen koppeling\",\r\n new: \"nieuw\",\r\n my: \"mijn\",\r\n ticket: \"melding\",\r\n tickets: \"meldingen\",\r\n IT: \"IT\",\r\n theModernServiceDesk: \"De moderne servicedesk is een nieuwe manier om geholpen te worden. Vertel aan GoGo je probleem of vraag en hij helpt je verder. Ook kun je direct een nieuwe melding zelf aanmaken.\",\r\n wantToUseModernServiceDesk: \"Wil je gebruiken maken van onze moderne servicedesk?\",\r\n noCustomer: 'Jouw IT-omgeving is nog niet bij ons geregistreerd. Dat is wel nodig om gebruik te kunnen maken van onze moderne servicedesk mogelijkheden. Neem gerust contact met ons op om dat te realiseren.',\r\n wantToKnowMore: \"Wil je meer weten over de servicedesk van Avantage? Lees dan\",\r\n thisBlog: \"deze blog\",\r\n eLearning: \"E-Learning\",\r\n knowledgeBase: \"kennisbank\",\r\n tips: \"tips\",\r\n tipsNTricks: \"Tips 'n tricks\",\r\n help: \"hulp\",\r\n whenCustomer: \"Zodra jouw omgeving is toegevoegd, kan je gebruik maken van onze moderne servicedesk mogelijkheden. Meldingen die via de chatbot of die je zelf rechtstreeks hebt ingediend, worden hier weergeven en kun je de status daarvan inzien.\",\r\n createATicketHere: \"Hieronder kun je direct een melding maken die door de servicedesk wordt opgepakt. Wanneer je een omschrijving van jouw vraag of probleem hebt gegeven, wordt jouw melding direct geregistreerd.\",\r\n didYouKnowChatbot: \"Weet je dat je in GO jouw vraag ook aan de GoGo kunt stellen? Deze eenvoudige chatbot zoekt gelijk naar antwoorden in de kennisbanken en maakt (als dat nodig is) een melding bij onze servicedesk voor je aan.\",\r\n current: \"huidige\",\r\n view: \"Bekijk hier je\",\r\n findProblemsHere: \"Problemen, vragen of incidenten die zijn doorgezet naar de servicedesk, vindt je hier weer terug.\",\r\n noActiveTickets: \"Op dit moment heb je geen actieve meldingen\",\r\n createANewTicket: \"maak een nieuwe melding aan\",\r\n noITNews: \"Op dit moment is er geen nieuws over je IT omgeving\",\r\n howCanIHelpYou: \"Hoe kan ik je helpen?\",\r\n GoGo: \"GoGo, de eenvoudige hulp \",\r\n hi: \"Hi\",\r\n alwaysOnline: \"altijd online\",\r\n whatDoYouWantToKnow: \"Wat wil je weten?\",\r\n aboutWhatDoYouWantToKnow: \"Waarover wil je wat weten?\",\r\n answer: \"Antwoord\",\r\n example: \"Voorbeeld\",\r\n setPreferences: \"Geef je voorkeuren\",\r\n thenWeWillGetYourLearnings: \"dan halen we relevante leerpaden van Microsoft voor je op!\",\r\n here: \"hier\",\r\n searchLearning: \"Zoek op leerpaden\",\r\n gatherLearningsForYou: \"We willen graag relevante e-learnings voor je verzamelen. Geef je voorkeuren aan door je rol(len), producten en je niveau te selecteren.\",\r\n whichRoles: \"Welke rollen vervul je binnen jouw organisatie?\",\r\n whichProducts: \"Over welke producten of diensten wil je iets leren?\",\r\n previous: \"vorige\",\r\n next: \"volgende\",\r\n save: \"opslaan\",\r\n browseLearnings: \"blader door alle leerpaden\",\r\n learningsFound: \"leerpaden gevonden\",\r\n searchLearnings: \"zoek op titel, rollen of producten\",\r\n or: \"of\",\r\n didYouKnow: \"Wist je dat je ook je vraag, verzoek of probleem aan GoGo kan stellen? Deze eenvoudige hulp zoekt gelijk voor je naar antwoorden in de kennisbanken en maakt een melding voor je aan als dit nodig is.\",\r\n createTicketHere: \"Je kunt hieronder een melding aanmaken die door de servicedesk wordt opgepakt. Geef een omschrijving op en je melding wordt geregistreerd.\",\r\n active: \"active\",\r\n whatToReport: \"Wat wil je melden?\",\r\n yesCreateTicket: \"Ja, maak een melding aan\",\r\n addAction: \"Voeg een actie toe\",\r\n addAnActionMessage: \"Voeg een actie, status update, vraag of een ander bericht toe aan je melding.\",\r\n busySending: \"Bezig met versturen..\",\r\n busy: \"Bezig..\",\r\n send: \"versturen\",\r\n whatsTheSubject: \"Wat is het onderwerp?\",\r\n selectFromBelow: \"Of gebruik één van onderstaande\",\r\n thanksKeepInTouch: \"Bedankt voor je melding! Je hoort zo snel mogelijk van ons.\",\r\n sorryWhatIsYourPhone: \"Sorry! We merken dat je niet tevreden bent, graag willen we je telefonisch benaderen!\",\r\n correctNumber: \"Klopt dit nummer?\",\r\n mayWeContactYou: \"Op welk nummer mogen we je benaderen?\",\r\n yesCallMe: \"Ja, bel mij!\",\r\n isAddedToEnvironment: \"is toegevoegd aan je omgeving\",\r\n needAppPermission: \"Voor {name} is goedkeuring van je manager nodig, de aanvraag is doorgestuurd.\",\r\n searchAvailableApps: \"Zoek in beschikbare apps\",\r\n found: \"gevonden\",\r\n youGot: \"Je hebt\",\r\n localApps: \"lokale apps\",\r\n smartTilesMessage: \"slimme tegels en app store
Met een eigen GO omgeving is het mogelijk om een echte app store te gebruiken. Alle apps worden automatisch op je werkplek geinstalleerd en zal dan als een slimme tegel op GO worden getoond. Niet meer nodig om je machine langs de IT afdeling te brengen!\",\r\n notConnected: \"niet verbonden\",\r\n addNewTile: \"Voeg nieuwe tegel toe\",\r\n editTile: \"Pas tegel aan\",\r\n insertUrl: \"voer een nieuwe url in\",\r\n uploadIcon: \"upload icoon\",\r\n selectApplication: \"Selecteer applicatie\",\r\n removeAsFavorite: \"Verwijder als favoriet\",\r\n markAsFavorite: \"Markeer als favoriet\",\r\n own: \"eigen\",\r\n tiles: \"tegels\",\r\n tile: \"tegel\",\r\n local: \"lokaal\",\r\n name: \"naam\",\r\n applications: \"Applicaties\",\r\n language: \"Taal\",\r\n choose: 'Kies',\r\n addOwnEvent: \"Eigen event toevoegen\",\r\n noPlannedItems: \"niks gepland\",\r\n wizardHomeHi: \"Welkom op GO, de moderne werkplek! GO is je startplek waarop je direct alles in handbereik hebt. Je apps, documenten, bedrijfsinformatie en meer. Met GO wordt het eenvoudig om altijd, overal en direct productief te zijn. \",\r\n wizardHomeGoGo: \"Heb je een vraag over videovergaderen in Teams of werkt je laptop niet? Stel deze aan GoGo, de eenvoudige hulp! Hij zoekt voor je in de kennisbanken en schakelt wanneer nodig de servicedesk in.\",\r\n hasOfficeLocalTitle: \"Heb je Microsoft Office lokaal geïnstalleerd?\",\r\n hasOfficeLocal: \"Wanneer je Office op je computer of laptop hebt geïnstalleerd, is het mogelijk om je documenten vanuit GO in de desktop-app te openen. Wil je jouw documenten in de desktop-app openen?\",\r\n wantOfficeWizardTitle: \"Wil je de slimme Office Wizard gebruiken?\",\r\n wantOfficeWizard: \"Met deze slimme wizard wordt het eenvoudig om nieuwe documenten op de juiste plek op te slaan. Geef het document een naam en selecteer een Team. \",\r\n inTabOrPopupTitle: \"Openen in een nieuw tabblad of popup?\",\r\n inTabOrPopup: \"Applicaties die niet op je PC geïnstalleerd staan openen in een nieuw browser tabblad of in een aparte popup? De popup keuze zorgt voor een andere werkplek ervaring.\",\r\n newTab: \"Nieuw tabblad\",\r\n popup: \"Popup\",\r\n shareBirthdayTitle: \"Wil je ook je verjaardag met je collega's delen?\",\r\n shareBirthday: 'Als je het oké vindt dat we je verjaardag laten zien aan je collega\\'s, dan kun je deze zelf invullen via je office profiel pagina. Zorg er wel voor dat de optie \\'Iedereen kan dit zien\\' is geselecteerd.
Het kan één dag duren voordat je verjaardag zichtbaar wordt in de lijst',\r\n yes: \"ja\",\r\n no: \"nee\",\r\n people: \"collega's\",\r\n delete: \"verwijder\",\r\n important: 'Belangrijk',\r\n markAsRead: 'markeer alles gelezen',\r\n intranet: 'Intranet',\r\n subject: 'onderwerp',\r\n refresh: 'ververs',\r\n refreshedAgo: '{timeAgo} ververst',\r\n completed: 'Afgerond',\r\n move: 'verplaatsen',\r\n self: 'Zelf',\r\n rights: 'Rechten',\r\n change: 'Aanpassen',\r\n noRequestFound: 'Geen aanvragen gevonden',\r\n user: \"Gebruiker\",\r\n workplace: \"Werkplek\",\r\n requestWorkplace: \"Werkplek aanvragen\",\r\n remove: \"verwijderen\",\r\n requestNewUser: \"Vraag een nieuwe gebruiker aan\",\r\n removeUser: \"Verwijder gebruiker\",\r\n userManagement: \"Gebruikersbeheer\",\r\n requestInformation: \"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat\",\r\n requestType: \"Aanvraag type\",\r\n voornaam: \"Voornaam\",\r\n tussenvoegsel: \"Tussenvoegsel\",\r\n achternaam: \"Achternaam\",\r\n telefoonnummer: \"Telefoonnummer\",\r\n functie: \"Functie\",\r\n afdeling: \"Afdeling\",\r\n omschrijving: \"Omschrijving\",\r\n datumInDienst: \"Datum in dienst\",\r\n datumUitDienst: \"Datum uit dienst\",\r\n youSure:\"Weet je het zeker?\",\r\n addUserFormInfo: \"Met het onderstaande formulier kunt u een nieuwe collega aanvragen bij de Servicedesk van Avantage. Daarnaast heeft u inzicht in het callnummer en kunt u de inhoudt van de call volgen als u op het callnummer klikt. Wij adviseren u zo vroeg mogelijk melding te maken van een nieuwe collega zodat wij de werkzaamheden netjes kunnen plannen en uitvoeren zodat we u tijdig van alle informatie kunnen voorzien.\",\r\n removeUserFormInfo: \"Met het onderstaande formulier kunt u een collega uitdienst melden bij de Servicedesk van Avantage. Daarnaast heeft u inzicht in het callnummer en kunt u de inhoudt van de call volgen als u op het callnummer klikt. Wij adviseren u zo vroeg mogelijk melding te maken van een collega uitdienst zodat wij de werkzaamheden netjes kunnen plannen en uitvoeren zodat de collega op het juiste moment geen toegang meer heeft op de omgeving.\",\r\n addRightsFormInfo: \"Met het onderstaande formulier kunt u aanpassingen op rechten voor een collega aanvragen bij de Servicedesk van Avantage. Daarnaast heeft u inzicht in het callnummer en kunt u de inhoudt van de call volgen als u op het callnummer klikt. Wij streven ernaar de werkzaamheden binnen 3 werkdagen uit te voeren.\",\r\n addOffersFormInfo: \"Met het onderstaande formulier kunt u een offerte aanvraag doen bij onze binnendienst. Specificeer wat u wenst en wat de verwachtingen zijn waarvoor u een offerte wilt ontvangen. Hoe meer informatie hoe beter wij kunnen zorgen voor een offerte op maat. Mochten er nog vragen zijn nemen wij contact met u op. Wij streven er naar om binnen 7 werkdagen de offerte bij u af te leveren.\",\r\n typeLicentie: \"Type licentie\",\r\n activateDefender: \"Activeer defender\",\r\n officeBackup: \"Office365 backup\",\r\n addToGroups: \"Toevoegen aan Office365 groepen\",\r\n createSharedMailbox: \"Aanmaken gedeelde mailbox\",\r\n linkMailbox: \"Gedeelde mailbox koppelen aan\",\r\n forwardMailTo: \"Forward mail naar\",\r\n openPopup: \"Open in een popup\",\r\n liquitSSOError: \"Liquit SSO inloggen is niet gelukt, token was leeg\",\r\n connectionErrorLiquitCloud: \"Er is een fout opgetreden bij het verbinden met Liquit Cloud\",\r\n connectionErrorStartingLiquit: \"Er is een fout opgetreden bij het opstarten van Liquit\",\r\n isAddedToEnvironment: \"is toegevoegd aan je omgeving\",\r\n liquitFailedToStart: \"De applicatie kon niet opstarten\",\r\n notifierRender: \"Rendering: \",\r\n commandHubInvokeGoLoginError: \"Fout tijdens het starten van de verbinding: \", /*Error while starting connection*/\r\n noWidgetsPresent: \"Er zijn nog geen widgets aangemaakt!\",\r\n leftColumnIsEmpty: \"Linkerkolom moet gevuld zijn, voeg alstublieft een widget toe aan de indeling\",\r\n MoveTiles: \"Beweeg tegels\",\r\n explanation: \"uitleg\",\r\n close: \"sluiten\",\r\n You: \"Jij\",\r\n enterDescription: \"beschrijf hier jouw melding\"\r\n }\r\n }\r\n}\r\n\r\nexport default translation;\r\n","import styled from 'styled-components';\r\nimport Box from '../../../styled/Box';\r\n\r\nexport const BirthdayItem = styled(Box)`\r\n\tpadding: 15px;\r\n\r\n`;\r\n\r\nexport const Wrapper = styled.div`\r\n\t${props => props.flex ? 'display: flex;align-items: center;' : 'display: block; text-align: center;'}\r\n\r\n`;\r\n\r\nexport const Icon = styled.img`\r\n\twidth: 76px;\r\n\theight: 76px;\r\n\tborder-radius: 50%;\r\n`;\r\n\r\nexport const Text = styled.span`\r\n\tline-height: 24px;\r\n\tfont-size: 12px;\r\n\r\n\t${props => props.fullWidth ? 'width: 100%;display: block;' : 'margin-left: 20px;'}\r\n`;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport * as Styled from './styled';\r\nimport { connect } from 'react-redux';\r\nimport { withTranslate } from 'react-redux-multilingual';\r\n\r\nconst BirthdayItem = props => (\r\n
{props.when}
{renderItem(items[index])}
;\r\n }\r\n\r\n return Loading..
;\r\n };\r\n\r\n return (\r\n \r\n {props.name} \r\n {moment(props.day).locale('nl').format('D MMMM')} \r\n
\r\n \r\n
\r\n geen verjaardagen gevonden
:\r\n this.state.listHeight ?\r\n {\r\n this._setItemActive(key); \r\n this._fetchSharepointDrives(item); \r\n this.setState({breadCrumbs: [...this.state.breadCrumbs,item]});\r\n }}>
\r\n {item.name}
{ \r\n if(item.isFolder) {\r\n this._setItemActive(key);\r\n this._fetchSharepointDriveChildren(item); \r\n this.setState({breadCrumbs: [...this.state.breadCrumbs,item]});\r\n } else {\r\n if (this.props.saveButtonAction) {\r\n this.props.saveButtonAction(item)\r\n }\r\n }\r\n } }>
\r\n {item.name}
{ \r\n if(item.isFolder) {\r\n this._setItemActive(key); \r\n this._fetchSharepointFolder(item); \r\n this.setState({breadCrumbs: [...this.state.breadCrumbs,item]})\r\n } else {\r\n if (this.props.saveButtonAction) {\r\n this.props.saveButtonAction(item)\r\n }\r\n }\r\n // this.props.actions.clearSharepoint(['Folder']);\r\n } }>
\r\n {item.name}
{ \r\n if(item.isFolder) {\r\n this._setItemActive(key); \r\n this._fetchSharepointFolder(item); \r\n this.setState({breadCrumbs: [...this.state.breadCrumbs,item]})\r\n } else {\r\n if (this.props.saveButtonAction) {\r\n this.props.saveButtonAction(item)\r\n }\r\n }\r\n } }>
\r\n {item.name}
Standaard hebben we GO een lichte jas aangetrokken. Wij vinden dat het uitstekend staat.
\r\nOf kies voor een donkere modus, die fijner aan je ogen is in het donker
\r\nDag
\r\nNacht
\r\nAfspraken
\r\nKlik op het getal en je ziet meteen welke afspraken er de komende week in je agenda staan. Die vergeet je niet meer!
\r\nTaken
\r\nAls je 'Taken' aanklikt, weet je meteen waar je direct mee aan de slag moet of wat later kan. Je ziet ook de voortgang direct in beeld.
\r\nAfspraken
\r\nGO houdt je automatisch op de hoogte van nieuwsberichten en nieuwe taken die aan jou zijn toegewezen.
\r\n{this.props.falseVal}
\r\n{this.props.trueVal}
\r\n\"}\r\n />\r\n
\"}\r\n />\r\n \"}\r\n />\r\n \"}\r\n />\r\n \"}\r\n />\r\n \r\n Hulp? \r\n \r\n \r\n \r\n
\r\n Start\r\n \r\n
\r\n Hulp\r\n \r\n
\r\n Zelf\r\n \r\n {this.props.calls ?
\r\n Meldingen\r\n {this.state.error}
\r\n \r\n \r\n Offline..
\r\nJe hebt geen internetverbinding
\r\nOnline..
\r\nHet lijkt erop dat er iets is misgegaan tijdens het aanmelden
\r\n\r\n \r\n