\n
\n );\n }\n}\nexport default BottonPusheSalonFinder;\n","import React, { Component } from 'react';\nimport BottonPusheSalonFinder from './BottonPusheSalonFinder';\nimport PushInstagram from '../Shared/PushInstagram';\nimport Push from 'Shared/Push';\n\nclass BottonPushes extends Component {\n constructor(props) {\n super(props);\n }\n\n render() {\n const {salonCountries,\n countryCode,\n bottonPushes,\n instagram,\n buttonPusheClass,\n salonFinder\n } = this.props;\n const noSF = salonCountries && salonFinder.SalonFinderTile.length ? \"\" : \"no-SF\";\n return (\n \n
\n {this.props.salonFinderTile.Title.Value}
\n \n\n \n \n
\n \n \n \n
\n \n {this.props.salonFinderTile.ButtonText.Value}\n \n
\n \n {this.props.salonCountries && this.props.salonFinder.SalonFinderTile.length && this.props.countryCode !== \"ru-RU\" ? (\n
\n );\n }\n}\nBottonPushes.defaultProps = {\n countryCode: 'en-EN'\n};\nexport default BottonPushes;\n","import React from 'react';\nimport { LazyLoadComponent } from 'react-lazy-load-image-component';\nimport useMatchMedia from \"hooks/useMatchMedia\";\n\nconst Picture = (props) => {\n const {\n src,\n className,\n alt,\n visibleByDefault,\n mobileWidth,\n mobileHeight\n } = props;\n\n const getImageType = (image) => {\n if (/(\\.|\\,)png(--resize\\,\\d{2,}\\,\\d{2,})*$/i.test(image)) {\n return \"image/png\";\n }\n if (/(\\.|\\,)gif(--resize\\,\\d{2,}\\,\\d{2,})*$/i.test(image)) {\n return \"image/gif\";\n }\n if (/(\\.|\\,)jpg(--resize\\,\\d{2,}\\,\\d{2,})*$/i.test(image)) {\n return \"image/jpeg\";\n }\n if (/(\\.|\\,)webp(--resize\\,\\d{2,}\\,\\d{2,})*$/i.test(image)) {\n return \"image/webp\";\n }\n return \"\";\n }\n const isMobile = useMatchMedia('(max-width: 768px)');\n\n if (src.length > 0) {\n const mobileImage = src[1].Url;\n const tabletImage = src[2].Url;\n const desktopImage = src[0].Url;\n const mobileWebpImage = src[1].WebpUrl;\n const tabletWebpImage = src[2].WebpUrl;\n const desktopWebpImage = src[0].WebpUrl;\n\n return (\n - \n
- \n
- \n
- \n
\n
\n )\n }\n}\n\nexport default Push;\n","import React, {Component} from 'react';\n\nclass PushInstagram extends Component {\n constructor(props) {\n super(props);\n this.state = {\n instagramImages: this.props.instagram,\n instagramLength: this.props.instagram.length,\n instagramId: this.props.instagram[(this.props.instagram.length - 1)].Id,\n instagramNextId: this.props.instagram[(this.props.instagram.length - 2)].Id,\n pos : 1,\n intervalId: null,\n instagramCurrent: this.props.instagram.length - 1,\n instagramNext: this.props.instagram.length - 2\n };\n }\n componentDidMount() {\n var iCurrent = document.getElementById(this.props.instagram[(this.props.instagram.length - 1)].Id);\n iCurrent.className += \" active\";\n this.start();\n }\n start() {\n setTimeout(() => this.startInterval(), 10000);\n }\n nextImage() {\n this.setState({\n instagramNext: this.state.instagramNext - 1,\n instagramCurrent: this.state.instagramCurrent - 1,\n }, () => this.changeElem(this.state.instagramNext))\n setTimeout(() => this.startInterval(), 5000);\n }\n changeElem(elemid) {\n clearInterval(this.state.intervalId);\n }\n chengeOpacity(instagramCurrent, instagramNext) {\n var iCurrent = document.getElementById(instagramCurrent);\n var iNext = document.getElementById(instagramNext);\n if(iCurrent.style.opacity < 0){\n clearInterval(this.state.intervalId);\n }else{\n iCurrent.className = \"push-instagram-item\";\n iNext.className += \" active\";\n // iCurrent.style.opacity = 0;\n // iNext.className = 1;\n this.nextImage();\n }\n }\n startInterval = () => {\n if(this.state.instagramNext >= 0) {\n var instagramCurrent = this.props.instagram[this.state.instagramCurrent].Id;\n var instagramNext = this.props.instagram[this.state.instagramNext].Id;\n var intervalId = setInterval(() => {\n this.chengeOpacity(instagramCurrent, instagramNext);\n }, 1000);\n this.setState({ // eslint-disable-line\n intervalId: intervalId,\n });\n }else{\n clearInterval(this.state.intervalId);\n }\n }\n\n componentWillUnmount() {\n // use intervalId from the state to clear the interval\n clearInterval(this.state.intervalId);\n }\n render() {\n return (\n \n {this.props.tile.Title.Value !== \"\" ?\n
\n {this.props.tile.Image.Value !== \"\" ? (\n {this.props.tile.Title.Value}
\n :null}\n {this.props.tile.Subtitle.Value !== \"\" ?\n \n :null}\n {this.props.tile.ButtonUrl.Value !== \"\" ?\n {this.props.tile.ButtonText.Value}\n :null}\n\n
\n )\n }\n}\n\nexport default PushInstagram;\n","import React, {Component} from 'react';\nimport PlayerYoutube from './PlayerYoutube';\nimport NowellonEditableField from \"../NowellonEditableField\";\nimport Picture from './Picture';\n\nclass Teaser extends Component {\n constructor(props) {\n super(props);\n this.showHide = this.showHide.bind(this);\n this.state = {\n teaserId: null\n }\n }\n showHide(event, teaserID) {\n event.preventDefault();\n if(this.state.teaserId === teaserID) {\n this.setState({\n teaserId: ''\n })\n } else {\n this.setState({\n teaserId: teaserID\n })\n }\n }\n\n componentDidMount() {\n if (this.props.teaserClass === \"teaser-product\") {\n this.setState({\n teaserId: this.props.teaser[0].Id\n })\n }\n }\n getSocialMediaShareUrl = (type, url = \"\") => {\n if (type === \"Facebook\") {\n return `https://www.facebook.com/sharer.php?u=${url}`;\n } else if (type === \"Twitter\") {\n return `http://twitter.com/intent/tweet?url=${url}`;\n }\n };\n render() {\n return (\n \n )\n }\n}\n\nexport default Teaser;\n","const bindEvents = () => {\n console.log(\"nioxin analytics events bindEvents\");\n window.addEventListener(\"DOMContentLoaded\", () => {\n let body = document.getElementsByTagName(\"body\")[0];\n body.addEventListener(\"MediaPlay\", () => {});\n body.addEventListener(\"Media25\", () => {});\n body.addEventListener(\"Media50\", () => {});\n body.addEventListener(\"Media75\", () => {});\n body.addEventListener(\"MediaComplete\", () => {});\n });\n};\n\nconst mediaCustomEvent = (eventName, videoName, videoLength, videoURL, videotimePlayed) => {\n let body = document.getElementsByTagName(\"body\")[0];\n console.log(\"event Name\", eventName);\n let videoMilestone = 0;\n let eventAction = \"Video Media Play\";\n switch (eventName) {\n case \"MediaPlay\":\n videoMilestone = 0;\n break;\n case \"Media25\":\n videoMilestone = 25;\n break;\n case \"Media50\":\n videoMilestone = 50;\n break;\n case \"Media75\":\n videoMilestone = 75;\n break;\n case \"MediaComplete\":\n videoMilestone = 100;\n eventAction = \"Video Media Complete\";\n break;\n }\n let event = new CustomEvent(eventName, {\n detail: {\n eventInfo: {\n eventAction: eventAction,\n eventName: eventName,\n eventType: \"userEvent\",\n video: {\n videoName: videoName,\n videoType: \"youtube\",\n videoLength: videoLength,\n videoURL: videoURL,\n videotimePlayed: videotimePlayed,\n videoMilestone: videoMilestone\n }\n }\n }\n });\n body.dispatchEvent(event);\n};\n\nexport {\n bindEvents,\n mediaCustomEvent\n};\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport HeritagePage from './HeritagePage';\n\nif (document.getElementById(\"HeritageJson\") !== null) {\n var heritageJson = JSON.parse(document.getElementById(\"HeritageJson\").textContent); // eslint-disable-next-line\n var instagram = JSON.parse(document.getElementById(\"instagram\").textContent); // eslint-disable-next-line\n var salonCountries = JSON.parse(document.getElementById(\"salonCountries\").textContent); // eslint-disable-next-line\n var layout = JSON.parse(document.getElementById(\"Layout\").textContent); // eslint-disable-next-line\n var breadcrumbs = JSON.parse(document.getElementById(\"breadcrumbJson\").textContent); // eslint-disable-next-line\n ReactDOM.render(\n ![\"nioxin\"](\"/m/homepage/nioxin-logo.png\")
\n
\n \n - \n {this.state.instagramImages.map((insta) => {\n return
- \n \n
\n
{insta.Likes}
\n \n \n })}\n