{"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","div","md","lg","OfferTableColumn","props","first","second","last","PSmall","condensed","Offer","sm","OnlineOfferLink","ctaLink","getSeconds","obj","sec","usec","getDate","numberDate","date","toString","formattedDate","length","Date","toJSON","slice","split","reverse","join","doc","onlineOfferHistory","salesPriceUnencumbered","key","onlineOffer","newestOffer","restOffers","value","decimalScale","decimalSeparator","displayType","fixedDecimalScale","renderText","fv","suffix","thousandSeparator","amount","startDate","map","offer","index","customerKey","to"],"mappings":"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","file":"assets/js/53.chunk.js?cb=0678de6081216e728d9f","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":""}