{"version":3,"file":"static/js/4921.dc180c7b.chunk.js","mappings":"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","sources":["shared/notification/notification.jsx"],"sourcesContent":["import React, { Component } from \"react\"\nimport Svg from \"../_svgs/svg\"\nimport * as cookieHelper from \"../../helpers/cookie\"\nimport * as SelectionFactoryHelper from \"../helpers/SelectionFactoryHelper\"\n\nexport default class Notification extends Component {\n  constructor(props) {\n    super(props)\n\n    let show = false\n    if (props.modifier.includes(\"soldOutBanner\")) {\n      show = true\n    } else {\n      const cookie = cookieHelper.getCookie(props.version)\n      if (!cookie) {\n        show = true\n      }\n    }\n\n    this.state = {\n      show: show,\n    }\n  }\n\n  componentDidMount() {\n    window.addEventListener(\"resize\", (event) => {\n      this.setState({ screenWidth: event.target.screen.width })\n    })\n  }\n\n  showHideContent(event) {\n    let elem = event.currentTarget\n    let parent = elem.parentElement\n    elem.__toggle = !elem.__toggle\n    if (elem.__toggle) {\n      parent.style.height = parent.scrollHeight + \"px\"\n      parent.classList.add(\"open\")\n    } else {\n      parent.style.height = 70 + \"px\"\n      parent.classList.remove(\"open\")\n    }\n  }\n\n  handleClose = (e) => {\n    cookieHelper.setCookie(this.props.version, \"closed\")\n    const target = e.currentTarget\n    const banner = target.closest(\".notifications\")\n    if (banner) {\n      banner.style.display = \"none\"\n    }\n  }\n\n  render() {\n    const type = SelectionFactoryHelper.getFromSelectionFactory(this.props.type)\n    const target = SelectionFactoryHelper.getFromSelectionFactory(this.props.linkTarget)\n    return (\n      <div\n        className={`notifications ${this.props.modifier ?? \"\"}`}\n        data-notification-version={this.props.version}\n        style={{ display: this.state.show ?? false ? \"block\" : \"none\" }}\n      >\n        <div className={`notification js--notification ${type}`}>\n          <div className=\"iconarea\">\n            <Svg iconName={\"caution\"} />\n          </div>\n          <h5>{this.props.headline}</h5>\n\n          {window.innerWidth < 950 ? (\n            <div className={`foldable show-hide`} style={{ height: \"70px\" }}>\n              {/* <div className={`pointer`} onClick={(e) => this.showHideContent(e)}></div> */}\n              <span className=\"arrow\" onClick={(e) => this.showHideContent(e)}></span>\n              <div className=\"maintext\">\n                {this.props.text}{\" \"}\n                <a target={target} href={this.props.linkUrl}>\n                  {this.props.linkText}\n                </a>\n              </div>\n            </div>\n          ) : (\n            <div className=\"maintext\">\n              {this.props.text}{\" \"}\n              <a target={target} href={this.props.linkUrl}>\n                {this.props.linkText}\n              </a>\n            </div>\n          )}\n\n          <a className=\"button button--icon\" onClick={(e) => this.handleClose(e)}>\n            <Svg iconName={\"close\"} />\n          </a>\n        </div>\n      </div>\n    )\n  }\n}\n"],"names":["Notification","_Component","props","_this","_classCallCheck","_callSuper","handleClose","e","cookieHelper","version","banner","currentTarget","closest","style","display","show","modifier","includes","state","_inherits","_createClass","key","value","_this2","window","addEventListener","event","setState","screenWidth","target","screen","width","elem","parent","parentElement","__toggle","height","scrollHeight","classList","add","remove","_this$props$modifier","_this$state$show","_this3","type","SelectionFactoryHelper","this","linkTarget","_jsx","className","concat","children","_jsxs","Svg","iconName","headline","innerWidth","onClick","showHideContent","text","href","linkUrl","linkText","Component"],"sourceRoot":""}