\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default Header;\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/Components/Header/Header.js","const scrollTo = (to, duration) => {\r\n let start = window.scrollY,\r\n change = to - start,\r\n currentTime = 0,\r\n increment = 20;\r\n\r\n let animateScroll = () => {\r\n currentTime += increment;\r\n let val = Math.easeInOutQuad(currentTime, start, change, duration);\r\n window.scroll(0, val);\r\n if (currentTime < duration) {\r\n setTimeout(animateScroll, increment);\r\n }\r\n };\r\n animateScroll();\r\n}\r\n\r\nconst scrollDown = (elementClass, offset) => {\r\n let element = document.getElementsByClassName(elementClass)[0];\r\n let elemPos = element ? element.getBoundingClientRect().top + window.pageYOffset : 0;\r\n scrollTo((elemPos + offset), 1250)\r\n}\r\n\r\n\r\nconst scrollToElement = (containerClass, elementId, duration, width) => {\r\n let container = document.getElementsByClassName(containerClass)[0];\r\n if (container) {\r\n let elem = document.getElementById(elementId);\r\n let centerElement = elem.offsetLeft + (typeof width !== \"undefined\" ? width : elem.offsetWidth) / 2;\r\n let centerContainer = container.offsetLeft + container.offsetWidth / 2;\r\n\r\n let to = centerElement - centerContainer;\r\n let start = container.scrollLeft,\r\n change = to - start,\r\n currentTime = 0,\r\n increment = 10;\r\n\r\n let animateScroll = () => {\r\n currentTime += increment;\r\n let val = Math.easeInOutQuad(currentTime, start, change, duration);\r\n container.scrollLeft = val;\r\n if (currentTime < duration) {\r\n setTimeout(animateScroll, increment);\r\n }\r\n };\r\n animateScroll();\r\n\r\n // container.scrollLeft = centerElement - centerContainer; //((imageWidth - elem.offsetWidth) / 2);\r\n }\r\n}\r\n\r\nMath.easeInOutQuad = function (t, b, c, d) {\r\n t /= d / 2;\r\n if (t < 1) return c / 2 * t * t + b;\r\n t--;\r\n return -c / 2 * (t * (t - 2) - 1) + b;\r\n};\r\n\r\nexport {\r\n scrollDown,\r\n scrollTo,\r\n scrollToElement\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/static/scrollAnimation.js","import React, { Component } from \"react\";\r\nimport { prerollTag } from \"../../static/ads\"\r\nimport \"./HolaPlayer.scss\"\r\nimport { GA_Event } from \"../Analytics/Analytics\";\r\n\r\n\r\nclass HolaPlayer extends Component {\r\n constructor() {\r\n super();\r\n this.OnVideoClick = this.OnVideoClick.bind(this);\r\n\r\n this.state = {\r\n isPlayerClicked: false\r\n }\r\n }\r\n componentDidMount() {\r\n window.hola_player({\r\n player: `#${this.props.id}`,\r\n ads: { adTagUrl: prerollTag },\r\n });\r\n window.spark_conf = {\r\n enable_events: true,\r\n debug: true,\r\n };\r\n window.addEventListener('spark_any', function (data) {\r\n debugger;\r\n console.log(\"asdasasd\");\r\n });\r\n var id = this.props.id;\r\n setTimeout(() => {\r\n document.getElementById(`${id}`).addEventListener(\"click\", () => this.OnVideoClick());\r\n document.getElementById(`${id}`).addEventListener(\"touchstart\", () => this.OnVideoClick());\r\n }, 1000);\r\n\r\n }\r\n\r\n OnVideoClick() {\r\n if (!this.state.isPlayerClicked) {\r\n var title = this.props.title;\r\n GA_Event(\"Video_Play\", title);\r\n this.setState({\r\n isPlayerClicked: true\r\n })\r\n }\r\n\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default HolaPlayer;\n\n\n// WEBPACK FOOTER //\n// ./src/Components/HolaPlayer/HolaPlayer.jsx","import { isMobile, isIos } from './helper'\r\n\r\nlet _slot;\r\n\r\nconst interstitial = () => {\r\n if (!isMobile()) return;\r\n let slot = {\r\n cont: 'gpt-transition'\r\n };\r\n if (isIos()) {\r\n slot.adUnit = \"/6870/ynet_mobile/ynet_mobileweb_transitions/ynet_mobileweb_transitions_general/ynet_mobileweb_transitions_general_iphone_main_ip\";\r\n slot.size = [1, 1];\r\n }\r\n else {\r\n slot.adUnit = \"/6870/ynet_mobile/ynet_mobileweb_transitions/ynet_mobileweb_transitions_general/ynet_mobileweb_transitions_general_android_main_ip\";\r\n slot.size = [1, 2];\r\n }\r\n if (_slot) window.googletag.destroySlots([_slot]);\r\n window.googletag.cmd.push(function () {\r\n _slot = window.googletag.defineSlot(slot.adUnit, slot.size, slot.cont);\r\n _slot.addService(window.googletag.pubads());\r\n window.googletag.pubads().enableSingleRequest();\r\n window.googletag.enableServices();\r\n window.googletag.display(slot.cont);\r\n });\r\n}\r\n\r\nconst adUnit = isMobile() ? `\r\n /6870/ynet_mobile/Ynet_MobileWeb_${isIos() ? 'Iphone' : 'Android'}_preroll_channel_relationship\r\n`:\r\n`/6870/ynet/video_desktop/relationship`\r\n\r\nconst custParams = `\r\nVideoPosition=Preroll\r\n&dcPath=2.News-1.Home\r\n&autoplay=false\r\n&VideoPosition_autoplay=false\r\n&view=0\r\n`\r\nconst prerollTag = `https://pubads.g.doubleclick.net/gampad/ads?\r\nsz=640x480|640x360\r\n&iu=${adUnit}\r\n&impl=s\r\n&gdfp_req=1\r\n&env=vp\r\n&output=vast\r\n&unviewed_position_start=1\r\n&url=[referrer_url]\r\n&description_url=${encodeURIComponent(window.location.href)}\r\n&correlator=[timestamp]\r\n&cust_params=@cust_params\r\n`.replace(/@cust_params/,\r\n encodeURIComponent(custParams.replace(/\\r?\\n|\\r|\\s/g, '')))\r\n .replace(/\\r?\\n|\\r|\\s/g, '')\r\n\r\nexport {\r\n interstitial,\r\n prerollTag\r\n}\r\n\r\n\r\n// WEBPACK FOOTER //\r\n// ./src/ads.js\n\n\n// WEBPACK FOOTER //\n// ./src/static/ads.js","function isMobile() {\r\n var check = false;\r\n (function (a) { if (/(android|bb\\d+|meego).+mobile|avantgo|bada\\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\\-(n|u)|c55\\/|capi|ccwa|cdm\\-|cell|chtm|cldc|cmd\\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\\-s|devi|dica|dmob|do(c|p)o|ds(12|\\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\\-|_)|g1 u|g560|gene|gf\\-5|g\\-mo|go(\\.w|od)|gr(ad|un)|haie|hcit|hd\\-(m|p|t)|hei\\-|hi(pt|ta)|hp( i|ip)|hs\\-c|ht(c(\\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\\-(20|go|ma)|i230|iac( |\\-|\\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\\/)|klon|kpt |kwc\\-|kyo(c|k)|le(no|xi)|lg( g|\\/(k|l|u)|50|54|\\-[a-w])|libw|lynx|m1\\-w|m3ga|m50\\/|ma(te|ui|xo)|mc(01|21|ca)|m\\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\\-2|po(ck|rt|se)|prox|psio|pt\\-g|qa\\-a|qc(07|12|21|32|60|\\-[2-7]|i\\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\\-|oo|p\\-)|sdk\\/|se(c(\\-|0|1)|47|mc|nd|ri)|sgh\\-|shar|sie(\\-|m)|sk\\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\\-|v\\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\\-|tdg\\-|tel(i|m)|tim\\-|t\\-mo|to(pl|sh)|ts(70|m\\-|m3|m5)|tx\\-9|up(\\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\\-|your|zeto|zte\\-/i.test(a.substr(0, 4))) check = true; })(navigator.userAgent || navigator.vendor || window.opera);\r\n return check;\r\n}\r\nfunction isIos() {\r\n return navigator.userAgent.match(/iPhone/i)\r\n}\r\nexport {\r\n isMobile,\r\n isIos\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/static/helper.js","import { prerollTag } from './ads'\r\nimport { GA_Event } from '../Components/Analytics/Analytics'\r\n\r\nconst flowplayer = window.flowplayer;\r\n\r\nconst fpInit = (options, onLoad) => {\r\n return flowplayer(options.selector, {\r\n key: '$509034830680622',\r\n splash: true,\r\n poster: options.poster,\r\n ratio: 9 / 16,\r\n autoplay: false,\r\n share: false,\r\n cuepoints: [3],\r\n qualities: [-1, 0, 1, 2, 3, 4],\r\n quality: 1,\r\n ima: {\r\n ads: [\r\n {\r\n time: 0,\r\n adTag: prerollTag\r\n }],\r\n locale: \"he\"\r\n },\r\n clip: {\r\n sources: [\r\n {\r\n type: \"application/x-mpegurl\",\r\n src: options.mainUrl.replace(\"mediadownload.ynet.co.il\", \"ynethd-i.akamaihd.net/i\").replace(\"_1600.mp4\", \"_,800,1600,.mp4.csmil/master.m3u8\")\r\n },\r\n {\r\n type: \"video/mp4\",\r\n src: options.mainUrl\r\n }\r\n ]\r\n }\r\n }).on('cuepoint', () => {\r\n if (typeof onLoad === 'function') onLoad();\r\n GA_Event('Video_Play', options.mainUrl);\r\n });\r\n}\r\nexport {\r\n fpInit\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/static/player.js","'use strict';\n\n/**\n * Copyright 2015, Yahoo! Inc.\n * Copyrights licensed under the New BSD License. See the accompanying LICENSE file for terms.\n */\nvar REACT_STATICS = {\n childContextTypes: true,\n contextTypes: true,\n defaultProps: true,\n displayName: true,\n getDefaultProps: true,\n getDerivedStateFromProps: true,\n mixins: true,\n propTypes: true,\n type: true\n};\n\nvar KNOWN_STATICS = {\n name: true,\n length: true,\n prototype: true,\n caller: true,\n callee: true,\n arguments: true,\n arity: true\n};\n\nvar defineProperty = Object.defineProperty;\nvar getOwnPropertyNames = Object.getOwnPropertyNames;\nvar getOwnPropertySymbols = Object.getOwnPropertySymbols;\nvar getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;\nvar getPrototypeOf = Object.getPrototypeOf;\nvar objectPrototype = getPrototypeOf && getPrototypeOf(Object);\n\nfunction hoistNonReactStatics(targetComponent, sourceComponent, blacklist) {\n if (typeof sourceComponent !== 'string') { // don't hoist over string (html) components\n\n if (objectPrototype) {\n var inheritedComponent = getPrototypeOf(sourceComponent);\n if (inheritedComponent && inheritedComponent !== objectPrototype) {\n hoistNonReactStatics(targetComponent, inheritedComponent, blacklist);\n }\n }\n\n var keys = getOwnPropertyNames(sourceComponent);\n\n if (getOwnPropertySymbols) {\n keys = keys.concat(getOwnPropertySymbols(sourceComponent));\n }\n\n for (var i = 0; i < keys.length; ++i) {\n var key = keys[i];\n if (!REACT_STATICS[key] && !KNOWN_STATICS[key] && (!blacklist || !blacklist[key])) {\n var descriptor = getOwnPropertyDescriptor(sourceComponent, key);\n try { // Avoid failures from read-only properties\n defineProperty(targetComponent, key, descriptor);\n } catch (e) {}\n }\n }\n\n return targetComponent;\n }\n\n return targetComponent;\n}\n\nmodule.exports = hoistNonReactStatics;\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js\n// module id = 25\n// module chunks = 0","import React from 'react'\r\nimport styled, { css } from 'styled-components'\r\n// import { media } from '../../styles/vars'\r\nimport './comment.scss'\r\n\r\nconst Container = styled.div`\r\nmax-height:0;\r\noverflow:hidden;\r\nvisbility:hidden;\r\nopacity: .2;\r\ntransition: max-height .5s, opacity .5s, visibility .5s;\r\n${props => props.active ? `\r\nmax-height:500px;\r\nopacity:1;\r\nvisibility:visible;\r\n` : ''}\r\n`\r\n\r\nconst commonInputCss = css`\r\nflex-grow:1;\r\nborder: none;\r\npadding: 10px;\r\nmargin: 0;\r\ncolor: #3c444d;\r\nfont-size:18px;\r\n@media screen and (min-width: 750px) {\r\n &:not(:last-child){\r\n margin:0 0 0 20px;\r\n }\r\n font-size:20px;\r\n\r\n }\r\n`\r\nconst Input = styled.input`\r\n${commonInputCss}\r\n:not(:last-child) {\r\n margin:0 0 15px 0;\r\n}\r\n@media screen and (min-width: 750px) {\r\n &:not(:last-child){\r\n margin:0 0 0 20px;\r\n }\r\n\r\n }\r\n`\r\nconst Textarea = styled.textarea`\r\n${commonInputCss}\r\nresize:none;\r\nheight:100px;\r\n`\r\nconst InlineWrp = styled.div`\r\nwhite-space:nowrap;\r\nmargin-bottom:15px;\r\ndisplay:flex;\r\njustify-content:space-between;\r\nflex-direction:column;\r\n@media screen and (min-width: 750px) {\r\n flex-direction:row;\r\n }\r\n`\r\nconst Note = styled.p`\r\nfont-size:14px;\r\nmargin:5px 0;\r\nwhite-space:normal;\r\ncolor:#3c444d;\r\npadding-left:10px;\r\n\r\na, a:visited, a:hover{\r\n color:#33354a;\r\n text-decoration:underline;\r\n}\r\n@media screen and (min-width: 750px) {\r\n font-size:18px;\r\n\r\n }\r\n`\r\nconst SubmitButton = styled.button`\r\ncolor: #fff;\r\nbackground-color: #33354a;\r\npadding:5px 20px 1px;\r\nfont-size:18px;\r\nopacity: .4;\r\nfilter:grayscale(100%);\r\ntransition: opacity .4s, filter .4s;\r\n\r\n${props => props.valid ?\r\n `\r\n opacity:1;\r\n filter:unset;\r\n cursor:pointer;\r\n ` :\r\n `\r\n opacity: .4;\r\n filter:grayscale(100%);\r\n `\r\n }\r\n\r\n @media screen and (min-width: 750px) {\r\n font-size: 22px;\r\n padding: 12px 40px 9px;\r\n }\r\n`\r\nconst CommentForm = (props) => {\r\n return (\r\n \r\n
\r\n \r\n\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n window.open('https://ynet.co.il', '_blank')}>
\r\n העניים החדשים
\r\n \r\n \r\n {'>'}\r\n - \r\n \r\n
- this.onMenuClick(\"section1\", \"העניים החדשים\")}>העניים החדשים \r\n \r\n
- this.onMenuClick(\"section2\", \"העניים העוני המוכר בישראל - קווים לדמותו\")}>העניים העוני המוכר בישראל - קווים לדמותו \r\n \r\n {/*
- this.onMenuClick(\"section3-container\")}>ציטוט 1 */}\r\n {/* */}\r\n
- this.onMenuClick(\"section4\", \"קרוב ושקוף - העוני החדש בישראל\")}>קרוב ושקוף - העוני החדש בישראל \r\n \r\n {/*
- this.onMenuClick(\"sub-desc-wrapper\")}>ציטוט 2 */}\r\n {/* */}\r\n
- this.onMenuClick(\"section5\", \"ואני? בניתי בית בארץ ישראל?\")}>ואני? בניתי בית בארץ ישראל? \r\n \r\n
- this.onMenuClick(\"section6\", \"ממקור ראשון\")}>ממקור ראשון \r\n \r\n
- this.onMenuClick(\"section7\", \"האם אני עני חדש?\")}>האם אני עני חדש? \r\n
\r\n \r\n {this.props.idx}. \r\n {this.props.title} \r\n \r\n \r\n \r\n \r\n \r\n \r\n {this.props.content} \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default App;\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/Components/App/App.js","import React, { Component } from \"react\";\r\n\r\nimport \"./Footer.scss\"\r\n\r\nclass Footer extends Component {\r\n render() {\r\n return (\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default Footer;\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/Components/Footer/Footer.js","import React, { Component } from 'react';\r\n\r\n//styles\r\nimport './topSection.scss';\r\nimport '../../static/fonts/Rubik/stylesheet.css'\r\nimport { scrollDown } from '../../static/scrollAnimation'\r\n\r\nclass TopSection extends Component {\r\n componentDidMount() {\r\n \r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n
\r\n \r\n
\r\n } />\r\n } />\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default TopSection;\n\n\n// WEBPACK FOOTER //\n// ./src/Components/TopSection/TopSection.js","import React, { Component } from 'react';\r\n\r\n//styles\r\nimport './sectionTwo.scss';\r\nimport '../../static/fonts/Rubik/stylesheet.css'\r\n\r\nclass SectionTwo extends Component {\r\n componentDidMount() {\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n העניים החדשים
\r\n שחיקתו של מעמד הביניים בישראל
\r\n עורכת: שלומית שרביט ברזילי
\r\n scrollDown(\"section2-container\", -70)}>
\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default SectionTwo;\n\n\n// WEBPACK FOOTER //\n// ./src/Components/SectionTwo/SectionTwo.js","import React, { Component } from 'react';\r\n\r\n//styles\r\nimport './sectionThree.scss';\r\n\r\nimport '../../static/fonts/Rubik/stylesheet.css'\r\n\r\nclass SectionThree extends Component {\r\n componentDidMount() {\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n העוני המוכר בישראל – קווים לדמותו
\r\n מהו קו העוני, מי נמצא מתחתיו ומה ההבדל בינו לבין המדדים החלופיים המוצעים לו?
\r\n \r\n \r\n {/* */}\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default SectionThree;\n\n\n// WEBPACK FOOTER //\n// ./src/Components/SectionThree/SectionThree.js","import React, { Component } from 'react';\r\n\r\n//styles\r\nimport './sectionFour.scss';\r\n\r\nimport '../../static/fonts/Rubik/stylesheet.css'\r\n// import { fpInit } from '../../static/player'\r\nimport HolaPlayer from '../HolaPlayer/HolaPlayer.jsx'\r\n\r\nclass SectionFour extends Component {\r\n componentDidMount() {\r\n // this.initVideo({\r\n // videoId: \"1\",\r\n // mainUrl: \"https://mediadownload.ynet.co.il/cdnwiz/1018/041018_ony_with_sub_fix2_cMjs6KB8_1600.mp4\",\r\n // poster: \"./static/images/v1.png\",\r\n // selector: \"#vid1\"\r\n // }) \r\n }\r\n\r\n // initVideo(details) {\r\n // fpInit(details);\r\n // }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n \r\n מאיר (37), מסעדן: \r\n "אם פעם דיברנו על עניים שהיו ברחובות ולא היה להם מה לאכול, היום מדברים על עניים שיש להם בתים, מקרר ומכונת כביסה, אבל הכל הולך להתפרק בגלל החברה והתנאים שאנחנו חיים בהם. על פניו יכול להיראות שאנשים מחזיקים בית, ויש להם ציוד בסיסי, הם מבוססים, אבל בפועל הם עניים".\r\n
\r\n מתוך הספר: \"קולות, עוני חדש בישראל\" מאת פרופ' עמיה ליבליך
\r\n \r\n {/* */}\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default SectionFour;\n\n\n// WEBPACK FOOTER //\n// ./src/Components/SectionFour/SectionFour.js","import React, { Component } from 'react';\r\n\r\n//styles\r\nimport './sectionFive.scss';\r\nimport '../../static/fonts/Rubik/stylesheet.css'\r\nimport { fpInit } from '../../static/player'\r\nimport HolaPlayer from '../HolaPlayer/HolaPlayer.jsx'\r\n\r\nclass SectionFour extends Component {\r\n \r\n componentDidMount() {\r\n // this.initVideo({\r\n // videoId: \"2\",\r\n // mainUrl: \"https://mediadownload.ynet.co.il/cdnwiz/1018/041018_nadlan_with_sub_fix2_8MRwHmBx_1600.mp4\",\r\n // poster: \"./static/images/v2.png\",\r\n // selector: \"#vid2\"\r\n // })\r\n }\r\n\r\n initVideo(details) {\r\n fpInit(details);\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n קרוב ושקוף: העוני החדש בישראל
\r\n הם נראים כמוני-כמוך, לא מוכרים לרווחה ולא נכנסים לסטטיסטיקה. עובדים, אקדמאים, ממשפחות ממעמד סוציו-אקונומי בינוני, מספרים על העוני כפי שהם חיים אותו
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n כתבתה של שלומית שרביט ברזילי\r\n
\r\n \r\n
\r\n \r\n נועם (40), מורה: \r\n "אולי העניין העיקרי הוא, שהיום אני בחור בן 40, משכיל ובעל מקצוע, אני מחשיב את עצמי אדם מוצלח. הוכחתי את עצמי בתחום התעסוקתי. ואני מרוויח לחודש פחות מ-8,000 שקל, שבעיניי זה לא הרבה ולא מספיק לנו! בתחושה שלי, אני רץ כל הזמן אחרי הזנב של עצמי".\r\n
\r\n מתוך הספר: \"קולות, עוני חדש בישראל\" מאת פרופ' עמיה ליבליך
\r\n \r\n {/* */}\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default SectionFour;\n\n\n// WEBPACK FOOTER //\n// ./src/Components/SectionFive/SectionFive.js","import React, { Component } from 'react';\r\n\r\n//styles\r\nimport './sectionSix.scss';\r\n\r\nimport '../../static/fonts/Rubik/stylesheet.css'\r\n\r\nclass SectionSix extends Component {\r\n componentDidMount() {\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n ואני? בניתי בית בארץ ישראל?
\r\n מהן המהמורות שעומדות בדרכו של זוג או משפחה בשאיפתם לקנות בית בארץ, מה החלופות האפשרויות - שכירות? דיור ציבורי? והיכן אנו עומדים בהשוואה לעולם?
\r\n \r\n
\r\n \r\n {/* */}\r\n
\r\n\r\n \r\n
\r\n \r\n כתבתן של בילי פרנקל ושלומית שרביט ברזילי\r\n
\r\n \r\n {/* */}\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default SectionSix;\n\n\n// WEBPACK FOOTER //\n// ./src/Components/SectionSix/SectionSix.js","import React, { Component } from 'react';\r\n\r\n//styles\r\nimport './sectionSeven.scss';\r\nimport '../../static/fonts/Rubik/stylesheet.css'\r\n\r\nclass SectionSeven extends Component {\r\n componentDidMount() {\r\n this.props.renderPlaybazz();\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n ממקור ראשון
\r\n \r\n
\r\n \r\n \r\n
\r\n התחתנתי לא נכון והצטרפתי למעגל העוני
\r\n \r\n \r\n \r\n
\r\n כן, יש לי בית ואוטו ואני ענייה חדשה
\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default SectionSeven;\n\n\n// WEBPACK FOOTER //\n// ./src/Components/SectionSeven/SectionSeven.js","import React, { Component } from 'react';\r\nimport Comments from '../comments/Comments'\r\n\r\n//styles\r\nimport './article.scss';\r\n\r\nimport '../../static/fonts/opensanshebrew/stylesheet.css'\r\nimport '../../static/fonts/NarkisBlockCondensed/style.css'\r\nimport { ArticlesApi, CommentsApi } from '../../API/api'\r\nimport Header from '../Header/Header';\r\nimport Loader from '../Loader/Loader';\r\nimport '../../static/_reset.scss'\r\nimport { fpInit } from '../../static/player'\r\nimport { GA_Event, VirtualPageview, Prof, Uri } from '../Analytics/Analytics'\r\n\r\nclass Article extends Component {\r\n constructor() {\r\n super();\r\n this.setAllComments = this.setAllComments.bind(this);\r\n this.toggleLoader = this.toggleLoader.bind(this);\r\n\r\n this.state = {\r\n articleHtml: \"\",\r\n showArticleLoader: true,\r\n comments: [],\r\n commentCount: 0,\r\n loaderState: false\r\n }\r\n }\r\n\r\n async componentDidMount() {\r\n this.toggleLoader(true);\r\n let articleId = this.props.router.match.params.article;\r\n VirtualPageview(Uri + articleId + Prof);\r\n let commentId = this.props.router.match.params.comment;\r\n const _articleHtml = await ArticlesApi.get(articleId);\r\n this.setState({\r\n articleHtml: _articleHtml\r\n });\r\n\r\n const _comments = await CommentsApi.get(\r\n commentId,\r\n 10\r\n )\r\n\r\n const _commentCount = await CommentsApi.getCount(commentId);\r\n this.setState({\r\n comments: _comments,\r\n commentCount: _commentCount,\r\n articleHtml: _articleHtml,\r\n showMoreCommentsState: 10 >= _commentCount ?\r\n \"off\" : \"on\",\r\n showArticleLoader: false,\r\n loaderState: false\r\n });\r\n window.scrollTo(0, 0);\r\n let videos = this.getVideosObject(_articleHtml);\r\n\r\n if (videos != null && videos.length > 0) {\r\n videos.map((video) => {\r\n this.initVideo({\r\n videoId: video.videoId,\r\n mainUrl: video.mainUrl,\r\n poster: video.poster\r\n })\r\n });\r\n }\r\n }\r\n\r\n \r\n\r\n getVideosObject(html) {\r\n let parser = new DOMParser();\r\n let doc = parser.parseFromString(html, \"text/html\");\r\n var scripts = doc.body.getElementsByTagName(\"script\");\r\n var arr = [];\r\n for (let i = 0; i < scripts.length; i++) {\r\n if (scripts[i].innerText.indexOf(\"Video\") > -1) {\r\n let str = scripts[i].innerText.substring(scripts[i].innerText.indexOf(\"{\"), scripts[i].length);\r\n arr.push(JSON.parse(str.split(\"'\").join(\"\\\"\")));\r\n }\r\n }\r\n return arr;\r\n }\r\n\r\n initVideo(details) {\r\n fpInit(Object.assign({}, details, { selector: \"#vid\" + details.videoId }));\r\n }\r\n\r\n async setAllComments() {\r\n this.toggleLoader(true);\r\n const _comments = await CommentsApi.get(this.props.router.match.params.comment);\r\n\r\n this.setState({\r\n comments: _comments,\r\n showMoreCommentsState: 'off',\r\n loaderState: false\r\n });\r\n }\r\n\r\n toggleLoader(flag) {\r\n this.setState({ loaderState: flag })\r\n }\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n האם אני עני חדש?
\r\n בחנו את עצמכם
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default Article;\n\n\n// WEBPACK FOOTER //\n// ./src/Components/Article/Article.js","module.exports = require(\"regenerator-runtime\");\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/babel-runtime/regenerator/index.js\n// module id = 70\n// module chunks = 0","// This method of obtaining a reference to the global object needs to be\n// kept identical to the way it is obtained in runtime.js\nvar g =\n typeof global === \"object\" ? global :\n typeof window === \"object\" ? window :\n typeof self === \"object\" ? self : this;\n\n// Use `getOwnPropertyNames` because not all browsers support calling\n// `hasOwnProperty` on the global `self` object in a worker. See #183.\nvar hadRuntime = g.regeneratorRuntime &&\n Object.getOwnPropertyNames(g).indexOf(\"regeneratorRuntime\") >= 0;\n\n// Save the old regeneratorRuntime in case it needs to be restored later.\nvar oldRuntime = hadRuntime && g.regeneratorRuntime;\n\n// Force reevalutation of runtime.js.\ng.regeneratorRuntime = undefined;\n\nmodule.exports = require(\"./runtime\");\n\nif (hadRuntime) {\n // Restore the original runtime.\n g.regeneratorRuntime = oldRuntime;\n} else {\n // Remove the global property added by runtime.js.\n try {\n delete g.regeneratorRuntime;\n } catch(e) {\n g.regeneratorRuntime = undefined;\n }\n}\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/regenerator-runtime/runtime-module.js\n// module id = 71\n// module chunks = 0","/**\n * Copyright (c) 2014, Facebook, Inc.\n * All rights reserved.\n *\n * This source code is licensed under the BSD-style license found in the\n * https://raw.github.com/facebook/regenerator/master/LICENSE file. An\n * additional grant of patent rights can be found in the PATENTS file in\n * the same directory.\n */\n\n!(function(global) {\n \"use strict\";\n\n var Op = Object.prototype;\n var hasOwn = Op.hasOwnProperty;\n var undefined; // More compressible than void 0.\n var $Symbol = typeof Symbol === \"function\" ? Symbol : {};\n var iteratorSymbol = $Symbol.iterator || \"@@iterator\";\n var asyncIteratorSymbol = $Symbol.asyncIterator || \"@@asyncIterator\";\n var toStringTagSymbol = $Symbol.toStringTag || \"@@toStringTag\";\n\n var inModule = typeof module === \"object\";\n var runtime = global.regeneratorRuntime;\n if (runtime) {\n if (inModule) {\n // If regeneratorRuntime is defined globally and we're in a module,\n // make the exports object identical to regeneratorRuntime.\n module.exports = runtime;\n }\n // Don't bother evaluating the rest of this file if the runtime was\n // already defined globally.\n return;\n }\n\n // Define the runtime globally (as expected by generated code) as either\n // module.exports (if we're in a module) or a new, empty object.\n runtime = global.regeneratorRuntime = inModule ? module.exports : {};\n\n function wrap(innerFn, outerFn, self, tryLocsList) {\n // If outerFn provided and outerFn.prototype is a Generator, then outerFn.prototype instanceof Generator.\n var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator;\n var generator = Object.create(protoGenerator.prototype);\n var context = new Context(tryLocsList || []);\n\n // The ._invoke method unifies the implementations of the .next,\n // .throw, and .return methods.\n generator._invoke = makeInvokeMethod(innerFn, self, context);\n\n return generator;\n }\n runtime.wrap = wrap;\n\n // Try/catch helper to minimize deoptimizations. Returns a completion\n // record like context.tryEntries[i].completion. This interface could\n // have been (and was previously) designed to take a closure to be\n // invoked without arguments, but in all the cases we care about we\n // already have an existing method we want to call, so there's no need\n // to create a new function object. We can even get away with assuming\n // the method takes exactly one argument, since that happens to be true\n // in every case, so we don't have to touch the arguments object. The\n // only additional allocation required is the completion record, which\n // has a stable shape and so hopefully should be cheap to allocate.\n function tryCatch(fn, obj, arg) {\n try {\n return { type: \"normal\", arg: fn.call(obj, arg) };\n } catch (err) {\n return { type: \"throw\", arg: err };\n }\n }\n\n var GenStateSuspendedStart = \"suspendedStart\";\n var GenStateSuspendedYield = \"suspendedYield\";\n var GenStateExecuting = \"executing\";\n var GenStateCompleted = \"completed\";\n\n // Returning this object from the innerFn has the same effect as\n // breaking out of the dispatch switch statement.\n var ContinueSentinel = {};\n\n // Dummy constructor functions that we use as the .constructor and\n // .constructor.prototype properties for functions that return Generator\n // objects. For full spec compliance, you may wish to configure your\n // minifier not to mangle the names of these two functions.\n function Generator() {}\n function GeneratorFunction() {}\n function GeneratorFunctionPrototype() {}\n\n // This is a polyfill for %IteratorPrototype% for environments that\n // don't natively support it.\n var IteratorPrototype = {};\n IteratorPrototype[iteratorSymbol] = function () {\n return this;\n };\n\n var getProto = Object.getPrototypeOf;\n var NativeIteratorPrototype = getProto && getProto(getProto(values([])));\n if (NativeIteratorPrototype &&\n NativeIteratorPrototype !== Op &&\n hasOwn.call(NativeIteratorPrototype, iteratorSymbol)) {\n // This environment has a native %IteratorPrototype%; use it instead\n // of the polyfill.\n IteratorPrototype = NativeIteratorPrototype;\n }\n\n var Gp = GeneratorFunctionPrototype.prototype =\n Generator.prototype = Object.create(IteratorPrototype);\n GeneratorFunction.prototype = Gp.constructor = GeneratorFunctionPrototype;\n GeneratorFunctionPrototype.constructor = GeneratorFunction;\n GeneratorFunctionPrototype[toStringTagSymbol] =\n GeneratorFunction.displayName = \"GeneratorFunction\";\n\n // Helper for defining the .next, .throw, and .return methods of the\n // Iterator interface in terms of a single ._invoke method.\n function defineIteratorMethods(prototype) {\n [\"next\", \"throw\", \"return\"].forEach(function(method) {\n prototype[method] = function(arg) {\n return this._invoke(method, arg);\n };\n });\n }\n\n runtime.isGeneratorFunction = function(genFun) {\n var ctor = typeof genFun === \"function\" && genFun.constructor;\n return ctor\n ? ctor === GeneratorFunction ||\n // For the native GeneratorFunction constructor, the best we can\n // do is to check its .name property.\n (ctor.displayName || ctor.name) === \"GeneratorFunction\"\n : false;\n };\n\n runtime.mark = function(genFun) {\n if (Object.setPrototypeOf) {\n Object.setPrototypeOf(genFun, GeneratorFunctionPrototype);\n } else {\n genFun.__proto__ = GeneratorFunctionPrototype;\n if (!(toStringTagSymbol in genFun)) {\n genFun[toStringTagSymbol] = \"GeneratorFunction\";\n }\n }\n genFun.prototype = Object.create(Gp);\n return genFun;\n };\n\n // Within the body of any async function, `await x` is transformed to\n // `yield regeneratorRuntime.awrap(x)`, so that the runtime can test\n // `hasOwn.call(value, \"__await\")` to determine if the yielded value is\n // meant to be awaited.\n runtime.awrap = function(arg) {\n return { __await: arg };\n };\n\n function AsyncIterator(generator) {\n function invoke(method, arg, resolve, reject) {\n var record = tryCatch(generator[method], generator, arg);\n if (record.type === \"throw\") {\n reject(record.arg);\n } else {\n var result = record.arg;\n var value = result.value;\n if (value &&\n typeof value === \"object\" &&\n hasOwn.call(value, \"__await\")) {\n return Promise.resolve(value.__await).then(function(value) {\n invoke(\"next\", value, resolve, reject);\n }, function(err) {\n invoke(\"throw\", err, resolve, reject);\n });\n }\n\n return Promise.resolve(value).then(function(unwrapped) {\n // When a yielded Promise is resolved, its final value becomes\n // the .value of the Promise<{value,done}> result for the\n // current iteration. If the Promise is rejected, however, the\n // result for this iteration will be rejected with the same\n // reason. Note that rejections of yielded Promises are not\n // thrown back into the generator function, as is the case\n // when an awaited Promise is rejected. This difference in\n // behavior between yield and await is important, because it\n // allows the consumer to decide what to do with the yielded\n // rejection (swallow it and continue, manually .throw it back\n // into the generator, abandon iteration, whatever). With\n // await, by contrast, there is no opportunity to examine the\n // rejection reason outside the generator function, so the\n // only option is to throw it from the await expression, and\n // let the generator function handle the exception.\n result.value = unwrapped;\n resolve(result);\n }, reject);\n }\n }\n\n if (typeof global.process === \"object\" && global.process.domain) {\n invoke = global.process.domain.bind(invoke);\n }\n\n var previousPromise;\n\n function enqueue(method, arg) {\n function callInvokeWithMethodAndArg() {\n return new Promise(function(resolve, reject) {\n invoke(method, arg, resolve, reject);\n });\n }\n\n return previousPromise =\n // If enqueue has been called before, then we want to wait until\n // all previous Promises have been resolved before calling invoke,\n // so that results are always delivered in the correct order. If\n // enqueue has not been called before, then it is important to\n // call invoke immediately, without waiting on a callback to fire,\n // so that the async generator function has the opportunity to do\n // any necessary setup in a predictable way. This predictability\n // is why the Promise constructor synchronously invokes its\n // executor callback, and why async functions synchronously\n // execute code before the first await. Since we implement simple\n // async functions in terms of async generators, it is especially\n // important to get this right, even though it requires care.\n previousPromise ? previousPromise.then(\n callInvokeWithMethodAndArg,\n // Avoid propagating failures to Promises returned by later\n // invocations of the iterator.\n callInvokeWithMethodAndArg\n ) : callInvokeWithMethodAndArg();\n }\n\n // Define the unified helper method that is used to implement .next,\n // .throw, and .return (see defineIteratorMethods).\n this._invoke = enqueue;\n }\n\n defineIteratorMethods(AsyncIterator.prototype);\n AsyncIterator.prototype[asyncIteratorSymbol] = function () {\n return this;\n };\n runtime.AsyncIterator = AsyncIterator;\n\n // Note that simple async functions are implemented on top of\n // AsyncIterator objects; they just return a Promise for the value of\n // the final result produced by the iterator.\n runtime.async = function(innerFn, outerFn, self, tryLocsList) {\n var iter = new AsyncIterator(\n wrap(innerFn, outerFn, self, tryLocsList)\n );\n\n return runtime.isGeneratorFunction(outerFn)\n ? iter // If outerFn is a generator, return the full iterator.\n : iter.next().then(function(result) {\n return result.done ? result.value : iter.next();\n });\n };\n\n function makeInvokeMethod(innerFn, self, context) {\n var state = GenStateSuspendedStart;\n\n return function invoke(method, arg) {\n if (state === GenStateExecuting) {\n throw new Error(\"Generator is already running\");\n }\n\n if (state === GenStateCompleted) {\n if (method === \"throw\") {\n throw arg;\n }\n\n // Be forgiving, per 25.3.3.3.3 of the spec:\n // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-generatorresume\n return doneResult();\n }\n\n context.method = method;\n context.arg = arg;\n\n while (true) {\n var delegate = context.delegate;\n if (delegate) {\n var delegateResult = maybeInvokeDelegate(delegate, context);\n if (delegateResult) {\n if (delegateResult === ContinueSentinel) continue;\n return delegateResult;\n }\n }\n\n if (context.method === \"next\") {\n // Setting context._sent for legacy support of Babel's\n // function.sent implementation.\n context.sent = context._sent = context.arg;\n\n } else if (context.method === \"throw\") {\n if (state === GenStateSuspendedStart) {\n state = GenStateCompleted;\n throw context.arg;\n }\n\n context.dispatchException(context.arg);\n\n } else if (context.method === \"return\") {\n context.abrupt(\"return\", context.arg);\n }\n\n state = GenStateExecuting;\n\n var record = tryCatch(innerFn, self, context);\n if (record.type === \"normal\") {\n // If an exception is thrown from innerFn, we leave state ===\n // GenStateExecuting and loop back for another invocation.\n state = context.done\n ? GenStateCompleted\n : GenStateSuspendedYield;\n\n if (record.arg === ContinueSentinel) {\n continue;\n }\n\n return {\n value: record.arg,\n done: context.done\n };\n\n } else if (record.type === \"throw\") {\n state = GenStateCompleted;\n // Dispatch the exception by looping back around to the\n // context.dispatchException(context.arg) call above.\n context.method = \"throw\";\n context.arg = record.arg;\n }\n }\n };\n }\n\n // Call delegate.iterator[context.method](context.arg) and handle the\n // result, either by returning a { value, done } result from the\n // delegate iterator, or by modifying context.method and context.arg,\n // setting context.delegate to null, and returning the ContinueSentinel.\n function maybeInvokeDelegate(delegate, context) {\n var method = delegate.iterator[context.method];\n if (method === undefined) {\n // A .throw or .return when the delegate iterator has no .throw\n // method always terminates the yield* loop.\n context.delegate = null;\n\n if (context.method === \"throw\") {\n if (delegate.iterator.return) {\n // If the delegate iterator has a return method, give it a\n // chance to clean up.\n context.method = \"return\";\n context.arg = undefined;\n maybeInvokeDelegate(delegate, context);\n\n if (context.method === \"throw\") {\n // If maybeInvokeDelegate(context) changed context.method from\n // \"return\" to \"throw\", let that override the TypeError below.\n return ContinueSentinel;\n }\n }\n\n context.method = \"throw\";\n context.arg = new TypeError(\n \"The iterator does not provide a 'throw' method\");\n }\n\n return ContinueSentinel;\n }\n\n var record = tryCatch(method, delegate.iterator, context.arg);\n\n if (record.type === \"throw\") {\n context.method = \"throw\";\n context.arg = record.arg;\n context.delegate = null;\n return ContinueSentinel;\n }\n\n var info = record.arg;\n\n if (! info) {\n context.method = \"throw\";\n context.arg = new TypeError(\"iterator result is not an object\");\n context.delegate = null;\n return ContinueSentinel;\n }\n\n if (info.done) {\n // Assign the result of the finished delegate to the temporary\n // variable specified by delegate.resultName (see delegateYield).\n context[delegate.resultName] = info.value;\n\n // Resume execution at the desired location (see delegateYield).\n context.next = delegate.nextLoc;\n\n // If context.method was \"throw\" but the delegate handled the\n // exception, let the outer generator proceed normally. If\n // context.method was \"next\", forget context.arg since it has been\n // \"consumed\" by the delegate iterator. If context.method was\n // \"return\", allow the original .return call to continue in the\n // outer generator.\n if (context.method !== \"return\") {\n context.method = \"next\";\n context.arg = undefined;\n }\n\n } else {\n // Re-yield the result returned by the delegate method.\n return info;\n }\n\n // The delegate iterator is finished, so forget it and continue with\n // the outer generator.\n context.delegate = null;\n return ContinueSentinel;\n }\n\n // Define Generator.prototype.{next,throw,return} in terms of the\n // unified ._invoke helper method.\n defineIteratorMethods(Gp);\n\n Gp[toStringTagSymbol] = \"Generator\";\n\n // A Generator should always return itself as the iterator object when the\n // @@iterator function is called on it. Some browsers' implementations of the\n // iterator prototype chain incorrectly implement this, causing the Generator\n // object to not be returned from this call. This ensures that doesn't happen.\n // See https://github.com/facebook/regenerator/issues/274 for more details.\n Gp[iteratorSymbol] = function() {\n return this;\n };\n\n Gp.toString = function() {\n return \"[object Generator]\";\n };\n\n function pushTryEntry(locs) {\n var entry = { tryLoc: locs[0] };\n\n if (1 in locs) {\n entry.catchLoc = locs[1];\n }\n\n if (2 in locs) {\n entry.finallyLoc = locs[2];\n entry.afterLoc = locs[3];\n }\n\n this.tryEntries.push(entry);\n }\n\n function resetTryEntry(entry) {\n var record = entry.completion || {};\n record.type = \"normal\";\n delete record.arg;\n entry.completion = record;\n }\n\n function Context(tryLocsList) {\n // The root entry object (effectively a try statement without a catch\n // or a finally block) gives us a place to store values thrown from\n // locations where there is no enclosing try statement.\n this.tryEntries = [{ tryLoc: \"root\" }];\n tryLocsList.forEach(pushTryEntry, this);\n this.reset(true);\n }\n\n runtime.keys = function(object) {\n var keys = [];\n for (var key in object) {\n keys.push(key);\n }\n keys.reverse();\n\n // Rather than returning an object with a next method, we keep\n // things simple and return the next function itself.\n return function next() {\n while (keys.length) {\n var key = keys.pop();\n if (key in object) {\n next.value = key;\n next.done = false;\n return next;\n }\n }\n\n // To avoid creating an additional object, we just hang the .value\n // and .done properties off the next function object itself. This\n // also ensures that the minifier will not anonymize the function.\n next.done = true;\n return next;\n };\n };\n\n function values(iterable) {\n if (iterable) {\n var iteratorMethod = iterable[iteratorSymbol];\n if (iteratorMethod) {\n return iteratorMethod.call(iterable);\n }\n\n if (typeof iterable.next === \"function\") {\n return iterable;\n }\n\n if (!isNaN(iterable.length)) {\n var i = -1, next = function next() {\n while (++i < iterable.length) {\n if (hasOwn.call(iterable, i)) {\n next.value = iterable[i];\n next.done = false;\n return next;\n }\n }\n\n next.value = undefined;\n next.done = true;\n\n return next;\n };\n\n return next.next = next;\n }\n }\n\n // Return an iterator with no values.\n return { next: doneResult };\n }\n runtime.values = values;\n\n function doneResult() {\n return { value: undefined, done: true };\n }\n\n Context.prototype = {\n constructor: Context,\n\n reset: function(skipTempReset) {\n this.prev = 0;\n this.next = 0;\n // Resetting context._sent for legacy support of Babel's\n // function.sent implementation.\n this.sent = this._sent = undefined;\n this.done = false;\n this.delegate = null;\n\n this.method = \"next\";\n this.arg = undefined;\n\n this.tryEntries.forEach(resetTryEntry);\n\n if (!skipTempReset) {\n for (var name in this) {\n // Not sure about the optimal order of these conditions:\n if (name.charAt(0) === \"t\" &&\n hasOwn.call(this, name) &&\n !isNaN(+name.slice(1))) {\n this[name] = undefined;\n }\n }\n }\n },\n\n stop: function() {\n this.done = true;\n\n var rootEntry = this.tryEntries[0];\n var rootRecord = rootEntry.completion;\n if (rootRecord.type === \"throw\") {\n throw rootRecord.arg;\n }\n\n return this.rval;\n },\n\n dispatchException: function(exception) {\n if (this.done) {\n throw exception;\n }\n\n var context = this;\n function handle(loc, caught) {\n record.type = \"throw\";\n record.arg = exception;\n context.next = loc;\n\n if (caught) {\n // If the dispatched exception was caught by a catch block,\n // then let that catch block handle the exception normally.\n context.method = \"next\";\n context.arg = undefined;\n }\n\n return !! caught;\n }\n\n for (var i = this.tryEntries.length - 1; i >= 0; --i) {\n var entry = this.tryEntries[i];\n var record = entry.completion;\n\n if (entry.tryLoc === \"root\") {\n // Exception thrown outside of any try block that could handle\n // it, so set the completion value of the entire function to\n // throw the exception.\n return handle(\"end\");\n }\n\n if (entry.tryLoc <= this.prev) {\n var hasCatch = hasOwn.call(entry, \"catchLoc\");\n var hasFinally = hasOwn.call(entry, \"finallyLoc\");\n\n if (hasCatch && hasFinally) {\n if (this.prev < entry.catchLoc) {\n return handle(entry.catchLoc, true);\n } else if (this.prev < entry.finallyLoc) {\n return handle(entry.finallyLoc);\n }\n\n } else if (hasCatch) {\n if (this.prev < entry.catchLoc) {\n return handle(entry.catchLoc, true);\n }\n\n } else if (hasFinally) {\n if (this.prev < entry.finallyLoc) {\n return handle(entry.finallyLoc);\n }\n\n } else {\n throw new Error(\"try statement without catch or finally\");\n }\n }\n }\n },\n\n abrupt: function(type, arg) {\n for (var i = this.tryEntries.length - 1; i >= 0; --i) {\n var entry = this.tryEntries[i];\n if (entry.tryLoc <= this.prev &&\n hasOwn.call(entry, \"finallyLoc\") &&\n this.prev < entry.finallyLoc) {\n var finallyEntry = entry;\n break;\n }\n }\n\n if (finallyEntry &&\n (type === \"break\" ||\n type === \"continue\") &&\n finallyEntry.tryLoc <= arg &&\n arg <= finallyEntry.finallyLoc) {\n // Ignore the finally entry if control is not jumping to a\n // location outside the try/catch block.\n finallyEntry = null;\n }\n\n var record = finallyEntry ? finallyEntry.completion : {};\n record.type = type;\n record.arg = arg;\n\n if (finallyEntry) {\n this.method = \"next\";\n this.next = finallyEntry.finallyLoc;\n return ContinueSentinel;\n }\n\n return this.complete(record);\n },\n\n complete: function(record, afterLoc) {\n if (record.type === \"throw\") {\n throw record.arg;\n }\n\n if (record.type === \"break\" ||\n record.type === \"continue\") {\n this.next = record.arg;\n } else if (record.type === \"return\") {\n this.rval = this.arg = record.arg;\n this.method = \"return\";\n this.next = \"end\";\n } else if (record.type === \"normal\" && afterLoc) {\n this.next = afterLoc;\n }\n\n return ContinueSentinel;\n },\n\n finish: function(finallyLoc) {\n for (var i = this.tryEntries.length - 1; i >= 0; --i) {\n var entry = this.tryEntries[i];\n if (entry.finallyLoc === finallyLoc) {\n this.complete(entry.completion, entry.afterLoc);\n resetTryEntry(entry);\n return ContinueSentinel;\n }\n }\n },\n\n \"catch\": function(tryLoc) {\n for (var i = this.tryEntries.length - 1; i >= 0; --i) {\n var entry = this.tryEntries[i];\n if (entry.tryLoc === tryLoc) {\n var record = entry.completion;\n if (record.type === \"throw\") {\n var thrown = record.arg;\n resetTryEntry(entry);\n }\n return thrown;\n }\n }\n\n // The context.catch method must only be called with a location\n // argument that corresponds to a known catch block.\n throw new Error(\"illegal catch attempt\");\n },\n\n delegateYield: function(iterable, resultName, nextLoc) {\n this.delegate = {\n iterator: values(iterable),\n resultName: resultName,\n nextLoc: nextLoc\n };\n\n if (this.method === \"next\") {\n // Deliberately forget the last sent value so that we don't\n // accidentally pass it on to the delegate.\n this.arg = undefined;\n }\n\n return ContinueSentinel;\n }\n };\n})(\n // Among the various tricks for obtaining a reference to the global\n // object, this seems to be the most reliable technique that does not\n // use indirect eval (which violates Content Security Policy).\n typeof global === \"object\" ? global :\n typeof window === \"object\" ? window :\n typeof self === \"object\" ? self : this\n);\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/regenerator-runtime/runtime.js\n// module id = 72\n// module chunks = 0","import React, { Component } from 'react'\r\nimport styled from 'styled-components'\r\nimport { CommentsApi } from '../../API/api'\r\nimport reloadIcon from '../../static/images/icons/reload.png'\r\nimport CommentTopBar from './CommentsTopBar'\r\nimport CommentForm from './CommentForm'\r\nimport CommentList from '../comments/CommentList'\r\nimport { GA_Event } from '../Analytics/Analytics'\r\n\r\nconst Container = styled.div`\r\nmargin-top: 40px;\r\nfont-size: 23px !important;\r\ndisplay: block;\r\nmax-width: 980px;\r\nmargin: 20px auto 40px;\r\ndisplay:${props => props.shown ? 'block' : 'none'};\r\n`\r\nconst LoadCommentsContainer = styled.div`\r\ntext-align:center;\r\nuser-select:none;\r\ntransition:opacity 1s;\r\n${props => {\r\n switch (props.state) {\r\n case 'loading':\r\n return `\r\n opacity:.4;\r\n `\r\n case 'off':\r\n return `\r\n display:none;\r\n `\r\n default:\r\n return '';\r\n }\r\n }}\r\n`\r\nconst LoadButton = styled.button`\r\ncursor:pointer;\r\n> *{\r\n vertical-align:middle;\r\n}\r\nspan{\r\n text-align:right;\r\n margin-right:20px;\r\n display:inline-block;\r\n font-size:16px;\r\n max-width:90px;\r\n}\r\n`\r\nconst LoadIcon = styled.div`\r\nwill-change:transform;\r\ndisplay:inline-block;\r\n`\r\nclass Comments extends Component {\r\n constructor() {\r\n super();\r\n this.showMainForm = this.showMainForm.bind(this);\r\n this.handleInputChange = this.handleInputChange.bind(this);\r\n this.handleSubmit = this.handleSubmit.bind(this);\r\n this.state = {\r\n isMainFormActive: false,\r\n formState: { msg: 'חובה להזין שם', valid: false },\r\n inputName: '',\r\n inputTitle: '',\r\n inputContent: ''\r\n }\r\n }\r\n showMainForm() {\r\n GA_Event('Add_Comment', window.location.pathname + window.location.hash);\r\n this.setState({\r\n isMainFormActive: true\r\n });\r\n }\r\n handleInputChange(event) {\r\n this.setState({\r\n [event.target.name]: event.target.value\r\n });\r\n window.setTimeout(() => {\r\n this.setState({\r\n formState: this.validateForm()\r\n });\r\n }, 0);\r\n }\r\n handleSubmit(event) {\r\n event.preventDefault();\r\n if (!this.state.formState.valid) {\r\n alert(this.state.formState.msg);\r\n return;\r\n }\r\n this._submitForm();\r\n this.setState({\r\n inputName: '',\r\n inputTitle: '',\r\n inputContent: '',\r\n isMainFormActive: false,\r\n formState: { msg: 'חובה להזין שם', valid: false }\r\n });\r\n }\r\n _submitForm() {\r\n CommentsApi.add(\r\n this.state.inputName,\r\n this.state.inputTitle,\r\n this.state.inputContent,\r\n this.props.articleRef\r\n );\r\n alert('תודה, קיבלנו את תגובתך ונשתדל לפרסמה בכפוף לשיקולי המערכת.');\r\n }\r\n validateForm() {\r\n let result = {\r\n msg: '',\r\n valid: true\r\n };\r\n const _name = this.state.inputName;\r\n const _title = this.state.inputTitle;\r\n if (_name.length < 1) {\r\n result.msg = 'חובה להזין שם';\r\n result.valid = false;\r\n return result;\r\n }\r\n if (_title.length < 1) {\r\n result.msg = 'חובה להזין כותרת';\r\n result.valid = false;\r\n return result;\r\n }\r\n return result;\r\n }\r\n render() {\r\n return (\r\n \r\n \r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n - \r\n {props.comments.map((c, idx) =>\r\n
- \r\n {props.replies.map((r, idx) =>\r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default Loader;\n\n\n// WEBPACK FOOTER //\n// ./src/Components/Loader/Loader.js","function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nimport warning from \"warning\";\nimport React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { createBrowserHistory as createHistory } from \"history\";\nimport Router from \"./Router\";\n\n/**\n * The public API for a