{"version":3,"sources":["webpack:///./Scripts/Components/ZipCode.js"],"names":["Popup","React","Component","react__WEBPACK_IMPORTED_MODULE_0___default","a","createElement","className","this","props","isBuyButton","translate","onClick","closePopup","href","_Containers_LocalizationCookie_Container__WEBPACK_IMPORTED_MODULE_2__","buyButton","onAccept","ZipCode","_this","_classCallCheck","_possibleConstructorReturn","_getPrototypeOf","call","state","showPopup","notLocalizedModalIsOpen","setState","onCancel","togglePopup","bind","autoComplete","type"],"mappings":"4yCAIMA,0FAAcC,IAAMC,+CAEtB,OACEC,EAAAC,EAAAC,cAAA,OAAKC,UAAU,kBACbH,EAAAC,EAAAC,cAAA,OAAKC,UAAU,2BACZC,KAAKC,MAAMC,YAAaN,EAAAC,EAAAC,cAAA,UAAKK,YAAU,+BAAsCP,EAAAC,EAAAC,cAAA,UAAKK,YAAU,0BAC7FP,EAAAC,EAAAC,cAAA,KAAGC,UAAU,wBAAwBK,QAASJ,KAAKC,MAAMI,YACvDT,EAAAC,EAAAC,cAAA,WACEF,EAAAC,EAAAC,cAAA,OAAKQ,KAAK,6CAGbN,KAAKC,MAAMC,YAAcN,EAAAC,EAAAC,cAACS,EAAA,SAA4BC,UAAWR,KAAKC,MAAMQ,WAAcb,EAAAC,EAAAC,cAACS,EAAA,QAAD,OAE7FX,EAAAC,EAAAC,cAAA,OACEC,UAAU,4BACVK,QAASJ,KAAKC,MAAMI,uBAOxBK,cACJ,SAAAA,EAAYT,GAAO,IAAAU,EAAA,OAAAC,EAAAZ,KAAAU,IACjBC,EAAAE,EAAAb,KAAAc,EAAAJ,GAAAK,KAAAf,KAAMC,KACDe,OACHC,YAAWN,EAAKV,MAAMiB,yBAHPP,aADCjB,IAAMC,oDAQxBK,KAAKmB,UACHF,WAAYjB,KAAKgB,MAAMC,6CAKzB,OAAIjB,KAAKC,MAAMC,YAqBHF,KAAKgB,MAAMC,WAAajB,KAAKC,MAAMC,YACjCN,EAAAC,EAAAC,cAACL,GAAMY,WAAYL,KAAKC,MAAMmB,SAAUlB,YAAaF,KAAKC,MAAMC,YAAaO,SAAUT,KAAKC,MAAMQ,WAGnG,KAvBXb,EAAAC,EAAAC,cAAA,WACEF,EAAAC,EAAAC,cAAA,SAAOC,UAAU,iBACfH,EAAAC,EAAAC,cAAA,WACEF,EAAAC,EAAAC,cAAA,OAAKQ,KAAK,gDAEZV,EAAAC,EAAAC,cAAA,SACEM,QAASJ,KAAKqB,YAAYC,KAAKtB,MAC/BuB,aAAa,MACbC,KAAK,aAEPrB,YAAU,oBACVP,EAAAC,EAAAC,cAAA,OAAKC,UAAU,4BAEhBC,KAAKgB,MAAMC,UACVrB,EAAAC,EAAAC,cAACL,GAAMY,WAAYL,KAAKqB,YAAYC,KAAKtB,QACvC,eAaGU","file":"17.65cc4c14a0713e56cd49.js","sourcesContent":["import React from \"react\";\r\nimport { translate } from \"../Services/translation\";\r\nimport LocalizationCookieContainer from \"../Containers/LocalizationCookie.Container\";\r\n\r\nclass Popup extends React.Component {\r\n render() {\r\n return (\r\n <div className=\"zip-code-popup\">\r\n <div className=\"zip-code-popup--content\">\r\n {this.props.isBuyButton ?<h3>{translate(\"zipcode.enterpostcodetobuy\")}</h3> : <h3>{translate(\"zipcode.enterpostcode\")}</h3>}\r\n <a className=\"zip-code-popup--close\" onClick={this.props.closePopup}>\r\n <svg>\r\n <use href=\"/ui/images/icons/x-circle.svg#x-circle\" />\r\n </svg>\r\n </a>\r\n {this.props.isBuyButton ? <LocalizationCookieContainer buyButton={this.props.onAccept}/> : <LocalizationCookieContainer />}\r\n </div>\r\n <div\r\n className=\"zip-code-popup--bgoverlay\"\r\n onClick={this.props.closePopup}\r\n ></div>\r\n </div>\r\n );\r\n }\r\n}\r\n\r\nclass ZipCode extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n showPopup: this.props.notLocalizedModalIsOpen ? true : false,\r\n };\r\n }\r\n togglePopup() {\r\n this.setState({\r\n showPopup: !this.state.showPopup,\r\n });\r\n }\r\n\r\n render() {\r\n if(!this.props.isBuyButton) {\r\n return (\r\n <div>\r\n <label className=\"filter-switch\">\r\n <svg>\r\n <use href=\"/ui/images/icons/green-round-tick.svg#tick\" />\r\n </svg>\r\n <input\r\n onClick={this.togglePopup.bind(this)}\r\n autoComplete=\"off\"\r\n type=\"checkbox\"\r\n />\r\n {translate(\"zipcode.postcode\")}\r\n <div className=\"filter-switch__content\"></div>\r\n </label>\r\n {this.state.showPopup ? (\r\n <Popup closePopup={this.togglePopup.bind(this)} />\r\n ) : null}\r\n </div>\r\n );\r\n }\r\n else if(this.state.showPopup && this.props.isBuyButton) {\r\n return (<Popup closePopup={this.props.onCancel} isBuyButton={this.props.isBuyButton} onAccept={this.props.onAccept} />)\r\n }\r\n else {\r\n return null;\r\n }\r\n }\r\n}\r\n\r\nexport default ZipCode;\r\n"],"sourceRoot":""}