\n {this.renderAd()}\n
)\n }\n}\nAdRender.propTypes = {\n adBanners: PropTypes.object\n\n};\n\nfunction mapStateToProps(state, ownProps) {\n let banner = null;\n\n if(ownProps.code){\n banner = state.adBanners.collection.filter((ad) => ad.slot_code === ownProps.code)[0];\n } else {\n let randElement = Math.floor(Math.random() * state.adBanners.collection.length);\n banner = state.adBanners.collection[randElement];\n }\n\n return {\n banner: banner\n };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return {\n actions: bindActionCreators(Object.assign({}, adBannersActions), dispatch)\n };\n}\nexport default connect(mapStateToProps, mapDispatchToProps)(AdRender);\n","import {actions} from 'react-fields'\nimport store from '../store/store';\nimport {loadedBanners} from \"../actions/adBannersActions\";\nimport 'whatwg-fetch';\n\nclass AdBannersApi {\n\n static getList(params) {\n let paramsStr = Object.keys(params).map(function(k) {\n return encodeURIComponent(k) + \"=\" + encodeURIComponent(params[k]);\n }).join('&');\n const url = `/api/ad_banners/load?${paramsStr}`;\n fetch(actions.getData(url))\n .then(actions.status)\n .then(actions.json)\n .then(function(data) {\n return data;\n }).then( (response) => {\n store.dispatch(loadedBanners(response));\n }).catch(error => {\n console.log(error);\n })\n }\n\n static trackImpression(bannerId) {\n const url = `/api/ad_banners/${bannerId}/impression`;\n fetch(actions.getData(url))\n .then(actions.status)\n .then(actions.json)\n .then((data) => {\n return data;\n }).catch(error => {\n console.log(error);\n })\n }\n\n static trackClick(bannerId) {\n const url = `/api/ad_banners/${bannerId}/click`;\n fetch(actions.getData(url))\n .then(actions.status)\n .then(actions.json)\n .then((data) => {\n return data;\n }).catch(error => {\n console.log(error);\n })\n }\n\n}\n\nexport default AdBannersApi;","import {actions} from 'react-fields';\n\nexport default class SubscriptionApi {\n\n static submit(form, categories, token= null) {\n let url = form.encrypted_key ? `/api/subscriptions/${form.encrypted_key}` : '/api/subscriptions';\n /// remove categories\n // let categoriesSettings = {};\n // categories.map((cat) => categoriesSettings[`category_${cat.id}`] = cat.selected);\n // let data = {settings: categoriesSettings};\n let data = {};\n if(!form.encrypted_key){\n data = {...data, email: form.email, form_type: form.form_type, source_url: document.location.href,\n newsletter_form_id: form.newsletter_form_id, ad_banner_id: form.ad_banner_id};\n }\n return fetch(form.encrypted_key ?\n actions.putRequest(url, {subscription: data}) :\n actions.postRequest(url, {subscription: data, g_recaptcha_response: token}))\n .then(actions.status)\n .then(actions.json)\n }\n\n static validate(form, categories, onSuccess, onError) {\n let errors = {};\n\n if (!form.email)\n errors['email'] = `This field is required`;\n\n // if (!form.name)\n // errors['name'] = `This field is required`;\n //\n // if (!form.terms_agreement && !form.encrypted_key)\n // errors['termsAgreement'] = `You need to accept the Terms and Privacy`;\n\n if (Object.keys(errors).length) {\n onError(errors);\n } else {\n onSuccess();\n }\n }\n\n}","import React from \"react\";\nimport LazyLoad from 'react-lazyload';\nimport List from './list';\n\nclass Grid extends React.Component {\n\n render() {\n return (\n \n {this.state.articles.map((article, i) => {\n return (
\n )\n }\n\n}\n\nexport default SmallArticleList;","import React, {Component, Fragment} from \"react\";\nimport {ArticleCardInfo} from \"./card/info\";\nimport {ArticleCardImage} from \"./card/image\";\n\nclass ArticleCard extends Component {\n\n componentDidMount() {\n if (this.props.lazyLoading) {\n this.enableLazyLoading();\n }\n }\n\n enableLazyLoading = () => {\n if (window.lazyLoadInstance){\n window.lazyLoadInstance.update();\n }\n else{\n let _this = this;\n window.setTimeout(_this.enableLazyLoading,100);\n }\n };\n\n renderCAinfo = () => {\n return \n
)\n })}\n \n \n \n \n
\n \n \n \n
: \n {this.renderCAinfo()}\n
}\n \n \n {this.renderCAinfo()}\n
\n {article.name}
\n {this.props.hideDateAndComments ? null :\n\n {renderArticleImageMetaSEO()}\n \n ![]()
\n {article.video_url ?
\n )\n\n};","import React from \"react\";\n\nexport const ArticleCardInfo = props => {\n\n return (\n : null }\n \n
\n \n
\n )\n\n};","import React, {Fragment} from \"react\";\n\nexport const ArticleCardSmall = ({article}) => {\n\n return (\n \n
{props.comments_count || 0}
\n \n
\n )\n\n};","import React from \"react\";\nimport {actions} from \"react-fields\";\nimport {ArticleCardSmall} from \"../../article/cardSmall\";\n\nclass Index extends React.Component {\n\n state = { articles: [], isloaded: false };\n\n componentDidMount() {\n this.getRelated();\n }\n\n getRelated = () => {\n let _this = this;\n let url = `/api/articles/${this.props.article_id}/related_with_options`;\n fetch(actions.getData(url))\n .then(actions.status)\n .then(actions.json)\n .then(function(data) {\n _this.setState({articles: data, isloaded: true});\n });\n };\n\n render(){\n if (!this.state.isloaded) { return null; }\n return(\n \n \n 
\n \n
\n \n {article.name}\n
\n {article.publish_date_formatted || article.publish_date}
\nRelated Articles
\n {this.state.articles.map((article) => {\n return (\n {!!this.props.seo ? \n \n \n \n {!!this.props.pagePath ? : null }\n : null}\n\n
\n\n \n
\n\n \n \n
\n \n {this.state.isLoading ? \n {this.props.filterType && this.state.filterCollection ? }\n\n {this.renderCollection()}\n
\n );\n }\n}","import React, {PureComponent} from \"react\";\nimport ArticleCard from \"../article/card\";\nimport PropTypes from \"prop-types\";\nimport AdBanner from '../adBanners/ad';\n\nclass List extends PureComponent {\n\n // state = {\n // collection: this.props.collection,\n // spots: this.props.spots\n // };\n //\n // shouldComponentUpdate(nextProps){\n // return false;\n // }\n\n randomSpots = (length) => {\n let adSpot1 = null, adSpot2 =null;\n if (length > 4)\n adSpot1 = Math.floor(Math.random() * 8) + 4;\n if (length > 16)\n adSpot2 = Math.floor(Math.random() * 8) + 16;\n\n if (adSpot1 > length && length > 4 && length < 11) {\n adSpot1 = length;\n } else {\n if (adSpot2 > length && length > 15 && length < 23)\n adSpot2 = length;\n }\n return [adSpot1, adSpot2]\n };\n\n renderList = () => {\n let length = this.props.collection.length;\n let result = [];\n let curArticle =0, curSpot = 0;\n let [adSpot1, adSpot2] = this.props.spots || this.randomSpots(length);\n\n while (curArticle < length || curSpot === adSpot1 || curSpot === adSpot2) {\n if (curSpot === adSpot1 || curSpot === adSpot2){\n let randKey = `ad_${curSpot}`;\n result.push(\n
: null}\n \n
);\n } else {\n let article = this.props.collection[curArticle];\n result.push(\n
);\n curArticle++;\n }\n if (curSpot%12 === 11 && curArticle !== length){\n result.push(\n \n
\n
\n )\n\n }\n\n curSpot++;\n }\n return result;\n };\n\n render() {\n return this.renderList();\n }\n}\nList.contextTypes = {\n store: PropTypes.object\n};\nexport default List;","import React, {Component} from \"react\";\n\nclass ListTop extends Component {\n\n\n render() {\n return(\n \n
\n );\n }\n\n}\n\nexport default ListTop;","import React from \"react\";\n\nclass NoResults extends React.Component {\n\n\n render(){\n return(\n \n
\n {this.props.count ? `${this.props.count} ${this.props.header}${this.props.count > 1 ? 's' : ''} ${this.props.headerPostfix ? this.props.headerPostfix: '' }` : null}
\n\n {this.props.children}\n
\n \n
\n )\n }\n\n} export default NoResults;","export function btoa(str) {\n return Buffer.from(str).toString('base64');\n}\n\nexport function atob(str){\n return Buffer.from(str, 'base64').toString();\n}","import React, { Component } from 'react';\nimport {SelectField, actions} from 'react-fields';\n\nclass CollectionForSelect extends React.Component {\n\n state = {\n collection: []\n };\n\n\n\n componentDidMount(){\n this.getCollection();\n }\n\n getCollection(){\n let _this = this;\n return fetch(actions.getData(this.props.url))\n .then(actions.status)\n .then(actions.json)\n .then(function(data) {\n _this.setState({collection: data});\n });\n\n }\n\n render() {\n let props = {...Object.assign({},this.props,{options: this.state.collection.length > 0 ? this.state.collection : []})};\n return (\n \n \n
\n {this.props.text || \"Sorry, we couldn't find anything. Try searching something else.\"}
\n (this.dynamicContentWrapper = el)} />\n );\n }\n\n\n}","import React, { Component } from 'react';\nimport PropTypes from \"prop-types\";\n\nclass InvisibleRecaptcha extends Component {\n\n scriptId = 'google-recaptcha-v3';\n placeholderDivId = Math.random().toString(36).substring(7);\n googleRecaptchaSrc = 'https://www.google.com/recaptcha/api.js';\n captcha = undefined;\n captchaWidget = undefined;\n\n componentDidMount() {\n if (!this.props.sitekey) {\n return;\n }\n\n if(window.grecaptcha) {\n this.setCaptcha();\n } else {\n this.injectGoogleReCaptchaScript();\n }\n\n }\n\n injectGoogleReCaptchaScript = () => {\n if (document.getElementById(this.scriptId)) {\n this.handleOnLoad();\n return;\n }\n\n const head = document.getElementsByTagName('head')[0];\n\n const js = document.createElement('script');\n js.id = this.scriptId;\n js.src = `${this.googleRecaptchaSrc}?render=explicit`;\n js.async = true;\n js.onload = this.handleOnLoad;\n\n head.appendChild(js);\n };\n\n handleOnLoad = () => {\n if (!window) {\n console.warn('Google recaptcha is not available 1');\n return;\n }\n\n if (!window || !window.grecaptcha) {\n console.warn('Google recaptcha is not available 2');\n return;\n }\n window.grecaptcha.ready(() => {\n console.log(' window.grecaptcha ready');\n this.setCaptcha();\n });\n };\n\n // setCaptcha = () => {\n // console.log('setCaptcha');\n // this.captcha = window.grecaptcha;\n // this.captchaWidget = this.captcha.render(this.placeholderDivId, {\n // sitekey: this.props.sitekey,\n // callback: this.props.verifyCallback,\n // size: 'invisible'\n // });\n // };\n\n setCaptcha = () => {\n const grecaptchaInstance = window.grecaptcha;\n if (grecaptchaInstance.render ==='undefined' || !grecaptchaInstance.render) {\n console.log('setCaptcha on ready');\n grecaptchaInstance.ready(() => {\n this.setCaptcha();\n });\n } else {\n console.log('setCaptcha');\n this.captcha = grecaptchaInstance;\n this.captchaWidget = this.captcha.render(this.placeholderDivId, {\n sitekey: this.props.sitekey,\n callback: this.props.verifyCallback,\n size: 'invisible'\n });\n }\n };\n\n reset() {\n if (this.captcha) {\n this.captcha.reset(this.captchaWidget);\n }\n }\n\n execute() {\n if(!this.captcha && window.grecaptcha) {\n this.setCaptcha();\n }\n if (this.captcha) {\n this.captcha.execute(this.captchaWidget);\n } else {\n console.warn('reCaptcha is not yet enabled')\n }\n }\n\n render() {\n return (\n \n );\n }\n}\n\nInvisibleRecaptcha.propTypes = {\n sitekey: PropTypes.string.isRequired,\n verifyCallback: PropTypes.func.isRequired\n};\nexport default InvisibleRecaptcha;","export default {\n development: {\n site_key: '6Lf5wNckAAAAAHlajoHobqQAraYRs9i_dX3J28iY'\n },\n staging: {\n site_key: '6LeoOSkaAAAAAMibOldEeGeIyOJ_PXfAdVn8d1Dp'\n },\n production: {\n site_key: '6LfxwXspAAAAAGefGUACQGpcVqTtdBQyo49Mps2_'\n }\n}[process.env.RAILS_ENV]","class CookieFunctions {\n\n static setCookie(name, value, expirationHours) {\n if (expirationHours === undefined) {\n document.cookie = `${name}=${value}; path=/;`;\n } else {\n let expires = new Date();\n expires.setTime(expires.getTime() + (1 * expirationHours * 60 * 60 * 1000));\n document.cookie = `${name}=${value}; expires=${expires.toUTCString()}; path=/;`;\n }\n }\n\n static getCookieValue(cookieName) {\n let name = cookieName + \"=\";\n let ca = document.cookie.split(';');\n for(let i = 0; i < ca.length; i++) {\n let c = ca[i];\n while (c.charAt(0) === ' ') {\n c = c.substring(1);\n }\n if (c.indexOf(name) === 0) {\n return c.substring(name.length, c.length);\n }\n }\n return \"\";\n }\n\n static deleteCookie( name ) {\n document.cookie = name+'=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;';\n }\n\n}\nexport default CookieFunctions;","import React, {Component, Fragment} from \"react\";\n\nclass DropDownButton extends Component {\n\n constructor(props) {\n super(props);\n this.state = {filterOpened: false};\n this.wrapperRef = React.createRef();\n }\n\n componentDidMount() {\n document.addEventListener('click', this.handleClickOutside);\n }\n\n componentWillUnmount() {\n window.removeEventListener('click', this.handleClickOutside);\n }\n\n handleClickOutside = (event) => {\n if (this.wrapperRef.current && !this.wrapperRef.current.contains(event.target)) {\n this.collapse();\n }\n };\n\n expand = (e) => {\n this.setState({filterOpened: !this.state.filterOpened});\n };\n\n collapse = () => {\n this.setState({filterOpened: false});\n };\n\n onChange = (filter) => {\n this.props.onChange(filter);\n this.collapse();\n };\n\n render() {\n let _this = this;\n return(\n \n {this.props.images.map((image, index) => this.renderImage(image, index))}\n \n )\n }\n\n}","import React, { Component } from 'react';\nimport {render as reactDomRender} from \"react-dom\";\n\nclass PopUp extends Component {\n\n state = {id: Math.random().toString(36).substring(7)};\n\n open = () => {\n this.renderModal();\n };\n\n close = () => {\n if (!this.portalElement) { return; }\n if (this.props.onClose) { this.props.onClose(); }\n reactDomRender(null, this.portalElement);\n document.body.removeChild(this.portalElement);\n this.portalElement = null;\n if (this.props.disablePageScroll) {\n const scrollY = document.body.style.top;\n document.body.style.position = '';\n document.body.style.top = '';\n window.scrollTo(0, parseInt(scrollY || '0') * -1);\n }\n if (this.props.isSubscriptionReferral || this.props.disableOuterPageScroll) {\n document.documentElement.classList.remove('is-reveal-open');\n }\n };\n\n componentWillUnmount() {\n if (this.portalElement)\n document.body.removeChild(this.portalElement);\n }\n\n renderCloseIcon = () => {\n if (!this.props.closeIcon) { return null; }\n let iconClass = '';\n switch(this.props.closeIcon) {\n case 'blue_fill':\n iconClass = 'reveal__close--fill reveal__close--fill--blue';\n break;\n case 'white_fill':\n iconClass = 'reveal__close--fill';\n break;\n case 'blue_circle':\n iconClass = 'reveal__close--circle reveal__close--circle--blue';\n break;\n case 'white_circle':\n iconClass = 'reveal__close--circle';\n break;\n default:\n return '';\n }\n return ;\n };\n\n renderModal = () => {\n let p = document.createElement('div');\n p.id = this.state.id;\n document.body.appendChild(p);\n this.portalElement = p;\n\n if (this.props.disablePageScroll) {\n document.body.style.top = `-${window.scrollY}px`;\n document.body.style.position = 'fixed';\n }\n\n let style = {};\n if (this.props.isSubscriptionReferral || this.props.disableOuterPageScroll) {\n document.documentElement.classList.add('is-reveal-open');\n if (this.props.isSubscriptionReferral) {style['display'] = 'block';}\n }\n\n let overlayClasses = ['reveal-overlay'];\n if (!!this.props.overlayClass) { overlayClasses.push(this.props.overlayClass); }\n\n reactDomRender(\n \n
\n \n {this.state.filterOpened ?\n
\n )\n }\n\n}\n\nexport default DropDownButton;","import React, {Component} from \"react\";\nimport Slider from \"react-slick\";\n\nconst DEFAULT_SLIDER_SETTINGS = {\n dots: false,\n infinite: true,\n arrows: false,\n speed: 600,\n cssEase: 'ease-out',\n slidesToShow: 6,\n slidesToScroll: 1,\n variableWidth: false,\n autoplay: true,\n className: 'slick-slider--featured',\n responsive: [\n {\n breakpoint: 1025,\n settings: {\n slidesToShow: 4,\n slidesToScroll: 1\n }\n },\n {\n breakpoint: 769,\n settings: {\n slidesToShow: 3,\n slidesToScroll: 1\n }\n },\n {\n breakpoint: 640,\n settings: {\n speed: 300,\n slidesToShow: 3,\n slidesToScroll: 1\n }\n },\n {\n breakpoint: 480,\n settings: {\n speed: 300,\n slidesToShow: 2,\n slidesToScroll: 1\n }\n },\n {\n breakpoint: 360,\n settings: {\n speed: 300,\n slidesToShow: 1,\n slidesToScroll: 1\n }\n }\n ]\n};\n\nexport default class ImagesListCarousel extends Component {\n\n prepareSettings = () => {\n let settings = this.props.settings ? {...DEFAULT_SLIDER_SETTINGS, ...this.props.settings} : {...DEFAULT_SLIDER_SETTINGS};\n\n if (this.props.dynamicSlidesToShow){\n if(settings.slidesToShow > this.props.images.length) {\n settings.slidesToShow = this.props.images.length;\n }\n if(settings.slidesToScroll > this.props.images.length) {\n settings.slidesToScroll = this.props.images.length;\n }\n settings.responsive.map((breakpoint) => {\n if(breakpoint.settings.slidesToShow > this.props.images.length) {\n breakpoint.settings.slidesToShow = this.props.images.length;\n }\n if(breakpoint.settings.slidesToScroll > this.props.images.length) {\n breakpoint.settings.slidesToScroll = this.props.images.length;\n }\n })\n }\n return settings;\n };\n\n state = {\n settings: this.prepareSettings(),\n keyPrefix: Math.random().toString(36).substring(7)\n };\n\n renderImage = (image, index) => {\n let linkAttrs = {};\n if (!!image.rel) {linkAttrs['rel'] = image.rel;}\n if (image.target_blank) {linkAttrs['target'] = '_blank';}\n\n let imageAttrs = {src: image.src, alt: image.alt};\n if (image.upload_height && image.upload_width) {\n imageAttrs['width'] = image.upload_width;\n imageAttrs['height'] = image.upload_height\n }\n if (this.props.imgClassName) { imageAttrs['className'] = this.props.imgClassName; }\n\n return (\n \n
\n : null }\n - \n {this.props.options.map(function (filter, i) {\n return (
- \n _this.onChange(filter)}>{filter[_this.props.optionsLabel]}\n )\n })}\n
\n {image.source_link ?\n ![]()
:\n ![]()
\n }\n
\n )\n };\n\n render() {\n return(\n \n
, this.portalElement);\n };\n\n render () {\n return null\n }\n\n\n}\n\nexport default PopUp;","import React from 'react';\nimport PopUp from '../modals/popup';\nimport SearchBox from '../search/field';\n\nclass SearchOverlay extends React.Component {\n\n constructor(props) {\n super(props);\n\n this.searchOpenBtn = document.querySelector('#searchOpenBtn');\n this.searchPopUp = React.createRef();\n this.searchBox = React.createRef();\n }\n\n componentDidMount() {\n console.log('initOverlay 1');\n if (this.searchOpenBtn) {\n console.log('initOverlay 2');\n this.searchOpenBtn.addEventListener('click', this.open, false);\n }\n }\n\n open = () => {\n console.log('overlay click detected');\n this.searchPopUp.current.open();\n this.searchBox.current.setFocus();\n };\n\n render() {\n return (\n \n {this.renderCloseIcon()}\n {this.props.children}\n
\n \n = 0) {\n description = initialDescription.replace(regexp, ` ${newResStr}`);\n } else {\n description = `${initialDescription} ${newResStr}`;\n }\n\n metaDescriptionTag.setAttribute(\"content\",description);\n document.querySelector(\"meta[property='og:description']\").setAttribute(\"content\",description);\n }\n\n static createLink(rel, href) {\n const canonicalTag = document.querySelector(\"link[rel='canonical']\");\n let relTag = document.createElement('link');\n relTag.setAttribute('rel', rel);\n relTag.setAttribute('href', href);\n canonicalTag.parentNode.insertBefore(relTag, canonicalTag.nextSibling);\n }\n\n static generateUrl(url, options) {\n const searchStr = actions.paramsToURI(options);\n if (searchStr.length === 0) {\n return url;\n }\n return `${url}?${searchStr}`;\n }\n\n}","import { SET_INITIAL_AD_BANNERS, AD_BANNERS_LOADED} from '../actions/actionTypes';\nimport initialState from './initialState';\n\nexport default function adBanners(state = initialState.adBanners, action) {\n switch (action.type) {\n case SET_INITIAL_AD_BANNERS:\n return {collection: [], isLoaded: false};\n case AD_BANNERS_LOADED:\n return {collection: action.banners, isLoaded: true};\n default:\n return state;\n }\n}","import {combineReducers} from 'redux';\nimport adBanners from './adBannersReducer';\n\nconst rootReducer = combineReducers({\n adBanners\n});\n\nexport default rootReducer;","export default {\n adBanners: {collection: []}\n}","import React from \"react\";\n\nclass Field extends React.Component {\n\n constructor(props) {\n super(props);\n this.state = {q: props.q || ''};\n this.searchInput = React.createRef();\n }\n\n setFocus = () => {\n setTimeout(() =>{\n this.searchInput.current.focus();\n }, 500)\n\n };\n\n\n handleKeyWordChange = (e) => {\n let value = e.target.value;\n this.setState({q: value})\n };\n\n onPressEnter = (e) => {\n if(e.key === 'Enter'){\n e.preventDefault();\n this.submitSearch()\n }\n };\n\n submitSearch = () => {\n let q = this.state.q ? `?q=${encodeURIComponent(this.state.q)}` : '';\n document.location.href = `/search${q}`\n\n };\n\n\n render(){\n // if (this.props.forOverlayMenu) {\n // return (\n // \n \n )\n }\n}\nexport default Field;","import {createStore, applyMiddleware} from 'redux';\nimport rootReducer from '../reducers/index'\nimport thunk from 'redux-thunk';\n\nfunction ConfigureStore(initialState) {\n return createStore(\n rootReducer,\n initialState,\n applyMiddleware(thunk)\n );\n}\n\nexport default ConfigureStore;","import ConfigureStore from './configureStore';\nexport default ConfigureStore();","import React from \"react\";\nimport SubscriptionActionHOC from \"./subscriptionActionHOC\";\nimport {InputTypeField} from \"react-fields\";\n\nconst SubscriptionForm = SubscriptionActionHOC(props => {\n return (\n \n \n )\n}","import React, {useEffect, useRef} from \"react\";\nimport PopUp from '../modals/popup';\nimport ModalForm from './formModal';\n\nexport default function SubscribeButtonHandler(props) {\n\n const popup = useRef(null);\n\n const openModal = () => {\n popup.current.open();\n };\n\n useEffect(\n () => {\n if (!!props.listenToId) {\n const listenToElement = document.querySelector(props.listenToId);\n if (listenToElement) { listenToElement.addEventListener('click', openModal); }\n }\n return () => {\n if (!!props.listenToId) {\n const listenToElement = document.querySelector(props.listenToId);\n if (listenToElement) { listenToElement.removeEventListener('click', openModal); }\n }\n };\n },[]\n );\n\n const renderHandler = () => {\n switch (props.design) {\n case 'sideNavigationMenu':\n return {e.preventDefault(); openModal()}}>SIGN UP ;\n default:\n return null;\n }\n };\n\n return (\n \n {renderHandler()}\n \n \n \n )\n\n}\n","import React, { Component } from 'react';\nimport {render as reactDomRender} from \"react-dom\";\n\nexport default class InjectInsideHtmlComponent extends Component {\n\n componentDidMount(){\n const uniqueId = `icc${Math.random().toString(36).substring(7)}`;\n const PassedComponent = this.props.passedComponent;\n this.dynamicContentWrapper.innerHTML = this.props.html.replace(this.props.regex, ``);\n reactDomRender(
{this.searchPopUp.current.close()}} />\n
\n \n \n );\n }\n}\n\nexport default SearchOverlay;","import React from 'react';\nimport SearchBox from \"../search/field\";\nimport SubscribeButtonHandler from \"../subscriptions/handler\";\n\nclass Navigation extends React.Component {\n\n constructor(props) {\n super(props);\n this.toggleMenu = document.querySelector('#toggleMenu');\n //this.toggleMenuScroll = document.querySelector('#toggle-menu-scroll');\n this.overlayMenu = document.querySelector('.overlay-menu-container');\n this.bodyElement = document.querySelector('body');\n }\n\n componentDidMount() {\n if (this.toggleMenu) {\n this.toggleMenu.addEventListener('click', this.onClick,false);\n }\n // if (this.toggleMenuScroll) {\n // this.toggleMenuScroll.addEventListener('click', this.onClick,false);\n // }\n }\n\n componentWillUnmount() {\n window.removeEventListener('resize', this.onResize);\n }\n\n open = () => {\n this.toggleMenu.classList.add('active');\n // this.bodyElement.classList.add('noscroll');\n this.bodyElement.classList.add('active-overlay');\n var windowScrollY = window.scrollY;\n if (windowScrollY > 0) {\n this.overlayMenu.classList.add('scrolled-down');\n } else {\n this.overlayMenu.classList.remove('scrolled-down');\n }\n window.addEventListener('resize', this.onResize);\n };\n\n close = () => {\n this.toggleMenu.classList.remove('active');\n // this.bodyElement.classList.remove('noscroll');\n this.bodyElement.classList.remove('active-overlay');\n window.removeEventListener('resize', this.onResize);\n };\n\n onClick = () => {\n if (this.bodyElement.classList.contains('active-overlay')) {\n this.close();\n } else {\n this.open();\n }\n };\n\n onResize = () => {\n if (window.matchMedia('(min-width: 1025px)').matches && this.bodyElement.classList.contains('active-overlay')) {\n this.close();\n }\n };\n\n renderLink = (link) => {\n let linkOptions = {className: 'overlay-sub-sat pad-top-0'};\n if (link.blank) { linkOptions['target'] = '_blank' }\n return (\n {link.name.toLocaleUpperCase()}\n )\n };\n\n renderTopSection = () => {\n return (\n
)\n };\n\n render() {\n return (\n \n\n );\n }\n}\n\nexport default Navigation;","import React, {useEffect, useState} from 'react';\nimport {actions} from \"react-fields\";\n\nconst BTNS_TO_SHOW = 3;\n\nexport default function Pagination(props) {\n\n const buttonClass = props.buttonClass || \"\";\n\n const getPages = () => {\n let pages = [];\n if (props.totalPages <= 1){\n return [];\n }\n\n let firstPage = props.page -1;\n let lastPage = props.page + 1;\n if (props.page <= (BTNS_TO_SHOW-1)) {\n firstPage = 1;\n lastPage = BTNS_TO_SHOW;\n }\n if (props.page === props.totalPages) {\n lastPage = props.totalPages;\n firstPage = props.totalPages - BTNS_TO_SHOW + 1;\n }\n if (props.totalPages <= BTNS_TO_SHOW) {\n firstPage = 1;\n lastPage = props.totalPages;\n }\n\n for (let i = firstPage; i <= lastPage; i++){\n pages.push(i);\n }\n return pages;\n };\n\n let [pages, setPages] = useState(getPages());\n\n useEffect(\n () => {\n setPages(getPages());\n }, [props.page, props.totalPages]\n );\n\n if (pages.length === 0){\n return null;\n }\n\n const getHref = (page) => {\n let options = {...props.options};\n delete options['page'];\n if (page > 1) {options['page'] = page}\n const path = props.path || `${location.origin}${location.pathname}`;\n const search = actions.paramsToURI(options);\n return search.length > 0 ? `${path}?${search}` : path;\n };\n\n let firstOptions = props.page === 1 ? {className: 'disabled'} : {rel: 'prev', onClick: (e) => props.goToPage(e,1), href: getHref(1)};\n let prevOptions = props.page === 1 ? {className: 'disabled'} : {rel: 'prev', onClick: (e) => props.goToPage(e, props.page -1), href: getHref(props.page -1)};\n let nextOptions = props.page >= props.totalPages ? {className: 'disabled'} : {rel: 'next', onClick: (e) => props.goToPage(e, props.page + 1 ), href: getHref(props.page +1)};\n let lastOptions = props.page >= props.totalPages ? {className: 'disabled'} : {rel: 'next', onClick: (e) => props.goToPage(e, props.totalPages ), href: getHref(props.totalPages)};\n if(props.disablePaginationLinks){\n delete prevOptions.href;\n delete nextOptions.href;\n }\n return (\n \n )\n\n}","import {actions} from \"react-fields\";\n\nexport default class PaginationMeta {\n\n static update(options, total, totalPages, perPage, updateHistory) {\n const page = options.page || 1;\n this.updateDescription(page, total, perPage);\n\n const url = `${document.location.origin}${document.location.pathname}`;\n if (updateHistory) {\n this.updateBrowserHistory(options)\n }\n\n document.querySelector(\"link[rel='canonical']\").setAttribute('href', this.generateUrl(url, (page === 1 ? {} : {page: page})));\n\n let metTitleTag = document.querySelector(\"title\");\n let metOgTitle = document.querySelector(\"meta[property='og:title']\");\n let newMetaTitle = '';\n\n let optionsWithoutPage = {...options};\n delete(optionsWithoutPage.page);\n let prevRel = document.querySelector(\"link[rel='prev']\");\n if (page > 1) {\n newMetaTitle = metTitleTag.textContent.search(/Page \\d+ \\|/) >= 0 ? metTitleTag.textContent.replace(/Page \\d+ \\|/, `Page ${page} |`) : `Page ${page} | ${metTitleTag.textContent}`;\n let prevHref = this.generateUrl(url, (page > 2 ? {...optionsWithoutPage, page: (page - 1)} : optionsWithoutPage));\n if (!prevRel) {\n this.createLink('prev', prevHref);\n } else {\n prevRel.setAttribute('href', prevHref);\n }\n } else {\n newMetaTitle = metTitleTag.textContent.search(/Page \\d+ \\| /) >= 0 ? metTitleTag.textContent.replace(/Page \\d+ \\| /, '') : metTitleTag.textContent;\n if (prevRel) { prevRel.remove(); }\n }\n\n let nextRel = document.querySelector(\"link[rel='next']\");\n if (page < totalPages) {\n let nextHref = this.generateUrl(url, {...optionsWithoutPage, page: (page + 1)});\n if (!nextRel) {\n this.createLink('next', nextHref)\n } else {\n nextRel.setAttribute('href', nextHref);\n }\n } else {\n if (nextRel) { nextRel.remove(); }\n }\n\n metTitleTag.innerText = newMetaTitle;\n metOgTitle.setAttribute(\"content\", newMetaTitle);\n }\n\n static updateBrowserHistory(options) {\n let optionsHref = {...options};\n if (options.page === 1) {\n delete(optionsHref.page);\n }\n const href = this.generateUrl(`${document.location.origin}${document.location.pathname}`, optionsHref);\n window.history.pushState({href: href, ...options}, '', href);\n }\n\n static updateDescription(page, total, perPage) {\n let metaDescriptionTag = document.querySelector(\"meta[name='description']\");\n let initialDescription = metaDescriptionTag.content;\n let description = '';\n const regexp = / Results \\d+-\\d+ of \\d+$/;\n const from = (page-1)*perPage+1;\n const to = (page*perPage);\n const newResStr = `Results ${from}-${(to\n 
\n
\n \n \n
\n \n \n \n \n
\n \n // \n // {/**/}\n // \n //
\n // )\n // }\n let wrapperClass = 'input-with-button input-with-button--icon';\n wrapperClass += this.props.forOverlayMenu ? ' input-with-button--40' : ' input-with-button--transparent input-with-button--big';\n // if (!this.props.forOverlayMenu) { wrapperClass += ' input-with-button--transparent input-with-button--big'; }\n return(\n \n \n \n
\n \n
\n )\n});\n\nexport default function MainSubscriptionForm() {\n return (\n \n
\n )\n});\n\nexport default function FormModal(props) {\n\n return (\n \n
\n \n 
\n
\n Weekly wisdom
for HR pros.
\n for HR pros.
\n Sign up to HRAddict's weekly newsletter for HR hacks, news, latest trends, and resources — for FREE!\n
\n \n
\n Unsubscribe anytime
\n Featured on
\n \n 
\n 
\n 
\n
\n \n 
\n 
\n 
\n
\n (this.dynamicContentWrapper = el)} />\n );\n }\n\n\n}","import React from \"react\";\nimport {InputTypeField} from \"react-fields\";\nimport SubscriptionActionHOC from \"./subscriptionActionHOC\";\n\nconst SubscriptionForm = SubscriptionActionHOC(props => {\n let divClasses = 'input-with-button';\n let btnClasses = '';\n if (props.formAttrs.small) {divClasses += ' input-with-button-download--small input-with-button--max-width-422';}\n if (props.formAttrs.big) {divClasses += ' subscribe__big';}\n if (props.formAttrs.dark) {divClasses += ' input-with-button--dark';}\n if (props.formAttrs.white) {divClasses += ' input-with-button--white';}\n if (props.formAttrs.icon) {divClasses += ' input-with-button--icon';}\n\n if (props.formAttrs.secondary) {btnClasses += ' button--secondary';}\n\n let inlineIconClass = `icon icon--${props.formAttrs.inlineIcon || 'envelope'}`;\n\n let btnText = props.formAttrs.btnText || (props.formAttrs.hasGift ? 'DOWNLOAD' : 'Sign Up');\n\n return (\n \n \n );\n }\n}","import React, {Component, Fragment} from \"react\";\nimport {actions} from \"react-fields\";\nimport Carousel from './carousel';\n\nexport default class TeamTabs extends Component {\n\n state = {\n isLoaded: false,\n currentTab: 'team',\n collection: {}\n };\n\n componentDidMount() {\n let _this = this;\n fetch(actions.getData('/api/team_members'))\n .then(actions.status)\n .then(actions.json)\n .then(function(data) {\n return data;\n }).then( async (response) => {\n _this.setState({collection: response, isLoaded: true})\n }).catch(error => {\n console.log(error);\n })\n }\n\n render() {\n if (!this.state.isLoaded) {\n return null;\n }\n\n return(\n \n \n )\n }\n\n}","// Support component names relative to this directory:\nvar componentRequireContext = require.context(\"components\", true);\nvar ReactRailsUJS = require(\"react_ujs\");\nReactRailsUJS.useContext(componentRequireContext);\n\n"],"names":["map","webpackContext","req","id","webpackContextResolve","__webpack_require__","o","e","Error","code","keys","Object","resolve","module","exports","SET_INITIAL_AD_BANNERS","AD_BANNERS_LOADED","setInitialBanners","type","types","loadedBanners","banners","Ad","Component","render","store","this","props","AdsLoader","componentDidMount","AdBannersApi","params","AdRender","React","bannerScriptLoaded","Math","random","toString","substring","banner","observer","IntersectionObserver","entry","isIntersecting","trackImpression","disconnect","observe","bannerRef","current","bannerId","showedBanners","parseCookies","indexOf","push","setCookie","clickedBanners","target","matches","state","element","document","getElementById","Array","from","getElementsByTagName","forEach","script","text","window","eval","setState","processBannerScript","detectElementVisibility","componentDidUpdate","shouldComponentUpdate","nextProps","renderAd","htmlCode","newsletter_form_attrs","parsedAttrs","ParseShortcodeAttrsForInlineInput","regex","passedComponent","InlineInputSubscription","html","passedAttrs","ref","bannerElement","className","dangerouslySetInnerHTML","__html","onClick","trackClick","connect","ownProps","adBanners","collection","filter","ad","slot_code","randElement","floor","length","dispatch","actions","bindActionCreators","assign","adBannersActions","static","url","k","encodeURIComponent","join","fetch","then","data","response","catch","error","console","log","SubscriptionApi","form","categories","token","encrypted_key","email","form_type","source_url","location","href","newsletter_form_id","ad_banner_id","subscription","g_recaptcha_response","onSuccess","onError","errors","Grid","SmallArticleList","articles","isLoaded","_this","editorsPick","getRelated","article","i","key","ArticleCard","lazyLoadInstance","update","setTimeout","enableLazyLoading","Fragment","itemProp","content","itemScope","itemType","withSeo","name","category_name","publish_date","modified_date","author_name","author_url","path","renderCAinfo","itemID","lazyLoading","MainTag","wrapInDiv","mainTagClass","seoProps","renderArticleMetaSEO","ArticleCardImage","useLargeImage","category_link","hideDateAndComments","ArticleCardInfo","comments_count","date","date_formatted","publish_date_formatted","imageProps","alt","large_image_path","image_path","seoImgProps","video_url","dateTime","ArticleCardSmall","src","image_small_url","loading","Index","isloaded","article_id","class","RelatedLazy","FILTER_SETTINGS","video_category","field","label","topic","Root","currentFilter","currentCategoryFilter","q","qTerm","rendered","preloaded","isLoading","page","skipUpdateHistory","urlParams","prepareOptionsSearch","paramsStr","updateHistory","needScroll","scrollToTopOfList","seo","perPage","per_page","PaginationMeta","count","total","ids","reduce","a","updatedCollection","filterType","preventDefault","loadArticles","scrollTo","contentRef","getBoundingClientRect","top","documentElement","scrollTop","behavior","noResultText","headline","description","pagePath","spots","itemColumnsClass","parseInt","options","totalPages","disablePaginationLinks","goToPage","banner_type","curPage","loadCommentCounts","item","filedName","item_id","find","c","filterCollection","concat","navigationParams","history","replaceState","onpopstate","event","stateParams","Loader","size","hideListTop","header","headerPostfix","icon","value","onChange","handleFilterChange","optionsLabel","renderCollection","List","PureComponent","adSpot1","adSpot2","result","curArticle","curSpot","randomSpots","randKey","careerPath","renderList","contextTypes","PropTypes","ListTop","style","marginBottom","children","NoResults","btoa","str","Buffer","atob","CollectionForSelect","getCollection","SelectField","cookieName","defaultValue","encoded","cookies","JSON","parse","stringify","InjectInsideHtmlComponent","uniqueId","PassedComponent","dynamicContentWrapper","innerHTML","replace","reactDomRender","querySelector","el","InvisibleRecaptcha","undefined","scriptId","handleOnLoad","head","js","createElement","googleRecaptchaSrc","async","onload","appendChild","grecaptcha","ready","setCaptcha","warn","grecaptchaInstance","captcha","captchaWidget","placeholderDivId","sitekey","callback","verifyCallback","injectGoogleReCaptchaScript","reset","execute","site_key","expirationHours","cookie","expires","Date","setTime","getTime","toUTCString","ca","split","charAt","DropDownButton","constructor","super","wrapperRef","contains","collapse","filterOpened","addEventListener","handleClickOutside","componentWillUnmount","removeEventListener","btnClassName","expand","DEFAULT_SLIDER_SETTINGS","dots","infinite","arrows","speed","cssEase","slidesToShow","slidesToScroll","variableWidth","autoplay","responsive","breakpoint","settings","ImagesListCarousel","dynamicSlidesToShow","images","prepareSettings","keyPrefix","image","index","linkAttrs","rel","target_blank","imageAttrs","upload_height","upload_width","imgClassName","source_link","renderImage","PopUp","renderModal","portalElement","onClose","body","removeChild","disablePageScroll","scrollY","position","isSubscriptionReferral","disableOuterPageScroll","classList","remove","closeIcon","iconClass","close","p","add","overlayClasses","overlayClass","renderCloseIcon","SearchOverlay","searchPopUp","open","searchBox","setFocus","searchOpenBtn","Navigation","toggleMenu","bodyElement","overlayMenu","onResize","matchMedia","link","linkOptions","blank","toLocaleUpperCase","width","height","renderTopSection","forOverlayMenu","links","cat","renderLink","design","formType","BTNS_TO_SHOW","Pagination","buttonClass","getPages","pages","firstPage","lastPage","setPages","useState","useEffect","getHref","origin","pathname","search","firstOptions","prevOptions","nextOptions","lastOptions","updateDescription","updateBrowserHistory","setAttribute","generateUrl","metTitleTag","metOgTitle","newMetaTitle","optionsWithoutPage","prevRel","textContent","prevHref","createLink","nextRel","nextHref","innerText","optionsHref","pushState","metaDescriptionTag","initialDescription","regexp","to","newResStr","canonicalTag","relTag","parentNode","insertBefore","nextSibling","searchStr","initialState","action","rootReducer","combineReducers","Field","searchInput","focus","submitSearch","wrapperClass","autoComplete","placeholder","handleKeyWordChange","onKeyPress","onPressEnter","createStore","applyMiddleware","thunk","ConfigureStore","SubscriptionForm","SubscriptionActionHOC","InputTypeField","errorMessage","setEmail","submitOnEnter","submitForm","MainSubscriptionForm","FormModal","Logo","LogoOne","LogoThree","LogoTwo","ImgDesktop","ImgTablet","ImgMobile","SubscribeButtonHandler","popup","useRef","openModal","listenToId","listenToElement","divClasses","btnClasses","formAttrs","small","big","dark","white","secondary","inlineIconClass","inlineIcon","btnText","hasGift","attrs","btnTxtMatch","match","subTxtMatch","terms_agreement","formId","popup_id","popupId","adBannerId","isReferralPopUpOpen","newForm","setForm","recaptchaInstance","afterSave","referral_url","giftName","onReferralModalOpen","referralModal","json","setErrors","windowOpener","CaptchaSettings","sendForm","ArrowRight","x","y","viewBox","d","ArrowLeft","SliderArrow","dotsClass","nextArrow","prevArrow","TeamCarousel","active","handleClick","background","original","title","renderItem","Milestones","TeamTabs","currentTab","componentRequireContext","require","useContext"],"sourceRoot":""}
\n
\n )\n});\n\nexport default function InlineInputSubscription(props) {\n return \n {this.state.isLoading ?
\n )\n }\n }\n\n};\nexport default SubscriptionActionHOC;","import React, {Component} from \"react\";\nimport Slider from \"react-slick\";\n\nfunction ArrowRight() {\n return (\n \n )\n}\n\nfunction ArrowLeft() {\n return (\n \n )\n}\n\nfunction SliderArrow(props) {\n const { className, style, onClick, children } = props;\n return (\n \n {children}\n
\n );\n}\n\nconst DEFAULT_SLIDER_SETTINGS = {\n dots: true,\n dotsClass: 'slider-bar',\n infinite: false,\n arrows: true,\n speed: 600,\n cssEase: 'ease-out',\n variableWidth: false,\n slidesToShow: 5,\n slidesToScroll: 1,\n className: 'slick-slider--with-btns team__slider',\n nextArrow: this.handleClick(index)}>\n
)\n };\n\n\n render() {\n return(\n \n \n
\n\n {item.name}
\n{item.title}
\n\n \n {this.props.collection.map((item, index) => this.renderItem(item, index))}\n \n
\n )\n }\n\n}","import React, { Component } from 'react';\nimport Tabs from './tabs';\nimport LazyLoad from 'react-lazyload';\n\nexport default class Milestones extends Component {\n\n render() {\n return (\n