{"version":3,"file":"static/js/2566.e3233f09.chunk.js","mappings":"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","sources":["shared/notification/notificaiton-module.js","shared/notification/notification.jsx"],"sourcesContent":["import React from \"react\"\nimport ReactDOM from \"react-dom\"\nimport Notification from \"./notification\"\n\nexport default class NotificationModule {\n  constructor(elem) {\n    const self = this\n    self.elem = elem\n    self.modelJson = elem.dataset.modelJson && JSON.parse(elem.dataset.modelJson)\n    self.classModifier = elem.dataset.classModifier\n    self.version = elem.dataset.version\n    this.init()\n    return self\n  }\n\n  init() {\n    const self = this\n    ReactDOM.unmountComponentAtNode(self.elem)\n    ReactDOM.render(<Notification {...self.modelJson} version={self.version} modifier={self.classModifier} />, self.elem)\n  }\n}\n","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":["NotificationModule","_createClass","elem","_classCallCheck","self","this","modelJson","dataset","JSON","parse","classModifier","version","init","key","value","ReactDOM","_jsx","Notification","_objectSpread","modifier","_Component","props","_this","_callSuper","handleClose","e","cookieHelper","banner","currentTarget","closest","style","display","show","includes","state","_inherits","_this2","window","addEventListener","event","setState","screenWidth","target","screen","width","parent","parentElement","__toggle","height","scrollHeight","classList","add","remove","_this$props$modifier","_this$state$show","_this3","type","SelectionFactoryHelper","linkTarget","className","concat","children","_jsxs","Svg","iconName","headline","innerWidth","onClick","showHideContent","text","href","linkUrl","linkText","Component"],"sourceRoot":""}