{"version":3,"sources":["../assets/images/km-2019/tarjouskauppa/Tarjouskauppa_ei_taustaa.svg","components/Apartment/ApartmentOnlineOffer/styles.js","components/Apartment/ApartmentOnlineOffer/index.tsx"],"names":["module","exports","OfferTable","styled","div","withConfig","componentId","hexToRGB","color","media","md","_templateObject","_taggedTemplateLiteral","lg","_templateObject2","OfferTableColumn","props","first","css","offerBg","_templateObject3","_templateObject4","second","last","textStyles","PSmall","fontFamily","condensed","Offer","sm","_templateObject5","_templateObject6","OnlineOfferLink","Link","buttons","ctaLink","getSeconds","obj","sec","usec","getDate","numberDate","date","toString","formattedDate","length","Date","toJSON","slice","split","reverse","join","ApartmentOnlineOffer","doc","onlineOfferHistory","salesPriceUnencumbered","key","onlineOffer","newestOffer","restOffers","React","createElement","NumberFormat","value","decimalScale","decimalSeparator","displayType","fixedDecimalScale","renderText","fv","Fragment","suffix","thousandSeparator","amount","startDate","map","offer","index","customerKey","to","concat"],"mappings":"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","file":"assets/js/62.chunk.js?cb=a6db8e5376b5b6383853","sourcesContent":["module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODUiIGhlaWdodD0iODUiIHZpZXdCb3g9IjAgMCA4NSA4NSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTM1IDQxTDI2IDM0TDkgNDhIMThWNzciIHN0cm9rZT0iIzAwNjQ1MCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTUxIDQ1TDU5IDM5TDc2IDUzSDY3Vjc3IiBzdHJva2U9IiMwMDY0NTAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik01MSA2NVYyNkg2MEw0MyAxMkwyNiAyNkgzNVY3MSIgc3Ryb2tlPSIjMjNEMjc4IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K\"","import styled, { css } from 'styled-components';\nimport offerBg from '@images/km-2019/tarjouskauppa/Tarjouskauppa_ei_taustaa.svg';\nimport { color, hexToRGB, media, lineHeight, fontFamily, buttons, textStyles } from '@utils/style-utils';\nimport { Link } from 'react-router-dom';\n\nexport const OfferTable = styled.div`\n\tbackground: ${ hexToRGB(color('greenBasic', 4), 0.2) };\n\tborder: 1px solid ${ color('greenBasic', 4) };\n\tborder-top: 5px solid ${ color('greenBright', 1) };\n\tmargin-top: 60px;\n\tpadding: 42px 24px 29px;\n\twidth: 100%;\n\n\t${ media.md`\n\t\tmargin-top: 90px;\n\t\tpadding: 4%;\n\t`}\n\n\t${ media.lg`\n\t\tmargin-top: 120px;\n\t\tdisplay: flex;\n\t`}\n`\n\nexport const OfferTableColumn = styled.div`\n\tmargin-bottom: 20px;\n\twidth: 100%;\n\n\th3 {\n\t\tmargin: 0;\n\t}\n\n\t${ props => props.first && css`\n\t\tposition: relative;\n\t\t&:after {\n\t\t\tbackground-image: url(${ offerBg });\n\t\t\tbackground-repeat: no-repeat;\n\t\t\tbackground-size: cover\n\n\t\t\tbottom: -10px;\n\t\t\tcontent: '';\n\t\t\theight: 50px;\n\t\t\tposition: absolute;\n\t\t\tright: 0;\n\t\t\twidth: 50px;\n\t\t}\n\t`}\n\n\t${ media.md`\n\t\t${ props => props.first && css`\n\t\t\tposition: relative;\n\t\t\t&:after {\n\t\t\t\tbackground-size: cover\n\t\t\t\tbottom: -13px;\n\t\t\t\theight: 60px;\n\t\t\t\twidth: 60px;\n\t\t\t}\n\t\t`}\n\t`}\n\n\n\t${ media.lg`\n\t\tmargin-bottom: 0;\n\t\t${ props => props.first && css`\n\t\t\twidth: calc(297 / 1254 * 100%);\n\t\t\t&:after {\n\t\t\t\tbackground-size: cover\n\t\t\t\tbottom: 0;\n\t\t\t\tleft: 0;\n\t\t\t\theight: 85px;\n\t\t\t\twidth: 85px;\n\t\t\t}\n\t\t`}\n\n\t\t${ props => props.second && css`\n\t\t\twidth: calc(585 / 1254 * 100%);\n\t\t`}\n\n\t\t${ props => props.last && css`\n\t\t\twidth: calc(372 / 1254 * 100%);\n\t\t`}\n\t`}\n\n\tp {\n\t\t${ textStyles.PSmall }\n\t\tmargin: 0 0 10px;\n\t}\n\n\tp a, span a {\n\t\tcolor: ${ color('greenDark', 1) };\n\t\tfont-family: ${ fontFamily.condensed };\n\t\tfont-size: 16px;\n\t\ttext-decoration: none;\n\n\t\t&:hover {\n\t\t\tcolor: ${ color('greenDark', 2) };\n\t\t\ttext-decoration: underline;\n\t\t}\n\t}\n`\n\nexport const Offer = styled.div`\n\tmargin-bottom: 14px;\n\n\t${ media.sm`\n\t\tdisplay: flex;\n\t`}\n\n\t> span {\n\t\tdisplay: block;\n\t\t${ textStyles.PSmall }\n\t\twidth: 100%;\n\n\t\t&:first-of-type {\n\t\t\tfont-weight: 500;\n\t\t}\n\n\t\t${ media.sm`\n\t\t\t&:first-of-type {\n\t\t\t\tfont-weight: normal;\n\t\t\t\tpadding-right: 15px;\n\t\t\t\twidth: 39.3%;\n\t\t\t}\n\n\t\t\t&:last-of-type {\n\t\t\t\twidth: 60.7%;\n\t\t\t}\n\t\t`}\n\t}\n\n\ta {\n\t\tdisplay: inherit;\n\t\tmargin-top: 16px;\n\t}\n`\n\nexport const OnlineOfferLink = styled(Link)`\n\t${ buttons.ctaLink }\n\tdisplay: block;\n\tmargin-top: 35px;\n\twidth: 100%;\n`\n","import React, { Fragment } from 'react';\nimport NumberFormat from 'react-number-format';\nimport { Link } from 'react-router-dom';\n\nimport {\n\tOfferTable,\n\tOfferTableColumn,\n\tOffer,\n\tOnlineOfferLink,\n} from './styles';\n\nconst getSeconds = obj => (obj.sec ? obj.sec : (obj.usec ? obj.usec : null));\n\nconst getDate = numberDate => {\n\tconst date = numberDate.toString();\n\tlet formattedDate = numberDate;\n\tif (date.length <= 13 && date.length < 16) {\n\t\tformattedDate = numberDate * 1000;\n\t}\n\n\tif (!formattedDate) {\n\t\treturn '';\n\t}\n\n\treturn (new Date(formattedDate).toJSON().slice(0,10).split('-').reverse().join('.'));\n};\n\ninterface IProps {\n\tdoc: IProperty;\n}\n\nconst ApartmentOnlineOffer = (props: IProps) => {\n\tconst { doc } = props;\n\tconst { onlineOfferHistory, salesPriceUnencumbered, key, onlineOffer } = doc;\n\tconst [ newestOffer, ...restOffers ] = onlineOfferHistory || [ null ];\n\n\treturn (\n\t\t<OfferTable>\n\t\t\t<OfferTableColumn first={ true }>\n\t\t\t\t<h3>Tarjouskauppa</h3>\n\t\t\t</OfferTableColumn>\n\t\t\t<OfferTableColumn second={ true }>\n\t\t\t\t<Offer>\n\t\t\t\t\t<span>Velaton lähtöhinta</span>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<NumberFormat\n\t\t\t\t\t\t\tvalue={ salesPriceUnencumbered }\n\t\t\t\t\t\t\tdecimalScale={ 2 }\n\t\t\t\t\t\t\tdecimalSeparator=\",\"\n\t\t\t\t\t\t\tdisplayType=\"text\"\n\t\t\t\t\t\t\tfixedDecimalScale={ true }\n\t\t\t\t\t\t\trenderText={ (fv) => <Fragment>{ fv }</Fragment> }\n\t\t\t\t\t\t\tsuffix=\" €\"\n\t\t\t\t\t\t\tthousandSeparator=\" \"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</span>\n\t\t\t\t</Offer>\n\t\t\t\t{ newestOffer && (\n\t\t\t\t\t<Offer>\n\t\t\t\t\t\t<span>Uusin tarjous</span>\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<NumberFormat\n\t\t\t\t\t\t\t\tvalue={ newestOffer.amount }\n\t\t\t\t\t\t\t\tdecimalScale={ 2 }\n\t\t\t\t\t\t\t\tdecimalSeparator=\",\"\n\t\t\t\t\t\t\t\tdisplayType=\"text\"\n\t\t\t\t\t\t\t\tfixedDecimalScale={ true }\n\t\t\t\t\t\t\t\trenderText={ (fv) => <Fragment>{ fv }</Fragment> }\n\t\t\t\t\t\t\t\tsuffix=\" €\"\n\t\t\t\t\t\t\t\tthousandSeparator=\" \"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t&nbsp;({ getDate(getSeconds(newestOffer.startDate)) })\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</Offer>\n\t\t\t\t) }\n\t\t\t\t{ (restOffers && restOffers.length > 0) && (\n\t\t\t\t\t<Offer>\n\t\t\t\t\t\t<span>Aiemmat tarjoukset</span>\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t{ restOffers.map((offer, index) => (\n\t\t\t\t\t\t\t\t<Fragment key={ (offer.customerKey || offer.amount) + '_' + index }>\n\t\t\t\t\t\t\t\t\t<NumberFormat\n\t\t\t\t\t\t\t\t\t\tvalue={ offer.amount }\n\t\t\t\t\t\t\t\t\t\tdecimalScale={ 2 }\n\t\t\t\t\t\t\t\t\t\tdecimalSeparator=\",\"\n\t\t\t\t\t\t\t\t\t\tdisplayType=\"text\"\n\t\t\t\t\t\t\t\t\t\tfixedDecimalScale={ true }\n\t\t\t\t\t\t\t\t\t\trenderText={ (fv) => <Fragment>{ fv }</Fragment> }\n\t\t\t\t\t\t\t\t\t\tsuffix=\" €\"\n\t\t\t\t\t\t\t\t\t\tthousandSeparator=\" \"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t&nbsp;({ getDate(getSeconds(offer.startDate)) })\n\t\t\t\t\t\t\t\t\t{ (index < restOffers.length - 1) && <br /> }\n\t\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t\t)) }\n\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t<Link to={`/tarjouskauppakohde/${ key }`}>Katso kaikki tarjoukset ›</Link>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</Offer>\n\t\t\t\t) }\n\t\t\t</OfferTableColumn>\n\t\t\t<OfferTableColumn last={ true }>\n\t\t\t\t<p>Tarjouskaupassa tarjoukset tehdään lähtöhinnasta ylöspäin.</p>\n\t\t\t\t<p>Tarjoukset näkyvät kaikille netissä ja ovat voimassa vähintään 48 tuntia.\n\t\t\t\t\tLiittymällä kohteen seuraajaksi saat tarjouksista tiedon myös sähköpostiisi.&nbsp;\n\t\t\t\t\t<Link to=\"/tarjouskauppa\">Lue lisää tarjouskaupasta ›</Link>\n\t\t\t\t</p>\n\t\t\t\t<OnlineOfferLink to={`/tarjouskauppakohde/${ key }`}>Seuraa kohdetta</OnlineOfferLink>\n\t\t\t</OfferTableColumn>\n\t\t</OfferTable>\n\t);\n};\n\nexport default ApartmentOnlineOffer;"],"sourceRoot":""}