\n
\n);\n\nsection.propTypes = {\n title: PropTypes.string.isRequired,\n};\n\nexport default section;\n","import { fromJS, List } from 'immutable';\nimport {\n GET_FILTERS,\n UPDATE_PARAMS,\n RESET_PARAMS,\n REMOVE_PARAM,\n FILTERS_RECEIVED,\n} from './constants';\nimport { removeObjByAttribute } from '../../utils/common';\n\n// The initial state of the App\nexport const initialState = fromJS({\n params: {},\n selectedParams: new List(),\n loading: true,\n});\n\nfunction searchReducer(state = initialState, action) {\n switch (action.type) {\n case UPDATE_PARAMS:\n let paramsList = state.getIn(['selectedParams']).toArray();\n paramsList = updateSelected(paramsList, action.param);\n return state.setIn(['selectedParams'], new List(paramsList));\n case FILTERS_RECEIVED:\n return state.set('params', action.filters).set('loading', false);\n case REMOVE_PARAM:\n let params = state.getIn(['selectedParams']).toArray();\n params = removeObjByAttribute(params, 'name', action.paramName);\n return state.setIn(['selectedParams'], new List(params));\n case RESET_PARAMS:\n return state.setIn(['selectedParams'], new List());\n case GET_FILTERS:\n return state.set('loading', true);\n default:\n return state;\n }\n}\n\n/**\n * Update selected parameters\n * @param selected\n * @param item\n * @returns {*[]}\n */\nfunction updateSelected(selected, item) {\n const obj = { ...item };\n const params = removeObjByAttribute(selected, 'name', item.name);\n return [...params, obj];\n}\n\nexport default searchReducer;\n","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \".el-tablo .value {\\n font-size: 2rem; }\\n\", \"\"]);\n\n// exports\n","\nvar content = require(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./styles.scss\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./styles.scss\", function() {\n\t\tvar newContent = require(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./styles.scss\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","\nvar content = require(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./styles.scss\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./styles.scss\", function() {\n\t\tvar newContent = require(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./styles.scss\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","exports = module.exports = require(\"../../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \".DownloadableImage {\\n position: relative;\\n color: blue !important; }\\n .DownloadableImage .image {\\n cursor: pointer;\\n display: block;\\n width: 100%;\\n transition: all .4s ease-in-out;\\n border-radius: 6px;\\n border: 1px solid #f2f5fe; }\\n .DownloadableImage .image:hover {\\n transform: scale(1.06);\\n opacity: 0.3;\\n transition: all 1s; }\\n .DownloadableImage .middle {\\n transition: .5s ease;\\n opacity: 0;\\n position: absolute;\\n top: 50%;\\n left: 50%;\\n transform: translate(-50%, -50%);\\n -ms-transform: translate(-50%, -50%);\\n text-align: center;\\n z-index: 20000 !important; }\\n .DownloadableImage:hover .image {\\n opacity: 0.3; }\\n .DownloadableImage:hover .middle {\\n opacity: 1; }\\n\", \"\"]);\n\n// exports\n","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \".CarItemPreview .header, .CarItemPreview .content {\\n padding: 0.9rem 1.1rem;\\n background-color: #fff;\\n border-right: 1px solid rgba(0, 0, 0, 0.03);\\n margin-top: .1rem;\\n margin-bottom: .2rem;\\n width: 100%;\\n color: #484848;\\n border-radius: 6px;\\n -webkit-box-shadow: 0px 2px 4px rgba(126, 142, 177, 0.12);\\n box-shadow: 0px 2px 4px rgba(126, 142, 177, 0.12);\\n font-size: 1em;\\n font-weight: 600;\\n line-height: 1.375em; }\\n\\n.CarItemPreview .content {\\n margin: auto;\\n font-size: 1em;\\n font-weight: 400;\\n line-height: 1em; }\\n\", \"\"]);\n\n// exports\n","\nvar content = require(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./styles.scss\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./styles.scss\", function() {\n\t\tvar newContent = require(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./styles.scss\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","\nvar content = require(\"!!../../../../node_modules/css-loader/index.js!../../../../node_modules/sass-loader/lib/loader.js!./styles.scss\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../../node_modules/css-loader/index.js!../../../../node_modules/sass-loader/lib/loader.js!./styles.scss\", function() {\n\t\tvar newContent = require(\"!!../../../../node_modules/css-loader/index.js!../../../../node_modules/sass-loader/lib/loader.js!./styles.scss\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \".select-search {\\n width: 65%; }\\n\\n.is-loading .select-search--search::before {\\n background-image: url(\\\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50'%3E%3Cpath fill='%232F2D37' d='M25,5A20.14,20.14,0,0,1,45,22.88a2.51,2.51,0,0,0,2.49,2.26h0A2.52,2.52,0,0,0,50,22.33a25.14,25.14,0,0,0-50,0,2.52,2.52,0,0,0,2.5,2.81h0A2.51,2.51,0,0,0,5,22.88,20.14,20.14,0,0,1,25,5Z'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 25 25' to='360 25 25' dur='0.6s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E\\\");\\n background-size: 12px;\\n position: absolute;\\n top: 0;\\n left: 0;\\n width: 12px;\\n height: 12px;\\n text-align: center;\\n color: #222f3e;\\n z-index: 1;\\n margin-top: 12px;\\n content: ''; }\\n\\n.select-search--search::after {\\n font-family: fontawesome;\\n content: \\\"\\\\F002\\\";\\n position: absolute;\\n top: 0;\\n right: 0;\\n width: 40px;\\n text-align: center;\\n line-height: 36px;\\n color: #222f3e;\\n z-index: 1;\\n margin-top: auto;\\n margin-bottom: auto; }\\n\\n.select-search__value::after {\\n display: none; }\\n\\n.select-search__input {\\n background: #f2f5fe;\\n color: #484848 !important;\\n font-weight: 500;\\n font-size: .9em;\\n font-family: unset; }\\n .select-search__input[disabled] {\\n cursor: not-allowed !important;\\n opacity: 0.5; }\\n\\n.select-search__options {\\n padding-left: 0; }\\n\\n.select-search__option {\\n font-family: unset;\\n padding: 5px 0 5px 10px;\\n min-height: 2.2em;\\n height: auto; }\\n\\n.select-search__option.is-selected {\\n color: #047bf8;\\n border-color: #047bf8;\\n background-color: #f2f5fe; }\\n\\n.select-search__option.is-highlighted.is-selected,\\n.select-search__option.is-selected:hover {\\n color: white;\\n border-color: #047bf8;\\n background: #047bf8; }\\n\\n.select-search__input:hover {\\n color: #047bf8;\\n border-color: #047bf8; }\\n\\n.select-search__option.is-highlighted,\\n.select-search__option:not(.is-selected):hover {\\n background: #f2f5fe; }\\n\\n.select-search:not(.select-search--multiple) .select-search__select {\\n max-height: 11.55rem; }\\n\", \"\"]);\n\n// exports\n","\nvar content = require(\"!!../../../../../node_modules/css-loader/index.js!../../../../../node_modules/sass-loader/lib/loader.js!./styles.scss\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../../../node_modules/css-loader/index.js!../../../../../node_modules/sass-loader/lib/loader.js!./styles.scss\", function() {\n\t\tvar newContent = require(\"!!../../../../../node_modules/css-loader/index.js!../../../../../node_modules/sass-loader/lib/loader.js!./styles.scss\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Row, Col, InputNumber } from 'antd';\nimport AwesomeDebouncePromise from 'awesome-debounce-promise';\nimport { getSustainabilityIndexByMonthlyRateAndDeposit } from 'utils/prescoringTool';\nimport './styles.scss';\nimport messages from './messages';\nimport configs from 'configs';\nimport {FormattedMessage} from \"react-intl\";\n\nimport { default as InputSlider } from '../Input/Slider/';\n\nconst prescoringColors = [\n '#f5222d',\n '#ffbf3f',\n '#2ec58d',\n]\n\nclass Fee extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n show: false,\n selectedFees: this.props.selectedFees,\n monthlyRate: this.props.monthlyRate,\n };\n\n this.sliderRef = React.createRef();\n }\n\n componentDidUpdate = (prevProps) => {\n const { monthlyRate, selectedFees } = this.props;\n\n if (prevProps.selectedFees.overCommission !== selectedFees.overCommission) {\n this.setState({selectedFees})\n }\n\n if (\n (prevProps.selectedFees.finalMonthlyRate !== selectedFees.finalMonthlyRate)\n ||\n (prevProps.monthlyRate !== monthlyRate)\n ) {\n this.setState({\n selectedFees: {\n ...selectedFees,\n finalMonthlyRate: selectedFees.finalMonthlyRate\n },\n monthlyRate\n })\n }\n }\n\n toggle = () => {\n this.setState(prevState => ({\n show: !prevState.show,\n }));\n };\n\n getFinalPotentialProfitValueByFinalMonthlyRate = finalMonthlyRate =>\n this.props.item -\n (this.props.monthlyRate - finalMonthlyRate) / (this.getTaxMultiplicationFactor() / this.getDurationValueForStepCalculation())\n\n onOverwriteMonthlyRateHandler = value => {\n let { selectedFees, offerFees, item, monthlyRate, onUpdateFees } = this.props\n\n if (typeof selectedFees.__altered !== 'undefined') {\n selectedFees = selectedFees.toJS();\n }\n\n const finalMonthlyRate = value + (monthlyRate - parseInt(monthlyRate));\n let toAddToTotalPrice;\n let extraCommissionToIdeal;\n let baseCommissionToIdeal;\n\n const finalPotentialProfitValue = this.getFinalPotentialProfitValueByFinalMonthlyRate(finalMonthlyRate);\n\n toAddToTotalPrice = this.getValueToAddToTotalPrice(finalPotentialProfitValue - item);\n\n extraCommissionToIdeal = Math.ceil(toAddToTotalPrice - (finalPotentialProfitValue - item));\n\n baseCommissionToIdeal = Math.ceil(item * (100 - offerFees.agentFee) / offerFees.agentFee);\n\n onUpdateFees({\n ...selectedFees,\n originalPotentialProfit: item,\n extraCommissionToIdeal,\n baseCommissionToIdeal,\n originalMonthlyRate: monthlyRate,\n overCommission: parseFloat(finalPotentialProfitValue - item).toFixed(2),\n finalPotentialProfit: finalPotentialProfitValue,\n finalMonthlyRate,\n })\n }\n\n onOverwriteMonthlyRateHandlerDebounced = AwesomeDebouncePromise(\n this.onOverwriteMonthlyRateHandler,\n 200\n )\n\n getMonthlyRateLogic = commissionDelta => {\n const { extraCommission } = configs;\n\n if (extraCommission && extraCommission.monthlyRateLogic) {\n const monthlyRateLogicCalculation = extraCommission.monthlyRateLogic.replace('$commissionDelta', commissionDelta)\n .replace('$duration', this.getDurationValueForStepCalculation());\n\n return this.props.monthlyRate + Math.round(eval(monthlyRateLogicCalculation));\n }\n\n return this.getValueToAddToTotalPrice(commissionDelta) / this.getDurationValueForStepCalculation();\n }\n\n getValueToAddToTotalPrice = commissionDelta => commissionDelta / this.props.offerFees.agentFee * 100\n\n getValueToAddToMonthlyRate = commissionDelta => this.getMonthlyRateLogic(commissionDelta)\n\n onChangeOverCommissionValue = newValue => {\n const { has_extra_commission, has_over_commission, item, onUpdateFees, offerFees, monthlyRate } = this.props;\n\n if (has_extra_commission) {\n let finalMonthlyRate = parseFloat(monthlyRate);\n let toAddToTotalPrice;\n let extraCommissionToIdeal;\n let baseCommissionToIdeal;\n\n toAddToTotalPrice = this.getValueToAddToTotalPrice(newValue - item);\n\n if (has_over_commission) {\n finalMonthlyRate += parseFloat(this.getValueToAddToMonthlyRate(newValue - item).toFixed(2));\n } else {\n finalMonthlyRate = parseFloat(this.getValueToAddToMonthlyRate(newValue - item).toFixed(2));\n }\n\n if (finalMonthlyRate < this.getMinMonthlyRate()) {\n finalMonthlyRate = this.getMinMonthlyRate();\n }\n\n if (finalMonthlyRate > this.getMaxMonthlyRate()) {\n finalMonthlyRate = this.getMaxMonthlyRate();\n }\n\n extraCommissionToIdeal = Math.ceil(toAddToTotalPrice - (newValue - item));\n\n baseCommissionToIdeal = Math.ceil(item * (100 - offerFees.agentFee) / offerFees.agentFee);\n\n onUpdateFees({\n overCommission: newValue - item,\n originalPotentialProfit: item,\n finalPotentialProfit: newValue,\n extraCommissionToIdeal,\n baseCommissionToIdeal,\n finalMonthlyRate,\n originalMonthlyRate: monthlyRate,\n })\n }\n }\n\n getSliderMax = () => {\n const { offerFees, has_extra_commission } = this.props;\n\n if (has_extra_commission) {\n return offerFees.maxFeeValue ;\n }\n\n return 0;\n }\n\n getSliderMin = () => {\n const { offerFees, has_over_commission } = this.props;\n\n if (has_over_commission) {\n return offerFees.minFeeValue;\n }\n\n return 0;\n }\n\n getTaxMultiplicationFactor = () => {\n const { extraCommission } = configs;\n\n if (extraCommission && extraCommission.taxMultiplicationFactor) {\n return extraCommission.taxMultiplicationFactor;\n }\n\n return 1;\n }\n\n getMinMonthlyRate = () => {\n const { has_under_commission, monthlyRate, duration, item } = this.props;\n\n if (has_under_commission) {\n return Math.floor(\n monthlyRate - Math.ceil(\n ((item * 2) / duration) * this.getTaxMultiplicationFactor()\n )\n );\n }\n\n return monthlyRate + parseInt(this.getValueToAddToMonthlyRate(this.getSliderMin() - item));\n }\n\n getMaxMonthlyRate = () =>\n this.props.has_under_commission\n ? parseInt(this.getValueToAddToMonthlyRate(this.getSliderMax() - this.props.item))\n : this.props.monthlyRate + Math.ceil(this.getValueToAddToMonthlyRate(this.getSliderMax() - this.props.item));\n\n getDurationValueForStepCalculation = () => {\n const { duration } = this.props;\n const { extraCommission } = configs;\n\n if (extraCommission) {\n if (extraCommission.multiplicationFactor) {\n return duration * extraCommission.multiplicationFactor;\n } else if (extraCommission.dividingFactor) {\n return duration / extraCommission.dividingFactor;\n }\n }\n\n return duration;\n }\n\n getSliderSteps = () => {\n const { item, duration, selectedFees, monthlyRate } = this.props;\n\n const sliderMin = (this.getSliderMin());\n const sliderMax = (this.getSliderMax());\n\n let prevCeilValue = parseInt(sliderMin);\n\n let steps = {};\n\n // under commission\n if (item > sliderMin) {\n\n for (let price = monthlyRate; price > this.getMinMonthlyRate(); price--) {\n const step = item - ((monthlyRate - price) / (this.getTaxMultiplicationFactor() / this.getDurationValueForStepCalculation()));\n\n let style = {\n display: 'none'\n }\n\n if (selectedFees.overCommission === item - step) {\n style = {\n color: this.getStepColor(step)\n }\n }\n\n steps[parseFloat(step.toFixed(2))] = {\n style\n };\n }\n }\n\n // over commission\n if (item < sliderMax) {\n prevCeilValue = Math.ceil(sliderMin);\n\n for (let step = item; step < sliderMax; step += duration) {\n const toAdd = this.getValueToAddToMonthlyRate(step - sliderMin);\n const ceilValue = Math.ceil(toAdd);\n\n if (prevCeilValue !== ceilValue) {\n let style = {\n display: 'none'\n }\n\n if (selectedFees.overCommission === item - step) {\n style = {\n color: this.getStepColor(step)\n }\n }\n\n steps[step] = {\n style\n };\n\n prevCeilValue = ceilValue;\n }\n }\n\n if (!steps[sliderMax]) {\n steps[sliderMax] = {\n style: {\n display: 'none'\n }\n };\n }\n }\n\n return steps;\n }\n\n getStepColor = stepValue => {\n const { monthlyRate, monthlyRateMax, depositRequired, deposit, thresholdMonthlyRateMax, item } = this.props;\n let finalMonthlyRate = monthlyRate;\n\n if (monthlyRateMax > 0) {\n finalMonthlyRate += Math.ceil(this.getValueToAddToMonthlyRate(stepValue - item));\n\n const sustainabilityIndexStep = getSustainabilityIndexByMonthlyRateAndDeposit(monthlyRateMax, finalMonthlyRate, depositRequired, deposit || 0, thresholdMonthlyRateMax);\n\n return prescoringColors[sustainabilityIndexStep];\n } else if (stepValue === this.getSliderMin() || stepValue === this.getSliderMax()) {\n return 'rgb(72, 72, 72)';\n } else {\n return 'rgb(255, 255, 255)';\n }\n }\n\n labelFormatter = value => `${Math.max(0, Math.round(parseFloat(value)))}€`\n\n sliderValue = () => {\n const { selectedFees, offerFees } = this.props;\n\n if (typeof selectedFees.finalPotentialProfit !== 'undefined') {\n return selectedFees.finalPotentialProfit\n }\n\n return offerFees.defaultFeeValue || 0;\n }\n\n render() {\n const { title, item, icon, iconExtra, has_extra_commission } = this.props;\n const { show, monthlyRate, selectedFees } = this.state;\n\n const sliderMin = Math.max(0, Math.round(\n parseFloat(\n Object.keys(this.getSliderSteps()).sort((val1, val2) => parseFloat(val1) - parseFloat(val2))[0]\n )\n ));\n const sliderMax = parseFloat(Object.keys(this.getSliderSteps()).sort((val1, val2) => parseFloat(val1) - parseFloat(val2)).slice(-1)[0]);\n\n const commissioneOverwritten = typeof selectedFees.finalPotentialProfit !== 'undefined' && selectedFees.finalPotentialProfit !== item;\n\n const baseFeeToShow = Math.round(parseFloat(item)).toLocaleString('it');\n\n let itemContent = `Guadagno potenziale: ${baseFeeToShow}€`;\n\n if (commissioneOverwritten) {\n const finalPotentialProfitToShow = typeof selectedFees.finalPotentialProfit !== 'undefined'\n ? Math.max(0, Math.round(parseFloat(selectedFees.finalPotentialProfit))).toLocaleString('it')\n : null;\n const arrowIcon = item > selectedFees.finalPotentialProfit\n ? ``\n : ``;\n itemContent = `Guadagno potenziale: {props.title}
\n\n \n Clicca per visualizzare il Guadagno potenziale\n
\n )}\n\n {show &&\n \n }\n\n {\n show && <>\n \n {icon}
\n \n {title}\n
\n {!show && (\n \n
\n
\n\n
{iconExtra}
\n Personalizza commissioni
\n \n \n \n
\n \n
\n \n
\n
\n \n }\n \n }\n \n );\n }\n}\n\nFee.defaultProps = {\n icon: null,\n item: '',\n has_extra_commission: false,\n has_under_commission: false,\n has_over_commission: false,\n};\n\nFee.propTypes = {\n title: PropTypes.string.isRequired,\n item: PropTypes.number.isRequired,\n has_extra_commission: PropTypes.bool.isRequired,\n has_under_commission: PropTypes.bool.isRequired,\n has_over_commission: PropTypes.bool.isRequired,\n icon: PropTypes.any,\n monthlyRate: PropTypes.any,\n monthlyRateMax: PropTypes.number,\n depositRequired: PropTypes.bool,\n deposit: PropTypes.number,\n sustainabilityIndex: PropTypes.number,\n offerFees: PropTypes.any,\n carValue: PropTypes.number,\n duration: PropTypes.number.isRequired,\n};\n\nexport default Fee;\n","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \".agent-modal-body {\\n background-color: #f2f4f8 !important; }\\n\\n.activity-box-w {\\n cursor: pointer; }\\n .activity-box-w:hover .activity-box {\\n transform: translateY(-5px) scale(1.02);\\n box-shadow: 0px 5px 12px rgba(126, 142, 177, 0.2); }\\n .activity-box-w:hover .activity-box:before {\\n transform: translateY(-1.5px) translateX(9.5px) scale(1); }\\n\", \"\"]);\n\n// exports\n","import { defineMessages } from 'react-intl';\nimport configs from \"configs\"\n\nexport const scope = 'app.components.CarItem';\n\nexport default defineMessages({\n deposit: {\n id: `${scope}.deposit`,\n defaultMessage: configs.messages[scope].deposit,\n },\n vat:{\n id: `${scope}.vat`,\n defaultMessage: configs.messages[scope].vat,\n }\n});\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport configs from 'configs';\n\nimport { Card, Tag } from 'antd';\nimport TrafficLights from '../PrescoringTool/trafficlights';\nimport { ToggleButton, DropdownMenu } from '../UIKit';\nimport 'antComponentsStyle';\nimport './styles.scss';\nimport {FormattedMessage} from \"react-intl\";\nimport messages from \"./messages\";\n\nclass CarItem extends React.Component {\n constructor(props) {\n super(props);\n }\n\n render() {\n const {\n image,\n brand,\n reference_code,\n model,\n version,\n target,\n monthlyRate,\n deposit,\n duration,\n distance,\n bundle,\n highlighted,\n suggested,\n catalogSelected,\n tag,\n secondary_tag,\n stockAvailability,\n delivery_time_label,\n color,\n sustainabilityIndex,\n status,\n onStatusButton,\n onCloneButton,\n link,\n isCustom,\n isOwned,\n } = this.props;\n\n const allowedLabels = [tag, delivery_time_label, secondary_tag, bundle].filter(\n label => label && label.length > 0\n );\n\n let firstLabel = allowedLabels[0] || null;\n let secondLabel = null;\n\n if (catalogSelected && firstLabel === 'Catalogo') {\n firstLabel =\n allowedLabels.find(allowedLabel => allowedLabel !== 'Catalogo') || null;\n }\n\n secondLabel =\n allowedLabels.find(\n allowedLabel =>\n allowedLabel !== 'Catalogo' && allowedLabel !== firstLabel,\n ) || null;\n\n const hasDropdownMenu = configs.cloneCatalogOffer && onCloneButton;\n\n return (\n \n
\n {Math.round(parseFloat(sliderMax))}€\n \n \n
\n \n );\n }\n}\n\nCarItem.defaultProps = {\n image: configs.cdnHost + '/cars/generic_shape.png',\n color: '',\n tag: '',\n secondary_tag: '',\n delivery_time_label: '',\n highlighted: false,\n suggested: false,\n sustainabilityIndex: null,\n};\n\nCarItem.propTypes = {\n image: PropTypes.string,\n brand: PropTypes.string,\n reference_code: PropTypes.string,\n model: PropTypes.string.isRequired,\n version: PropTypes.string,\n target: PropTypes.string,\n color: PropTypes.string,\n monthlyRate: PropTypes.number,\n tag: PropTypes.string,\n secondary_tag: PropTypes.string,\n stockAvailability: PropTypes.string,\n catalogSelected: PropTypes.bool,\n delivery_time_label: PropTypes.string,\n deposit: PropTypes.number,\n duration: PropTypes.number,\n distance: PropTypes.number,\n highlighted: PropTypes.bool,\n suggested: PropTypes.bool,\n isCustom: PropTypes.bool,\n isOwned: PropTypes.bool,\n sustainabilityIndex: PropTypes.number,\n link: PropTypes.string.isRequired,\n};\n\nexport default CarItem;\n","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \".loader {\\n text-align: center !important;\\n position: absolute;\\n left: 0;\\n right: 0;\\n top: 0;\\n bottom: 0;\\n background-color: rgba(255, 255, 255, 0.5);\\n z-index: 100; }\\n .loader > span {\\n display: inline-block; }\\n .loader p {\\n color: #404950;\\n font-size: 18px;\\n text-shadow: 0 0px 2px white; }\\n\", \"\"]);\n\n// exports\n","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \".search .element-box {\\n padding: 1rem 1rem !important;\\n margin-bottom: .1rem; }\\n\\n.search .range-slider-input {\\n display: inline-block;\\n width: 90px;\\n text-align: right;\\n margin: -4px 0 0 6px; }\\n .search .range-slider-input > input {\\n padding-right: 2px; }\\n .search .range-slider-input-start {\\n margin-right: 6px; }\\n\\n.search .SelectCollapsible:last-child {\\n border-bottom: unset !important; }\\n\\n.search .range-label-start-end {\\n font-size: 14px; }\\n\\n#Loader {\\n width: inherit !important;\\n left: 0;\\n right: 0;\\n margin: 0 14px;\\n padding-top: 20rem !important; }\\n\", \"\"]);\n\n// exports\n","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \"\", \"\"]);\n\n// exports\n","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \".ticket .ticket-description {\\n height: 3.82rem !important;\\n font-size: .9rem; }\\n\", \"\"]);\n\n// exports\n","\nvar content = require(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./styles.scss\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./styles.scss\", function() {\n\t\tvar newContent = require(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./styles.scss\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","\nvar content = require(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./styles.scss\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./styles.scss\", function() {\n\t\tvar newContent = require(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./styles.scss\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","\nvar content = require(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./styles.scss\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./styles.scss\", function() {\n\t\tvar newContent = require(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./styles.scss\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","\nvar content = require(\"!!../../../../node_modules/css-loader/index.js!../../../../node_modules/sass-loader/lib/loader.js!./item.scss\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../../node_modules/css-loader/index.js!../../../../node_modules/sass-loader/lib/loader.js!./item.scss\", function() {\n\t\tvar newContent = require(\"!!../../../../node_modules/css-loader/index.js!../../../../node_modules/sass-loader/lib/loader.js!./item.scss\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","\nvar content = require(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./styles.scss\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./styles.scss\", function() {\n\t\tvar newContent = require(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./styles.scss\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","\nvar content = require(\"!!../../../../node_modules/css-loader/index.js!../../../../node_modules/sass-loader/lib/loader.js!./bottom.scss\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../../node_modules/css-loader/index.js!../../../../node_modules/sass-loader/lib/loader.js!./bottom.scss\", function() {\n\t\tvar newContent = require(\"!!../../../../node_modules/css-loader/index.js!../../../../node_modules/sass-loader/lib/loader.js!./bottom.scss\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","var React = require('react');\n\nfunction SortIcon (props) {\n return React.createElement(\"svg\",props,[React.createElement(\"title\",{\"key\":0},\"drover_icon_library\"),React.createElement(\"rect\",{\"className\":\"cls-1\",\"fill\":\"none\",\"width\":\"83.33\",\"height\":\"83.33\",\"rx\":\"41.67\",\"ry\":\"41.67\",\"key\":1}),React.createElement(\"rect\",{\"className\":\"cls-2\",\"fill\":\"#1b1b1b\",\"x\":\"3.17\",\"y\":\"9.43\",\"width\":\"33.72\",\"height\":\"7\",\"key\":2}),React.createElement(\"rect\",{\"className\":\"cls-2\",\"fill\":\"#1b1b1b\",\"x\":\"3.17\",\"y\":\"28.59\",\"width\":\"28.1\",\"height\":\"7\",\"key\":3}),React.createElement(\"rect\",{\"className\":\"cls-2\",\"fill\":\"#1b1b1b\",\"x\":\"3.17\",\"y\":\"47.75\",\"width\":\"22.48\",\"height\":\"7\",\"key\":4}),React.createElement(\"rect\",{\"className\":\"cls-2\",\"fill\":\"#1b1b1b\",\"x\":\"3.17\",\"y\":\"66.9\",\"width\":\"16.86\",\"height\":\"7\",\"key\":5}),React.createElement(\"rect\",{\"className\":\"cls-2\",\"fill\":\"#1b1b1b\",\"x\":\"57.34\",\"y\":\"12.93\",\"width\":\"7\",\"height\":\"57.47\",\"key\":6}),React.createElement(\"path\",{\"className\":\"cls-2\",\"fill\":\"#1b1b1b\",\"d\":\"M60.84,73.9A3.47,3.47,0,0,1,58.45,73l-19.33-18L43.9,49.8,60.84,65.61,77.78,49.8l4.77,5.12L63.23,73A3.51,3.51,0,0,1,60.84,73.9Z\",\"key\":7})]);\n}\n\nSortIcon.defaultProps = {\"id\":\"Sort_Layer\",\"viewBox\":\"0 0 83.33 83.33\",\"className\":\"asc order\"};\n\nmodule.exports = SortIcon;\n\nSortIcon.default = SortIcon;\n","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \"#OfferPrice {\\n color: #404950;\\n padding: 6px;\\n text-align: center;\\n margin-top: .5rem;\\n margin-bottom: .8rem; }\\n #OfferPrice .price {\\n font-size: 2.35vw;\\n font-weight: 700;\\n line-height: .8em; }\\n #OfferPrice .price span {\\n font-size: 1.6vw;\\n font-weight: 400; }\\n #OfferPrice .price-description {\\n font-size: 1vw;\\n font-weight: 400; }\\n\", \"\"]);\n\n// exports\n","import { createSelector } from 'reselect';\nimport { initialState } from './reducer';\n\nconst selectQuotations = state => state.get('quotations', initialState);\n\nconst makeSelectQuotations = () =>\n createSelector(selectQuotations, quotesState =>\n quotesState.getIn(['quotations']),\n );\n\nconst makeSelectQuotationsNumber = () =>\n createSelector(selectQuotations, quotesState => quotesState.get('total'));\n\nconst makeSelectQuotationsParameters = () =>\n createSelector(selectQuotations, quotesState =>\n quotesState.get('parameters').toJS(),\n );\n\nconst makeSelectQuotationsRequest = () =>\n createSelector(selectQuotations, quotationsState => ({\n parameters: quotationsState.get('parameters').toJS(),\n order: quotationsState.get('selectedOrder'),\n page: quotationsState.get('currentPage'),\n items: quotationsState.get('itemsPerPage'),\n }));\n\nconst makeSelectQuotationsSort = () =>\n createSelector(selectQuotations, selectedState =>\n selectedState.get('orders').toArray(),\n );\n\nconst makeSelectQuotationsFilters = () =>\n createSelector(selectQuotations, selectedState =>\n selectedState.get('filters'),\n );\n\nconst makeSelectSelectedQuotationsSort = () =>\n createSelector(selectQuotations, selectedState =>\n selectedState.get('selectedOrder'),\n );\n\nconst makeSelectPaginator = () =>\n createSelector(selectQuotations, selectedState => ({\n total: selectedState.get('total'),\n lastPage: selectedState.get('lastPage'),\n itemsPerPage: selectedState.get('itemsPerPage'),\n currentPage: selectedState.get('currentPage'),\n }));\n\nconst makeSelectLoading = () =>\n createSelector(selectQuotations, quotesState => quotesState.get('loading'));\n\nexport {\n selectQuotations,\n makeSelectQuotations,\n makeSelectQuotationsRequest,\n makeSelectQuotationsNumber,\n makeSelectQuotationsSort,\n makeSelectQuotationsFilters,\n makeSelectSelectedQuotationsSort,\n makeSelectQuotationsParameters,\n makeSelectPaginator,\n makeSelectLoading,\n};\n","\nvar content = require(\"!!../../../../../node_modules/css-loader/index.js!../../../../../node_modules/sass-loader/lib/loader.js!./styles.scss\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../../../node_modules/css-loader/index.js!../../../../../node_modules/sass-loader/lib/loader.js!./styles.scss\", function() {\n\t\tvar newContent = require(\"!!../../../../../node_modules/css-loader/index.js!../../../../../node_modules/sass-loader/lib/loader.js!./styles.scss\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","exports = module.exports = require(\"../../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \".Item {\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n min-height: 5rem;\\n padding: .70588rem .88235rem;\\n text-align: center;\\n box-sizing: border-box;\\n border-spacing: 0;\\n overflow: hidden;\\n flex-direction: column;\\n border: 1px solid #e4e4e4;\\n border-radius: 4px !important;\\n cursor: pointer;\\n color: #404950;\\n font-size: 16px;\\n line-height: 18px;\\n letter-spacing: .007em; }\\n .Item.active {\\n border: 2px solid #047bf8 !important; }\\n .Item.disabled {\\n pointer-events: none;\\n opacity: .3; }\\n .Item:hover {\\n border-color: #047bf8 !important; }\\n .Item .title {\\n display: inline-block;\\n font-weight: 800;\\n border: unset !important; }\\n .Item .title small {\\n font-size: 12px;\\n line-height: 11px;\\n font-weight: 400; }\\n .Item .description {\\n margin-top: 5px;\\n display: inline-block;\\n font-size: 12px;\\n line-height: 12px; }\\n\", \"\"]);\n\n// exports\n","var React = require('react');\n\nfunction RemoveIcon (props) {\n return React.createElement(\"svg\",props,React.createElement(\"path\",{\"d\":\"M20 2a18 18 0 1018 18A18 18 0 0020 2zm7.425 23.303l-2.122 2.122L20 22.12l-5.303 5.304-2.122-2.122L17.88 20l-5.304-5.303 2.122-2.122L20 17.88l5.303-5.304 2.122 2.122L22.12 20z\",\"fill\":\"#ff4a50\"}));\n}\n\nRemoveIcon.defaultProps = {\"viewBox\":\"0 0 40 40\",\"className\":\"icon color--primary\"};\n\nmodule.exports = RemoveIcon;\n\nRemoveIcon.default = RemoveIcon;\n","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \"#OfferStickyPrice {\\n background-color: #fff;\\n -webkit-box-shadow: 0px 2px 4px rgba(126, 142, 177, 0.12);\\n box-shadow: 0px 2px 4px rgba(126, 142, 177, 0.12);\\n color: #484848;\\n text-align: center;\\n margin-top: .5rem;\\n font-weight: 700;\\n border-radius: 6px;\\n margin-bottom: 16px;\\n padding: 1rem; }\\n #OfferStickyPrice strong {\\n font-size: 16px;\\n font-weight: 600;\\n color: #047bf8; }\\n #OfferStickyPrice .price-value {\\n font-size: 2.2rem;\\n text-align: right;\\n color: #484848;\\n font-kerning: normal; }\\n #OfferStickyPrice .arrow {\\n color: #047bf8;\\n display: inline;\\n font-size: 20px;\\n font-weight: 400 !important;\\n padding-right: 10px; }\\n #OfferStickyPrice .price-description {\\n font-size: 14px;\\n padding-left: 10px;\\n line-height: 15px;\\n text-align: left;\\n font-weight: 200;\\n margin-top: auto;\\n margin-bottom: auto; }\\n #OfferStickyPrice .alertWithMessage {\\n text-align: left;\\n font-size: 12px; }\\n\\n@media (max-width: 1200px) {\\n #OfferStickyPrice .price-description {\\n font-size: 12px; }\\n #OfferStickyPrice .price-value > div {\\n font-size: 11px;\\n font-weight: normal;\\n line-height: 1em; }\\n #OfferStickyPrice .price-value > div strong {\\n font-size: 11px; } }\\n\", \"\"]);\n\n// exports\n","/**\n * Combine all reducers in this file and export the combined reducers.\n */\n\nimport { combineReducers } from 'redux-immutable';\nimport { connectRouter } from 'connected-react-router/immutable';\n\nimport history from 'utils/history';\nimport languageProviderReducer from 'containers/LanguageProvider/reducer';\n\n/**\n * Merges the main reducer with the router state and dynamically injected reducers\n */\nexport default function createReducer(injectedReducers = {}) {\n const rootReducer = combineReducers({\n language: languageProviderReducer,\n ...injectedReducers,\n });\n\n // Wrap the root reducer and return a new root reducer with router state\n const mergeWithRouterState = connectRouter(history);\n return mergeWithRouterState(rootReducer);\n}\n","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \"#prescoring-tool-widget {\\n position: fixed;\\n width: 158px;\\n bottom: 75%;\\n right: -111px;\\n z-index: 900;\\n padding: 20px 10px;\\n opacity: .4;\\n transition: all .4s ease-in-out; }\\n #prescoring-tool-widget:hover {\\n opacity: 1;\\n right: -10px; }\\n #prescoring-tool-widget button {\\n border-top-left-radius: 40px;\\n border-top-right-radius: 0;\\n border-bottom-left-radius: 40px;\\n border-bottom-right-radius: 0;\\n box-shadow: 1px 3px 12px rgba(126, 142, 177, 0.8); }\\n #prescoring-tool-widget button i {\\n margin-right: 5px; }\\n\\n.prescoring-tool-modal {\\n width: 880px !important; }\\n @media (max-width: 768px) {\\n .prescoring-tool-modal {\\n width: 100% !important; } }\\n @media (max-width: 1024px) {\\n .prescoring-tool-modal {\\n width: 780px !important; } }\\n .prescoring-tool-modal .ant-form-item-label > label::after {\\n content: '' !important; }\\n .prescoring-tool-modal button.success:not([disabled]) {\\n background-color: #2ec58d;\\n border-color: #2ec58d;\\n color: white; }\\n .prescoring-tool-modal button.success:not([disabled]):hover {\\n background-color: #27a677;\\n border-color: #249c6f; }\\n\\n.prescoring-traffic-lights {\\n border: 2px solid #dde2ec;\\n border-radius: 4px;\\n font-family: Arial, Helvetica, sans-serif; }\\n .prescoring-traffic-lights li {\\n font-size: 36px; }\\n .prescoring-traffic-lights .hidden [role=radio] > * {\\n opacity: 0 !important; }\\n .prescoring-traffic-lights .item:first-of-type li {\\n color: #2ec58d; }\\n .prescoring-traffic-lights .item:nth-of-type(2) li {\\n color: #ffbf3f; }\\n .prescoring-traffic-lights .item:last-of-type li {\\n color: #f5222d; }\\n\\n.prescoring-tool-offers-filter li {\\n line-height: 26px; }\\n\\n.prescoring-tool-offers-filter .pull-right {\\n height: 30px;\\n margin-top: -17px; }\\n\\n.prescoring-tool-offers-filter .prescoring-traffic-lights {\\n padding-top: 10px; }\\n\\n.prescoring-tool-offer-card {\\n background-color: white;\\n position: absolute;\\n top: 60px;\\n right: 0;\\n line-height: 17px;\\n padding-top: 0px; }\\n @media (max-width: 1368px) {\\n .prescoring-tool-offer-card {\\n top: 46px; } }\\n @media (max-width: 1024px) {\\n .prescoring-tool-offer-card {\\n height: 20px;\\n line-height: 12px;\\n top: 37px; }\\n .prescoring-tool-offer-card .ant-rate.item {\\n position: absolute;\\n right: 5px; }\\n .prescoring-tool-offer-card.prescoring-traffic-lights {\\n top: 35px;\\n right: -6px;\\n border: 0 !important; } }\\n @media (max-width: 912px) {\\n .prescoring-tool-offer-card {\\n height: 18px;\\n line-height: 14px;\\n top: 35px; }\\n .prescoring-tool-offer-card.prescoring-traffic-lights {\\n top: 25px;\\n right: -4px; } }\\n .prescoring-tool-offer-card.margined {\\n right: 51px; }\\n .prescoring-tool-offer-card li {\\n font-size: 26px; }\\n @media (max-width: 1368px) {\\n .prescoring-tool-offer-card li {\\n font-size: 1.8vw;\\n line-height: 1.4vw; } }\\n @media (max-width: 768px) {\\n .prescoring-tool-offer-card li {\\n font-size: 1.6vw;\\n line-height: 1vw; } }\\n\\n.prescoring-tool-offer-detail {\\n font-size: 2.2rem;\\n min-width: 55px;\\n position: absolute;\\n top: 10px;\\n line-height: 11px;\\n left: 0;\\n padding-top: 0;\\n padding-bottom: 4px;\\n margin-top: 3px; }\\n .prescoring-tool-offer-detail li {\\n font-size: 26px; }\\n\\n@media (max-width: 1900px) {\\n .prescoring-tool-offer-detail {\\n min-width: 20px;\\n border: none;\\n line-height: 1px; }\\n .prescoring-tool-offer-detail li {\\n font-size: 2vw; }\\n .prescoring-tool-offer-detail .ant-rate-star-zero {\\n display: none; } }\\n\\n@media (max-width: 1550px) {\\n .prescoring-tool-offer-detail {\\n top: -15px;\\n left: -8px; } }\\n\\n@media (max-width: 768px) {\\n .prescoring-tool-offer-detail {\\n top: -15px;\\n left: -8px; } }\\n\", \"\"]);\n\n// exports\n","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \"#Offers {\\n margin-bottom: 150px; }\\n #Offers .search-margin-top.element-box {\\n padding: 1rem 1rem;\\n border-radius: 0.2rem !important; }\\n #Offers .offers-not-found-msg {\\n margin-top: 50px;\\n margin-bottom: 70px; }\\n\\n#Loader {\\n bottom: 0;\\n padding-top: 10rem; }\\n #Loader p {\\n margin-top: 5rem; }\\n\", \"\"]);\n\n// exports\n","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \"#SponsorBanner .alert-warning {\\n background-color: #f2f4f8; }\\n\\n#SponsorBanner {\\n margin: 0 !important;\\n margin-bottom: 1rem !important; }\\n #SponsorBanner .element-box {\\n background-color: #f58220 !important; }\\n\", \"\"]);\n\n// exports\n","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \"#CarCreator {\\n display: inline; }\\n\\n.CarCreator-modal-header {\\n border-bottom: unset !important;\\n color: #404950;\\n margin-top: 0;\\n margin-bottom: 0;\\n padding-bottom: 0;\\n padding-left: .5rem; }\\n .CarCreator-modal-header span {\\n color: #404950; }\\n .CarCreator-modal-header .modal-title {\\n font-size: 16px;\\n line-height: 1.2;\\n font-weight: 600;\\n padding: .5rem;\\n color: #404950; }\\n\\n.CarCreator-modal-content {\\n padding-top: 0; }\\n .CarCreator-modal-content label {\\n color: #404950;\\n font-weight: 400;\\n line-height: .3em; }\\n .CarCreator-modal-content input, .CarCreator-modal-content select, .CarCreator-modal-content textarea {\\n margin-bottom: .5rem; }\\n .CarCreator-modal-content .form-control {\\n width: 100%;\\n padding: 0.375rem 0.75rem;\\n font-size: 1vw;\\n line-height: 1em;\\n color: #484848;\\n font-weight: 400;\\n background-color: white;\\n background-clip: padding-box;\\n border: 2px solid #dde2ec;\\n border-radius: 6px; }\\n .CarCreator-modal-content .modal-content {\\n box-shadow: unset;\\n border: unset; }\\n .CarCreator-modal-content .modal-body, .CarCreator-modal-content .modal-header {\\n padding: unset; }\\n\", \"\"]);\n\n// exports\n","\nvar content = require(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./styles.scss\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./styles.scss\", function() {\n\t\tvar newContent = require(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./styles.scss\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","\nvar content = require(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./styles.scss\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./styles.scss\", function() {\n\t\tvar newContent = require(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./styles.scss\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","/*\n * CustomizeOfferSelectorConstants\n */\n\nexport const DISPLAY_OFFERS = 'ideal/components/CustomizeOffer/DISPLAY_OFFERS';\nexport const OFFER_SELECTED = 'ideal/components/CustomizeOffer/OFFER_SELECTED';\nexport const OFFER_MONTHLY_RATE_CALCULATED =\n 'ideal/components/CustomizeOffer/OFFER_MONTHLY_RATE_CALCULATED';\nexport const FEES_RESET =\n 'ideal/components/CustomizeOffer/FEES_RESET';\nexport const FEES_UPDATE =\n 'ideal/components/CustomizeOffer/FEES_UPDATE';\nexport const SERVICE_SELECTED =\n 'ideal/components/CustomizeOffer/SERVICE_SELECTED';\nexport const ACCESSORIES_CODES_SELECTED =\n 'ideal/components/CustomizeOffer/ACCESSORIES_CODES_SELECTED';\nexport const ACCESSORIES_CODES_COLOR_SELECTED =\n 'ideal/components/CustomizeOffer/ACCESSORIES_CODES_COLOR_SELECTED';\nexport const ACCESSORIES_SELECTED =\n 'ideal/components/CustomizeOffer/ACCESSORIES_SELECTED';\nexport const COLORS_SELECTED =\n 'ideal/components/CustomizeOffer/COLORS_SELECTED';\n","\nvar content = require(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./styles.scss\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./styles.scss\", function() {\n\t\tvar newContent = require(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./styles.scss\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","/*\n* PaginatorReducer\n*/\n\nimport { fromJS } from 'immutable';\nimport {\n GET_PAGE_NUMBER,\n SET_PAGE_NUMBER,\n GET_PAGINATOR,\n UPDATE_PAGINATOR,\n} from './constants';\n\n// The initial state of the App\nexport const initialState = fromJS({\n total: 0,\n lastPage: 0,\n itemsPerPage: 18,\n currentPage: 1,\n});\n\nfunction paginatorReducer(state = initialState, action) {\n switch (action.type) {\n case SET_PAGE_NUMBER:\n return state.set('currentPage', action.pageNumber);\n case UPDATE_PAGINATOR:\n return state\n .set('total', action.total)\n .set('lastPage', action.lastPage)\n .set('currentPage', action.currentPage);\n case GET_PAGE_NUMBER:\n return state;\n case GET_PAGINATOR:\n return state;\n default:\n return state;\n }\n}\n\nexport default paginatorReducer;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Link } from 'react-router-dom';\nimport './styles.scss';\n\nconst alertWithMessage = props => {\n const { title, message, target, targetMessage, type } = props;\n return (\n \n \n 
}\n >\n {status !== undefined && onStatusButton ? (\n \n
\n )}\n\n \n €\n {monthlyRate}\n /mese\n
\n {messages.vat.defaultMessage}
\n\n {typeof sustainabilityIndex == 'number' && (\n\n {firstLabel && {firstLabel} }\n\n {secondLabel && (\n {secondLabel} \n )}\n
\n\n {hasDropdownMenu && (\n \n \n Duplica offerta\n ,\n ]}\n />\n
\n )}\n\n \n {stockAvailability && stockAvailability !== '' ?\n Disponibilità: {stockAvailability} \n : null}\n {isCustom && (\n \n )}\n {brand} {model}\n {reference_code && (\n {reference_code}\n )}\n {version}\n {color.length > 0 && {color}}\n
\n {duration && (\n \n
\n )}\n \n \n - \n
- {duration} mesi \n
- {distance.toLocaleString('it')} km/Anno \n
- \n
\n {title &&\n
\n );\n};\n\nalertWithMessage.defaultProps = {\n type: 'warning',\n};\n\nalertWithMessage.propTypes = {\n title: PropTypes.string,\n message: PropTypes.string.isRequired,\n targetMessage: PropTypes.string,\n target: PropTypes.string,\n type: PropTypes.string,\n};\n\nexport default alertWithMessage;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Doughnut } from 'react-chartjs-2';\nimport './styles.scss';\n\nconst doughnut = props => {\n const { labels, data: chartData, height, title } = props;\n\n const numOr0 = n => (isNaN(n) ? 0 : n);\n\n const data = {\n labels: labels.map(item => item.label),\n datasets: [\n {\n data: chartData,\n backgroundColor: labels.map(item => item.color),\n },\n ],\n };\n\n return (\n {title}
\n }\n{message}
\n {target &&\n targetMessage && (\n\n \n \n {targetMessage}\n \n
\n )}\n \n
\n );\n};\n\ndoughnut.defaultProps = {\n height: 165,\n title: 'Chart',\n};\n\ndoughnut.propTypes = {\n labels: PropTypes.array.isRequired,\n data: PropTypes.array.isRequired,\n height: PropTypes.number,\n title: PropTypes.string,\n};\n\nexport default doughnut;\n","export const LineChar = class {\n constructor(labels, dataset) {\n this.dataset = dataset;\n this.labels = labels;\n }\n\n get options() {\n return {\n legend: {\n display: true,\n },\n scales: {\n xAxes: [\n {\n ticks: {\n fontSize: '11',\n fontColor: '#969da5',\n },\n gridLines: {\n color: 'rgba(0,0,0,0.05)',\n zeroLineColor: 'rgba(0,0,0,0.05)',\n },\n },\n ],\n yAxes: [\n {\n display: false,\n ticks: {\n beginAtZero: true,\n //max: 65,\n },\n },\n ],\n },\n };\n }\n\n get styles() {\n return {\n graphContainer: {\n border: '1px solid black',\n padding: '15px',\n },\n };\n }\n\n get data() {\n const data = [];\n this.dataset.map(item => {\n const record = {\n label: item.year,\n fill: false,\n lineTension: 0.3,\n backgroundColor: item.color,\n borderColor: item.color,\n borderCapStyle: 'butt',\n borderDash: [],\n borderDashOffset: 0.0,\n borderJoinStyle: 'miter',\n pointBorderColor: '#fff',\n pointBackgroundColor: '#141E41',\n pointBorderWidth: 3,\n pointHoverRadius: 10,\n pointHoverBackgroundColor: '#FC2055',\n pointHoverBorderColor: '#fff',\n pointHoverBorderWidth: 3,\n pointRadius: 5,\n pointHitRadius: 10,\n data: item.months,\n spanGaps: false,\n };\n data.push(record);\n });\n\n return {\n labels: this.labels,\n datasets: data\n };\n }\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Line } from 'react-chartjs-2';\nimport './styles.scss';\nimport { LineChar as LineCharConfig } from './configs';\n\nconst line = props => {\n const { labels, data: chartData, height } = props;\n const config = new LineCharConfig(labels, chartData);\n return (\n {title}
\n\n
\n \n {chartData.reduce((a, b) => numOr0(a) + numOr0(b))}\n
\n \n {labels.map( (item, key) => (\n
\n \n
\n ))}\n {item.label}
\n \n
\n );\n};\n\nline.defaultProps = {\n labels: [\n 'Gennaio',\n 'Febbraio',\n 'Marzo',\n 'Aprile',\n 'Maggio',\n 'Giugno',\n 'Luglio',\n 'Agosto',\n 'Settembre',\n 'Ottobre',\n 'Novembre',\n 'Dicembre',\n ],\n\n height: 100,\n};\n\nline.propTypes = {\n labels: PropTypes.array,\n data: PropTypes.array.isRequired,\n height: PropTypes.number,\n};\n\nexport default line;\n","import { put, takeLatest, all, select } from 'redux-saga/effects';\n\nfunction* actionWatcher() {}\n\nexport default function* optionData() {\n yield all([actionWatcher()]);\n}\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport injectReducer from 'utils/injectReducer';\nimport injectSaga from 'utils/injectSaga';\nimport { connect } from 'react-redux';\nimport { compose } from 'redux';\nimport { createStructuredSelector } from 'reselect';\nimport reducer from './reducer';\nimport saga from './saga';\nimport { makeSelectModalOption } from './selectors';\nimport { updateModalOption } from './actions';\n\nimport './styles.scss';\n\nexport class ModalSelect extends React.PureComponent {\n constructor(props) {\n super(props);\n }\n\n handleChange = event => {\n const value = event.target.value;\n this.props.updateValue(value);\n if( typeof this.props.onChange === 'function')\n this.props.onChange();\n };\n\n render() {\n const { options, value, selectedRange } = this.props;\n return (\n \n
\n \n
\n );\n }\n}\n\nModalSelect.defaultProps = {\n options: [\n { label: 'Oggi', value: 'today' },\n { label: '7 giorni', value: 'days' },\n { label: 'Questo mese', value: 'month' },\n { label: 'Mese precedente', value: 'prevmonth' },\n { label: 'Quest\\'anno', value: 'year' },\n { label: 'Anno precedente', value: 'prevyear' },\n ],\n selectedRange: ''\n};\n\nModalSelect.propTypes = {\n options: PropTypes.array,\n onChange: PropTypes.func,\n selectedRange: PropTypes.string,\n};\n\nexport function mapDispatchToProps(dispatch) {\n return {\n updateValue: value => dispatch(updateModalOption(value)),\n };\n}\n\nconst mapStateToProps = createStructuredSelector({\n value: makeSelectModalOption(),\n});\n\nconst withReducer = injectReducer({ key: 'select', reducer });\nconst withSaga = injectSaga({ key: 'select', saga });\nconst withConnect = connect(\n mapStateToProps,\n mapDispatchToProps,\n);\n\nexport default compose(\n withReducer,\n withSaga,\n withConnect,\n)(ModalSelect);\n\n","import { UPDATE_OPTION, UPDATE_MODAL_OPTION } from './constants';\n\nexport function updateOption(option) {\n return {\n type: UPDATE_OPTION,\n option,\n };\n}\n\nexport function updateModalOption(option) {\n return {\n type: UPDATE_MODAL_OPTION,\n option,\n };\n}\n","\nexport const GET_AGENT = 'ideal/components/GET_AGENT';\nexport const AGENT_RECEIVED = 'ideal/components/AGENT_RECEIVED';\n\n","/*\n* AgentReducer\n*/\n\nimport { fromJS } from 'immutable';\nimport { GET_AGENT, AGENT_RECEIVED } from './constants';\n\n// The initial state of the App\nexport const initialState = fromJS({\n agent: {},\n});\n\nfunction agentReducer(state = initialState, action) {\n switch (action.type) {\n case GET_AGENT:\n return state.set('code', action.code).set('loading', true);\n case AGENT_RECEIVED:\n return state.set('agent', action.agent).set('loading', false);\n default:\n return state;\n }\n}\n\nexport default agentReducer;\n","import { GET_AGENT, AGENT_RECEIVED } from './constants';\n\nexport const getAgent = code => ({\n type: GET_AGENT,\n code,\n});\n\nexport function agentLoaded(agent) {\n return {\n type: AGENT_RECEIVED,\n agent,\n };\n}\n","import { createSelector } from 'reselect';\nimport { initialState } from './reducer';\n\nconst selectAgent = state => state.get('agent', initialState);\n\nconst makeSelectAgent = () =>\n createSelector(selectAgent, agentState => agentState.get('agent'));\n\nconst makeSelectAgentCode = () =>\n createSelector(selectAgent, agentState => agentState.get('code'));\n\nexport { selectAgent, makeSelectAgent, makeSelectAgentCode };\n","import { put, takeLatest, all, select } from 'redux-saga/effects';\nimport { API_URL } from 'containers/App/constants';\nimport { agentLoaded } from './actions';\nimport { GET_AGENT } from './constants';\nimport { makeSelectAgentCode } from './selectors';\nimport { makeSelectModalOption } from '../Select/selectors';\nimport { getRequestHeadersAsLogged, responseHandler } from '../../utils/auth';\n\nfunction* fetchAgent() {\n const code = yield select(makeSelectAgentCode());\n const interval = yield select(makeSelectModalOption());\n const requestURL = `${API_URL}agent/${code}/statistics?interval=${interval}`;\n\n try {\n const parameters = {\n method: 'GET',\n headers: getRequestHeadersAsLogged(),\n };\n\n const request = yield fetch(requestURL, parameters).then(response =>\n responseHandler(response)\n );\n yield put(agentLoaded(request.data));\n } catch (err) {\n console.log('request error', err);\n }\n}\n\nfunction* actionWatcher() {\n yield takeLatest(GET_AGENT, fetchAgent);\n}\n\nexport default function* agentsData() {\n yield all([actionWatcher()]);\n}\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Row, Col } from 'reactstrap';\n\nimport { connect } from 'react-redux';\nimport { createStructuredSelector } from 'reselect';\nimport { compose } from 'redux';\nimport injectReducer from 'utils/injectReducer';\nimport injectSaga from 'utils/injectSaga';\nimport { default as DataWidget } from '../DataWidget/';\nimport { default as DoughnutChart } from '../Chart/doughnut';\nimport { default as SelectModal } from '../Select/modal';\nimport { SECTIONS_TITLES } from 'containers/Admin/constants';\nimport reducer from './reducer';\nimport saga from './saga';\nimport { getAgent } from './actions';\nimport { makeSelectAgent } from './selectors';\nimport { makeSelectModalOption } from '../Select/selectors';\nimport { featureAllowed } from 'containers/App/selectors';\nimport './styles.scss';\n\nclass Details extends React.Component {\n constructor(props) {\n super(props);\n this.state = {};\n }\n\n componentDidMount() {\n const { code, interval } = this.props;\n this.props.loadAgent(code, interval);\n }\n\n componentDidUpdate(prevProps, prevState, snapshot) {\n const { code, interval } = this.props;\n if (prevProps.interval !== interval && interval !== 'undefined') {\n this.props.loadAgent(code, interval);\n }\n }\n\n render() {\n const { agent, featureAllowed } = this.props;\n\n const data = [agent.open, agent.lost, agent.won];\n const labels = [\n { color: '#047bf8', label: 'In corso' },\n { color: '#e65252', label: 'Persi' },\n { color: '#85c751', label: 'Vinti' },\n ];\n\n return (\n <>\n \n {selectedRange}\n \n {options.map((item, key) => (\n \n ))}\n \n
\n \n \n
\n \n
\n \n \n
\n \n
\n {businessName}
\n \n {role.toUpperCase()}: {name}\n \n \n \n {role.toLowerCase()}: {name.toLowerCase()}\n \n \n
\n \n
\n );\n};\n\nagents.propTypes = {\n agents: PropTypes.array.isRequired,\n profile: PropTypes.object,\n};\n\nexport default agents;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport injectReducer from 'utils/injectReducer';\nimport injectSaga from 'utils/injectSaga';\nimport { connect } from 'react-redux';\nimport { compose } from 'redux';\nimport { createStructuredSelector } from 'reselect';\nimport reducer from './reducer';\nimport saga from './saga';\nimport { makeSelectOption } from './selectors';\nimport { updateOption } from './actions';\n\nimport './styles.scss';\n\nexport class Select extends React.PureComponent {\n constructor(props) {\n super(props);\n }\n\n handleChange = event => {\n const value = event.target.value;\n this.props.updateValue(value);\n if( typeof this.props.onChange === 'function')\n this.props.onChange();\n };\n\n render() {\n const { options, value, selectedRange, id, label } = this.props;\n return (\n \n
\n \n
\n \n
\n \n
\n \n
\n {getUsername()}
\n{profile.roleName.toUpperCase()}
\n \n {agents.map((agent, key) => (\n
\n \n
\n );\n }\n}\n\nSelect.defaultProps = {\n options: [\n { label: 'Oggi', value: 'today' },\n { label: '7 giorni', value: 'days' },\n { label: 'Questo mese', value: 'month' },\n { label: 'Mese precedente', value: 'prevmonth' },\n { label: 'Quest\\'anno', value: 'year' },\n { label: 'Anno precedente', value: 'prevyear' },\n ],\n selectedRange: ''\n};\n\nSelect.propTypes = {\n options: PropTypes.array,\n onChange: PropTypes.func,\n selectedRange: PropTypes.string,\n};\n\nexport function mapDispatchToProps(dispatch) {\n return {\n updateValue: value => dispatch(updateOption(value)),\n };\n}\n\nconst mapStateToProps = createStructuredSelector({\n value: makeSelectOption(),\n});\n\nconst withReducer = injectReducer({ key: 'select', reducer });\nconst withSaga = injectSaga({ key: 'select', saga });\nconst withConnect = connect(\n mapStateToProps,\n mapDispatchToProps,\n);\n\nexport default compose(\n withReducer,\n withSaga,\n withConnect,\n)(Select);\n\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Row, Col } from 'reactstrap';\nimport { Steps } from 'antd';\nimport classnames from 'classnames';\n\nimport { connect } from 'react-redux';\nimport { compose } from 'redux';\nimport { createStructuredSelector } from 'reselect';\n\nimport injectReducer from 'utils/injectReducer';\nimport injectSaga from 'utils/injectSaga';\n\nimport { ExpiredTooltip, AlertIcon, Tag } from 'components/UIKit';\n\nimport reducer from 'containers/Quotation/reducer';\nimport saga from 'containers/Quotation/saga';\n\nimport { printQuotation } from 'containers/Quotation/actions';\n\nimport { featureAllowed } from 'containers/App/selectors';\nimport messages from 'containers/Quotation/messages';\nimport { FormattedMessageWithClass } from '../../utils/FormattedMessageWithClass';\n\nimport './styles.scss';\nimport 'antComponentsStyle';\n\nconst statusTypeMap = {\n OPEN: 'info',\n WON: 'success',\n LOST: 'alert',\n};\n\nconst statusTextMap = {\n OPEN: 'In corso',\n WON: 'Vinto',\n LOST: 'Perso',\n};\n\nconst quotationWidget = props => {\n const { quotations, featureAllowed } = props;\n\n const box = [];\n\n quotations.map((elem, index) => {\n const { sustainability } = elem;\n let showSalesBot = false;\n\n try {\n showSalesBot =\n elem.status === 'OPEN' &&\n elem.qualified < 1 &&\n elem.category.id > 10 &&\n elem.crm_id !== undefined;\n } catch (e) {}\n if (!elem.hasAssistant) {\n showSalesBot = false;\n }\n\n let quotationStep = 1;\n\n if (elem.code !== null) {\n quotationStep = 3;\n\n if (elem.hasAttachments) {\n quotationStep = 4;\n }\n } else if (\n sustainability &&\n sustainability.answers &&\n !Array.isArray(sustainability.answers) &&\n Object.keys(sustainability.answers).length > 0\n ) {\n quotationStep = 2;\n }\n\n const title = `Preventivo #${elem.proposal_id.toString().padStart(5, '0')}`;\n const stepTitleIndex = `step${quotationStep + 1}_title`;\n const stepTitle = messages[stepTitleIndex].defaultMessage;\n\n const item = (\n \n \n {selectedRange}\n \n {options.map((item, key) => (\n \n ))}\n \n
\n \n
\n \n {elem.stillValid ?\n \n {title}
\n \n }\n
\n {title}
\n :\n{title}
\n Agente: {elem.agent_name}
\n \n \n
\n
\n \n );\n\n box.push(item);\n });\n\n return (\n \n
\n \n Data
\n {elem.date}
\n \n
\n \n Ragione Sociale
\n {elem.customer_name}
\n \n
\n \n Automobile
\n {elem.car_name}
\n \n
\n \n Rata mensile
\n \n €\n {elem.price.toLocaleString('it')}\n
\n \n
\n \n {featureAllowed('fees-visibility') &&\n Anticipo
\n \n €\n {elem.deposit.toLocaleString('it')}\n
\n \n
\n \n }\n Commissione
\n \n €\n {Math.max(0, elem.commission).toLocaleString('it')}\n
\n \n \n \n \n \n \n \n
\n \n {stepTitle}\n
\n\n
\n );\n};\n\nquotationWidget.propTypes = {\n quotations: PropTypes.any.isRequired,\n};\n\nexport function mapDispatchToProps(dispatch) {\n return {\n print: quote => dispatch(printQuotation(quote)),\n };\n}\nconst mapStateToProps = createStructuredSelector({\n featureAllowed: (state, featureSlug) => featureAllowed(state, featureSlug),\n});\n\nconst withReducer = injectReducer({ key: 'quotation', reducer });\nconst withSaga = injectSaga({ key: 'quotation', saga });\n\nconst withConnect = connect(\n mapStateToProps,\n mapDispatchToProps,\n);\n\nexport default compose(\n withReducer,\n withSaga,\n withConnect,\n)(quotationWidget);\n","import { put, takeEvery, all, select } from 'redux-saga/effects';\nimport { API_URL } from 'containers/App/constants';\nimport { GET_FILTERS } from './constants';\nimport { filtersLoaded, setLoading, unsetLoading } from './actions';\nimport { makeSelectLoading, makeSelectSelectedParams } from './selectors';\nimport { makeSelectSelectedTags } from 'components/HorizontalFilter/selectors';\nimport { tagsLoaded, sortsLoaded } from '../HorizontalFilter/actions';\nimport { getRequestHeadersAsLogged, responseHandler } from '../../utils/auth';\n\nfunction* fetchFilters() {\n const isLoading = yield select(makeSelectLoading());\n\n if (!isLoading) {\n yield put(setLoading())\n\n const requestURL = `${API_URL}search/filters`;\n let requestBody = {};\n\n const params = yield select(makeSelectSelectedParams());\n const requestParams = [];\n params.map(param => (requestParams[param.name] = param.value));\n\n const tags = yield select(makeSelectSelectedTags());\n const requestTags = [];\n tags.map(tag => requestTags.push(tag.value));\n\n requestBody = {\n ...requestParams,\n tags: requestTags,\n };\n\n try {\n const parameters = {\n method: 'POST',\n headers: getRequestHeadersAsLogged(),\n body: JSON.stringify(requestBody),\n };\n\n const response = yield fetch(requestURL, parameters).then(resp => responseHandler(resp));\n\n yield all([\n put(filtersLoaded(response.filters)),\n put(tagsLoaded(response.tags)),\n put(sortsLoaded(response.orders)),\n put(unsetLoading()),\n ]);\n } catch (error) {\n console.log('request error', error);\n yield put(unsetLoading())\n }\n }\n}\n\nfunction* actionWatcher() {\n yield takeEvery(GET_FILTERS, fetchFilters);\n}\n\nexport default function* optionData() {\n yield all([actionWatcher()]);\n}\n","import React from 'react';\n\nimport injectReducer from 'utils/injectReducer';\nimport injectSaga from 'utils/injectSaga';\nimport { createStructuredSelector } from 'reselect';\nimport { connect } from 'react-redux';\nimport { compose } from 'redux';\nimport reducer from './reducer';\nimport saga from './saga';\n\nimport _ from 'lodash';\n\nimport TrafficLights from './trafficlights'\n\nimport { makeSelectSustainabilitySelected, makeSelectCheckResponse } from './selectors'\n\nimport { updateSustainabilitySelected } from './actions'\n\nimport './styles.scss';\n\nclass PrescoringFilter extends React.Component {\n constructor(props) {\n super(props);\n this.state = {};\n const id = _.uniqueId('Prescoring-');\n }\n\n isSelected = value => this.props.sustainabilitySelected.some(selected => selected === value);\n\n onClickHandler = value => {\n const { sustainabilitySelected, updateSustainabilitySelected } = this.props;\n\n let newSustainabilitySelected = [...sustainabilitySelected];\n\n if (this.isSelected(value)) {\n if (sustainabilitySelected.length > 1) {\n newSustainabilitySelected = newSustainabilitySelected.filter(sustainabilitySelectedItem => sustainabilitySelectedItem !== value)\n }\n } else {\n newSustainabilitySelected = [...newSustainabilitySelected, value]\n }\n\n if (sustainabilitySelected.length !== newSustainabilitySelected.length) {\n updateSustainabilitySelected(newSustainabilitySelected);\n }\n }\n\n render() {\n const { sustainabilitySelected } = this.props;\n let { prescoringResponse } = this.props;\n prescoringResponse = prescoringResponse.hasOwnProperty('_root') ? prescoringResponse.toJS() : prescoringResponse;\n\n if (!sustainabilitySelected.length) {\n return null;\n }\n\n let enabled = [];\n\n if (prescoringResponse && prescoringResponse.hasOwnProperty('chance')) {\n if (prescoringResponse.chance === 0) {\n enabled = [0];\n } else if (prescoringResponse.chance === 1 && (prescoringResponse.depositRequired === null || prescoringResponse.monthlyRateMax === null)) {\n enabled = [1];\n }\n }\n\n return (\n {box}
\n \n
\n );\n }\n}\n\nconst withReducer = injectReducer({ key: 'prescoring', reducer });\nconst withSaga = injectSaga({ key: 'prescoring', saga });\n\nconst mapStateToProps = createStructuredSelector({\n sustainabilitySelected: makeSelectSustainabilitySelected(),\n prescoringResponse: makeSelectCheckResponse(),\n});\n\nexport function mapDispatchToProps(dispatch) {\n return {\n updateSustainabilitySelected: sustainabilitySelected => dispatch(updateSustainabilitySelected(sustainabilitySelected)),\n };\n}\n\nconst withConnect = connect(\n mapStateToProps,\n mapDispatchToProps,\n);\n\nexport default compose(\n withSaga,\n withReducer,\n withConnect,\n)(PrescoringFilter);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\n\nimport CloseIcon from '-!svg-react-loader!./assets/close.svg?name=CloseIcon';\n\nimport './badgeStyles.scss';\n\nclass Badge extends React.Component {\n constructor(props) {\n super(props);\n this.state = {};\n }\n\n render() {\n const { label, active, onClick, showIcon, disabled } = this.props;\n return (\n \n Sostenibilità canone:\n
\n \n this.onClickHandler(value) : null}\n selected={sustainabilitySelected}\n enabled={enabled}\n />\n
\n \n\n
\n );\n }\n}\n\nChoice.defaultProps = {};\nChoice.propTypes = {\n label: PropTypes.string.isRequired,\n};\n\nconst mapStateToProps = createStructuredSelector({\n selectedTags: makeSelectSelectedTags(),\n isEnabled: makeSelectTagsEnabled(),\n});\nexport function mapDispatchToProps(dispatch) {\n return {\n addOption: (value, label) => dispatch(addOption(value, label)),\n removeOption: value => dispatch(removeOption(value)),\n hideTag: value => dispatch(hideTag(value)),\n showTag: value => dispatch(showTag(value)),\n };\n}\n\nconst withReducer = injectReducer({ key: 'filters', reducer });\nconst withSaga = injectSaga({ key: 'filters', saga });\n\nconst withConnect = connect(\n mapStateToProps,\n mapDispatchToProps,\n);\n\nexport default compose(\n withReducer,\n withSaga,\n withConnect,\n)(Choice);\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport './badgeStyles.scss';\n\nclass MultiBadge extends React.Component {\n constructor(props) {\n super(props);\n this.state = {};\n }\n\n render() {\n const { label, active, onClick, showIcon } = this.props;\n return (\n \n \n
\n\n {tags.map((item, key) => {\n if (item === undefined) return null;\n if (!show && key >= 4) return null;\n const active = selected.has(item.value);\n\n return (\n \n this.handleOnClick(item.value, item.label, active)\n }\n />\n );\n })}\n
\n \n \n {showIcon && (\n <>\n
\n );\n }\n}\n\nMultiBadge.defaultProps = {\n active: false,\n showIcon: true,\n onClick: null,\n};\nMultiBadge.propTypes = {\n label: PropTypes.string.isRequired,\n active: PropTypes.bool,\n showIcon: PropTypes.bool,\n onClick: PropTypes.func,\n};\nexport default MultiBadge;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Checkbox } from 'antd';\n\nimport { createStructuredSelector } from 'reselect';\nimport injectReducer from 'utils/injectReducer';\nimport injectSaga from 'utils/injectSaga';\nimport { connect } from 'react-redux';\nimport { compose } from 'redux';\nimport reducer from '../Search/reducer';\nimport saga from '../Search/saga';\n\nimport { makeSelectSelectedParams } from '../Search/selectors';\nimport { updateParam } from '../Search/actions';\n\nimport './styles.scss';\nimport { getObjByAttribute } from '../../utils/common';\n\nimport _ from 'lodash';\n\nclass Multiselect extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n show: false,\n };\n this.id = _.uniqueId();\n }\n\n handleOnShow = e => {\n this.setState(prevState => ({\n show: !prevState.show,\n }));\n };\n\n handeOnChange = (checked, value, name, label, selected) => {\n // const { selected } = this.state;\n if (checked) {\n selected.add(value);\n } else {\n selected.delete(value);\n }\n // this.setState({ selected });\n this.props.updateValue({\n name,\n value: [...selected],\n label,\n });\n };\n\n render() {\n const { label, options, name, unit, selectedParams } = this.props;\n const { show } = this.state;\n const current = getObjByAttribute(selectedParams, 'name', name);\n let selected = new Set();\n let componentId = `search-filters-multiselect-${label}-${this.id}`.replace(/\\s+/g, '-').toLowerCase();;\n\n if (current !== null && current.value !== null) {\n selected = new Set(current.value);\n }\n return (\n \n \n
{' '}\n {label}{' '}\n \n )}\n {!showIcon && label}\n \n \n
\n );\n }\n}\n\nMultiselect.defaultProps = {\n unit: '',\n};\nMultiselect.propTypes = {\n label: PropTypes.string.isRequired,\n name: PropTypes.string.isRequired,\n options: PropTypes.array.isRequired,\n unit: PropTypes.string,\n};\n\nconst mapStateToProps = createStructuredSelector({\n selectedParams: makeSelectSelectedParams(),\n});\nexport function mapDispatchToProps(dispatch) {\n return {\n updateValue: values => dispatch(updateParam(values)),\n };\n}\n\nconst withReducer = injectReducer({ key: 'search', reducer });\nconst withSaga = injectSaga({ key: 'search', saga });\n\nconst withConnect = connect(\n mapStateToProps,\n mapDispatchToProps,\n);\n\nexport default compose(\n withReducer,\n withSaga,\n withConnect,\n)(Multiselect);\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { createStructuredSelector } from 'reselect';\nimport injectReducer from 'utils/injectReducer';\nimport injectSaga from 'utils/injectSaga';\nimport { connect } from 'react-redux';\nimport { compose } from 'redux';\nimport reducer from '../Search/reducer';\nimport saga from '../Search/saga';\n\nimport { makeSelectSelectedParams } from '../Search/selectors';\nimport { updateParam } from '../Search/actions';\n\nimport './styles.scss';\nimport { getObjByAttribute } from '../../utils/common';\n\nimport _ from 'lodash';\n\nclass MultiselectWithIcon extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n show: false,\n };\n this.id = _.uniqueId();\n }\n\n handeOnSelect = (selected, value) => {\n if (selected.has(value)) selected.delete(value);\n else selected.add(value);\n\n this.props.updateValue({\n name: this.props.name,\n value: [...selected],\n label: this.props.label,\n });\n };\n\n handleOnShow = e => {\n this.setState(prevState => ({\n show: !prevState.show,\n }));\n };\n\n render() {\n const { label, name, options, selectedParams } = this.props;\n const { show } = this.state;\n const current = getObjByAttribute(selectedParams, 'name', name);\n let selected = new Set();\n let componentId = `search-filters-multiselect-with-icon-${label}-${this.id}`.replace(/\\s+/g, '-').toLowerCase();;\n\n if( current !== null && current.value !== null ){\n selected = new Set(current.value);\n }\n return (\n \n \n \n {show ? (\n \n ) : (\n \n )}\n \n
\n {show && (\n\n {options.map((item, key) => (\n
\n )}\n \n \n this.handeOnChange(\n e.target.checked,\n item.value,\n name,\n label,\n selected,\n )\n }\n >\n {unit.length > 0 && `${unit} `} {item.label}\n \n
\n
\n ))}\n \n
\n \n \n
\n {show && (\n
\n );\n }\n}\n\nMultiselectWithIcon.defaultProps = {};\nMultiselectWithIcon.propTypes = {\n label: PropTypes.string.isRequired,\n name: PropTypes.string.isRequired,\n options: PropTypes.array.isRequired,\n selectedParams: PropTypes.array,\n};\n\nconst mapStateToProps = createStructuredSelector({\n selectedParams: makeSelectSelectedParams(),\n});\nexport function mapDispatchToProps(dispatch) {\n return {\n updateValue: values => dispatch(updateParam(values)),\n };\n}\n\nconst withReducer = injectReducer({ key: 'search', reducer });\nconst withSaga = injectSaga({ key: 'search', saga });\n\nconst withConnect = connect(\n mapStateToProps,\n mapDispatchToProps,\n);\n\nexport default compose(\n withReducer,\n withSaga,\n withConnect,\n)(MultiselectWithIcon);\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { CustomInput } from 'reactstrap';\n\nimport { createStructuredSelector } from 'reselect';\nimport injectReducer from 'utils/injectReducer';\nimport injectSaga from 'utils/injectSaga';\nimport { connect } from 'react-redux';\nimport { compose } from 'redux';\nimport reducer from '../Search/reducer';\nimport saga from '../Search/saga';\nimport { makeSelectSelectedTags } from '../HorizontalFilter/selectors';\nimport {\n addOption,\n hideTag,\n removeOption,\n showTag,\n} from '../HorizontalFilter/actions';\n\nimport './styles.scss';\n\nimport _ from 'lodash';\n\nclass MultiselectWithSwitch extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n show: false,\n };\n this.id = _.uniqueId();\n }\n\n handleOnClick = (value, label, active) => {\n if (active) {\n this.props.removeOption(value);\n this.props.showTag(value);\n } else {\n this.props.addOption(value, label);\n this.props.hideTag(value);\n }\n };\n\n handleOnShow = e => {\n this.setState(prevState => ({\n show: !prevState.show,\n }));\n };\n\n render() {\n const { label, items, selectedTags } = this.props;\n const { show } = this.state;\n const selected = new Set();\n selectedTags.map(item => selected.add(item.value));\n let componentId = `search-filters-multiselect-with-switch-${label}-${this.id}`.replace(/\\s+/g, '-').toLowerCase();;\n\n if (items.length < true) return null;\n\n return (\n \n \n \n {show ? (\n \n ) : (\n \n )}\n \n
\n {show && (\n - \n {options.map((item, key) => (\n
\n
\n );\n }\n}\n\nMultiselectWithSwitch.defaultProps = {\n unit: '',\n};\nMultiselectWithSwitch.propTypes = {\n label: PropTypes.string.isRequired,\n name: PropTypes.string.isRequired,\n items: PropTypes.array.isRequired,\n};\n\nconst mapStateToProps = createStructuredSelector({\n selectedTags: makeSelectSelectedTags(),\n});\nexport function mapDispatchToProps(dispatch) {\n return {\n addOption: (value, label) => dispatch(addOption(value, label)),\n removeOption: value => dispatch(removeOption(value)),\n hideTag: value => dispatch(hideTag(value)),\n showTag: value => dispatch(showTag(value)),\n };\n}\n\nconst withReducer = injectReducer({ key: 'search', reducer });\nconst withSaga = injectSaga({ key: 'search', saga });\n\nconst withConnect = connect(\n mapStateToProps,\n mapDispatchToProps,\n);\n\nexport default compose(\n withReducer,\n withSaga,\n withConnect,\n)(MultiselectWithSwitch);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { createStructuredSelector } from 'reselect';\n\nimport AwesomeDebouncePromise from 'awesome-debounce-promise';\nimport { messages } from './messages';\n\nimport injectReducer from 'utils/injectReducer';\nimport injectSaga from 'utils/injectSaga';\nimport { connect } from 'react-redux';\nimport { compose } from 'redux';\nimport reducer from '../Search/reducer';\nimport saga from '../Search/saga';\n\nimport { makeSelectSelectedParams } from '../Search/selectors';\nimport { updateParam } from '../Search/actions';\n\nimport { InputNumber } from 'antd';\nimport { InputSlider } from '../UIKit';\nimport { getObjByAttribute } from '../../utils/common';\n\nimport './styles.scss';\n\nimport _ from 'lodash';\n\nclass RangeSlider extends React.Component {\n constructor(props) {\n super(props);\n\n let [start, end] = props.value\n\n if (props.items) {\n [start, end] = this.getNumericValuesFromString([start, end])\n }\n\n this.state = {\n additionalSteps: [],\n start: parseInt(start),\n end: parseInt(end),\n onAfterChangePending: false,\n };\n\n this.sliderRef = React.createRef();\n\n this.id = _.uniqueId();\n\n }\n\n getNumericValuesFromString = values => {\n const { items } = this.props\n let [start, end] = values\n\n if (items) {\n start = typeof start === 'string' ? parseInt(\n Object\n .keys(items)\n .find(key => items[key].label === start || items[key].label === this.formatValueLabel(start))\n ) : start;\n end = typeof end === 'string' ? parseInt(\n Object\n .keys(items)\n .find(key => items[key].label === end || items[key].label === this.formatValueLabel(end))\n ) : end;\n }\n\n return [start, end];\n }\n\n get minMax() {\n let { min, max, items } = this.props;\n\n if (items && (!min || !max)) {\n min = parseInt(Object.keys(items)[0]);\n max = parseInt(Object.keys(items).slice(-1)[0]);\n }\n\n return [min, max];\n }\n\n onChange = values => {\n const { items } = this.props\n let [start, end] = values\n\n if (items) {\n [start, end] = this.getNumericValuesFromString([start, end])\n }\n\n this.setState({ start, end })\n };\n\n onAfterChange = value => {\n const { onAfterChangePending } = this.state;\n\n if (!onAfterChangePending) {\n const {onChange, name, items, label, selectedParams, hasConfirmMessage } = this.props\n\n this.setState({onAfterChangePending: true}, () => {\n if (!hasConfirmMessage || (hasConfirmMessage && confirm(messages.confirmMessageEdit))) {\n const [min, max] = this.minMax\n let [start, end] = value\n let [selectedStart, selectedEnd] = [min, max]\n\n const current = getObjByAttribute(selectedParams, 'name', name)\n\n if (current && current.value) {\n [selectedStart, selectedEnd] = current.value\n }\n\n if (min !== start || max !== end || start !== selectedStart || end !== selectedEnd) {\n if (items) {\n // valori formattati\n [start, end] = Object.values(value.reduce((obj, key) => ({...obj, [key]: items[key].label}), {}))\n }\n\n if (typeof end === 'undefined') {\n end = start\n }\n\n onChange(label, name, start, end)\n this.setState({onAfterChangePending: false});\n }\n } else {\n const [start, end] = this.props.value;\n this.sliderRef.current.blur();\n this.setState({\n onAfterChangePending: false,\n start: parseInt(start),\n end: parseInt(end)\n });\n }\n });\n }\n };\n\n onStartChange = startValue => {\n const [min, max] = this.minMax\n startValue = parseInt(`${startValue}`.replace('.', ''))\n\n if (startValue && !isNaN(startValue) && startValue >= min && startValue <= this.state.end && startValue <= max) {\n this.setState(\n {\n start: parseInt(startValue),\n additionalSteps: [...this.state.additionalSteps, parseInt(startValue)],\n },\n () => {\n const {start, end} = this.state\n this.onAfterChange([start, end])\n }\n )\n }\n };\n\n onStartChangeDebounced = AwesomeDebouncePromise(\n this.onStartChange,\n 500,\n { key: () => `${this.props.name}startValue` },\n )\n\n onEndChange = endValue => {\n const [min, max] = this.minMax\n endValue = parseInt(`${endValue}`.replace('.', ''))\n\n if (endValue && !isNaN(endValue) && endValue >= min && endValue >= this.state.start && endValue <= max) {\n this.setState(\n {\n end: parseInt(endValue),\n additionalSteps: [...this.state.additionalSteps, parseInt(endValue)],\n },\n () => {\n const {start, end} = this.state\n this.onAfterChange([start, end])\n }\n );\n }\n };\n\n onEndChangeDebounced = AwesomeDebouncePromise(\n this.onEndChange,\n 500,\n { key: () => `${this.props.name}endValue` },\n )\n\n formatValueLabel = value => {\n const { items, labelFormatter, unit } = this.props\n\n if (typeof labelFormatter === 'function') {\n return labelFormatter(value, unit);\n } else {\n if (items && items[value] && items[value].label) {\n return items[value].label;\n }\n\n return `${value}${unit ? ` ${unit}` : ''}`;\n }\n };\n\n render() {\n const {\n label,\n labelShort,\n unit,\n step,\n items,\n withInput,\n withStepLabel,\n addOn,\n disabled\n } = this.props;\n\n const { additionalSteps, start, end } = this.state;\n\n const [min, max] = this.minMax;\n let componentId = `search-filters-range-slider-${label}-${this.id}`.replace(/\\s+/g, '-').toLowerCase();;\n\n return (\n \n \n \n {show ? (\n \n ) : (\n \n )}\n \n
\n {show && (\n\n {items.map((item, key) => {\n if (item === undefined) return null;\n const active = selected.has(item.value);\n\n return (\n \n this.handleOnClick(item.value, item.label, active)\n }\n value=\"1\"\n />\n )\n })}\n
\n )}\n \n \n
\n
\n );\n }\n}\n\nRangeSlider.defaultProps = {\n withInput: false,\n withStepLabel: true,\n disabled: false\n};\n\nRangeSlider.propTypes = {\n label: PropTypes.string.isRequired,\n labelShort: PropTypes.string,\n name: PropTypes.string.isRequired,\n min: PropTypes.number,\n max: PropTypes.number,\n items: PropTypes.object,\n step: PropTypes.number,\n value: PropTypes.array,\n onChange: PropTypes.func,\n unit: PropTypes.string,\n withInput: PropTypes.bool,\n withStepLabel: PropTypes.bool,\n hasConfirmMessage: PropTypes.bool,\n labelFormatter: PropTypes.func,\n addOn: PropTypes.any,\n disabled: PropTypes.bool\n};\n\nconst mapStateToProps = createStructuredSelector({\n selectedParams: makeSelectSelectedParams(),\n});\n\nexport function mapDispatchToProps(dispatch) {\n return {\n updateValue: values => dispatch(updateParam(values)),\n };\n}\n\nconst withReducer = injectReducer({ key: 'search', reducer });\nconst withSaga = injectSaga({ key: 'search', saga });\n\nconst withConnect = connect(\n mapStateToProps,\n mapDispatchToProps,\n);\n\nexport default compose(\n withReducer,\n withSaga,\n withConnect,\n)(RangeSlider);\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { createStructuredSelector } from 'reselect';\nimport injectReducer from 'utils/injectReducer';\nimport injectSaga from 'utils/injectSaga';\nimport { connect } from 'react-redux';\nimport { compose } from 'redux';\nimport reducer from '../Search/reducer';\nimport saga from '../Search/saga';\n\nimport { makeSelectSelectedParams } from '../Search/selectors';\nimport { updateParam } from '../Search/actions';\n\nimport './styles.scss';\nimport { getObjByAttribute } from '../../utils/common';\n\nclass Select extends React.Component {\n constructor(props) {\n super(props);\n this.state = {};\n }\n\n handeOnClick = value => {\n this.props.updateValue({\n name: this.props.name,\n value,\n label: this.props.label,\n });\n };\n\n render() {\n const { label, name, options, unit, selectedParams } = this.props;\n const current = getObjByAttribute(selectedParams, 'name', name);\n return (\n \n \n \n {addOn &&\n \n {addOn}\n \n }\n \n {withInput ? (\n \n \n \n value !== unit ? `${unit} ${value}`.replace(/\\B(?=(\\d{3})+(?!\\d))/g, '.') : ''\n }\n parser={value => value.replace(`${unit} `, '').replace(/\\$\\s?|(\\.*)/g, '')}\n min={min}\n max={max}\n disabled={min === max}\n value={start}\n step={step}\n onChange={this.onStartChangeDebounced}\n className=\"range-slider-input range-slider-input-start\"\n id={`min-input-${componentId}`}\n aria-label={`Minimo ${label}`}\n />\n -\n \n \n value !== unit ? `${unit} ${value}`.replace(/\\B(?=(\\d{3})+(?!\\d))/g, '.') : ''\n }\n parser={value => value.replace(`${unit} `, '').replace(/\\$\\s?|(\\.*)/g, '')}\n min={min}\n max={max}\n disabled={min === max}\n value={end}\n step={step}\n onChange={this.onEndChangeDebounced}\n className=\"range-slider-input range-slider-input-end\"\n id={`max-input-${componentId}`}\n aria-label={`Massimo ${label}`}\n />\n \n ) : !withStepLabel ? (\n \n {this.formatValueLabel(start)}\n {` - `}\n {this.formatValueLabel(end)}\n \n ) : null}\n
\n \n this.handeOnClick(item.value)}\n >\n {' '}\n {unit.length > 0 && `${unit} `}\n {item.label}{' '}\n
\n ))}\n \n );\n }\n}\n\nSelect.defaultProps = {\n unit: '',\n};\nSelect.propTypes = {\n label: PropTypes.string.isRequired,\n name: PropTypes.string.isRequired,\n options: PropTypes.array.isRequired,\n unit: PropTypes.string,\n selectedParams: PropTypes.array,\n};\n\nconst mapStateToProps = createStructuredSelector({\n selectedParams: makeSelectSelectedParams(),\n});\nexport function mapDispatchToProps(dispatch) {\n return {\n updateValue: values => dispatch(updateParam(values)),\n };\n}\n\nconst withReducer = injectReducer({ key: 'search', reducer });\nconst withSaga = injectSaga({ key: 'search', saga });\n\nconst withConnect = connect(\n mapStateToProps,\n mapDispatchToProps,\n);\n\nexport default compose(\n withReducer,\n withSaga,\n withConnect,\n)(Select);\n\n// export default Select;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { createStructuredSelector } from 'reselect';\nimport injectReducer from 'utils/injectReducer';\nimport injectSaga from 'utils/injectSaga';\nimport { connect } from 'react-redux';\nimport { compose } from 'redux';\nimport reducer from '../Search/reducer';\nimport saga from '../Search/saga';\n\nimport { makeSelectSelectedParams } from '../Search/selectors';\nimport { updateParam } from '../Search/actions';\n\nimport './styles.scss';\nimport { getObjByAttribute } from '../../utils/common';\n\nimport _ from 'lodash';\n\nclass SelectCollapsible extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n show: props.show,\n };\n this.id = _.uniqueId();\n }\n\n handeOnClick = value => {\n this.props.updateValue({\n name: this.props.name,\n value,\n label: this.props.label,\n });\n };\n\n handleOnShow = e => {\n this.setState(prevState => ({\n show: !prevState.show,\n }));\n };\n\n render() {\n const { label, name, options, unit, selectedParams } = this.props;\n const { show } = this.state;\n const current = getObjByAttribute(selectedParams, 'name', name);\n let componentId = `search-filters-select-collapsible-${label}-${this.id}`.replace(/\\s+/g, '-').toLowerCase();;\n return (\n {label}
\n {options.map((item, key) => (\n\n
\n )}\n \n );\n }\n}\n\nSelectCollapsible.defaultProps = {\n unit: '',\n show: false,\n};\nSelectCollapsible.propTypes = {\n label: PropTypes.string.isRequired,\n name: PropTypes.string.isRequired,\n options: PropTypes.array.isRequired,\n unit: PropTypes.string,\n selectedParams: PropTypes.array,\n show: PropTypes.bool,\n};\n\nconst mapStateToProps = createStructuredSelector({\n selectedParams: makeSelectSelectedParams(),\n});\nexport function mapDispatchToProps(dispatch) {\n return {\n updateValue: values => dispatch(updateParam(values)),\n };\n}\n\nconst withReducer = injectReducer({ key: 'search', reducer });\nconst withSaga = injectSaga({ key: 'search', saga });\n\nconst withConnect = connect(\n mapStateToProps,\n mapDispatchToProps,\n);\n\nexport default compose(\n withReducer,\n withSaga,\n withConnect,\n)(SelectCollapsible);\n\n// export default Select;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { createStructuredSelector } from 'reselect';\n\nimport injectReducer from 'utils/injectReducer';\nimport injectSaga from 'utils/injectSaga';\nimport { connect } from 'react-redux';\nimport { compose } from 'redux';\nimport reducer from '../Search/reducer';\nimport saga from '../Search/saga';\n\nimport { makeSelectSelectedParams } from '../Search/selectors';\nimport { updateParam } from '../Search/actions';\n\nimport { Input, InputNumber } from 'antd';\nimport { InputSlider } from '../UIKit';\n\nimport { getObjByAttribute } from '../../utils/common';\n\nimport './styles.scss';\n\nclass Slider extends React.Component {\n constructor(props) {\n super(props);\n\n this.sliderRef = React.createRef();\n }\n\n get currentValues() {\n const { name, selectedParams, max } = this.props;\n\n const current = getObjByAttribute(selectedParams, 'name', name);\n\n let value = max;\n\n if (current && current.value) {\n value = current.value;\n }\n\n return value;\n }\n\n onChange = value =>\n this.props.updateValue({\n name: this.props.name,\n value,\n label: this.props.label,\n });\n\n render() {\n let {\n label,\n unit,\n items,\n withStepLabel,\n labelFormatter,\n } = this.props;\n\n const value = this.currentValues\n\n const formatValueLabel = value =>\n labelFormatter\n ? labelFormatter(value, unit)\n : `${value}${unit ? ` ${unit}` : ''}`;\n\n return (\n \n \n \n {show ? (\n \n ) : (\n \n )}\n \n
\n {show && (\n\n {options.map((item, key) => (\n this.handeOnClick(item.value)}\n >\n {' '}\n {unit.length > 0 && `${unit} `}\n {item.label}{' '}\n
\n ))}\n \n
\n );\n }\n}\n\nSlider.defaultProps = {\n withStepLabel: true,\n};\n\nSlider.propTypes = {\n label: PropTypes.string.isRequired,\n name: PropTypes.string.isRequired,\n min: PropTypes.number,\n max: PropTypes.number,\n items: PropTypes.array,\n unit: PropTypes.string,\n withStepLabel: PropTypes.bool,\n labelFormatter: PropTypes.func,\n};\n\nconst mapStateToProps = createStructuredSelector({\n selectedParams: makeSelectSelectedParams(),\n});\n\nexport function mapDispatchToProps(dispatch) {\n return {\n updateValue: values => dispatch(updateParam(values)),\n };\n}\n\nconst withReducer = injectReducer({ key: 'search', reducer });\nconst withSaga = injectSaga({ key: 'search', saga });\n\nconst withConnect = connect(\n mapStateToProps,\n mapDispatchToProps,\n);\n\nexport default compose(\n withReducer,\n withSaga,\n withConnect,\n)(Slider);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport queryString from 'query-string';\nimport { createStructuredSelector } from 'reselect';\nimport injectReducer from 'utils/injectReducer';\nimport injectSaga from 'utils/injectSaga';\nimport { connect } from 'react-redux';\nimport { compose } from 'redux';\nimport reducer from './reducer';\nimport saga from './saga';\nimport { FILTERS_ALLOWED, FILTERS_LABELS, FILTERS_LABELS_SHORT, FILTERS_AS_TAG } from './constants';\nimport { getObjByAttribute } from '../../utils/common';\nimport Loader from '../Loader';\nimport { Checkbox } from 'antd';\nimport { default as PrescoringFilter } from '../PrescoringTool/filter';\n\nimport { CONTRACTUAL_CATEGORIES } from 'containers/App/contractualCategories';\n\nimport { makeSelectParam, makeSelectSelectedParams, makeSelectLoading, makeSelectLabels } from './selectors';\nimport { makeSelectFiltersOption, transformSelectedFiltersForQuesystring } from '../HorizontalFilter/selectors';\nimport { makeSelectTags } from '../HorizontalFilter/selectors';\nimport { makeSelectCheckResponse, makeSelectCheckInputData } from '../PrescoringTool/selectors'\nimport { featureAllowed } from 'containers/App/selectors';\nimport { getFilters, updateParam, removeParam } from './actions';\nimport {\n addOption,\n hideTag,\n removeOption,\n showTag,\n} from '../HorizontalFilter/actions';\nimport {\n ChoiceFilter,\n SelectCollapsibleFilter,\n RangeSliderFilter,\n MultiselectFilter,\n MultiselectWithSwitchFilter,\n MultiselectWithIconFilter,\n} from '../SearchFilters/';\n\nimport './styles.scss';\nimport _ from 'lodash';\n\nclass Search extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n qsFiltersSetted: false\n };\n this.id = _.uniqueId(\"Search-\");\n }\n\n componentDidMount() {\n this.props.loadFilters();\n }\n\n componentDidUpdate(prevProps, prevState) {\n if (prevProps.params.hasOwnProperty('brands')) {\n const {\n selectedTags,\n activeFilters,\n selectedParams,\n params\n } = this.props;\n\n if (!prevState.qsFiltersSetted) {\n const qsFilters = queryString.parse(location.search, {arrayFormat: 'comma'});\n\n if (Object.keys(qsFilters).length) {\n for (const [filterKey, filterValue] of Object.entries(qsFilters)) {\n if (FILTERS_ALLOWED.indexOf(filterKey) >= 0) {\n if (FILTERS_AS_TAG.indexOf(filterKey) >= 0) {\n this.props.addOption(filterKey, FILTERS_LABELS[filterKey]);\n this.props.hideTag(filterKey);\n } else {\n this.props.updateValue({\n name: filterKey,\n label: FILTERS_LABELS[filterKey],\n value: (\n typeof params[filterKey] !== 'undefined'\n && Array.isArray(params[filterKey])\n && !Array.isArray(filterValue)\n )\n ? [filterValue]\n : filterValue,\n });\n this.props.loadFilters();\n }\n }\n }\n }\n\n this.setState({qsFiltersSetted: true});\n }\n\n const selected = [...selectedTags, ...activeFilters];\n const transformedParams = transformSelectedFiltersForQuesystring(selected);\n let qs = queryString.stringify(transformedParams, {arrayFormat: 'comma'})\n let qs2 = queryString.parse(transformedParams, {arrayFormat: 'comma'});\n const cleanSearch = location.search.replace('?', '');\n\n let { prescoringResponse, prescoringInputData } = this.props;\n prescoringResponse = prescoringResponse.hasOwnProperty('_root') ? prescoringResponse.toJS() : prescoringResponse;\n prescoringInputData = prescoringInputData.hasOwnProperty('_root') ? prescoringInputData.toJS() : prescoringInputData;\n\n const customerType = prescoringInputData.contractualCategory ?\n this.getCustomerTypeByContractualCategory(prescoringInputData.contractualCategory)\n : null;\n\n if (\n customerType &&\n !selectedParams.some(selectedParam => selectedParam.name === \"monthly_rate\")\n && !selectedParams.some(selectedParam => selectedParam.name === \"deposit\")\n && (\n (customerType !== 'privati' && !selectedTags.some(selectedTag => selectedTag.value === 'privati'))\n ||\n (customerType !== 'piva' && !selectedTags.some(selectedTag => selectedTag.value === 'piva'))\n )\n ) {\n let needFetchFilters = false;\n\n const currentCustomerTypePrivati = selectedTags.some(selectedTag => selectedTag.value === 'privati');\n const currentCustomerTypePiva = selectedTags.some(selectedTag => selectedTag.value === 'piva');\n\n if (!currentCustomerTypePrivati && customerType === 'privati') {\n qs2.privati = 1;\n needFetchFilters = true;\n } else if (!currentCustomerTypePiva && customerType === 'piva') {\n qs2.piva = 1;\n needFetchFilters = true;\n } else if (!currentCustomerTypePiva && currentCustomerTypePrivati) {\n qs2.privati = 1;\n needFetchFilters = true;\n } else if (currentCustomerTypePiva && !currentCustomerTypePrivati) {\n qs2.piva = 1;\n needFetchFilters = true;\n }\n\n if (prescoringResponse.monthlyRateMax > 0) {\n const currentMonthlyRate = selectedParams.find(currentParam => currentParam.name === 'monthly_rate');\n let monthlyRateMin;\n\n if (currentMonthlyRate) {\n monthlyRateMin = currentMonthlyRate.value[0];\n } else {\n monthlyRateMin = params.monthly_rates ? params.monthly_rates.min : 0;\n }\n\n qs2.monthly_rate = [monthlyRateMin, parseInt(prescoringResponse.monthlyRateMax)]\n needFetchFilters = true;\n }\n\n if (prescoringResponse.depositRequired === true) {\n const currentDeposit = selectedParams.find(currentParam => currentParam.name === 'deposit');\n let depositMax;\n\n if (currentDeposit) {\n depositMax = currentDeposit.value[1];\n } else {\n depositMax = params.deposits ? params.deposits.max : 0;\n }\n\n qs2.deposit = [1, depositMax]\n needFetchFilters = true;\n }\n\n if (needFetchFilters) {\n qs = queryString.stringify(qs2, {arrayFormat: 'comma'})\n }\n }\n\n if (cleanSearch != qs) {\n const newurl = `${location.protocol}//${location.host}${location.pathname}?${qs}`;\n history.pushState({path:newurl}, '', newurl);\n }\n }\n }\n\n getCustomerTypeByContractualCategory = contractualCategory => {\n const contractualCategoryFound = CONTRACTUAL_CATEGORIES.find(contractualCategoryItem => contractualCategoryItem.value === contractualCategory);\n\n if (contractualCategoryFound) {\n return contractualCategoryFound.type === 'BUSINESS' ? 'piva' : 'privati';\n }\n\n return null;\n }\n\n onRangeChange = (label, name, start, end) => {\n this.props.updateValue({\n name,\n label,\n value: [start, end],\n });\n\n this.props.loadFilters();\n };\n\n onFastDeliveryChange = (checked) => {\n if (!checked) {\n this.props.removeOption('fast_delivery');\n this.props.showTag('fast_delivery');\n } else {\n this.props.addOption('fast_delivery', FILTERS_LABELS.fast_delivery);\n this.props.hideTag('fast_delivery');\n this.props.removeParam('delivery_time');\n }\n };\n\n render() {\n const { params, selectedParams, selectedTags, tags, loading } = this.props;\n let { prescoringResponse } = this.props;\n prescoringResponse = prescoringResponse.hasOwnProperty('_root') ? prescoringResponse.toJS() : prescoringResponse;\n\n if (!params.hasOwnProperty('brands')) {\n return \n {label}\n
\n\n `${unit} ${value.toLocaleString('it')}`}\n hasConfirmMessage={hasConfirmMessage}\n />\n : null}\n {(deposits && deposits.min !== undefined && deposits.max !== undefined) ?\n `${unit} ${value.toLocaleString('it')}`}\n hasConfirmMessage={hasConfirmMessage}\n />\n : null}\n {durations && Object.keys(durations).length > 0 &&\n `${value.toLocaleString('it')} ${unit}`}\n />\n }\n this.onFastDeliveryChange(e.target.checked)}\n >\n {FILTERS_LABELS.fast_delivery}\n \n }\n />\n\n {stocks && stocks.length > 1 &&\n \n\n
\n );\n }\n}\n\nSearch.defaultProps = {};\n\nSearch.propTypes = {\n loadFilters: PropTypes.func.isRequired,\n};\n\nconst mapStateToProps = createStructuredSelector({\n params: makeSelectParam(),\n selectedParams: makeSelectSelectedParams(),\n selectedTags: makeSelectFiltersOption(),\n activeFilters: makeSelectLabels(),\n tags: makeSelectTags(),\n loading: makeSelectLoading(),\n prescoringResponse: makeSelectCheckResponse(),\n prescoringInputData: makeSelectCheckInputData(),\n featureAllowed: (state, featureSlug) => featureAllowed(state, featureSlug),\n});\n\nexport function mapDispatchToProps(dispatch) {\n return {\n loadFilters: () => dispatch(getFilters()),\n updateValue: values => dispatch(updateParam(values)),\n addOption: (value, label) => dispatch(addOption(value, label)),\n hideTag: value => dispatch(hideTag(value)),\n removeOption: value => dispatch(removeOption(value)),\n removeParam: name => dispatch(removeParam(name)),\n showTag: value => dispatch(showTag(value)),\n };\n}\n\nconst withReducer = injectReducer({ key: 'search', reducer });\nconst withSaga = injectSaga({ key: 'search', saga });\n\nconst withConnect = connect(\n mapStateToProps,\n mapDispatchToProps,\n);\n\nexport default compose(\n withReducer,\n withSaga,\n withConnect,\n)(Search);\n\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport injectReducer from 'utils/injectReducer';\nimport injectSaga from 'utils/injectSaga';\nimport { connect } from 'react-redux';\nimport { compose } from 'redux';\nimport Badge from '../SearchFilters/badge';\nimport reducer from './reducer';\nimport saga from './saga';\nimport { addOption, removeOption, showTag, hideTag } from './actions';\nimport { removeParam, getFilters } from '../Search/actions';\n\nimport { messages } from '../SearchFilters/messages';\n\nconst prescoringLabelTags = [\n 'Rata',\n 'Privati',\n 'P.IVA',\n 'Anticipo',\n];\n\nclass Tags extends React.Component {\n constructor(props) {\n super(props);\n this.state = {};\n }\n\n handleOnClick = (value, label, name, active) => {\n if (!this.props.hasConfirmMessage || prescoringLabelTags.indexOf(label) < 0 || (this.props.hasConfirmMessage && confirm(messages.confirmMessageReset))) {\n if (active) {\n if (name.length > 0) {\n this.props.removeParam(name);\n } else {\n this.props.removeOption(value);\n this.props.showTag(value);\n }\n } else {\n this.props.addOption(value, label);\n this.props.hideTag(value);\n }\n\n this.props.getFilters();\n }\n };\n\n render() {\n const { active, tags, params } = this.props;\n const tagsNameWithBooleanValue = ['catalogo', 'fast_delivery', 'noviceDriver'];\n\n return (\n \n {tags.map((item, key) => {\n if (item === undefined) return null;\n\n const name = item.hasOwnProperty('name') ? item.name : '';\n let label = `${item.label}: `\n\n if (Array.isArray(item.value) && item.value.length > 1) {\n const itemValues = item.value.map(itemValue => {\n if (params[item.name] !== undefined) {\n const paramItem = params[item.name].find(el => el.value === itemValue);\n return paramItem.label;\n }\n\n return itemValue;\n });\n\n if (itemValues.length > 2) {\n label += itemValues.join(', ');\n } else {\n let [valueFrom, valueTo] = itemValues\n valueFrom = typeof valueFrom === 'number' ? valueFrom.toLocaleString('it') : valueFrom\n valueTo = typeof valueTo === 'number' ? valueTo.toLocaleString('it') : valueTo\n\n if (valueFrom === valueTo) {\n label += `${valueFrom}`\n } else {\n label += `${valueFrom}, ${valueTo}`;\n }\n }\n } else {\n const itemValue = Array.isArray(item.value) ? item.value[0] : item.value;\n\n if (params[item.name] !== undefined) {\n const paramItem = params[item.name].find(el => el.value === itemValue);\n label += paramItem.label;\n } else {\n label += item.name && !tagsNameWithBooleanValue.includes(item.name) ? itemValue : 'sì';\n }\n }\n\n if (item.hasOwnProperty('show')) {\n return item.show ? (\n \n this.handleOnClick(item.value, item.label, name, active)\n }\n />\n ) : null;\n }\n return (\n \n this.handleOnClick(item.value, item.label, name, active)\n }\n />\n );\n })}\n
\n );\n }\n}\n\nTags.defaultProps = {\n active: false,\n};\n\nTags.propTypes = {\n tags: PropTypes.array.isRequired,\n active: PropTypes.bool,\n hasConfirmMessage: PropTypes.bool,\n};\n\nexport function mapDispatchToProps(dispatch) {\n return {\n addOption: (value, label) => dispatch(addOption(value, label)),\n removeOption: value => dispatch(removeOption(value)),\n removeParam: name => dispatch(removeParam(name)),\n getFilters: () => dispatch(getFilters()),\n showTag: value => dispatch(showTag(value)),\n hideTag: value => dispatch(hideTag(value)),\n };\n}\n\nconst withReducer = injectReducer({ key: 'filters', reducer });\nconst withSaga = injectSaga({ key: 'filters', saga });\nconst withConnect = connect(\n null,\n mapDispatchToProps,\n);\n\nexport default compose(\n withReducer,\n withSaga,\n withConnect,\n)(Tags);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport SortIcon from '-!svg-react-loader!./assets/sort.svg?name=SortIcon';\n\nimport injectReducer from 'utils/injectReducer';\nimport injectSaga from 'utils/injectSaga';\nimport { connect } from 'react-redux';\nimport { compose } from 'redux';\nimport { createStructuredSelector } from 'reselect';\nimport { Row, Col } from 'reactstrap';\nimport { Drawer, Button } from 'antd';\nimport reducer from './reducer';\nimport saga from './saga';\nimport { removeAllOptions, showAllTags, orderBy } from './actions';\nimport {\n makeSelectFiltersOption,\n makeSelectSort,\n makeSelectSelectedSort,\n} from './selectors';\nimport {\n SECTION_DESCRIPTION,\n SECTION_TITLE,\n SECTION_SINGLE_TITLE,\n} from './constants';\n\nimport { resetParams, getFilters } from '../Search/actions';\nimport { makeSelectLabels, makeSelectParam } from '../Search/selectors';\nimport { default as Search } from 'components/Search/';\nimport { makeSelectCheckResponse } from '../PrescoringTool/selectors'\nimport { messages } from '../SearchFilters/messages';\n\nimport Tags from './tags';\n\nimport 'antComponentsStyle';\nimport './styles.scss';\n\nclass HorizontalFilter extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n filterDrawerIsOpen: true,\n };\n }\n\n componentDidMount() {\n // trick per montare il drawer dei filtri fin da subito,\n // evitando un load filters e fetch offers alla prima apertura che causava il reset del prescoring\n this.setState({filterDrawerIsOpen: false});\n }\n\n get hasConfirmMessage() {\n let { prescoringResponse } = this.props;\n prescoringResponse = prescoringResponse.hasOwnProperty('_root') ? prescoringResponse.toJS() : prescoringResponse;\n\n return prescoringResponse && prescoringResponse.hasOwnProperty('chance') && prescoringResponse.chance !== null;\n }\n\n onCancelClick = () => {\n if (!this.hasConfirmMessage || (this.hasConfirmMessage && confirm(messages.confirmMessageReset))) {\n this.props.clearParams();\n this.props.clearFilters();\n this.props.showTags();\n this.props.getFilters();\n }\n };\n\n onOrderChange = e => {\n this.props.orderBy(e.target.value);\n };\n\n openFilterDrawer = () => this.setState({ filterDrawerIsOpen: true });\n closeFilterDrawer = () => this.setState({ filterDrawerIsOpen: false });\n\n render() {\n const {\n results,\n sort,\n selectedSort,\n selectedTags,\n activeFilters,\n params,\n label,\n id\n } = this.props;\n const selected = [...selectedTags, ...activeFilters];\n\n return (\n \n
\n );\n }\n}\n\nHorizontalFilter.defaultProps = {};\nHorizontalFilter.propTypes = {\n results: PropTypes.number.isRequired,\n};\n\nconst mapStateToProps = createStructuredSelector({\n selectedTags: makeSelectFiltersOption(),\n activeFilters: makeSelectLabels(),\n sort: makeSelectSort(),\n selectedSort: makeSelectSelectedSort(),\n prescoringResponse: makeSelectCheckResponse(),\n params: makeSelectParam(),\n});\n\nexport function mapDispatchToProps(dispatch) {\n return {\n clearFilters: () => dispatch(removeAllOptions()),\n clearParams: () => dispatch(resetParams()),\n getFilters: () => dispatch(getFilters()),\n showTags: () => dispatch(showAllTags()),\n orderBy: value => dispatch(orderBy(value)),\n };\n}\n\nconst withReducer = injectReducer({ key: 'filters', reducer });\nconst withSaga = injectSaga({ key: 'filters', saga });\n\nconst withConnect = connect(\n mapStateToProps,\n mapDispatchToProps,\n);\n\nexport default compose(\n withReducer,\n withSaga,\n withConnect,\n)(HorizontalFilter);\n","import {\n UPDATE_PARAMS,\n RESET_PARAMS,\n GET_FILTERS,\n FILTERS_RECEIVED,\n REMOVE_PARAM,\n DOWNLOAD_OFFERS,\n} from './constants';\n\n/**\n *\n * @returns {{type: string}}\n */\nexport function getFilters() {\n return {\n type: GET_FILTERS,\n };\n}\n\n/**\n *\n * @param filters\n * @returns {{type: string, params: *}}\n */\nexport function filtersLoaded(filters) {\n return {\n type: FILTERS_RECEIVED,\n filters,\n };\n}\n\n/**\n *\n * @param param\n * @returns {{type: string, param: {}}}\n */\nexport function updateParam(param) {\n return {\n type: UPDATE_PARAMS,\n param,\n };\n}\n\n/**\n *\n * @returns {{type: string}}\n */\nexport function resetParams() {\n return {\n type: RESET_PARAMS,\n };\n}\n\n/**\n *\n * @param paramName\n * @returns {{paramName: *, type: string}}\n */\nexport function removeParam(paramName) {\n return {\n type: REMOVE_PARAM,\n paramName,\n };\n}\n\n/**\n */\nexport function downloadOffers() {\n return {\n type: DOWNLOAD_OFFERS,\n };\n}\n\n","import {\n ADD_OPTION,\n REMOVE_OPTION,\n REMOVE_ALL,\n SORTS_RECEIVED,\n TAGS_RECEIVED,\n SHOW_TAG,\n HIDE_TAG,\n SHOW_ALL,\n UPDATE_SORT,\n} from './constants';\n\n/**\n *\n * @param sort\n * @returns {{filters: *, type: string}}\n */\nexport const sortsLoaded = sorts => ({\n type: SORTS_RECEIVED,\n sorts,\n});\n/**\n *\n * @param tags\n * @returns {{filters: *, type: string}}\n */\nexport const tagsLoaded = tags => ({\n type: TAGS_RECEIVED,\n tags,\n});\n\n/**\n *\n * @returns {{type: string}}\n */\nexport const removeAllOptions = () => ({\n type: REMOVE_ALL,\n});\n\n/**\n * @param value\n * @param label\n * @returns {{label: *, type: string, value: *}}\n */\nexport function addOption(value, label) {\n return {\n type: ADD_OPTION,\n label,\n value,\n };\n}\n\n/**\n *\n * @param value\n * @returns {{type: string, value: *}}\n */\nexport function removeOption(value) {\n return {\n type: REMOVE_OPTION,\n value,\n };\n}\n\n/**\n *\n * @param value\n * @returns {{type: string, value: *}}\n */\nexport function showTag(value) {\n return {\n type: SHOW_TAG,\n value,\n };\n}\n\n/**\n *\n * @param value\n * @returns {{type: string, value: *}}\n */\nexport function hideTag(value) {\n return {\n type: HIDE_TAG,\n value,\n };\n}\n\n/**\n *\n * @returns {{type: string}}\n */\nexport const showAllTags = () => ({\n type: SHOW_ALL,\n});\n\n/**\n *\n * @param sort\n * @returns {{type: string, sort: string}}\n */\nexport function orderBy(sort) {\n return {\n type: UPDATE_SORT,\n sort,\n };\n}\n","import { put, takeLatest, all } from 'redux-saga/effects';\nimport { API_URL } from 'containers/App/constants';\nimport { GET_FILTERS } from './constants';\nimport { filtersLoaded } from './actions';\nimport { sortsLoaded } from '../HorizontalCatalogFilter/actions';\nimport { getRequestHeadersAsLogged, responseHandler } from '../../utils/auth';\n\nfunction* fetchFilters() {\n const requestURL = `${API_URL}search/catalog/filters`;\n\n try {\n const parameters = {\n method: 'GET',\n headers: getRequestHeadersAsLogged(),\n };\n const request = yield fetch(requestURL, parameters).then(response =>\n responseHandler(response)\n );\n yield all([\n put(filtersLoaded(request.filters)),\n put(sortsLoaded(request.orders)),\n ]);\n } catch (error) {\n console.log('request error', error);\n }\n}\n\nfunction* actionWatcher() {\n yield takeLatest(GET_FILTERS, fetchFilters);\n}\n\nexport default function* optionData() {\n yield all([actionWatcher()]);\n}\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { createStructuredSelector } from 'reselect';\nimport { connect } from 'react-redux';\nimport { compose } from 'redux';\n\nimport { makeSelectSelectedParams } from '../CatalogSearch/selectors';\nimport { updateParam } from '../CatalogSearch/actions';\n\nimport './styles.scss';\nimport { getObjByAttribute } from '../../utils/common';\n\nclass SelectCollapsible extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n show: props.show,\n };\n }\n\n handeOnClick = (value, valueName) => {\n const valueLabel = valueName && valueName.length ? valueName : value;\n\n this.props.updateValue({\n name: this.props.name,\n value,\n label: this.props.label,\n valueLabel\n });\n };\n\n handleOnShow = e => {\n this.setState(prevState => ({\n show: !prevState.show,\n }));\n };\n\n render() {\n const { label, name, options, unit, selectedParams, className } = this.props;\n const { show } = this.state;\n const current = getObjByAttribute(selectedParams, 'name', name);\n return (\n \n \n \n
\n )}\n
\n \n
\n \n \n \n {sort.map((item, key) => (\n \n ))}\n \n
\n \n {results} {results === 1 ? SECTION_SINGLE_TITLE : SECTION_TITLE}\n \n
\n\n\n Rimuovi i filtri\n
\n \n \n
\n )}\n \n );\n }\n}\n\nSelectCollapsible.defaultProps = {\n unit: '',\n className: '',\n show: false,\n};\nSelectCollapsible.propTypes = {\n label: PropTypes.string.isRequired,\n name: PropTypes.string.isRequired,\n options: PropTypes.array.isRequired,\n unit: PropTypes.string,\n className: PropTypes.string,\n selectedParams: PropTypes.array,\n show: PropTypes.bool,\n};\n\nconst mapStateToProps = createStructuredSelector({\n selectedParams: makeSelectSelectedParams(),\n});\nexport function mapDispatchToProps(dispatch) {\n return {\n updateValue: values => dispatch(updateParam(values)),\n };\n}\n\nconst withConnect = connect(\n mapStateToProps,\n mapDispatchToProps,\n);\n\nexport default compose(\n withConnect,\n)(SelectCollapsible);\n\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Checkbox } from 'antd';\n\nimport { createStructuredSelector } from 'reselect';\nimport injectReducer from 'utils/injectReducer';\nimport injectSaga from 'utils/injectSaga';\nimport { connect } from 'react-redux';\nimport { compose } from 'redux';\nimport reducer from '../CatalogSearch/reducer';\nimport saga from '../CatalogSearch/saga';\n\nimport { makeSelectSelectedParams } from '../CatalogSearch/selectors';\nimport { updateParam } from '../CatalogSearch/actions';\n\nimport './styles.scss';\nimport { getObjByAttribute } from '../../utils/common';\n\nclass Multiselect extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n show: false,\n };\n }\n\n handleOnShow = e => {\n this.setState(prevState => ({\n show: !prevState.show,\n }));\n };\n\n handeOnChange = (checked, value, name, label, selected) => {\n // const { selected } = this.state;\n if (checked) {\n selected.add(value);\n } else {\n selected.delete(value);\n }\n // this.setState({ selected });\n this.props.updateValue({\n name,\n value: [...selected],\n label,\n });\n };\n\n render() {\n const { label, options, name, unit, selectedParams } = this.props;\n const { show } = this.state;\n const current = getObjByAttribute(selectedParams, 'name', name);\n let selected = new Set();\n\n if (current !== null && current.value !== null) {\n selected = new Set(current.value);\n }\n return (\n \n {label}\n \n {show ? (\n \n ) : (\n \n )}\n \n
\n {show && (\n\n {options.map((item, key) => (\n this.handeOnClick(item.value, item.name)}\n >\n {' '}\n {unit.length > 0 && `${unit} `}\n {item.label}{' '}\n
\n ))}\n \n
\n );\n }\n}\n\nMultiselect.defaultProps = {\n unit: '',\n};\nMultiselect.propTypes = {\n label: PropTypes.string.isRequired,\n name: PropTypes.string.isRequired,\n options: PropTypes.array.isRequired,\n unit: PropTypes.string,\n};\n\nconst mapStateToProps = createStructuredSelector({\n selectedParams: makeSelectSelectedParams(),\n});\nexport function mapDispatchToProps(dispatch) {\n return {\n updateValue: values => dispatch(updateParam(values)),\n };\n}\n\nconst withConnect = connect(\n mapStateToProps,\n mapDispatchToProps,\n);\n\nexport default compose(\n withConnect,\n)(Multiselect);\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { createStructuredSelector } from 'reselect';\nimport injectReducer from 'utils/injectReducer';\nimport injectSaga from 'utils/injectSaga';\nimport { connect } from 'react-redux';\nimport { compose } from 'redux';\nimport reducer from '../CatalogSearch/reducer';\nimport saga from '../CatalogSearch/saga';\n\nimport { makeSelectSelectedParams } from '../CatalogSearch/selectors';\nimport { updateParam } from '../CatalogSearch/actions';\n\nimport './styles.scss';\nimport { getObjByAttribute } from '../../utils/common';\n\nclass MultiselectWithIcon extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n show: false,\n };\n }\n\n handeOnSelect = (selected, value) => {\n if (selected.has(value)) selected.delete(value);\n else selected.add(value);\n\n this.props.updateValue({\n name: this.props.name,\n value: [...selected],\n label: this.props.label,\n });\n };\n\n handleOnShow = e => {\n this.setState(prevState => ({\n show: !prevState.show,\n }));\n };\n\n render() {\n const { label, name, options, selectedParams } = this.props;\n const { show } = this.state;\n const current = getObjByAttribute(selectedParams, 'name', name);\n let selected = new Set();\n\n if( current !== null && current.value !== null ){\n selected = new Set(current.value);\n }\n return (\n \n {label}\n \n {show ? (\n \n ) : (\n \n )}\n \n
\n {show && (\n\n {options.map((item, key) => (\n
\n )}\n \n \n this.handeOnChange(\n e.target.checked,\n item.value,\n name,\n label,\n selected,\n )\n }\n >\n {unit.length > 0 && `${unit} `} {item.label}\n \n
\n
\n ))}\n \n
\n \n {label}\n
\n {show && (\n
\n );\n }\n}\n\nMultiselectWithIcon.defaultProps = {};\nMultiselectWithIcon.propTypes = {\n label: PropTypes.string.isRequired,\n name: PropTypes.string.isRequired,\n options: PropTypes.array.isRequired,\n selectedParams: PropTypes.array,\n};\n\nconst mapStateToProps = createStructuredSelector({\n selectedParams: makeSelectSelectedParams(),\n});\nexport function mapDispatchToProps(dispatch) {\n return {\n updateValue: values => dispatch(updateParam(values)),\n };\n}\nconst withConnect = connect(\n mapStateToProps,\n mapDispatchToProps,\n);\n\nexport default compose(\n withConnect,\n)(MultiselectWithIcon);\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { createStructuredSelector } from 'reselect';\nimport injectReducer from 'utils/injectReducer';\nimport injectSaga from 'utils/injectSaga';\nimport { connect } from 'react-redux';\nimport { compose } from 'redux';\nimport reducer from './reducer';\nimport saga from './saga';\n\nimport { makeSelectParam, makeSelectLoading } from './selectors';\nimport { getFilters } from './actions';\n\nimport SelectCollapsibleFilter from '../SearchCatalogFilters/selectCollapsible';\nimport MultiselectFilter from '../SearchCatalogFilters/multiselect';\nimport MultiselectWithIconFilter from '../SearchCatalogFilters/multiselectWithIcon';\n\nimport './styles.scss';\n\nclass Search extends React.Component {\n constructor(props) {\n super(props);\n this.state = {};\n }\n\n componentDidMount() {\n this.props.loadFilters();\n }\n\n render() {\n const { params, loading } = this.props;\n\n if (loading || !params.hasOwnProperty('brands')) return null;\n\n const {\n brands,\n deposits,\n distances,\n fuels,\n brokers,\n products,\n monthly_rates,\n status,\n customerType,\n durations,\n categories,\n gears,\n noviceDriver,\n delivery_times,\n } = params;\n\n return (\n \n {label}\n \n {show ? (\n \n ) : (\n \n )}\n \n
\n {show && (\n - \n {options.map((item, key) => (\n
\n
\n );\n }\n}\n\nSearch.defaultProps = {};\n\nSearch.propTypes = {\n loadFilters: PropTypes.func.isRequired,\n};\n\nconst mapStateToProps = createStructuredSelector({\n params: makeSelectParam(),\n loading: makeSelectLoading(),\n});\nexport function mapDispatchToProps(dispatch) {\n return {\n loadFilters: () => dispatch(getFilters()),\n };\n}\n\nconst withReducer = injectReducer({ key: 'catalogSearch', reducer });\nconst withSaga = injectSaga({ key: 'catalogSearch', saga });\n\nconst withConnect = connect(\n mapStateToProps,\n mapDispatchToProps,\n);\n\nexport default compose(\n withReducer,\n withSaga,\n withConnect,\n)(Search);\n","import { put, takeLatest, all, select } from 'redux-saga/effects';\n\nfunction* actionWatcher() {}\n\nexport default function* optionData() {\n yield all([actionWatcher()]);\n}\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport injectReducer from 'utils/injectReducer';\nimport injectSaga from 'utils/injectSaga';\nimport { connect } from 'react-redux';\nimport { compose } from 'redux';\nimport Badge from '../SearchFilters/badge';\nimport reducer from './reducer';\nimport saga from './saga';\nimport { addOption, removeOption, showTag, hideTag } from './actions';\nimport { removeParam } from '../CatalogSearch/actions';\n\nclass Tags extends React.Component {\n constructor(props) {\n super(props);\n this.state = {};\n }\n\n handleOnClick = (value, label, name, active) => {\n if (active) {\n if (name.length > 0) {\n this.props.removeParam(name);\n } else {\n this.props.removeOption(value);\n this.props.showTag(value);\n }\n } else {\n this.props.addOption(value, label);\n this.props.hideTag(value);\n }\n };\n\n render() {\n const { active, tags, params } = this.props;\n\n return (\n \n {tags.map((item, key) => {\n if (item === undefined) return null;\n\n const name = item.hasOwnProperty('name') ? item.name : '';\n let label = `${item.label}: `\n\n if (Array.isArray(item.value) && item.value.length > 1) {\n const itemValues = item.value.map(itemValue => {\n if (params[item.name] !== undefined) {\n const paramItem = params[item.name].find(el => el.value === itemValue);\n return paramItem.label;\n }\n\n return itemValue;\n });\n\n if (itemValues.length > 2) {\n label += itemValues.join(', ');\n } else {\n let [valueFrom, valueTo] = itemValues\n valueFrom = typeof valueFrom === 'number' ? valueFrom.toLocaleString('it') : valueFrom\n valueTo = typeof valueTo === 'number' ? valueTo.toLocaleString('it') : valueTo\n\n if (valueFrom === valueTo) {\n label += `${valueFrom}`\n } else {\n label += `${valueFrom}, ${valueTo}`;\n }\n }\n } else {\n const itemValue = Array.isArray(item.value) ? item.value[0] : item.value;\n\n if (params[item.name] !== undefined) {\n const paramItem = params[item.name].find(el => el.value === itemValue);\n label += paramItem.label;\n } else {\n label += itemValue;\n }\n }\n\n return (\n \n this.handleOnClick(item.value, item.label, name, active)\n }\n />\n );\n })}\n
\n );\n }\n}\n\nTags.defaultProps = {\n active: false,\n params: []\n};\n\nTags.propTypes = {\n tags: PropTypes.array.isRequired,\n active: PropTypes.bool,\n params: PropTypes.any,\n};\n\nexport function mapDispatchToProps(dispatch) {\n return {\n addOption: (value, label) => dispatch(addOption(value, label)),\n removeOption: value => dispatch(removeOption(value)),\n removeParam: name => dispatch(removeParam(name)),\n showTag: value => dispatch(showTag(value)),\n hideTag: value => dispatch(hideTag(value)),\n };\n}\n\nconst withReducer = injectReducer({ key: 'filters', reducer });\nconst withSaga = injectSaga({ key: 'filters', saga });\nconst withConnect = connect(\n null,\n mapDispatchToProps,\n);\n\nexport default compose(\n withReducer,\n withSaga,\n withConnect,\n)(Tags);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport SortIcon from '-!svg-react-loader!./assets/sort.svg?name=SortIcon';\n\nimport injectReducer from 'utils/injectReducer';\nimport injectSaga from 'utils/injectSaga';\nimport { connect } from 'react-redux';\nimport { compose } from 'redux';\nimport { createStructuredSelector } from 'reselect';\nimport { Row, Col } from 'reactstrap';\nimport { Button } from 'antd';\nimport reducer from './reducer';\nimport saga from './saga';\nimport { removeAllOptions, showAllTags, orderBy } from './actions';\nimport {\n makeSelectFiltersOption,\n makeSelectSort,\n makeSelectSelectedSort,\n} from './selectors';\n\nimport { resetParams, downloadOffers } from '../CatalogSearch/actions';\nimport { makeSelectLabels, makeSelectParam } from '../CatalogSearch/selectors';\n\nimport Tags from './tags';\n\nimport './styles.scss';\nimport {\n SECTION_DESCRIPTION,\n SECTION_TITLE,\n SECTION_SINGLE_TITLE,\n DOWNLOAD_LIST,\n} from './constants';\n\nclass HorizontalFilter extends React.Component {\n constructor(props) {\n super(props);\n this.state = {};\n }\n\n onCancelClick = () => {\n this.props.clearFilters();\n this.props.clearParams();\n this.props.showTags();\n };\n\n onOrderChange = e => {\n this.props.orderBy(e.target.value);\n };\n\n handleDownloadList = () => {\n this.props.downloadOffers();\n }\n\n render() {\n const {\n results,\n sort,\n selectedSort,\n selectedTags,\n activeFilters,\n params,\n id,\n label\n } = this.props;\n const selected = [...selectedTags, ...activeFilters];\n\n return (\n \n
\n );\n }\n}\n\nHorizontalFilter.defaultProps = {};\nHorizontalFilter.propTypes = {\n results: PropTypes.number.isRequired,\n};\n\nconst mapStateToProps = createStructuredSelector({\n selectedTags: makeSelectFiltersOption(),\n activeFilters: makeSelectLabels(),\n sort: makeSelectSort(),\n selectedSort: makeSelectSelectedSort(),\n params: makeSelectParam(),\n});\n\nexport function mapDispatchToProps(dispatch) {\n return {\n clearFilters: () => dispatch(removeAllOptions()),\n clearParams: () => dispatch(resetParams()),\n showTags: () => dispatch(showAllTags()),\n orderBy: value => dispatch(orderBy(value)),\n downloadOffers: () => dispatch(downloadOffers()),\n };\n}\n\nconst withReducer = injectReducer({ key: 'catalogFilter', reducer });\nconst withSaga = injectSaga({ key: 'catalogFilter', saga });\n\nconst withConnect = connect(\n mapStateToProps,\n mapDispatchToProps,\n);\n\nexport default compose(\n withReducer,\n withSaga,\n withConnect,\n)(HorizontalFilter);\n","import { put, takeLatest, all, select } from 'redux-saga/effects';\n\nfunction* actionWatcher() {}\n\nexport default function* optionData() {\n yield all([actionWatcher()]);\n}\n","import React from 'react';\nimport { Pagination } from 'antd';\nimport { createStructuredSelector } from 'reselect';\nimport injectReducer from 'utils/injectReducer';\nimport injectSaga from 'utils/injectSaga';\nimport { connect } from 'react-redux';\nimport { compose } from 'redux';\nimport reducer from './reducer';\nimport saga from './saga';\n\nimport { makeSelectPaginator } from './selectors';\nimport { setPage } from './actions';\n\nimport 'antComponentsStyle';\nimport './styles.scss';\n\nclass Paginator extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n currentPage: this.props.paginator.currentPage || 1\n };\n }\n\n componentDidUpdate(prevProps) {\n if (prevProps.paginator.currentPage !== this.props.paginator.currentPage) {\n this.setState({currentPage: this.props.paginator.currentPage})\n }\n }\n\n pageItemRender = (current, type, originalElement) => {\n if (type === 'prev') {\n return Indietro;\n }\n if (type === 'next') {\n return Avanti;\n }\n return originalElement;\n }\n\n setPage = page => {\n this.props.setPage(page);\n this.setState({currentPage: page})\n }\n\n render() {\n const { paginator } = this.props;\n const { currentPage } = this.state;\n\n return (\n \n \n {`${results} ${results === 1 ? SECTION_SINGLE_TITLE : SECTION_TITLE}`}\n\n
\n\n {selected.length > 0 && (\n \n
\n )}\n
\n \n
\n \n \n \n {sort.map((item, key) => (\n \n ))}\n \n
\n \n {`${results} ${results === 1 ? SECTION_SINGLE_TITLE : SECTION_TITLE}`}\n\n \n {DOWNLOAD_LIST}\n \n
\n\n {selected.length > 0 && (\n \n Rimuovi i filtri\n
\n \n \n
\n );\n }\n}\n\nPaginator.defaultProps = {};\nPaginator.propTypes = {};\n\nconst mapStateToProps = createStructuredSelector({\n paginator: makeSelectPaginator(),\n});\nexport function mapDispatchToProps(dispatch) {\n return {\n setPage: pageNumber => dispatch(setPage(pageNumber)),\n };\n}\n\nconst withReducer = injectReducer({ key: 'paginator', reducer });\nconst withSaga = injectSaga({ key: 'paginator', saga });\n\nconst withConnect = connect(\n mapStateToProps,\n mapDispatchToProps,\n);\n\nexport default compose(\n withReducer,\n withSaga,\n withConnect,\n)(Paginator);\n","import React from 'react';\nimport { Pagination } from 'antd';\nimport { createStructuredSelector } from 'reselect';\nimport { connect } from 'react-redux';\nimport { compose } from 'redux';\n\nimport { withQuotationReducer } from 'containers/Quotations/withReducer';\n\nimport { makeSelectPaginator } from 'containers/Quotations/selectors';\nimport { setPage } from 'containers/Quotations/actions';\n\nimport 'antComponentsStyle';\nimport './styles.scss';\n\nclass Paginator extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n currentPage: this.props.paginator.currentPage || 1\n };\n }\n\n componentDidUpdate(prevProps) {\n if (prevProps.paginator.currentPage !== this.props.paginator.currentPage) {\n this.setState({currentPage: this.props.paginator.currentPage})\n }\n }\n\n pageItemRender = (current, type, originalElement) => {\n if (type === 'prev') {\n return Indietro;\n }\n if (type === 'next') {\n return Avanti;\n }\n return originalElement;\n }\n\n setPage = page => {\n this.props.setPage(page);\n this.setState({currentPage: page})\n }\n\n render() {\n const { paginator } = this.props;\n const { currentPage } = this.state;\n\n return (\n \n
\n \n
\n \n
\n - \n
\n
\n );\n }\n}\n\nPaginator.defaultProps = {};\nPaginator.propTypes = {};\n\nconst mapStateToProps = createStructuredSelector({\n paginator: makeSelectPaginator(),\n});\nexport function mapDispatchToProps(dispatch) {\n return {\n setPage: pageNumber => dispatch(setPage(pageNumber)),\n };\n}\n\nconst withConnect = connect(\n mapStateToProps,\n mapDispatchToProps,\n);\n\nexport default compose(\n withQuotationReducer,\n withConnect,\n)(Paginator);\n","import React from 'react';\nimport Skeleton from 'react-skeleton-loader';\nimport { Card, CardImg, CardBody } from 'reactstrap';\nimport { Link } from 'react-router-dom';\nimport configs from 'configs';\nimport './styles/carItem.scss';\n\n\nconst SkeletonCarItem = () => {\n return (\n \n
\n \n
\n \n
\n - \n
\n \n
\n );\n }\n}\n\nCarImages.propTypes = {\n upload: PropTypes.func.isRequired,\n};\n\nexport function mapDispatchToProps(dispatch) {\n return {\n upload: (files, car, offer) => dispatch(uploadRequest(files, car, offer)),\n download: (carId, carBrand, carModel, imagesType) => dispatch(downloadImages(carId, carBrand, carModel, imagesType)),\n setMain: imageId => dispatch(setMain(imageId)),\n deleteImage: imageId => dispatch(deleteImage(imageId)),\n deleteAll: carId => dispatch(deleteAll(carId)),\n };\n}\n\nconst mapStateToProps = createStructuredSelector({\n photos: makeSelectImages(),\n car: makeSelectCar(),\n offerId: makeSelectOfferId(),\n loading: makeSelectIsLoading(),\n downloadLoading: makeSelectDownloadIsLoading(),\n featureAllowed: (state, featureSlug) => featureAllowed(state, featureSlug),\n});\n\nconst withConnect = connect(\n mapStateToProps,\n mapDispatchToProps,\n);\n\nconst withSaga = injectSaga({ key: 'carImages', saga });\n\nexport default compose(\n withCarSelectorReducer,\n withSaga,\n withConnect,\n)(CarImages);\n","/*\n * OfferValue Messages\n *\n * This contains all the text for the Offer Value component.\n */\nimport { defineMessages } from 'react-intl';\nimport configs from \"configs\"\nimport {\n DEPOSIT_RANGE,\n DISTANCE_YEARS_RANGE,\n DURATION_RANGE,\n MONTHLY_RATE_RANGE,\n} from 'containers/App/constants';\n\nexport const scope = 'app.components.OfferValue';\n\nexport default defineMessages({\n brokers: {\n id: `${scope}.brokers`,\n title: 'Provider',\n defaultMessage: \"Seleziona il provider\",\n errorMessage: `Provider selezionato non valido`,\n name: 'provider',\n },\n products: {\n id: `${scope}.products`,\n title: 'Prodotto',\n defaultMessage: \"Seleziona il prodotto\",\n errorMessage: `Prodotto selezionato non valido`,\n name: 'product',\n },\n price: {\n id: `${scope}.price`,\n title: 'Canone Mensile',\n defaultMessage: configs.messages[scope].price,\n errorMessage: `Inserisci un valore compreso tra ${MONTHLY_RATE_RANGE.min} e ${MONTHLY_RATE_RANGE.max}`,\n name: 'price',\n },\n deposit: {\n id: `${scope}.deposit`,\n title: 'Anticipo',\n defaultMessage: configs.messages[scope].deposit,\n errorMessage: `Inserisci un valore compreso tra ${DEPOSIT_RANGE.min} e ${DEPOSIT_RANGE.max}`,\n name: 'deposit',\n },\n duration: {\n id: `${scope}.duration`,\n title: 'Durata',\n defaultMessage: 'Seleziona la durata del contratto di Noleggio a Lungo Termine',\n errorMessage: `Inserisci un valore compreso tra ${DURATION_RANGE.min} e ${DURATION_RANGE.max}`,\n name: 'duration',\n unit: 'Mesi',\n },\n distance: {\n id: `${scope}.distance`,\n title: 'Distanza',\n defaultMessage: 'Seleziona il numero di chilometri su base annua',\n errorMessage: `Inserisci un valore compreso tra ${DISTANCE_YEARS_RANGE.min} e ${DISTANCE_YEARS_RANGE.max}`,\n name: 'distance',\n unit: 'Km/Anno',\n },\n});\n","import { put, takeLatest, all, select } from 'redux-saga/effects';\nimport { API_URL } from 'containers/App/constants';\nimport { LOAD_DELIVERY_TIMES, LOAD_BROKERS, SET_OFFER_BROKER, LOAD_PRODUCTS } from './constants'\nimport { setDeliveryTimes, setBrokers, setProducts } from './actions';\nimport { makeSelectBroker } from './selectors';\nimport { getRequestHeadersAsLogged, responseHandler } from '../../utils/auth';\n\nfunction* fetchDeliveryTimes() {\n const requestURL = `${API_URL}catalog/delivery-times`;\n\n try {\n const parameters = {\n method: 'GET',\n headers: getRequestHeadersAsLogged(),\n };\n\n const response = yield fetch(requestURL, parameters).then(response =>\n responseHandler(response)\n );\n\n yield put(setDeliveryTimes(response));\n } catch (err) {\n console.log('request error', err);\n }\n}\n\nfunction* fetchBrokers() {\n const requestURL = `${API_URL}catalog/brokers`;\n\n try {\n const parameters = {\n method: 'GET',\n headers: getRequestHeadersAsLogged(),\n };\n\n const response = yield fetch(requestURL, parameters).then(response =>\n responseHandler(response)\n );\n\n yield put(setBrokers(response));\n } catch (err) {\n console.log('request error', err);\n }\n}\n\nfunction* fetchProducts() {\n const selectedBroker = yield select(makeSelectBroker());\n\n if (selectedBroker) {\n const requestURL = `${API_URL}catalog/products?provider=${selectedBroker}`;\n\n try {\n const parameters = {\n method: 'GET',\n headers: getRequestHeadersAsLogged(),\n };\n\n const response = yield fetch(requestURL, parameters).then(response =>\n responseHandler(response)\n );\n\n yield put(setProducts(response));\n } catch (err) {\n console.log('request error', err);\n }\n }\n}\n\nfunction* actionWatcher() {\n yield takeLatest(LOAD_DELIVERY_TIMES, fetchDeliveryTimes);\n yield takeLatest(LOAD_BROKERS, fetchBrokers);\n yield takeLatest([SET_OFFER_BROKER, LOAD_PRODUCTS], fetchProducts);\n}\n\nexport default function* offerValueData() {\n yield all([actionWatcher()]);\n}\n","/**\n * Validate input number\n * @param value\n * @param min\n * @param max\n * @returns {boolean}\n */\nexport function isInputNumberValid(value, min, max) {\n return !((value - min) * (value - max) <= 0);\n}\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport injectReducer from 'utils/injectReducer';\nimport injectSaga from 'utils/injectSaga';\nimport { connect } from 'react-redux';\nimport { compose } from 'redux';\nimport messages from './messages';\nimport {\n DISTANCE_YEARS_RANGE,\n DURATION_RANGE,\n MONTHLY_RATE_RANGE,\n DEPOSIT_RANGE,\n} from 'containers/App/constants';\n\nimport { createStructuredSelector } from 'reselect';\nimport reducer from './reducer';\nimport saga from './saga';\n\nimport {\n loadDeliveryTimes,\n loadBrokers,\n loadProducts,\n setMonthlyRate,\n setDeposit,\n setDistance,\n setNotes,\n setPrivateNotes,\n setDuration,\n setRightLabel,\n setFastDelivery,\n setDeliveryTime,\n setBroker,\n setProduct,\n setReference,\n hasError,\n} from './actions';\n\nimport {\n makeSelectDeposit,\n makeSelectDistance,\n makeSelectMonthlyRate,\n makeSelectDuration,\n makeSelectRightLabel,\n makeSelectFastDelivery,\n makeSelectDeliveryTime,\n makeSelectDeliveryTimes,\n makeSelectBrokers,\n makeSelectBroker,\n makeSelectProducts,\n makeSelectProduct,\n makeSelectNotes,\n makeSelectPrivateNotes,\n makeSelectReference,\n} from './selectors';\n\nimport { Form, Input, Select, Checkbox } from 'antd';\nimport './styles.scss';\n\nimport { isInputNumberValid } from 'containers/App/utils/validator';\n\nimport configs from 'configs';\n\nclass OfferValue extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n monthlyRateError: false,\n depositError: false,\n durationError: false,\n distanceError: false,\n brokerError: false,\n duration: DURATION_RANGE.min * 3,\n distance: (DISTANCE_YEARS_RANGE.min / 1000) * 15,\n };\n\n this.handleOnMonthlyRateChange = this.handleOnMonthlyRateChange.bind(this);\n this.handleOnDepositChange = this.handleOnDepositChange.bind(this);\n this.handleOnDurationChange = this.handleOnDurationChange.bind(this);\n this.handleOnDistanceChange = this.handleOnDistanceChange.bind(this);\n this.handleOnRightLabelChange = this.handleOnRightLabelChange.bind(this);\n this.handleOnDeliveryTimeChange = this.handleOnDeliveryTimeChange.bind(this);\n this.handleOnBrokerChange = this.handleOnBrokerChange.bind(this);\n this.handleOnProductChange = this.handleOnProductChange.bind(this);\n this.handleOnFastDeliveryChange = this.handleOnFastDeliveryChange.bind(this);\n this.handleOnNotesChange = this.handleOnNotesChange.bind(this);\n this.handleOnPrivateNotesChange = this.handleOnPrivateNotesChange.bind(this);\n this.handleOnReferenceChange = this.handleOnReferenceChange.bind(this);\n }\n\n componentDidMount() {\n this.props.loadDeliveryTimes();\n this.props.loadBrokers();\n this.props.loadProducts();\n }\n\n handleOnMonthlyRateChange({target: {value}}) {\n const monthlyRateError = isInputNumberValid(\n value,\n MONTHLY_RATE_RANGE.min,\n MONTHLY_RATE_RANGE.max,\n );\n this.setState({ monthlyRateError }, () => {\n this.props.setMonthlyRate(parseInt(value));\n this.validateInputs();\n });\n }\n\n handleOnDepositChange({target: {value}}) {\n const depositError = isInputNumberValid(\n value,\n DEPOSIT_RANGE.min,\n DEPOSIT_RANGE.max,\n );\n this.setState({ depositError }, () => {\n this.props.setDeposit(parseInt(value));\n this.validateInputs();\n });\n }\n\n handleOnDurationChange({target: {value}}) {\n const durationError = isInputNumberValid(\n value,\n DURATION_RANGE.min,\n DURATION_RANGE.max,\n );\n this.setState({ durationError }, () => {\n this.props.setDuration(parseInt(value));\n this.validateInputs();\n });\n }\n\n handleOnDistanceChange({target: {value}}) {\n this.props.setDistance(parseInt(value));\n const distanceError = isInputNumberValid(\n value,\n DISTANCE_YEARS_RANGE.min,\n DISTANCE_YEARS_RANGE.max,\n );\n this.setState({ distanceError }, () => {\n this.props.setDistance(parseInt(value));\n this.validateInputs();\n });\n }\n\n handleOnNotesChange({target: {value}}) {\n this.props.setNotes(value);\n }\n\n handleOnPrivateNotesChange({target: {value}}) {\n this.props.setPrivateNotes(value);\n }\n\n handleOnRightLabelChange(value) {\n this.props.setRightLabel(value, configs.tags[value]);\n }\n\n handleOnDeliveryTimeChange(value) {\n this.props.setDeliveryTime(value);\n }\n\n handleOnBrokerChange(value) {\n this.props.setBroker(value);\n }\n\n handleOnProductChange(value) {\n this.props.setProduct(value);\n }\n\n handleOnFastDeliveryChange({target: {checked}}) {\n this.props.setFastDelivery(checked);\n }\n\n handleOnReferenceChange({target: {value}}) {\n this.props.setReference(value);\n }\n\n validateInputs() {\n if (\n !this.state.monthlyRateError &&\n !this.state.depositError &&\n !this.state.durationError &&\n !this.state.distanceError\n ) {\n this.props.hasError(false);\n } else {\n this.props.hasError(true);\n }\n }\n\n render() {\n const {\n monthlyRate,\n distance,\n duration,\n deposit,\n right_label,\n fastDelivery,\n deliveryTime,\n deliveryTimes,\n brokers,\n products,\n broker,\n product,\n referenceCode,\n notes,\n private_notes,\n } = this.props;\n\n const tags = configs.tags\n ? Object.entries(configs.tags).map(([key, label]) => ({\n value: key,\n label,\n }))\n : [];\n\n const rightLabel = tags.some(tag => tag.value === right_label.key) ? right_label : {}\n\n return (\n \n \n
\n );\n};\n\nexport default SkeletonCarItem;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Row, Col } from 'reactstrap';\nimport CarItemSkeletron from './carItem';\nimport './styles/carItemsList.scss';\n\nconst index = props => {\n const { size } = props;\n const carsTpl = [];\n for (let i = 0; i < size; i++) {\n carsTpl.push(\n \n \n \n
\n \n \n
\n \n
\n \n
\n \n
\n
\n \n - \n
- \n
\n {carsTpl}
\n
\n );\n};\n\nindex.propTypes = {\n size: PropTypes.number.isRequired,\n};\n\nexport default index;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport {Animated} from \"react-animated-css\";\nimport Lock from \"-!svg-react-loader!./assets/img/lock.svg?name=Lock\";\nimport './styles.scss';\n\nclass Spinner extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n time: props.time,\n isRunning: false,\n hadFinish: false,\n };\n\n this.tick = this.tick.bind(this);\n }\n\n tick() {\n if (!this.state.isRunning) this.setState({ isRunning: true });\n\n if (this.state.time > 0) {\n this.setState({ time: this.state.time - 1 });\n } else {\n //this.props.hideLoader();\n clearInterval(this.timer);\n this.setState({ hadFinish: true });\n }\n }\n\n componentDidMount() {\n // this.setState({ isServer: typeof window !== 'undefined' });\n }\n\n componentDidUpdate(prevProps, prevState, snapshot) {\n /* const { hadFinish } = this.state;\n if (hadFinish && prevProps.loader !== this.props.loader) {\n this.setState({\n time: this.props.time,\n isRunning: false,\n });\n } */\n }\n\n render() {\n const { loader } = this.props;\n const { time, isRunning } = this.state;\n /* if (loader && !isRunning) {\n this.timer = setInterval(this.tick, 1000);\n }\n\n if (!loader) return null;\n*/\n return (\n \n \n \n \n Stiamo inoltrando la tua richiesta al nostro Assistente Virtuale...{' '}\n \n \n \n \n \n );\n }\n };\n\nrightSideModal.propTypes = {\n WrappedComponent: PropTypes.element,\n closeModal: PropTypes.function,\n};\n\nexport function mapDispatchToProps(dispatch) {\n return {\n closeModal: () => dispatch(close()),\n };\n}\n\nconst mapStateToProps = createStructuredSelector({\n openModal: makeSelectRightModal(),\n});\n\nconst withReducer = injectReducer({ key: 'modal', reducer });\nconst withSaga = injectSaga({ key: 'modal', saga });\n\nconst withConnect = connect(\n mapStateToProps,\n mapDispatchToProps,\n);\n\nexport default compose(\n withReducer,\n withSaga,\n withConnect,\n rightSideModal,\n);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withRouter } from 'react-router-dom';\nimport { Row, Col, Input } from 'reactstrap';\nimport { FormattedMessage } from 'react-intl';\nimport messages from './messages';\n\nimport { connect } from 'react-redux';\nimport { createStructuredSelector } from 'reselect';\nimport { compose } from 'redux';\nimport injectReducer from 'utils/injectReducer';\nimport injectSaga from 'utils/injectSaga';\n\nimport reducer from 'containers/Offer/reducer';\nimport saga from 'containers/Offer/saga';\n\nimport RightSideModal from '../Modal/right';\n\n\n\nimport './customer.scss';\n\nimport * as Validator from '../CarQuote/validator';\nimport { CONTRACTUAL_CATEGORIES } from '../CarQuote/constants';\nimport {\n makeSelectQuotationCode,\n makeSelectQuote,\n} from '../CarQuote/selectors';\nimport { sendQuote } from 'containers/Offer/actions';\nimport { resetCustomer } from './actions';\nimport { displayAssistant } from 'containers/Quotation/actions';\nimport {\n makeSelectOfferSelector,\n makeSelectServicesSelector,\n makeSelectAccessoriesCodesSelector,\n makeSelectColorCodesSelector,\n makeSelectMonthlyRateSelector,\n} from '../CustomizeOffer/selectors';\n\n\nclass CustomerForm extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n customer: { ...props.customer },\n error: {\n first_name: false,\n last_name: false,\n email: false,\n phone: false,\n zip_code: false,\n employee_category: false,\n fiscal_code: false,\n vat_number: false,\n business_name: false,\n\n deposit: false,\n duration: false,\n distance: false,\n\n franchise_kasko: false,\n franchise_insurance: false,\n },\n isComplete: false,\n submitted: false,\n submitting: false,\n redirectTo: false,\n };\n\n this.firstNameRef = React.createRef();\n this.lastNameRef = React.createRef();\n this.emailRef = React.createRef();\n this.phoneRef = React.createRef();\n this.postalRef = React.createRef();\n this.categoryRef = React.createRef();\n this.fiscalRef = React.createRef();\n this.vatRef = React.createRef();\n }\n\n onFirstNameChange = e => {\n const first_name = e.target.value;\n this.setState(prevState => ({\n customer: { ...prevState.customer, first_name },\n }));\n };\n\n onLastNameChange = e => {\n const last_name = e.target.value;\n this.setState(prevState => ({\n customer: { ...prevState.customer, last_name },\n }));\n };\n\n onEmailChange = e => {\n const email = e.target.value.trim();\n this.setState(prevState => ({\n customer: { ...prevState.customer, email },\n }));\n };\n\n onPhoneChange = e => {\n const input_phone = e.target.value;\n const phone = input_phone.replace('+39', '');\n this.setState(prevState => ({\n customer: { ...prevState.customer, phone: phone.trim() },\n }));\n };\n\n onFiscalCodeChange = e => {\n const fiscal_code = e.target.value.trim().toUpperCase();\n this.setState(() => ({ fiscal_code }));\n this.setState(prevState => ({\n customer: { ...prevState.customer, fiscal_code },\n }));\n };\n\n onPostalCodeChange = e => {\n const zip_code = e.target.value.trim();\n this.setState(prevState => ({\n customer: { ...prevState.customer, zip_code },\n }));\n };\n\n onVatNumberChange = e => {\n const vat_number = e.target.value.trim();\n this.setState(prevState => ({\n customer: { ...prevState.customer, vat_number },\n }));\n };\n\n onBusinessNameChange = e => {\n const business_name = e.target.value;\n this.setState(prevState => ({\n customer: { ...prevState.customer, business_name },\n }));\n };\n\n onEmployeeCategoryChange = e => {\n const employee_category = e.target.value;\n const dataset = e.target.options[e.target.selectedIndex].dataset;\n const employee_type = dataset.employeetype;\n const employee_secondary_type = dataset.secondaryemployeetype;\n\n this.setState(prevState => ({\n customer: {\n ...prevState.customer,\n employee_category,\n employee_type,\n employee_secondary_type,\n },\n }));\n };\n\n onNotesChange = e => {\n const note = e.target.value.trim();\n this.setState(prevState => ({ customer: { ...prevState.customer, note } }));\n };\n\n validatePhone = () => {\n const phone = this.state.customer.phone;\n const isValid = Validator.validatePhone(phone);\n this.setState(prevState => ({\n error: { ...prevState.error, phone: !isValid },\n }));\n\n return isValid;\n };\n\n validate = (condition, field) => {\n let isValid = true;\n if (condition) isValid = false;\n this.setState({\n error: {\n ...this.state.error,\n [field]: !isValid,\n },\n });\n return isValid;\n };\n\n isValid() {\n let valid = true;\n const errors = {};\n const { customer } = this.state;\n\n if (customer.first_name.length < 1) {\n valid = false;\n errors.first_name = true;\n }\n\n if (customer.last_name.length < 1) {\n valid = false;\n errors.last_name = true;\n this.scrollTo(this.lastNameRef);\n }\n\n if (!Validator.validateEmail(customer.email)) {\n valid = false;\n errors.email = true;\n this.scrollTo(this.emailRef);\n }\n\n if (!Validator.validatePhone(customer.phone)) {\n valid = false;\n errors.phone = true;\n this.scrollTo(this.phoneRef);\n }\n\n if (!Validator.validatePostalCode(customer.zip_code)) {\n valid = false;\n errors.zip_code = true;\n this.scrollTo(this.postalRef);\n }\n\n if (!customer.employee_category) {\n valid = false;\n errors.employee_category = true;\n this.scrollTo(this.categoryRef);\n }\n\n if (!Validator.validateFiscalCode(customer.fiscal_code)) {\n valid = false;\n errors.fiscal_code = true;\n this.scrollTo(this.fiscalRef);\n }\n\n if (\n customer.employee_type === 'BUSINESS' &&\n !Validator.validateVatNumber(customer.vat_number)\n ) {\n valid = false;\n errors.vat_number = true;\n this.scrollTo(this.vatRef);\n }\n\n if (\n customer.employee_secondary_type === 'BUSINESS' &&\n customer.business_name.length < 1\n ) {\n valid = false;\n errors.business_name = true;\n }\n\n this.setState(() => ({ error: errors }));\n return valid;\n }\n\n handleOnSendClick = e => {\n e.preventDefault();\n if (this.isValid()) {\n const { customer } = this.state;\n const {\n selectedOffer: offer,\n accessories,\n newMonthlyRate,\n colors,\n } = this.props;\n this.setState({ submitting: true });\n const quote = {\n code: offer.ref,\n selectedPrice: false,\n // Customer\n first_name: customer.first_name,\n last_name: customer.last_name,\n email: customer.email,\n phone: customer.phone,\n zip_code: customer.zip_code,\n\n // Employee\n employee_category: customer.employee_category,\n employee_type: customer.employee_type,\n fiscal_code: customer.fiscal_code,\n vat_number: customer.vat_number,\n company_name: customer.business_name,\n\n // Offer\n deposit: offer.deposit,\n duration: offer.duration,\n distance: offer.distance,\n note: customer.note,\n upload_documents: true,\n monthly_rate: newMonthlyRate,\n accessories,\n colors,\n };\n this.setState({ quote });\n if (!this.state.submitting) {\n this.props.sendQuote(quote);\n // this.props.displayAssistant(true) disativazione del salesbot su richiesta degli agenti\n this.props.displayAssistant(false);\n // reset customer informations\n // this.props.resetCustomer();\n }\n } else {\n this.scrollToValidate();\n }\n };\n\n scrollTo = ref => {\n ref.current.scrollIntoView({ behavior: 'smooth' });\n };\n\n scrollToValidate = () => {\n if (this.state.error.first_name) {\n this.scrollTo(this.firstNameRef);\n } else if (this.state.error.last_name) {\n this.scrollTo(this.lastNameRef);\n } else if (this.state.error.email) {\n this.scrollTo(this.emailRef);\n } else if (this.state.error.phone) {\n this.scrollTo(this.phoneRef);\n } else if (this.state.error.zip_code) {\n this.scrollTo(this.postalRef);\n } else if (this.state.error.employee_category) {\n this.scrollTo(this.categoryRef);\n } else if (this.state.error.fiscal_code) {\n this.scrollTo(this.fiscalRef);\n } else if (this.state.error.vat_number) {\n this.scrollTo(this.vatRef);\n }\n };\n\n componentDidMount() {\n if (this.state.customer.email.length < 1)\n this.setState(prevState => ({\n customer: { ...prevState.customer, fiscal_code: this.props.fiscalCode },\n }));\n }\n\n componentDidUpdate(prevProps) {\n if (this.props.quotationCode !== prevProps.quotationCode) {\n this.setState({ redirectTo: this.props.quotationCode });\n }\n }\n\n render() {\n const { error, customer } = this.state;\n if (this.state.redirectTo !== false) {\n this.props.history.push(`/quotations/${this.state.redirectTo}`);\n }\n return (\n \n \n \n \n \n \n );\n }\n}\n\nOfferDetailsSelector.defaultProps = {\n offers: [],\n};\n\nOfferDetailsSelector.propTypes = {\n offers: PropTypes.array,\n openModal: PropTypes.bool,\n};\n\nexport function mapDispatchToProps(dispatch) {\n return {\n close: () => dispatch(displayOffers(false)),\n selectOffer: offer => dispatch(offerSelected(offer)),\n };\n}\n\nconst mapStateToProps = createStructuredSelector({\n openModal: makeSelectDisplayOffers(),\n selectedOffer: makeSelectOfferSelector(),\n});\n\nconst withReducer = injectReducer({ key: 'offerDetailsSelector', reducer });\nconst withSaga = injectSaga({ key: 'offerDetailsSelector', saga });\n\nconst withConnect = connect(\n mapStateToProps,\n mapDispatchToProps,\n);\n\nexport default compose(\n withReducer,\n withSaga,\n withConnect,\n)(OfferDetailsSelector);\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { FormattedMessage } from 'react-intl';\n\nimport DistanceIcon from '-!svg-react-loader!./assets/img/distance.svg?name=DistanceIcon';\nimport DurationIcon from '-!svg-react-loader!./assets/img/duration.svg?name=DurationIcon';\nimport DepositIcon from '-!svg-react-loader!./assets/img/deposit.svg?name=DepositIcon';\nimport EditIcon from '-!svg-react-loader!./assets/img/edit.svg?name=EditIcon';\n\nimport { connect } from 'react-redux';\nimport { createStructuredSelector } from 'reselect';\nimport { compose } from 'redux';\nimport injectReducer from 'utils/injectReducer';\nimport injectSaga from 'utils/injectSaga';\nimport OfferDetailsSelector from './selector';\nimport Item from './item';\nimport { SmallActionButton } from '../UIKit';\nimport messages from './messages';\n\nimport reducer from './reducer';\nimport saga from './saga';\n\nimport { displayOffers } from './actions';\n\nimport './styles.scss';\n\nclass OfferDetails extends React.Component {\n constructor(props) {\n super(props);\n }\n\n handleOnClick = e => {\n e.preventDefault();\n this.props.open();\n };\n\n render() {\n const { deposit, distance, duration, childOffers } = this.props;\n const hasChildOffers = childOffers.length > 1;\n return (\n \n \n \n :\n \n \n \n }\n \n );\n};\n\nexport function mapDispatchToProps(dispatch) {\n return {\n printQuotation: quoteId => dispatch(printQuotation(quoteId)),\n };\n}\n\nconst withReducer = injectReducer({ key: 'quotationSidebar', reducer });\nconst withSaga = injectSaga({ key: 'quotationSidebar', saga });\n\nconst withConnect = connect(\n null,\n mapDispatchToProps,\n);\n\nexport default compose(\n withReducer,\n withSaga,\n withConnect,\n)(SidebarButtons);\n","import React from 'react';\nimport { Row, Col } from 'reactstrap';\nimport { Card, Avatar, Collapse, List, Icon, Affix, Divider } from 'antd';\nimport { FormattedMessage } from 'react-intl';\nimport classnames from 'classnames';\n\nimport SidebarButtons from './sidebar-buttons';\nimport { ExpiredTooltip } from 'components/UIKit';\n\nimport messages from './messages';\n\nimport 'antComponentsStyle';\n\nconst CardTitle = ({ proposalId, isExpired }) =>\n proposalId ? (\n isExpired ? (\n \n Preventivo numero #{proposalId.toString().padStart(5, '0')}\n \n ) : (\n <>Preventivo numero #{proposalId.toString().padStart(5, '0')}\n )\n ) : (\n <>\n );\n\nconst SidebarPreview = ({ proposal, price: offerPrice, currentStep, printAllowed, feeAllowed }) => {\n if(!proposal.quotation) {\n return <>;\n }\n\n let { car, quotation, selectedServices, equippedOptionals } = proposal;\n quotation = quotation && quotation.data ? quotation.data : {};\n\n if (!car) {\n car = quotation.offer.data.car\n }\n\n const price = proposal.price || offerPrice;\n const deposit = quotation.offer && quotation.offer.data ? quotation.offer.data.deposit : proposal.deposit;\n const duration = quotation.offer && quotation.offer.data ? quotation.offer.data.duration : proposal.duration;\n const distance = quotation.offer && quotation.offer.data ? quotation.offer.data.distance : proposal.distance;\n const bundle = quotation.offer && quotation.offer.data ? quotation.offer.data.bundle : proposal.bundle;\n\n const car_features = [\n {\n label: 'Alimentazione',\n description: car.fuel.name,\n },\n {\n label: 'Cambio',\n description: car.descrizione_cambio,\n },\n {\n label: 'Cilindrata',\n description: `${car.cilindrata} cc`,\n },\n {\n label: 'Posti',\n description: `${car.posti}`,\n },\n {\n label: 'Porte',\n description: `${car.porte}`,\n },\n {\n label: 'Dimensioni',\n description: `${car.larghezza} cm x ${car.lunghezza} cm x ${\n car.altezza\n } cm`,\n },\n {\n label: 'Capacità bagagliaio',\n description: `${car.bagagliaio} l`,\n },\n {\n label: 'Potenza',\n description: `${car.hp} CV / ${car.kw} kW`,\n },\n {\n label: 'Trazione',\n description: `${car.descrizione_trazione}`,\n },\n {\n label: 'Consumo medio',\n description: `${car.consumo_medio} (L/100 Km)`,\n },\n {\n label: 'Emissioni di CO2',\n description: `${car.emissioni_co2 ? car.emissioni_co2 : '-'} g/Km`,\n },\n ];\n\n const quotation_features = [\n {\n label: 'Rata mensile',\n description: `${parseInt(price).toLocaleString('it')} €`\n },\n {\n label: 'Anticipo',\n description: `${parseInt(deposit).toLocaleString('it')} €`\n },\n {\n label: 'Durata',\n description: `${duration} mesi`,\n },\n {\n label: 'Distanza',\n description: `${parseInt(distance).toLocaleString('it')} Km/anno`\n },\n ];\n\n if (bundle && bundle !== '') {\n quotation_features.push({\n label: 'Pacchetto',\n description: bundle,\n });\n }\n\n const { stillValid } = proposal;\n const isExpired = stillValid === false && currentStep < 3;\n\n const color = proposal.offer_color || (proposal.offer && proposal.offer.color) || null;\n let carImage = null;\n\n if (proposal.offer && proposal.offer.data) {\n carImage = proposal.offer.data.image;\n } else if (quotation.offer.data.images && quotation.offer.data.images.data.length) {\n carImage = quotation.offer.data.images.data[0].path;\n }\n\n let quotationFee = `Guadagno potenziale: `;\n\n if (proposal.offer && proposal.offer && proposal.offer.data) {\n const originalCommissionToShow = Math.round(parseFloat(proposal.original_commission)).toLocaleString('it');\n const commissionToShow = Math.max(0, Math.round(parseFloat(proposal.commission))).toLocaleString('it');\n\n if (proposal.original_commission !== proposal.commission) {\n quotationFee += `${originalCommissionToShow}€ ${commissionToShow}€`\n } else {\n quotationFee += `${commissionToShow}€`\n }\n }\n\n return (\n <>\n \n \n\n \n {attachments.map(attachmentsGroup => (\n \n 0 ? '#52c41a' : '#d9d9d9'\n }\n className=\"mr-2\"\n />\n \n {attachmentsGroup.label}\n \n {attachmentsGroup.link ?\n \n \n Scarica this.handleUploadChange(uploadInfo, attachmentsGroup.type))}\n >\n \n {this.isUploadingTarget(attachmentsGroup.type) &&\n \n \n \n \n \n \n \n \n \n
\n \n );\n }\n}\n\nexport function mapDispatchToProps(dispatch) {\n return {\n fileUploaded: params => dispatch(fileUploaded(params)),\n };\n}\n\nconst mapStateToProps = createStructuredSelector({\n quotationAttachments: makeSelectQuotattionAttachments(),\n});\n\nconst withReducer = injectReducer({ key: 'quote', reducer });\n\nconst withConnect = connect(\n mapStateToProps,\n mapDispatchToProps,\n);\n\nexport default compose(\n withReducer,\n withConnect,\n)(DocumentsForm);\n","/*\n * QuotationsSearch Messages\n *\n * This contains all the text for the QuotationsSearch container.\n */\nimport { defineMessages } from 'react-intl';\n\nexport const scope = 'app.components.QuotationsSearch';\n\nexport default defineMessages({\n title: {\n id: `${scope}.title`,\n defaultMessage: 'Cerca preventivi',\n },\n customer_field_label: {\n id: `${scope}.customer_field_label`,\n defaultMessage: 'Ricerca per cliente',\n },\n customer_field_placeholder: {\n id: `${scope}.customer_field_placeholder`,\n defaultMessage: 'Nome, cognome, ragione sociale o email',\n },\n fiscal_code_field_placeholder: {\n id: `${scope}.fiscal_code_field_label`,\n defaultMessage: 'Codice fiscale / partita IVA',\n },\n quotation_id_field_placeholder: {\n id: `${scope}.quotations_id_field_label`,\n defaultMessage: 'Numero preventivo',\n },\n agent_id_field_placeholder: {\n id: `${scope}.agent_id_field_placeholder`,\n defaultMessage: 'Agente',\n },\n search: {\n id: `${scope}.search`,\n defaultMessage: 'Cerca',\n },\n});\n","import React from 'react';\nimport { FormattedMessage } from 'react-intl';\nimport { Form, Input, Select, Button, DatePicker, Row, Col } from 'antd';\nimport moment from 'moment';\nimport locale from 'antd/lib/date-picker/locale/it_IT';\nimport 'moment/locale/it';\nmoment.locale('it', {\n months: 'gennaio_febbraio_marzo_aprile_maggio_giugno_luglio_agosto_settembre_ottobre_novembre_dicembre'.split(\n '_',\n ),\n monthsShort: 'gen_feb_mar_apr_mag_giu_lug_ago_set_ott_nov_dic'.split('_'),\n weekdays: 'domenica_lunedì_martedì_mercoledì_giovedì_venerdì_sabato'.split(\n '_',\n ),\n weekdaysShort: 'dom_lun_mar_mer_gio_ven_sab'.split('_'),\n weekdaysMin: 'do_lu_ma_me_gi_ve_sa'.split('_'),\n week: {\n dow: 1,\n doy: 4,\n },\n});\nimport { connect } from 'react-redux';\nimport { compose } from 'redux';\nimport messages from './messages';\n\nimport { createStructuredSelector } from 'reselect';\n\nimport { makeSelectQuotationsParameters, makeSelectQuotationsFilters } from 'containers/Quotations/selectors';\nimport { searchQuotations } from 'containers/Quotations/actions';\nimport { withQuotationReducer } from 'containers/Quotations/withReducer';\n\nimport 'antComponentsStyle';\nimport './styles.scss';\n\nconst dateFormat = 'YYYY-MM-DD';\n\nclass QuotationsSearch extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n ...props.parameters,\n datePickerEndOpen: false,\n };\n }\n\n componentWillReceiveProps(nextProps) {\n this.setState({ ...nextProps.parameters });\n }\n\n get canSearch() {\n return this.state.startDate && this.state.endDate;\n }\n\n handleOnChange = event => {\n const value = event.target.value;\n const name = event.target.name;\n\n this.setState({\n [name]: value,\n });\n };\n\n handleSelectChange = (name, value) => {\n this.setState({\n [name]: value,\n });\n };\n\n handleSubmit = e => {\n e.preventDefault();\n\n if (this.canSearch) {\n this.props.search(this.state);\n }\n };\n\n handleSetStatusFilter = ({ target, currentTarget }) => {\n let { status } = this.state;\n const { value } = target;\n\n status = Array.isArray(status) ? status : [];\n\n if (status.includes(value)) {\n status = status.filter(statusValue => statusValue !== value);\n } else {\n status.push(value);\n }\n\n currentTarget.blur();\n\n this.setState({ status }, () => this.props.search(this.state));\n };\n\n setStartDate = startDate =>\n this.setState({\n startDate: startDate.format('YYYY-MM-DD'),\n });\n\n setEndDate = endDate =>\n this.setState({\n endDate: endDate.format('YYYY-MM-DD'),\n }, () => this.props.search(this.state));\n\n handleStartOpenChange = open => {\n if (!open) {\n this.setState({ datePickerEndOpen: true });\n }\n };\n\n handleEndOpenChange = open => {\n this.setState({ datePickerEndOpen: open });\n };\n\n disabledStartDate = startValue => {\n let { endDate } = this.state;\n endDate = moment(endDate, dateFormat);\n\n if (!startValue || !endDate) {\n return false;\n }\n\n return startValue.valueOf() > endDate.valueOf();\n };\n\n disabledEndDate = endValue => {\n let { startDate } = this.state;\n startDate = moment(startDate, dateFormat);\n\n if (!endValue || !startDate) {\n return false;\n }\n\n return endValue.valueOf() <= startDate.valueOf();\n };\n\n render() {\n const {\n query,\n fiscal_code,\n quotation_id,\n startDate,\n endDate,\n datePickerEndOpen,\n status,\n agent_id,\n } = this.state;\n const { filters } = this.props;\n\n const dataRangeStartId = `quotations-data-range-start`;\n const dataRangeStartLabel = `Inizio data creazione preventivo`;\n\n const dataRangeEndId = `quotations-data-range-end`;\n const dataRangeEndLabel = `Fine data creazione preventivo`;\n\n const contactQueryId = `query`;\n const contactQueryLabel = `inserisci nome, cognome o ragione sociale`;\n\n const fiscalCodeId = `fiscal_code`;\n const fiscalCodeLabel = `Codice fiscale o partita iva`;\n\n const quotationNumberId = `quotation_number`;\n const quotationNumberLabel = `numero preventivo`;\n\n const quotationStatusId = `quotations-status`;\n const quotationStatusLabel = `Stato pratica:`;\n\n const agentsId = `agent-id`;\n const agentsLabel = `Agente`;\n\n return (\n \n {label}\n \n);\n\nQuotationsSearch.propTypes = {};\n\nconst mapStateToProps = createStructuredSelector({\n parameters: makeSelectQuotationsParameters(),\n filters: makeSelectQuotationsFilters(),\n});\n\nexport function mapDispatchToProps(dispatch) {\n return {\n search: params => dispatch(searchQuotations(params)),\n };\n}\n\nconst withConnect = connect(\n mapStateToProps,\n mapDispatchToProps,\n);\n\nexport default compose(\n withQuotationReducer,\n withConnect,\n)(QuotationsSearch);\n","/*\n * QuotationsSort Messages\n *\n * This contains all the text for the QuotationsSort container.\n */\nimport { defineMessages } from 'react-intl';\n\nexport const scope = 'app.components.QuotationsSort';\n\nexport default defineMessages({\n title: {\n id: `${scope}.title`,\n defaultMessage: 'Preventivi trovati',\n },\n title_short: {\n id: `${scope}.title_short`,\n defaultMessage: 'Trovati',\n },\n sort: {\n id: `${scope}.sort`,\n defaultMessage: 'Ordina per:',\n },\n remove: {\n id: `${scope}.remove`,\n defaultMessage: 'Rimuovi i filtri',\n },\n query: {\n id: `${scope}.query`,\n defaultMessage: 'Hai cercato: ',\n },\n download_list: {\n id: `${scope}.download_list`,\n defaultMessage: 'Scarica in formato .xlsx',\n },\n download_list_short: {\n id: `${scope}.download_list_short`,\n defaultMessage: 'Scarica .xlsx',\n },\n});\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { FormattedMessage } from 'react-intl';\nimport { FormattedMessageWithClass } from '../../utils/FormattedMessageWithClass';\nimport SortIcon from '-!svg-react-loader!./assets/sort.svg?name=SortIcon';\n\nimport { connect } from 'react-redux';\nimport { compose } from 'redux';\nimport { createStructuredSelector } from 'reselect';\nimport { Row, Col } from 'reactstrap';\nimport Badge from '../SearchFilters/badge';\nimport messages from './messages';\nimport { Button } from 'antd';\n\nimport {\n makeSelectQuotationsSort,\n makeSelectSelectedQuotationsSort,\n makeSelectQuotationsParameters,\n} from 'containers/Quotations/selectors';\nimport { withQuotationReducer } from 'containers/Quotations/withReducer';\nimport {\n loadFilters,\n orderBy,\n removeAll,\n removeFilter,\n downloadQuotations,\n} from 'containers/Quotations/actions';\n\nimport './styles.scss';\n\nclass QuotationsSort extends React.Component {\n constructor(props) {\n super(props);\n this.state = {};\n }\n\n onRemoveFilter = filterName => {\n this.props.removeFilter(filterName);\n };\n\n onOrderChange = e => {\n this.props.orderBy(e.target.value);\n };\n\n handleDownloadList = () => {\n this.props.downloadQuotations();\n }\n\n get showFiltersBadge() {\n return !!(this.props.parameters.query.length ||\n this.props.parameters.fiscal_code.length >= 11 ||\n this.props.parameters.quotation_id.length);\n }\n\n render() {\n const { results, sort, selectedSort, parameters, id } = this.props;\n return (\n \n {type === 'select' ? (\n \n ) : (\n onChange(value)}\n autoComplete=\"off\"\n />\n )}\n \n\nCarCreator.propTypes = {\n brand: PropType.string.isRequired,\n modello: PropType.string.isRequired,\n storeCar: PropType.func.isRequired,\n button: PropType.string.isRequired,\n isCustomCar: PropType.bool.isRequired,\n carId: PropType.number,\n};\n\nexport function mapDispatchToProps(dispatch) {\n return {\n storeCar: () => dispatch(saveCar()),\n updateCar: car => dispatch(updateCar(car)),\n };\n}\n\nconst mapStateToProps = createStructuredSelector({\n response: makeSelectCarResponse(),\n creatingCar: makeSelectCarCreator(),\n existentCar: makeSelectCar(),\n});\n\nconst withReducer = injectReducer({ key: 'carCreator', reducer });\nconst withSaga = injectSaga({ key: 'carCreator', saga });\n\nconst withConnect = connect(\n mapStateToProps,\n mapDispatchToProps,\n);\n\nexport default compose(\n withReducer,\n withSaga,\n withConnect,\n)(CarCreator);\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { connect } from 'react-redux';\nimport { createStructuredSelector } from 'reselect';\nimport messages from './messages';\nimport { FlexSection } from '../UIKit';\nimport './car.scss';\nimport CarCreator from '../CarCreator';\n\nclass Car extends React.Component {\n constructor(props) {\n super(props);\n }\n\n render() {\n const { title, selectedBrand, selectedModel, carName, car } = this.props;\n const isCustomCar = car && car.id && car.is_custom;\n let buttonText;\n\n if (car.id) {\n buttonText = isCustomCar ? messages.editCar.title : messages.showCar.title;\n } else {\n buttonText = carName && carName.length ? messages.showCar.title : messages.newCar.title;\n }\n\n return (\n
\n );\n }\n}\n\nCar.defaultProps = {\n errors: {},\n carName: '-',\n};\nCar.propTypes = {\n title: PropTypes.string.isRequired,\n selectedBrand: PropTypes.string.isRequired,\n selectedModel: PropTypes.string,\n carName: PropTypes.string,\n car: PropTypes.object,\n};\n\nexport function mapDispatchToProps(dispatch) {\n return {};\n}\nconst mapStateToProps = createStructuredSelector({});\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(Car);\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { connect } from 'react-redux';\nimport { compose } from 'redux';\nimport { createStructuredSelector } from 'reselect';\nimport { withCarSelectorReducer, withCarSelectorSaga } from './withReducer';\n\nimport { getBrands } from './actions';\n\nimport {\n makeSelectIsLoading,\n makeSelectBrands,\n makeSelectModels,\n makeSelectVersions,\n makeSelectSelectedBrand,\n makeSelectSelectedModel,\n makeSelectSelectedModelName,\n makeSelectCar,\n} from './selectors';\n\nimport messages from './messages';\nimport {FlexSection} from '../UIKit';\nimport Brand from './brand';\nimport Model from './model';\nimport Version from './version';\nimport Car from './car';\n\nimport 'react-select-search/style.css';\nimport './styles.scss';\n\nclass CarSelector extends React.Component {\n constructor(props) {\n super(props);\n }\n\n componentDidMount() {\n this.props.loadBrands();\n }\n\n render() {\n const {\n isLoading,\n brands,\n models,\n versions,\n selectedBrand,\n selectedModelName,\n selectedModel,\n car,\n } = this.props;\n const isBrandSelected =\n selectedBrand !== null &&\n selectedBrand !== undefined &&\n selectedBrand.length === 3;\n const isModelSelected =\n selectedModel !== null &&\n selectedModel !== undefined &&\n selectedModel.length > 0;\n\n const carName =\n car !== null &&\n car !== undefined &&\n car.hasOwnProperty('allestimento') &&\n car.hasOwnProperty('modello')\n ? `${car.brand.data.label} ${car.modello} ${car.allestimento}`\n : null;\n\n if (!Array.isArray(brands)){\n return null;\n }\n\n return (\n \n \n
\n );\n }\n}\n\n\nexport default Spinner;\n","/*\n * Header Messages\n *\n * This contains all the text for the Header component.\n */\n\nimport { defineMessages } from 'react-intl';\n\nexport const scope = 'boilerplate.components.Forms';\n\nexport default defineMessages({\n action: {\n id: `${scope}.action`,\n defaultMessage: 'Salva preventivo',\n },\n terms: {\n id: `${scope}.terms`,\n defaultMessage:\n '*Il prezzo del canone mensile è soggetto a variazioni. Offerta economica limitata valida fino ad esaurimento scorte.',\n },\n});\n","/*\n * FromConstants\n */\n\nexport const PRINT_OFFER = 'ideal/components/Froms/PRINT_OFFER';\n\nexport const SEARCH_CUSTOMER = 'ideal/components/Froms/SEARCH_CUSTOMER';\nexport const CUSTOMER_RECEIVED = 'ideal/components/Froms/CUSTOMER_RECEIVED';\nexport const RESET_RECEIVED = 'ideal/components/Froms/RESET_RECEIVED';\n\n","import {\n PRINT_OFFER,\n SEARCH_CUSTOMER,\n CUSTOMER_RECEIVED,\n RESET_RECEIVED,\n} from './constants';\n\n/**\n *\n * @param offer\n * @param price\n * @param name\n * @param contractualCategory\n * @param accessories\n * @param colors\n * @returns {{offer: *, carReplacement: *, contractualCategory: *, price: *, accessories: *, name: *, type: *}}\n */\nexport function printOffer(\n offer,\n price = null,\n name = null,\n contractualCategory = null,\n accessories = [],\n colors = [],\n) {\n return {\n type: PRINT_OFFER,\n offer,\n price,\n name,\n contractualCategory,\n accessories,\n colors,\n };\n}\n\n/**\n *\n * @param fiscalCode\n * @returns {{code: *, type: *}}\n */\nexport function searchCustomer(fiscalCode) {\n return {\n type: SEARCH_CUSTOMER,\n code: fiscalCode,\n };\n}\n\n/**\n *\n * @param customer\n * @returns {{type: *, customer: *}}\n */\nexport function customerLoaded(customer) {\n return {\n type: CUSTOMER_RECEIVED,\n customer,\n };\n}\n\n/**\n * Reset customer\n * @returns {{type: *}}\n */\nexport function resetCustomer() {\n return {\n type: RESET_RECEIVED,\n };\n}\n","export const CONTRACTUAL_CATEGORIES_TYPE_BUSINESS = 'BUSINESS';\nexport const CONTRACTUAL_CATEGORIES_TYPE_PRIVATE = 'PRIVATE';\n\nexport const CONTRACTUAL_CATEGORIES_TYPES_TAG_MAP = {\n 'P.IVA': CONTRACTUAL_CATEGORIES_TYPE_BUSINESS,\n 'Privati': CONTRACTUAL_CATEGORIES_TYPE_PRIVATE,\n}\n\nexport const CONTRACTUAL_CATEGORIES = [\n {\n description: 'Dipendente a tempo indeterminato',\n value: 'tempo-indeterminato',\n type: CONTRACTUAL_CATEGORIES_TYPE_PRIVATE,\n secondaryType: CONTRACTUAL_CATEGORIES_TYPE_PRIVATE,\n },\n {\n description: 'Ditta individuale',\n value: 'ditta-individuale',\n type: CONTRACTUAL_CATEGORIES_TYPE_BUSINESS,\n secondaryType: CONTRACTUAL_CATEGORIES_TYPE_PRIVATE,\n },\n {\n description: 'Libero professionista',\n value: 'libero-professionista',\n type: CONTRACTUAL_CATEGORIES_TYPE_BUSINESS,\n secondaryType: CONTRACTUAL_CATEGORIES_TYPE_PRIVATE,\n },\n {\n description: 'Pensionato',\n value: 'pensionato',\n type: CONTRACTUAL_CATEGORIES_TYPE_PRIVATE,\n secondaryType: CONTRACTUAL_CATEGORIES_TYPE_PRIVATE,\n },\n {\n description: 'Società di capitali (S.p.a. - S.r.l. - S.r.l.s. - S.a.p.a. - Cooperative)',\n value: 'societa-capitale',\n type: CONTRACTUAL_CATEGORIES_TYPE_BUSINESS,\n secondaryType: CONTRACTUAL_CATEGORIES_TYPE_BUSINESS,\n },\n {\n description: 'Società di persone (S.s. - S.n.c. - S.a.s.)',\n value: 'societa-persone',\n type: CONTRACTUAL_CATEGORIES_TYPE_BUSINESS,\n secondaryType: CONTRACTUAL_CATEGORIES_TYPE_BUSINESS,\n },\n {\n description:\n 'Associazioni - Enti - Fondazioni',\n value: 'associazioni-enti-fondazioni',\n type: CONTRACTUAL_CATEGORIES_TYPE_BUSINESS,\n secondaryType: CONTRACTUAL_CATEGORIES_TYPE_BUSINESS,\n },\n {\n description: 'Studi Associati',\n value: 'studi-associati',\n type: CONTRACTUAL_CATEGORIES_TYPE_BUSINESS,\n secondaryType: CONTRACTUAL_CATEGORIES_TYPE_BUSINESS,\n },\n];\n\nexport const FRANCHISE_KASKO = [\n {\n description: '500€',\n value: 500,\n },\n {\n description: '250€',\n value: 250,\n },\n {\n description: '150€',\n value: 150,\n },\n {\n description: '0€',\n value: 0,\n },\n];\nexport const FRANCHISE_INSURANCE = [\n {\n description: '10%',\n value: 10,\n },\n {\n description: '0%',\n value: 0,\n },\n];\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { FormattedMessage } from 'react-intl';\nimport messages from './messages';\n\nimport { Col, Input, Row } from 'reactstrap';\n\nimport { connect } from 'react-redux';\nimport { compose } from 'redux';\nimport injectReducer from 'utils/injectReducer';\nimport injectSaga from 'utils/injectSaga';\n\nimport { createStructuredSelector } from 'reselect';\nimport reducer from 'containers/Offer/reducer';\nimport saga from 'containers/Offer/saga';\n\nimport { printOffer } from './actions';\nimport {\n makeSelectOfferSelector,\n makeSelectServicesSelector,\n makeSelectAccessoriesCodesSelector,\n makeSelectColorCodesSelector,\n makeSelectMonthlyRateSelector,\n} from '../CustomizeOffer/selectors';\n\nimport { CONTRACTUAL_CATEGORIES } from '../CarQuote/constants';\nimport './styles.scss';\n\nclass PrintForm extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n name: '',\n employee_category: '',\n };\n }\n\n /**\n *\n * @param e\n */\n onNameChange = e => {\n const name = e.target.value;\n this.setState(() => ({ name }));\n };\n\n /**\n *\n * @param e\n */\n onEmployeeCategoryChange = e => {\n const employee_category = e.target.value;\n this.setState(() => ({\n employee_category,\n }));\n };\n\n handelOnPrint = e => {\n const { offer, services, accessories, colors, newMonthlyRate } = this.props;\n const { name, employee_category } = this.state;\n e.preventDefault();\n this.props.print(\n offer.ref,\n newMonthlyRate,\n name,\n employee_category,\n accessories,\n colors,\n );\n };\n\n render() {\n const categories = [\n {\n description: 'Seleziona...',\n value: '',\n type: 'PRIVATE',\n secondaryType: 'PRIVATE',\n },\n ...CONTRACTUAL_CATEGORIES,\n ];\n\n return (\n \n
\n );\n }\n}\n\nPrintForm.propTypes = {\n offer: PropTypes.any.isRequired,\n};\n\nexport function mapDispatchToProps(dispatch) {\n return {\n print: (\n offer,\n price,\n name,\n category,\n accessories,\n colors,\n ) =>\n dispatch(\n printOffer(\n offer,\n price,\n name,\n category,\n accessories,\n colors,\n ),\n ),\n };\n}\n\nconst mapStateToProps = createStructuredSelector({\n offer: makeSelectOfferSelector(),\n newMonthlyRate: makeSelectMonthlyRateSelector(),\n services: makeSelectServicesSelector(),\n accessories: makeSelectAccessoriesCodesSelector(),\n colors: makeSelectColorCodesSelector(),\n});\n\nconst withReducer = injectReducer({ key: 'offer', reducer });\nconst withSaga = injectSaga({ key: 'offer', saga });\n\nconst withConnect = connect(\n mapStateToProps,\n mapDispatchToProps,\n);\n\nexport default compose(\n withReducer,\n withSaga,\n withConnect,\n)(PrintForm);\n","/*\n * ModalConstants\n */\n\nexport const OPEN_MODAL = 'ideal/components/Modal/Right/OPEN_MODAL';\nexport const CLOSE_MODAL = 'ideal/components/Modal/Right/CLOSE_MODAL';\n","/*\n* ModalReducer\n*/\n\nimport { fromJS } from 'immutable';\nimport { OPEN_MODAL, CLOSE_MODAL } from './constants';\n\n// The initial state of the App\nexport const initialState = fromJS({\n right: false,\n});\n\nfunction modalReducer(state = initialState, action) {\n switch (action.type) {\n case OPEN_MODAL:\n return state.set('right', true);\n case CLOSE_MODAL:\n return state.set('right', false);\n default:\n return state;\n }\n}\n\nexport default modalReducer;\n","import { put, takeLatest, all, select } from 'redux-saga/effects';\n\nfunction* actionWatcher() {}\n\nexport default function* optionData() {\n yield all([actionWatcher()]);\n}\n","import { OPEN_MODAL, CLOSE_MODAL } from './constants';\n\n/**\n *\n * @returns {{type: *}}\n */\nexport const open = () => ({ type: OPEN_MODAL });\n\n/**\n *\n * @returns {{type: *}}\n */\nexport const close = () => ({ type: CLOSE_MODAL });\n","import { createSelector } from 'reselect';\nimport { initialState } from './reducer';\n\nconst selectModal = state => state.get('modal', initialState);\n\nconst makeSelectRightModal = () =>\n createSelector(selectModal, modalState => modalState.get('right'));\n\nexport { selectModal, makeSelectRightModal };\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Modal, ModalBody } from 'reactstrap';\n\nimport { connect } from 'react-redux';\nimport { createStructuredSelector } from 'reselect';\nimport { compose } from 'redux';\nimport injectReducer from 'utils/injectReducer';\nimport injectSaga from 'utils/injectSaga';\n\nimport reducer from './reducer';\nimport saga from './saga';\n\nimport { close } from './actions';\nimport { makeSelectRightModal } from './selectors';\n\nimport './right.scss';\n\nconst rightSideModal = WrappedComponent =>\n class extends React.Component {\n constructor(props) {\n super(props);\n }\n\n static propTypes = {\n title: PropTypes.string,\n };\n\n static defaultProps = {\n title: '',\n };\n\n render() {\n const { title, openModal } = this.props;\n\n return (\n \n \n
\n
\n \n \n \n {categories.map(item => (\n \n ))}\n \n
\n \n \n \n {' '}\n Stampa Offerta{' '}\n \n
\n \n \n {title}\n \n \n ×\n \n
\n \n
\n );\n }\n}\n\nCustomerForm.defaultProps = {\n customer: {\n first_name: '',\n last_name: '',\n email: '',\n phone: '',\n fiscal_code: '',\n zip_code: '',\n employee_category: 'tempo-indeterminato',\n employee_type: 'PRIVATE',\n employee_secondary_type: 'PRIVATE',\n vat_number: '',\n business_name: '',\n note: '',\n },\n};\n\nCustomerForm.propTypes = {\n customer: PropTypes.object,\n fiscalCode: PropTypes.string.isRequired,\n};\n\nexport function mapDispatchToProps(dispatch) {\n return {\n sendQuote: quote => dispatch(sendQuote(quote)),\n displayAssistant: display => dispatch(displayAssistant(display)),\n resetCustomer: () => dispatch(resetCustomer()),\n };\n}\nconst mapStateToProps = createStructuredSelector({\n quote: makeSelectQuote(),\n quotationCode: makeSelectQuotationCode(),\n selectedOffer: makeSelectOfferSelector(),\n newMonthlyRate: makeSelectMonthlyRateSelector(),\n services: makeSelectServicesSelector(),\n accessories: makeSelectAccessoriesCodesSelector(),\n colors: makeSelectColorCodesSelector(),\n});\n\nconst withConnect = connect(\n mapStateToProps,\n mapDispatchToProps,\n);\nconst withReducer = injectReducer({ key: 'offer', reducer });\nconst withSaga = injectSaga({ key: 'offer', saga });\n\nexport default compose(\n withReducer,\n withSaga,\n withConnect,\n)(RightSideModal(withRouter(CustomerForm)));\n","/*\n* FormsReducer\n*/\n\nimport { fromJS } from 'immutable';\nimport {\n PRINT_OFFER,\n SEARCH_CUSTOMER,\n CUSTOMER_RECEIVED,\n RESET_RECEIVED,\n} from './constants';\n\n// The initial state of forms\nexport const initialState = fromJS({\n loading: false,\n offer: null,\n name: null,\n category: null,\n monthly_rate: null,\n accessories: [],\n colors: [],\n search: false,\n customerCode: '',\n customer: {},\n});\n\nfunction formsReducer(state = initialState, action) {\n switch (action.type) {\n case PRINT_OFFER:\n return state\n .set('offer', action.offer)\n .set('monthly_rate', action.price)\n .set('name', action.name)\n .set('category', action.contractualCategory)\n .set('accessories', action.accessories)\n .set('colors', action.colors)\n .set('loading', true);\n case SEARCH_CUSTOMER:\n return state.set('customerCode', action.code).set('search', true);\n case CUSTOMER_RECEIVED:\n return state.set('customer', action.customer).set('search', false);\n case RESET_RECEIVED:\n return state.set('customer', {}).set('search', false);\n default:\n return state;\n }\n}\n\nexport default formsReducer;\n","import { createSelector } from 'reselect';\nimport { initialState } from './reducer';\n\nconst selectForms = state => state.get('forms', initialState);\n\nconst makeSelectPrintFrom = () =>\n createSelector(selectForms, formState => ({\n offer: formState.get('offer'),\n monthly_rate: formState.get('monthly_rate'),\n name: formState.get('name'),\n category: formState.get('category'),\n accessories: formState.get('accessories'),\n colors: formState.get('colors'),\n }));\n\nconst makeSelectCustomerCode = () =>\n createSelector(selectForms, formState => formState.get('customerCode'));\n\nconst makeSelectCustomer = () =>\n createSelector(selectForms, formState => formState.get('customer'));\n\nconst makeSelectSearchingCustomer = () =>\n createSelector(selectForms, formState => formState.get('search'));\n\nexport {\n selectForms,\n makeSelectPrintFrom,\n makeSelectCustomerCode,\n makeSelectSearchingCustomer,\n makeSelectCustomer,\n};\n","import { SEND_QUOTE, QUOTE_SENDED } from 'containers/Offer/constants';\n\nexport function sendQuote(quote) {\n return {\n type: 'SEND_QUOTE',\n quote,\n };\n}\n\nexport function quoteSended(quote) {\n return {\n type: QUOTE_SENDED,\n quote,\n };\n}\n","import { put, takeLatest, all, select, fork } from 'redux-saga/effects';\nimport { PRINT_OFFER, SEARCH_CUSTOMER} from './constants';\nimport { SEND_QUOTE } from 'containers/Offer/constants';\nimport { makeSelectPrintFrom, makeSelectCustomerCode } from './selectors';\nimport { getRequestHeadersAsLogged, responseHandler } from '../../utils/auth';\nimport { customerLoaded } from './actions';\nimport { open } from '../Modal/actions';\nimport { makeSelectQuote } from '../CarQuote/selectors';\nimport { quoteSended } from '../CarQuote/actions';\n\nfunction* printOffer() {\n const printer = yield select(makeSelectPrintFrom());\n const requestURL = `${process.env.API_URL}offers/attachment`;\n\n try {\n const parameters = {\n method: 'POST',\n headers: getRequestHeadersAsLogged(),\n body: JSON.stringify(printer),\n };\n\n const request = yield fetch(requestURL, parameters).then(response =>\n response.blob(),\n ).then(blob => {\n const date = new Date();\n return download(blob, `Preventivo-${date.getTime()}`);\n });\n\n } catch (err) {\n console.log('request error', err);\n }\n}\n\nfunction* searchCustomer() {\n const code = yield select(makeSelectCustomerCode());\n const requestURL = `${process.env.API_URL}customers/search?code=${code}`;\n\n try {\n const parameters = {\n method: 'GET',\n headers: getRequestHeadersAsLogged(),\n };\n\n const request = yield fetch(requestURL, parameters).then(response =>\n responseHandler(response)\n );\n yield put(customerLoaded(request.data));\n yield put(open());\n } catch (err) {\n yield put(customerLoaded({}));\n yield put(open());\n }\n}\n\nfunction* sendQuoteData() {\n const quote = yield select(makeSelectQuote());\n const requestURL = `${process.env.API_URL}quote`;\n\n try {\n const parameters = {\n method: 'POST',\n headers: getRequestHeadersAsLogged(),\n body: JSON.stringify(quote),\n };\n\n const request = yield fetch(requestURL, parameters).then(response =>\n responseHandler(response)\n );\n\n yield put(quoteSended(request.data));\n\n } catch (err) {\n console.log('request error', err);\n }\n}\n\n\nfunction* actionWatcher() {\n //yield takeLatest(PRINT_OFFER, printOffer);\n yield fork(takeLatest, PRINT_OFFER, printOffer);\n yield takeLatest(SEARCH_CUSTOMER, searchCustomer);\n yield takeLatest(SEND_QUOTE, sendQuoteData);\n}\n\nexport default function* formsData() {\n yield all([actionWatcher()]);\n}\n","import React from 'react';\nimport { Input, FormGroup } from 'reactstrap';\nimport CustomerForm from './customer';\n\nimport { connect } from 'react-redux';\nimport { createStructuredSelector } from 'reselect';\nimport { compose } from 'redux';\nimport injectReducer from 'utils/injectReducer';\nimport injectSaga from 'utils/injectSaga';\n\nimport reducer from './reducer';\nimport saga from './saga';\n\nimport { searchCustomer } from './actions';\nimport { makeSelectSearchingCustomer, makeSelectCustomer } from './selectors';\n\nimport * as Validator from '../CarQuote/validator';\n\nimport UserIcon from '-!svg-react-loader!./assets/img/user.svg?name=UserIcon';\n\nimport './offer.scss';\n\nclass OfferForm extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n fiscalCode: '',\n fiscalCodeHasError: false,\n };\n }\n\n onFiscalCodeChange = e => {\n const fiscalCode = e.target.value.trim().toUpperCase();\n this.setState({ fiscalCode });\n if (fiscalCode.length === 16 && Validator.validateFiscalCode(fiscalCode)) {\n this.setState({ fiscalCodeHasError: false });\n this.props.searchCustomer(fiscalCode);\n } else if (\n fiscalCode.length === 16 &&\n !Validator.validateFiscalCode(fiscalCode)\n ) {\n this.setState({ fiscalCodeHasError: true });\n }\n };\n\n render() {\n const { isSearching, customer } = this.props;\n const { fiscalCode, fiscalCodeHasError } = this.state;\n const hasCustomer =\n customer !== undefined && customer.hasOwnProperty('fiscal_code');\n return (\n \n \n \n this.validate(customer.first_name.length < 1, 'first_name')\n }\n />\n \n \n this.validate(customer.last_name.length < 1, 'last_name')\n }\n />\n \n
\n \n this.validatePhone()}\n />\n \n
\n \n \n this.validate(\n !Validator.validateFiscalCode(customer.fiscal_code),\n 'fiscal_code',\n )\n }\n />\n \n \n this.validate(\n !Validator.validatePostalCode(customer.zip_code),\n 'zip_code',\n )\n }\n />\n \n
\n \n
\n\n {customer.employee_type === 'BUSINESS' && (\n \n {customer.employee_secondary_type === 'BUSINESS' && (\n \n this.validate(\n customer.business_name.length < 1,\n 'business_name',\n )\n }\n autoComplete=\"off\"\n />\n \n )}\n \n this.validate(\n !Validator.validateVatNumber(customer.vat_number),\n 'vat_number',\n )\n }\n />\n \n
\n )}\n \n
\n
\n \n \n \n this.validate(\n !Validator.validateEmail(customer.email),\n 'email',\n )\n }\n />\n
\n \n\n \n \n \n {CONTRACTUAL_CATEGORIES.map(item => (\n \n {item.description}\n \n ))}\n \n
\n \n \n \n {messages.action.defaultMessage}\n \n
\n \n
\n );\n }\n}\n\nexport function mapDispatchToProps(dispatch) {\n return {\n searchCustomer: code => dispatch(searchCustomer(code)),\n };\n}\n\nconst mapStateToProps = createStructuredSelector({\n isSearching: makeSelectSearchingCustomer(),\n customer: makeSelectCustomer(),\n});\n\nconst withReducer = injectReducer({ key: 'forms', reducer });\nconst withSaga = injectSaga({ key: 'forms', saga });\n\nconst withConnect = connect(\n mapStateToProps,\n mapDispatchToProps,\n);\n\nexport default compose(\n withReducer,\n withSaga,\n withConnect,\n)(OfferForm);\n","/*\n * HomePage Messages\n *\n * This contains all the text for the HomePage container.\n */\nimport { defineMessages } from 'react-intl';\n\nexport const scope = 'app.components.OfferInfo';\n\nexport default defineMessages({\n services: {\n id: `${scope}.menu1`,\n defaultMessage: 'Servizi inclusi',\n },\n carSpecs: {\n id: `${scope}.menu2`,\n defaultMessage: 'Caratteristiche auto',\n },\n accessories: {\n id: `${scope}.accessories`,\n defaultMessage: 'Equipaggiamenti di serie',\n },\n notes: {\n id: `${scope}.notes`,\n defaultMessage: 'Note',\n },\n private_notes: {\n id: `${scope}.private_notes`,\n defaultMessage: 'Note venditore',\n },\n engine: {\n id: `${scope}.engine`,\n defaultMessage: 'Motore e consumi',\n },\n sizes: {\n id: `${scope}.sizes`,\n defaultMessage: 'Carrozzeria',\n },\n features: {\n id: `${scope}.features`,\n defaultMessage: 'Specifiche',\n },\n seller: {\n id: `${scope}.seller`,\n defaultMessage: 'Dati venditore',\n },\n fee: {\n id: `${scope}.fee`,\n defaultMessage: 'Commissioni',\n },\n broker: {\n id: `${scope}.broker`,\n defaultMessage: 'Info noleggio',\n },\n equippedAccessories: {\n id: `${scope}.equippedAccessories`,\n defaultMessage: 'Di serie',\n },\n equippedOptionals: {\n id: `${scope}.equippedOptionals`,\n defaultMessage: 'Optional inclusi',\n },\n colors: {\n id: `${scope}.colors`,\n defaultMessage: 'Colori',\n },\n optionalAccessories: {\n id: `${scope}.optionalAccessories`,\n defaultMessage: 'Optional',\n },\n\n info: {\n id: `${scope}.info`,\n defaultMessage: '*I prezzi indicati sono da sommare alla rata mensile del Noleggio a Lungo Termine. Esempio: considerando un optional il cui costo è di € 180, con una durata contrattuale di 36 mesi, il canone mensile aumenterà di € 5 al mese.',\n },\n\n\n});\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { FormattedMessage } from 'react-intl';\n\nimport { compose } from 'redux';\nimport { connect } from 'react-redux';\nimport { createStructuredSelector } from 'reselect';\n\nimport { Tabs } from 'antd';\n\nimport {\n withOfferSelectorReducer,\n withOfferSelectorSaga,\n} from '../CustomizeOffer/withReducer';\nimport {\n selectAccessories,\n selectColors,\n selectAccessoriesCodes,\n selectColorCodes,\n updateFees,\n} from '../CustomizeOffer/actions';\nimport {\n makeSelectAccessoriesSelector,\n makeSelectAccessoriesCodesSelector,\n makeSelectColorCodesSelector,\n makeSelectMonthlyRateSelector,\n makeSelectFeesVisibileSelector,\n makeSelectFeesSelector,\n} from '../CustomizeOffer/selectors';\nimport { featureAllowed } from 'containers/App/selectors';\n\nimport { makeSelectCheckResponse } from '../PrescoringTool/selectors';\n\nimport configs from 'configs';\n\nimport messages from './messages';\nimport FeaturesIcon from '-!svg-react-loader!./assets/img/features.svg?name=FeaturesIcon';\nimport EngineIcon from '-!svg-react-loader!./assets/img/engine.svg?name=EngineIcon';\nimport SizesIcon from '-!svg-react-loader!./assets/img/sizes.svg?name=SizesIcon';\nimport ServicesIcon from '-!svg-react-loader!./assets/img/tools.svg?name=ServicesIcon';\nimport CarIcon from '-!svg-react-loader!./assets/img/car.svg?name=CarIcon';\nimport SellerIcon from '-!svg-react-loader!./assets/img/user.svg?name=SellerIcon';\nimport MoneyIcon from '-!svg-react-loader!./assets/img/money.svg?name=MoneyIcon';\nimport MoneyMoreIcon from '-!svg-react-loader!./assets/img/money-more.svg?name=MoneyMoreIcon';\nimport AccessoriesIcon from '-!svg-react-loader!./assets/img/option.svg?name=AccessoriesIcon';\nimport NotesIcon from '-!svg-react-loader!./assets/img/notes.svg?name=NotesIcon';\n\nimport { ItemBoxList, List, FeeList, PrivateNotes } from '../UIKit';\nimport 'antComponentsStyle';\nimport './styles.scss';\n\nclass OfferInfo extends React.Component {\n constructor(props) {\n super(props);\n this.serviceRef = React.createRef();\n this.techRef = React.createRef();\n this.accessoriesRef = React.createRef();\n this.notesRef = React.createRef();\n this.financeRef = React.createRef();\n\n this.state = {\n activeTab: this.serviceRef,\n selectedOptions: new Set(),\n selectedColor: new Set(),\n };\n\n this.toggle = this.toggle.bind(this);\n this.convertToGroupedList = this.convertToGroupedList.bind(this);\n this.handleOnOptionClick = this.handleOnOptionClick.bind(this);\n this.handleOnColorClick = this.handleOnColorClick.bind(this);\n }\n\n componentDidMount() {\n if (this.props.selectedColors && this.props.selectedColors.length) {\n this.props.selectedColors.split(',').forEach(selectedColor => {\n const colorItem = this.props.colors.find(\n color => color.description === selectedColor,\n );\n this.handleOnColorClick(colorItem.code);\n });\n }\n\n if (this.props.selectedOptions && this.props.selectedOptions.length) {\n this.props.selectedOptions.split(',').forEach(selectedOption => {\n setTimeout(() => {\n const optionItem = this.props.options.find(\n option => option.description === selectedOption,\n );\n this.handleOnOptionClick(optionItem.code);\n }, 100);\n });\n }\n }\n\n toggle = activeTab => {\n if (this.state.activeTab !== activeTab) {\n this.setState({\n activeTab,\n });\n }\n };\n\n convertToGroupedList(items) {\n let result = [];\n\n items.map(item => {\n const elem = item.description;\n const group = result.filter(e => e.group === item.group_code);\n const obj = {\n group: item.group_code,\n title: item.group,\n };\n if (Object.keys(group).length === 0) {\n obj.items = [elem];\n } else {\n const list = group[0].items;\n list.push(elem);\n obj.items = list;\n // remove all preview objects\n result = result.filter(res => res.group !== obj.group);\n }\n result.push(obj);\n });\n\n return result;\n }\n\n handleOnOptionClick(value) {\n const { selectedAccessoriesCodes, options } = this.props;\n const selectedOptions = new Set(selectedAccessoriesCodes);\n if (selectedOptions.has(value)) {\n selectedOptions.delete(value);\n } else {\n selectedOptions.add(value);\n }\n this.props.selectAccessoriesCodes([...selectedOptions]);\n const selected = options.filter(item => selectedOptions.has(item.code));\n this.props.selectAccessories(selected);\n }\n\n handleOnColorClick(value) {\n const { colors } = this.props;\n\n const selectedColors = new Set();\n selectedColors.add(value);\n\n this.props.selectColorCodes([...selectedColors]);\n const selected = colors.filter(item => selectedColors.has(item.code));\n this.props.selectColors(selected);\n }\n\n render() {\n const {\n services,\n features,\n notes,\n private_notes,\n tag,\n sizes,\n engine,\n seller,\n offerFees,\n accessories,\n equippedOptionals,\n selectMonthlyRate,\n updateFees,\n carValue,\n duration,\n deposit,\n feesVisible,\n selectedFees,\n featureAllowed,\n } = this.props;\n let { prescoringResponse } = this.props;\n prescoringResponse = prescoringResponse.hasOwnProperty('_root')\n ? prescoringResponse.toJS()\n : prescoringResponse;\n\n const accessoriesList = this.convertToGroupedList(accessories);\n const { monthlyRateMax, depositRequired, sustainabilityIndex, thresholdMonthlyRateMax } = prescoringResponse;\n\n return (\n \n Crea nuovo preventivo relativo all’offerta visualizzata\n
\n \n \n \n {fiscalCodeHasError && (\n
\n \n Il Codice Fiscale inserito non è valido\n
\n )}\n {hasCustomer ? (\n \n \n \n \n \n \n \n \n \n
\n );\n }\n}\n\nOfferInfo.propTypes = {\n services: PropTypes.array.isRequired,\n sizes: PropTypes.array.isRequired,\n engine: PropTypes.array.isRequired,\n features: PropTypes.array.isRequired,\n seller: PropTypes.object.isRequired,\n carValue: PropTypes.number,\n offerFees: PropTypes.any,\n duration: PropTypes.number.isRequired,\n deposit: PropTypes.any,\n accessories: PropTypes.array.isRequired,\n colors: PropTypes.array.isRequired,\n options: PropTypes.array.isRequired,\n};\n\nexport function mapDispatchToProps(dispatch) {\n return {\n selectAccessories: accessories => dispatch(selectAccessories(accessories)),\n selectColors: colors => dispatch(selectColors(colors)),\n selectAccessoriesCodes: codes => dispatch(selectAccessoriesCodes(codes)),\n selectColorCodes: codes => dispatch(selectColorCodes(codes)),\n updateFees: fees => dispatch(updateFees(fees)),\n };\n}\nconst mapStateToProps = createStructuredSelector({\n selectedAccessories: makeSelectAccessoriesSelector(),\n selectedAccessoriesCodes: makeSelectAccessoriesCodesSelector(),\n selectedColorCodes: makeSelectColorCodesSelector(),\n selectMonthlyRate: makeSelectMonthlyRateSelector(),\n feesVisible: makeSelectFeesVisibileSelector(),\n selectedFees: makeSelectFeesSelector(),\n prescoringResponse: makeSelectCheckResponse(),\n featureAllowed: (state, featureSlug) => featureAllowed(state, featureSlug),\n});\n\nconst withConnect = connect(\n mapStateToProps,\n mapDispatchToProps,\n);\n\nexport default compose(\n withOfferSelectorReducer,\n withOfferSelectorSaga,\n withConnect,\n)(OfferInfo);\n","/*\n * OfferPrice Messages\n *\n * This contains all the text for the OfferPrice container.\n */\nimport { defineMessages } from 'react-intl';\nimport configs from \"configs\"\n\nexport const scope = 'app.components.OfferPrice';\n\nexport default defineMessages({\n price: {\n id: `${scope}.price`,\n defaultMessage: configs.messages[scope].price,\n },\n details: {\n id: `${scope}.details`,\n defaultMessage: 'Offerta soggetta ad esaurimento',\n },\n description: {\n id: `${scope}.description`,\n defaultMessage: 'Canone mensile',\n },\n\n});\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { FormattedMessage } from 'react-intl';\nimport messages from './messages';\nimport './styles.scss';\n\nconst offerPrice = props => {\n const { price, unit } = props;\n\n return (\n \n
\n );\n};\n\nofferPrice.defaultProps = {\n unit: '€',\n};\n\nofferPrice.propTypes = {\n price: PropTypes.number.isRequired,\n unit: PropTypes.string,\n};\n\nexport default offerPrice;\n","import React from 'react';\nimport { FormattedMessage } from 'react-intl';\nimport { Button } from 'antd';\nimport { Link } from 'react-router-dom';\n\nimport { createStructuredSelector } from 'reselect';\nimport injectReducer from 'utils/injectReducer';\nimport { connect } from 'react-redux';\nimport { compose } from 'redux';\nimport reducer from 'containers/Quotation/reducer';\n\nimport { makeSelectOriginalOffer } from 'containers/Quotation/selectors';\nimport { featureAllowed } from 'containers/App/selectors';\nimport messages from './messages';\nimport './styles.scss';\nimport 'antComponentsStyle';\n\nclass QuotationInitializer extends React.Component {\n constructor(props) {\n super(props);\n }\n\n componentDidMount() {\n this.storeOfferConfiguration();\n }\n\n componentDidUpdate() {\n this.storeOfferConfiguration();\n }\n\n storeOfferConfiguration() {\n let {\n offer,\n price,\n accessories,\n selectedColors,\n services,\n equippedOptionals,\n fees,\n } = this.props;\n\n if (accessories.hasOwnProperty('__altered')) {\n accessories = accessories.toArray();\n }\n\n if (selectedColors.hasOwnProperty('__altered')) {\n selectedColors = selectedColors.toArray();\n }\n\n if (services && services.hasOwnProperty('__altered')) {\n services = services.toArray();\n }\n\n offer.code = this.props.originalOffer.code;\n offer.car = this.props.originalOffer.car;\n offer.images = this.props.originalOffer.images;\n offer.tag = this.props.originalOffer.tag;\n offer.secondaryTag = this.props.originalOffer.secondaryTag;\n\n const objToStorage = {\n offer,\n price,\n accessories: this.props.originalOffer.optionalAccessories.data,\n selectedAccessories: accessories,\n colors: this.props.originalOffer.colors.data,\n selectedColors: selectedColors,\n selectedServices: services,\n equippedOptionals,\n fees,\n };\n\n localStorage.setItem('lastConfiguredOffer', JSON.stringify(objToStorage));\n }\n\n render() {\n if (this.props.featureAllowed('quotations')) {\n return (\n \n \n \n
\n {\n false && \n
\n }\n \n {offer.hasOwnProperty('ref') &&\n offer.hasOwnProperty('monthly_rate') ?\n <>\n \n {hasSustainabilityIndex() &&\n \n
\n {messages.price.defaultMessage}\n \n
\n \n
\n\n \n
\n {messages.price.defaultMessage}\n \n
\n\n
\n );\n};\n\nofferStickyPrice.defaultProps = {\n unit: '€',\n price: '-',\n};\n\nofferStickyPrice.propTypes = {\n price: PropTypes.any,\n unit: PropTypes.string,\n};\n\nexport default offerStickyPrice;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport './styles.scss';\n\nconst item = props => {\n const { value, description, onClick, selected } = props;\n\n return (\n \n
\n }\n \n {messages.description.defaultMessage}\n
\n {messages.price.defaultMessage}\n
\n \n \n {messages.price.defaultMessage}\n
\n {messages.price.defaultMessage}\n \n
\n
\n Offerta economica limitata valida fino ad esaurimento scorte.\n
\n {offer.sustainabilityIndex >= 0 && offer.sustainabilityMessage && offer.sustainabilityMessage !== '' ?\n \n Offerta economica limitata valida fino ad esaurimento scorte.\n
\n {messages.price.defaultMessage}\n \n
\n
\n Offerta economica limitata valida fino ad esaurimento scorte.\n
\n \n }\n \n Offerta economica limitata valida fino ad esaurimento scorte.\n
\n {props.iconComponent}\n
\n );\n};\n\nitem.defaultProps = {\n onClick: () => null,\n selected: false,\n};\n\nitem.propTypes = {\n value: PropTypes.string.isRequired,\n description: PropTypes.string.isRequired,\n iconComponent: PropTypes.any.isRequired,\n onClick: PropTypes.func,\n selected: PropTypes.bool,\n};\n\nexport default item;\n","/*\n * OfferDetails Messages\n *\n * This contains all the text for the OfferDetails container.\n */\nimport { defineMessages } from 'react-intl';\n\nexport const scope = 'app.components.OfferDetails';\n\nexport default defineMessages({\n title: {\n id: `${scope}.title`,\n defaultMessage: 'Dettagli Offerta Noleggio',\n },\n button: {\n id: `${scope}.button`,\n defaultMessage: 'Personalizza Offerta',\n },\n duration: {\n id: `${scope}.duration`,\n defaultMessage: 'Durata',\n },\n deposit: {\n id: `${scope}.deposit`,\n defaultMessage: 'Anticipo',\n },\n distance: {\n id: `${scope}.distance`,\n defaultMessage: 'Km/Anno',\n },\n changeOfferTitle: {\n id: `${scope}.changeOfferTitle`,\n defaultMessage: \"Selezione le caratteristiche dell'offerta\",\n },\n changeDuration: {\n id: `${scope}.changeDuration`,\n defaultMessage: 'Seleziona la durata',\n },\n changeDeposit: {\n id: `${scope}.changeDeposit`,\n defaultMessage: \"Seleziona l'anticipo\",\n },\n changeDistance: {\n id: `${scope}.changeDistance`,\n defaultMessage: 'Seleziona una distanza',\n },\n action: {\n id: `${scope}.action`,\n defaultMessage: 'Salva le caratteristiche selezionate',\n },\n});\n","/*\n * OfferDatailsSelectorConstants\n */\n\nexport const DISPLAY_OFFERS = 'ideal/components/OfferDetails/DISPLAY_OFFERS';\nexport const OFFER_SELECTED = 'ideal/components/OfferDetails/OFFER_SELECTED';\n\n\n","/*\n* FormsReducer\n*/\n\nimport { fromJS } from 'immutable';\nimport { OFFER_SELECTED, DISPLAY_OFFERS } from './constants';\n\n// The initial state of forms\nexport const initialState = fromJS({\n offer: {\n reference: null,\n distance: 0,\n duration: 0,\n deposit: 0,\n monthlyRate: 0,\n },\n display: false,\n});\n\nfunction offerSelectorReducer(state = initialState, action) {\n switch (action.type) {\n case OFFER_SELECTED:\n return state.set('offer', action.offer);\n case DISPLAY_OFFERS:\n return state.set('display', action.display);\n default:\n return state;\n }\n}\n\nexport default offerSelectorReducer;\n","import { all } from 'redux-saga/effects';\n\nfunction* actionWatcher() {}\n\nexport default function* optionData() {\n yield all([actionWatcher()]);\n}\n","import { OFFER_SELECTED, DISPLAY_OFFERS } from './constants';\n\n/**\n *\n * @param offer\n * @returns {{offer: *, type: *}}\n */\nexport function offerSelected(offer) {\n return {\n type: OFFER_SELECTED,\n offer,\n };\n}\n\n/**\n *\n * @param display\n * @returns {{display: *, type: *}}\n */\nexport function displayOffers(display = true) {\n return {\n type: DISPLAY_OFFERS,\n display,\n };\n}\n","import { createSelector } from 'reselect';\nimport { initialState } from './reducer';\n\nconst selectOfferSelector = state =>\n state.get('offerDetailsSelector', initialState);\n\nconst makeSelectOfferSelector = () =>\n createSelector(selectOfferSelector, offerSelectorState =>\n offerSelectorState.get('offer'),\n );\nconst makeSelectDisplayOffers = () =>\n createSelector(selectOfferSelector, offerSelectorState =>\n offerSelectorState.get('display'),\n );\n\nexport { selectOfferSelector, makeSelectOfferSelector, makeSelectDisplayOffers };\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Modal, ModalBody } from 'reactstrap';\n\nimport { FormattedMessage } from 'react-intl';\n\nimport DistanceIcon from '-!svg-react-loader!./assets/img/distance.svg?name=DistanceIcon';\nimport DurationIcon from '-!svg-react-loader!./assets/img/duration.svg?name=DurationIcon';\nimport DepositIcon from '-!svg-react-loader!./assets/img/deposit.svg?name=DepositIcon';\n\nimport { connect } from 'react-redux';\nimport { createStructuredSelector } from 'reselect';\nimport { compose } from 'redux';\nimport injectReducer from 'utils/injectReducer';\nimport injectSaga from 'utils/injectSaga';\nimport Item from './item';\nimport messages from './messages';\n\nimport reducer from './reducer';\nimport saga from './saga';\n\nimport { displayOffers, offerSelected } from './actions';\nimport { makeSelectDisplayOffers, makeSelectOfferSelector } from './selectors';\nimport './selector.scss';\nimport { default as OfferPrice } from '../OfferPrice/';\n\nclass OfferDetailsSelector extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n deposit: props.selectedOffer.deposit,\n distance: props.selectedOffer.distance,\n duration: props.selectedOffer.duration,\n monthly_rate: props.selectedOffer.monthly_rate,\n ref: props.selectedOffer.ref,\n };\n\n const deposits = [];\n const distances = [];\n const durations = [];\n\n props.offers.map(item => {\n deposits.push(item.deposit);\n distances.push(item.distance);\n durations.push(item.duration);\n });\n\n this.deposits = [...new Set(deposits)].sort();\n this.distances = [...new Set(distances)].sort();\n this.durations = [...new Set(durations)].sort();\n this.handleOnClick = this.handleOnClick.bind(this);\n }\n\n componentDidUpdate(prevProps) {\n if (\n prevProps.selectedOffer.deposit !== this.props.selectedOffer.deposit ||\n prevProps.selectedOffer.distance !== this.props.selectedOffer.distance ||\n prevProps.selectedOffer.duration !== this.props.selectedOffer.duration ||\n prevProps.selectedOffer.monthly_rate !==\n this.props.selectedOffer.monthly_rate ||\n prevProps.selectedOffer.ref !== this.props.selectedOffer.ref\n ) {\n this.setState(() => ({\n deposit: this.props.selectedOffer.deposit,\n distance: this.props.selectedOffer.distance,\n duration: this.props.selectedOffer.duration,\n monthly_rate: this.props.selectedOffer.monthly_rate,\n ref: this.props.selectedOffer.ref,\n }));\n }\n }\n\n async handleOnClick(e, field, value) {\n e.preventDefault();\n await this.setState({ [field]: parseInt(value) });\n const newSelected = this.searchSelectedOffer();\n this.setState(() => ({\n monthly_rate: newSelected.monthly_rate,\n ref: newSelected.ref,\n }));\n }\n\n handleOnSaveClick = e => {\n e.preventDefault();\n this.props.selectOffer({\n ref: this.state.ref,\n distance: this.state.distance,\n duration: this.state.duration,\n deposit: this.state.deposit,\n monthly_rate: this.state.monthly_rate,\n });\n this.props.close();\n };\n\n searchSelectedOffer = () =>\n this.props.offers.filter(\n item =>\n parseInt(item.deposit) === this.state.deposit &&\n parseInt(item.distance) === this.state.distance &&\n parseInt(item.duration) === this.state.duration,\n )[0];\n\n render() {\n const { openModal, selectedOffer } = this.props;\n const { deposit, distance, duration, monthly_rate } = this.state;\n return (\n {description}
\n {value}
\n \n
\n \n
\n \n \n
\n \n {this.durations.map((item, index) => (\n
\n \n
\n \n {this.deposits.map((item, index) => (\n
\n \n
\n \n {this.distances.map((item, index) => (\n
\n \n \n
\n \n
\n );\n }\n}\nOfferDetails.defaultProps = {\n childOffers: [],\n};\n\nOfferDetails.propTypes = {\n deposit: PropTypes.number.isRequired,\n duration: PropTypes.number.isRequired,\n distance: PropTypes.number.isRequired,\n childOffers: PropTypes.array,\n};\n\nexport function mapDispatchToProps(dispatch) {\n return {\n open: () => dispatch(displayOffers(true)),\n };\n}\n\nconst mapStateToProps = createStructuredSelector({});\n\nconst withReducer = injectReducer({ key: 'offerDetailsSelector', reducer });\nconst withSaga = injectSaga({ key: 'offerDetailsSelector', saga });\n\nconst withConnect = connect(\n mapStateToProps,\n mapDispatchToProps,\n);\n\nexport default compose(\n withReducer,\n withSaga,\n withConnect,\n)(OfferDetails);\n","/*\n * OfferPrint Messages\n *\n * This contains all the text for the OfferPrint container.\n */\nimport { defineMessages } from 'react-intl';\n\nexport const scope = 'app.components.OfferPrint';\n\nexport default defineMessages({\n title: {\n id: `${scope}.title`,\n defaultMessage: 'Stampa questa offerta',\n },\n button: {\n id: `${scope}.button`,\n defaultMessage: 'Stampa Offerta',\n },\n});\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { FormattedMessage } from 'react-intl';\nimport { Modal, ModalBody, ModalHeader } from 'reactstrap';\nimport messages from './messages';\nimport { MediumActionButton } from '../UIKit';\nimport Print from '-!svg-react-loader!./assets/img/print.svg?name=Print';\nimport { default as PrintForm } from '../Forms/';\nimport './styles.scss';\n\nclass OfferPrint extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n print: false,\n };\n this.onPrintClick = this.onPrintClick.bind(this);\n }\n\n onPrintClick() {\n this.setState({\n print: !this.state.print,\n });\n }\n\n render() {\n const { carName } = this.props;\n\n return (\n \n
\n \n
\n {hasChildOffers && \n \n {`Stampa Offerta ${carName}`}\n {this.state.print && \n \n
\n );\n }\n}\n\nOfferPrint.defaultProps = {};\n\nOfferPrint.propTypes = {\n carName: PropTypes.string.isRequired,\n};\n\nexport default OfferPrint;\n","import { EventSourcePolyfill } from 'event-source-polyfill';\nimport { getAuthToken, getRefreshToken } from './auth';\n\n/**\n * Parses the JSON returned by a network request\n *\n * @param {object} response A response from a network request\n *\n * @return {object} The parsed JSON from the request\n */\nfunction parseJSON(response) {\n if (response.status === 204 || response.status === 205) {\n return null;\n }\n return response.json();\n}\n\n/**\n * Checks if a network request came back fine, and throws an error if not\n *\n * @param {object} response A response from a network request\n *\n * @return {object|undefined} Returns either the response, or throws an error\n */\nfunction checkStatus(response) {\n if (response.status >= 200 && response.status < 300) {\n return response;\n }\n\n const error = new Error(response.statusText);\n error.response = response;\n throw error;\n}\n\n/**\n * Requests a URL, returning a promise\n *\n * @param {string} url The URL we want to request\n * @param {object} [options] The options we want to pass to \"fetch\"\n *\n * @return {object} The response data\n */\nexport default function request(url, options) {\n return fetch(url, options)\n .then(checkStatus)\n .then(parseJSON);\n}\n\n/**\n * @param {string} url\n * @param {object} [options]\n *\n * @return {object}\n */\nexport const requestSSE = (url, options = {}) => {\n const addedHeaders = options.headers || {};\n\n addedHeaders['Authorization'] = `Bearer ${getAuthToken()}`;\n addedHeaders['X-Refresh-Tkn'] = getRefreshToken();\n\n options.headers = addedHeaders;\n\n const eventSource = new EventSourcePolyfill(url, options);\n\n return eventSource;\n}\n","import { fromJS } from 'immutable';\nimport {\n PRINT_QUOTATION,\n} from './constants';\n\nexport const initialState = fromJS({\n code: null,\n quotation: {}\n});\n\nfunction quotationReducer(state = initialState, action) {\n switch (action.type) {\n case PRINT_QUOTATION:\n return state.set('code', action.code);\n default:\n return state;\n }\n}\n\nexport default quotationReducer;\n","import { createSelector } from 'reselect';\nimport { initialState } from './reducer-sidebar';\n\nconst selectQuotation = state => state.get('quotationSidebar', initialState);\n\nconst makeSelectQuotationCode = () =>\n createSelector(selectQuotation, quotationState => quotationState.get('code'));\n\nexport {\n selectQuotation,\n makeSelectQuotationCode,\n};\n","import { takeLatest, all, select } from 'redux-saga/effects';\nimport { PRINT_QUOTATION } from './constants';\nimport { makeSelectQuotationCode } from './selectors-sidebar';\nimport { getRequestHeadersAsLogged } from '../../utils/auth';\n\nfunction* printQuote() {\n const code = yield select(makeSelectQuotationCode());\n const requestURL = `${process.env.API_URL}proposals/${code}/attachment`;\n try {\n const parameters = {\n method: 'POST',\n headers: getRequestHeadersAsLogged(),\n };\n\n yield fetch(requestURL, parameters)\n .then(response => response.blob())\n .then(blob => {\n const date = new Date();\n return download(blob, `Preventivo-${date.getTime()}`);\n });\n } catch (err) {\n console.log('request error', err);\n }\n}\n\nfunction* actionWatcher() {\n yield takeLatest(PRINT_QUOTATION, printQuote);\n}\n\nexport default function* quotationData() {\n yield all([actionWatcher()]);\n}\n","import {\n PRINT_QUOTATION,\n} from './constants';\n\nexport const printQuotation = code => ({\n type: PRINT_QUOTATION,\n code,\n});\n","import React, { useEffect, useState } from 'react';\nimport { Button, Icon, Tooltip } from 'antd';\nimport { connect } from 'react-redux';\nimport { compose } from 'redux';\nimport configs from 'configs';\n\nimport { requestSSE } from 'utils/request';\n\nimport injectReducer from 'utils/injectReducer';\nimport injectSaga from 'utils/injectSaga';\n\nimport reducer from './reducer-sidebar';\nimport saga from './saga-sidebar';\n\nimport { printQuotation } from './actions-sidebar';\n\nimport 'antComponentsStyle';\n\nconst SidebarButtons = ({ proposal, stillValid, printQuotation, currentStep }) => {\n const [updatedProposal, setProposal] = useState(proposal);\n\n let { quotation } = updatedProposal;\n quotation = quotation && quotation.data ? quotation.data : {};\n\n useEffect(\n () => {\n if (proposal && proposal.id && !proposal.has_pdf && currentStep >= configs.stepPDFdownloadable) {\n const eventSource = requestSSE(\n `${process.env.API_URL}proposals/sync/${proposal.id}`,\n );\n\n eventSource.addEventListener('update', response => {\n if (response && response.data) {\n const data = { ...updatedProposal, ...JSON.parse(response.data) };\n\n if (data.has_pdf) {\n setProposal(data);\n eventSource.close();\n }\n } else {\n console.error(response);\n eventSource.close();\n }\n });\n\n return () => {\n eventSource.close();\n };\n }\n\n setProposal(proposal);\n },\n [proposal, currentStep],\n );\n\n return (\n <>\n {updatedProposal.id && updatedProposal.has_pdf && (stillValid && currentStep >= configs.stepPDFdownloadable) ?\n \n :\n !updatedProposal.has_pdf && (stillValid && currentStep >= configs.stepPDFdownloadable) ?\n \n
\n \n
\n \n \n \n
\n \n {printAllowed &&\n
\n\n \n
\n Offerta economica limitata valida fino ad esaurimento scorte.\n \n
\n
\n {car.brand.name} {car.descrizione_modello}
\n {car.allestimento}\n {color &&{color}
}\n \n }\n />\n \n\n {car.brand.name} {car.descrizione_modello}
\n {car.allestimento}\n {color &&{color}
}\n \n }\n />\n \n {parseInt(price).toLocaleString('it')}€\n
\n \n Canone mensile\n
\n {messages.vat.defaultMessage}\n
\n \n \n {messages.vat.defaultMessage}\n
\n Canone mensile\n
\n \n {messages.vat.defaultMessage}\n
\n \n \n Offerta economica limitata valida fino ad esaurimento scorte.\n \n
\n \n (\n \n \n )}\n />\n \n (\n \n \n )}\n />\n \n {selectedServices && selectedServices.length ?\n (\n \n 1 ?\n `${service.name} (x ${service.quantity})`\n :\n service.name\n }`}\n description={\n \n )}\n />\n \n : null\n }\n {equippedOptionals && equippedOptionals.length > 0 ?\n (\n \n \n )}\n />\n \n : null\n }\n\n {proposal.accessories && proposal.accessories.length ?\n (\n \n \n )}\n />\n \n : null\n }\n \n
\n \n );\n};\n\nexport default SidebarPreview;\n","import {takeLatest, all, select, put} from 'redux-saga/effects';\nimport {\n SAVE_PROPOSAL,\n UPDATE_QUOTATION,\n SEARCH_CUSTOMER_BY_FISCAL,\n SEARCH_CUSTOMER_BY_VAT,\n} from './constants';\nimport {\n saveQuotationSuccess,\n saveQuotationError,\n saveProposalError,\n customerLoaded,\n customerFound,\n setUpdated\n} from './actions';\nimport {\n makeSelectQuote,\n makeSelectProposalId,\n makeSelectCustomerCode,\n makeSelectCustomer,\n makeSelectCustomerVat,\n makeSelectCustomerContractualCategory\n} from './selectors';\nimport { getRequestHeadersAsLogged, responseHandler } from '../../utils/auth';\n\nfunction* saveProposal() {\n const proposal = yield select(makeSelectQuote());\n const proposalId = yield select(makeSelectProposalId());\n const requestURL = `${process.env.API_URL}proposals${(proposalId > 0) ? `/${proposalId}` : ''}`;\n\n try {\n const parameters = {\n method: proposalId > 0 ? 'PUT' : 'POST',\n headers: getRequestHeadersAsLogged(),\n body: JSON.stringify(proposal),\n };\n\n const response = yield fetch(requestURL, parameters).then(response =>\n responseHandler(response)\n );\n\n if (response.data && response.data.id) {\n window.location.replace('/quotations/' + response.data.id);\n } else {\n yield put(saveProposalError(response.errors || response.data.errors || 'unknown error'));\n }\n } catch (err) {\n console.log('request error', err);\n }\n}\n\nfunction* updateQuotation() {\n const quote = yield select(makeSelectQuote());\n const requestURL = `${process.env.API_URL}quote/${quote.code}`;\n\n try {\n const parameters = {\n method: 'PUT',\n headers: getRequestHeadersAsLogged(),\n body: JSON.stringify(quote.customer),\n };\n\n const response = yield fetch(requestURL, parameters).then(response =>\n responseHandler(response)\n );\n\n if (typeof response.data.errors !== 'undefined') {\n yield put(saveQuotationError(response.errors));\n } else {\n yield put(saveQuotationSuccess(response.data));\n yield put(setUpdated(true));\n }\n } catch (err) {\n console.log('request error', err);\n }\n}\n\nfunction* searchCustomerByFiscalCode() {\n const code = yield select(makeSelectCustomerCode());\n const contractualCategory = yield select(makeSelectCustomerContractualCategory());\n let customer = yield select(makeSelectCustomer());\n const requestURL = `${process.env.API_URL}customers/search?code=${code}&category=${(contractualCategory !== null ? contractualCategory : '')}`;\n\n try {\n const parameters = {\n method: 'GET',\n headers: getRequestHeadersAsLogged(),\n };\n\n const response = yield fetch(requestURL, parameters)\n .then(response => responseHandler(response));\n\n if (typeof response.error !== 'undefined') {\n if (!customer)\n customer = {}\n customer.fiscal_code = code\n customer.employee_category = contractualCategory\n yield put(customerLoaded(customer));\n yield put(customerFound(false));\n } else {\n yield put(customerLoaded(response.data));\n yield put(customerFound(true));\n }\n } catch (err) {\n yield put(customerLoaded({}));\n yield put(customerFound(false));\n }\n}\n\nfunction* searchCustomerByVatNumber() {\n const vat = yield select(makeSelectCustomerVat());\n const contractualCategory = yield select(makeSelectCustomerContractualCategory());\n let customer = yield select(makeSelectCustomer());\n const requestURL = `${process.env.API_URL}customers/search?vat=${vat}&category=${(contractualCategory !== null ? contractualCategory : '')}`;\n\n try {\n const parameters = {\n method: 'GET',\n headers: getRequestHeadersAsLogged(),\n };\n\n const response = yield fetch(requestURL, parameters)\n .then(response => responseHandler(response));\n\n if (typeof response.error !== 'undefined') {\n if (!customer)\n customer = {}\n customer.vat_number = vat\n customer.employee_category = contractualCategory\n yield put(customerLoaded(customer));\n yield put(customerFound(false));\n } else {\n yield put(customerLoaded(response.data));\n yield put(customerFound(true));\n }\n } catch (err) {\n yield put(customerLoaded({}));\n yield put(customerFound(false));\n }\n}\n\nfunction* actionWatcher() {\n yield takeLatest(SAVE_PROPOSAL, saveProposal);\n yield takeLatest(UPDATE_QUOTATION, updateQuotation);\n yield takeLatest(SEARCH_CUSTOMER_BY_FISCAL, searchCustomerByFiscalCode);\n yield takeLatest(SEARCH_CUSTOMER_BY_VAT, searchCustomerByVatNumber);\n}\n\nexport default function* quotationData() {\n yield all([actionWatcher()]);\n}\n","import React from 'react';\nimport { FormattedMessage } from 'react-intl';\n\nimport { Alert, Form, Checkbox, Input, Button, Select, Row, Col, Divider, Tooltip, Icon } from 'antd';\n\nimport { connect } from 'react-redux';\nimport { compose } from 'redux';\nimport injectReducer from 'utils/injectReducer';\nimport injectSaga from 'utils/injectSaga';\n\nimport { createStructuredSelector } from 'reselect';\nimport reducer from './reducer';\nimport saga from './saga';\nimport { saveProposal, selectContractualCategoryType } from './actions';\nimport { default as Loader } from \"../Loader\";\nimport { makeSelectLoading, makeSelectContractualCategoryTypeSelected, selectErrors, selectHasErrors } from './selectors';\nimport { makeSelectFeesSelector } from '../CustomizeOffer/selectors';\n\nimport * as Validator from '../CarQuote/validator';\n\nimport messages from './messages';\nimport {\n CONTRACTUAL_CATEGORIES,\n CONTRACTUAL_CATEGORIES_TYPE_BUSINESS,\n CONTRACTUAL_CATEGORIES_TYPE_PRIVATE,\n CONTRACTUAL_CATEGORIES_TYPES_TAG_MAP,\n} from '../CarQuote/constants';\nimport 'antComponentsStyle';\n\nclass CustomerForm extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n inputChanged: false,\n consent: false,\n fiscalCodeHasError: false,\n errors: {},\n };\n }\n\n get isBusinessEmployee() {\n const employee_category = this.props.customer.employee_category;\n\n if (employee_category !== undefined) {\n const selectedContractualCategory = CONTRACTUAL_CATEGORIES.filter(category => category.value === employee_category);\n return selectedContractualCategory[0] && selectedContractualCategory[0].type === CONTRACTUAL_CATEGORIES_TYPE_BUSINESS;\n }\n\n return false;\n }\n\n isValid() {\n let valid = true;\n const errors = {};\n\n if (this.quotationExists) {\n return valid;\n }\n\n if (!this.props.customer.first_name || this.props.customer.first_name.length < 1) {\n valid = false;\n errors.first_name = true;\n }\n\n if (!this.props.customer.last_name || this.props.customer.last_name.length < 1) {\n valid = false;\n errors.last_name = true;\n }\n\n if (!Validator.validateEmail(this.props.customer.email)) {\n valid = false;\n errors.email = true;\n }\n\n if (\n this.props.customer.phone &&\n !Validator.validatePhone(this.props.customer.phone)\n ) {\n valid = false;\n errors.phone = true;\n }\n\n if (this.props.customer.address && this.props.customer.address.length < 1) {\n valid = false;\n errors.address = true;\n }\n\n if (this.props.customer.city && this.props.customer.city.length < 1) {\n valid = false;\n errors.city = true;\n }\n\n if (\n this.props.customer.zip_code &&\n !Validator.validatePostalCode(this.props.customer.zip_code)\n ) {\n valid = false;\n errors.zip_code = true;\n }\n\n if (\n !this.props.customer.fiscal_code ||\n this.props.customer.fiscal_code.length < 1\n ) {\n valid = false;\n errors.fiscal_code = true;\n }\n\n if (\n this.isBusinessEmployee &&\n !Validator.validateVatNumber(this.props.customer.vat_number)\n ) {\n valid = false;\n errors.vat_number = true;\n }\n\n if (\n this.isBusinessEmployee &&\n (!this.props.customer.business_name ||\n this.props.customer.business_name.length < 1)\n ) {\n valid = false;\n errors.business_name = true;\n }\n\n if (\n this.isBusinessEmployee &&\n !Validator.validateEmail(this.props.customer.pec)\n ) {\n valid = false;\n errors.pec = true;\n }\n\n this.setState({ errors });\n return valid;\n }\n\n get canSubmit() {\n if (this.quotationExists) {\n return true;\n }\n\n const {\n first_name,\n last_name,\n email,\n address,\n zip_code,\n city,\n phone,\n fiscal_code,\n employee_category,\n vat_number,\n business_name,\n pec,\n sdi_code,\n } = this.props.customer;\n\n const { consent, fiscalCodeHasError, errors } = this.state;\n\n const contractualCategories = this.getContractualCategoriesByOfferTag();\n\n return (\n !fiscalCodeHasError &&\n Object.values(errors).length === 0 &&\n first_name &&\n first_name.trim() !== '' &&\n last_name &&\n last_name.trim() !== '' &&\n email &&\n email.trim() !== '' &&\n address &&\n address.trim() !== '' &&\n zip_code &&\n zip_code.trim() !== '' &&\n city &&\n city.trim() !== '' &&\n phone &&\n phone.trim() !== '' &&\n fiscal_code &&\n fiscal_code.trim() !== '' &&\n consent === true &&\n employee_category &&\n employee_category.trim() !== '' &&\n contractualCategories.some(contractualCategory => contractualCategory.value === employee_category) &&\n (!this.isBusinessEmployee ||\n (vat_number &&\n vat_number.trim() !== '' &&\n business_name &&\n business_name.trim() !== '' &&\n pec &&\n pec.trim() !== '' &&\n sdi_code &&\n sdi_code.trim() !== ''))\n );\n }\n\n handleSubmit = e => {\n e.preventDefault();\n\n if (this.isValid()) {\n const {\n services,\n accessories,\n colors,\n newMonthlyRate,\n onNext,\n fees,\n prescoringData,\n } = this.props;\n const offer = this.offerData;\n\n if (this.quotationExists) {\n onNext(2);\n } else {\n const {\n first_name,\n last_name,\n email,\n fiscal_code,\n employee_category,\n vat_number,\n business_name,\n pec,\n sdi_code,\n phone,\n address,\n zip_code,\n city,\n notes,\n } = this.props.customer;\n\n const { consent } = this.state;\n\n const sustainability = {\n \"step\": prescoringData.inputData.step || prescoringData.response.currentStep || null,\n \"logic\": prescoringData.logic || [],\n \"answers\": prescoringData.inputData.answers || {},\n \"response\": {\n ...prescoringData.response,\n \"chance\": offer.sustainabilityIndex >= 0 ? offer.sustainabilityIndex : prescoringData.response.chance,\n \"description\": offer.sustainabilityMessage && offer.sustainabilityMessage != '' ? offer.sustainabilityMessage : prescoringData.response.description,\n },\n \"contractualCategory\": prescoringData.inputData.contractualCategory\n };\n\n this.props.saveProposal({\n accessories: accessories.length ? accessories : [],\n business_name,\n pec,\n sdi_code,\n additionalServices: services,\n colors: colors.length ? colors : [],\n consent,\n email,\n employee_category,\n first_name,\n fiscal_code,\n last_name,\n phone,\n address,\n zip_code,\n city,\n notes,\n newMonthlyRate,\n offer,\n vat_number,\n fees,\n sustainability\n });\n }\n }\n };\n\n onFiscalCodeChange = e => {\n const value = e.target.value;\n const fiscalCode = value.trim().toUpperCase();\n\n if (fiscalCode.length === 16) {\n if (Validator.validateFiscalCode(fiscalCode)) {\n this.setState({\n fiscalCodeHasError: false\n });\n\n this.props.searchCustomerByFiscal(fiscalCode, this.props.customer.employee_category);\n } else {\n this.setState({ fiscalCodeHasError: true });\n }\n }\n };\n\n onVatNumberChange = e => {\n const value = e.target.value;\n const vatNumber = value.trim().toUpperCase();\n\n if (vatNumber.length === 11) {\n if (Validator.validateVatNumber(vatNumber)) {\n this.setState({\n vatNumberHasError: false\n });\n\n this.props.searchCustomerByVat(vatNumber, this.props.customer.employee_category);\n } else {\n this.setState({ vatNumberHasError: true });\n }\n }\n };\n\n onInputChange = e => {\n this.props.onInputChange(e);\n\n this.setState({\n errors: {}\n });\n };\n\n onConsentChange = e => {\n this.setState({ consent: e.target.checked });\n };\n\n componentDidMount() {\n let { prescoringData: { inputData } } = this.props;\n inputData = inputData && inputData.hasOwnProperty('_root') ? inputData.toJS() : inputData || {};\n\n if (inputData && inputData.contractualCategory) {\n this.onEmployeeCategoryChange(inputData.contractualCategory);\n }\n }\n\n onEmployeeCategoryChange = value => {\n if (this.offerContractualCategoryType === CONTRACTUAL_CATEGORIES_TYPE_PRIVATE ||\n this.props.contractualCategoryTypeSelected === CONTRACTUAL_CATEGORIES_TYPE_PRIVATE) {\n this.props.searchCustomerByFiscal(this.props.customer.fiscal_code, value, this.props.customer)\n } else {\n this.props.searchCustomerByVat(this.props.customer.vat_number, value, this.props.customer)\n }\n }\n\n onContractualCategoryTypeChange = value => {\n if (!this.props.contractualCategoryTypeSelected ||\n (\n !this.props.customerFound &&\n this.hasCustomer &&\n confirm('I dati anagrafici inseriti verranno cancellati. Sei sicuro di voler continuare?')\n )\n ) {\n this.props.selectContractualCategoryType(value)\n this.props.resetCustomer()\n } else if ((this.props.customerFound && this.hasCustomer) || !this.hasCustomer) {\n this.props.selectContractualCategoryType(value)\n this.props.resetCustomer()\n }\n }\n\n get quotationExists() {\n return this.props.proposal && this.props.proposal.quotation && this.props.proposal.quotation.data && this.props.proposal.quotation.data.code !== undefined;\n }\n\n get proposalExists() {\n return this.props.proposal && this.props.proposal.id && this.props.proposal.id > 0;\n }\n\n get hasCustomer() {\n return this.props.customer.hasOwnProperty('fiscal_code') || this.props.customer.hasOwnProperty('vat_number');\n }\n\n get offerData() {\n return this.props.proposal.offer && this.props.proposal.offer.data ?\n this.props.proposal.offer.data :\n this.props.proposal.quotation && this.props.proposal.quotation.data.offer.data ?\n this.props.proposal.quotation.data.offer.data :\n null;\n }\n\n get offerCustomUrl() {\n const offerData = this.offerData;\n\n if (offerData) {\n return [\n '/offers/',\n offerData.code,\n '?duration=',\n offerData.duration,\n '&deposit=',\n offerData.deposit,\n '&distance=',\n offerData.distance,\n '&accessories=',\n this.props.selectedAccessories.join(),\n '&colors=',\n this.props.selectedColors.join(),\n ].join('');\n }\n }\n\n getContractualCategoriesByOfferTag = () => {\n let contractualCategories = CONTRACTUAL_CATEGORIES;\n let mappedType = this.offerContractualCategoryType || this.props.contractualCategoryTypeSelected;\n\n if (!mappedType) {\n mappedType = this.isBusinessEmployee ? CONTRACTUAL_CATEGORIES_TYPE_BUSINESS : CONTRACTUAL_CATEGORIES_TYPE_PRIVATE;\n }\n\n if (mappedType) {\n contractualCategories = CONTRACTUAL_CATEGORIES\n .filter(contractualCategory => contractualCategory.type === mappedType)\n }\n\n return contractualCategories;\n }\n\n get offerContractualCategoryType() {\n let tag = this.props.offer.tag || (this.proposalExists && this.props.proposal.offer.data.leftLabel);\n let secondaryTag = this.props.offer.secondaryTag || (this.proposalExists && this.props.proposal.offer.data.rightLabel);\n\n let { prescoringData: { inputData } } = this.props;\n inputData = inputData && inputData.hasOwnProperty('_root') ? inputData.toJS() : inputData || {};\n\n if (inputData.contractualCategory) {\n return CONTRACTUAL_CATEGORIES\n .find(contractual_category => contractual_category.value === inputData.contractualCategory)\n .type;\n }\n\n // prendo i tag da local storage\n tag = (!tag || tag === '') && this.props.proposal.quotation && this.props.proposal.quotation.data.offer ? this.props.proposal.quotation.data.offer.data.tag : tag;\n secondaryTag = (!secondaryTag || secondaryTag === '') && this.props.proposal.quotation && this.props.proposal.quotation.data.offer ? this.props.proposal.quotation.data.offer.data.secondaryTag : secondaryTag;\n\n if (tag || secondaryTag) {\n return CONTRACTUAL_CATEGORIES_TYPES_TAG_MAP[tag] || CONTRACTUAL_CATEGORIES_TYPES_TAG_MAP[secondaryTag]\n }\n\n return null\n }\n\n render() {\n const contractualCategories = this.getContractualCategoriesByOfferTag();\n const categories = [\n {\n description: 'Seleziona...',\n value: '',\n type: 'PRIVATE',\n secondaryType: 'PRIVATE',\n },\n ...contractualCategories,\n ];\n\n const disabledSubmit = !this.canSubmit;\n const { errors } = this.state;\n let { loading, customer, contractualCategoryTypeSelected, proposalErrors, hasErrors, prescoringData: { inputData } } = this.props;\n inputData = inputData && inputData.hasOwnProperty('_root') ? inputData.toJS() : inputData || {};\n\n if (!contractualCategoryTypeSelected && this.proposalExists) {\n contractualCategoryTypeSelected = this.isBusinessEmployee ? CONTRACTUAL_CATEGORIES_TYPE_BUSINESS : CONTRACTUAL_CATEGORIES_TYPE_PRIVATE;\n }\n\n let contractualCategoriesSelectIsDisabled = false;\n let contractualCategorySelected =\n customer.category\n ? customer.category.code\n : customer.employee_category ? customer.employee_category : null;\n\n if (contractualCategorySelected && !contractualCategories.some(contractualCategory => contractualCategory.value === contractualCategorySelected)) {\n contractualCategorySelected = null;\n }\n\n if (inputData.contractualCategory) {\n contractualCategoriesSelectIsDisabled = true;\n }\n\n const zip_code = customer.zip_code;\n const address = customer.address || '';\n\n let criticalError = false;\n\n if (hasErrors) {\n if (proposalErrors === 'Invalid zip code') {\n proposalErrors = 'Siamo spiacenti, ma il CAP inserito non sembra essere valido.';\n } else if (proposalErrors === 'Contractual category not valid') {\n proposalErrors = 'Attenzione, la categoria contrattuale non è valida.';\n } else if (proposalErrors === 'Customer type not compatible with offer') {\n criticalError = true;\n proposalErrors =\n <>Spiacenti, si è verificato un errore durante la richiesta. Clicca qui per tornare all'offerta selezionata.\n } else {\n proposalErrors = \n {messages.vatNotice.defaultMessage}\n
\n {messages.vatNoticeDescription.defaultMessage}\n
\n
\n {uploadError && (\n \n \n
\n \n
\n );\n }\n}\n\nconst QuotationStatusFilterButton = ({\n value,\n label,\n statusFilter,\n onClick,\n}) => (\n \n
\n \n \n
\n );\n }\n}\n\nQuotationsSort.propTypes = {\n results: PropTypes.number.isRequired,\n parameters: PropTypes.object,\n removeFilter: PropTypes.func.isRequired,\n removeAll: PropTypes.func.isRequired,\n};\n\nconst mapStateToProps = createStructuredSelector({\n sort: makeSelectQuotationsSort(),\n selectedSort: makeSelectSelectedQuotationsSort(),\n parameters: makeSelectQuotationsParameters(),\n});\n\nexport function mapDispatchToProps(dispatch) {\n return {\n loadFilters: () => dispatch(loadFilters()),\n orderBy: value => dispatch(orderBy(value)),\n removeFilter: filterName => dispatch(removeFilter(filterName)),\n removeAll: () => dispatch(removeAll()),\n downloadQuotations: () => dispatch(downloadQuotations()),\n };\n}\n\nconst withConnect = connect(\n mapStateToProps,\n mapDispatchToProps,\n);\n\nexport default compose(\n withQuotationReducer,\n withConnect,\n)(QuotationsSort);\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport './styles.scss';\n\nconst index = props => {\n const { offerCode } = props;\n\n return (\n );\n}\n\nindex.propTypes = {\n offerCode: PropTypes.string.isRequired,\n};\n\nexport default index;\n","/*\n * CatalogEdit Messages\n *\n * This contains all the text for the Catalog Edit container.\n */\nimport { defineMessages } from 'react-intl';\n\nexport const scope = 'app.containers.CatalogEdit';\n\nexport default defineMessages({\n header: {\n id: `${scope}.header`,\n defaultMessage: 'This is the HomePage container!',\n },\n car: {\n id: `${scope}.car`,\n defaultMessage: 'Automobile',\n description: \"Modifica l'auto per la tua offerta\",\n },\n images: {\n id: `${scope}.images`,\n defaultMessage: 'Immagini',\n description: \"Gestisci le immagini dell'auto\",\n },\n offer: {\n id: `${scope}.offer`,\n defaultMessage: 'Offerta',\n description: \"Modifica i dati relativi all'offerta\",\n },\n childs: {\n id: `${scope}.childs`,\n defaultMessage: 'Variazioni',\n description: \"Modifica i prezzi dell'offerta\",\n },\n services: {\n id: `${scope}.services`,\n defaultMessage: 'Servizi inclusi',\n description: \"Modifica i servizi delll'offerta\",\n },\n preview: {\n id: `${scope}.preview`,\n defaultMessage: 'Suggerimenti',\n },\n submit: {\n id: `${scope}.submit`,\n defaultMessage: 'Salva modifiche',\n },\n cancel: {\n id: `${scope}.cancel`,\n defaultMessage: 'Annulla',\n },\n delete: {\n id: `${scope}.delete`,\n defaultMessage: 'Elimina offerta',\n },\n clone: {\n id: `${scope}.clone`,\n defaultMessage: 'Duplica offerta',\n },\n linkToOffer: {\n id: `${scope}.linkToOffer`,\n defaultMessage: 'Vedi dettaglio offerta',\n },\n});\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { FormattedMessage } from 'react-intl';\nimport { Button } from 'antd';\nimport configs from 'configs';\nimport messages from './messages';\n\nimport './styles.scss';\nimport 'antComponentsStyle';\n\nconst ButtonBoard = ({\n onSave,\n canSave,\n onCancel,\n onDelete,\n onClone,\n offerCode,\n}) => (\n \n \n {results}\n \n
\n {this.showFiltersBadge && (\n \n this.onRemoveFilter(parameterName)}\n />\n : null\n )}\n
\n )}\n
\n \n
\n \n \n \n {sort.map((item, key) => (\n \n ))}\n \n
\n \n {results}\n \n \n
\n {this.showFiltersBadge && (\n \n
\n \n \n \n \n \n
\n);\n\nButtonBoard.defaultProps = {\n canSave: true,\n offerCode: null,\n};\n\nButtonBoard.propTypes = {\n onSave: PropTypes.func.isRequired,\n canSave: PropTypes.bool,\n onCancel: PropTypes.func.isRequired,\n onDelete: PropTypes.func,\n onClone: PropTypes.func,\n offerCode: PropTypes.string,\n};\n\nexport default ButtonBoard;\n","/*\n * CarSelector Messages\n *\n * This contains all the text for the Car Selector container.\n */\nimport { defineMessages } from 'react-intl';\n\nexport const scope = 'app.components.CarSelector';\n\nexport default defineMessages({\n header: {\n id: `${scope}.header`,\n defaultMessage: 'This is the HomePage container!',\n },\n brands: {\n id: `${scope}.brands`,\n title: 'Marca',\n defaultMessage: 'Inizia a digitare o seleziona un brand',\n },\n models: {\n id: `${scope}.models`,\n title: 'Modello',\n defaultMessage: 'Inizia a digitare o seleziona un modello',\n },\n versions: {\n id: `${scope}.versions`,\n title: 'Allestimento',\n defaultMessage: 'Inizia a digitare o seleziona un allestimento',\n },\n images: {\n id: `${scope}.images`,\n title: 'Imagini',\n defaultMessage: \"Gestisci le imagini dell'auto selezionata\",\n },\n car: {\n id: `${scope}.car`,\n title: 'Automobile',\n defaultMessage: \"L'automobile da te selezionata è: \",\n },\n newCar: {\n id: `${scope}.newCar`,\n title: 'Aggiungi allestimento non presente',\n },\n editCar: {\n id: `${scope}.editCar`,\n title: 'Modifica allestimento personalizzato',\n },\n showCar: {\n id: `${scope}.showCar`,\n title: 'Visualizza dettagli allestimento',\n },\n});\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport SelectSearch from 'react-select-search';\n\nimport { connect } from 'react-redux';\nimport { createStructuredSelector } from 'reselect';\nimport { selectBrand } from './actions';\nimport { FlexSection } from '../UIKit';\nimport { makeSelectSelectedBrand } from './selectors';\nimport './brand.scss';\n\nclass Brand extends React.Component {\n constructor(props) {\n super(props);\n }\n\n selectBrand = value => {\n this.props.brandSelected(value);\n };\n\n renderBrand(props, option, snapshot, className) {\n return (\n \n );\n }\n\n render() {\n const { title, placeholder, brands, selected } = this.props;\n return (\n \n
\n );\n }\n}\n\nBrand.defaultProps = {\n placeholder: 'Seleziona',\n errors: {},\n};\nBrand.propTypes = {\n title: PropTypes.string,\n selected: PropTypes.string,\n placeholder: PropTypes.string,\n brands: PropTypes.any.isRequired,\n errors: PropTypes.object,\n brandSelected: PropTypes.func.isRequired,\n};\n\nexport function mapDispatchToProps(dispatch) {\n return {\n brandSelected: brandSlug => dispatch(selectBrand(brandSlug)),\n };\n}\nconst mapStateToProps = createStructuredSelector({\n selected: makeSelectSelectedBrand(),\n});\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(Brand);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport {connect} from 'react-redux';\nimport {createStructuredSelector} from 'reselect';\nimport SelectSearch from 'react-select-search';\nimport {makeSelectSelectedModel} from './selectors';\nimport {FlexSection} from '../UIKit';\nimport {selectModel} from './actions';\n\nclass Model extends React.Component {\n constructor(props) {\n super(props);\n }\n\n selectModel = (value, item) => {\n if (value && item) {\n this.props.modelSelected(value, item.name, item.endProductionYear);\n }\n };\n\n renderModel(props, option, snapshot, className) {\n return (\n \n );\n }\n\n render() {\n const {isLoading, title, placeholder, models, selected} = this.props;\n return (\n \n
\n );\n }\n}\n\nModel.defaultProps = {\n models: [],\n placeholder: 'Seleziona',\n errors: {},\n isLoading: true,\n};\nModel.propTypes = {\n title: PropTypes.string,\n selected: PropTypes.string,\n placeholder: PropTypes.string,\n models: PropTypes.array,\n errors: PropTypes.object,\n modelSelected: PropTypes.func.isRequired,\n isLoading: PropTypes.bool,\n};\n\nconst mapStateToProps = createStructuredSelector({\n selected: makeSelectSelectedModel(),\n});\n\nexport function mapDispatchToProps(dispatch) {\n return {\n modelSelected: (model, modelName, modelYear) =>\n dispatch(selectModel(model, modelName, modelYear)),\n };\n}\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(Model);\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { connect } from 'react-redux';\nimport { createStructuredSelector } from 'reselect';\nimport SelectSearch from 'react-select-search';\nimport { makeSelectSelectedVersion } from './selectors';\nimport { selectVersion, carLoaded } from './actions';\nimport { FlexSection } from '../UIKit';\n\nclass Version extends React.Component {\n constructor(props) {\n super(props);\n\n this.resetCar = this.resetCar.bind(this);\n this.selectVersion = this.selectVersion.bind(this);\n }\n\n selectVersion = value => {\n this.props.versionSelected(value);\n };\n\n resetCar = () => {\n this.selectVersion(null)\n this.props.resetCar();\n };\n\n renderVersion(props, option, snapshot, className) {\n return (\n \n );\n }\n\n renderSelectedVersion = (props, option, className) => {\n return (\n <>\n \n {option.displayValue &&\n \n \n
\n );\n }\n}\n\nVersion.defaultProps = {\n versions: [],\n placeholder: 'Seleziona',\n errors: {},\n isLoading: true,\n};\nVersion.propTypes = {\n title: PropTypes.string,\n selected: PropTypes.string,\n placeholder: PropTypes.string,\n versions: PropTypes.array,\n errors: PropTypes.object,\n versionSelected: PropTypes.func.isRequired,\n isLoading: PropTypes.bool,\n};\n\nexport function mapDispatchToProps(dispatch) {\n return {\n versionSelected: model => dispatch(selectVersion(model)),\n resetCar: () => dispatch(carLoaded({})),\n };\n}\n\nconst mapStateToProps = createStructuredSelector({\n selected: makeSelectSelectedVersion()\n});\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps,\n)(Version);\n","/*\n * CarCreatorConstants\n */\n\nexport const UPDATE_DATA = 'ideal/CarCreator/UPDATE_DATA';\nexport const SAVE_DATA = 'ideal/CarCreator/SAVE_DATA';\nexport const SAVE_SUCCESS_RESPONSE = 'ideal/CarCreator/SAVE_SUCCESS_RESPONSE';\nexport const SAVE_ERROR_RESPONSE = 'ideal/CarCreator/SAVE_ERROR_RESPONSE';\nexport const CLEAR_DATA = 'ideal/CarCreator/CLEAR_DATA';\n\nexport const CAR_CATEGORIES = [\n {\n description: 'City Car',\n value: 'city-car',\n },\n {\n description: 'Berlina',\n value: 'berlina',\n },\n {\n description: 'Sportiva/Coupe',\n value: 'sportiva-coupe',\n },\n {\n description: 'SUV/Crossover',\n value: 'suv-crossover',\n },\n {\n description: 'Monovolume',\n value: 'monovolume',\n },\n {\n description: 'Station Wagon',\n value: 'station-wagon',\n },\n {\n description: 'Veicoli Commerciali',\n value: 'veicoli-commerciali',\n },\n {\n description: 'Minicar',\n value: 'minicar',\n },\n {\n description: 'Autocarro',\n value: 'autocarro',\n },\n];\n\nexport const CAR_FUELS = [\n {\n description: 'Benzina',\n value: 'benzina',\n },\n {\n description: 'Diesel',\n value: 'diesel',\n },\n {\n description: 'GPL',\n value: 'gpl',\n },\n {\n description: 'Metano',\n value: 'metano',\n },\n {\n description: 'Elettrica',\n value: 'elettrica',\n },\n {\n description: 'full-hybrid-benzina',\n value: 'HEV-IB',\n },\n {\n description: 'full-hybrid-diesel',\n value: 'HEV-ID',\n },\n {\n description: 'full-hybrid-benzina',\n value: 'FHEV-IB',\n },\n {\n description: 'full-hybrid-diesel',\n value: 'FHEV-ID',\n },\n {\n description: 'mild-hybrid-benzina',\n value: 'MHEV-IB',\n },\n {\n description: 'mild-hybrid-diesel',\n value: 'MHEV-ID',\n },\n {\n description: 'plug-in-hybrid-benzina',\n value: 'PEV-IB',\n },\n {\n description: 'plug-in-hybrid-diesel',\n value: 'PHEV-ID',\n },\n];\n\nexport const CAR_SEGMENTS = [\n {\n description: 'A',\n value: 'A',\n },\n {\n description: 'B',\n value: 'B',\n },\n {\n description: 'C',\n value: 'C',\n },\n {\n description: 'D',\n value: 'D',\n },\n {\n description: 'E',\n value: 'E',\n },\n];\n\nexport const CAR_GEARS = [\n {\n description: 'Manuale',\n value: 'manuale',\n },\n {\n description: 'Automatico',\n value: 'automatico',\n },\n {\n description: 'Automatico CVT',\n value: 'automatico-cvt',\n },\n {\n description: 'Automatico sequenziale',\n value: 'automatico-sequenziale',\n },\n {\n description: 'Automatico doppia Frizione',\n value: 'automatico-doppia-frizione',\n },\n];\n","/*\n * CarCreator Messages\n *\n * This contains all the text for the Car Creator container.\n */\nimport { defineMessages } from 'react-intl';\n\nexport const scope = 'app.components.CarCreator';\n\nexport default defineMessages({\n title: {\n id: `${scope}.title`,\n defaultMessage: 'Caratteristiche Auto',\n },\n category: {\n id: `${scope}.category`,\n defaultMessage: 'Categoria',\n },\n fuel: {\n id: `${scope}.fuel`,\n defaultMessage: 'Allimentazione',\n },\n modello: {\n id: `${scope}.modello`,\n defaultMessage: 'Modello',\n },\n allestimento: {\n id: `${scope}.allestimento`,\n defaultMessage: 'Allestimento',\n },\n neo_patentati: {\n id: `${scope}.neo_patentati`,\n defaultMessage: 'Neopatentati',\n },\n segmento: {\n id: `${scope}.segmento`,\n defaultMessage: 'Segmento',\n },\n cilindrata: {\n id: `${scope}.cilindrata`,\n defaultMessage: 'Cilindrata',\n },\n cavalli_fiscali: {\n id: `${scope}.cavalli_fiscali`,\n defaultMessage: 'Cavalli',\n },\n descrizione_trazione: {\n id: `${scope}.descrizione_trazione`,\n defaultMessage: 'Trazione',\n },\n desc_motore: {\n id: `${scope}.desc_motore`,\n defaultMessage: 'Motore',\n },\n hp: {\n id: `${scope}.hp`,\n defaultMessage: 'HP',\n },\n kw: {\n id: `${scope}.kw`,\n defaultMessage: 'KW',\n },\n euro: {\n id: `${scope}.euro`,\n defaultMessage: 'Euro',\n },\n emissioni_co2: {\n id: `${scope}.emissioni_co2`,\n defaultMessage: 'Emissioni CO2',\n },\n consumo_medio: {\n id: `${scope}.consumo_medio`,\n defaultMessage: 'Consumo Medio',\n },\n descrizione_cambio: {\n id: `${scope}.descrizione_cambio`,\n defaultMessage: 'Tipo di Cambio',\n },\n lunghezza: {\n id: `${scope}.lunghezza`,\n defaultMessage: 'Lunghezza',\n },\n larghezza: {\n id: `${scope}.larghezza`,\n defaultMessage: 'Larghezza',\n },\n bagagliaio: {\n id: `${scope}.bagagliaio`,\n defaultMessage: 'Bagagliaio',\n },\n posti: {\n id: `${scope}.posti`,\n defaultMessage: 'Posti',\n },\n porte: {\n id: `${scope}.porte`,\n defaultMessage: 'Porte',\n },\n submit: {\n id: `${scope}.submit`,\n defaultMessage: 'Salva',\n },\n cancel: {\n id: `${scope}.cancel`,\n defaultMessage: 'Annulla',\n },\n close: {\n id: `${scope}.close`,\n defaultMessage: 'Chiudi',\n },\n});\n","import { fromJS } from 'immutable';\nimport {\n UPDATE_DATA,\n SAVE_DATA,\n SAVE_ERROR_RESPONSE,\n SAVE_SUCCESS_RESPONSE,\n} from './constants';\nexport const initialState = fromJS({\n car: {\n segmento: 'A',\n category: 'berlina',\n fuel: 'benzina',\n },\n error: null,\n response: null,\n loading: false,\n});\n\nfunction carCreatorReducer(state = initialState, action) {\n switch (action.type) {\n case UPDATE_DATA:\n return state.set('car', fromJS(action.car));\n case SAVE_DATA:\n return state.set('loading', true);\n case SAVE_SUCCESS_RESPONSE:\n return state.set('loading', false).set('success', action.response);\n case SAVE_ERROR_RESPONSE:\n return state.set('loading', false).set('error', action.response);\n default:\n return state;\n }\n}\n\nexport default carCreatorReducer;\n","import { createSelector } from 'reselect';\nimport { initialState } from './reducer';\n\nconst selectCarCreator = state => state.get('carCreator', initialState);\n\nconst makeSelectCarCreator = () =>\n createSelector(selectCarCreator, carCreatorState =>\n carCreatorState.get('car').toJS(),\n );\nconst makeSelectCarResponse = () =>\n createSelector(selectCarCreator, carCreatorState =>\n carCreatorState.get('response'),\n );\n\nexport { selectCarCreator, makeSelectCarCreator, makeSelectCarResponse };\n","import { put, takeLatest, all, select } from 'redux-saga/effects';\nimport { API_URL } from 'containers/App/constants';\nimport { SAVE_DATA } from './constants';\n\nimport {\n makeSelectCarCreator,\n} from './selectors';\nimport { requestSuccess } from './actions';\nimport { carLoaded } from '../CarSelector/actions';\n\nimport { getRequestHeadersAsLogged, responseHandler } from '../../utils/auth';\n\n\nfunction* storeCar() {\n const car = yield select(makeSelectCarCreator());\n const requestURL = car.id ? `${API_URL}car/${car.id}` : `${API_URL}car`;\n\n try {\n const parameters = {\n method: car.id ? 'PUT' : 'POST',\n headers: getRequestHeadersAsLogged(),\n body: JSON.stringify(car),\n };\n const request = yield fetch(requestURL, parameters).then(response =>\n responseHandler(response)\n );\n yield put(requestSuccess(request.data));\n yield put(carLoaded(request.data));\n } catch (err) {\n // yield put(carError(err));\n console.log('request error', err);\n }\n}\n\nfunction* actionWatcher() {\n yield takeLatest(SAVE_DATA, storeCar);\n}\n\nexport default function* carsData() {\n yield all([actionWatcher()]);\n}\n","import { UPDATE_DATA, SAVE_DATA, SAVE_SUCCESS_RESPONSE } from './constants';\n\nexport function saveCar() {\n return {\n type: SAVE_DATA\n };\n}\n\n/**\n *\n * @param car\n * @returns {{car: *, type: *}}\n */\nexport function updateCar(car) {\n return {\n type: UPDATE_DATA,\n car,\n };\n}\n\nexport function requestSuccess(response) {\n return {\n type: SAVE_SUCCESS_RESPONSE,\n response,\n };\n}\n","import React from 'react';\nimport PropType from 'prop-types';\nimport {\n Modal,\n ModalHeader,\n ModalBody,\n ModalFooter,\n Row,\n Col,\n} from 'reactstrap';\nimport { Form, Input, Select, Checkbox } from 'antd';\nimport { FormattedMessage } from 'react-intl';\nimport './styles.scss';\n\nimport { connect } from 'react-redux';\nimport { compose } from 'redux';\nimport { createStructuredSelector } from 'reselect';\nimport injectReducer from 'utils/injectReducer';\nimport injectSaga from 'utils/injectSaga';\nimport { CAR_CATEGORIES, CAR_FUELS, CAR_SEGMENTS, CAR_GEARS } from './constants';\nimport { FromSubmitButton, FromCancelButton, ItemButton } from '../UIKit';\nimport messages from './messages';\nimport reducer from './reducer';\nimport saga from './saga';\nimport { saveCar, updateCar } from './actions';\nimport { makeSelectCarResponse, makeSelectCarCreator } from './selectors';\nimport { makeSelectCar } from 'components/CarSelector/selectors';\n\nconst carDefaultValues = {\n segmento: 'A',\n category: 'berlina',\n fuel: 'benzina',\n};\n\nconst carFields = [\n {name: \"category\", type: \"select\", required: true, options: CAR_CATEGORIES},\n {name: \"fuel\", type: \"select\", required: true, options: CAR_FUELS},\n {name: \"segmento\", type: \"select\", required: true, options: CAR_SEGMENTS},\n {name: \"allestimento\", type: \"text\", required: true},\n {name: \"neo_patentati\", type: \"check\", required: false},\n {name: \"cilindrata\", type: \"text\", required: true},\n {name: \"cavalli_fiscali\", type: \"text\", required: true},\n {name: \"descrizione_trazione\", type: \"text\", required: true},\n {name: \"desc_motore\", type: \"text\", required: true},\n {name: \"hp\", type: \"text\", required: true},\n {name: \"consumo_medio\", type: \"text\", required: true},\n {name: \"kw\", type: \"text\", required: true},\n {name: \"euro\", type: \"text\", required: true},\n {name: \"emissioni_co2\", type: \"text\", required: true},\n {name: \"descrizione_cambio\", type: \"select\", required: true, options: CAR_GEARS},\n {name: \"larghezza\", type: \"text\", required: true},\n {name: \"lunghezza\", type: \"text\", required: true},\n {name: \"bagagliaio\", type: \"text\", required: true},\n {name: \"posti\", type: \"text\", required: true},\n {name: \"porte\", type: \"text\", required: true},\n]\n\nclass CarCreator extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n modal: false,\n errors: new Set(),\n };\n this.handleOnSubmit = this.handleOnSubmit.bind(this);\n this.handleOnCancel = this.handleOnCancel.bind(this);\n this.handleOnShow = this.handleOnShow.bind(this);\n this.handleOnInputChange = this.handleOnInputChange.bind(this);\n }\n\n componentWillUnmount() {\n // default values\n this.props.updateCar(carDefaultValues);\n }\n\n handleOnCancel() {\n this.setState({ modal: false });\n // default values\n this.props.updateCar(carDefaultValues);\n }\n\n handleOnShow() {\n this.setState({ modal: true });\n }\n\n handleOnSubmit() {\n const { existentCar, creatingCar, updateCar, storeCar, brand, modello } = this.props;\n const car = {...existentCar, ...creatingCar};\n car.brand = brand;\n car.modello = modello;\n updateCar(car);\n storeCar();\n this.setState({ modal: false });\n }\n\n handleOnInputChange(key, value) {\n let { errors } = this.state;\n const { existentCar, creatingCar, updateCar } = this.props;\n let car = {...existentCar, ...creatingCar};\n\n if (value === null || value === '' || value === undefined) {\n errors.add(key);\n } else {\n errors.delete(key);\n }\n car[key] = value;\n\n this.setState({ errors });\n\n updateCar(car);\n }\n\n get requiredFilled() {\n const { creatingCar, existentCar } = this.props;\n const car = {...existentCar, ...creatingCar};\n\n return carFields\n .filter(carField => carField.required)\n .every(carField => car[carField.name] && car[carField.name].trim() !== '');\n }\n\n get canSubmit() {\n const { errors } = this.state;\n return errors.size === 0 && this.requiredFilled;\n }\n\n inputHasError(key) {\n return this.state.errors.has(key);\n }\n\n render() {\n const { button, creatingCar, existentCar, isCustomCar, carId, modello } = this.props;\n const { modal } = this.state;\n const car = {...existentCar, ...creatingCar, modello};\n const canEdit = isCustomCar || !carId;\n\n let icon = 'os-icon-plus-circle';\n\n if (isCustomCar) {\n icon = 'os-icon-text-input';\n } else if (carId && !isCustomCar) {\n icon = 'os-icon-agenda-1';\n }\n\n return (\n \n \n \n \n \n \n \n {canEdit\n ?\n <>\n \n \n
\n );\n }\n}\n\nconst InputItem = ({\n name,\n value,\n isValid,\n onChange,\n disabled,\n type = 'text',\n options = [],\n required = true,\n}) =>\n \n \n {carName}\n
\n }\n />\n \n
\n );\n }\n}\n\nCarSelector.defaultProps = {};\nCarSelector.propTypes = {\n loadBrands: PropTypes.func.isRequired,\n};\n\nexport function mapDispatchToProps(dispatch) {\n return {\n loadBrands: () => dispatch(getBrands()),\n };\n}\n\nconst mapStateToProps = createStructuredSelector({\n isLoading: makeSelectIsLoading(),\n brands: makeSelectBrands(),\n models: makeSelectModels(),\n versions: makeSelectVersions(),\n selectedBrand: makeSelectSelectedBrand(),\n selectedModel: makeSelectSelectedModel(),\n selectedModelName: makeSelectSelectedModelName(),\n car: makeSelectCar(),\n});\n\nconst withConnect = connect(\n mapStateToProps,\n mapDispatchToProps,\n);\n\nexport default compose(\n withCarSelectorReducer,\n withCarSelectorSaga,\n withConnect,\n)(CarSelector);\n","import {\n UPLOAD_FAILURE,\n UPLOAD_SUCCESS,\n UPLOAD_PROGRESS,\n UPLOAD_REQUEST,\n DOWNLOAD_CAR_IMAGES_REQUEST,\n DOWNLOAD_CAR_IMAGES_SUCCESS,\n SET_MAIN,\n SET_MAIN_SUCCESS,\n DELETE,\n DELETE_ALL,\n DELETE_SUCCESS,\n DELETE_ALL_SUCCESS,\n} from './constants';\n\n/**\n *\n * @param files\n * @param car\n * @param offer\n * @returns {{files: *, car: *, offer: *, type: *}}\n */\nexport function uploadRequest(files, car, offer) {\n return {\n type: UPLOAD_REQUEST,\n files,\n car,\n offer,\n };\n}\n\n/**\n *\n * @param file\n * @param progress\n * @returns {{file: *, progress: *, type: *}}\n */\nexport const uploadProgress = (file, progress) => ({\n type: UPLOAD_PROGRESS,\n file,\n progress,\n});\n\n/**\n *\n * @param request\n * @returns {{request: *, type: *}}\n */\nexport const uploadSuccess = response => ({\n type: UPLOAD_SUCCESS,\n response,\n});\n\n/**\n *\n * @param error\n * @returns {{type: *, error: *}}\n */\nexport const uploadError = error => ({\n type: UPLOAD_FAILURE,\n error,\n});\n\nexport const downloadImages = (carId, carBrand, carModel, imagesType) => ({\n type: DOWNLOAD_CAR_IMAGES_REQUEST,\n carId,\n carBrand,\n carModel,\n imagesType,\n});\n\nexport const downloadImagesSuccess = () => ({\n type: DOWNLOAD_CAR_IMAGES_SUCCESS\n});\n\nexport const setMain = imageId => ({\n type: SET_MAIN,\n imageId,\n});\n\nexport const setMainSuccess = () => ({\n type: SET_MAIN_SUCCESS,\n});\n\nexport const deleteImage = imageId => ({\n type: DELETE,\n imageId,\n});\n\nexport const deleteAll = carId => ({\n type: DELETE_ALL,\n carId\n});\n\nexport const deleteSuccess = imageId => ({\n type: DELETE_SUCCESS,\n imageId\n});\n\nexport const deleteAllSuccess = imageIds => ({\n type: DELETE_ALL_SUCCESS,\n imageIds\n});\n","import {\n put,\n all,\n takeEvery,\n takeLatest,\n} from 'redux-saga/effects';\nimport { API_URL } from 'containers/App/constants';\nimport { uploadSuccess, uploadError, setMainSuccess, deleteSuccess, deleteAllSuccess, downloadImagesSuccess } from './actions';\nimport { carImagesNew } from '../CarSelector/actions';\nimport { UPLOAD_REQUEST, DOWNLOAD_CAR_IMAGES_REQUEST, SET_MAIN, DELETE, DELETE_ALL } from './constants';\nimport { getRequestHeadersAsLogged, getPlainRequestHeadersAsLogged, responseHandler } from '../../utils/auth';\n\nfunction* upload(action) {\n const files = action.files;\n const requestURL = `${API_URL}car/images`;\n\n const formData = new FormData();\n formData.append('car', action.car);\n formData.append('offer', action.offer);\n\n for (let idx = 0; idx < files.length; idx++) {\n formData.append('immagini[]', files[idx]);\n }\n\n try {\n const parameters = {\n method: 'POST',\n headers: getPlainRequestHeadersAsLogged(),\n body: formData,\n };\n\n const request = yield fetch(requestURL, parameters).then(response =>\n responseHandler(response)\n );\n yield put(uploadSuccess());\n yield put(carImagesNew(request.data));\n } catch (e) {\n yield put(uploadError());\n console.log('error', e);\n }\n}\n\nfunction* downloadImages(action) {\n const requestURL = `${process.env.API_URL}car/images/${action.carId}/download/${action.imagesType || 'default'}`;\n\n try {\n const parameters = {\n method: 'GET',\n headers: getRequestHeadersAsLogged(),\n };\n\n yield fetch(requestURL, parameters)\n .then(response => response.blob())\n .then(blob => download(blob, `${action.carBrand} ${action.carModel}.zip`));\n yield put(downloadImagesSuccess())\n } catch (error) {\n console.log('request error', error);\n }\n}\n\nfunction* setMain(action) {\n const requestURL = `${process.env.API_URL}car/images/${action.imageId}/type`;\n\n try {\n const parameters = {\n method: 'PUT',\n headers: getRequestHeadersAsLogged(),\n body: JSON.stringify({newType: 'MAIN'})\n };\n\n yield fetch(requestURL, parameters)\n .then(response => responseHandler(response));\n\n yield put(setMainSuccess())\n } catch (error) {\n console.log('request error', error);\n }\n}\n\nfunction* deleteImage(action) {\n const requestURL = `${process.env.API_URL}car/images/${action.imageId}`;\n\n try {\n const parameters = {\n method: 'DELETE',\n headers: getRequestHeadersAsLogged(),\n };\n\n yield fetch(requestURL, parameters)\n .then(response => responseHandler(response));\n\n yield put(deleteSuccess(action.imageId))\n } catch (error) {\n console.log('request error', error);\n }\n}\n\nfunction* deleteAllImage(action) {\n const requestURL = `${process.env.API_URL}car/${action.carId}/images`;\n\n try {\n const parameters = {\n method: 'DELETE',\n headers: getRequestHeadersAsLogged(),\n };\n\n const response = yield fetch(requestURL, parameters)\n .then(response => responseHandler(response));\n\n yield put(deleteAllSuccess(response.data))\n } catch (error) {\n console.log('request error', error);\n }\n}\n\nfunction* actionWatcher() {\n yield takeEvery(UPLOAD_REQUEST, upload);\n yield takeLatest(DOWNLOAD_CAR_IMAGES_REQUEST, downloadImages);\n yield takeLatest(SET_MAIN, setMain);\n yield takeLatest(DELETE, deleteImage);\n yield takeLatest(DELETE_ALL, deleteAllImage);\n}\n\nexport default function* carImages() {\n yield all([actionWatcher()]);\n}\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Row, Col } from 'reactstrap';\nimport classnames from 'classnames';\nimport { connect } from 'react-redux';\nimport { compose } from 'redux';\nimport { createStructuredSelector } from 'reselect';\nimport injectSaga from 'utils/injectSaga';\nimport Lightbox from 'react-image-lightbox';\nimport { Button, Radio, Icon } from 'antd';\nimport saga from './saga';\nimport { makeSelectOfferId } from 'containers/CatalogEdit/selectors';\nimport { featureAllowed } from 'containers/App/selectors';\nimport { makeSelectImages, makeSelectCar, makeSelectIsLoading, makeSelectDownloadIsLoading } from '../CarSelector/selectors';\nimport { withCarSelectorReducer } from '../CarSelector/withReducer';\nimport { uploadRequest, downloadImages, setMain, deleteImage, deleteAll } from './actions';\nimport { default as Loader } from 'components/Loader/';\nimport 'react-image-lightbox/style.css';\nimport './styles.scss';\nimport 'antComponentsStyle';\n\nclass CarImages extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n photoIndex: 0,\n isOpen: false,\n whichImagesSelected: null,\n customMainSelected: null,\n };\n\n this.inputOpenFileRef = React.createRef();\n this.handleOnAddClick = this.handleOnAddClick.bind(this);\n this.onWhichImagesChange = this.onWhichImagesChange.bind(this);\n this.onCustomMainChange = this.onCustomMainChange.bind(this);\n this.onDeleteClick = this.onDeleteClick.bind(this);\n // this.handleOnDownloadClick = this.handleOnDownloadClick.bind(this);\n }\n\n componentDidUpdate = prevProps => {\n if (prevProps !== this.props) {\n let { photos } = this.props\n photos = photos.toJS ? photos.toJS() : photos;\n\n if (photos && photos.custom && photos.custom.length) {\n const mainImage = photos.custom.find(img => img.type === 'MAIN') || {};\n\n this.setState({\n whichImagesSelected: 'custom',\n customMainSelected: this.state.customMainSelected || mainImage.id || null\n })\n } else {\n this.setState({\n whichImagesSelected: 'default',\n })\n }\n }\n }\n\n handleOnMoreImageClick = (photos, index) => {\n this.setState(prevState => ({\n isOpen: !prevState.isOpen,\n photoIndex:\n photos !== undefined ? index : prevState.photoIndex,\n }));\n };\n\n handleOnAddClick() {\n this.inputOpenFileRef.current.click();\n }\n\n onChangeFile(e) {\n const files = e.target.files || e.dataTransfer.files;\n this.props.upload(files, this.props.car.id, this.props.offerId);\n }\n\n onWhichImagesChange = ({target:{value}}) => {\n if (value === 'default' && !confirm('Attenzione: se confermi questa scelta le tue immagini verranno cancellate.')) {\n return false;\n } else if (value === 'custom' && !confirm('Confermi di essere il titolare dei diritti dei contenuti caricati, o di avere il permesso da parte del legittimo titolare.')) {\n return false;\n }\n\n if (value === 'default') {\n this.props.deleteAll(this.props.car.id)\n }\n\n this.setState({whichImagesSelected: value})\n }\n\n onCustomMainChange = ({target:{value}}) => {\n this.props.setMain(value)\n this.setState({customMainSelected: value})\n }\n\n onDeleteClick = imgId => {\n if (confirm('Sicuro di voler cancellare questa immagine?')) {\n this.props.deleteImage(imgId);\n }\n }\n\n handleOnDownloadClick = imagesType => {\n this.props.download(this.props.car.id, this.props.car.brand.data.value, this.props.car.modello, imagesType);\n }\n\n render() {\n const { photoIndex, isOpen, whichImagesSelected, customMainSelected } = this.state;\n const { photos, loading, downloadLoading, car, featureAllowed } = this.props;\n\n return (\n \n
\n \n }\n {featureAllowed('car-custom-images') &&\n \n \n Voglio caricare le mie immagini\n \n this.handleOnDownloadClick('custom')}\n disabled={downloadLoading || !photos.custom || !photos.custom.length}\n >\n Scarica immagini\n \n
\n \n \n {isOpen && whichImagesSelected === 'custom' && photos.custom && (\n \n this.setState({\n photoIndex:\n (photoIndex + photos.custom.length - 1) % photos.custom.length,\n })\n }\n onMoveNextRequest={() =>\n this.setState({\n photoIndex: (photoIndex + 1) % photos.custom.length,\n })\n }\n />\n )}\n \n \n
\n \n {photos.custom && photos.custom.map((item, key) => (\n \n \n
\n \n Aggiungi\n
Immagine\n
\n \n Immagine\n
\n this.handleOnMoreImageClick(photos.custom, key)}\n title={item.description}\n alt={'Immagine '+item.description}\n />\n \n \n \n Copertina\n \n \n \n \n \n
\n \n ))}\n \n \n \n Voglio usare le immagini in archivio\n \n this.handleOnDownloadClick('default')}\n disabled={downloadLoading}\n >\n Scarica immagini\n \n
\n }\n \n \n {isOpen && whichImagesSelected === 'default' && photos.default && (\n \n this.setState({\n photoIndex:\n (photoIndex + photos.default.length - 1) % photos.default.length,\n })\n }\n onMoveNextRequest={() =>\n this.setState({\n photoIndex: (photoIndex + 1) % photos.default.length,\n })\n }\n />\n )}\n {photos.default && photos.default.map((item, key) => (\n
\n
\n \n this.handleOnMoreImageClick(photos.default, key)}\n title={item.description}\n alt={'Immagine '+item.description}\n />\n
\n \n ))}\n \n \n \n {services.filter(service => !service.has_price_map).map((item, key) => {\n const servicePrice = (servicesPrices.find(servicesPrice => servicesPrice.id === item.id) || item).price;\n const servicesFranchise = (servicesFranchises.find(servicesFranchise => servicesFranchise.id === item.id) || item).franchise;\n const serviceTitle = `${item.name} ${servicePrice ? `${servicePrice}€` : ''}`;\n let serviceDescription = item.description;\n\n if (item.min_quantity !== item.max_quantity) {\n serviceDescription += ` (quantità selezionabile da ${item.min_quantity} a ${item.max_quantity})`;\n }\n\n return selectedItem.id === item.id)}\n onClick={() => this.handelOnClick(item.id)}\n children={\n !item.included ?\n this.handelOnPriceChange(item.id, value)}\n onClick={event => event.stopPropagation()}\n disabled={!selected.some(selectedItem => selectedItem.id === item.id)}\n />\n :\n \n {servicesFranchise && `${servicesFranchise}`}\n \n }\n />\n \n })}\n
\n
\n }\n />\n \n );\n }\n}\n\nOfferServices.defaultProps = {};\nOfferServices.propTypes = {\n services: PropTypes.any.isRequired,\n loadServices: PropTypes.func.isRequired,\n selectServices: PropTypes.func.isRequired,\n selected: PropTypes.any,\n};\n\nexport function mapDispatchToProps(dispatch) {\n return {\n loadServices: () => dispatch(getServices()),\n selectServices: services => dispatch(servicesSelected(services)),\n };\n}\n\nconst mapStateToProps = createStructuredSelector({\n services: makeSelectServices(),\n selected: makeSelectSelectedServices(),\n productServices: makeSelectProductServices(),\n});\n\nconst withReducer = injectReducer({ key: 'services', reducer });\nconst withSaga = injectSaga({ key: 'services', saga });\n\nconst withConnect = connect(\n mapStateToProps,\n mapDispatchToProps,\n);\n\nexport default compose(\n withReducer,\n withSaga,\n withConnect,\n)(OfferServices);\n","import { put, takeLatest, all, select, fork } from 'redux-saga/effects';\nimport { API_URL } from 'containers/App/constants';\nimport { getRequestHeadersAsLogged, responseHandler } from '../../utils/auth';\nimport { STORE_CHILD_OFFER, DELETE_CHILD_OFFER, UPDATE_CHILD_OFFER } from './constants'\nimport { makeSelectIsLoading } from './selectors'\nimport { makeSelectOfferCode } from 'containers/CatalogEdit/selectors'\nimport {\n addChildOffer,\n removeChildOffer,\n setLoading,\n unsetEditMode,\n setErrorMsg,\n replaceChildOffer\n} from './actions'\n\nfunction* storeChildToOffer({offer}) {\n const isLoading = yield select(makeSelectIsLoading());\n\n if (!isLoading) {\n yield put(setLoading(true));\n\n const parentCode = yield select(makeSelectOfferCode());\n\n const requestURL = `${API_URL}offers/${parentCode}/child`;\n\n try {\n const parameters = {\n method: 'POST',\n headers: getRequestHeadersAsLogged(),\n body: JSON.stringify({ ...offer }),\n };\n\n const response = yield fetch(requestURL, parameters).then(response =>\n responseHandler(response)\n );\n\n if (response.data.child) {\n const {\n deposit,\n duration,\n distance,\n monthly_rate,\n web_monthly_rate,\n id: ref\n } = response.data.child\n\n yield put(addChildOffer({\n deposit,\n duration,\n distance,\n monthly_rate,\n web_monthly_rate,\n ref\n }));\n } else {\n yield put(setErrorMsg(response.data.errors));\n }\n } catch (e) {\n console.log('error', e);\n }\n }\n}\n\nfunction* updateChildOffer({id, data}) {\n const isLoading = yield select(makeSelectIsLoading());\n\n if (!isLoading) {\n yield put(setLoading(true));\n\n const parentCode = yield select(makeSelectOfferCode());\n\n const requestURL = `${API_URL}offers/${parentCode}/child/${id}`;\n\n const body = JSON.stringify({\n deposit: data.newDeposit,\n duration: data.newDuration,\n distance: data.newDistance,\n monthly_rate: data.newMonthlyRate,\n })\n\n try {\n const parameters = {\n method: 'PUT',\n headers: getRequestHeadersAsLogged(),\n body,\n };\n\n const response = yield fetch(requestURL, parameters).then(response =>\n responseHandler(response)\n );\n\n yield put(replaceChildOffer(response.data));\n yield put(unsetEditMode());\n\n } catch (e) {\n console.log('error', e);\n }\n }\n}\n\nfunction* deleteChildToOffer({id}) {\n const isLoading = yield select(makeSelectIsLoading());\n\n if (!isLoading) {\n yield put(setLoading(true));\n\n const parentCode = yield select(makeSelectOfferCode());\n\n const requestURL = `${API_URL}offers/${parentCode}/child/${id}`;\n\n try {\n const parameters = {\n method: 'DELETE',\n headers: getRequestHeadersAsLogged(),\n };\n\n const response = yield fetch(requestURL, parameters).then(response =>\n responseHandler(response)\n );\n yield put(removeChildOffer(id));\n } catch (e) {\n console.log('error', e);\n }\n }\n}\n\nfunction* actionWatcher() {\n yield takeLatest(STORE_CHILD_OFFER, storeChildToOffer);\n yield takeLatest(DELETE_CHILD_OFFER, deleteChildToOffer);\n yield fork(takeLatest, UPDATE_CHILD_OFFER, updateChildOffer);\n}\n\nexport default function* catalogEditData() {\n yield all([actionWatcher()]);\n}\n","import injectReducer from 'utils/injectReducer';\nimport injectSaga from 'utils/injectSaga';\n\nimport reducer from './reducer';\nimport saga from './saga';\n\nconst withOfferChildsReducer = injectReducer({\n key: 'offerChilds',\n reducer,\n});\nconst withOfferChildsSaga = injectSaga({ key: 'offerChilds', saga });\n\nexport { withOfferChildsReducer, withOfferChildsSaga };\n","/*\n * Offer Childs Messages\n *\n * This contains all the text for the OfferChilds component.\n */\nimport { defineMessages } from 'react-intl';\nimport configs from \"configs\"\n\nexport const scope = 'app.components.OfferChilds';\n\nexport default defineMessages({\n note: {\n id: `${scope}.note`,\n defaultMessage:\n 'Per la creazione delle Variazioni è neccessario inserire 2 Anticipi, 2 Durate e 3 Km/Anno.',\n title: 'Note',\n },\n\n childs: {\n id: `${scope}.childs`,\n defaultMessage: 'Inserisci il prezzo di ogni variazione',\n title: 'Prezzi',\n },\n\n childsDisabled: {\n id: `${scope}.childsDisabled`,\n defaultMessage:\n \"Prima di procedere con l'aggiunta delle variazioni assicurati di aver compilato tutti i sovrastanti\",\n },\n\n durations: {\n id: `${scope}.durations`,\n defaultMessage: 'Durata',\n },\n\n deposits: {\n id: `${scope}.deposits`,\n defaultMessage: 'Anticipo',\n },\n\n distances: {\n id: `${scope}.distances`,\n title: 'Distanze',\n defaultMessage: 'Seleziona il numero di chilometri su base annua',\n unit: 'Km',\n unitDescription: 'Km/Anno',\n },\n\n distance: {\n id: `${scope}.distance`,\n title: 'Distanza',\n defaultMessage: 'Seleziona il numero di chilometri su base annua',\n unit: 'Km',\n unitDescription: 'Km/Anno',\n },\n\n deposit: {\n id: `${scope}.deposit`,\n title: 'Anticipo',\n defaultMessage: configs.messages[scope].deposit,\n name: 'deposit',\n },\n\n price: {\n id: `${scope}.price`,\n title: 'Canone Mensile',\n defaultMessage: configs.messages[scope].price,\n name: 'price',\n },\n\n duration: {\n id: `${scope}.duration`,\n title: 'Durata',\n defaultMessage: 'Seleziona una seconda durata',\n unit: 'Mesi',\n unitDescription: 'Mesi',\n },\n\n actions: {\n id: `${scope}.actions`,\n defaultMessage: '',\n title: 'Azioni',\n add: 'Aggiungi variazione',\n remove: 'Elimina variazione'\n }\n});\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { connect } from 'react-redux';\nimport { compose } from 'redux';\nimport { createStructuredSelector } from 'reselect';\nimport { withOfferChildsReducer, withOfferChildsSaga } from './withReducer';\n\nimport { Button, Input } from 'antd';\nimport {\n storeChildOffer,\n deleteChildOffer,\n updateChildOffer,\n setEditMode,\n unsetEditMode,\n resetErrors\n} from './actions';\nimport { makeSelectIsLoading, makeSelectChildEditing } from './selectors';\n\nimport './item.scss';\n\nclass ChildItem extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n editMode: this.props.editMode === this.props.id,\n canEdit: this.props.editMode === false,\n newDeposit: this.props.deposit,\n newDistance: this.props.distance,\n newDuration: this.props.duration,\n newMonthlyRate: this.props.monthly_rate,\n };\n\n this.handleOnDepositChange = this.handleOnDepositChange.bind(this);\n this.handleOnDurationChange = this.handleOnDurationChange.bind(this);\n this.handleOnDistanceChange = this.handleOnDistanceChange.bind(this);\n this.handleOnPriceChange = this.handleOnPriceChange.bind(this);\n this.handleOnEditToggle = this.handleOnEditToggle.bind(this);\n this.handleOnUpdate = this.handleOnUpdate.bind(this);\n this.handleOnDelete = this.handleOnDelete.bind(this);\n this.handleOnAddChild = this.handleOnAddChild.bind(this);\n }\n\n componentDidUpdate(prevProps) {\n if (prevProps.editMode !== this.props.editMode) {\n this.setState({\n editMode: this.props.editMode === this.props.id,\n canEdit: this.props.editMode === false,\n });\n }\n }\n\n handleOnAddChild() {\n const { newDeposit, newDistance, newDuration, newMonthlyRate } = this.state;\n\n this.props.storeChildOffer({\n deposit: newDeposit,\n distance: newDistance,\n duration: newDuration,\n monthlyRate: newMonthlyRate,\n });\n\n this.setState({\n newDeposit: '',\n newDistance: '',\n newDuration: '',\n newMonthlyRate: '',\n });\n\n if (this.props.isCloningRow) {\n this.props.onClone();\n }\n }\n\n handleOnDepositChange({ target: { value } }) {\n const newValue = parseInt(value);\n this.props.resetErrors();\n this.setState({ newDeposit: isNaN(newValue) ? '' : newValue });\n }\n\n handleOnDurationChange({ target: { value } }) {\n const newValue = parseInt(value);\n this.props.resetErrors();\n this.setState({ newDuration: isNaN(newValue) ? '' : newValue });\n }\n\n handleOnDistanceChange({ target: { value } }) {\n const newValue = parseInt(value);\n this.props.resetErrors();\n this.setState({ newDistance: isNaN(newValue) ? '' : newValue });\n }\n\n handleOnPriceChange({ target: { value } }) {\n const newValue = parseInt(value);\n this.setState({ newMonthlyRate: isNaN(newValue) ? '' : newValue });\n }\n\n handleOnEditToggle() {\n if (this.canEdit) {\n this.props.setEditMode(this.props.id);\n } else {\n this.setState({\n newDeposit: this.props.deposit,\n newDistance: this.props.distance,\n newDuration: this.props.duration,\n newMonthlyRate: this.props.monthly_rate,\n })\n this.props.unsetEditMode();\n }\n\n if (this.props.isCloningRow) {\n this.props.onClone();\n }\n }\n\n handleOnUpdate() {\n this.props.updateChildOffer(this.props.id, this.state);\n }\n\n handleOnDelete() {\n if (confirm('Sicuro di voler cancellare questa variazione?')) {\n this.props.deleteChildOffer(this.props.id);\n }\n }\n\n get canEdit() {\n return this.props.editMode === false;\n }\n\n canSubmit() {\n return (\n this.state.newDeposit >= 0 &&\n this.state.newDistance > 0 &&\n this.state.newDuration > 0 &&\n this.state.newMonthlyRate > 0\n );\n }\n\n inputHasErrors() {\n const { newDeposit, newDistance, newDuration, newMonthlyRate } = this.state;\n const {\n mainDeposit,\n mainDistance,\n mainDuration,\n mainMonthlyRate,\n hasError,\n } = this.props;\n\n return (\n (mainDeposit === newDeposit &&\n mainDistance === newDistance &&\n mainDuration === newDuration &&\n mainMonthlyRate === newMonthlyRate)\n || hasError\n );\n }\n\n render() {\n const { id, isLoading, canClone, onClone, isCloningRow } = this.props;\n const {\n editMode,\n newDeposit,\n newDistance,\n newDuration,\n newMonthlyRate\n } = this.state;\n\n const inputClassName = this.inputHasErrors() ? 'has-error text-left' : 'text-left';\n\n return (\n \n \n \n
\n
\n );\n }\n}\n\nOfferChilds.propTypes = {\n // hasError: PropTypes.func.isRequired,\n\n mainMonthlyRate: PropTypes.number,\n mainDeposit: PropTypes.number,\n mainDuration: PropTypes.number.isRequired,\n mainDistance: PropTypes.number.isRequired,\n // mainHasError: PropTypes.bool.isRequired,\n\n childs: PropTypes.any,\n duration: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n deposit: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n distance: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n};\n\nconst mapStateToProps = createStructuredSelector({\n mainMonthlyRate: makeSelectMainMonthlyRate(),\n mainDeposit: makeSelectMainDeposit(),\n mainDuration: makeSelectMainDuration(),\n mainDistance: makeSelectMainDistance(),\n childs: makeSelectChildOffers(),\n hasError: makeSelectHasError(),\n});\n\nexport function mapDispatchToProps(dispatch) {\n return {\n storeChildOffer: value => dispatch(storeChildOffer(value)),\n deleteChildOffer: id => dispatch(deleteChildOffer(id)),\n resetErrors: () => dispatch(resetErrors()),\n };\n}\n\nconst withConnect = connect(\n mapStateToProps,\n mapDispatchToProps,\n);\n\nexport default compose(\n withOfferChildsSaga,\n withOfferChildsReducer,\n withConnect,\n)(OfferChilds);\n","/*\n * OfferDetails Messages\n *\n * This contains all the text for the OfferDetails container.\n */\nimport { defineMessages } from 'react-intl';\n\nexport const scope = 'app.components.CustomizeOffer';\n\nexport default defineMessages({\n title: {\n id: `${scope}.title`,\n defaultMessage: 'Offerta Noleggio a Lungo Termine',\n },\n description: {\n id: `${scope}.description`,\n defaultMessage: ' ',\n },\n duration: {\n id: `${scope}.duration`,\n defaultMessage: 'Scegli la durata del noleggio',\n },\n distance: {\n id: `${scope}.distance`,\n defaultMessage: 'Scegli i km/anno',\n },\n deposit: {\n id: `${scope}.deposit`,\n defaultMessage: 'Scegli l\\'anticipo',\n },\n bundle: {\n id: `${scope}.bundle`,\n defaultMessage: 'Scegli il pacchetto',\n },\n services: {\n id: `${scope}.services`,\n defaultMessage: 'Scegli servizi aggiuntivi',\n },\n accessories: {\n id: `${scope}.accessories`,\n defaultMessage: 'Scegli optional',\n },\n colors: {\n id: `${scope}.colors`,\n defaultMessage: 'Colori',\n },\n optionalAccessories: {\n id: `${scope}.optionalAccessories`,\n defaultMessage: 'Optional',\n },\n optionalsAndColorsLabel: {\n id: `${scope}.optionalsAndColorsLabel`,\n defaultMessage: 'Scegli optional e colori',\n },\n optionalsAndColorsDescription: {\n id: `${scope}.optionalsAndColorsDescription`,\n defaultMessage: 'Scegli il colore e altri optional per personalizzare ancora di più la tua vettura',\n },\n optionalsAndColorsBtn: {\n id: `${scope}.optionalsAndColorsBtn`,\n defaultMessage: 'Scegli',\n },\n terms: {\n id: `${scope}.terms`,\n defaultMessage: 'Il prezzo del canone mensile è soggetto a variazioni. Offerta economica limitata valida fino ad esaurimento scorte.',\n },\n fixed: {\n id: `${scope}.fixed`,\n defaultMessage: 'Non modificabile',\n },\n info: {\n id: `${scope}.info`,\n defaultMessage: '*I prezzi indicati sono da sommare alla rata mensile del Noleggio a Lungo Termine. Esempio: considerando un optional il cui costo è di € 180, con una durata contrattuale di 36 mesi, il canone mensile aumenterà di € 5 al mese.',\n },\n});\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { FormattedMessage } from 'react-intl';\nimport { compose } from 'redux';\nimport { connect } from 'react-redux';\nimport { createStructuredSelector } from 'reselect';\n\nimport configs from 'configs';\n\nimport { getSustainabilityIndexByMonthlyRateAndDeposit, getSustainabilityMessageByMonthlyRateAndDeposit } from 'utils/prescoringTool';\n\nimport { Affix, Button, Modal, Checkbox, Radio, Row, Col } from 'antd';\nimport { withOfferSelectorReducer, withOfferSelectorSaga } from './withReducer';\n\nimport messages from './messages';\n\nimport {\n offerSelected,\n selectServices,\n selectAccessories,\n selectColors,\n selectAccessoriesCodes,\n selectColorCodes,\n calculateNewMonthlyRate,\n resetFees,\n} from './actions';\n\nimport {\n makeSelectAccessoriesSelector,\n makeSelectColorsSelector,\n makeSelectServicesSelector,\n makeSelectAccessoriesCodesSelector,\n makeSelectColorCodesSelector,\n makeSelectMonthlyRateSelector,\n makeSelectFeesSelector,\n getServicePriceByOfferParams,\n} from './selectors';\n\nimport { makeSelectCheckResponse } from '../PrescoringTool/selectors'\n\nimport { SelectOption, SelectOptions, InteractiveList } from '../UIKit';\nimport { default as OfferStickyPrice } from '../OfferPrice/sticky';\nimport './styles.scss';\nimport 'antComponentsStyle';\n\nclass CustomizeOffer extends React.Component {\n constructor(props) {\n super(props);\n\n this.QuotationInitializerRef = React.createRef();\n\n this.state = {\n durations: [],\n distances: [],\n deposits: [],\n bundles: [],\n selected: {\n distance: props.distance,\n duration: props.duration,\n bundle: props.bundle,\n deposit: props.deposit,\n },\n selectedOffer: {},\n selectedAdditionalServices: [],\n modalVisible: false,\n };\n\n this.handleOnDurationClick = this.handleOnDurationClick.bind(this);\n this.handleOnDistanceClick = this.handleOnDistanceClick.bind(this);\n this.handleOnDepositClick = this.handleOnDepositClick.bind(this);\n this.handleOnBundleClick = this.handleOnBundleClick.bind(this);\n this.handleOnServiceClick = this.handleOnServiceClick.bind(this);\n this.handleOnRemoveAllClick = this.handleOnRemoveAllClick.bind(this);\n this.handleOnItemClick = this.handleOnItemClick.bind(this);\n this.handleOnOptionClick = this.handleOnOptionClick.bind(this);\n this.handleOnColorClick = this.handleOnColorClick.bind(this);\n }\n\n componentDidMount() {\n this.initOffers();\n }\n\n componentDidUpdate(prevProps) {\n const { offerCode, fees } = this.props\n const { selected } = this.state\n const duration = selected.duration >= 0 ? selected.duration : this.props.duration;\n const distance = selected.distance >= 0 ? selected.distance : this.props.distance;\n const deposit = selected.deposit >= 0 ? selected.deposit : this.props.deposit;\n const bundle = selected.bundle && selected.bundle !== '' ? selected.bundle : this.props.bundle;\n\n if (prevProps.offerCode !== offerCode){\n this.initOffers();\n }\n\n if (prevProps.fees.finalMonthlyRate !== fees.finalMonthlyRate) {\n this.selectDepositsFromChilds({ duration, distance, bundle }, deposit, this.state.selectedAdditionalServices);\n }\n\n this.calculateFinalPrice();\n }\n\n initOffers() {\n const {\n deposit,\n distance,\n duration,\n bundle,\n tag,\n secondaryTag,\n } = this.props;\n\n // generate choices\n this.selectDurationsFromChilds(duration);\n this.selectDistancesFromChilds(distance);\n this.selectBundlesFromChilds(bundle);\n this.selectDepositsFromChilds({ duration, distance, bundle }, deposit);\n\n const selectedOffer = this.findChildOffer(\n distance,\n duration,\n deposit,\n bundle,\n );\n\n this.setState(\n {\n selectedOffer,\n // selectedAdditionalServices: [],\n },\n () => {\n this.props.selectOffer({\n ...selectedOffer,\n tag,\n secondaryTag,\n });\n });\n }\n\n selectDurationsFromChilds(selected = -1) {\n let durations = new Set();\n this.props.childOffers.map(offer => durations.add(parseInt(offer.duration)));\n durations = [...new Set(durations)].sort();\n\n let durationsObj = [];\n durations.forEach(elem => {\n durationsObj.push({\n value: elem,\n label: parseInt(elem).toLocaleString('it'),\n unit: 'mesi',\n selected: elem === selected,\n });\n });\n\n durationsObj = [...new Set(durationsObj)].sort();\n\n this.setState({ durations: durationsObj });\n }\n\n selectDistancesFromChilds(selected = -1) {\n let distances = new Set();\n this.props.childOffers.map(offer => distances.add(parseInt(offer.distance)));\n distances = [...new Set(distances)].sort((a, b) => a - b);\n\n const distancesObj = [];\n distances.forEach(elem => {\n distancesObj.push({\n value: elem,\n label: parseInt(elem).toLocaleString('it'),\n description: 'Km/Anno',\n selected: elem === selected,\n disabled: !this.props.childOffers.find(childOffer => childOffer.distance === elem && childOffer.duration === this.state.selected.duration)\n });\n });\n\n this.setState({ distances: distancesObj });\n }\n\n selectBundlesFromChilds(selected = -1) {\n let bundles = new Set();\n this.props.childOffers.map(offer => bundles.add(offer.bundle));\n bundles = [...new Set(bundles)];\n\n const bundlesLight = bundles.filter(bundle => bundle && bundle.includes('Light')).sort();\n const bundlesNotLight = bundles.filter(bundle => bundle && !bundle.includes('Light')).sort();\n\n bundles = [...bundlesLight, ...bundlesNotLight];\n\n const bundlesObj = [];\n bundles.forEach(elem => {\n if (elem !== undefined && elem !== null) {\n bundlesObj.push({\n value: elem,\n label: elem,\n description: '',\n selected: elem === selected,\n disabled:\n !this.props.childOffers.find(childOffer =>\n childOffer.bundle === elem\n && childOffer.deposit === this.state.selected.deposit\n && childOffer.duration === this.state.selected.duration\n && childOffer.distance === this.state.selected.distance\n )\n });\n }\n });\n\n this.setState({ bundles: bundlesObj });\n }\n\n selectDepositsFromChilds(selectedState = {}, selected = -1, selectedAdditionalServices = []) {\n const { duration, distance, bundle } = selectedState;\n const { childOffers, fees, selectMonthlyRate } = this.props;\n let deposits = new Set();\n\n childOffers.map(offer => deposits.add(parseInt(offer.deposit)));\n deposits = [...new Set(deposits)].sort((a, b) => a - b);\n\n const totAdditionalServicesCost = selectedAdditionalServices.reduce((prevValue, additionalService) => prevValue + additionalService.price, 0)\n\n const depositsObj = [];\n\n deposits.forEach(elem => {\n const childOffer = childOffers.filter(item =>\n parseInt(item.distance) === distance &&\n parseInt(item.duration) === duration &&\n item.bundle === bundle &&\n parseInt(item.deposit) === elem\n )[0];\n\n if (\n childOffer !== undefined &&\n childOffer.hasOwnProperty('monthly_rate') &&\n childOffer.hasOwnProperty('ref')\n ) {\n let monthly_rate = childOffer.monthly_rate;\n\n if (childOffer.special_rate > 0) {\n monthly_rate = Math.min(monthly_rate, childOffer.special_price);\n }\n\n monthly_rate += totAdditionalServicesCost;\n\n let description = `${monthly_rate}€ al mese`\n\n if (fees.finalMonthlyRate > 0 && fees.finalMonthlyRate !== selectMonthlyRate) {\n const newMonthlyRate = monthly_rate + (fees.finalMonthlyRate - selectMonthlyRate)\n description = <>| {messages.deposit.title} | \n{messages.distance.title} | \n{messages.duration.title} | \n{messages.price.title} | \n{messages.actions.title} | \n
|---|
\n \n \n \n item.selected === true)}\n callback={this.handleOnDistanceClick}\n colSize={4}\n label={label}\n id=\"distanza\"\n />\n\n {bundles && bundles.length > 0 &&\n <>\n item.selected === true && item.disabled === false)}\n callback={this.handleOnBundleClick}\n colSize={4}\n label={label}\n id=\"bundle\"\n />\n item.selected === true)\n : distances.some(item => item.selected === true)\n }\n callback={this.handleOnDepositClick}\n colSize={4}\n label={label}\n id=\"anticipo\"\n />\n\n {services.length > 0 &&\n
\n \n \n );\n }\n}\nCustomizeOffer.defaultProps = {\n childOffers: [],\n offerCode: '',\n hasVariations: true,\n};\n\nCustomizeOffer.propTypes = {\n deposit: PropTypes.number.isRequired,\n duration: PropTypes.number.isRequired,\n distance: PropTypes.number.isRequired,\n bundle: PropTypes.string,\n carName: PropTypes.string.isRequired,\n carPower: PropTypes.number.isRequired,\n carType: PropTypes.string,\n childOffers: PropTypes.array,\n offerCode: PropTypes.string,\n hasVariations: PropTypes.bool,\n colors: PropTypes.array.isRequired,\n options: PropTypes.array.isRequired,\n services: PropTypes.array.isRequired,\n tag: PropTypes.string,\n secondaryTag: PropTypes.string,\n};\n\nexport function mapDispatchToProps(dispatch) {\n return {\n selectOffer: offer => dispatch(offerSelected(offer)),\n calculateNewMonthlyRate: monthlyRate => dispatch(calculateNewMonthlyRate(monthlyRate)),\n selectServices: services => dispatch(selectServices(services)),\n selectAccessories: accessories => dispatch(selectAccessories(accessories)),\n selectAccessoriesCodes: codes => dispatch(selectAccessoriesCodes(codes)),\n selectColors: colors => dispatch(selectColors(colors)),\n selectColorCodes: codes => dispatch(selectColorCodes(codes)),\n resetFees: () => dispatch(resetFees()),\n };\n}\n\nconst mapStateToProps = createStructuredSelector({\n accessories: makeSelectAccessoriesSelector(),\n selectedColors: makeSelectColorsSelector(),\n selectedAccessoriesCodes: makeSelectAccessoriesCodesSelector(),\n selectedColorsCodes: makeSelectColorCodesSelector(),\n selectedServices: makeSelectServicesSelector(),\n selectMonthlyRate: makeSelectMonthlyRateSelector(),\n fees: makeSelectFeesSelector(),\n prescoringResponse: makeSelectCheckResponse(),\n});\n\nconst withConnect = connect(\n mapStateToProps,\n mapDispatchToProps,\n);\n\nexport default compose(\n withOfferSelectorReducer,\n withOfferSelectorSaga,\n withConnect,\n)(CustomizeOffer);\n","/*\n * RequestOffer Messages\n *\n * This contains all the text for the RequestOffer container.\n */\nimport { defineMessages } from 'react-intl';\n\nexport const scope = 'app.components.RequestOffer';\n\nexport default defineMessages({\n title: {\n id: `${scope}.title`,\n defaultMessage: \"Non hai trovato l'auto che cercavi?\",\n },\n description: {\n id: `${scope}.description`,\n defaultMessage: \"Facci sapere quale auto stai cercando e ti contatteremo noi!\",\n },\n action: {\n id: `${scope}.action`,\n defaultMessage: \"Trova auto\",\n },\n});\n","import React from 'react';\nimport { FormattedMessage } from 'react-intl';\nimport messages from './messages';\n\nimport './styles.scss';\n\nclass RequestOffer extends React.Component {\n constructor(props) {\n super(props);\n this.state = {};\n\n }\n\n render() {\n\n return (\n \n
\n \n {referenceCode}\n
\n \n {\n selectedBundle && configs.bundlesDescription.hasOwnProperty(selectedBundle.value) ?\n configs.bundlesDescription[selectedBundle.value][bundleDescriptionVehicleTypeIndex] || ''\n : ''\n }\n
\n \n }\n\n \n \n \n Rimuovi tutti\n : null\n }\n\n \n \n Scegli dalla lista...\n \n \n
\n {messages.optionalsAndColorsLabel.defaultMessage}}\n className=\"offer-optionals-colors\"\n visible={this.state.modalVisible}\n onCancel={this.handleModalOk}\n footer={[\n ,\n \n Rimuovi tutti\n \n ]}\n width={800}\n >\n {\n optionalsAndColors.map(optionalAndColorGroup =>\n
\n : null\n }\n \n {messages.optionalsAndColorsLabel.defaultMessage}\n
\n {optionalsAndColorsSelected.length ?\n\n {optionalAndColorGroup.title}\n
\n )\n }\n \n\n - \n {optionalAndColorGroup.title === 'Vernici' ?\n optionalAndColorGroup.items.map(item =>\n
- \n
\n {item.description}\n \n \n{parseInt(item.price).toLocaleString('it')} €\n \n )\n :\n optionalAndColorGroup.items.map(item =>\n - \n {parseInt(item.price).toLocaleString('it')} €\n \n \n )\n }\n
\n
\n );\n }\n}\n\nRequestOffer.propTypes = {};\n\nexport default RequestOffer;\n","/*\n * Banners Messages\n *\n */\nimport { defineMessages } from 'react-intl';\n\nexport const scope = 'app.components.Banners';\n\nexport default defineMessages({\n offers: {\n id: `${scope}.offers`,\n defaultMessage: 'Vuoi creare un nuovo preventivo, ma hai bisogno di aiuto?',\n anchorTarget:\n 'https://static.ideal-rent.com/guides/guida_veloce_offerte.pdf',\n anchorMessage: 'Consulta la nostra guida veloce.',\n },\n sponsor: {\n id: `${scope}.sponsor`,\n defaultMessage: 'Il tuo cliente vuole vendere la sua auto prima di passare al Noleggio? ',\n anchorTarget:\n 'https://lp.ideal-rent.com/valutazione-auto',\n anchorMessage: 'Scopri il suo valore!',\n },\n});\n","import React from 'react';\nimport { Row, Col } from 'reactstrap';\nimport { TopBanner } from '../UIKit';\nimport messages from './messages';\n\nimport './sponsor.scss';\n\nconst sponsor = props => {\n const bannerMsg = messages.sponsor;\n\n const html = `${bannerMsg.defaultMessage + ' '}\n \n ${bannerMsg.anchorMessage}\n `;\n return (\n \n
\n \n
\n \n {messages.action.defaultMessage}\n \n \n {messages.title.defaultMessage}\n
\n\n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n \n \n \n \n \n \n \n \n \n \n \n \n {\n contractualeCateogries.map(item => (\n \n {item.description}\n \n ))\n }\n \n \n \n \n \n {this.isBusinessCategory &&\n \n \n
\n \n \n \n \n \n \n \n \n \n
\n
\n );\n }\n}\n\nCustomerFields.defaultProps = {};\n\nCustomerFields.propTypes = {\n values: PropTypes.object.isRequired,\n errors: PropTypes.any.isRequired,\n contractualeCateogries: PropTypes.any.isRequired,\n callback: PropTypes.func.isRequired,\n};\nexport default CustomerFields;\n","/*\n * Header Messages\n *\n * This contains all the text for the Header component.\n */\n\nimport { defineMessages } from 'react-intl';\n\nexport const scope = 'app.components.OfferForm';\n\nexport default defineMessages({\n vehicleTypeLabel: {\n id: `${scope}.vehicleTypeLabel`,\n defaultMessage: 'Seleziona la tipologia di veicolo',\n },\n vehicleTypeCar: {\n id: `${scope}.vehicleTypeCar`,\n defaultMessage: 'Automobile',\n },\n vehicleTypeBusiness: {\n id: `${scope}.vehicleTypeBusiness`,\n defaultMessage: 'Veicolo commerciale',\n },\n vehicleTypeMinicar: {\n id: `${scope}.vehicleTypeMinicar`,\n defaultMessage: 'Minicar',\n },\n brand: {\n id: `${scope}.brand`,\n defaultMessage: 'Marca',\n },\n model: {\n id: `${scope}.model`,\n defaultMessage: 'Modello',\n },\n version: {\n id: `${scope}.version`,\n defaultMessage: 'Allestimento',\n },\n duration: {\n id: `${scope}.duration`,\n defaultMessage: 'Durata noleggio',\n },\n distance: {\n id: `${scope}.distance`,\n defaultMessage: 'Km/Anno',\n },\n deposit: {\n id: `${scope}.deposit`,\n defaultMessage: 'Anticipo €',\n },\n monthlyRate: {\n id: `${scope}.monthlyRate`,\n defaultMessage: 'Canone mensile',\n },\n services: {\n id: `${scope}.services`,\n defaultMessage: 'Eventuali servizi aggiuntivi/optional',\n },\n notes: {\n id: `${scope}.notes`,\n defaultMessage: 'Note',\n },\n});\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { FormattedMessage } from 'react-intl';\nimport { Label } from 'reactstrap';\nimport { Row, Col, Form, Input, InputNumber, Radio } from 'antd';\n\nimport Brand from '../CarSelector/brand';\nimport Model from '../CarSelector/model';\nimport Version from '../CarSelector/version';\n\nimport configs from 'configs';\n\nimport messages from './messages';\n\nimport 'antComponentsStyle';\nimport './fields.scss';\n\nclass OfferFields extends React.Component {\n constructor(props) {\n super(props);\n }\n\n fieldIsInvalid = fieldName =>\n this.props.errors.some(error => error === fieldName);\n\n showDynamicSelectors = () => this.props.values.vehicleType === 'car';\n\n inputNumberCallback = (name, value) => this.props.callback({target: {name, value}})\n\n render() {\n const {\n values,\n callback,\n brands,\n models,\n versions,\n isLoading,\n } = this.props;\n\n return (\n \n {configs.veichleTypes && configs.veichleTypes.length > 1 ?\n \n \n \n {configs.veichleTypes.map(veichleType =>\n \n \n )}\n \n \n \n
\n : null\n }\n \n \n \n {this.showDynamicSelectors() ? (\n \n \n {this.showDynamicSelectors() ? (\n \n \n {this.showDynamicSelectors() ? (\n \n \n this.inputNumberCallback('duration', value)}\n className=\"w-100\"\n required\n />\n \n \n \n \n \n `${value}`.replace(/\\B(?=(\\d{3})+(?!\\d))/g, '.')\n }\n parser={value => value.replace(/\\.*/g, '')}\n name=\"distance\"\n id=\"distance\"\n placeholder={'10000'}\n value={values.distance}\n onChange={value => this.inputNumberCallback('distance', value)}\n className=\"w-100\"\n required\n />\n \n \n \n \n \n `${value}`.replace(/\\B(?=(\\d{3})+(?!\\d))/g, '.')\n }\n parser={value => value.replace(/\\.*/g, '')}\n name=\"deposit\"\n id=\"deposit\"\n placeholder={'2000'}\n value={values.deposit}\n onChange={value => this.inputNumberCallback('deposit', value)}\n className=\"w-100\"\n required\n />\n \n \n
\n \n
\n
\n );\n }\n}\n\nOfferFields.defaultProps = {};\n\nOfferFields.propTypes = {\n values: PropTypes.object.isRequired,\n errors: PropTypes.any.isRequired,\n callback: PropTypes.func.isRequired,\n isLoading: PropTypes.bool.isRequired,\n};\nexport default OfferFields;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport configs from 'configs';\n\n\nclass Tracking extends React.Component {\n constructor(props) {\n super(props);\n this.state = {};\n }\n\n componentDidMount() {\n if (configs.pendo && configs.pendo.enabled) {\n const { code, email, name, roleName, creationDate, groupCode, groupName, groupType } = this.props;\n (function(apiKey){\n (function(p,e,n,d,o){var v,w,x,y,z;o=p[d]=p[d]||{};o._q=[];\n v=['initialize','identify','updateOptions','pageLoad','track'];for(w=0,x=v.length;w\n 
\n \n
\n \n {member.hasOwnProperty('name') ? member.name : 'Aggiungi'}\n
\n \n \n \n
\n\n \n);\n\nexport default MemberItem;\n","import React from 'react';\nimport { connect } from 'react-redux';\nimport { compose } from 'redux';\nimport { createStructuredSelector } from 'reselect';\nimport { Row, Col, Modal, Form, Input, Select } from 'antd';\n\nimport { toggleMember, addMember, updateMember } from 'containers/App/actions';\nimport {\n selectErrors,\n selectIsLoading,\n selectMembers,\n} from 'containers/App/selectors';\nimport { default as Loader } from 'components/Loader';\n\nimport MemberItem from './member-item';\n\nimport 'antComponentsStyle';\n\nclass SideColumn extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n isModalOpen: false,\n member: {},\n otherMembers: [],\n };\n }\n\n componentDidUpdate(prevProps) {\n const { profile: { members: prevMembers } } = prevProps;\n const { profile: { members } } = this.props;\n\n if (members !== prevMembers) {\n this.setState({ isModalOpen: false });\n }\n }\n\n toggleModal = () => this.setState({ isModalOpen: !this.state.isModalOpen });\n\n openModal = member => {\n const { members } = this.props;\n const otherMembers = member\n ? members.filter(otherMember => otherMember.code !== member.code)\n : members;\n\n this.setState(\n {\n member: {\n ...(member || {}),\n },\n otherMembers,\n },\n () => this.setState({ isModalOpen: true }),\n );\n };\n\n onChangeMemberFieldValue = ({ target: { name, value } }) =>\n this.setState({\n member: {\n ...this.state.member,\n [name]: value,\n },\n });\n\n onChangeParentValue = value =>\n this.setState({\n member: {\n ...this.state.member,\n parent_id: value,\n },\n });\n\n onChangeFeeType = value =>\n this.setState({\n member: {\n ...this.state.member,\n fee_type: value,\n },\n });\n\n submitMember = () => {\n if (this.state.member.code) {\n this.props.updateMember(this.state.member);\n } else {\n this.props.addMember(this.state.member);\n }\n };\n\n toggleMember = agentId => this.props.toggleMember(agentId);\n\n render() {\n const { profile, hasNetwork, errors: { member: errors={}}, isLoading, members } = this.props;\n const { member, otherMembers } = this.state;\n\n let membersCount = members.length;\n\n let memberHasOtherMembers = false;\n\n if (hasNetwork) {\n const subAgentFeature = profile.features.find(\n feature => feature.slug === 'network-sub-agent',\n );\n\n membersCount = subAgentFeature ? subAgentFeature.limit : members.length;\n }\n\n const membersCountResume = membersCount - members.length;\n\n const feeTypes = {\n FIXED_VALUE: 'Gettone fisso',\n FLAT_PERCENTAGE: 'Percentuale FLAT',\n HIERARCHICAL_PERCENTAGE: 'Percentuale gerarchica'\n };\n\n if (profile.group_fee_type !== 'FIXED_VALUE') {\n delete feeTypes.FIXED_VALUE;\n }\n\n return (\n <>\n - \n
- \n {member.business_name || ''}\n \n
- \n \n {member.roleName && {member.roleName}}\n {member.email}\n \n \n
- \n {member.status &&\n \n status: {{\n 'ACTIVATED': attivato,\n 'SUSPENDED':disattivato,\n 'PENDING_ACTIVATION':in attesa di attivazione,\n }[member.status || '']}\n \n }\n \n
\n {{\n 'ACTIVATED': Disattiva,\n 'SUSPENDED': Attiva,\n }[member.status || '']}\n
\n \n
\n {hasNetwork && profile.role === 1 && (\n \n
\n \n
\n \n 
\n
\n \n {profile.role === 1 &&\n
\n {profile.business_name}
\n }\n{profile.name}
\n{profile.email}
\n {hasNetwork &&\n \n {profile.roleName}\n
\n }\n \n this.submitMember()}\n onCancel={this.toggleModal}\n okText=\"Salva\"\n cancelText=\"Annulla\"\n destroyOnClose\n >\n
\n )}\n \n );\n }\n}\n\n\nconst mapStateToProps = createStructuredSelector({\n isLoading: selectIsLoading(),\n errors: selectErrors(),\n members: selectMembers(),\n});\n\nexport function mapDispatchToProps(dispatch) {\n return {\n toggleMember: agentId => dispatch(toggleMember(agentId)),\n addMember: agentData => dispatch(addMember(agentData)),\n updateMember: agentData => dispatch(updateMember(agentData)),\n };\n}\n\nconst withConnect = connect(\n mapStateToProps,\n mapDispatchToProps,\n);\n\nexport default compose(withConnect)(SideColumn);\n","import React from 'react';\nimport { createStructuredSelector } from 'reselect';\nimport injectReducer from 'utils/injectReducer';\nimport injectSaga from 'utils/injectSaga';\nimport { FormattedMessage } from 'react-intl';\n\nimport { connect } from 'react-redux';\nimport { compose } from 'redux';\nimport { Alert, Row, Col, Button, Form, Input } from 'antd';\nimport reducer from 'containers/App/reducer';\nimport saga from 'containers/App/saga';\n\nimport {\n selectIsLoading,\n selectErrors,\n selectHasErrors,\n} from 'containers/App/selectors';\nimport { sendUpdateProfile } from 'containers/App/actions';\n\nimport { validatePhone } from '../CarQuote/validator';\nimport messages from './messages';\n\nclass FormProfile extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n profile: props.profile || {},\n submitting: false,\n submitted: false,\n hasErrors: false,\n errors: {\n name: false,\n phone: false,\n },\n };\n }\n\n resetErrors = input => {\n if (typeof input !== 'undefined') {\n this.setState({\n errors: { ...this.state.errors, [input]: false },\n });\n } else {\n this.setState(() => ({\n errors: {\n name: false,\n phone: false,\n },\n hasErrors: false,\n }));\n }\n };\n\n isValid() {\n let valid = true;\n const { profile, errors } = this.state;\n\n if (profile.phone !== '' && !validatePhone(profile.phone)) {\n valid = false;\n errors.phone = true;\n } else {\n errors.phone = false;\n }\n\n if (!profile.business_name || profile.business_name.trim() === '') {\n valid = false;\n errors.business_name = true;\n } else {\n errors.business_name = false;\n }\n\n if (!profile.email || profile.email.trim() === '') {\n valid = false;\n errors.email = true;\n } else {\n errors.email = false;\n }\n\n this.setState(() => ({ errors }));\n return valid;\n }\n\n handleSubmit = e => {\n e.preventDefault();\n this.resetErrors();\n\n const { profile } = this.state;\n\n if (this.isValid()) {\n if (!this.state.submitting) {\n this.props.sendUpdateProfile(profile);\n this.setState({ submitting: false, submitted: true });\n }\n }\n };\n\n onInputChange = e => {\n const value = e.target.value;\n const name = e.target.name;\n this.resetErrors(name);\n\n this.setState({\n profile: { ...this.state.profile, [name]: value },\n });\n };\n\n onAlertDismiss = () => {\n this.setState({ submitted: false });\n };\n\n render() {\n let { profile, errors, submitted } = this.state;\n const { hasErrors } = this.props;\n const profileHasErrors = hasErrors('profile')\n errors = { ...errors, ...this.props.updateErrors.profile || {} };\n\n return (\n Il mio team ({members.length})
\n\n {members && Array.isArray(members) && members.map(member => (\n this.openModal(member)}\n onToggleMember={!isLoading ? () => this.toggleMember(member.code) : null}\n />\n ))}\n {membersCountResume && membersCountResume > 0 ?\n [...Array(membersCountResume).keys()].map(idx =>\n this.openModal()}\n onCreate={this.addMemberHanlder}\n />\n )\n : null\n }\n
\n }\n\n {errors.member[0]}
: null}\n \n \n {submitted || profileHasErrors ?\n
\n );\n }\n}\n\nexport function mapDispatchToProps(dispatch) {\n return {\n sendUpdateProfile: profile => dispatch(sendUpdateProfile(profile)),\n };\n}\n\nconst mapStateToProps = createStructuredSelector({\n isLoading: selectIsLoading(),\n updateErrors: selectErrors(),\n hasErrors: (state, errorDomain) => selectHasErrors(state, errorDomain),\n});\n\nconst withReducer = injectReducer({ key: 'user', reducer });\nconst withSaga = injectSaga({ key: 'user', saga });\n\nconst withConnect = connect(\n mapStateToProps,\n mapDispatchToProps,\n);\n\nexport default compose(\n withReducer,\n withSaga,\n withConnect,\n)(FormProfile);\n","import React from 'react';\nimport { Alert, Row, Col, Button, Form, Input } from 'antd';\nimport { createStructuredSelector } from 'reselect';\nimport { FormattedMessage } from 'react-intl';\n\nimport { connect } from 'react-redux';\nimport { compose } from 'redux';\n\nimport { selectIsLoading, selectErrors, selectHasErrors } from 'containers/App/selectors';\nimport { sendUpdatePassword } from 'containers/App/actions';\nimport messages from './messages';\n\nclass FormPassword extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n submitting: false,\n submitted: false,\n passwords: {\n password: false,\n new_password: false,\n confirm_password: false,\n },\n errors: {\n password: false,\n new_password: false,\n confirm_password: false,\n },\n };\n }\n\n resetErrors = input => {\n if (typeof input !== 'undefined') {\n this.setState({\n errors: { ...this.state.errors, [input]: false },\n });\n } else {\n this.setState(() => ({\n errors: {\n password: false,\n new_password: false,\n confirm_password: false,\n }\n }));\n }\n };\n\n isValid() {\n let valid = true;\n const { passwords, errors } = this.state;\n\n if (\n !passwords.password ||\n passwords.password.trim() === ''\n ) {\n valid = false;\n errors.password = true;\n } else {\n errors.password = false;\n }\n\n if (\n !passwords.new_password ||\n passwords.new_password.trim() === '' ||\n passwords.new_password.trim().length < 8\n ) {\n valid = false;\n errors.new_password = ['La nuova password deve contenere almeno 8 caratteri'];\n } else {\n errors.new_password = false;\n }\n\n if (\n passwords.new_password !== passwords.confirm_password\n ) {\n valid = false;\n errors.confirm_password = ['Le due password non coincidono'];\n } else {\n errors.confirm_password = false;\n }\n\n this.setState(() => ({ errors }));\n return valid;\n }\n\n handleSubmit = e => {\n e.preventDefault();\n this.resetErrors();\n\n if (this.isValid()) {\n if (!this.state.submitting) {\n this.props.sendUpdatePassword(this.state.passwords);\n this.setState({ submitting: false, submitted: true });\n }\n }\n };\n\n onInputChange = e => {\n const value = e.target.value;\n const name = e.target.name;\n this.resetErrors(name);\n\n this.setState({\n passwords: { ...this.state.passwords, [name]: value },\n });\n };\n\n onAlertDismiss = () => {\n this.setState({ submitted: false });\n };\n\n render() {\n let { errors, submitted } = this.state;\n const { hasErrors } = this.props;\n const passwordHasErrors = hasErrors('password')\n errors = { ...errors, ...this.props.updateErrors.password || {} };\n\n return (\n \n \n \n \n
\n
\n \n {submitted || passwordHasErrors ?\n
\n );\n }\n}\n\nexport function mapDispatchToProps(dispatch) {\n return {\n sendUpdatePassword: passwords => dispatch(sendUpdatePassword(passwords)),\n };\n}\n\nconst mapStateToProps = createStructuredSelector({\n isLoading: selectIsLoading(),\n updateErrors: selectErrors(),\n hasErrors: (state, errorDomain) => selectHasErrors(state, errorDomain),\n});\n\nconst withConnect = connect(\n mapStateToProps,\n mapDispatchToProps,\n);\n\nexport default compose(withConnect)(FormPassword);\n","import React from 'react';\nimport { Alert } from 'reactstrap';\nimport { Row, Col, Button, Form, Input } from 'antd';\nimport { createStructuredSelector } from 'reselect';\nimport { FormattedMessage } from 'react-intl';\n\nimport { connect } from 'react-redux';\nimport { compose } from 'redux';\n\nimport { selectIsLoading, selectErrors, selectHasErrors } from 'containers/App/selectors';\nimport { sendRequestApiKey } from 'containers/App/actions';\nimport messages from './messages';\n\nclass FormApiKey extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n alertIsVisible: false,\n };\n }\n\n handleSubmit = e => {\n e.preventDefault();\n\n if (!this.props.profile.apiKey || this.props.profile.apiKey === ''\n || confirm('Creando una nuova chiave quella attuale verrà disabilitata. Sicuro di voler procedere?')\n ) {\n this.alertDismiss();\n this.props.sendRequestApiKey();\n }\n };\n\n alertDismiss = () => {\n this.setState({ alertIsVisible: false });\n };\n\n onCopyButton = () => {\n navigator.clipboard.writeText(this.props.profile.apiKey)\n this.setState({ copied: true }, () => {\n setTimeout(() => this.setState({ copied: false }), 1300)\n });\n };\n\n render() {\n let { copied, alertIsVisible } = this.state;\n const { hasErrors, isLoading, errors } = this.props;\n const apikeyHasErrors = hasErrors('apiKey')\n let errorMessage;\n\n if (errors && errors.apiKey && Object.keys(errors.apiKey).length > 0) {\n errorMessage = 'Si sono verificati errori, si prega di riprovare';\n }\n\n return (\n \n \n
\n \n {alertIsVisible || apikeyHasErrors ?\n
\n );\n }\n}\n\nexport function mapDispatchToProps(dispatch) {\n return {\n sendRequestApiKey: () => dispatch(sendRequestApiKey()),\n };\n}\n\nconst mapStateToProps = createStructuredSelector({\n isLoading: selectIsLoading(),\n errors: selectErrors(),\n hasErrors: (state, errorDomain) => selectHasErrors(state, errorDomain),\n});\n\nconst withConnect = connect(\n mapStateToProps,\n mapDispatchToProps,\n);\n\nexport default compose(withConnect)(FormApiKey);\n","import React from 'react';\nimport { Form, Row, Col, Button, Alert, Upload, Icon } from 'antd';\nimport { createStructuredSelector } from 'reselect';\n\nimport { connect } from 'react-redux';\nimport { compose } from 'redux';\n\nimport { selectIsLoading, selectTheme, selectErrors, selectHasErrors } from 'containers/App/selectors';\nimport { uploadLogo } from 'containers/App/actions';\n\nimport './styles.scss';\n\nclass FormRebrand extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n uploading: false,\n submitting: false,\n submitted: false,\n userTheme: props.userTheme,\n errors: {\n logo: false,\n theme: false,\n },\n };\n }\n\n resetErrors = input => {\n if (typeof input !== 'undefined') {\n this.setState({\n errors: { ...this.state.errors, [input]: false },\n });\n } else {\n this.setState(() => ({\n errors: {\n logo: false,\n theme: false,\n }\n }));\n }\n };\n\n // handleSubmit = e => {\n // e.preventDefault();\n // this.resetErrors();\n\n // if (!this.state.submitting) {\n // setTimeout(() => this.onAlertDismiss(), 1500);\n // }\n // };\n\n handleThemeChange = ({target: {value}}) => {\n this.resetErrors();\n\n this.setState({ userTheme: value });\n };\n\n handleUploadChange = info => this.setState({ uploading: info.file.status === 'uploading' });\n\n beforeUpload = file => {\n const isImage = file.type.startsWith('image/');\n const isLt2M = file.size / 1024 / 1024 < 2;\n const logoErrors = [];\n\n if (!isImage) {\n logoErrors.push('Sono consentiti solo file di tipo immagine (png, jpg, gif, ...)');\n }\n\n if (!isLt2M) {\n logoErrors.push('Il file deve pesare meno di 2MB');\n }\n\n this.setState({ errors: {logo: logoErrors}})\n\n if (isImage && isLt2M) {\n this.props.uploadLogo(file);\n }\n\n return false;\n }\n\n onAlertDismiss = () => {\n this.setState({ submitted: false });\n };\n\n render() {\n let { userTheme, errors, submitted } = this.state;\n const { profile, hasErrors } = this.props;\n const rebrandHasErrors = hasErrors('rebrand')\n errors = { ...errors, ...this.props.rebrandErrors.rebrand || {} };\n\n return (\n \n \n
\n \n {submitted || rebrandHasErrors ?\n
\n );\n }\n}\n\nexport function mapDispatchToProps(dispatch) {\n return {\n uploadLogo: file => dispatch(uploadLogo(file)),\n };\n}\n\nconst mapStateToProps = createStructuredSelector({\n isLoading: selectIsLoading(),\n userTheme: selectTheme(),\n rebrandErrors: selectErrors(),\n hasErrors: state => selectHasErrors(state, 'rebrand'),\n});\n\nconst withConnect = connect(\n mapStateToProps,\n mapDispatchToProps,\n);\n\nexport default compose(withConnect)(FormRebrand);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Button } from 'antd';\n\nimport { SECTION_TITLE, SECTION_SINGLE_TITLE } from './constants';\nimport './styles.scss';\n\nclass HorizontalFilter extends React.Component {\n constructor(props) {\n super(props);\n }\n\n render() {\n const { results } = this.props;\n\n return (\n \n \n {/*
\n {/* \n \n
*/}\n
\n \n
\n );\n }\n}\n\nHorizontalFilter.defaultProps = {\n results: 0\n};\n\nHorizontalFilter.propTypes = {\n results: PropTypes.number.isRequired,\n};\n\nexport default HorizontalFilter;\n","export const SECTION_TITLE = 'Provider presenti';\nexport const SECTION_SINGLE_TITLE = 'Provider presente';\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Button } from 'antd';\n\nimport { SECTION_TITLE, SECTION_SINGLE_TITLE } from './constants';\nimport './styles.scss';\n\nclass HorizontalFilter extends React.Component {\n constructor(props) {\n super(props);\n }\n\n render() {\n const { results } = this.props;\n\n return (\n \n
\n \n {`${results} ${results === 1 ? SECTION_SINGLE_TITLE : SECTION_TITLE}`}\n \n
\n\n
\n );\n }\n}\n\nHorizontalFilter.defaultProps = {\n results: 0\n};\n\nHorizontalFilter.propTypes = {\n results: PropTypes.number.isRequired,\n};\n\nexport default HorizontalFilter;\n","export const SECTION_TITLE = 'Prodotti presenti';\nexport const SECTION_SINGLE_TITLE = 'Prodotto presente';\n","import React from 'react';\n\nconst AccountActivationTerms = ({ acceptTerms }) => (\n <>\n \n
\n \n {`${results} ${results === 1 ? SECTION_SINGLE_TITLE : SECTION_TITLE}`}\n \n
\n\n \n
\n \n \n \n
\n \n \n
\n \n);\n\nexport default AccountActivationTerms;\n","export { default as AlertWithMessage } from './Alert/message';\nexport { default as DdoughnutChart } from './Chart/doughnut';\nexport { default as LineChart } from './Chart/line';\n\nexport { default as AgentsList } from './List/agents';\nexport { default as AgentAsListItem } from './Agent/item';\nexport { default as AgentItemDetails } from './Agent/details';\n\nexport { default as DataWidget } from './DataWidget/index';\nexport { default as Section } from './Section/index';\n\nexport { default as Select } from './Select/index';\nexport { default as SelectModal } from './Select/modal';\n\nexport { default as TableWidget } from './TableWidget/index';\nexport { default as TableWidgetWithQuotations } from './TableWidget/quotations';\n\nexport { default as Search } from './Search/index';\nexport { default as HorizontalFilter } from './HorizontalFilter/index';\n\nexport { default as CatalogSearch } from './CatalogSearch/index';\nexport {\n default as HorizontalCatalogFilter,\n} from './HorizontalCatalogFilter/index';\n\nexport { default as SelectFilter } from './SearchFilters/select';\nexport {\n default as SelectCollapsibleFilter,\n} from './SearchFilters/selectCollapsible';\nexport { default as MultiselectFilter } from './SearchFilters/multiselect';\nexport {\n default as MultiselectWithIconFilter,\n} from './SearchFilters/multiselectWithIcon';\nexport { default as ChoiceFilter } from './SearchFilters/choice';\nexport { default as BadgeFilter } from './SearchFilters/badge';\n\n// Pagination\nexport { default as Paginator } from './Paginator/index';\nexport { default as QuotationsPaginator } from './Paginator/quotations';\n\nexport { default as CarItemSkeletron } from './Skeletons/carItem';\nexport { default as CarItemsListSkeletron } from './Skeletons/carItemsList';\nexport { default as SeachSkeletron } from './Skeletons/search';\n\nexport { default as Spinner } from './Spinner/index';\n\nexport { default as PrintForm } from './Forms/index';\nexport { default as OfferForm } from './Forms/offer';\n\nexport { default as OfferInfo } from './OfferInfo/index';\nexport { default as OfferPrice } from './OfferPrice/index';\nexport { default as OfferStickyPrice } from './OfferPrice/sticky';\nexport { default as OfferDetails } from './OfferDetails/index';\nexport { default as OfferPrint } from './OfferPrint/index';\n\nexport { default as SidebarPreview } from './Quotation/sidebar-preview';\nexport { default as QuotationInitializer } from './Quotation/initializer';\nexport { default as CustomerForm } from './Quotation/form-customer';\nexport { default as CustomerFormWrapper } from './FormCustomerWrapper';\nexport { default as ConfirmForm } from './Quotation/form-confirm';\nexport { default as DocumentsForm } from './Quotation/form-documents';\n\nexport { default as RightSideModal } from './Modal/right';\n\nexport { default as QuotationSearch } from './QuotationsSearch/index';\n\n// Sorts\nexport { default as QuotationsSort } from './QuotationsSort/index';\n\n// Catalog\nexport { default as CarItemPreview } from './CarItemPreview/index';\nexport { default as CarItemButtonBoard } from './CarItemButtonBoard/index';\nexport { default as CarSelector } from './CarSelector/index';\nexport { default as CarCreator } from './CarCreator/index';\nexport { default as CarImages } from './CarImages/index';\nexport { default as OfferValue } from './OfferValue/index';\nexport { default as OfferServices } from './OfferServices/index';\nexport { default as OfferChilds } from './OfferChilds/index';\nexport { default as CustomizeOffer } from './CustomizeOffer/index';\nexport { default as RequestOffer } from './RequestOffer/index';\n\n// Banners\nexport { default as OffersBanner } from './Banners/offers';\nexport { default as SponsorBanner } from './Banners/sponsor';\n\n// Form\nexport { default as CustomerFormFields } from './CustomerForm/fields'; // @deprecated\nexport { default as OfferFromFields } from './OfferForm/fields';\n\n// Tracking\nexport { default as Tracking } from './Tracking/index';\n\n// Loader\nexport { default as Loader } from './Loader/index';\n\n// Profile\nexport { default as AgentSideColumn } from './Profile/side-column';\nexport { default as FormProfile } from './Profile/form-profile';\nexport { default as FormPassword } from './Profile/form-password';\nexport { default as FormApiKey } from './Profile/form-api-key';\nexport { default as FormRebrand } from './Profile/form-rebrand';\n\n// Provider\nexport { default as HorizontalProvidersFilter } from './HorizontalProvidersFilter';\n\n// Provider\nexport { default as HorizontalProductsFilter } from './HorizontalProductsFilter';\n\nexport { default as AccountActivationTerms } from './Account/activation';\n","\nvar content = require(\"!!../../../../../node_modules/css-loader/index.js!../../../../../node_modules/sass-loader/lib/loader.js!./styles.scss\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../../../node_modules/css-loader/index.js!../../../../../node_modules/sass-loader/lib/loader.js!./styles.scss\", function() {\n\t\tvar newContent = require(\"!!../../../../../node_modules/css-loader/index.js!../../../../../node_modules/sass-loader/lib/loader.js!./styles.scss\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \".doughnut .legend-value-w {\\n display: inline !important; }\\n\\n.doughnut .el-legend .legend-pin {\\n margin-left: 1rem; }\\n\", \"\"]);\n\n// exports\n","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \"#OfferServices .flex-section .flex-section-header {\\n min-width: 20%; }\\n\\n#OfferServices .item-box {\\n min-height: 120px; }\\n #OfferServices .item-box .description {\\n font-size: .8em; }\\n #OfferServices .item-box .addon {\\n position: absolute;\\n bottom: 10px;\\n right: 16px;\\n font-size: 14px; }\\n #OfferServices .item-box .addon input[type=number] {\\n padding-right: 20px; }\\n\", \"\"]);\n\n// exports\n","/*\n *\n * LanguageProvider constants\n *\n */\n\nexport const CHANGE_LOCALE = 'app/LanguageToggle/CHANGE_LOCALE';\n","/*\n *\n * LanguageProvider reducer\n *\n */\n\nimport { fromJS } from 'immutable';\n\nimport { CHANGE_LOCALE } from './constants';\nimport { DEFAULT_LOCALE } from '../../i18n'; // eslint-disable-line\n\nexport const initialState = fromJS({\n locale: DEFAULT_LOCALE,\n});\n\nfunction languageProviderReducer(state = initialState, action) {\n switch (action.type) {\n case CHANGE_LOCALE:\n return state.set('locale', action.locale);\n default:\n return state;\n }\n}\n\nexport default languageProviderReducer;\n","export const getSustainabilityIndexByMonthlyRateAndDeposit = (monthlyRateMax, offerMonthlyRate, depositRequired, offerDeposit, thresholdMonthlyRateMax) => {\n if ((!depositRequired || offerDeposit > 0) && offerMonthlyRate <= monthlyRateMax) {\n return 2;\n }\n\n if (\n (depositRequired === false || offerDeposit > 0)\n && offerMonthlyRate <= (thresholdMonthlyRateMax * 1.1)\n ) {\n return 1;\n }\n\n if (\n depositRequired === true && offerDeposit === 0\n && offerMonthlyRate <= monthlyRateMax\n ) {\n return 1;\n }\n\n return 0;\n}\n\nexport const getSustainabilityMessageByMonthlyRateAndDeposit = (monthlyRateMax, offerMonthlyRate, depositRequired, offerDeposit, thresholdMonthlyRateMax) => {\n if ((!depositRequired || offerDeposit > 0) && offerMonthlyRate <= monthlyRateMax) {\n return 'CONGRATULATIONS_THIS_OFFER';\n }\n\n if (\n (depositRequired === false || offerDeposit > 0)\n && offerMonthlyRate <= (thresholdMonthlyRateMax * 1.1)\n ) {\n return 'MONTHLY_RATE_TRASHOLD';\n }\n\n if (\n depositRequired === true && offerDeposit === 0\n && offerMonthlyRate <= monthlyRateMax\n ) {\n return 'NEED_DEPOSIT';\n }\n\n return 'TOO_MUCH_MONTHLY_RATE';\n}\n","\nvar content = require(\"!!../../../../../node_modules/css-loader/index.js!../../../../../node_modules/sass-loader/lib/loader.js!./styles.scss\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../../../node_modules/css-loader/index.js!../../../../../node_modules/sass-loader/lib/loader.js!./styles.scss\", function() {\n\t\tvar newContent = require(\"!!../../../../../node_modules/css-loader/index.js!../../../../../node_modules/sass-loader/lib/loader.js!./styles.scss\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { Slider } from 'antd';\nimport './styles.scss';\nimport 'antComponentsStyle';\n\nconst inputSlider = React.forwardRef((props, ref) => {\n const {\n range,\n step,\n additionalSteps,\n onChange,\n onAfterChange,\n labelFormatter,\n withStepLabel,\n tooltipVisible,\n disabled\n } = props;\n\n let { min, max, steps, value } = props;\n\n const onChangeHandler = values => {\n if (typeof onChange === 'function') {\n onChange(values);\n }\n };\n\n const onAfterChangeHandler = values => {\n if (typeof onAfterChange === 'function') {\n onAfterChange(values);\n }\n };\n\n if (range) {\n if (step) {\n steps = {}\n\n for (let idx = min; idx <= max; idx += step) {\n if (value.indexOf(idx) >= 0) {\n steps[idx] = {\n label: labelFormatter(idx),\n style: withStepLabel\n ? {\n fontWeight: '600',\n color: 'red'\n }\n : { display: 'none' },\n };\n } else {\n steps[idx] = {\n label: labelFormatter(idx),\n style: withStepLabel\n ? {\n fontSize: '.7em',\n color: 'red'\n }\n : { display: 'none' },\n };\n }\n }\n\n if (additionalSteps && additionalSteps.length) {\n additionalSteps.forEach(step => {\n if (value.indexOf(step) >= 0) {\n steps[step] = {\n label: labelFormatter(step),\n style: withStepLabel\n ? {\n fontWeight: '600',\n color: 'green'\n }\n : { display: 'none' },\n };\n } else {\n steps[step] = {\n label: labelFormatter(step),\n style: withStepLabel\n ? {\n fontSize: '.7em',\n color: 'green'\n }\n : { display: 'none' },\n };\n }\n });\n }\n } else {\n for (let idx in steps) {\n const style = steps[idx].style ? steps[idx].style :\n withStepLabel ? {\n fontWeight: '600',\n color: 'red'\n }\n : { display: 'none' };\n\n steps[idx] = {\n label: labelFormatter(idx),\n style,\n }\n }\n }\n } else if (steps && (!min || !max)) {\n min = parseFloat(Object.keys(steps).sort((val1, val2) => parseFloat(val1) - parseFloat(val2))[0]);\n max = parseFloat(Object.keys(steps).sort((val1, val2) => parseFloat(val1) - parseFloat(val2)).slice(-1)[0]);\n\n for (let idx in steps) {\n const style = steps[idx].style ? steps[idx].style :\n withStepLabel ? {\n fontWeight: '600',\n color: 'red'\n }\n : { display: 'none' };\n\n steps[idx] = {\n label: labelFormatter(idx),\n style,\n }\n }\n }\n\n if (!value && value !== 0) {\n value = max\n }\n\n return (\n \n node} /*https://github.com/ant-design/ant-design/issues/37004*/\n tipFormatter={value => labelFormatter(value)}\n ref={ref}\n aria-hidden=\"true\"\n className=\"user-select-none\"\n />\n
\n );\n});\n\ninputSlider.defaultProps = {\n withStepLabel: true,\n range: true,\n tooltipVisible: false,\n disabled: false\n};\n\ninputSlider.propTypes = {\n steps: PropTypes.object,\n range: PropTypes.bool,\n min: PropTypes.number,\n max: PropTypes.number,\n value: PropTypes.any,\n onChange: PropTypes.func,\n onAfterChange: PropTypes.func,\n step: PropTypes.number,\n additionalSteps: PropTypes.array,\n labelFormatter: PropTypes.func.isRequired,\n withStepLabel: PropTypes.bool,\n tooltipVisible: PropTypes.bool,\n disabled: PropTypes.bool\n};\n\nexport default inputSlider;\n","const EXAMPLE_MAP = {\n 'offer.car.segmento': [\n {\n value: 'A',\n conditions: [['offer.duration', '<=', 42]],\n multipliedBy: 1,\n },\n {\n value: 'A',\n conditions: [['offer.duration', '>', 42]],\n multipliedBy: 1,\n },\n {\n value: 'B',\n conditions: [['offer.duration', '<=', 42]],\n multipliedBy: 1.333,\n },\n {\n value: 'B',\n conditions: [['offer.duration', '>', 42]],\n multipliedBy: 1,\n },\n ],\n};\n\nexport const getPriceFromMap = (price, priceMap, selectedOffer) => {\n let result = price;\n\n for (const dependencyPath in priceMap) {\n const found = dependencyElementExists(dependencyPath, selectedOffer);\n const dependencies = priceMap[dependencyPath]\n .filter(dep => dep.value == found)\n .filter(dep =>\n dep.conditions.every(condition => {\n const [conditionPath, conditionOperator, conditionValue] = condition;\n const conditionFound = dependencyElementExists(\n conditionPath,\n selectedOffer,\n );\n return evaluateCondition(\n `${conditionFound} ${conditionOperator} ${conditionValue}`,\n );\n }),\n );\n\n if (found && dependencies.length) {\n result *= dependencies[0].multipliedBy;\n }\n }\n\n return Math.round(result);\n};\n\nconst evaluateCondition = evalString => new Function(`'use strict'; return (${evalString})`)();\n\nconst dependencyElementExists = (dependencyPath, selectedOffer) => {\n const keys = dependencyPath.split('.');\n let data = selectedOffer;\n\n for (const key of keys) {\n data = data[key];\n\n if (data === undefined) {\n return undefined;\n }\n }\n\n return data;\n};\n","import { createSelector } from 'reselect';\nimport { initialState } from './reducer';\nimport { getPriceFromMap } from './priceMapParser.js';\n\nconst selectOfferSelector = state =>\n state.get('customizeOfferSelector', initialState);\n\nconst makeSelectOfferSelector = () =>\n createSelector(selectOfferSelector, offerSelectorState =>\n offerSelectorState.get('offer'),\n );\n\nconst makeSelectMonthlyRateSelector = () =>\n createSelector(selectOfferSelector, offerSelectorState =>\n offerSelectorState.get('monthlyRate'),\n );\n\nconst makeSelectFeesVisibileSelector = () =>\n createSelector(selectOfferSelector, offerSelectorState =>\n offerSelectorState.get('feesVisible'),\n );\n\nconst makeSelectFeesSelector = () =>\n createSelector(selectOfferSelector, offerSelectorState =>\n offerSelectorState.get('fees'),\n );\n\nconst makeSelectDisplayOffers = () =>\n createSelector(selectOfferSelector, offerSelectorState =>\n offerSelectorState.get('display'),\n );\nconst makeSelectServicesSelector = () =>\n createSelector(selectOfferSelector, offerSelectorState =>\n offerSelectorState.get('services'),\n );\nconst makeSelectAccessoriesSelector = () =>\n createSelector(selectOfferSelector, offerSelectorState =>\n offerSelectorState.get('accessories'),\n );\nconst makeSelectColorsSelector = () =>\n createSelector(selectOfferSelector, offerSelectorState =>\n offerSelectorState.get('colors'),\n );\nconst makeSelectAccessoriesCodesSelector = () =>\n createSelector(selectOfferSelector, offerSelectorState =>\n offerSelectorState.get('accessoriesCodes'),\n );\nconst makeSelectColorCodesSelector = () =>\n createSelector(selectOfferSelector, offerSelectorState =>\n offerSelectorState.get('colorCodes'),\n );\n\nconst getServicePriceByOfferParams = (service, selectedOffer) => {\n let { price } = service;\n\n if (service.has_price_map && service.price_map && (service, selectedOffer)) {\n const priceMapped = getPriceFromMap(price, service.price_map, selectedOffer);\n\n if (priceMapped) {\n price = priceMapped;\n }\n }\n\n return price;\n}\n\nexport {\n selectOfferSelector,\n makeSelectMonthlyRateSelector,\n makeSelectOfferSelector,\n makeSelectDisplayOffers,\n makeSelectServicesSelector,\n makeSelectAccessoriesSelector,\n makeSelectColorsSelector,\n makeSelectAccessoriesCodesSelector,\n makeSelectColorCodesSelector,\n makeSelectFeesVisibileSelector,\n makeSelectFeesSelector,\n getServicePriceByOfferParams,\n};\n","\nvar content = require(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./styles.scss\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./styles.scss\", function() {\n\t\tvar newContent = require(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./styles.scss\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","import { GET_OFFER, GET_CHILD_OFFER, OFFER_RECEIVED, SEND_QUOTE } from './constants';\n\nexport const getOffer = code => ({\n type: GET_OFFER,\n code,\n});\n\nexport const selectChildOffer = (childOffer) => ({\n type: GET_CHILD_OFFER,\n childOffer,\n});\n\n\n\nexport function offerLoaded(offer) {\n return {\n type: OFFER_RECEIVED,\n offer,\n };\n}\n\nexport function sendQuote(quote) {\n return {\n type: SEND_QUOTE,\n quote,\n };\n}\n","import { put, takeLatest, all, select } from 'redux-saga/effects';\nimport { API_URL } from 'containers/App/constants';\nimport { quotationLoaded } from './actions';\nimport {\n makeSelectQuotationCode,\n makeSelectProposalId,\n makeSelectQuotationStatus,\n} from './selectors';\nimport {\n GET_QUOTATION,\n UPDATE_QUOTATION_STATUS,\n} from './constants';\nimport { getRequestHeadersAsLogged, responseHandler } from '../../utils/auth';\n\nfunction* fetchQuotes() {\n const proposal_id = yield select(makeSelectProposalId());\n const requestURL = `${API_URL}proposals/${proposal_id}`;\n\n try {\n const parameters = {\n method: 'GET',\n headers: getRequestHeadersAsLogged(),\n };\n\n const response = yield fetch(requestURL, parameters).then(response =>\n responseHandler(response)\n );\n\n if (response && response.data) {\n yield put(quotationLoaded(response.data));\n } else {\n window.location = '/quotations';\n }\n } catch (err) {\n console.log('request error', err);\n }\n}\n\nfunction* updateStatus() {\n const code = yield select(makeSelectQuotationCode());\n const newStatus = yield select(makeSelectQuotationStatus());\n const requestURL = `${process.env.API_URL}quotations/${code}/status`;\n const requestBody = {\n status: newStatus,\n };\n\n try {\n const parameters = {\n method: 'PUT',\n headers: getRequestHeadersAsLogged(),\n body: JSON.stringify(requestBody),\n };\n\n yield fetch(requestURL, parameters).then(response =>\n responseHandler(response)\n );\n\n yield fetchQuotes();\n } catch (err) {\n console.log('request error', err);\n }\n}\n\nfunction* actionWatcher() {\n yield takeLatest(GET_QUOTATION, fetchQuotes);\n yield takeLatest(UPDATE_QUOTATION_STATUS, updateStatus);\n}\n\nexport default function* quotationData() {\n yield all([actionWatcher()]);\n}\n","\nvar content = require(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./badgeStyles.scss\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./badgeStyles.scss\", function() {\n\t\tvar newContent = require(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./badgeStyles.scss\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \".OfferPrint {\\n color: #404950;\\n border-radius: 6px;\\n background-color: #fff;\\n padding: .5rem;\\n -webkit-box-shadow: 0px 2px 4px rgba(126, 142, 177, 0.12);\\n box-shadow: 0px 2px 4px rgba(126, 142, 177, 0.12); }\\n .OfferPrint .print {\\n padding: .5rem; }\\n .OfferPrint .title {\\n font-size: 16px;\\n line-height: 1.2;\\n font-weight: 600;\\n padding: .5rem;\\n border-bottom: 1px solid rgba(0, 0, 0, 0.05); }\\n .OfferPrint .title .action-button.small {\\n margin-top: .2rem; }\\n .OfferPrint .modal-header {\\n border-bottom: unset !important;\\n color: #404950 !important;\\n margin-top: .5rem;\\n margin-bottom: .5rem; }\\n .OfferPrint .modal-header span {\\n color: #404950 !important; }\\n .OfferPrint .modal-title {\\n font-size: 16px;\\n line-height: 1.2;\\n font-weight: 600;\\n padding: .5rem;\\n color: #404950; }\\n .OfferPrint .modal-content {\\n box-shadow: unset;\\n border: unset; }\\n .OfferPrint .modal-body, .OfferPrint .modal-header {\\n padding: unset; }\\n .OfferPrint .title {\\n font-size: 16px;\\n line-height: 1.2;\\n font-weight: 600;\\n padding: .5rem;\\n border-bottom: 1px solid rgba(0, 0, 0, 0.05); }\\n .OfferPrint .title .action-button.small {\\n margin-top: -.2rem; }\\n .OfferPrint .btn-action {\\n width: 96%;\\n border-radius: .5rem;\\n background-color: #ff4a50;\\n text-align: center;\\n font-size: 1.2vw;\\n font-weight: 600;\\n line-height: 1em;\\n color: white;\\n padding: .8rem;\\n margin-top: .5rem;\\n border: 1px solid #f2f5fe; }\\n .OfferPrint label {\\n color: #404950;\\n font-size: 1.2vw;\\n font-weight: 400;\\n line-height: .3em; }\\n .OfferPrint input, .OfferPrint select, .OfferPrint textarea {\\n margin-bottom: .3rem; }\\n .OfferPrint .form-control {\\n width: 100%;\\n padding: 0.375rem 0.75rem;\\n font-size: 1.2vw;\\n line-height: 1em;\\n color: #484848;\\n font-weight: 400;\\n background-color: white;\\n background-clip: padding-box;\\n border: 2px solid #dde2ec;\\n border-radius: 6px; }\\n .OfferPrint .is-invalid {\\n border: 2px solid #ff4a50 !important; }\\n .OfferPrint p {\\n padding: .4rem;\\n padding-bottom: 0;\\n color: #404950;\\n font-size: .9em;\\n font-weight: 400;\\n line-height: 1.3em; }\\n .OfferPrint button {\\n margin-top: .4rem;\\n margin-bottom: .2rem; }\\n\", \"\"]);\n\n// exports\n","\nvar content = require(\"!!../../../../node_modules/css-loader/index.js!../../../../node_modules/sass-loader/lib/loader.js!./simplePost.scss\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../../node_modules/css-loader/index.js!../../../../node_modules/sass-loader/lib/loader.js!./simplePost.scss\", function() {\n\t\tvar newContent = require(\"!!../../../../node_modules/css-loader/index.js!../../../../node_modules/sass-loader/lib/loader.js!./simplePost.scss\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","import { createSelector } from 'reselect';\nimport { initialState } from './reducer';\n\nconst selectOffer = state => state.get('offer', initialState);\n\nconst makeSelectOffer = () =>\n createSelector(selectOffer, offerState => offerState.get('offer'));\n\nconst makeSelectOfferCode = () =>\n createSelector(selectOffer, offerState => offerState.get('code'));\n\nconst makeSelectChildOfferCode = () =>\n createSelector(selectOffer, offerState => offerState.get('childOffer'));\n\nexport { selectOffer, makeSelectOffer, makeSelectOfferCode, makeSelectChildOfferCode };\n","\nvar content = require(\"!!../../../../node_modules/css-loader/index.js!../../../../node_modules/sass-loader/lib/loader.js!./styles.scss\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../../node_modules/css-loader/index.js!../../../../node_modules/sass-loader/lib/loader.js!./styles.scss\", function() {\n\t\tvar newContent = require(\"!!../../../../node_modules/css-loader/index.js!../../../../node_modules/sass-loader/lib/loader.js!./styles.scss\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","exports = module.exports = require(\"../../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \".ui-collapse-list {\\n margin-top: 1rem;\\n width: 100%;\\n padding: 1rem;\\n border: 1px solid #dde2ec;\\n border-radius: 4px !important;\\n color: #404950; }\\n .ui-collapse-list .icon {\\n display: inline;\\n width: 20px;\\n height: 15px; }\\n .ui-collapse-list .icon svg {\\n width: 20px;\\n height: auto;\\n margin-bottom: .4rem;\\n margin-right: .4rem;\\n vertical-align: middle;\\n fill: #484848; }\\n .ui-collapse-list .ui-collapse-pointer {\\n cursor: pointer; }\\n .ui-collapse-list .action-icon, .ui-collapse-list .action-icon-remove {\\n display: inline;\\n width: 20px;\\n height: 15px;\\n transform: rotate(45deg);\\n cursor: pointer; }\\n .ui-collapse-list .action-icon svg, .ui-collapse-list .action-icon-remove svg {\\n width: 20px;\\n height: auto;\\n margin-bottom: .4rem;\\n margin-right: .4rem;\\n vertical-align: middle;\\n fill: #484848; }\\n .ui-collapse-list .action-icon-remove {\\n transform: rotate(90deg); }\\n .ui-collapse-list .ui-collapse-title {\\n width: 100%;\\n display: inline;\\n font-size: 16px;\\n font-weight: 600;\\n line-height: 1.375em;\\n color: #484848;\\n cursor: pointer; }\\n .ui-collapse-list .ui-collapse-title .fa {\\n color: #047bf8; }\\n .ui-collapse-list .ui-collapse-content {\\n padding: 1rem;\\n margin-top: 1rem; }\\n .ui-collapse-list .ui-collapse-content .ui-collapse-title {\\n margin-top: 1rem;\\n word-wrap: break-word;\\n font-size: 1.0em;\\n line-height: 1.4em;\\n color: #484848;\\n font-weight: 500; }\\n .ui-collapse-list .ui-collapse-content ul {\\n list-style-type: none;\\n word-wrap: break-word;\\n font-size: .9em;\\n line-height: 3em;\\n color: #484848;\\n padding-left: unset; }\\n .ui-collapse-list .ui-collapse-content ul li {\\n border-bottom: 1px solid #e4eaee;\\n line-height: 1.5em;\\n padding-top: 11px;\\n padding-bottom: 11px; }\\n .ui-collapse-list .ui-collapse-content ul li .nowrap {\\n white-space: nowrap; }\\n .ui-collapse-list .ui-collapse-content .ui-collapse-items:not(:first-child) {\\n margin-top: 2rem; }\\n .ui-collapse-list .ui-collapse-footer {\\n width: 100%;\\n font-size: .7em;\\n line-height: 1.2em;\\n color: #484848;\\n cursor: pointer;\\n padding-left: 1rem; }\\n\\n.ui-collapse-list:hover {\\n border: 1px solid #047bf8 !important; }\\n\", \"\"]);\n\n// exports\n","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \"\", \"\"]);\n\n// exports\n","\nvar content = require(\"!!../../../../node_modules/css-loader/index.js!../../../../node_modules/sass-loader/lib/loader.js!./styles.scss\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../../node_modules/css-loader/index.js!../../../../node_modules/sass-loader/lib/loader.js!./styles.scss\", function() {\n\t\tvar newContent = require(\"!!../../../../node_modules/css-loader/index.js!../../../../node_modules/sass-loader/lib/loader.js!./styles.scss\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \"#OfferForm {\\n color: #404950;\\n margin-top: .5rem; }\\n #OfferForm .form-title {\\n font-size: 16px;\\n line-height: 1.2;\\n font-weight: 600;\\n padding: .5rem;\\n border-bottom: 1px solid rgba(0, 0, 0, 0.05); }\\n #OfferForm .form-user svg {\\n margin-right: .5em;\\n width: 2rem;\\n height: 2.5rem;\\n fill: #484848; }\\n #OfferForm .form-content {\\n text-align: center;\\n padding: .5rem;\\n margin-top: .3em; }\\n #OfferForm .has-error {\\n font-size: 1.2vw;\\n line-height: 1em;\\n color: #dc3545;\\n font-weight: 400;\\n text-align: left;\\n margin-left: 3.5em; }\\n #OfferForm .form-control {\\n width: 100%;\\n padding: 0.375rem 0.75rem;\\n font-size: 1.2vw;\\n line-height: 1em;\\n color: #484848;\\n font-weight: 400;\\n background-color: white;\\n background-clip: padding-box;\\n border: 2px solid #dde2ec;\\n border-radius: 6px; }\\n #OfferForm .customer-loader {\\n text-align: left;\\n font-size: 1vw;\\n line-height: 1.3em;\\n padding-left: 4em; }\\n #OfferForm .fiscal-code-input {\\n display: inline;\\n position: relative; }\\n #OfferForm .fiscal-code-input .form-control {\\n display: inline;\\n text-align: center;\\n background-color: #dde2ec;\\n font-weight: 700;\\n width: 86%; }\\n\", \"\"]);\n\n// exports\n","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \"#HorizontalFilter .element-wrapper .element-header {\\n margin-bottom: 0.5rem !important;\\n padding-bottom: .5rem; }\\n\\n#HorizontalFilter .element-wrapper {\\n padding-bottom: 1rem; }\\n\\n#HorizontalFilter .clear {\\n cursor: pointer;\\n font-size: 16px;\\n font-weight: 500;\\n color: #1b55e2;\\n text-decoration: underline;\\n display: inline; }\\n\\n#HorizontalFilter .sort-label {\\n font-size: .875rem;\\n font-weight: 500;\\n display: inline;\\n margin-right: .5rem; }\\n #HorizontalFilter .sort-label svg {\\n transform: scale(1, -1);\\n width: 20px;\\n height: 20px; }\\n\", \"\"]);\n\n// exports\n","/*\n* QuotationsReducer\n*/\n\nimport { fromJS, List } from 'immutable';\nimport {\n GET_QUOTATIONS,\n QUOTATIONS_RECEIVED,\n SEARCH_QUOTATIONS,\n FILTERS_RECEIVED,\n UPDATE_SORT,\n REMOVE_ALL,\n REMOVE_FILTER,\n SET_PAGE_NUMBER,\n} from './constants';\n\nimport moment from 'moment';\n\nconst startOfMonth = moment().startOf('month').format('YYYY-MM-DD');\nconst endOfMonth = moment().endOf('month').format('YYYY-MM-DD');\n\n// The initial state of the App\nexport const initialState = fromJS({\n quotations: [],\n loading: false,\n parameters: {\n query: '',\n fiscal_code: '',\n quotation_id: '',\n startDate: startOfMonth,\n endDate: endOfMonth,\n status: [],\n },\n total: 0,\n lastPage: 0,\n itemsPerPage: 10,\n currentPage: 1,\n orders: new List(),\n filters: new List(),\n selectedOrder: 'date',\n});\n\nfunction quotationsReducer(state = initialState, action) {\n switch (action.type) {\n case GET_QUOTATIONS:\n return state.set('loading', true);\n case QUOTATIONS_RECEIVED:\n return state\n .set('quotations', action.quotations)\n .set('total', action.total)\n .set('lastPage', action.lastPage)\n .set('currentPage', action.currentPage)\n .set('loading', false);\n case SEARCH_QUOTATIONS:\n return state\n .set('parameters', fromJS(action.parameters))\n .set('currentPage', 1)\n .set('lastPage', 0)\n .set('loading', true);\n case FILTERS_RECEIVED:\n const { filters } = action;\n const { orders } = filters;\n delete filters.orders;\n return state.set('orders', new List(orders))\n .set('filters', filters);\n case UPDATE_SORT:\n return state\n .set('selectedOrder', action.order)\n .set('currentPage', 1)\n .set('lastPage', 0)\n .set('loading', true);\n case REMOVE_FILTER:\n return state\n .setIn(['parameters', action.filterName], '')\n .set('currentPage', 1)\n .set('lastPage', 0)\n .set('loading', true);\n case REMOVE_ALL:\n return state\n .set(\n 'parameters',\n fromJS({\n query: '',\n fiscal_code: '',\n quotation_id: '',\n }),\n )\n .set('currentPage', 1)\n .set('lastPage', 0)\n .set('loading', true);\n case SET_PAGE_NUMBER:\n return state.set('currentPage', action.pageNumber);\n default:\n return state;\n }\n}\nexport default quotationsReducer;\n","import { createSelector } from 'reselect';\nimport { initialState } from './reducer';\n\nconst selectQuote = state => state.get('quote', initialState);\n\nconst selectQuotation = state => state.get('quotation', initialState);\n\nconst makeSelectQuote = () =>\n createSelector(selectQuote, quotationState => quotationState.get('quotation'));\n\nconst makeSelectQuotationCode = () =>\n createSelector(selectQuotation, quotationState => quotationState.get('code'));\n\nconst makeSelectProposalId = () =>\n createSelector(selectQuotation, quotationState => quotationState.get('proposal_id'));\n\nconst makeSelectCustomerCode = () =>\n createSelector(selectQuote, quotationState => quotationState.get('customerCode'));\n\nconst makeSelectCustomerVat = () =>\n createSelector(selectQuote, quotationState => quotationState.get('customerVat'));\n\nconst makeSelectCustomerContractualCategory = () =>\n createSelector(selectQuote, quotationState => quotationState.get('contractualCategory'));\n\nconst makeSelectCustomer = () =>\n createSelector(selectQuote, quotationState => quotationState.get('customer'));\n\nconst makeSelectContractualCategoryTypeSelected = () =>\n createSelector(selectQuote, quotationState => quotationState.get('contractualCategoryType'));\n\nconst makeSelectLoading = () =>\n createSelector(selectQuote, offersState => offersState.get('loading'));\n\nconst makeSelectSearchingCustomer = () =>\n createSelector(selectQuote, quotationState => quotationState.get('search'));\n\nconst makeSelectCustomerFound = () =>\n createSelector(selectQuote, quotationState => quotationState.get('customerFound'));\n\nconst makeSelectCustomerUpdatedInput = () =>\n createSelector(selectQuote, quotationState => quotationState.get('customerUpdatedInput'));\n\nconst makeSelectQuotattionAttachments = () =>\n createSelector(selectQuote, quotationState => quotationState.get('attachments'));\n\nconst selectErrors = () =>\n createSelector(selectQuote, quotationState => quotationState.get('errors'));\n\nconst selectHasErrors = () =>\n createSelector(selectQuote, quotationState => quotationState.get('hasErrors'));\n\nconst selectUpdated = () =>\n createSelector(selectQuote, quotationState => quotationState.get('updated'));\n\nexport {\n selectQuotation,\n makeSelectLoading,\n makeSelectQuotationCode,\n makeSelectProposalId,\n makeSelectCustomerContractualCategory,\n makeSelectCustomerCode,\n makeSelectCustomerVat,\n makeSelectSearchingCustomer,\n makeSelectCustomer,\n makeSelectContractualCategoryTypeSelected,\n makeSelectCustomerFound,\n makeSelectCustomerUpdatedInput,\n makeSelectQuote,\n makeSelectQuotattionAttachments,\n selectErrors,\n selectHasErrors,\n selectUpdated,\n};\n","\nvar content = require(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./offer.scss\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./offer.scss\", function() {\n\t\tvar newContent = require(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./offer.scss\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","import createHistory from 'history/createBrowserHistory';\nconst history = createHistory();\nexport default history;\n","import {\n GET_PAGE_NUMBER,\n SET_PAGE_NUMBER,\n GET_PAGINATOR,\n UPDATE_PAGINATOR,\n SET_ITEMS_PER_PAGE,\n GET_ITEMS_PER_PAGE,\n} from './constants';\n\n/**\n *\n * @returns {{type: *}}\n */\nexport const getPage = () => ({\n type: GET_PAGE_NUMBER,\n});\n\n/**\n *\n * @param pageNumber\n * @returns {{page: *, type: *}}\n */\nexport function setPage(pageNumber) {\n return {\n type: SET_PAGE_NUMBER,\n pageNumber,\n };\n}\n\n/**\n *\n * @returns {{type: *}}\n */\nexport const getPaginator = () => ({\n type: GET_PAGINATOR,\n});\n\n/**\n *\n * @param total\n * @param lastPage\n * @param currentPage\n * @returns {{total: *, lastPage: *, type: *, currentPage: *}}\n */\nexport function updatePaginator(total, lastPage, currentPage) {\n return {\n type: UPDATE_PAGINATOR,\n total,\n lastPage,\n currentPage,\n };\n}\n\n/**\n *\n * @returns {{type: *}}\n */\nexport const getItemsPerPage = () => ({\n type: GET_ITEMS_PER_PAGE,\n});\n\n/**\n *\n * @param itemsPerPage\n * @returns {{itemsPerPage: *, type: *}}\n */\nexport function setItemsPerPage(itemsPerPage) {\n return {\n type: SET_ITEMS_PER_PAGE,\n itemsPerPage,\n };\n}\n","import { all, takeLatest, put, select } from 'redux-saga/effects';\nimport { PRESCORING_URL, PRESCORING_AUTH } from 'containers/App/constants';\nimport {\n SET_CONTRACTUAL_CATEGORY,\n SET_CONTRACTUAL_CATEGORY_OFFER,\n CHECK_SUSTAINABILITY_REQUEST,\n CHECK_SUSTAINABILITY_OFFER_REQUEST,\n UPDATE_PROPOSAL,\n SAVE_QUOTATION,\n} from './constants'\nimport {\n toggleLoading,\n receiveLogic,\n receiveOfferLogic,\n receiveSustainabilityResponse,\n receiveSustainabilityOfferResponse,\n closeModal,\n parsePrescoringParamsToFilters,\n} from './actions';\nimport {\n saveQuotationSuccess,\n saveQuotationError,\n setUpdated\n} from '../Quotation/actions';\n\nimport { makeSelectSelectedParams, makeSelectParam } from '../Search/selectors';\n\nimport { makeSelectCheckInputData, makeSelectOfferCheckInputData, makeSelectIsLoading } from './selectors';\nimport { makeSelectUser } from 'containers/App/selectors';\nimport { getRequestHeadersAsLogged, getRefreshToken, responseHandler } from '../../utils/auth';\n\nfunction* fetchLogic({contractualCategory}) {\n const isLoading = yield select(makeSelectIsLoading());\n const user = yield select(makeSelectUser());\n const requestURL = `${PRESCORING_URL}logic/${contractualCategory}`;\n\n if (!isLoading) {\n yield put(toggleLoading(true));\n\n try {\n const parameters = {\n method: 'GET',\n headers: {\n 'Content-Type': 'application/json',\n 'Authorization': `Bearer ${PRESCORING_AUTH}`,\n 'X-Refresh-Tkn': getRefreshToken(),\n 'X-Agent-Id': `${user.code}`,\n 'X-Agent-Email': `${user.email}`,\n },\n };\n\n const response = yield fetch(requestURL, parameters).then(response =>\n responseHandler(response)\n );\n\n yield put(toggleLoading(false));\n\n yield put(receiveLogic(response));\n } catch (err) {\n console.log('request error', err);\n alert('Spiacenti, si è verificato un errore con la richiesta. Si prega di riprovare');\n yield put(receiveLogic({}));\n }\n }\n}\n\nfunction* fetchLogicOffer({contractualCategory}) {\n const isLoading = yield select(makeSelectIsLoading());\n const user = yield select(makeSelectUser());\n const requestURL = `${PRESCORING_URL}logic/${contractualCategory}`;\n\n if (!isLoading) {\n yield put(toggleLoading(true));\n\n try {\n const parameters = {\n method: 'GET',\n headers: {\n 'Content-Type': 'application/json',\n 'Authorization': `Bearer ${PRESCORING_AUTH}`,\n 'X-Refresh-Tkn': getRefreshToken(),\n 'X-Agent-Id': `${user.code}`,\n 'X-Agent-Email': `${user.email}`,\n },\n };\n\n const response = yield fetch(requestURL, parameters).then(response =>\n responseHandler(response)\n );\n\n yield put(toggleLoading(false));\n\n yield put(receiveOfferLogic(response));\n } catch (err) {\n console.log('request error', err);\n alert('Spiacenti, si è verificato un errore con la richiesta. Si prega di riprovare');\n yield put(receiveOfferLogic({}));\n }\n }\n}\n\nfunction* requestCheck() {\n const isLoading = yield select(makeSelectIsLoading());\n const inputData = yield select(makeSelectCheckInputData());\n const user = yield select(makeSelectUser());\n const requestURL = `${PRESCORING_URL}check`;\n\n if (!isLoading) {\n yield put(toggleLoading(true));\n\n try {\n const encodedInputData = inputData.hasOwnProperty('_root') ? inputData.toJS() : inputData;\n const parameters = {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n 'Authorization': `Bearer ${PRESCORING_AUTH}`,\n 'X-Refresh-Tkn': getRefreshToken(),\n 'X-Agent-Id': `${user.code}`,\n 'X-Agent-Email': `${user.email}`,\n },\n body: JSON.stringify(encodedInputData)\n };\n\n const response = yield fetch(requestURL, parameters).then(response =>\n responseHandler(response)\n );\n\n if (response.success) {\n yield put(receiveSustainabilityResponse(response.data));\n\n if (!location.pathname.startsWith('/quotations/')) {\n if (!(new RegExp('^\\/offers\\/[a-z0-9]+', 'i')).test(location.pathname)) {\n const currentSelectedParams = yield select(makeSelectSelectedParams());\n const currentParams = yield select(makeSelectParam());\n\n yield parsePrescoringParamsToFilters(response.data, currentSelectedParams, currentParams, inputData.contractualCategory);\n }\n }\n\n yield put(toggleLoading(false));\n } else {\n console.log('request error', response.error, response.errorCode);\n alert('Spiacenti, si è verificato un errore 1 con la richiesta. Si prega di riprovare');\n yield put(receiveSustainabilityResponse({}));\n yield put(closeModal());\n }\n } catch (err) {\n // console.log('request error', err);\n // alert('Spiacenti, si è verificato un errore 2 con la richiesta. Si prega di riprovare');\n // yield put(receiveSustainabilityResponse({}));\n // yield put(closeModal());\n }\n }\n}\n\nfunction* requestOfferCheck({offer}) {\n const isLoading = yield select(makeSelectIsLoading());\n const inputData = yield select(makeSelectOfferCheckInputData());\n const user = yield select(makeSelectUser());\n const requestURL = `${PRESCORING_URL}offer-check`;\n\n if (!isLoading) {\n yield put(toggleLoading(true));\n\n try {\n const encodedInputData = inputData && inputData.hasOwnProperty('_root') ? inputData.toJS() : inputData || {};\n encodedInputData.offerData = offer;\n\n const parameters = {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n 'Authorization': `Bearer ${PRESCORING_AUTH}`,\n 'X-Refresh-Tkn': getRefreshToken(),\n 'X-Agent-Id': `${user.code}`,\n 'X-Agent-Email': `${user.email}`,\n },\n body: JSON.stringify(encodedInputData)\n };\n\n const response = yield fetch(requestURL, parameters).then(response =>\n responseHandler(response)\n );\n\n if (response.success) {\n yield put(toggleLoading(false));\n yield put(receiveSustainabilityOfferResponse(response.data));\n } else {\n console.log('request error', response.error, response.errorCode);\n alert('Spiacenti, si è verificato un errore 1 con la richiesta. Si prega di riprovare');\n yield put(receiveSustainabilityOfferResponse({}));\n }\n } catch (err) {\n console.log('request error', err);\n alert('Spiacenti, si è verificato un errore 2 con la richiesta. Si prega di riprovare');\n yield put(receiveSustainabilityOfferResponse({}));\n }\n }\n}\n\nfunction* updateProposal({proposal}) {\n const isLoading = yield select(makeSelectIsLoading());\n\n if (!isLoading) {\n yield put(toggleLoading(true));\n const requestURL = `${process.env.API_URL}proposals/${proposal.id}`;\n const user = yield select(makeSelectUser());\n\n proposal.contractual_category = proposal.customer.category.id;\n proposal.fiscal_code = proposal.customer.fiscal_code;\n\n try {\n const parameters = {\n method: 'PUT',\n headers: {\n ...getRequestHeadersAsLogged(),\n 'X-Agent-Id': `${user.code}`,\n 'X-Agent-Email': `${user.email}`,\n },\n body: JSON.stringify(proposal),\n };\n\n const response = yield fetch(requestURL, parameters).then(response =>\n responseHandler(response)\n );\n\n if (response.data && response.data.id && response.data.sustainability) {\n // window.location.replace('/quotations/' + response.data.id);\n } else {\n alert('Spiacenti, si è verificato un errore con la richiesta. Si prega di riprovare');\n console.error('request error', response);\n }\n yield put(toggleLoading(false));\n } catch (err) {\n console.log('request error', err);\n }\n }\n}\n\nfunction* saveQuotation({quotation}) {\n const isLoading = yield select(makeSelectIsLoading());\n\n if (!isLoading) {\n yield put(toggleLoading(true));\n const requestURL = `${process.env.API_URL}quote`;\n\n try {\n const parameters = {\n method: 'POST',\n headers: getRequestHeadersAsLogged(),\n body: JSON.stringify(quotation),\n };\n\n const response = yield fetch(requestURL, parameters).then(response =>\n responseHandler(response)\n );\n\n if (response.data && response.data.quotation && response.data.quotation.data.code) {\n yield put(saveQuotationSuccess(response.data));\n window.location.reload();\n // attenzione: non fare reset prescoring da qui, vengono cancellati alcuni dati nella proposal del db\n } else {\n yield put(saveQuotationError(response.errors));\n }\n yield put(toggleLoading(false));\n } catch (err) {\n console.log('request error', err);\n }\n }\n}\n\nfunction* actionWatcher() {\n yield takeLatest(SET_CONTRACTUAL_CATEGORY, fetchLogic);\n yield takeLatest(SET_CONTRACTUAL_CATEGORY_OFFER, fetchLogicOffer);\n yield takeLatest(CHECK_SUSTAINABILITY_REQUEST, requestCheck);\n yield takeLatest(CHECK_SUSTAINABILITY_OFFER_REQUEST, requestOfferCheck);\n yield takeLatest(UPDATE_PROPOSAL, updateProposal);\n yield takeLatest(SAVE_QUOTATION, saveQuotation);\n}\n\nexport default function* optionData() {\n yield all([actionWatcher()]);\n}\n","\nvar content = require(\"!!../../../../../node_modules/css-loader/index.js!../../../../../node_modules/sass-loader/lib/loader.js!./styles.scss\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../../../node_modules/css-loader/index.js!../../../../../node_modules/sass-loader/lib/loader.js!./styles.scss\", function() {\n\t\tvar newContent = require(\"!!../../../../../node_modules/css-loader/index.js!../../../../../node_modules/sass-loader/lib/loader.js!./styles.scss\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \"#CatalogSearch .catalog-filter-status .chip {\\n width: 86px;\\n text-align: center; }\\n\\n#CatalogSearch.element-box {\\n padding: 1rem 1rem !important;\\n margin-bottom: .1rem; }\\n\\n#CatalogSearch .form-control {\\n display: block;\\n width: 100%;\\n padding: 0.375rem 0.75rem;\\n font-size: 0.9rem;\\n line-height: 1.5;\\n color: #495057;\\n background-color: #fff;\\n background-clip: padding-box;\\n border: 2px solid #dde2ec;\\n border-radius: 4px; }\\n\\n#CatalogSearch .SelectCollapsible:last-child {\\n border-bottom: unset !important; }\\n\", \"\"]);\n\n// exports\n","\nvar content = require(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./styles.scss\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./styles.scss\", function() {\n\t\tvar newContent = require(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./styles.scss\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","var React = require('react');\n\nfunction ServicesIcon (props) {\n return React.createElement(\"svg\",props,[React.createElement(\"g\",{\"key\":0},[React.createElement(\"path\",{\"d\":\"M245.145,81.237c0-37.127-23.604-70.295-57.4-80.659c-3.041-0.934-6.346-0.368-8.901,1.523\\n\\t\\tc-2.559,1.892-4.068,4.884-4.068,8.064v45.798h-45.468l-0.005-45.799c0-3.181-1.509-6.174-4.066-8.063\\n\\t\\tc-2.559-1.892-5.862-2.458-8.902-1.523C82.535,10.942,58.932,44.11,58.932,81.237c0,28.332,13.015,55.155,35.059,72.77v181.664\\n\\t\\tc-22.044,17.613-35.059,44.436-35.059,72.768c0,37.127,23.604,69.292,57.401,79.655c3.044,0.934,6.345,1.37,8.903-0.521\\n\\t\\tc2.557-1.892,4.065-4.883,4.065-8.064v-45.797h45.473v45.797c0,3.182,1.548,6.122,4.067,8.064c2.549,1.966,6.342,2.307,8.902,1.523\\n\\t\\tc33.807-10.329,57.4-43.53,57.4-80.658c0-28.332-13.014-55.155-35.059-72.768V154.007\\n\\t\\tC232.131,136.393,245.145,109.569,245.145,81.237z M194.252,348.844c19.307,13.706,30.835,35.985,30.835,59.596\\n\\t\\tc0,23.272-11.939,44.45-30.254,55.634v-40.39c0-5.538-4.49-10.028-10.029-10.028h-65.53c-5.538,0-10.029,4.49-10.029,10.028v40.39\\n\\t\\tc-18.316-11.184-30.255-32.362-30.255-55.634c0-23.61,11.527-45.889,30.835-59.596c2.651-1.881,4.225-4.928,4.225-8.178V149.011\\n\\t\\tc0-3.249-1.573-6.298-4.225-8.178c-19.308-13.706-30.835-35.985-30.835-59.596c0-23.272,11.938-44.453,30.257-55.635l0.004,40.392\\n\\t\\tc0.001,5.538,4.491,10.028,10.029,10.028h65.524c5.539,0,10.029-4.49,10.029-10.029V25.604\\n\\t\\tc18.315,11.182,30.254,32.362,30.254,55.633c0,23.61-11.528,45.891-30.835,59.596c-2.65,1.88-4.224,4.929-4.224,8.178v191.655\\n\\t\\tC190.028,343.916,191.602,346.963,194.252,348.844z\",\"key\":0}),React.createElement(\"path\",{\"d\":\"M405.995,223.351V101.153l17.539-28.154c1.717-2.755,1.992-6.17,0.743-9.166l-24.07-57.667\\n\\t\\tC398.648,2.432,394.999,0,390.952,0h-40.116c-4.047,0-7.696,2.432-9.255,6.166l-24.07,57.667c-1.249,2.996-0.973,6.411,0.743,9.166\\n\\t\\tl17.539,28.154v122.197c-14.33,3.211-25.073,16.024-25.073,31.309v203.248c0,17.695,14.397,32.093,32.093,32.093h56.163\\n\\t\\tc17.696,0,32.093-14.397,32.093-32.093V254.659C431.068,239.375,420.325,226.561,405.995,223.351z M357.518,20.059h26.753\\n\\t\\tl19.503,46.727l-16.318,26.197c-0.992,1.591-1.517,3.429-1.517,5.302v124.282h-30.088V98.284c0-1.873-0.525-3.711-1.518-5.302\\n\\t\\tl-16.318-26.197L357.518,20.059z M411.011,457.907c0,6.637-5.398,12.034-12.035,12.034h-56.163\\n\\t\\tc-6.636,0-12.035-5.397-12.035-12.034V254.659c0-6.636,5.399-12.034,12.035-12.034h56.163c6.637,0,12.035,5.398,12.035,12.034\\n\\t\\tV457.907z\",\"key\":1})]),React.createElement(\"g\",{\"key\":1}),React.createElement(\"g\",{\"key\":2}),React.createElement(\"g\",{\"key\":3}),React.createElement(\"g\",{\"key\":4}),React.createElement(\"g\",{\"key\":5}),React.createElement(\"g\",{\"key\":6}),React.createElement(\"g\",{\"key\":7}),React.createElement(\"g\",{\"key\":8}),React.createElement(\"g\",{\"key\":9}),React.createElement(\"g\",{\"key\":10}),React.createElement(\"g\",{\"key\":11}),React.createElement(\"g\",{\"key\":12}),React.createElement(\"g\",{\"key\":13}),React.createElement(\"g\",{\"key\":14}),React.createElement(\"g\",{\"key\":15})]);\n}\n\nServicesIcon.defaultProps = {\"version\":\"1.1\",\"id\":\"Capa_1\",\"x\":\"0px\",\"y\":\"0px\",\"viewBox\":\"0 0 490 490\",\"style\":{\"enableBackground\":\"new 0 0 490 490\"},\"xmlSpace\":\"preserve\"};\n\nmodule.exports = ServicesIcon;\n\nServicesIcon.default = ServicesIcon;\n","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \".MultiselectWithIcon {\\n margin-bottom: 30px; }\\n .MultiselectWithIcon .multi-select-icons-container {\\n list-style: none;\\n padding: 0px;\\n margin: 0px;\\n margin-bottom: 20px;\\n display: grid;\\n gap: 10px;\\n grid-template-columns: repeat(auto-fit, minmax(5.625rem, 1fr)); }\\n .MultiselectWithIcon .multi-select-icon-item {\\n display: inline-block;\\n white-space: nowrap;\\n vertical-align: middle;\\n border-radius: 4px;\\n margin: 0 5px 22px;\\n height: 4.688rem; }\\n .MultiselectWithIcon .multi-select-icon-item a {\\n border: 2px solid #dde2ec;\\n box-shadow: unset;\\n color: #495057;\\n display: block;\\n background-color: #fff;\\n padding: 10px;\\n border-radius: 6px;\\n margin: 0px;\\n text-decoration: none;\\n text-align: center;\\n transition: all 0.2s ease;\\n cursor: pointer; }\\n .MultiselectWithIcon .multi-select-icon-item a.active {\\n border: 2px solid #047bf8;\\n color: #495057; }\\n .MultiselectWithIcon .multi-select-icon-item a .avatar {\\n border-radius: unset !important;\\n margin-bottom: unset !important;\\n margin: auto auto;\\n width: 50px;\\n height: 50px;\\n background-size: cover;\\n display: block; }\\n .MultiselectWithIcon .multi-select-icon-item a span {\\n font-size: .8em;\\n margin-top: -0.5rem;\\n color: #495057; }\\n .MultiselectWithIcon .multi-select-icon-item a:hover {\\n border: 2px solid white;\\n background-color: #dde2ec;\\n color: #495057; }\\n\\n.todo-sidebar-section-header {\\n font-size: 16px; }\\n\\n.SelectCollapsible, .Multiselect, .MultiselectWithIcon, .Select {\\n border-bottom: 1px solid rgba(0, 0, 0, 0.05);\\n margin-bottom: 10px;\\n padding-bottom: 10px;\\n padding-top: 10px; }\\n\\n.Choice .show-more {\\n cursor: pointer;\\n font-size: 16px;\\n font-weight: 500;\\n color: #1b55e2;\\n text-decoration: underline;\\n display: inline; }\\n\\n.Choice .chip.disabled {\\n opacity: .6;\\n cursor: not-allowed; }\\n .Choice .chip.disabled:hover {\\n background: inherit; }\\n\\n@media (min-width: 1200px) {\\n .range-slider-label-container .d-xl-none {\\n display: none !important; }\\n .range-slider-label-container .d-xl-inline {\\n display: inline !important; } }\\n\\n@media (min-width: 1450px) {\\n .range-slider-label-container .d-xxl-none {\\n display: none !important; }\\n .range-slider-label-container .d-xxl-inline {\\n display: inline !important; } }\\n\", \"\"]);\n\n// exports\n","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \".add-button {\\n border-color: #2ec58d;\\n background-color: #2ec58d;\\n color: white !important; }\\n .add-button:hover {\\n background-color: #27a677;\\n border-color: #249c6f; }\\n\", \"\"]);\n\n// exports\n","\nvar content = require(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./styles.scss\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./styles.scss\", function() {\n\t\tvar newContent = require(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./styles.scss\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","\nvar content = require(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./item.scss\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./item.scss\", function() {\n\t\tvar newContent = require(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./item.scss\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","import { createSelector } from 'reselect';\nimport { initialState } from './reducer';\n\nconst selectRouter = state => state.get('router');\n\nconst makeSelectLocation = () =>\n createSelector(selectRouter, routerState =>\n routerState.get('location').toJS(),\n );\n\nconst selectUser = state => state.get('user', initialState);\n\nconst makeSelectUser = () =>\n createSelector(selectUser, userState => userState.get('user'));\n\nconst makeSelectTokenValidation = () =>\n createSelector(selectUser, userState => userState.get('invalid'));\n\nconst makeSelectFeatures = () =>\n createSelector(selectUser, userState => userState.get('user').features);\n\nconst selectMembers = () =>\n createSelector(selectUser, userState => userState.get('members'));\n\nconst selectTheme = () =>\n createSelector(selectUser, userState => {\n const user = userState.get('user') || {};\n const preferences = (user.hasOwnProperty('_root') ? user.toJS().preference : user.preference) || [];\n\n return (\n preferences.find(preference => preference.name === 'theme') || 'default'\n );\n });\n\nconst selectErrors = () =>\n createSelector(selectUser, userState =>\n userState.get('errors')\n );\n\nconst selectHasErrors = state => errorDomain => {\n if (state && errorDomain) {\n const errors = state.get('user').toJS().errors || {};\n return errors.hasOwnProperty(errorDomain) && Object.keys(errors[errorDomain]).length > 0\n }\n\n return false;\n};\n\ncreateSelector(selectUser, userState => {\n let errors = userState.get('errors');\n\n if (errors.hasOwnProperty('_root')) {\n errors = errors.toJS();\n }\n\n delete errors.member;\n\n return Object.keys(errors).length > 0;\n});\n\nconst selectIsLoading = () =>\n createSelector(selectUser, userState => userState.get('loading'));\n\nconst featureVisible = state => featureSlug =>\n state\n .get('user')\n .get('user')\n .features.some(\n feature => feature.slug === featureSlug && feature.enabled > 0,\n ) || false;\n\nconst featureAllowed = state => featureSlug => {\n const user = state.get('user').get('user');\n const features =\n (user.hasOwnProperty('_root') ? user.toJS().features : user.features) || [];\n\n return (\n features.some(\n feature => feature.slug === featureSlug && feature.enabled > 1,\n ) || false\n );\n};\n\nexport {\n selectIsLoading,\n makeSelectLocation,\n makeSelectUser,\n selectTheme,\n makeSelectTokenValidation,\n makeSelectFeatures,\n featureAllowed,\n featureVisible,\n selectErrors,\n selectHasErrors,\n selectMembers,\n};\n","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \".ticket .ticket-description {\\n height: 3.82rem !important;\\n font-size: .9rem; }\\n\", \"\"]);\n\n// exports\n","var React = require('react');\n\nfunction DistanceIcon (props) {\n return React.createElement(\"svg\",props,[React.createElement(\"g\",{\"key\":0},React.createElement(\"g\",null,[React.createElement(\"path\",{\"d\":\"M225.278,278.426c0-48.641-39.572-88.213-88.214-88.213c-48.641,0-88.212,39.572-88.212,88.213\\n\\t\\t\\tc0,14.254,3.401,27.727,9.431,39.654l78.781,162.463l78.795-162.488C221.88,306.133,225.278,292.669,225.278,278.426z\\n\\t\\t\\t M137.064,327.243c-26.917,0-48.817-21.9-48.817-48.817s21.9-48.817,48.817-48.817c26.918,0,48.817,21.9,48.817,48.817\\n\\t\\t\\tS163.982,327.243,137.064,327.243z\",\"key\":0}),React.createElement(\"path\",{\"d\":\"M387.021,0c-24.63,0-44.669,20.038-44.669,44.668c0,7.218,1.723,14.04,4.776,20.081l39.893,82.267l39.899-82.28\\n\\t\\t\\tc3.049-6.037,4.77-12.855,4.77-20.067C431.69,20.038,411.65,0,387.021,0z M387.021,69.388c-13.631,0-24.72-11.089-24.72-24.72\\n\\t\\t\\tc0-13.63,11.089-24.72,24.72-24.72c13.629,0,24.719,11.09,24.719,24.72C411.74,58.299,400.65,69.388,387.021,69.388z\",\"key\":1}),React.createElement(\"path\",{\"d\":\"M348.116,289.787c-1.812-8.523-4.166-16.875-7.131-25.075c-3.974-10.987-8.74-21.724-12.391-32.836\\n\\t\\t\\tc-6.823-20.771,4.948-38.105,7.16-41.256c3.876-5.517,8.408-10.58,13.19-15.322c9.207-9.128,19.361-17.288,29.984-24.803\\n\\t\\t\\tc-1.316-2.039-2.591-4.1-3.805-6.199c-15.279,5.99-93.854,33.452-91.938,94.121c0.384,12.162,5.083,23.737,7.979,35.526\\n\\t\\t\\tc1.395,5.681,2.605,11.412,3.345,17.218c0.319,2.614,0.515,5.243,0.729,7.87c0.006-0.02,0.004-0.034-0.008-0.045\\n\\t\\t\\tc0.007,0.076,0.202,8.326-0.164,11.9c-1.147,11.189-2.799,22.494-7.516,32.758c-4.387,9.543-11.006,17.842-19.193,24.402\\n\\t\\t\\tc-18.716,14.994-43.514,20.988-66.913,23.398c-1.114,0.117-2.228,0.217-3.342,0.314l-41.779,86.152\\n\\t\\t\\tc20.614-1.281,41.175-4.102,61.235-9.039c23.607-5.811,46.613-14.588,67.227-27.598c20.596-12.996,38.308-30.578,50.099-51.984\\n\\t\\t\\tc12.335-22.391,17.277-48.038,16.225-73.452C350.752,307.156,349.928,298.307,348.116,289.787z\",\"key\":2})])),React.createElement(\"g\",{\"key\":1}),React.createElement(\"g\",{\"key\":2}),React.createElement(\"g\",{\"key\":3}),React.createElement(\"g\",{\"key\":4}),React.createElement(\"g\",{\"key\":5}),React.createElement(\"g\",{\"key\":6}),React.createElement(\"g\",{\"key\":7}),React.createElement(\"g\",{\"key\":8}),React.createElement(\"g\",{\"key\":9}),React.createElement(\"g\",{\"key\":10}),React.createElement(\"g\",{\"key\":11}),React.createElement(\"g\",{\"key\":12}),React.createElement(\"g\",{\"key\":13}),React.createElement(\"g\",{\"key\":14}),React.createElement(\"g\",{\"key\":15})]);\n}\n\nDistanceIcon.defaultProps = {\"version\":\"1.1\",\"id\":\"Capa_1\",\"x\":\"0px\",\"y\":\"0px\",\"width\":\"480.543px\",\"height\":\"480.543px\",\"viewBox\":\"0 0 480.543 480.543\",\"style\":{\"enableBackground\":\"new 0 0 480.543 480.543\"},\"xmlSpace\":\"preserve\"};\n\nmodule.exports = DistanceIcon;\n\nDistanceIcon.default = DistanceIcon;\n","\nvar content = require(\"!!../../../../node_modules/css-loader/index.js!../../../../node_modules/sass-loader/lib/loader.js!./styles.scss\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../../node_modules/css-loader/index.js!../../../../node_modules/sass-loader/lib/loader.js!./styles.scss\", function() {\n\t\tvar newContent = require(\"!!../../../../node_modules/css-loader/index.js!../../../../node_modules/sass-loader/lib/loader.js!./styles.scss\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","var React = require('react');\n\nfunction MoneyIcon (props) {\n return React.createElement(\"svg\",props,[React.createElement(\"g\",{\"key\":0},React.createElement(\"g\",null,React.createElement(\"g\",null,[React.createElement(\"path\",{\"d\":\"M201.496,138.264c-0.036-0.291-3.713-29.019-3.713-43.168c0-12.768,3.671-38.751,3.709-39.013\\n\\t\\t\\t\\tc0.151-1.064-0.198-2.138-0.947-2.908c-0.749-0.77-1.8-1.152-2.879-1.033c-0.646,0.071-65.035,7.205-96.903,7.205\\n\\t\\t\\t\\tc-31.865,0-96.257-7.134-96.903-7.205c-1.077-0.124-2.124,0.26-2.869,1.023c-0.748,0.763-1.103,1.831-0.96,2.891\\n\\t\\t\\t\\tc0.038,0.277,3.712,27.892,3.712,41.486c0,13.327-3.673,40.423-3.71,40.694c-0.127,0.928,0.125,1.868,0.702,2.606\\n\\t\\t\\t\\tc0.575,0.738,1.425,1.213,2.355,1.317c0.651,0.073,65.423,7.249,97.673,7.249s97.022-7.176,97.673-7.249\\n\\t\\t\\t\\tc0.926-0.102,1.771-0.573,2.346-1.306C201.359,140.12,201.615,139.187,201.496,138.264z M100.763,142.459\\n\\t\\t\\t\\tc-27.554,0-79.433-5.334-93.381-6.824c1.013-7.921,3.31-27.101,3.31-38.093c0-10.848-2.156-29.532-3.212-38.02\\n\\t\\t\\t\\tc15.176,1.612,65.929,6.774,93.283,6.774c27.335,0,78.034-5.156,93.249-6.771c-1.069,8.129-3.178,25.454-3.178,35.571\\n\\t\\t\\t\\tc0,11.73,2.338,32.301,3.334,40.536C180.256,137.118,128.338,142.459,100.763,142.459z\",\"key\":0}),React.createElement(\"path\",{\"d\":\"M100.763,86.865c3.832,0,6.949,3.117,6.949,6.949c0,1.919,1.556,3.475,3.475,3.475s3.475-1.556,3.475-3.475\\n\\t\\t\\t\\tc0-6.457-4.446-11.85-10.424-13.405v-3.968c0-1.919-1.556-3.475-3.475-3.475s-3.475,1.556-3.475,3.475v3.968\\n\\t\\t\\t\\tc-5.977,1.554-10.424,6.948-10.424,13.405c0,7.664,6.235,13.898,13.898,13.898c3.832,0,6.949,3.117,6.949,6.949\\n\\t\\t\\t\\tc0,3.832-3.117,6.949-6.949,6.949c-3.832,0-6.949-3.117-6.949-6.949c0-1.919-1.556-3.475-3.475-3.475s-3.475,1.556-3.475,3.475\\n\\t\\t\\t\\tc0,6.457,4.446,11.85,10.424,13.405v3.968c0,1.919,1.556,3.475,3.475,3.475s3.475-1.556,3.475-3.475v-3.968\\n\\t\\t\\t\\tc5.977-1.554,10.424-6.948,10.424-13.405c0-7.664-6.235-13.898-13.898-13.898c-3.832,0-6.949-3.117-6.949-6.949\\n\\t\\t\\t\\tC93.814,89.982,96.931,86.865,100.763,86.865z\",\"key\":1}),React.createElement(\"rect\",{\"x\":\"163.305\",\"y\":\"66.018\",\"width\":\"24.322\",\"height\":\"6.949\",\"key\":2}),React.createElement(\"rect\",{\"x\":\"13.899\",\"y\":\"66.018\",\"width\":\"24.322\",\"height\":\"6.949\",\"key\":3}),React.createElement(\"rect\",{\"x\":\"163.305\",\"y\":\"125.086\",\"width\":\"24.322\",\"height\":\"6.949\",\"key\":4}),React.createElement(\"rect\",{\"x\":\"13.899\",\"y\":\"125.086\",\"width\":\"24.322\",\"height\":\"6.949\",\"key\":5})]))),React.createElement(\"g\",{\"key\":1}),React.createElement(\"g\",{\"key\":2}),React.createElement(\"g\",{\"key\":3}),React.createElement(\"g\",{\"key\":4}),React.createElement(\"g\",{\"key\":5}),React.createElement(\"g\",{\"key\":6}),React.createElement(\"g\",{\"key\":7}),React.createElement(\"g\",{\"key\":8}),React.createElement(\"g\",{\"key\":9}),React.createElement(\"g\",{\"key\":10}),React.createElement(\"g\",{\"key\":11}),React.createElement(\"g\",{\"key\":12}),React.createElement(\"g\",{\"key\":13}),React.createElement(\"g\",{\"key\":14}),React.createElement(\"g\",{\"key\":15})]);\n}\n\nMoneyIcon.defaultProps = {\"version\":\"1.1\",\"id\":\"Layer_1\",\"x\":\"0px\",\"y\":\"0px\",\"viewBox\":\"0 0 201.527 201.527\",\"style\":{\"enableBackground\":\"new 0 0 201.527 201.527\"},\"xmlSpace\":\"preserve\"};\n\nmodule.exports = MoneyIcon;\n\nMoneyIcon.default = MoneyIcon;\n","/*\n * SelectConstants\n */\n\nexport const UPDATE_OPTION = 'ideal/Select/UPDATE_OPTION';\nexport const UPDATE_MODAL_OPTION = 'ideal/Select/UPDATE_MODAL_OPTION';\n\n","\nvar content = require(\"!!../../../../node_modules/css-loader/index.js!../../../../node_modules/sass-loader/lib/loader.js!./ListItem.scss\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../../node_modules/css-loader/index.js!../../../../node_modules/sass-loader/lib/loader.js!./ListItem.scss\", function() {\n\t\tvar newContent = require(\"!!../../../../node_modules/css-loader/index.js!../../../../node_modules/sass-loader/lib/loader.js!./ListItem.scss\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","\nvar content = require(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./styles.scss\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./styles.scss\", function() {\n\t\tvar newContent = require(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./styles.scss\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","import { put, takeLatest, all, select } from 'redux-saga/effects';\nimport { API_URL } from 'containers/App/constants';\nimport {\n GET_BRANDS,\n BRAND_SELECTED,\n MODEL_SELECTED,\n VERSION_SELECTED,\n CAR_RECEIVED,\n} from './constants';\n\nimport {\n brandsLoaded,\n modelsLoaded,\n versionsLoaded,\n carLoaded,\n carImagesLoaded,\n} from './actions';\nimport {\n makeSelectSelectedBrand,\n makeSelectSelectedModel,\n makeSelectSelectedModelName,\n makeSelectSelectedVersion,\n makeSelectCarCode,\n makeSelectSelectedModelYear\n} from './selectors';\n\nimport { getRequestHeadersAsLogged, responseHandler } from '../../utils/auth';\n\nfunction* fetchBrands() {\n const requestURL = `${API_URL}car/brands`;\n\n try {\n const parameters = {\n method: 'GET',\n headers: getRequestHeadersAsLogged(),\n };\n\n const request = yield fetch(requestURL, parameters).then(response =>\n responseHandler(response)\n );\n\n yield put(brandsLoaded(request.data));\n } catch (err) {\n // yield put(brandsError(err));\n console.log('request error', err);\n }\n}\n\nfunction* fetchModels() {\n const brand = yield select(makeSelectSelectedBrand());\n const requestURL = `${API_URL}car/models?brand=${brand}`;\n\n try {\n const parameters = {\n method: 'GET',\n headers: getRequestHeadersAsLogged(),\n };\n\n const request = yield fetch(requestURL, parameters).then(response =>\n responseHandler(response)\n );\n yield put(modelsLoaded(request.data));\n } catch (err) {\n // yield put(brandsError(err));\n console.log('request error', err);\n }\n}\n\nfunction* fetchVersions() {\n const model = yield select(makeSelectSelectedModel());\n const modelName = yield select(makeSelectSelectedModelName());\n const modelYear = yield select(makeSelectSelectedModelYear());\n const requestURL = `${API_URL}car/versions/${model}/${modelYear}`;\n\n try {\n const parameters = {\n method: 'GET',\n headers: getRequestHeadersAsLogged(),\n };\n\n const request = yield fetch(requestURL, parameters).then(response =>\n responseHandler(response)\n );\n\n const options = request.data;\n options.map(item => (item.name = item.name.replace(modelName, '')));\n yield put(versionsLoaded(options));\n } catch (err) {\n // yield put(brandsError(err));\n console.log('request error', err);\n }\n}\n\nfunction* fetchCar() {\n const selected = yield select(makeSelectSelectedVersion());\n\n if (selected) {\n const [codiceMotornet, codiceEurotax] = selected.split('-');\n const requestURL = `${API_URL}car?motornet=${codiceMotornet}&eurotax=${codiceEurotax}`;\n try {\n const parameters = {\n method: 'GET',\n headers: getRequestHeadersAsLogged(),\n };\n const request = yield fetch(requestURL, parameters).then(response =>\n responseHandler(response)\n );\n yield put(carLoaded(request.data));\n } catch (err) {\n // yield put(carError(err));\n console.log('request error', err);\n }\n }\n}\n\nfunction* fetchImages() {\n const carId = yield select(makeSelectCarCode());\n const requestURL = `${API_URL}car/images/${carId}`;\n try {\n const parameters = {\n method: 'GET',\n headers: getRequestHeadersAsLogged(),\n };\n const request = yield fetch(requestURL, parameters).then(response =>\n responseHandler(response)\n );\n yield put(carImagesLoaded({default: request.data}));\n } catch (err) {\n // yield put(carError(err));\n console.log('request error', err);\n }\n}\n\nfunction* actionWatcher() {\n yield takeLatest(GET_BRANDS, fetchBrands);\n yield takeLatest(BRAND_SELECTED, fetchModels);\n yield takeLatest(MODEL_SELECTED, fetchVersions);\n yield takeLatest(VERSION_SELECTED, fetchCar);\n yield takeLatest(CAR_RECEIVED, fetchImages);\n}\n\nexport default function* carsData() {\n yield all([actionWatcher()]);\n}\n","import injectReducer from 'utils/injectReducer';\nimport injectSaga from 'utils/injectSaga';\n\nimport reducer from './reducer';\nimport saga from './saga';\n\nconst withCarSelectorReducer = injectReducer({\n key: 'carSelector',\n reducer,\n});\nconst withCarSelectorSaga = injectSaga({ key: 'carSelector', saga });\n\nexport { withCarSelectorReducer, withCarSelectorSaga };\n","exports = module.exports = require(\"../../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \".recipeCard__skeleton {\\n display: inline-block;\\n background-color: var(--color__gray--lighter);\\n padding-bottom: var(--spacing__vertical--1); }\\n\\n.recipeCard__skeleton--medium {\\n width: 33%; }\\n\\n.recipeCard__skeleton--large {\\n width: 100%; }\\n\\n.recipeCard__image--skeleton {\\n padding-bottom: 100%;\\n background-color: var(--color__gray--lighter); }\\n\\n.CarItemsListSkeletron .col-md-4 {\\n padding-left: 4px !important;\\n padding-right: 4px !important;\\n padding-bottom: 8px !important; }\\n\\n.CarItemsListSkeletron .row {\\n margin-left: unset !important;\\n margin-right: unset !important; }\\n\", \"\"]);\n\n// exports\n","\nvar content = require(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./fields.scss\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./fields.scss\", function() {\n\t\tvar newContent = require(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./fields.scss\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","\nvar content = require(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./sticky.scss\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./sticky.scss\", function() {\n\t\tvar newContent = require(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./sticky.scss\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","import {\n TOGGLE_WIDGET,\n TOGGLE_MODAL,\n SET_INPUT_DATA,\n SET_INPUT_DATA_OFFER,\n SET_CONTRACTUAL_CATEGORY,\n SET_CONTRACTUAL_CATEGORY_OFFER,\n TOGGLE_LOADING,\n GET_LOGIC_RESPONSE,\n GET_LOGIC_OFFER_RESPONSE,\n CHECK_SUSTAINABILITY_REQUEST,\n CHECK_SUSTAINABILITY_OFFER_REQUEST,\n CHECK_SUSTAINABILITY_RESPONSE,\n CHECK_SUSTAINABILITY_OFFER_RESPONSE,\n SET_SUSTAINABILITY_SELECTED,\n RESET_DATA,\n RESET_OFFER_DATA,\n UPDATE_PROPOSAL,\n SAVE_QUOTATION,\n} from './constants';\n\nimport queryString from 'query-string';\n\nexport function openWidget() {\n return {\n type: TOGGLE_WIDGET,\n isOpen: true\n };\n}\n\nexport function closeWidget() {\n return {\n type: TOGGLE_WIDGET,\n isOpen: false\n };\n}\n\nexport function openModal() {\n return {\n type: TOGGLE_MODAL,\n isOpen: true\n };\n}\n\nexport function closeModal() {\n return {\n type: TOGGLE_MODAL,\n isOpen: false\n };\n}\n\nexport function setContractualCategory(contractualCategory) {\n return {\n type: SET_CONTRACTUAL_CATEGORY,\n contractualCategory\n };\n}\n\nexport function setContractualCategoryOffer(contractualCategory) {\n return {\n type: SET_CONTRACTUAL_CATEGORY_OFFER,\n contractualCategory\n };\n}\n\nexport function setInputData(inputData) {\n return {\n type: SET_INPUT_DATA,\n inputData\n };\n}\n\nexport function setInputDataOffer(inputData) {\n return {\n type: SET_INPUT_DATA_OFFER,\n inputData\n };\n}\n\nexport function toggleLoading(isLoading) {\n return {\n type: TOGGLE_LOADING,\n isLoading\n };\n}\n\nexport function receiveLogic(logicData) {\n return {\n type: GET_LOGIC_RESPONSE,\n logicData,\n };\n}\n\nexport function receiveOfferLogic(logicData) {\n return {\n type: GET_LOGIC_OFFER_RESPONSE,\n logicData,\n };\n}\n\nexport function sendCheckSustainability() {\n return {\n type: CHECK_SUSTAINABILITY_REQUEST,\n };\n}\n\nexport function sendCheckSustainabilityOffer(offer) {\n return {\n type: CHECK_SUSTAINABILITY_OFFER_REQUEST,\n offer\n };\n}\n\nexport function receiveSustainabilityResponse(responseData) {\n return {\n type: CHECK_SUSTAINABILITY_RESPONSE,\n responseData,\n };\n}\n\nexport function receiveSustainabilityOfferResponse(responseData) {\n return {\n type: CHECK_SUSTAINABILITY_OFFER_RESPONSE,\n responseData,\n };\n}\n\nexport function updateSustainabilitySelected(sustainabilitySelected) {\n return {\n type: SET_SUSTAINABILITY_SELECTED,\n sustainabilitySelected,\n };\n}\n\nexport function resetData() {\n return {\n type: RESET_DATA,\n };\n}\n\nexport function resetOfferData() {\n return {\n type: RESET_OFFER_DATA,\n };\n}\n\nexport function updateProposal(params) {\n return {\n type: UPDATE_PROPOSAL,\n proposal: params,\n };\n}\n\nexport function saveQuotation(params) {\n return {\n type: SAVE_QUOTATION,\n quotation: params,\n };\n}\n\nexport function parsePrescoringParamsToFilters(prescoringResponse, currentSelectedParams, currentParams, contractualCategory) {\n let needFetchFilters = false;\n let qs = queryString.parse(location.search, {arrayFormat: 'comma'});\n\n if (prescoringResponse.monthlyRateMax > 0) {\n const currentMonthlyRate = currentSelectedParams.find(currentParam => currentParam.name === 'monthly_rate');\n let monthlyRateMin;\n\n if (currentMonthlyRate) {\n monthlyRateMin = currentMonthlyRate.value[0];\n } else {\n monthlyRateMin = currentParams.monthly_rates ? currentParams.monthly_rates.min : 0;\n }\n\n qs.monthly_rate = [monthlyRateMin, parseInt(prescoringResponse.monthlyRateMax)]\n needFetchFilters = true;\n }\n\n if (prescoringResponse.depositRequired === true) {\n const currentDeposit = currentSelectedParams.find(currentParam => currentParam.name === 'deposit');\n let depositMax;\n\n if (currentDeposit) {\n depositMax = currentDeposit.value[1];\n } else {\n depositMax = currentParams.deposits ? currentParams.deposits.max : 0;\n }\n\n qs.deposit = [1, depositMax]\n needFetchFilters = true;\n }\n\n if (prescoringResponse.chance >= 0 && (location.pathname === '/offers' || location.pathname === '/offers/') && needFetchFilters) {\n setTimeout(() => {\n location.search = queryString.stringify(qs, {arrayFormat: 'comma'});\n },\n 2000);\n }\n}\n","\nvar content = require(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./styles.scss\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./styles.scss\", function() {\n\t\tvar newContent = require(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./styles.scss\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","\nvar content = require(\"!!../../../../node_modules/css-loader/index.js!../../../../node_modules/sass-loader/lib/loader.js!./selectOptions.scss\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../../node_modules/css-loader/index.js!../../../../node_modules/sass-loader/lib/loader.js!./selectOptions.scss\", function() {\n\t\tvar newContent = require(\"!!../../../../node_modules/css-loader/index.js!../../../../node_modules/sass-loader/lib/loader.js!./selectOptions.scss\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","import { defineMessages } from 'react-intl';\nimport configs from \"configs\"\n\nexport const scope = 'app.components.UIKit';\n\nexport default defineMessages({\n feeDisclaimer: {\n id: `${scope}.feeDisclaimer`,\n defaultMessage: configs.messages[scope].feeDisclaimer\n },\n feeDisclaimerDescription: {\n id: `${scope}.feeDisclaimerDescription`,\n defaultMessage: configs.messages[scope].feeDisclaimerDescription\n },\n});\n","var React = require('react');\n\nfunction CarIcon (props) {\n return React.createElement(\"svg\",props,React.createElement(\"path\",{\"d\":\"M289.689798 122.957403h-55.577806c-61.135382 0-111.154589 50.02023-111.154589 111.154589v611.352799c0 61.135382 50.02023 111.154589 111.154589 111.154589h555.774993c61.135382 0 111.154589-50.02023 111.154589-111.154589V234.111992c0-61.135382-50.02023-111.154589-111.154589-111.154589h-50.020231v55.577806h50.020231c33.346479 0 55.577806 22.231327 55.577806 55.577806v611.352799c0 27.788903-22.231327 55.577806-55.577806 55.577806H234.111992c-33.346479 0-55.577806-22.231327-55.577806-55.577806v-611.353822c0-27.788903 22.231327-55.577806 55.577806-55.577806h55.577806v-55.576783z m111.15459 55.576783h222.310201v-55.577806H400.844388v55.577806z m-55.576783-55.576783c0-33.346479 27.788903-55.577806 55.577806-55.577806h222.310201c27.788903 0 55.577806 22.231327 55.577807 55.577806v55.577806c0 33.346479-27.788903 55.577806-55.577807 55.577806H400.844388c-27.788903 0-55.577806-22.231327-55.577807-55.577806v-55.577806z m31.918967 503.68359h55.577806v-55.577806h-55.577806v55.577806z m222.310201 0h55.577806v-55.577806h-55.577806v55.577806z m170.314991-101.912087l-56.018852-43.070958-28.537963-122.722043H358.316805l-36.767392 128.027886-57.192583 36.140105V708.816574h85.041862v54.807257h55.577806V708.816574h222.310202v54.807257h55.577806V708.816574h86.948281V524.728906zM641.119753 414.513712l13.402241 57.633628H383.629307l16.550955-57.633628h240.939491z m73.115228 238.725056h-394.300345v-99.509365l41.147143-26.004257H682.528861l31.707143 24.379247v101.134375z\"}));\n}\n\nCarIcon.defaultProps = {\"className\":\"icon\",\"style\":{\"width\":\"1em\",\"height\":\"1em\",\"verticalAlign\":\"middle\",\"fill\":\"currentColor\",\"overflow\":\"hidden\"},\"viewBox\":\"0 0 1024 1024\",\"version\":\"1.1\"};\n\nmodule.exports = CarIcon;\n\nCarIcon.default = CarIcon;\n","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \"#RequestOffer {\\n color: #404950;\\n min-width: 100%;\\n margin-bottom: 200px; }\\n #RequestOffer .element-box {\\n margin-bottom: .5rem;\\n box-shadow: unset;\\n background-color: #f2f5fe; }\\n #RequestOffer .request-button {\\n float: right;\\n margin-right: 2rem;\\n box-sizing: border-box;\\n cursor: pointer;\\n display: inline-flex;\\n font-weight: 500;\\n font-size: 18px;\\n height: auto;\\n -webkit-box-pack: center;\\n justify-content: center;\\n min-width: 120px;\\n width: auto;\\n background-color: #FFFFFF;\\n color: #047bf8;\\n outline: none;\\n padding: 5px 10px;\\n border-radius: 3px;\\n border: 1px solid;\\n vertical-align: middle; }\\n #RequestOffer .request-button:hover {\\n background-color: #047bf8;\\n color: #FFFFFF; }\\n #RequestOffer h6 {\\n margin-bottom: unset; }\\n #RequestOffer span {\\n font-size: .8rem;\\n line-height: 1rem; }\\n #RequestOffer a:hover {\\n text-decoration: none; }\\n\", \"\"]);\n\n// exports\n","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \"#OfferPrint {\\n color: #404950;\\n margin-bottom: 1rem; }\\n #OfferPrint .title {\\n font-size: 16px;\\n line-height: 1.2;\\n font-weight: 600;\\n padding: .5rem;\\n padding-top: unset; }\\n #OfferPrint .action-button.medium {\\n margin-top: .5rem;\\n background-color: #f2f5fe;\\n color: #484848;\\n width: 90%; }\\n #OfferPrint .action-button.medium:hover {\\n background-color: #f2f5fe;\\n color: #047bf8;\\n border: 1px solid #047bf8; }\\n #OfferPrint .action-button.medium:hover svg {\\n fill: #047bf8; }\\n\", \"\"]);\n\n// exports\n","import { all } from 'redux-saga/effects';\n\nfunction* actionWatcher() {}\n\nexport default function* optionData() {\n yield all([actionWatcher()]);\n}\n","import injectReducer from 'utils/injectReducer';\nimport injectSaga from 'utils/injectSaga';\n\nimport reducer from './reducer';\nimport saga from './saga';\n\nconst withOfferSelectorReducer = injectReducer({\n key: 'customizeOfferSelector',\n reducer,\n});\nconst withOfferSelectorSaga = injectSaga({ key: 'customizeOfferSelector', saga });\n\nexport { withOfferSelectorReducer, withOfferSelectorSaga };\n","export const CONTRACTUAL_CATEGORIES = [\n {\n description: 'Dipendente a tempo indeterminato',\n value: 'tempo-indeterminato',\n type: 'PRIVATE',\n secondaryType: 'PRIVATE',\n requiredData: {\n pi: false,\n rs: false\n }\n },\n {\n description: 'Ditta individuale',\n value: 'ditta-individuale',\n type: 'BUSINESS',\n secondaryType: 'PRIVATE',\n requiredData: {\n pi: true,\n rs: true\n }\n },\n {\n description: 'Libero professionista',\n value: 'libero-professionista',\n type: 'BUSINESS',\n secondaryType: 'PRIVATE',\n requiredData: {\n pi: true,\n rs: true\n }\n },\n {\n description: 'Pensionato',\n value: 'pensionato',\n type: 'PRIVATE',\n secondaryType: 'PRIVATE',\n requiredData: {\n pi: false,\n rs: false\n }\n },\n {\n description: 'Società di capitali (S.p.a. - S.r.l. - S.r.l.s. - S.a.p.a. - Cooperative)',\n value: 'societa-capitale',\n type: 'BUSINESS',\n secondaryType: 'BUSINESS',\n requiredData: {\n pi: true,\n rs: true\n }\n },\n {\n description: 'Società di persone (S.s. - S.n.c. - S.a.s.)',\n value: 'societa-persone',\n type: 'BUSINESS',\n secondaryType: 'BUSINESS',\n requiredData: {\n pi: true,\n rs: true\n }\n },\n {\n description:\n 'Associazioni - Enti - Fondazioni',\n value: 'associazioni-enti-fondazioni',\n type: 'BUSINESS',\n secondaryType: 'BUSINESS',\n requiredData: {\n pi: true,\n rs: true\n }\n },\n {\n description: 'Studi Associati',\n value: 'studi-associati',\n type: 'BUSINESS',\n secondaryType: 'BUSINESS',\n requiredData: {\n pi: true,\n rs: true\n }\n },\n];\n","import { fromJS, List } from 'immutable';\nimport {\n SET_LOADING,\n UNSET_LOADING,\n UPDATE_PARAMS,\n RESET_PARAMS,\n REMOVE_PARAM,\n FILTERS_RECEIVED,\n} from './constants';\nimport { removeObjByAttribute } from '../../utils/common';\n\n// The initial state of the App\nexport const initialState = fromJS({\n params: {},\n selectedParams: new List(),\n loading: false,\n});\n\nfunction searchReducer(state = initialState, action) {\n switch (action.type) {\n case UPDATE_PARAMS:\n let paramsList = state.getIn(['selectedParams']).toArray();\n paramsList = updateSelected(paramsList, action.param);\n return state.setIn(['selectedParams'], new List(paramsList));\n case FILTERS_RECEIVED:\n return state.set('params', action.filters);\n case REMOVE_PARAM:\n let params = state.getIn(['selectedParams']).toArray();\n params = removeObjByAttribute(params, 'name', action.paramName);\n return state.setIn(['selectedParams'], new List(params));\n case RESET_PARAMS:\n return state.setIn(['selectedParams'], new List());\n case SET_LOADING:\n return state.set('loading', true);\n case UNSET_LOADING:\n return state.set('loading', false);\n default:\n return state;\n }\n}\n\n/**\n * Update selected parameters\n * @param selected\n * @param item\n * @returns {*[]}\n */\nfunction updateSelected(selected, item) {\n const obj = { name: item.name, value: item.value, label: item.label };\n const params = removeObjByAttribute(selected, 'name', item.name);\n return [...params, obj];\n}\n\nexport default searchReducer;\n","import { fromJS, List } from 'immutable';\nimport {\n ADD_OPTION,\n REMOVE_OPTION,\n REMOVE_ALL,\n SORTS_RECEIVED,\n TAGS_RECEIVED,\n SHOW_TAG,\n HIDE_TAG,\n SHOW_ALL,\n UPDATE_SORT,\n} from './constants';\nimport { arrayContainsObj, removeObjFromArray } from '../../utils/common';\n\n// The initial state of the App\nexport const initialState = fromJS({\n tags: new List(),\n selectedTags: new List(),\n sorts: new List(),\n selectedSort: 'date',\n});\n\nfunction filtersReducer(state = initialState, action) {\n switch (action.type) {\n case ADD_OPTION:\n const item = { value: action.value, label: action.label };\n let list = state.getIn(['selectedTags']);\n if( list === undefined || list === null ) return state;\n list = list.toArray();\n if (!arrayContainsObj(list, item, 'value'))\n return state.updateIn(['selectedTags'], elem => elem.push(item));\n return state;\n case REMOVE_OPTION:\n let elems = state.getIn(['selectedTags']);\n if( elems === undefined || elems === null ) return state.setIn(['selectedTags'], new List([]));\n elems = elems.toArray();\n elems = removeObjFromArray(elems, { value: action.value }, 'value');\n return state.setIn(['selectedTags'], new List(elems));\n case REMOVE_ALL:\n return state.setIn(['selectedTags'], new List([]));\n case TAGS_RECEIVED:\n return state.setIn(['tags'], new List(action.tags));\n case SHOW_TAG:\n let tagShowList = state.getIn(['tags']).toArray();\n tagShowList = updateTagStatus(tagShowList, action.value, true);\n return state.setIn(['tags'], new List(tagShowList));\n case HIDE_TAG:\n let tagHideList = state.getIn(['tags']).toArray();\n tagHideList = updateTagStatus(tagHideList, action.value, false);\n return state.setIn(['tags'], new List(tagHideList));\n case SHOW_ALL:\n let tagsList = state.getIn(['tags']).toArray();\n tagsList = updateAllTags(tagsList, true);\n return state.setIn(['tags'], new List(tagsList));\n case SORTS_RECEIVED:\n return state.setIn(['sorts'], new List(action.sorts));\n case UPDATE_SORT:\n return state.set('selectedSort', action.sort);\n default:\n return state;\n }\n}\n\n/**\n *\n * @param tags\n * @param value\n * @param status\n * @returns {*}\n */\nfunction updateTagStatus(tags, value, status) {\n return tags.map(\n item => (item.value === value ? { ...item, show: status } : item),\n );\n}\n\n/**\n *\n * @param tags\n * @param status\n * @returns {*}\n */\nfunction updateAllTags(tags, status) {\n return tags.map(item => ({ ...item, show: status }));\n}\n\nexport default filtersReducer;\n","\nvar content = require(\"!!../../../../node_modules/css-loader/index.js!../../../../node_modules/sass-loader/lib/loader.js!./styles.scss\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../../node_modules/css-loader/index.js!../../../../node_modules/sass-loader/lib/loader.js!./styles.scss\", function() {\n\t\tvar newContent = require(\"!!../../../../node_modules/css-loader/index.js!../../../../node_modules/sass-loader/lib/loader.js!./styles.scss\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \"#CustomerForm {\\n padding: .5rem;\\n padding-bottom: 0rem; }\\n #CustomerForm label {\\n color: #404950;\\n font-size: 1.2vw;\\n font-weight: 400;\\n line-height: .3em; }\\n #CustomerForm input, #CustomerForm select, #CustomerForm textarea {\\n margin-bottom: .3rem; }\\n #CustomerForm .form-control {\\n width: 100%;\\n padding: 0.375rem 0.75rem;\\n font-size: 1.2em;\\n line-height: 1em;\\n color: #484848;\\n font-weight: 400;\\n background-color: white;\\n background-clip: padding-box;\\n border: 2px solid #dde2ec;\\n border-radius: 6px; }\\n #CustomerForm .is-invalid {\\n border: 2px solid #ff4a50 !important; }\\n #CustomerForm p {\\n padding: .4rem;\\n padding-bottom: 0;\\n color: #404950;\\n font-size: .9em;\\n font-weight: 400;\\n line-height: 1.3em; }\\n #CustomerForm button {\\n margin-top: .4rem;\\n margin-bottom: .2rem; }\\n\", \"\"]);\n\n// exports\n","var React = require('react');\n\nfunction DurationIcon (props) {\n return React.createElement(\"svg\",props,[React.createElement(\"g\",{\"key\":0},React.createElement(\"g\",null,React.createElement(\"g\",null,[React.createElement(\"path\",{\"d\":\"M537.423,52.563h-59.836V21.92c0-11.83-9.591-21.42-21.42-21.42c-11.83,0-21.42,9.59-21.42,21.42v30.642H165.364V21.92\\n\\t\\t\\t\\tc0-11.83-9.59-21.42-21.42-21.42c-11.83,0-21.42,9.59-21.42,21.42v30.642H62.687c-32.058,0-58.14,26.082-58.14,58.14v430.77\\n\\t\\t\\t\\tc0,32.059,26.082,58.139,58.14,58.139h474.736c32.059,0,58.141-26.08,58.141-58.139v-430.77\\n\\t\\t\\t\\tC595.564,78.645,569.482,52.563,537.423,52.563z M47.387,110.703c0-8.451,6.85-15.3,15.3-15.3h59.837v24.443\\n\\t\\t\\t\\tc0,11.83,9.59,21.42,21.42,21.42s21.42-9.59,21.42-21.42V95.403h269.383v24.443c0,11.83,9.59,21.42,21.42,21.42\\n\\t\\t\\t\\tc11.829,0,21.42-9.59,21.42-21.42V95.403h59.836c8.45,0,15.3,6.85,15.3,15.3v53.856H47.387V110.703z M552.723,541.473\\n\\t\\t\\t\\tc0,8.449-6.85,15.301-15.3,15.301H62.687c-8.45,0-15.3-6.852-15.3-15.301V207.399h505.336V541.473z\",\"key\":0}),React.createElement(\"path\",{\"d\":\"M537.423,600.111H62.687c-32.334,0-58.64-26.306-58.64-58.639v-430.77c0-32.334,26.306-58.64,58.64-58.64h59.336V21.92\\n\\t\\t\\t\\tc0-12.087,9.833-21.92,21.92-21.92c12.086,0,21.92,9.833,21.92,21.92v30.142h268.384V21.92c0-12.087,9.833-21.92,21.92-21.92\\n\\t\\t\\t\\ts21.92,9.833,21.92,21.92v30.143h59.336c32.335,0,58.641,26.306,58.641,58.64v430.77\\n\\t\\t\\t\\tC596.064,573.806,569.758,600.111,537.423,600.111z M62.687,53.062c-31.783,0-57.64,25.857-57.64,57.64v430.77\\n\\t\\t\\t\\tc0,31.782,25.857,57.639,57.64,57.639h474.736c31.783,0,57.641-25.856,57.641-57.639v-430.77c0-31.783-25.857-57.64-57.641-57.64\\n\\t\\t\\t\\th-60.336V21.92c0-11.536-9.385-20.92-20.92-20.92s-20.92,9.385-20.92,20.92v31.142H164.864V21.92\\n\\t\\t\\t\\tc0-11.536-9.385-20.92-20.92-20.92c-11.536,0-20.92,9.385-20.92,20.92v31.142H62.687z M537.423,557.273H62.687\\n\\t\\t\\t\\tc-8.712,0-15.8-7.088-15.8-15.801V206.899h506.336v334.574C553.223,550.186,546.135,557.273,537.423,557.273z M47.887,207.899\\n\\t\\t\\t\\tv333.574c0,8.161,6.639,14.801,14.8,14.801h474.736c8.16,0,14.8-6.64,14.8-14.801V207.899H47.887z M553.223,165.059H46.887\\n\\t\\t\\t\\tv-54.356c0-8.712,7.088-15.8,15.8-15.8h60.337v24.943c0,11.535,9.385,20.92,20.92,20.92s20.92-9.385,20.92-20.92V94.903h270.383\\n\\t\\t\\t\\tv24.943c0,11.535,9.385,20.92,20.92,20.92s20.92-9.385,20.92-20.92V94.903h60.336c8.712,0,15.8,7.088,15.8,15.8V165.059z\\n\\t\\t\\t\\t M47.887,164.059h504.336v-53.356c0-8.161-6.64-14.8-14.8-14.8h-59.336v23.943c0,12.087-9.833,21.92-21.92,21.92\\n\\t\\t\\t\\ts-21.92-9.833-21.92-21.92V95.903H165.864v23.943c0,12.087-9.833,21.92-21.92,21.92s-21.92-9.833-21.92-21.92V95.903H62.687\\n\\t\\t\\t\\tc-8.161,0-14.8,6.639-14.8,14.8V164.059z\",\"key\":1})]))),React.createElement(\"g\",{\"key\":1}),React.createElement(\"g\",{\"key\":2}),React.createElement(\"g\",{\"key\":3}),React.createElement(\"g\",{\"key\":4}),React.createElement(\"g\",{\"key\":5}),React.createElement(\"g\",{\"key\":6}),React.createElement(\"g\",{\"key\":7}),React.createElement(\"g\",{\"key\":8}),React.createElement(\"g\",{\"key\":9}),React.createElement(\"g\",{\"key\":10}),React.createElement(\"g\",{\"key\":11}),React.createElement(\"g\",{\"key\":12}),React.createElement(\"g\",{\"key\":13}),React.createElement(\"g\",{\"key\":14}),React.createElement(\"g\",{\"key\":15})]);\n}\n\nDurationIcon.defaultProps = {\"version\":\"1.1\",\"id\":\"Capa_1\",\"x\":\"0px\",\"y\":\"0px\",\"width\":\"600.112px\",\"height\":\"600.111px\",\"viewBox\":\"0 0 600.112 600.111\",\"style\":{\"enableBackground\":\"new 0 0 600.112 600.111\"},\"xmlSpace\":\"preserve\"};\n\nmodule.exports = DurationIcon;\n\nDurationIcon.default = DurationIcon;\n","\nvar content = require(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./styles.scss\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./styles.scss\", function() {\n\t\tvar newContent = require(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./styles.scss\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \".OfferDetailsSelectorContent {\\n color: #404950;\\n border-radius: 6px;\\n background-color: #fff;\\n padding: .5rem;\\n -webkit-box-shadow: 0px 2px 4px rgba(126, 142, 177, 0.12);\\n box-shadow: 0px 2px 4px rgba(126, 142, 177, 0.12); }\\n .OfferDetailsSelectorContent .modal-header {\\n border-bottom: unset !important;\\n color: #404950 !important;\\n margin-top: .5rem;\\n margin-bottom: .5rem; }\\n .OfferDetailsSelectorContent .modal-header span {\\n color: #404950 !important; }\\n .OfferDetailsSelectorContent .modal-title {\\n font-size: 16px;\\n line-height: 1.2;\\n font-weight: 600;\\n padding: .5rem;\\n color: #404950; }\\n .OfferDetailsSelectorContent .modal-content {\\n box-shadow: unset;\\n border: unset; }\\n .OfferDetailsSelectorContent .modal-body, .OfferDetailsSelectorContent .modal-header {\\n padding: unset; }\\n .OfferDetailsSelectorContent .title {\\n font-size: 16px;\\n line-height: 1.2;\\n font-weight: 600;\\n padding: .5rem;\\n border-bottom: 1px solid rgba(0, 0, 0, 0.05); }\\n .OfferDetailsSelectorContent .title .action-button.small {\\n margin-top: -.2rem; }\\n .OfferDetailsSelectorContent .btn-action {\\n width: 96%;\\n border-radius: .5rem;\\n background-color: #ff4a50;\\n text-align: center;\\n font-size: 1.2vw;\\n font-weight: 600;\\n line-height: 1em;\\n color: white;\\n padding: .8rem;\\n border: 1px solid #f2f5fe; }\\n .OfferDetailsSelectorContent .detail-item {\\n text-align: left;\\n padding: .5rem; }\\n .OfferDetailsSelectorContent .detail-item .item {\\n cursor: pointer;\\n height: 100%;\\n border-radius: .5rem;\\n background-color: #f2f5fe;\\n display: inline-block;\\n width: 30%;\\n text-align: center;\\n margin: .3rem;\\n color: #404950;\\n padding: .8rem;\\n border: 1px solid #f2f5fe; }\\n .OfferDetailsSelectorContent .detail-item .item.selected {\\n color: #047bf8;\\n border-color: #047bf8; }\\n .OfferDetailsSelectorContent .detail-item .item.selected svg {\\n fill: #047bf8; }\\n .OfferDetailsSelectorContent .detail-item .item:hover {\\n color: #047bf8;\\n border-color: #047bf8; }\\n .OfferDetailsSelectorContent .detail-item .item:hover svg {\\n fill: #047bf8; }\\n .OfferDetailsSelectorContent .detail-item .item .value {\\n word-wrap: break-word;\\n font-size: 1.2vw;\\n font-weight: 700;\\n line-height: 1em; }\\n .OfferDetailsSelectorContent .detail-item .item .description {\\n word-wrap: break-word;\\n font-size: 1.2vw;\\n font-weight: 400;\\n line-height: 1em; }\\n .OfferDetailsSelectorContent .detail-item .item svg {\\n width: 25px;\\n height: 25px;\\n margin-bottom: .4rem;\\n vertical-align: middle;\\n fill: #404950; }\\n\", \"\"]);\n\n// exports\n","exports = module.exports = require(\"../../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \".CollapseItem {\\n padding: 0.9rem 1.1rem;\\n background-color: #fff;\\n border-right: 1px solid rgba(0, 0, 0, 0.03);\\n margin-top: .2rem;\\n width: 100%;\\n color: #484848;\\n border-radius: 6px;\\n -webkit-box-shadow: 0px 2px 4px rgba(126, 142, 177, 0.12);\\n box-shadow: 0px 2px 4px rgba(126, 142, 177, 0.12); }\\n .CollapseItem .header {\\n width: 100%;\\n font-size: 1em;\\n font-weight: 600;\\n line-height: 1.375em;\\n color: #484848;\\n display: flex;\\n cursor: pointer; }\\n .CollapseItem .header .title {\\n min-width: 30%;\\n align-items: center;\\n display: flex;\\n flex-grow: 1;\\n margin-top: auto;\\n margin-bottom: auto; }\\n .CollapseItem .header .description {\\n font-weight: 400;\\n word-wrap: break-word;\\n font-size: .9em;\\n line-height: 1.375em;\\n opacity: 0.54;\\n flex-grow: 1;\\n display: flex;\\n width: 100%;\\n margin-top: auto;\\n margin-bottom: auto; }\\n .CollapseItem .header .icon {\\n font-size: .6em;\\n line-height: 1.375em;\\n font-weight: 600;\\n margin-top: auto;\\n margin-bottom: auto; }\\n .CollapseItem .content {\\n margin-top: 1em;\\n padding-top: .4em;\\n border-top: 1px solid rgba(0, 0, 0, 0.05); }\\n .CollapseItem .content.content-hide {\\n opacity: 0;\\n overflow: hidden;\\n visibility: hidden;\\n height: 0;\\n margin: 0;\\n padding: 0; }\\n\\n.CollapseItem-space {\\n margin-bottom: .8rem; }\\n\", \"\"]);\n\n// exports\n","export const TOGGLE_WIDGET = 'ideal/components/Prescoring/TOGGLE_WIDGET';\nexport const TOGGLE_MODAL = 'ideal/components/Prescoring/TOGGLE_MODAL';\nexport const TOGGLE_LOADING = 'ideal/components/Prescoring/TOGGLE_LOADING';\nexport const SET_SUSTAINABILITY_SELECTED = 'ideal/components/Prescoring/SET_SUSTAINABILITY_SELECTED';\nexport const GET_LOGIC_RESPONSE = 'ideal/components/Prescoring/GET_LOGIC_RESPONSE';\nexport const GET_LOGIC_OFFER_RESPONSE = 'ideal/components/Prescoring/GET_LOGIC_OFFER_RESPONSE';\nexport const SET_CONTRACTUAL_CATEGORY = 'ideal/components/Prescoring/SET_CONTRACTUAL_CATEGORY';\nexport const SET_CONTRACTUAL_CATEGORY_OFFER = 'ideal/components/Prescoring/SET_CONTRACTUAL_CATEGORY_OFFER';\nexport const SET_INPUT_DATA = 'ideal/components/Prescoring/SET_INPUT_DATA';\nexport const SET_INPUT_DATA_OFFER = 'ideal/components/Prescoring/SET_INPUT_DATA_OFFER';\nexport const CHECK_SUSTAINABILITY_REQUEST = 'ideal/components/Prescoring/CHECK_SUSTAINABILITY_REQUEST';\nexport const CHECK_SUSTAINABILITY_OFFER_REQUEST = 'ideal/components/Prescoring/CHECK_SUSTAINABILITY_OFFER_REQUEST';\nexport const CHECK_SUSTAINABILITY_RESPONSE = 'ideal/components/Prescoring/CHECK_SUSTAINABILITY_RESPONSE';\nexport const CHECK_SUSTAINABILITY_OFFER_RESPONSE = 'ideal/components/Prescoring/CHECK_SUSTAINABILITY_OFFER_RESPONSE';\nexport const RESET_DATA = 'ideal/components/Prescoring/RESET_DATA';\nexport const RESET_OFFER_DATA = 'ideal/components/Prescoring/RESET_OFFER_DATA';\nexport const UPDATE_PROPOSAL = 'ideal/components/Prescoring/UPDATE_PROPOSAL';\nexport const SAVE_PROPOSAL_ERROR = 'ideal/components/Prescoring/SAVE_PROPOSAL_ERROR';\nexport const SAVE_QUOTATION = 'ideal/components/Prescoring/SAVE_QUOTATION';\n\nexport const MAPPED_FIELDS = {\n 'q': {\n 'TRIAL_PERIOD_END': 'Hai terminato il periodo di prova (eventuale)?',\n 'MONTHLY_REVENUE': 'Qual è il reddito/stipendio mensile netto del cliente?',\n 'AMOUNT_OTHER_EXPENSES': 'Hai finanziamenti, mutui, prestiti ecc? Se sì, a quanto ammonta il loro valore mensile?',\n 'HAVE_GUARANTOR': 'Hai possibilità di inserire un garante?',\n 'HAVE_GUARANTOR_IF_NEEDED': 'Qualora la società noleggiatrice lo richiedesse, hai possibilità di inserire un garante?',\n 'CRIF': 'Sei iscritto nelle centrali rischi CRIF come cattivo pagatore?',\n 'IS_GREATER_THAN_AGE': 'Hai più di 72 anni?',\n 'HOW_OLD_COMPANY': 'Da quanto è avviata l’attività?',\n 'YEARLY_REVENUE': 'Qual è il reddito complessivo/fatturato annuo del cliente?',\n 'SHARE_CAPITAL': 'A quanto ammonta il capitale sociale (interamente versato)?',\n },\n 'list': {\n 'CHOICE_LESS_2_YEARS_NO_TAX_FILLINGS': 'Meno di 2 anni e nessuna dichiarazione dei redditi',\n 'CHOICE_LESS_2_YEARS_ONE_TAX_FILLING': 'Massimo 2 anni e 1 sola dichiarazione dei redditi',\n 'CHOICE_MORE_2_YEARS_TWO_TAX_FILLINGS': 'Più di 2 anni e 2 dichiarazioni dei redditi',\n 'CHOICE_LESS_2_YEARS_NO_BALANCE': 'Meno di 2 anni e nessun bilancio depositato',\n 'CHOICE_LESS_2_YEARS_ONE_BALANCE': 'Massimo 2 anni e almeno 1 deposito di bilancio o C.U.',\n 'CHOICE_MORE_2_YEARS_TWO_BALANCES': 'Più di 2 anni e 2 bilanci depositati',\n },\n 'a': {\n 'CONGRATULATIONS_OFFERS': 'Complimenti! Il tuo cliente ha buone probabilità di accedere alle offerte di Noleggio a Lungo Termine.',\n 'CONGRATULATIONS_THIS_OFFER': 'Complimenti! Il tuo cliente ha buone probabilità di accedere a questa offerta di Noleggio a Lungo Termine.',\n 'TRIAL_PERIOD_END_NO': 'Il cliente per poter accedere al Noleggio Lungo Termine deve attendere la fine del periodo di prova e presentare le ultime 2 buste paga con il contratto di lavoro.',\n 'IN_CRIF': 'Siamo spiacenti, il cliente non risulta conforme alle condizioni richieste dai nostri partner per accedere al Noleggio a Lungo Termine.',\n 'INSUFFICIENT_REVENUE': 'Siamo spiacenti ma la situazione economica del cliente non è conforme a quanto richiesto dai nostri partner per l’accesso al Noleggio Lungo Termine.',\n 'NEED_GUARANTEES': 'Siamo spiacenti, senza le garanzie richieste il cliente non risulta conforme alle condizioni richieste per accedere al Noleggio a Lungo Termine',\n 'NEED_MORE_DEPOSIT_OR_RATES': 'Ti confermiamo che il cliente può richiedere l’accesso al servizio di Noleggio ma sarà necessario fornire delle garanzie massime pari ad un anticipo o deposito del 30% del valore vettura o di 9/12 canoni.',\n 'NEED_MORE_DEPOSIT_OR_RATES_OR_GUARANTEE': 'Ti confermiamo che il cliente può richiedere l’accesso al servizio di Noleggio ma sarà necessario fornire delle garanzie massime come un garante e/o quota anticipo o deposito pari al 30% del valore vettura.',\n 'NEED_DEPOSIT_GUARANTEE': 'Ti confermiamo la possibilità del cliente di richiedere accesso al Noleggio a fronte della richiesta di una garanzia come quota anticipo o deposito.',\n 'EXCEED_AGE': 'Siamo spiacenti, il cliente non risulta conforme ai limiti di età richiesti dai provider per accedere al Noleggio a Lungo Termine.',\n // questo è solo per la logica del frontend quando anticipo è richiesto ma viene selezionato 0, da implementare\n 'NEED_DEPOSIT': 'Per avere maggiori probabilità di accedere a questa offerta di noleggio è consigliato selezionare l’importo di anticipo.',\n // questo è solo per la logica del frontend quando rata mensile è > di rataMax ma entro il 10%, da implementare\n 'MONTHLY_RATE_TRASHOLD': 'Per avere maggiori probabilità di accedere a questa offerta di noleggio è consigliato selezionare una diversa combinazione dei parametri dell`offerta.',\n // questo è solo per la logica del frontend quando diventi rosso per i parametri del preventivo\n 'TOO_MUCH_MONTHLY_RATE': 'Siamo spiacenti, ma con i parametri selezionati il cliente avrà poche probabilità di accedere a questa offerta di noleggio. Seleziona una diversa combinazione dei parametri.',\n }\n}\n","\nvar content = require(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./styles.scss\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./styles.scss\", function() {\n\t\tvar newContent = require(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./styles.scss\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","exports = module.exports = require(\"../../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \".ant-tag {\\n padding: 0.25rem 0.5rem; }\\n\", \"\"]);\n\n// exports\n","import {\n GET_QUOTATIONS,\n QUOTATIONS_RECEIVED,\n SEARCH_QUOTATIONS,\n FILTERS_RECEIVED,\n UPDATE_SORT,\n REMOVE_ALL,\n REMOVE_FILTER,\n LOAD_FILTERS,\n SET_PAGE_NUMBER,\n DOWNLOAD_QUOTATIONS,\n} from './constants';\n\n/**\n *\n * @returns {{type: *}}\n */\nexport const getQuotations = () => ({\n type: GET_QUOTATIONS,\n});\n\n/**\n *\n * @param quotations\n * @param total\n * @param lastPage\n * @param currentPage\n * @returns {{total: *, lastPage: *, quotations: *, type: *, currentPage: *}}\n */\nexport function quotationsLoaded(quotations, total, lastPage, currentPage) {\n return {\n type: QUOTATIONS_RECEIVED,\n quotations,\n total,\n lastPage,\n currentPage,\n };\n}\n\n/**\n *\n * @param parameters\n * @returns {{query: *, type: *}}\n */\nexport function searchQuotations(parameters) {\n return {\n type: SEARCH_QUOTATIONS,\n parameters,\n };\n}\n\n/**\n *\n * @returns {{type: *}}\n */\nexport const loadFilters = () => ({\n type: LOAD_FILTERS,\n});\n\n/**\n *\n * @param filters\n * @returns {{filters: *, type: string}}\n */\nexport const filtersLoaded = filters => ({\n type: FILTERS_RECEIVED,\n filters,\n});\n\n/**\n *\n * @returns {{type: string}}\n */\nexport const removeAll = () => ({\n type: REMOVE_ALL,\n});\n\n/**\n *\n * @returns {{type: string}}\n */\nexport const removeFilter = filterName => ({\n type: REMOVE_FILTER,\n filterName,\n});\n\n/**\n *\n * @param sort\n * @returns {{type: string, sort: string}}\n */\nexport function orderBy(order) {\n return {\n type: UPDATE_SORT,\n order,\n };\n}\n\n/**\n *\n * @param pageNumber\n * @returns {{page: *, type: *}}\n */\nexport function setPage(pageNumber) {\n return {\n type: SET_PAGE_NUMBER,\n pageNumber,\n };\n}\n\n/**\n */\nexport function downloadQuotations() {\n return {\n type: DOWNLOAD_QUOTATIONS,\n };\n}\n","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \".CarItem {\\n height: 100% !important;\\n transition: all 0.25s ease; }\\n .CarItem:hover {\\n transform: translateY(-5px) scale(1.02);\\n box-shadow: 0px 5px 12px rgba(126, 142, 177, 0.2); }\\n .CarItem .offer-star {\\n position: absolute;\\n right: 1vw;\\n top: 74px; }\\n .CarItem .ant-card-cover > a > img {\\n width: 100%; }\\n .CarItem .ant-card {\\n border-color: white !important;\\n box-shadow: gainsboro 0px 1px 7px 0px;\\n padding: 1vw;\\n border-radius: .2rem;\\n cursor: pointer;\\n height: 100% !important; }\\n .CarItem .ant-card .ant-card-body {\\n padding: 0; }\\n .CarItem .ant-card .card-title {\\n text-align: right;\\n background-color: #e8e9ea;\\n border-radius: calc(.25rem - 1px);\\n height: 3rem;\\n padding-top: 0.7rem;\\n z-index: 2;\\n overflow-wrap: break-word !important;\\n font-size: 16px;\\n line-height: 20px !important;\\n letter-spacing: normal !important;\\n font-weight: 600 !important;\\n margin-bottom: unset !important; }\\n .CarItem .ant-card .card-title > span {\\n font-size: 18px !important;\\n line-height: 26px !important;\\n font-weight: 800 !important; }\\n .CarItem .ant-card .card-title .old-price {\\n text-decoration: line-through;\\n font-size: 14px !important; }\\n .CarItem .ant-card .card-title .new-price {\\n color: #2ec58d; }\\n .CarItem .ant-card .card-img-top {\\n width: 92% !important; }\\n @media (min-width: 1600px) {\\n .CarItem .ant-card .card-img-top {\\n width: 60% !important;\\n margin: 0 auto !important; } }\\n .CarItem .ant-card .toggle-button {\\n position: absolute;\\n top: 16px; }\\n .CarItem .ant-card .card-body {\\n padding: unset;\\n text-align: center; }\\n .CarItem .ant-card .card-body img {\\n margin-top: .4rem;\\n margin-bottom: .4rem; }\\n .CarItem .ant-card .card-body .img-fluid {\\n width: auto;\\n height: 27vh; }\\n .CarItem .ant-card .card-text {\\n text-align: center;\\n font-size: 16px;\\n margin-bottom: .6rem;\\n line-height: 20px;\\n color: #97a1aa; }\\n .CarItem .ant-card .card-text span {\\n font-weight: 600;\\n font-size: 18px;\\n color: #404950; }\\n .CarItem .ant-card .type {\\n font-size: 14px !important;\\n font-weight: 500 !important;\\n text-align: center;\\n text-transform: uppercase; }\\n .CarItem .ant-card .type hr {\\n margin-top: .4rem;\\n width: 5rem;\\n height: .2rem; }\\n .CarItem .ant-card .type .rent {\\n background-color: #ff4a50 !important; }\\n .CarItem .ant-card .type .sell {\\n background-color: #2ec58d !important; }\\n .CarItem .ant-card .description {\\n position: absolute;\\n top: 0;\\n opacity: .95;\\n height: 80%;\\n width: 100%;\\n transition: .5s ease;\\n background-color: #e8e9ea;\\n padding: .8rem;\\n font-size: 14px;\\n border-top-left-radius: .6rem;\\n border-top-right-radius: .6rem;\\n border-bottom: 0 !important; }\\n .CarItem .ant-card .description p {\\n margin: 0px !important;\\n word-wrap: break-word !important;\\n font-size: 12px !important;\\n line-height: 16px !important;\\n letter-spacing: normal !important; }\\n .CarItem .ant-card .description p strong {\\n font-size: 14px;\\n line-height: 20px !important;\\n font-weight: 600 !important; }\\n .CarItem .ant-card .description > hr {\\n margin-top: 7px; }\\n .CarItem .car-labels-container {\\n position: absolute;\\n font-weight: 600;\\n top: 0.9vw;\\n left: 1vw; }\\n .CarItem .car-label {\\n margin-bottom: 5px; }\\n .CarItem .car-label, .CarItem .car-label-secondary, .CarItem .car-label-tertiary {\\n background-color: #f2f5fe;\\n color: #047bf8;\\n border-radius: 15px;\\n border: none;\\n font-size: 0.8vw;\\n height: 1.5vw;\\n line-height: 1vw;\\n display: inline; }\\n @media (max-width: 768px) {\\n .CarItem .car-label, .CarItem .car-label-secondary, .CarItem .car-label-tertiary {\\n font-size: 1vw;\\n line-height: 0.8vw; } }\\n .CarItem .car-label-secondary {\\n top: 5px;\\n color: #104632;\\n background-color: rgba(46, 197, 141, 0.3); }\\n .CarItem .car-label-tertiary {\\n right: -8px;\\n top: -1.5vw;\\n font-size: .73vw;\\n line-height: 1.1vw; }\\n .CarItem .offer-card-top-right {\\n display: grid;\\n grid-auto-flow: column;\\n width: 100%;\\n -webkit-box-pack: justify;\\n justify-content: space-between;\\n white-space: pre;\\n column-gap: 10px; }\\n .CarItem .car-price {\\n font-size: 1.35vw;\\n font-weight: 700;\\n margin-bottom: -8px; }\\n .CarItem .clone-btn-container {\\n position: absolute;\\n top: 5px;\\n right: 5px; }\\n .CarItem .car-price-desc {\\n font-size: 1.2vw;\\n font-weight: 400; }\\n .CarItem .car-price-vat {\\n display: inline-block;\\n font-size: 1vw;\\n line-height: .8vw;\\n font-weight: 400; }\\n .CarItem .car-reference-code {\\n font-weight: normal;\\n margin-left: 14px;\\n font-size: 1.05vw; }\\n .CarItem .car-price-container {\\n top: 0.5vw;\\n right: 1vw; }\\n .CarItem .car-price-container.has-dropdown-menu {\\n right: 2vw; }\\n .CarItem .car-name {\\n font-size: 1.35vw;\\n line-height: 1.35vw;\\n font-weight: 700;\\n margin: unset !important;\\n position: relative; }\\n .CarItem .car-version {\\n margin-top: .2vw;\\n font-size: 1.05vw;\\n line-height: 1.35vw;\\n font-weight: 600;\\n display: block;\\n min-height: 2.7vw; }\\n .CarItem .offer-reference {\\n font-size: 1.05vw;\\n opacity: 0.8; }\\n .CarItem .offer-reference::after {\\n content: '_';\\n color: transparent;\\n font-size: 1.05vw; }\\n .CarItem .car-color {\\n margin-top: .1vw;\\n font-size: .9vw;\\n line-height: 1.1vw;\\n font-weight: 500;\\n display: block; }\\n .CarItem .multi {\\n border-radius: 50%;\\n color: #047bf8;\\n width: 2vw;\\n height: 2vw;\\n line-height: 1.6vw;\\n padding: 0;\\n background-color: #fef2f2; }\\n .CarItem .is-multi {\\n display: none; }\\n .CarItem .car-extra-info {\\n font-size: .73vw;\\n line-height: 1.4vw;\\n font-weight: 400;\\n margin: unset !important; }\\n .CarItem .car-extra-info ul {\\n list-style: none;\\n margin: unset !important;\\n padding-left: unset !important; }\\n .CarItem .car-extra-info ul li {\\n display: inline;\\n white-space: pre; }\\n .CarItem .car-extra-info ul li:after {\\n content: \\\" \\\\B7 \\\";\\n font-weight: 800;\\n color: #047bf8; }\\n .CarItem .car-extra-info ul li:last-child:after {\\n content: \\\"\\\"; }\\n\\n.Car {\\n background-color: #f0f0f0 !important;\\n height: 100% !important; }\\n .Car.suggested .ant-card {\\n border-color: #007BFF !important;\\n box-shadow: #dcdcdc 0px 1px 7px 0px, inset #007BFF 0px 1px 3px 0px; }\\n .Car .CarCatalog a {\\n color: #404950; }\\n .Car a {\\n text-decoration: none !important;\\n height: 100% !important; }\\n .Car a:hover {\\n color: #047bf8; }\\n .Car .el-tablo {\\n padding-right: unset !important; }\\n\", \"\"]);\n\n// exports\n","/*\n * PaginatorConstants\n */\n\nexport const SET_PAGE_NUMBER = 'ideal/Paginator/SET_PAGE_NUMBER';\nexport const GET_PAGE_NUMBER = 'ideal/Paginator/GET_PAGE_NUMBER';\n\nexport const SET_ITEMS_PER_PAGE = 'ideal/Paginator/SET_ITEMS_PER_PAGE';\nexport const GET_ITEMS_PER_PAGE = 'ideal/Paginator/GET_ITEMS_PER_PAGE';\n\nexport const GET_PAGINATOR = 'ideal/Paginator/GET_PAGINATOR';\nexport const UPDATE_PAGINATOR = 'ideal/Paginator/UPDATE_PAGINATOR';\n","\nvar content = require(\"!!../../../../node_modules/css-loader/index.js!../../../../node_modules/sass-loader/lib/loader.js!./style.scss\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../../node_modules/css-loader/index.js!../../../../node_modules/sass-loader/lib/loader.js!./style.scss\", function() {\n\t\tvar newContent = require(\"!!../../../../node_modules/css-loader/index.js!../../../../node_modules/sass-loader/lib/loader.js!./style.scss\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","exports = module.exports = require(\"../../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \".simple-post .post-box .post-text {\\n color: #3E4B5B; }\\n\", \"\"]);\n\n// exports\n","var map = {\n\t\"./af\": \"665e8ef2f818dedc60ab\",\n\t\"./af.js\": \"665e8ef2f818dedc60ab\",\n\t\"./ar\": \"2c5d0d6cfeadc6dc1628\",\n\t\"./ar-dz\": \"ab94eecf7fc34b20ba86\",\n\t\"./ar-dz.js\": \"ab94eecf7fc34b20ba86\",\n\t\"./ar-kw\": \"1f47a110fc724cdf3a7e\",\n\t\"./ar-kw.js\": \"1f47a110fc724cdf3a7e\",\n\t\"./ar-ly\": \"b2344c5862c2f1879c2e\",\n\t\"./ar-ly.js\": \"b2344c5862c2f1879c2e\",\n\t\"./ar-ma\": \"55baaaaeed3fedfe2f7f\",\n\t\"./ar-ma.js\": \"55baaaaeed3fedfe2f7f\",\n\t\"./ar-sa\": \"f0475e5f58aaca231498\",\n\t\"./ar-sa.js\": \"f0475e5f58aaca231498\",\n\t\"./ar-tn\": \"63937e95271c3fba61f0\",\n\t\"./ar-tn.js\": \"63937e95271c3fba61f0\",\n\t\"./ar.js\": \"2c5d0d6cfeadc6dc1628\",\n\t\"./az\": \"85b644578e780357b950\",\n\t\"./az.js\": \"85b644578e780357b950\",\n\t\"./be\": \"dc504dfc310acf3e8b5a\",\n\t\"./be.js\": \"dc504dfc310acf3e8b5a\",\n\t\"./bg\": \"f66eeaa5ee413a061dfc\",\n\t\"./bg.js\": \"f66eeaa5ee413a061dfc\",\n\t\"./bm\": \"2155dedf767ecd316396\",\n\t\"./bm.js\": \"2155dedf767ecd316396\",\n\t\"./bn\": \"3b961c1ba30d2b3489fe\",\n\t\"./bn-bd\": \"9d5491d131e31b223349\",\n\t\"./bn-bd.js\": \"9d5491d131e31b223349\",\n\t\"./bn.js\": \"3b961c1ba30d2b3489fe\",\n\t\"./bo\": \"80fb7fce133b160140fa\",\n\t\"./bo.js\": \"80fb7fce133b160140fa\",\n\t\"./br\": \"693726fb120298227d58\",\n\t\"./br.js\": \"693726fb120298227d58\",\n\t\"./bs\": \"440dd1387583eefc5be1\",\n\t\"./bs.js\": \"440dd1387583eefc5be1\",\n\t\"./ca\": \"d873effe2f6b79724c51\",\n\t\"./ca.js\": \"d873effe2f6b79724c51\",\n\t\"./cs\": \"04cc8e5f921a10b8898a\",\n\t\"./cs.js\": \"04cc8e5f921a10b8898a\",\n\t\"./cv\": \"91d00a4c489e6868594e\",\n\t\"./cv.js\": \"91d00a4c489e6868594e\",\n\t\"./cy\": \"d542495d3cf12829be35\",\n\t\"./cy.js\": \"d542495d3cf12829be35\",\n\t\"./da\": \"8f6aba9263832dc49561\",\n\t\"./da.js\": \"8f6aba9263832dc49561\",\n\t\"./de\": \"f761b3035d790f5a1e41\",\n\t\"./de-at\": \"4f1ae2001b76046d96a2\",\n\t\"./de-at.js\": \"4f1ae2001b76046d96a2\",\n\t\"./de-ch\": \"0077a50c90365a4136bc\",\n\t\"./de-ch.js\": \"0077a50c90365a4136bc\",\n\t\"./de.js\": \"f761b3035d790f5a1e41\",\n\t\"./dv\": \"94835571dcf1d8105193\",\n\t\"./dv.js\": \"94835571dcf1d8105193\",\n\t\"./el\": \"2e196dc99a49d837baa9\",\n\t\"./el.js\": \"2e196dc99a49d837baa9\",\n\t\"./en-au\": \"cd64a3c48cb16ee50dac\",\n\t\"./en-au.js\": \"cd64a3c48cb16ee50dac\",\n\t\"./en-ca\": \"e7dde7cea655fabac9b3\",\n\t\"./en-ca.js\": \"e7dde7cea655fabac9b3\",\n\t\"./en-gb\": \"ebffe7901e5d6487915f\",\n\t\"./en-gb.js\": \"ebffe7901e5d6487915f\",\n\t\"./en-ie\": \"7918bf598b4d5e37dbf8\",\n\t\"./en-ie.js\": \"7918bf598b4d5e37dbf8\",\n\t\"./en-il\": \"7b1267a60e12fc4de757\",\n\t\"./en-il.js\": \"7b1267a60e12fc4de757\",\n\t\"./en-in\": \"882a65c17bbfe8eed2b1\",\n\t\"./en-in.js\": \"882a65c17bbfe8eed2b1\",\n\t\"./en-nz\": \"85b50eab9fd0fd6e90d9\",\n\t\"./en-nz.js\": \"85b50eab9fd0fd6e90d9\",\n\t\"./en-sg\": \"d17d61b68a1fd0bdbc79\",\n\t\"./en-sg.js\": \"d17d61b68a1fd0bdbc79\",\n\t\"./eo\": \"2d1a77730a48e0d04591\",\n\t\"./eo.js\": \"2d1a77730a48e0d04591\",\n\t\"./es\": \"eb700932ae91e49c629c\",\n\t\"./es-do\": \"4dd91dcf5bcc888414f6\",\n\t\"./es-do.js\": \"4dd91dcf5bcc888414f6\",\n\t\"./es-mx\": \"0aae787653727193ccfb\",\n\t\"./es-mx.js\": \"0aae787653727193ccfb\",\n\t\"./es-us\": \"2752f262cb20daec5019\",\n\t\"./es-us.js\": \"2752f262cb20daec5019\",\n\t\"./es.js\": \"eb700932ae91e49c629c\",\n\t\"./et\": \"70191cd15a7cb64b54e4\",\n\t\"./et.js\": \"70191cd15a7cb64b54e4\",\n\t\"./eu\": \"484c20cd44ca8b056fc2\",\n\t\"./eu.js\": \"484c20cd44ca8b056fc2\",\n\t\"./fa\": \"29afe6ff49411fcc1471\",\n\t\"./fa.js\": \"29afe6ff49411fcc1471\",\n\t\"./fi\": \"bdb50191d7cf9b18ce26\",\n\t\"./fi.js\": \"bdb50191d7cf9b18ce26\",\n\t\"./fil\": \"636c809cacfb1c120e7b\",\n\t\"./fil.js\": \"636c809cacfb1c120e7b\",\n\t\"./fo\": \"619044a7c1309495b821\",\n\t\"./fo.js\": \"619044a7c1309495b821\",\n\t\"./fr\": \"db42961f7dfd7ea7693b\",\n\t\"./fr-ca\": \"8147281f0709a22d7137\",\n\t\"./fr-ca.js\": \"8147281f0709a22d7137\",\n\t\"./fr-ch\": \"90c042ec6bf837264744\",\n\t\"./fr-ch.js\": \"90c042ec6bf837264744\",\n\t\"./fr.js\": \"db42961f7dfd7ea7693b\",\n\t\"./fy\": \"121ad50d209f78710b93\",\n\t\"./fy.js\": \"121ad50d209f78710b93\",\n\t\"./ga\": \"dce57c5a912f9bb7b50e\",\n\t\"./ga.js\": \"dce57c5a912f9bb7b50e\",\n\t\"./gd\": \"5cb89443292582ee6ea3\",\n\t\"./gd.js\": \"5cb89443292582ee6ea3\",\n\t\"./gl\": \"1438446c70ef04186744\",\n\t\"./gl.js\": \"1438446c70ef04186744\",\n\t\"./gom-deva\": \"468c9b9067cfcdc791c1\",\n\t\"./gom-deva.js\": \"468c9b9067cfcdc791c1\",\n\t\"./gom-latn\": \"0772830b50bd96035661\",\n\t\"./gom-latn.js\": \"0772830b50bd96035661\",\n\t\"./gu\": \"85910449a8f41305d2d9\",\n\t\"./gu.js\": \"85910449a8f41305d2d9\",\n\t\"./he\": \"abb9847ec0b105a1739c\",\n\t\"./he.js\": \"abb9847ec0b105a1739c\",\n\t\"./hi\": \"202ef5c5232cb96fc40c\",\n\t\"./hi.js\": \"202ef5c5232cb96fc40c\",\n\t\"./hr\": \"2b1fc540ca9764005197\",\n\t\"./hr.js\": \"2b1fc540ca9764005197\",\n\t\"./hu\": \"5b268a19c19ab75f336f\",\n\t\"./hu.js\": \"5b268a19c19ab75f336f\",\n\t\"./hy-am\": \"711a0b8f2470d00f903d\",\n\t\"./hy-am.js\": \"711a0b8f2470d00f903d\",\n\t\"./id\": \"402264ac986b72c38562\",\n\t\"./id.js\": \"402264ac986b72c38562\",\n\t\"./is\": \"91f63aac3a3578ac6d40\",\n\t\"./is.js\": \"91f63aac3a3578ac6d40\",\n\t\"./it\": \"77baaa42bb185c741c47\",\n\t\"./it-ch\": \"18804a589870d505139a\",\n\t\"./it-ch.js\": \"18804a589870d505139a\",\n\t\"./it.js\": \"77baaa42bb185c741c47\",\n\t\"./ja\": \"2ba6489aba708eaa27f3\",\n\t\"./ja.js\": \"2ba6489aba708eaa27f3\",\n\t\"./jv\": \"425e2b96a9c74eea940b\",\n\t\"./jv.js\": \"425e2b96a9c74eea940b\",\n\t\"./ka\": \"8214335285c71b8f2367\",\n\t\"./ka.js\": \"8214335285c71b8f2367\",\n\t\"./kk\": \"95df1f47296229bab55b\",\n\t\"./kk.js\": \"95df1f47296229bab55b\",\n\t\"./km\": \"613f2bc52d54e08d66ff\",\n\t\"./km.js\": \"613f2bc52d54e08d66ff\",\n\t\"./kn\": \"8696f317551c19a3f20a\",\n\t\"./kn.js\": \"8696f317551c19a3f20a\",\n\t\"./ko\": \"53116d711b17a6ae0834\",\n\t\"./ko.js\": \"53116d711b17a6ae0834\",\n\t\"./ku\": \"7a339cd518d3607231ac\",\n\t\"./ku.js\": \"7a339cd518d3607231ac\",\n\t\"./ky\": \"3ee6c56be65e90f8132c\",\n\t\"./ky.js\": \"3ee6c56be65e90f8132c\",\n\t\"./lb\": \"b3e370af972a63494846\",\n\t\"./lb.js\": \"b3e370af972a63494846\",\n\t\"./lo\": \"413f03944c6f5265e312\",\n\t\"./lo.js\": \"413f03944c6f5265e312\",\n\t\"./lt\": \"c48bb04253340f2f448f\",\n\t\"./lt.js\": \"c48bb04253340f2f448f\",\n\t\"./lv\": \"e86717854732e116f3ea\",\n\t\"./lv.js\": \"e86717854732e116f3ea\",\n\t\"./me\": \"eabcc0c4c45fac03ed7c\",\n\t\"./me.js\": \"eabcc0c4c45fac03ed7c\",\n\t\"./mi\": \"d78d1984ee15b7de3b01\",\n\t\"./mi.js\": \"d78d1984ee15b7de3b01\",\n\t\"./mk\": \"caa305a284aa2a43de12\",\n\t\"./mk.js\": \"caa305a284aa2a43de12\",\n\t\"./ml\": \"420c93df2e869e44a6be\",\n\t\"./ml.js\": \"420c93df2e869e44a6be\",\n\t\"./mn\": \"88bef9084b87f22bec78\",\n\t\"./mn.js\": \"88bef9084b87f22bec78\",\n\t\"./mr\": \"976853ceeabe59f92081\",\n\t\"./mr.js\": \"976853ceeabe59f92081\",\n\t\"./ms\": \"75d1a728ac1d1845e0fb\",\n\t\"./ms-my\": \"a397ce6f5031e6970d84\",\n\t\"./ms-my.js\": \"a397ce6f5031e6970d84\",\n\t\"./ms.js\": \"75d1a728ac1d1845e0fb\",\n\t\"./mt\": \"94ee10fcc6513bba6740\",\n\t\"./mt.js\": \"94ee10fcc6513bba6740\",\n\t\"./my\": \"beb270a3edb687940192\",\n\t\"./my.js\": \"beb270a3edb687940192\",\n\t\"./nb\": \"74f060cefe7f9f9f81e3\",\n\t\"./nb.js\": \"74f060cefe7f9f9f81e3\",\n\t\"./ne\": \"583c03067c3bbb68f372\",\n\t\"./ne.js\": \"583c03067c3bbb68f372\",\n\t\"./nl\": \"14483154d747e4f43f87\",\n\t\"./nl-be\": \"ce13ab9894b454c7857b\",\n\t\"./nl-be.js\": \"ce13ab9894b454c7857b\",\n\t\"./nl.js\": \"14483154d747e4f43f87\",\n\t\"./nn\": \"1b9c0da3b693c12b9b50\",\n\t\"./nn.js\": \"1b9c0da3b693c12b9b50\",\n\t\"./oc-lnc\": \"2c67eced9316b6b1ee0d\",\n\t\"./oc-lnc.js\": \"2c67eced9316b6b1ee0d\",\n\t\"./pa-in\": \"43153f005fce46bd4e03\",\n\t\"./pa-in.js\": \"43153f005fce46bd4e03\",\n\t\"./pl\": \"fccbbd2bff7a11470b83\",\n\t\"./pl.js\": \"fccbbd2bff7a11470b83\",\n\t\"./pt\": \"6c3490486614abd97aba\",\n\t\"./pt-br\": \"a28756c102a221ef1766\",\n\t\"./pt-br.js\": \"a28756c102a221ef1766\",\n\t\"./pt.js\": \"6c3490486614abd97aba\",\n\t\"./ro\": \"0ec91a5bf4797cae8621\",\n\t\"./ro.js\": \"0ec91a5bf4797cae8621\",\n\t\"./ru\": \"78d0335e54c8cfe1af1f\",\n\t\"./ru.js\": \"78d0335e54c8cfe1af1f\",\n\t\"./sd\": \"79da947e9c66ac06470d\",\n\t\"./sd.js\": \"79da947e9c66ac06470d\",\n\t\"./se\": \"8cd947d64fb304a936fe\",\n\t\"./se.js\": \"8cd947d64fb304a936fe\",\n\t\"./si\": \"f294c1fef873dab789bf\",\n\t\"./si.js\": \"f294c1fef873dab789bf\",\n\t\"./sk\": \"71fea0bf4c82fb4875e4\",\n\t\"./sk.js\": \"71fea0bf4c82fb4875e4\",\n\t\"./sl\": \"efb3d36c3201efa78aef\",\n\t\"./sl.js\": \"efb3d36c3201efa78aef\",\n\t\"./sq\": \"987887407309def44131\",\n\t\"./sq.js\": \"987887407309def44131\",\n\t\"./sr\": \"aa91a44e85e940a2bf7c\",\n\t\"./sr-cyrl\": \"c2fbfe9f52af058339b3\",\n\t\"./sr-cyrl.js\": \"c2fbfe9f52af058339b3\",\n\t\"./sr.js\": \"aa91a44e85e940a2bf7c\",\n\t\"./ss\": \"3618c3e69bd60abdec1e\",\n\t\"./ss.js\": \"3618c3e69bd60abdec1e\",\n\t\"./sv\": \"90cb8fe18973cc8ad619\",\n\t\"./sv.js\": \"90cb8fe18973cc8ad619\",\n\t\"./sw\": \"0f62dc3ba954a9b4f96f\",\n\t\"./sw.js\": \"0f62dc3ba954a9b4f96f\",\n\t\"./ta\": \"844086e807f1c4449104\",\n\t\"./ta.js\": \"844086e807f1c4449104\",\n\t\"./te\": \"ec5fa44904a426c7d6b4\",\n\t\"./te.js\": \"ec5fa44904a426c7d6b4\",\n\t\"./tet\": \"eb17a5fb5f570139b4d9\",\n\t\"./tet.js\": \"eb17a5fb5f570139b4d9\",\n\t\"./tg\": \"ac7de847d34b8f8ccb86\",\n\t\"./tg.js\": \"ac7de847d34b8f8ccb86\",\n\t\"./th\": \"36f3a0f56888ee4a2254\",\n\t\"./th.js\": \"36f3a0f56888ee4a2254\",\n\t\"./tk\": \"157c3bfb4332ecb968e3\",\n\t\"./tk.js\": \"157c3bfb4332ecb968e3\",\n\t\"./tl-ph\": \"390050c5a7e4fad52e39\",\n\t\"./tl-ph.js\": \"390050c5a7e4fad52e39\",\n\t\"./tlh\": \"c1d4f179f2c86899fe32\",\n\t\"./tlh.js\": \"c1d4f179f2c86899fe32\",\n\t\"./tr\": \"4747541623aa22be1628\",\n\t\"./tr.js\": \"4747541623aa22be1628\",\n\t\"./tzl\": \"04156e73628668d3361f\",\n\t\"./tzl.js\": \"04156e73628668d3361f\",\n\t\"./tzm\": \"d741cb96012ece2aa9bd\",\n\t\"./tzm-latn\": \"db884e1824018fc373fe\",\n\t\"./tzm-latn.js\": \"db884e1824018fc373fe\",\n\t\"./tzm.js\": \"d741cb96012ece2aa9bd\",\n\t\"./ug-cn\": \"18d0a09a76f484093f7f\",\n\t\"./ug-cn.js\": \"18d0a09a76f484093f7f\",\n\t\"./uk\": \"d15fe98eab566cf93e9c\",\n\t\"./uk.js\": \"d15fe98eab566cf93e9c\",\n\t\"./ur\": \"f6cf585ce966451b6ecf\",\n\t\"./ur.js\": \"f6cf585ce966451b6ecf\",\n\t\"./uz\": \"1c0702e50d269335856d\",\n\t\"./uz-latn\": \"986b1eb823c9bfd22dd9\",\n\t\"./uz-latn.js\": \"986b1eb823c9bfd22dd9\",\n\t\"./uz.js\": \"1c0702e50d269335856d\",\n\t\"./vi\": \"45a4a2dd7d7ec31c8414\",\n\t\"./vi.js\": \"45a4a2dd7d7ec31c8414\",\n\t\"./x-pseudo\": \"e444a523a4d8bf9a593a\",\n\t\"./x-pseudo.js\": \"e444a523a4d8bf9a593a\",\n\t\"./yo\": \"a774c10d43430863530d\",\n\t\"./yo.js\": \"a774c10d43430863530d\",\n\t\"./zh-cn\": \"bd6f01a1dfb233a3dea4\",\n\t\"./zh-cn.js\": \"bd6f01a1dfb233a3dea4\",\n\t\"./zh-hk\": \"4d18f839c259bd2ab031\",\n\t\"./zh-hk.js\": \"4d18f839c259bd2ab031\",\n\t\"./zh-mo\": \"1ca69eb96ab275531ed1\",\n\t\"./zh-mo.js\": \"1ca69eb96ab275531ed1\",\n\t\"./zh-tw\": \"1f7a7ab81ea3f26f4d4d\",\n\t\"./zh-tw.js\": \"1f7a7ab81ea3f26f4d4d\"\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tvar id = map[req];\n\tif(!(id + 1)) { // check for number or string\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn id;\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = \"7c24b247221fc6294d68\";","import { fromJS } from 'immutable';\nimport {\n TOGGLE_WIDGET,\n TOGGLE_MODAL,\n SET_SUSTAINABILITY_SELECTED,\n SET_INPUT_DATA,\n SET_INPUT_DATA_OFFER,\n SET_CONTRACTUAL_CATEGORY,\n SET_CONTRACTUAL_CATEGORY_OFFER,\n TOGGLE_LOADING,\n GET_LOGIC_RESPONSE,\n GET_LOGIC_OFFER_RESPONSE,\n CHECK_SUSTAINABILITY_RESPONSE,\n CHECK_SUSTAINABILITY_OFFER_RESPONSE,\n RESET_DATA,\n RESET_OFFER_DATA,\n} from './constants';\n\nconst checkInputDefaultData = {\n contractualCategory: null,\n step: null,\n answers: {}\n};\n\nconst prescoringStorage = getFromLocalStorage();\n\n// The initial state of forms\nexport const initialState = fromJS({\n checkInput: {\n contractualCategory: prescoringStorage.contractualCategory || null,\n step: prescoringStorage.step || null,\n answers: prescoringStorage.clientAnswers || {}\n },\n checkResponse: prescoringStorage.checkResponse || {},\n logic: prescoringStorage.logic || [],\n offerSustainability: {\n checkInput: {\n contractualCategory: prescoringStorage.contractualCategory || null,\n step: prescoringStorage.step || null,\n answers: prescoringStorage.clientAnswers || {}\n },\n checkResponse: prescoringStorage.checkResponse || {},\n logic: prescoringStorage.logic || [],\n },\n widgetIsOpen: false,\n modalIsOpen: false,\n sustainabilitySelected: prescoringStorage.checkResponse\n && typeof prescoringStorage.checkResponse.chance === 'number'\n ? [prescoringStorage.checkResponse.chance] : [],\n loading: false\n});\n\nfunction offerSelectorReducer(state = initialState, action) {\n switch (action.type) {\n case TOGGLE_WIDGET:\n return state.set('widgetIsOpen', action.isOpen);\n case TOGGLE_MODAL:\n return state.set('modalIsOpen', action.isOpen);\n case SET_SUSTAINABILITY_SELECTED:\n return state.set('sustainabilitySelected', fromJS(action.sustainabilitySelected));\n case SET_CONTRACTUAL_CATEGORY:\n updateLocalStorage({\n contractualCategory: action.contractualCategory,\n step: null,\n clientAnswers: {}\n });\n\n return state.setIn(['checkInput', 'contractualCategory'], fromJS(action.contractualCategory))\n .setIn(['checkInput', 'step'], null)\n .set('checkResponse', fromJS({}))\n .setIn(['checkInput', 'answers'], fromJS({}));\n case SET_CONTRACTUAL_CATEGORY_OFFER:\n return state.setIn(['offerSustainability', 'checkInput', 'contractualCategory'], fromJS(action.contractualCategory))\n .setIn(['offerSustainability', 'checkInput', 'step'], null)\n .setIn(['offerSustainability', 'checkResponse'], fromJS({}))\n .setIn(['offerSustainability', 'checkInput', 'answers'], fromJS({}));\n case SET_INPUT_DATA:\n updateLocalStorage({\n step: action.inputData.step,\n clientAnswers: {\n ...action.inputData.answers,\n }\n });\n\n return state.set('checkInput', fromJS(action.inputData))\n .setIn(['offerSustainability', 'checkInput'], fromJS(action.inputData));\n case SET_INPUT_DATA_OFFER:\n return state.setIn(['offerSustainability', 'checkInput'], fromJS(action.inputData));\n case TOGGLE_LOADING:\n return state.set('loading', action.isLoading);\n case GET_LOGIC_RESPONSE:\n updateLocalStorage({\n logic: action.logicData,\n step: action.logicData[0].q\n });\n\n return state.set('logic', fromJS(action.logicData))\n .setIn(['checkInput', 'step'], action.logicData[0].q)\n .set('loading', false);\n case GET_LOGIC_OFFER_RESPONSE:\n return state.setIn(['offerSustainability', 'logic'], fromJS(action.logicData))\n .setIn(['offerSustainability', 'checkInput', 'step'], action.logicData[0].q)\n .set('loading', false);\n case CHECK_SUSTAINABILITY_RESPONSE:\n updateLocalStorage({\n checkResponse: action.responseData,\n step: action.responseData.currentStep\n });\n\n const responseChance = action.responseData.chance;\n let sustainabilitySelected = state.get('sustainabilitySelected');\n\n if (typeof responseChance === 'number') {\n sustainabilitySelected = fromJS([responseChance]);\n }\n\n return state.set('checkResponse', action.responseData)\n .setIn(['checkInput', 'step'], action.responseData.currentStep)\n .set('sustainabilitySelected', sustainabilitySelected)\n .setIn(['offerSustainability', 'checkResponse'], action.responseData)\n .setIn(['offerSustainability', 'checkInput', 'step'], action.responseData.currentStep)\n .set('loading', false);\n case CHECK_SUSTAINABILITY_OFFER_RESPONSE:\n return state.setIn(['offerSustainability', 'checkResponse'], action.responseData)\n .setIn(['offerSustainability', 'checkInput', 'step'], action.responseData.currentStep);\n case RESET_DATA:\n localStorage.removeItem('prescoring')\n return state.set('checkInput', fromJS(checkInputDefaultData))\n .set('checkResponse', fromJS({}))\n .set('sustainabilitySelected', fromJS([]))\n .set('logic', fromJS([]))\n .set('loading', false);\n case RESET_OFFER_DATA:\n return state.setIn(['offerSustainability', 'checkInput'], fromJS(checkInputDefaultData))\n .setIn(['offerSustainability', 'checkResponse'], fromJS({}))\n .setIn(['offerSustainability', 'logic'], fromJS([]))\n .set('loading', false);\n default:\n return state;\n }\n}\n\nfunction updateLocalStorage(data) {\n let storageData = JSON.parse(localStorage.getItem('prescoring'));\n const now = new Date();\n\n storageData = {\n ...storageData,\n ...data,\n expiry: now.getTime() + (3600 * 1000)\n };\n\n localStorage.setItem('prescoring', JSON.stringify(storageData))\n}\n\nfunction getFromLocalStorage() {\n const itemStr = localStorage.getItem('prescoring');\n\n\tif (!itemStr) {\n\t\treturn {};\n\t}\n\n\tconst item = JSON.parse(itemStr);\n\tconst now = new Date();\n\n\tif (now.getTime() > item.expiry) {\n\t\tlocalStorage.removeItem('prescoring');\n\t\treturn {};\n\t}\n\n updateLocalStorage({});\n\n\treturn item;\n}\n\nexport default offerSelectorReducer;\n","import { fromJS, List } from 'immutable';\nimport {\n ADD_OPTION,\n REMOVE_OPTION,\n REMOVE_ALL,\n SORTS_RECEIVED,\n TAGS_RECEIVED,\n SHOW_TAG,\n HIDE_TAG,\n SHOW_ALL,\n UPDATE_SORT,\n TOGGLE_TAGS_ENABLED,\n} from './constants';\nimport { arrayContainsObj, removeObjFromArray } from '../../utils/common';\n\n// The initial state of the App\nexport const initialState = fromJS({\n tags: new List(),\n selectedTags: new List(),\n sorts: new List(),\n selectedSort: 'price-up',\n isTagsEnabled: true\n});\n\nfunction filtersReducer(state = initialState, action) {\n switch (action.type) {\n case ADD_OPTION:\n const item = { value: action.value, label: action.label };\n let list = state.getIn(['selectedTags']);\n if( list === undefined || list === null ) return state;\n list = list.toArray();\n if (!arrayContainsObj(list, item, 'value'))\n return state.updateIn(['selectedTags'], elem => elem.push(item));\n return state;\n case REMOVE_OPTION:\n let elems = state.getIn(['selectedTags']);\n if( elems === undefined || elems === null ) return state.setIn(['selectedTags'], new List([]));\n elems = elems.toArray();\n elems = removeObjFromArray(elems, { value: action.value }, 'value');\n return state.setIn(['selectedTags'], new List(elems));\n case REMOVE_ALL:\n return state.setIn(['selectedTags'], new List([]));\n case TAGS_RECEIVED:\n return state.setIn(['tags'], new List(action.tags));\n case SHOW_TAG:\n let tagShowList = state.getIn(['tags']).toArray();\n tagShowList = updateTagStatus(tagShowList, action.value, true);\n return state.setIn(['tags'], new List(tagShowList));\n case HIDE_TAG:\n let tagHideList = state.getIn(['tags']).toArray();\n tagHideList = updateTagStatus(tagHideList, action.value, false);\n return state.setIn(['tags'], new List(tagHideList));\n case SHOW_ALL:\n let tagsList = state.getIn(['tags']).toArray();\n tagsList = updateAllTags(tagsList, true);\n return state.setIn(['tags'], new List(tagsList));\n case SORTS_RECEIVED:\n return state.setIn(['sorts'], new List(action.sorts));\n case UPDATE_SORT:\n return state.set('selectedSort', action.sort);\n case TOGGLE_TAGS_ENABLED:\n return state.set('isTagsEnabled', action.isEnabled);\n default:\n return state;\n }\n}\n\n/**\n *\n * @param tags\n * @param value\n * @param status\n * @returns {*}\n */\nfunction updateTagStatus(tags, value, status) {\n return tags.map(\n item => (item.value === value ? { ...item, show: status } : item),\n );\n}\n\n/**\n *\n * @param tags\n * @param status\n * @returns {*}\n */\nfunction updateAllTags(tags, status) {\n return tags.map(item => ({ ...item, show: status }));\n}\n\nexport default filtersReducer;\n","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \"#OffersBanner {\\n margin: -1.9rem !important;\\n margin-bottom: 1rem !important; }\\n #OffersBanner .element-box {\\n background-color: inherit !important; }\\n\", \"\"]);\n\n// exports\n","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \".MultiselectWithIcon {\\n margin-bottom: 30px; }\\n .MultiselectWithIcon .multi-select-icons-container {\\n list-style: none;\\n padding: 0px;\\n margin: 0px;\\n margin-bottom: 20px;\\n display: grid;\\n gap: 10px;\\n grid-template-columns: repeat(auto-fit, minmax(5.625rem, 1fr)); }\\n .MultiselectWithIcon .multi-select-icon-item {\\n display: inline-block;\\n white-space: nowrap;\\n vertical-align: middle;\\n border-radius: 4px;\\n margin: 0 5px 22px;\\n height: 4.688rem; }\\n .MultiselectWithIcon .multi-select-icon-item a {\\n border: 2px solid #dde2ec;\\n box-shadow: unset;\\n color: #495057;\\n display: block;\\n background-color: #fff;\\n padding: 10px;\\n border-radius: 6px;\\n margin: 0px;\\n text-decoration: none;\\n text-align: center;\\n transition: all 0.2s ease;\\n cursor: pointer; }\\n .MultiselectWithIcon .multi-select-icon-item a.active {\\n border: 2px solid #047bf8;\\n color: #495057; }\\n .MultiselectWithIcon .multi-select-icon-item a .avatar {\\n border-radius: unset !important;\\n margin-bottom: unset !important;\\n margin: auto auto;\\n width: 50px;\\n height: 50px;\\n background-size: cover;\\n display: block; }\\n .MultiselectWithIcon .multi-select-icon-item a span {\\n font-size: .8em;\\n margin-top: -0.5rem;\\n color: #495057; }\\n .MultiselectWithIcon .multi-select-icon-item a:hover {\\n border: 2px solid white;\\n background-color: #dde2ec;\\n color: #495057; }\\n\\n.todo-sidebar-section-header {\\n font-size: 16px; }\\n\\n.SelectCollapsible, .Multiselect, .MultiselectWithIcon, .Select {\\n border-bottom: 1px solid rgba(0, 0, 0, 0.05);\\n margin-bottom: 10px;\\n padding-bottom: 10px;\\n padding-top: 10px; }\\n\\n.Choice {\\n clear: both; }\\n .Choice .show-more {\\n cursor: pointer;\\n font-size: 16px;\\n font-weight: 500;\\n color: #1b55e2;\\n text-decoration: underline;\\n display: inline; }\\n\", \"\"]);\n\n// exports\n","import {\n ADD_OPTION,\n REMOVE_OPTION,\n REMOVE_ALL,\n SORTS_RECEIVED,\n TAGS_RECEIVED,\n SHOW_TAG,\n HIDE_TAG,\n SHOW_ALL,\n UPDATE_SORT,\n TOGGLE_TAGS_ENABLED,\n} from './constants';\n\n/**\n *\n * @param sort\n * @returns {{filters: *, type: string}}\n */\nexport const sortsLoaded = sorts => ({\n type: SORTS_RECEIVED,\n sorts,\n});\n/**\n *\n * @param tags\n * @returns {{filters: *, type: string}}\n */\nexport const tagsLoaded = tags => ({\n type: TAGS_RECEIVED,\n tags,\n});\n\n/**\n *\n * @returns {{type: string}}\n */\nexport const removeAllOptions = () => ({\n type: REMOVE_ALL,\n});\n\n/**\n * @param value\n * @param label\n * @returns {{label: *, type: string, value: *}}\n */\nexport function addOption(value, label) {\n return {\n type: ADD_OPTION,\n label,\n value,\n };\n}\n\n/**\n *\n * @param value\n * @returns {{type: string, value: *}}\n */\nexport function removeOption(value) {\n return {\n type: REMOVE_OPTION,\n value,\n };\n}\n\n/**\n *\n * @param value\n * @returns {{type: string, value: *}}\n */\nexport function showTag(value) {\n return {\n type: SHOW_TAG,\n value,\n };\n}\n\n/**\n *\n * @param value\n * @returns {{type: string, value: *}}\n */\nexport function hideTag(value) {\n return {\n type: HIDE_TAG,\n value,\n };\n}\n\n/**\n *\n * @returns {{type: string}}\n */\nexport const showAllTags = () => ({\n type: SHOW_ALL,\n});\n\n/**\n *\n * @param sort\n * @returns {{type: string, sort: string}}\n */\nexport function orderBy(sort) {\n return {\n type: UPDATE_SORT,\n sort,\n };\n}\n\nexport function enableTags() {\n return {\n type: TOGGLE_TAGS_ENABLED,\n isEnabled: true\n };\n}\n\nexport function disableTags() {\n return {\n type: TOGGLE_TAGS_ENABLED,\n isEnabled: false\n };\n}\n","exports = module.exports = require(\"../../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \".recipeCard__skeleton {\\n display: inline-block;\\n background-color: var(--color__gray--lighter);\\n padding-bottom: var(--spacing__vertical--1); }\\n\\n.recipeCard__skeleton--medium {\\n width: 33%; }\\n\\n.recipeCard__skeleton--large {\\n width: 100%; }\\n\\n.recipeCard__image--skeleton {\\n padding-bottom: 100%;\\n background-color: var(--color__gray--lighter); }\\n\", \"\"]);\n\n// exports\n","var React = require('react');\n\nfunction SortIcon (props) {\n return React.createElement(\"svg\",props,[React.createElement(\"title\",{\"key\":0},\"drover_icon_library\"),React.createElement(\"rect\",{\"className\":\"cls-1\",\"fill\":\"none\",\"width\":\"83.33\",\"height\":\"83.33\",\"rx\":\"41.67\",\"ry\":\"41.67\",\"key\":1}),React.createElement(\"rect\",{\"className\":\"cls-2\",\"fill\":\"#1b1b1b\",\"x\":\"3.17\",\"y\":\"9.43\",\"width\":\"33.72\",\"height\":\"7\",\"key\":2}),React.createElement(\"rect\",{\"className\":\"cls-2\",\"fill\":\"#1b1b1b\",\"x\":\"3.17\",\"y\":\"28.59\",\"width\":\"28.1\",\"height\":\"7\",\"key\":3}),React.createElement(\"rect\",{\"className\":\"cls-2\",\"fill\":\"#1b1b1b\",\"x\":\"3.17\",\"y\":\"47.75\",\"width\":\"22.48\",\"height\":\"7\",\"key\":4}),React.createElement(\"rect\",{\"className\":\"cls-2\",\"fill\":\"#1b1b1b\",\"x\":\"3.17\",\"y\":\"66.9\",\"width\":\"16.86\",\"height\":\"7\",\"key\":5}),React.createElement(\"rect\",{\"className\":\"cls-2\",\"fill\":\"#1b1b1b\",\"x\":\"57.34\",\"y\":\"12.93\",\"width\":\"7\",\"height\":\"57.47\",\"key\":6}),React.createElement(\"path\",{\"className\":\"cls-2\",\"fill\":\"#1b1b1b\",\"d\":\"M60.84,73.9A3.47,3.47,0,0,1,58.45,73l-19.33-18L43.9,49.8,60.84,65.61,77.78,49.8l4.77,5.12L63.23,73A3.51,3.51,0,0,1,60.84,73.9Z\",\"key\":7})]);\n}\n\nSortIcon.defaultProps = {\"id\":\"Sort_Layer\",\"viewBox\":\"0 0 83.33 83.33\",\"className\":\"asc order\"};\n\nmodule.exports = SortIcon;\n\nSortIcon.default = SortIcon;\n","\nvar content = require(\"!!../../../../node_modules/css-loader/index.js!../../../../node_modules/sass-loader/lib/loader.js!./carItemsList.scss\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../../node_modules/css-loader/index.js!../../../../node_modules/sass-loader/lib/loader.js!./carItemsList.scss\", function() {\n\t\tvar newContent = require(\"!!../../../../node_modules/css-loader/index.js!../../../../node_modules/sass-loader/lib/loader.js!./carItemsList.scss\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","var React = require('react');\n\nfunction Lock (props) {\n return React.createElement(\"svg\",props,React.createElement(\"path\",{\"d\":\"M13 5.496L11.571 4 6.47 9.342 4.43 7.205 3 8.701l3.47 3.632z\",\"fill\":\"#047bf8\"}));\n}\n\nLock.defaultProps = {\"width\":\"16\",\"height\":\"16\",\"viewBox\":\"0 0 16 16\",\"className\":\"SVG SVG--inline c-bw-9\"};\n\nmodule.exports = Lock;\n\nLock.default = Lock;\n","import { createSelector } from 'reselect';\nimport { initialState } from './reducer';\n\nconst selectServices = state => state.get('services', initialState);\n\nconst makeSelectServices = () =>\n createSelector(selectServices, servicesState =>\n servicesState.getIn(['services']),\n );\n\nconst makeSelectError = () =>\n createSelector(selectServices, servicesState => servicesState.get('error'));\n\nconst makeSelectLoading = () =>\n createSelector(selectServices, servicesState => servicesState.get('loading'));\n\nconst makeSelectSelectedServices = () =>\n createSelector(selectServices, servicesState =>\n servicesState.get('selected'),\n );\n\nconst makeSelectProductServices = () =>\n createSelector(selectServices, servicesState =>\n servicesState.get('productServices'),\n );\n\nexport {\n selectServices,\n makeSelectServices,\n makeSelectError,\n makeSelectLoading,\n makeSelectSelectedServices,\n makeSelectProductServices,\n};\n","/**\n * Asynchronously loads the component for HomePage\n */\nimport loadable from 'loadable-components';\n\nexport default loadable(() => import('./index'));\n","/**\n * Asynchronously loads the component for HomePage\n */\nimport loadable from 'loadable-components';\n\nexport default loadable(() => import('./index'));\n","/**\n * Asynchronously loads the component for HomePage\n */\nimport loadable from 'loadable-components';\n\nexport default loadable(() => import('./index'));\n","/**\n * Asynchronously loads the component for HomePage\n */\nimport loadable from 'loadable-components';\n\nexport default loadable(() => import('./index'));\n","/**\n * Asynchronously loads the component for HomePage\n */\nimport loadable from 'loadable-components';\n\nexport default loadable(() => import('./index'));\n","/**\n * Asynchronously loads the component for HomePage\n */\nimport loadable from 'loadable-components';\n\nexport default loadable(() => import('./index'));\n","/**\n * Asynchronously loads the component for NotFoundPage\n */\nimport loadable from 'loadable-components';\n\nexport default loadable(() => import('./index'));\n","/**\n * Asynchronously loads the component for HomePage\n */\nimport loadable from 'loadable-components';\n\nexport default loadable(() => import('./index'));\n","/**\n * Asynchronously loads the component for HomePage\n */\nimport loadable from 'loadable-components';\n\nexport default loadable(() => import('./index'));\n","/**\n * Asynchronously loads the component for HomePage\n */\nimport loadable from 'loadable-components';\n\nexport default loadable(() => import('./index'));\n","/**\n * Asynchronously loads the component for HomePage\n */\nimport loadable from 'loadable-components';\n\nexport default loadable(() => import('./index'));\n","/*\n * OffersConstants\n */\n\nexport const GET_OFFERS = 'ideal/Offers/GET_OFFERS';\nexport const OFFERS_RECEIVED = 'ideal/Offers/OFFERS_RECEIVED';\nexport const SET_LOADING = 'ideal/Offers/SET_LOADING';\n","/*\n* OfferReducer\n*/\n\nimport { fromJS } from 'immutable';\nimport { GET_OFFERS, OFFERS_RECEIVED, SET_LOADING } from './constants';\n\n// The initial state of the App\nexport const initialState = fromJS({\n offers: [],\n total: 0,\n loading: true,\n});\n\nfunction offersReducer(state = initialState, action) {\n switch (action.type) {\n case GET_OFFERS:\n return state;\n case OFFERS_RECEIVED:\n return state\n .set('offers', action.offers)\n .set('total', action.total)\n .set('loading', false);\n case SET_LOADING:\n return state.set('loading', action.loading);\n default:\n return state;\n }\n}\n\nexport default offersReducer;\n","import { GET_OFFERS, OFFERS_RECEIVED, SET_LOADING } from './constants';\n\n/**\n *\n * @returns {{type: *}}\n */\nexport const getOffers = () => ({\n type: GET_OFFERS,\n});\n\n/**\n *\n * @param offers\n * @param total\n * @returns {{offers: *, total: *, type: *}}\n */\nexport function offersLoaded(offers, total) {\n return {\n type: OFFERS_RECEIVED,\n offers,\n total,\n };\n}\n\n/**\n *\n * @param loading\n * @returns {{type: string, loading: boolean}}\n */\nexport function setLoading(loading) {\n return {\n type: SET_LOADING,\n loading,\n };\n}\n","import { put, takeLatest, all, select } from 'redux-saga/effects';\nimport { API_URL } from 'containers/App/constants';\nimport { offersLoaded, setLoading } from './actions';\nimport { updatePaginator, setPage } from 'components/Paginator/actions';\nimport { resetData } from 'components/PrescoringTool/actions';\nimport { getRequestHeadersAsLogged, responseHandler } from '../../utils/auth';\n\nimport { makeSelectSelectedParams } from 'components/Search/selectors';\nimport { makeSelectSustainabilitySelected, makeSelectCheckInputData, makeSelectCheckResponse } from 'components/PrescoringTool/selectors';\n\nimport {\n makeSelectCurrentPage,\n makeSelectItemsPerPage,\n} from 'components/Paginator/selectors';\n\nimport {\n makeSelectSelectedSort,\n makeSelectSelectedTags,\n} from 'components/HorizontalFilter/selectors';\n\n/* Action watchers */\nimport { GET_OFFERS } from './constants';\nimport {\n REMOVE_ALL,\n ADD_OPTION,\n REMOVE_OPTION,\n UPDATE_SORT,\n} from 'components/HorizontalFilter/constants';\nimport { UPDATE_PARAMS, REMOVE_PARAM } from 'components/Search/constants';\nimport { SET_PAGE_NUMBER } from 'components/Paginator/constants';\nimport { SET_SUSTAINABILITY_SELECTED } from 'components/PrescoringTool/constants';\n\nfunction* fetchOffers(action) {\n const { type } = action;\n // Handle loading\n yield put(setLoading(true));\n\n if ([UPDATE_PARAMS, REMOVE_PARAM, REMOVE_OPTION, SET_SUSTAINABILITY_SELECTED].indexOf(type) >= 0) {\n if (\n (action.value && ['piva', 'privati'].indexOf(action.value) >= 0) ||\n (action.paramName && ['monthly_rate', 'deposit'].indexOf(action.paramName) >= 0) ||\n (action.param && ['monthly_rate', 'deposit'].indexOf(action.param.name) >= 0)\n ) {\n yield put(resetData());\n }\n\n yield put(setPage(1));\n }\n\n if ([REMOVE_ALL].indexOf(type) >= 0) {\n yield put(resetData());\n yield put(setPage(1));\n }\n\n const params = yield select(makeSelectSelectedParams());\n const sustainability = yield select(makeSelectSustainabilitySelected());\n let prescoringResponse = yield select(makeSelectCheckResponse());\n let inputData = yield select(makeSelectCheckInputData());\n prescoringResponse = prescoringResponse.hasOwnProperty('_root') ? prescoringResponse.toJS() : prescoringResponse;\n inputData = inputData.hasOwnProperty('_root') ? inputData.toJS() : inputData;\n\n const requestParams = [];\n params.map(param => (requestParams[param.name] = param.value));\n\n requestParams['answers'] = inputData.answers || {};\n requestParams['contractualCategory'] = inputData.contractualCategory;\n\n if (sustainability) {\n requestParams['sustainability'] = sustainability || [];\n }\n\n const tags = yield select(makeSelectSelectedTags());\n const requestTags = [];\n tags.map(tag => requestTags.push(tag.value));\n\n const requestSort = yield select(makeSelectSelectedSort());\n\n const page = yield select(makeSelectCurrentPage());\n const items = yield select(makeSelectItemsPerPage());\n\n const requestURL = `${API_URL}search/offers`;\n const requestBody = {\n ...requestParams,\n ...prescoringResponse || {},\n sort: requestSort,\n tags: requestTags,\n page,\n items,\n };\n\n try {\n const parameters = {\n method: 'POST',\n headers: getRequestHeadersAsLogged(),\n body: JSON.stringify(requestBody),\n };\n const request = yield fetch(requestURL, parameters).then(response =>\n responseHandler(response)\n );\n\n yield all([\n put(offersLoaded(request.items.data, request.total)),\n put(\n updatePaginator(request.total, request.lastPage, request.currentPage),\n ),\n ]);\n } catch (err) {\n console.log('request error', err);\n }\n}\n\nfunction* actionWatcher() {\n yield takeLatest(\n [\n SET_PAGE_NUMBER,\n UPDATE_PARAMS,\n REMOVE_PARAM,\n REMOVE_ALL,\n REMOVE_OPTION,\n UPDATE_SORT,\n ADD_OPTION,\n GET_OFFERS,\n SET_SUSTAINABILITY_SELECTED,\n ],\n fetchOffers,\n );\n}\n\nexport default function* offersData() {\n yield all([actionWatcher()]);\n}\n","/*\n * HomePage Messages\n *\n * This contains all the text for the HomePage container.\n */\nimport { defineMessages } from 'react-intl';\n\nexport const scope = 'app.containers.HomePage';\n\nexport default defineMessages({\n header: {\n id: `${scope}.header`,\n defaultMessage: 'This is the HomePage container!',\n },\n noOfferFound: {\n id: `${scope}.noOfferFound`,\n defaultMessage: `Oops, al momento non abbiamo risultati per la tua ricerca.\n \n Prova a modificare o a cancellare i filtri selezionati.`,\n },\n});\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Row, Col } from 'reactstrap';\nimport CarItem from '../CarItem';\nimport './styles.scss';\n\nconst index = props => {\n const { cars, selectedFilters } = props;\n const isCatalogoFilterSelected = selectedFilters.some(selectedFilter => selectedFilter.value === 'catalogo');\n const carsTpl = cars.map((offer, key) => {\n let link = `/offers/${offer.code}?duration=${offer.duration}&deposit=${offer.deposit}&distance=${offer.distance}`;\n\n if (offer.bundle && offer.bundle.trim() !== '') {\n link += `&bundle=${offer.bundle}`;\n }\n\n return
\n {carsTpl}
\n
\n );\n};\n\nindex.propTypes = {\n cars: PropTypes.any.isRequired,\n};\n\nexport default index;\n","import { createSelector } from 'reselect';\nimport { initialState } from './reducer';\n\nconst selectOffers = state => state.get('offers', initialState);\n\nconst makeSelectOffers = () =>\n createSelector(selectOffers, offersState => offersState.getIn(['offers']));\n\nconst makeSelectOffersNumber = () =>\n createSelector(selectOffers, offersState => offersState.get('total'));\n\nconst makeSelectLoading = () =>\n createSelector(selectOffers, offersState => offersState.get('loading'));\n\nexport { selectOffers, makeSelectOffers, makeSelectOffersNumber, makeSelectLoading };\n","import React from 'react';\nimport injectReducer from 'utils/injectReducer';\nimport injectSaga from 'utils/injectSaga';\n\nimport { connect } from 'react-redux';\nimport { compose } from 'redux';\nimport { createStructuredSelector } from 'reselect';\nimport { Row, Col } from 'reactstrap';\nimport reducer from './reducer';\nimport saga from './saga';\n\nimport { getOffers } from './actions';\n\nimport { Search, HorizontalFilter, Paginator, Loader, RequestOffer, SponsorBanner } from 'components';\nimport { FormattedHTMLMessage } from 'react-intl';\nimport messages from './messages';\nimport CarItemList from 'components/CarItemsList';\nimport { featureAllowed } from 'containers/App/selectors';\n\nimport {\n makeSelectOffers,\n makeSelectLoading,\n makeSelectOffersNumber,\n} from './selectors';\n\nimport { makeSelectSelectedTags } from 'components/HorizontalFilter/selectors';\n\nimport './styles.scss';\n\nexport class OffersPage extends React.Component {\n constructor(props) {\n super(props);\n }\n\n componentDidMount() {\n this.props.loadOffers();\n }\n\n render() {\n const { offers, loading, total, selectedFilters, featureAllowed } = this.props;\n\n return (\n <>\n \n
\n \n \n \n Vai ai Filtri\n \n
\n \n
\n \n \n
)\n }\n {featureAllowed('offer-request') &&\n - \n {routes.map((route, key) => {\n if (\n (\n (!route.hasOwnProperty('feature') && onlyGroupLeaderSections.indexOf(route.path) < 0)\n ||\n (!route.hasOwnProperty('feature') && onlyGroupLeaderSections.indexOf(route.path) >= 0 && isGroupLeader)\n ||\n (route.hasOwnProperty('feature') && featureAllowed(route.feature))\n ) &&\n (route.show && !route.hasOwnProperty('redirect') && parseInt(route.role) <= parseInt(role))\n ) {\n return (\n
- \n \n \n\n \n{route.name}\n \n );\n }\n\n return null\n })}\n
\n
\n );\n }\n}\n\nexport function mapDispatchToProps(dispatch) {\n return {\n logout: () => dispatch(logout()),\n };\n}\n\nconst withReducer = injectReducer({ key: 'user', reducer });\n\nconst mapStateToProps = createStructuredSelector({\n user: makeSelectUser(),\n isTokenInvalid: makeSelectTokenValidation(),\n featureAllowed: (state, featureSlug) => featureAllowed(state, featureSlug),\n});\n\nHeader.defaultProps = {\n hasFaqSalesBot: true,\n};\n\nHeader.propTypes = {\n user: PropTypes.object,\n hasFaqSalesBot: PropTypes.bool,\n};\n\nconst withConnect = connect(\n mapStateToProps,\n mapDispatchToProps,\n);\n\nexport default compose(\n withReducer,\n withConnect,\n)(Header);\n","/*\n * Header Messages\n *\n * This contains all the text for the Header component.\n */\n\nimport { defineMessages } from 'react-intl';\n\nexport const scope = 'boilerplate.components.Footer';\n\nexport default defineMessages({\n powered:{\n id: `${scope}.powered`,\n defaultMessage: 'powered by'\n },\n disclaimer:{\n id: `${scope}.disclaimer`,\n defaultMessage: 'piattaforma che abilita alla vendita di Noleggio a Lungo Termine, ideata e brevettata da Daicar Rent Srl'\n },\n});\n","import React from 'react';\nimport configs from 'configs';\nimport messages from './messages';\nimport './styles.scss';\nimport {FormattedMessage} from 'react-intl';\n\nclass Footer extends React.Component {\n constructor(props) {\n super(props);\n }\n\n render() {\n return (\n \n \n {featureAllowed('rebrand') && logo ?\n 
\n :\n 
\n }\n \n
\n \n
\n \n
\n \n
\n {name || business_name}
\n {roleName}
\n \n \n
\n \n
\n \n
\n \n
\n {name || business_name}
\n {roleName}
\n \n \n
\n - \n
- \n \n \n Profilo\n \n \n
- \n
\n
\n );\n }\n}\n\nexport default Footer;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Alert, Button, Modal, Form, Input, InputNumber, Select, Radio, Row, Col, Progress } from 'antd';\nimport { Loader } from 'components'\n\nimport injectReducer from 'utils/injectReducer';\nimport injectSaga from 'utils/injectSaga';\nimport { createStructuredSelector } from 'reselect';\nimport { connect } from 'react-redux';\nimport { compose } from 'redux';\nimport reducer from './reducer';\nimport saga from './saga';\n\nimport { CONTRACTUAL_CATEGORIES } from 'containers/App/contractualCategories';\nimport { FILTERS_LABELS } from '../Search/constants';\nimport { MAPPED_FIELDS } from './constants'\n\nimport {\n makeSelectIsLoading,\n makeSelectModalIsOpen,\n makeSelectLogic,\n makeSelectCheckResponse,\n makeSelectCheckInputData,\n} from './selectors'\n\nimport {\n setInputData,\n setContractualCategory,\n sendCheckSustainability,\n resetData,\n resetOfferData,\n closeModal\n} from './actions'\nimport {\n addOption,\n hideTag,\n removeOption,\n showTag,\n enableTags,\n} from '../HorizontalFilter/actions';\nimport { removeParam } from '../Search/actions';\n\nimport './styles.scss';\nimport 'antComponentsStyle';\n\nclass PrescoringModal extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n inputHasChanged: false,\n inputIsChanging: false,\n };\n\n this.handleSubmit = this.handleSubmit.bind(this);\n this.handleCancel = this.handleCancel.bind(this);\n this.handleReset = this.handleReset.bind(this);\n this.handleContractualCategoryChange = this.handleContractualCategoryChange.bind(this);\n this.handleInputChange = this.handleInputChange.bind(this);\n }\n\n handleSubmit = (inputName, inputValue) => {\n let { inputData } = this.props;\n inputData = inputData && inputData.hasOwnProperty('_root') ? inputData.toJS() : inputData || {};\n\n if (typeof inputName === 'string' && inputValue && !inputData.answers.hasOwnProperty(inputName)) {\n this.handleInputChange(inputName, inputValue);\n }\n\n this.props.sendCheckSustainability();\n\n this.setState({\n inputHasChanged: true,\n inputIsChanging: false,\n });\n\n this.updateFiltersFromResponse()\n };\n\n handleCancel = () => {\n this.props.closeModal();\n };\n\n handleReset = () => {\n this.props.resetData();\n this.props.resetOfferData();\n this.props.enableTags();\n this.resetPrescoringFilters();\n };\n\n handleContractualCategoryChange = value => {\n this.props.removeOption('piva');\n this.props.removeOption('privati');\n this.props.setContractualCategory(value);\n };\n\n handleInputChange = (inputName, inputValue) => {\n let { logic, inputData } = this.props;\n inputData = inputData.hasOwnProperty('_root') ? inputData.toJS() : inputData;\n logic = logic && logic.hasOwnProperty('_root') ? [...logic.toJS()] : [...logic] || [];\n\n if (!Array.isArray(logic)) {\n logic = [];\n }\n\n let lastLogicIndex = logic.findLastIndex(logicStep =>\n logicStep.q === inputName\n );\n\n if (lastLogicIndex < 0) {\n lastLogicIndex = 0;\n }\n\n logic.splice(lastLogicIndex, logic.length);\n\n const oldFilteredInputDataAnswers = {};\n\n logic.forEach(logicStep => {\n if (inputData.answers.hasOwnProperty(logicStep.q)) {\n oldFilteredInputDataAnswers[logicStep.q] = inputData.answers[logicStep.q];\n }\n });\n\n logic[lastLogicIndex] = null;\n\n const newInputData = {\n ...inputData,\n step: inputName,\n answers: {\n ...oldFilteredInputDataAnswers,\n [inputName]: inputValue\n }\n };\n\n this.props.setInputData(newInputData);\n\n this.setState({\n inputHasChanged: false,\n inputIsChanging: inputName,\n });\n };\n\n get isLastStep() {\n let { logic } = this.props;\n logic = logic && logic.hasOwnProperty('_root') ? logic.toJS() : logic || [];\n\n return logic.length > 0 && logic.length === this.logicSteps.length;\n }\n\n get canSubmit() {\n let { inputData, logic } = this.props;\n inputData = inputData && inputData.hasOwnProperty('_root') ? inputData.toJS() : inputData || {};\n logic = logic && logic.hasOwnProperty('_root') ? logic.toJS() : logic || [];\n const answers = Object.keys(inputData.answers || {});\n\n return (!this.response || !this.response.chance) && logic && logic.length > 0 && answers.length === logic.length;\n }\n\n get canReset() {\n return this.logicSteps.length > 0\n }\n\n get response() {\n let { response } = this.props;\n response = response && response.hasOwnProperty('_root') ? response.toJS() : response;\n\n return response && typeof response.description !== 'undefined' ? response : null;\n }\n\n get logicSteps() {\n let { logic, inputData } = this.props;\n inputData = inputData && inputData.hasOwnProperty('_root') ? inputData.toJS() : inputData || {};\n logic = logic && logic.hasOwnProperty('_root') ? logic.toJS() : logic || [];\n\n if (!inputData || !inputData.contractualCategory) {\n return [];\n }\n\n return logic.filter(logicStep => {\n const lastAnswer = inputData.answers[inputData.step] || null;\n\n if (lastAnswer) {\n // cerco in tutte le risposte se ce n'è una che ha come action il goto all'attuale step\n const lastLogicStep = logic.find(logicStep2 => logicStep2.q === inputData.step);\n\n if (lastLogicStep) {\n const lastLogicAnswer = lastLogicStep.a[Number(lastAnswer)];\n\n if (lastLogicAnswer && lastLogicAnswer.action === 'goto' && lastLogicAnswer.hasOwnProperty('to') && lastLogicAnswer.to === logicStep.q) {\n return true;\n }\n }\n }\n\n return inputData.answers.hasOwnProperty(logicStep.q) || logicStep.q === inputData.step\n });\n }\n\n get alertType() {\n switch (this.response.chance) {\n case 0: return 'danger';\n case 1: return 'warning';\n case 2: return 'success';\n default: return 'info';\n }\n }\n\n getCustomerTypeByContractualCategory = contractualCategory => {\n const contractualCategoryFound = CONTRACTUAL_CATEGORIES.find(contractualCategoryItem => contractualCategoryItem.value === contractualCategory);\n\n if (contractualCategoryFound) {\n return contractualCategoryFound.type === 'BUSINESS' ? 'piva' : 'privati';\n }\n\n return null;\n }\n\n componentDidUpdate(prevProps) {\n let { inputData, response } = this.props;\n let { inputData: inputDataPrev, response: responsePrev } = prevProps;\n inputData = inputData && inputData.hasOwnProperty('_root') ? inputData.toJS() : inputData || {};\n response = response && response.hasOwnProperty('_root') ? response.toJS() : response || {};\n inputDataPrev = inputDataPrev && inputDataPrev.hasOwnProperty('_root') ? inputDataPrev.toJS() : inputDataPrev || {};\n responsePrev = responsePrev && responsePrev.hasOwnProperty('_root') ? responsePrev.toJS() : responsePrev || {};\n\n if (JSON.stringify(inputDataPrev) !== JSON.stringify(inputData) || JSON.stringify(responsePrev) !== JSON.stringify(response)) {\n this.setDefaultAnswerForCurrentStep()\n }\n }\n\n setDefaultAnswerForCurrentStep() {\n let { logic, inputData } = this.props;\n logic = logic && logic.hasOwnProperty('_root') ? logic.toJS() : logic || {};\n const { step, answers } = inputData && inputData.hasOwnProperty('_root') ? inputData.toJS() : inputData || {};\n const logicStep = logic.find(logicStep => logicStep.q === step);\n\n if (logicStep && logicStep.hasOwnProperty('default') && !answers.hasOwnProperty(step)) {\n this.handleInputChange(step, logicStep.default);\n }\n }\n\n updateFiltersFromResponse() {\n let { inputData, response } = this.props;\n inputData = inputData && inputData.hasOwnProperty('_root') ? inputData.toJS() : inputData || {};\n response = response && response.hasOwnProperty('_root') ? response.toJS() : response || {};\n\n if (inputData.contractualCategory) {\n const customerType = this.getCustomerTypeByContractualCategory(inputData.contractualCategory);\n this.props.addOption(customerType, FILTERS_LABELS[customerType]);\n this.props.hideTag(customerType);\n } else {\n this.resetCustomerTypeFilter();\n }\n }\n\n resetCustomerTypeFilter() {\n this.props.removeOption('piva');\n this.props.showTag('piva');\n this.props.removeOption('privati');\n this.props.showTag('privati');\n }\n\n resetPrescoringFilters() {\n this.props.removeParam('monthly_rate');\n this.props.removeParam('deposit');\n this.resetCustomerTypeFilter();\n }\n\n render() {\n const { isLoading, isOpen } = this.props;\n let { inputData, logic } = this.props;\n inputData = inputData && inputData.hasOwnProperty('_root') ? inputData.toJS() : inputData || {};\n logic = logic && logic.hasOwnProperty('_root') ? logic.toJS() : logic || [];\n\n return (\n \n \n
\n
\n \n Termini e Condizioni\n | \n \n Informativa Privacy\n | \n \n Nomina Responsabile\n \n
\n\n In pochi semplici passi potrai effettuare una prima verifica creditizia del tuo cliente e capire le offerte più adatte da proporgli.\n
\n \n \n \n {configs.messages[\"app.components.PrescoringTool\"].widgetLabel}\n \n
\n );\n }\n}\n\nPrescoringWidget.propTypes = {\n isOpen: PropTypes.bool.isRequired,\n};\n\nconst withReducer = injectReducer({ key: 'prescoring', reducer });\nconst withSaga = injectSaga({ key: 'prescoring', saga });\n\nconst mapStateToProps = createStructuredSelector({\n isOpen: makeSelectWidgetIsOpen(),\n inputData: makeSelectCheckInputData(),\n});\n\nexport function mapDispatchToProps(dispatch) {\n return {\n openWidget: () => dispatch(openWidget()),\n closeWidget: () => dispatch(closeWidget()),\n openModal: () => dispatch(openModal()),\n };\n}\n\nconst withConnect = connect(\n mapStateToProps,\n mapDispatchToProps,\n);\n\nexport default compose(\n withSaga,\n withReducer,\n withConnect,\n)(PrescoringWidget);\n","/**\n *\n * App.js\n *\n * This component is the skeleton around the actual pages, and should only\n * contain code that should be seen on all pages. (e.g. navigation bar)\n *\n */\n\nimport React from 'react';\nimport { Route, Redirect } from 'react-router-dom';\nimport * as Sentry from \"@sentry/react\";\n\nimport NavBar from 'components/NavBar';\nimport Header from 'components/Header';\nimport Footer from 'components/Footer';\n\nimport { createStructuredSelector } from 'reselect';\nimport { connect } from 'react-redux';\nimport { compose } from 'redux';\nimport injectReducer from 'utils/injectReducer';\nimport injectSaga from 'utils/injectSaga';\n\nimport reducer from './reducer';\nimport saga from './saga';\nimport { makeSelectUser, makeSelectTokenValidation, featureAllowed } from './selectors';\nimport { getUser } from './actions';\nimport { closeWidget } from 'components/PrescoringTool/actions'\nimport { default as PrescoringModal } from 'components/PrescoringTool/modal'\nimport { default as PrescoringWidget } from 'components/PrescoringTool/widget'\n\nimport { Tracking } from 'components';\n\nclass PrivateRoute extends React.Component {\n componentDidMount() {\n if(this.props.authentication && !this.props.user.hasOwnProperty('role')) {\n this.props.getUserInfo();\n }\n }\n\n componentDidUpdate(prevProps) {\n if (prevProps.path !== this.props.path) {\n this.props.closeWidget();\n }\n }\n\n get hasPrescoringWidget() {\n const regex = new RegExp('^\\/offers\\/[a-z0-9]+', 'i');\n return this.props.featureAllowed('prescoring') &&\n !location.pathname.startsWith('/quotations/')\n && location.pathname !== '/quotation/'\n && (!location.pathname || !regex.test(location.pathname))\n }\n\n render() {\n const {\n user,\n isTokenInvalid,\n component: Component,\n authentication,\n hasFaqSalesBot = true,\n ...rest\n } = this.props;\n\n if (isTokenInvalid) {\n window.location = '/login';\n return null;\n } else if (user.hasOwnProperty('termsAccepted') && !user.termsAccepted) {\n window.location = '/sso/activate';\n // console.log(user)\n return null;\n }\n\n if (authentication && ( user === undefined || !user.hasOwnProperty('role'))) return null;\n\n Sentry.setUser({ id: user.code, email: user.email });\n\n let name = '';\n try {\n name = (user.business_name !== null && user.business_name.length > 0 ) ? user.business_name : user.name;\n } catch (e) {\n name = 'utente';\n }\n\n return (\n \n
\n ) : (\n \n
\n \n
\n \n
\n \n
\n \n \n
\n );\n }\n\n return null;\n};\n\nloader.defaultProps = {\n loading: false,\n};\n\nloader.propTypes = {\n loading: PropTypes.bool,\n};\n\nexport default loader;\n","\nvar content = require(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./styles.scss\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./styles.scss\", function() {\n\t\tvar newContent = require(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./styles.scss\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","var React = require('react');\n\nfunction EngineIcon (props) {\n return React.createElement(\"svg\",props,[React.createElement(\"g\",{\"key\":0},React.createElement(\"g\",null,React.createElement(\"path\",{\"d\":\"M494.32,196.801l-4.858-8.131h-85.516v39.564h-8.557v-57.371h-44.32l-28.138-24.95h-46.53v-22.695h14.966V89.827H172.742\\n\\t\\t\\tv33.391h14.966v22.695h-48.443l-28.138,24.95H55.791v16.696v66.236h-22.4v-42.616H0v118.625h33.391v-42.617h22.4v66.236v16.696\\n\\t\\t\\th83.474l58.709,52.054h197.414v-58.444h8.557v39.565h85.516l4.858-8.132c1.81-3.027,17.68-31.537,17.68-99.181\\n\\t\\t\\tS496.13,199.829,494.32,196.801z M221.101,123.22h21.909v22.695h-21.909V123.22z M468.927,369.902h-31.59v-39.565h-75.34v58.444\\n\\t\\t\\tH210.646l-58.709-52.054H89.183V204.255h34.617l28.138-24.95h158.32l28.138,24.95h23.601v57.371h75.34v-39.564h31.59\\n\\t\\t\\tc3.873,11.386,9.681,34.956,9.681,73.921C478.609,334.947,472.801,358.516,468.927,369.902z\"}))),React.createElement(\"g\",{\"key\":1}),React.createElement(\"g\",{\"key\":2}),React.createElement(\"g\",{\"key\":3}),React.createElement(\"g\",{\"key\":4}),React.createElement(\"g\",{\"key\":5}),React.createElement(\"g\",{\"key\":6}),React.createElement(\"g\",{\"key\":7}),React.createElement(\"g\",{\"key\":8}),React.createElement(\"g\",{\"key\":9}),React.createElement(\"g\",{\"key\":10}),React.createElement(\"g\",{\"key\":11}),React.createElement(\"g\",{\"key\":12}),React.createElement(\"g\",{\"key\":13}),React.createElement(\"g\",{\"key\":14}),React.createElement(\"g\",{\"key\":15})]);\n}\n\nEngineIcon.defaultProps = {\"version\":\"1.1\",\"id\":\"Layer_1\",\"x\":\"0px\",\"y\":\"0px\",\"viewBox\":\"0 0 511.999 511.999\",\"style\":{\"enableBackground\":\"new 0 0 511.999 511.999\"},\"xmlSpace\":\"preserve\"};\n\nmodule.exports = EngineIcon;\n\nEngineIcon.default = EngineIcon;\n","var React = require('react');\n\nfunction AddIcon (props) {\n return React.createElement(\"svg\",props,React.createElement(\"path\",{\"d\":\"M20 2a18 18 0 1018 18A18 18 0 0020 2zm7.425 23.303l-2.122 2.122L20 22.12l-5.303 5.304-2.122-2.122L17.88 20l-5.304-5.303 2.122-2.122L20 17.88l5.303-5.304 2.122 2.122L22.12 20z\",\"fill\":\"#047bf8\"}));\n}\n\nAddIcon.defaultProps = {\"viewBox\":\"0 0 40 40\",\"className\":\"icon color--primary\"};\n\nmodule.exports = AddIcon;\n\nAddIcon.default = AddIcon;\n","import {\n SAVE_PROPOSAL,\n SAVE_QUOTATION,\n SAVE_QUOTATION_SUCCESS,\n SAVE_QUOTATION_ERROR,\n SAVE_PROPOSAL_SUCCESS,\n SAVE_PROPOSAL_ERROR,\n UPDATE_QUOTATION,\n SEARCH_CUSTOMER_BY_FISCAL,\n SEARCH_CUSTOMER_BY_VAT,\n CUSTOMER_RECEIVED,\n CUSTOMER_FOUND,\n UPDATE_CUSTOMER_INPUT,\n RESET_CUSTOMER,\n SET_UPDATED,\n SET_CONTRACTUAL_CATEGORY_TYPE,\n FILE_UPLOADED,\n} from './constants';\n\nexport function saveProposal(params) {\n return {\n type: SAVE_PROPOSAL,\n proposal: params,\n };\n}\n\n// export function saveQuotation(params) {\n// return {\n// type: SAVE_QUOTATION,\n// quotation: params,\n// };\n// }\n\nexport function saveQuotationSuccess(data) {\n return {\n type: SAVE_QUOTATION_SUCCESS,\n data,\n };\n}\n\nexport function saveQuotationError(errors) {\n return {\n type: SAVE_QUOTATION_ERROR,\n errors,\n };\n}\n\nexport function saveProposalSuccess(data) {\n return {\n type: SAVE_PROPOSAL_SUCCESS,\n data,\n };\n}\n\nexport function saveProposalError(errors) {\n return {\n type: SAVE_PROPOSAL_ERROR,\n errors,\n };\n}\n\nexport function updateQuotation(params) {\n return {\n type: UPDATE_QUOTATION,\n quotation: params,\n };\n}\n\nexport function setUpdated(value) {\n return {\n type: SET_UPDATED,\n value,\n };\n}\n\nexport function searchCustomerByFiscal(fiscalCode, contractualCategory = null) {\n return {\n type: SEARCH_CUSTOMER_BY_FISCAL,\n fiscalCode,\n contractualCategory\n };\n}\n\nexport function searchCustomerByVat(vatNumber, contractualCategory = null) {\n return {\n type: SEARCH_CUSTOMER_BY_VAT,\n vatNumber,\n contractualCategory\n };\n}\n\nexport function selectContractualCategoryType(contractualCategoryType) {\n return {\n type: SET_CONTRACTUAL_CATEGORY_TYPE,\n contractualCategoryType\n };\n}\n\nexport function customerLoaded(customer) {\n return {\n type: CUSTOMER_RECEIVED,\n customer,\n };\n}\n\nexport function customerFound(found) {\n return {\n type: CUSTOMER_FOUND,\n found,\n };\n}\n\nexport function resetCustomer() {\n return {\n type: RESET_CUSTOMER,\n };\n}\n\nexport function updateCustomerInput(field, value) {\n return {\n type: UPDATE_CUSTOMER_INPUT,\n field,\n value\n };\n}\n\nexport function fileUploaded(data) {\n return {\n type: FILE_UPLOADED,\n data\n };\n}\n","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \"#Profile .profile-tile {\\n position: relative;\\n border-bottom: none;\\n padding-top: 1rem;\\n padding-bottom: 0; }\\n #Profile .profile-tile:not(:first-child) {\\n border-top: 1px solid rgba(0, 0, 0, 0.1); }\\n #Profile .profile-tile.is-child:before {\\n content: \\\" \\\";\\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\\n border-left: 1px solid rgba(0, 0, 0, 0.1);\\n width: 24px;\\n height: 151px;\\n position: absolute;\\n left: -24px;\\n top: -75px;\\n z-index: 1;\\n background-color: #F2F4F8; }\\n\\n#Profile .user-profile .user-intro {\\n border: none;\\n margin-bottom: -3rem; }\\n\\n#Profile .pt-avatar-w {\\n display: flex;\\n justify-content: center;\\n align-items: center;\\n height: 60px;\\n width: 60px;\\n text-align: center;\\n margin: 0 auto; }\\n\\n#Profile .profile-tile-box {\\n position: relative;\\n z-index: 2; }\\n #Profile .profile-tile-box .icon-edit {\\n position: absolute;\\n display: none;\\n top: 3px;\\n left: 5px; }\\n #Profile .profile-tile-box:hover .icon-edit {\\n display: block; }\\n #Profile .profile-tile-box .status-pill {\\n position: absolute;\\n top: 3px;\\n right: 3px; }\\n\\n#Profile .profile-tile-meta .agent-role-name:after {\\n content: \\\" | \\\"; }\\n\\n#Profile .profile-tile-meta .badge-warning-inverted {\\n border: 1px solid #ffc107;\\n color: #ffc107; }\\n\\n#Profile .profile-tile-meta ul {\\n text-transform: none;\\n font-size: 1rem; }\\n\\n#Profile .profile-tile-meta .btn-sm {\\n padding: 0.25rem 0.5rem;\\n font-size: 0.775rem; }\\n\\n#RebrandForm .custom-control.default .custom-control-label::before {\\n background-color: #007bff !important;\\n border-color: #007bff !important; }\\n\\n#RebrandForm .custom-control.red .custom-control-label::before {\\n background-color: #FB404B !important;\\n border-color: #FB404B !important; }\\n\\n#RebrandForm .custom-control.green .custom-control-label::before {\\n background-color: #008e57 !important;\\n border-color: #008e57 !important; }\\n\\n#RebrandForm .custom-control.dark .custom-control-label::before {\\n background-color: #5e5e5e !important;\\n border-color: #5e5e5e !important; }\\n\\n#RebrandForm .ant-upload-select-picture-card {\\n margin: 0 auto;\\n float: none;\\n width: 200px;\\n height: 200px; }\\n\", \"\"]);\n\n// exports\n","import { createSelector } from 'reselect';\nimport { initialState } from './reducer';\n\nconst selectSearch = state => state.get('search', initialState);\n\nconst makeSelectParam = () =>\n createSelector(selectSearch, selectedState => selectedState.get('params'));\n\nconst makeSelectLoading = () =>\n createSelector(selectSearch, selectedState => selectedState.get('loading'));\n\nconst makeSelectSelectedParams = () =>\n createSelector(selectSearch, selectedState =>\n selectedState.get('selectedParams').toArray(),\n );\n\nconst makeSelectLabels = () =>\n createSelector(selectSearch, selectedState => {\n const params = selectedState.get('selectedParams').toArray();\n return params\n .map(item => {\n if (\n item.value !== undefined &&\n item.value !== null &&\n item.value.length > 0\n )\n return {\n value: item.value,\n name: item.name,\n label: item.label,\n };\n return false;\n })\n .filter(obj => obj.hasOwnProperty('value'));\n });\n\nexport {\n selectSearch,\n makeSelectLoading,\n makeSelectParam,\n makeSelectLabels,\n makeSelectSelectedParams,\n};\n","var map = {\n\t\"./af\": \"4fe50ffc7983d80569ba\",\n\t\"./af.js\": \"4fe50ffc7983d80569ba\",\n\t\"./ar\": \"3f7f6568c894fbb46c29\",\n\t\"./ar-dz\": \"0a4b0969f58fca504d02\",\n\t\"./ar-dz.js\": \"0a4b0969f58fca504d02\",\n\t\"./ar-kw\": \"9dc1adf1367a833c5dde\",\n\t\"./ar-kw.js\": \"9dc1adf1367a833c5dde\",\n\t\"./ar-ly\": \"cccb904b2f064b592b02\",\n\t\"./ar-ly.js\": \"cccb904b2f064b592b02\",\n\t\"./ar-ma\": \"d81c92a0aa9e6c084db4\",\n\t\"./ar-ma.js\": \"d81c92a0aa9e6c084db4\",\n\t\"./ar-sa\": \"dee24f02b8ecd3a36176\",\n\t\"./ar-sa.js\": \"dee24f02b8ecd3a36176\",\n\t\"./ar-tn\": \"df08077061459e88529b\",\n\t\"./ar-tn.js\": \"df08077061459e88529b\",\n\t\"./ar.js\": \"3f7f6568c894fbb46c29\",\n\t\"./az\": \"9a25880d1491856f4e1e\",\n\t\"./az.js\": \"9a25880d1491856f4e1e\",\n\t\"./be\": \"ffa801cad665eebbfdc8\",\n\t\"./be.js\": \"ffa801cad665eebbfdc8\",\n\t\"./bg\": \"c81c2298ba3a83bd3b5b\",\n\t\"./bg.js\": \"c81c2298ba3a83bd3b5b\",\n\t\"./bm\": \"0d5fb61f772f2aaaf82c\",\n\t\"./bm.js\": \"0d5fb61f772f2aaaf82c\",\n\t\"./bn\": \"fa658b93b3c6b01c668e\",\n\t\"./bn-bd\": \"e7114e48cf4eb0e1e35a\",\n\t\"./bn-bd.js\": \"e7114e48cf4eb0e1e35a\",\n\t\"./bn.js\": \"fa658b93b3c6b01c668e\",\n\t\"./bo\": \"b30d6122d9094906930a\",\n\t\"./bo.js\": \"b30d6122d9094906930a\",\n\t\"./br\": \"ee0a94b9013e4e7ae788\",\n\t\"./br.js\": \"ee0a94b9013e4e7ae788\",\n\t\"./bs\": \"89a9e5355865ee89e959\",\n\t\"./bs.js\": \"89a9e5355865ee89e959\",\n\t\"./ca\": \"0a16bdb66e0525c325dc\",\n\t\"./ca.js\": \"0a16bdb66e0525c325dc\",\n\t\"./cs\": \"b7a0f42b9110b4ba030f\",\n\t\"./cs.js\": \"b7a0f42b9110b4ba030f\",\n\t\"./cv\": \"2b90ff6f0e337e46d5d6\",\n\t\"./cv.js\": \"2b90ff6f0e337e46d5d6\",\n\t\"./cy\": \"0d0ea3473f47b0d7b396\",\n\t\"./cy.js\": \"0d0ea3473f47b0d7b396\",\n\t\"./da\": \"7a8735ec68591dea5f8e\",\n\t\"./da.js\": \"7a8735ec68591dea5f8e\",\n\t\"./de\": \"5f6fa986f8050423684e\",\n\t\"./de-at\": \"7f7e87a36ad679cf294c\",\n\t\"./de-at.js\": \"7f7e87a36ad679cf294c\",\n\t\"./de-ch\": \"f949125f8f7b0502a634\",\n\t\"./de-ch.js\": \"f949125f8f7b0502a634\",\n\t\"./de.js\": \"5f6fa986f8050423684e\",\n\t\"./dv\": \"3073d71361f604d2822a\",\n\t\"./dv.js\": \"3073d71361f604d2822a\",\n\t\"./el\": \"4130747efcded86a1698\",\n\t\"./el.js\": \"4130747efcded86a1698\",\n\t\"./en-au\": \"517cd2b76c171df54c77\",\n\t\"./en-au.js\": \"517cd2b76c171df54c77\",\n\t\"./en-ca\": \"eb450040fb739424b607\",\n\t\"./en-ca.js\": \"eb450040fb739424b607\",\n\t\"./en-gb\": \"594dc41e90bb0b4ce7b3\",\n\t\"./en-gb.js\": \"594dc41e90bb0b4ce7b3\",\n\t\"./en-ie\": \"7f1a2a614d100ed33e07\",\n\t\"./en-ie.js\": \"7f1a2a614d100ed33e07\",\n\t\"./en-il\": \"3d148bdee40eb371501e\",\n\t\"./en-il.js\": \"3d148bdee40eb371501e\",\n\t\"./en-in\": \"efab154d10d71a47a002\",\n\t\"./en-in.js\": \"efab154d10d71a47a002\",\n\t\"./en-nz\": \"a04dc64dfdfc9ac4210a\",\n\t\"./en-nz.js\": \"a04dc64dfdfc9ac4210a\",\n\t\"./en-sg\": \"c6c8169a849376a0792c\",\n\t\"./en-sg.js\": \"c6c8169a849376a0792c\",\n\t\"./eo\": \"d8aa3f4072118ba0c74b\",\n\t\"./eo.js\": \"d8aa3f4072118ba0c74b\",\n\t\"./es\": \"8dca363c55e082fe5270\",\n\t\"./es-do\": \"24f7ae66e6bdc8652fba\",\n\t\"./es-do.js\": \"24f7ae66e6bdc8652fba\",\n\t\"./es-mx\": \"45bf59610a785a7235b4\",\n\t\"./es-mx.js\": \"45bf59610a785a7235b4\",\n\t\"./es-us\": \"8c156bbc319a64186fe9\",\n\t\"./es-us.js\": \"8c156bbc319a64186fe9\",\n\t\"./es.js\": \"8dca363c55e082fe5270\",\n\t\"./et\": \"0207368f4fca00662d61\",\n\t\"./et.js\": \"0207368f4fca00662d61\",\n\t\"./eu\": \"4d24b542827f0d35c2d4\",\n\t\"./eu.js\": \"4d24b542827f0d35c2d4\",\n\t\"./fa\": \"9cf1585e02829dff5f9a\",\n\t\"./fa.js\": \"9cf1585e02829dff5f9a\",\n\t\"./fi\": \"5b8ee8fca9bd9b066e05\",\n\t\"./fi.js\": \"5b8ee8fca9bd9b066e05\",\n\t\"./fil\": \"9b23dccf1a6c4a581e0a\",\n\t\"./fil.js\": \"9b23dccf1a6c4a581e0a\",\n\t\"./fo\": \"cef1ea44f0d3f6eb36e0\",\n\t\"./fo.js\": \"cef1ea44f0d3f6eb36e0\",\n\t\"./fr\": \"74e23c69ccb5a5eec403\",\n\t\"./fr-ca\": \"f79130304d5016e13ffb\",\n\t\"./fr-ca.js\": \"f79130304d5016e13ffb\",\n\t\"./fr-ch\": \"f08607bde9b355fddbe5\",\n\t\"./fr-ch.js\": \"f08607bde9b355fddbe5\",\n\t\"./fr.js\": \"74e23c69ccb5a5eec403\",\n\t\"./fy\": \"0d86e36306113c72bd77\",\n\t\"./fy.js\": \"0d86e36306113c72bd77\",\n\t\"./ga\": \"d67fee5c3c35fb7cd073\",\n\t\"./ga.js\": \"d67fee5c3c35fb7cd073\",\n\t\"./gd\": \"d9d35cbb598c476f7045\",\n\t\"./gd.js\": \"d9d35cbb598c476f7045\",\n\t\"./gl\": \"29e2d221e75f936e25f1\",\n\t\"./gl.js\": \"29e2d221e75f936e25f1\",\n\t\"./gom-deva\": \"e231ee82d139822aa7a7\",\n\t\"./gom-deva.js\": \"e231ee82d139822aa7a7\",\n\t\"./gom-latn\": \"d91ea0088c3c0ebdc87f\",\n\t\"./gom-latn.js\": \"d91ea0088c3c0ebdc87f\",\n\t\"./gu\": \"d1841a848065084c621c\",\n\t\"./gu.js\": \"d1841a848065084c621c\",\n\t\"./he\": \"624c722243ab1968c264\",\n\t\"./he.js\": \"624c722243ab1968c264\",\n\t\"./hi\": \"061d025a8797acc49a77\",\n\t\"./hi.js\": \"061d025a8797acc49a77\",\n\t\"./hr\": \"6a0c124ead216c897c0f\",\n\t\"./hr.js\": \"6a0c124ead216c897c0f\",\n\t\"./hu\": \"dce09320209f9a044b94\",\n\t\"./hu.js\": \"dce09320209f9a044b94\",\n\t\"./hy-am\": \"39a71a00fd6cfabeef30\",\n\t\"./hy-am.js\": \"39a71a00fd6cfabeef30\",\n\t\"./id\": \"a8eb5357a53ddba4d83c\",\n\t\"./id.js\": \"a8eb5357a53ddba4d83c\",\n\t\"./is\": \"0ccb71e8f62bf567199f\",\n\t\"./is.js\": \"0ccb71e8f62bf567199f\",\n\t\"./it\": \"35f77a330b2b59f483b2\",\n\t\"./it-ch\": \"0a856ed5497f738d0cf5\",\n\t\"./it-ch.js\": \"0a856ed5497f738d0cf5\",\n\t\"./it.js\": \"35f77a330b2b59f483b2\",\n\t\"./ja\": \"239d00735eb311c1c046\",\n\t\"./ja.js\": \"239d00735eb311c1c046\",\n\t\"./jv\": \"92711492583b83951b6d\",\n\t\"./jv.js\": \"92711492583b83951b6d\",\n\t\"./ka\": \"d31914898082af20b314\",\n\t\"./ka.js\": \"d31914898082af20b314\",\n\t\"./kk\": \"83d94a8a59b81194ec02\",\n\t\"./kk.js\": \"83d94a8a59b81194ec02\",\n\t\"./km\": \"331957b72f4beeaf2d4a\",\n\t\"./km.js\": \"331957b72f4beeaf2d4a\",\n\t\"./kn\": \"a0c1a30a96f4369ead33\",\n\t\"./kn.js\": \"a0c1a30a96f4369ead33\",\n\t\"./ko\": \"6de7f88f5c7d1ec2d27f\",\n\t\"./ko.js\": \"6de7f88f5c7d1ec2d27f\",\n\t\"./ku\": \"a9d2ef0fc91d568bdfab\",\n\t\"./ku.js\": \"a9d2ef0fc91d568bdfab\",\n\t\"./ky\": \"0747c8ca89dcf60580a2\",\n\t\"./ky.js\": \"0747c8ca89dcf60580a2\",\n\t\"./lb\": \"62019114b63dbd69721a\",\n\t\"./lb.js\": \"62019114b63dbd69721a\",\n\t\"./lo\": \"c2110f526b1ce19817cc\",\n\t\"./lo.js\": \"c2110f526b1ce19817cc\",\n\t\"./lt\": \"6df32c33af3d2e5fc11c\",\n\t\"./lt.js\": \"6df32c33af3d2e5fc11c\",\n\t\"./lv\": \"55b3e93988104c60a071\",\n\t\"./lv.js\": \"55b3e93988104c60a071\",\n\t\"./me\": \"e66100575f1ac6d00d4a\",\n\t\"./me.js\": \"e66100575f1ac6d00d4a\",\n\t\"./mi\": \"fd0033b452a90713b091\",\n\t\"./mi.js\": \"fd0033b452a90713b091\",\n\t\"./mk\": \"1ffc46d9756a7dd1c823\",\n\t\"./mk.js\": \"1ffc46d9756a7dd1c823\",\n\t\"./ml\": \"18c9a4d7cd02df34341e\",\n\t\"./ml.js\": \"18c9a4d7cd02df34341e\",\n\t\"./mn\": \"c6f0bab67f50b43fe8bb\",\n\t\"./mn.js\": \"c6f0bab67f50b43fe8bb\",\n\t\"./mr\": \"48ce3e4e5fdba4499ebb\",\n\t\"./mr.js\": \"48ce3e4e5fdba4499ebb\",\n\t\"./ms\": \"d892199478d896774453\",\n\t\"./ms-my\": \"de1a2ccd001fe36ceecc\",\n\t\"./ms-my.js\": \"de1a2ccd001fe36ceecc\",\n\t\"./ms.js\": \"d892199478d896774453\",\n\t\"./mt\": \"9b8ee8b32ab81129ffce\",\n\t\"./mt.js\": \"9b8ee8b32ab81129ffce\",\n\t\"./my\": \"b403e02a2233207d0c4d\",\n\t\"./my.js\": \"b403e02a2233207d0c4d\",\n\t\"./nb\": \"cb288475654d715d144b\",\n\t\"./nb.js\": \"cb288475654d715d144b\",\n\t\"./ne\": \"89e8ae3a87cc919f89a4\",\n\t\"./ne.js\": \"89e8ae3a87cc919f89a4\",\n\t\"./nl\": \"301790a531e8a33e9796\",\n\t\"./nl-be\": \"3daa408e1685eb5e8fbd\",\n\t\"./nl-be.js\": \"3daa408e1685eb5e8fbd\",\n\t\"./nl.js\": \"301790a531e8a33e9796\",\n\t\"./nn\": \"643270e1e47cf81f688e\",\n\t\"./nn.js\": \"643270e1e47cf81f688e\",\n\t\"./oc-lnc\": \"92d0c721d19969ceab74\",\n\t\"./oc-lnc.js\": \"92d0c721d19969ceab74\",\n\t\"./pa-in\": \"5c40bc9eec89d0d6802d\",\n\t\"./pa-in.js\": \"5c40bc9eec89d0d6802d\",\n\t\"./pl\": \"a4a8376f7fdb2d708907\",\n\t\"./pl.js\": \"a4a8376f7fdb2d708907\",\n\t\"./pt\": \"6177d8a6abfd93127496\",\n\t\"./pt-br\": \"e20444730613ccb91ab4\",\n\t\"./pt-br.js\": \"e20444730613ccb91ab4\",\n\t\"./pt.js\": \"6177d8a6abfd93127496\",\n\t\"./ro\": \"b2de2f54a02115863ee5\",\n\t\"./ro.js\": \"b2de2f54a02115863ee5\",\n\t\"./ru\": \"a884f82f1fcf323b0ed1\",\n\t\"./ru.js\": \"a884f82f1fcf323b0ed1\",\n\t\"./sd\": \"60abb66915d33f1d36b4\",\n\t\"./sd.js\": \"60abb66915d33f1d36b4\",\n\t\"./se\": \"40bfee84281d9b77f113\",\n\t\"./se.js\": \"40bfee84281d9b77f113\",\n\t\"./si\": \"a975fe4573e5d9e39086\",\n\t\"./si.js\": \"a975fe4573e5d9e39086\",\n\t\"./sk\": \"e0600ff36ac1e0dece75\",\n\t\"./sk.js\": \"e0600ff36ac1e0dece75\",\n\t\"./sl\": \"46cd6d95bdea594f4775\",\n\t\"./sl.js\": \"46cd6d95bdea594f4775\",\n\t\"./sq\": \"c043969c123ab5cd2b70\",\n\t\"./sq.js\": \"c043969c123ab5cd2b70\",\n\t\"./sr\": \"77fd666a52737f1efd7b\",\n\t\"./sr-cyrl\": \"6868054dbb36f02db227\",\n\t\"./sr-cyrl.js\": \"6868054dbb36f02db227\",\n\t\"./sr.js\": \"77fd666a52737f1efd7b\",\n\t\"./ss\": \"bbaffbb41ef7f4fd8c3a\",\n\t\"./ss.js\": \"bbaffbb41ef7f4fd8c3a\",\n\t\"./sv\": \"be84e9b3b463cb96fa5a\",\n\t\"./sv.js\": \"be84e9b3b463cb96fa5a\",\n\t\"./sw\": \"c35940c6626d2bccf0f9\",\n\t\"./sw.js\": \"c35940c6626d2bccf0f9\",\n\t\"./ta\": \"73e1ad1f793625d5e923\",\n\t\"./ta.js\": \"73e1ad1f793625d5e923\",\n\t\"./te\": \"96fe0dfde527a883c0a4\",\n\t\"./te.js\": \"96fe0dfde527a883c0a4\",\n\t\"./tet\": \"73089628077a1b3908a1\",\n\t\"./tet.js\": \"73089628077a1b3908a1\",\n\t\"./tg\": \"0481860a8ba35ca9d22d\",\n\t\"./tg.js\": \"0481860a8ba35ca9d22d\",\n\t\"./th\": \"4331da7acfa5f52746d6\",\n\t\"./th.js\": \"4331da7acfa5f52746d6\",\n\t\"./tk\": \"b71b455def61f8c8e7e9\",\n\t\"./tk.js\": \"b71b455def61f8c8e7e9\",\n\t\"./tl-ph\": \"b965a0000a1179485d25\",\n\t\"./tl-ph.js\": \"b965a0000a1179485d25\",\n\t\"./tlh\": \"a42a137c2d01e40c18cd\",\n\t\"./tlh.js\": \"a42a137c2d01e40c18cd\",\n\t\"./tr\": \"183a75bd2437f11817b2\",\n\t\"./tr.js\": \"183a75bd2437f11817b2\",\n\t\"./tzl\": \"42e54a873080a091cf1e\",\n\t\"./tzl.js\": \"42e54a873080a091cf1e\",\n\t\"./tzm\": \"48caaadb1d262b8d3df6\",\n\t\"./tzm-latn\": \"d974062d0d2321cab039\",\n\t\"./tzm-latn.js\": \"d974062d0d2321cab039\",\n\t\"./tzm.js\": \"48caaadb1d262b8d3df6\",\n\t\"./ug-cn\": \"2453f05ed409711cc1e1\",\n\t\"./ug-cn.js\": \"2453f05ed409711cc1e1\",\n\t\"./uk\": \"917876f36b35aa56a2cd\",\n\t\"./uk.js\": \"917876f36b35aa56a2cd\",\n\t\"./ur\": \"9c29a77b375c4c9c03a3\",\n\t\"./ur.js\": \"9c29a77b375c4c9c03a3\",\n\t\"./uz\": \"3b78af3fb5d1ef120da2\",\n\t\"./uz-latn\": \"54ff3dc03d2cb362f2dc\",\n\t\"./uz-latn.js\": \"54ff3dc03d2cb362f2dc\",\n\t\"./uz.js\": \"3b78af3fb5d1ef120da2\",\n\t\"./vi\": \"63f81a840f588ddc77ce\",\n\t\"./vi.js\": \"63f81a840f588ddc77ce\",\n\t\"./x-pseudo\": \"51f18a209d286b73de60\",\n\t\"./x-pseudo.js\": \"51f18a209d286b73de60\",\n\t\"./yo\": \"cc6e20f395448f8d5fc0\",\n\t\"./yo.js\": \"cc6e20f395448f8d5fc0\",\n\t\"./zh-cn\": \"a25e83e8799759c246e1\",\n\t\"./zh-cn.js\": \"a25e83e8799759c246e1\",\n\t\"./zh-hk\": \"1bec13affc76a58d17d9\",\n\t\"./zh-hk.js\": \"1bec13affc76a58d17d9\",\n\t\"./zh-mo\": \"d29754b2bb9cc48d33bc\",\n\t\"./zh-mo.js\": \"d29754b2bb9cc48d33bc\",\n\t\"./zh-tw\": \"dba649134b180837c44d\",\n\t\"./zh-tw.js\": \"dba649134b180837c44d\"\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tvar id = map[req];\n\tif(!(id + 1)) { // check for number or string\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn id;\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = \"94e4968e996275b7b27a\";","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \".CustomerFields .anticon {\\n margin-left: 5px; }\\n\\n.CustomerFields .form-group {\\n padding: 5px;\\n padding-bottom: unset; }\\n .CustomerFields .form-group .required::after {\\n content: ' *';\\n color: red; }\\n\\n.CustomerFields .form-control {\\n display: block;\\n width: 100%;\\n padding: 0.375rem 0.75rem;\\n font-size: 0.9rem;\\n line-height: 1.5;\\n color: #495057;\\n background-color: #fff;\\n background-clip: padding-box;\\n border: 2px solid #dde2ec;\\n border-radius: 4px;\\n -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;\\n transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }\\n\\n.CustomerFields input::-webkit-input-placeholder {\\n color: #495057;\\n opacity: .4; }\\n\", \"\"]);\n\n// exports\n","exports = module.exports = require(\"../../../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \".InputSlider {\\n margin-top: 40px; }\\n .InputSlider .ant-slider .ant-slider-mark-text {\\n white-space: nowrap; }\\n .InputSlider .ant-slider .ant-slider-track {\\n background-color: #1b55e2; }\\n .InputSlider .ant-slider:hover .ant-slider-track {\\n background-color: #1b55e2; }\\n .InputSlider .ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) {\\n border-color: #1b55e2; }\\n .InputSlider .ant-slider .ant-slider-dot-active {\\n border-color: #1b55e2; }\\n .InputSlider .ant-slider .ant-slider-handle {\\n border-color: #1b55e2;\\n cursor: grabbing; }\\n .InputSlider .ant-slider .ant-slider-handle:focus {\\n box-shadow: 0 0 0 5px #1b55e2; }\\n\", \"\"]);\n\n// exports\n","\nvar content = require(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./styles.scss\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./styles.scss\", function() {\n\t\tvar newContent = require(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./styles.scss\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","var React = require('react');\n\nfunction Arrow (props) {\n return React.createElement(\"svg\",props,React.createElement(\"path\",{\"d\":\"M2 8l18 17L38 8v7L20 32 2 15z\",\"fill\":\"#047bf8\"}));\n}\n\nArrow.defaultProps = {\"viewBox\":\"0 0 40 40\",\"className\":\"icon color--grey-500\"};\n\nmodule.exports = Arrow;\n\nArrow.default = Arrow;\n","\nvar content = require(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./brand.scss\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./brand.scss\", function() {\n\t\tvar newContent = require(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./brand.scss\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","exports = module.exports = require(\"../../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \".Sticky-Bottom {\\n position: sticky;\\n bottom: 0; }\\n\", \"\"]);\n\n// exports\n","\nvar content = require(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./styles.scss\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./styles.scss\", function() {\n\t\tvar newContent = require(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./styles.scss\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","/*\n* QuotesReducer\n*/\n\nimport { fromJS } from 'immutable';\nimport {\n GET_QUOTATION,\n PRINT_QUOTATION,\n QUOTATION_RECEIVED,\n DISPLAY_QUOTATION_ASSISTANT,\n UPDATE_QUOTATION_STATUS,\n} from './constants';\nimport { SAVE_QUOTATION_SUCCESS, SAVE_PROPOSAL_SUCCESS } from 'components/Quotation/constants';\n\n// The initial state of the App\nexport const initialState = fromJS({\n quotation: {},\n newStatus: 'OPEN',\n quotationLoaded: false,\n displayAssistant: false,\n});\n\nfunction quotationPageReducer(state = initialState, action) {\n switch (action.type) {\n case GET_QUOTATION:\n return state\n .set('proposal_id', action.proposal_id)\n .set('loading', true);\n case PRINT_QUOTATION:\n return state.set('code', action.id);\n case UPDATE_QUOTATION_STATUS:\n return state.set('loading', true).set('newStatus', action.newStatus);\n case QUOTATION_RECEIVED:\n return state\n .set('quotation', action.quotation)\n .set('newStatus', action.quotation.status || 'OPEN')\n .set('quotationLoaded', true)\n .set('loading', false);\n case SAVE_PROPOSAL_SUCCESS:\n case SAVE_QUOTATION_SUCCESS:\n return state\n .set('quotation', action.data)\n .set('newStatus', action.data.status)\n .set('quotationLoaded', true)\n .set('loading', false);\n case DISPLAY_QUOTATION_ASSISTANT:\n return state.set('displayAssistant', action.display);\n default:\n return state;\n }\n}\n\nexport default quotationPageReducer;\n","\nvar content = require(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./styles.scss\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./styles.scss\", function() {\n\t\tvar newContent = require(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./styles.scss\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","\nvar content = require(\"!!../../../../node_modules/css-loader/index.js!../../../../node_modules/sass-loader/lib/loader.js!./item.scss\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../../node_modules/css-loader/index.js!../../../../node_modules/sass-loader/lib/loader.js!./item.scss\", function() {\n\t\tvar newContent = require(\"!!../../../../node_modules/css-loader/index.js!../../../../node_modules/sass-loader/lib/loader.js!./item.scss\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","exports = module.exports = require(\"../../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \".posts .post-box .post-text {\\n color: #3E4B5B; }\\n\", \"\"]);\n\n// exports\n","module.exports = __webpack_public_path__ + \"favicon.ico\";","/**\n * Search params constants\n * @type {string}\n */\nexport const UPDATE_PARAMS = 'ideal/components/CatalogSearch/UPDATE_PARAMS';\nexport const REMOVE_PARAM = 'ideal/components/CatalogSearch/REMOVE_PARAM';\nexport const RESET_PARAMS = 'ideal/components/CatalogSearch/RESET_PARAMS';\nexport const DOWNLOAD_OFFERS = 'ideal/components/CatalogSearch/DOWNLOAD_OFFERS';\n\nexport const FILTERS_RECEIVED =\n 'ideal/components/CatalogSearch/FILTERS_RECEIVED';\nexport const GET_FILTERS = 'ideal/components/CatalogSearch/GET_FILTERS';\n","import { createSelector } from 'reselect';\nimport { initialState } from './reducer';\n\nconst selectCatalogEdit = state => state.get('catalogEdit', initialState);\n\nconst makeSelectOfferCode = () =>\n createSelector(selectCatalogEdit, catalogEditState =>\n catalogEditState.get('code'),\n );\n\nconst makeSelectOfferId = () =>\n createSelector(selectCatalogEdit, catalogEditState =>\n catalogEditState.get('id'),\n );\n\nconst makeSelectCatalogResponse = () =>\n createSelector(selectCatalogEdit, catalogEditState =>\n catalogEditState.get('response'),\n );\n\nconst makeSelectIsLoading = () =>\n createSelector(selectCatalogEdit, catalogEditState =>\n catalogEditState.get('loading'),\n );\n\nconst makeSelectRedirect = () =>\n createSelector(selectCatalogEdit, catalogEditState =>\n catalogEditState.get('redirect'),\n );\n\nexport {\n selectCatalogEdit,\n makeSelectOfferCode,\n makeSelectOfferId,\n makeSelectIsLoading,\n makeSelectCatalogResponse,\n makeSelectRedirect,\n};\n","\nvar content = require(\"!!../../../../node_modules/css-loader/index.js!../../../../node_modules/sass-loader/lib/loader.js!./collapse.scss\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../../node_modules/css-loader/index.js!../../../../node_modules/sass-loader/lib/loader.js!./collapse.scss\", function() {\n\t\tvar newContent = require(\"!!../../../../node_modules/css-loader/index.js!../../../../node_modules/sass-loader/lib/loader.js!./collapse.scss\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","\nvar content = require(\"!!../../../../node_modules/css-loader/index.js!../../../../node_modules/sass-loader/lib/loader.js!./styles.scss\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../../node_modules/css-loader/index.js!../../../../node_modules/sass-loader/lib/loader.js!./styles.scss\", function() {\n\t\tvar newContent = require(\"!!../../../../node_modules/css-loader/index.js!../../../../node_modules/sass-loader/lib/loader.js!./styles.scss\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","/*\n* OfferChildsReducer\n*/\n\nimport { fromJS, List } from 'immutable';\nimport {\n SET_CHILD_OFFERS,\n ADD_CHILD_OFFER,\n REPLACE_CHILD_OFFER,\n REMOVE_CHILD_OFFER,\n EDIT_CHILD_OFFER,\n EDIT_CHILD_OFFER_END,\n VALIDATE_USER_INPUT,\n SET_ERROR_MESSAGE,\n RESET,\n RESET_ERRORS,\n SET_LOADING,\n} from './constants';\n\n// The initial state of the App\nexport const initialState = fromJS({\n loading: false,\n offers: [],\n hasError: false,\n errorMsg: '',\n editMode: false,\n});\n\nfunction childOffersReducer(state = initialState, action) {\n switch (action.type) {\n case SET_LOADING:\n return state.set('loading', action.loading);\n case SET_CHILD_OFFERS:\n return state.set('offers', action.offers);\n case EDIT_CHILD_OFFER:\n return state.set('editMode', action.id)\n .set('hasError', false)\n .set('errorMsg', '')\n .set('loading', false);\n case EDIT_CHILD_OFFER_END:\n return state.set('editMode', false)\n .set('hasError', false)\n .set('errorMsg', '')\n .set('loading', action.loading);\n case ADD_CHILD_OFFER:\n return state.update('offers', offers => {\n let offersList = new List(offers)\n return offersList.push({...action.offer, isChild: true}).toJS()\n }).set('loading', action.loading);\n case REPLACE_CHILD_OFFER:\n return state.update('offers', offers => {\n let offerIdx = offers.findIndex(offer => offer.ref === action.offer.ref);\n offers.splice(offerIdx, 1, action.offer);\n return offers;\n }).set('loading', action.loading);\n case REMOVE_CHILD_OFFER:\n return state.update('offers', offers => offers.filter(offer => offer.ref !== action.id)).set('loading', false);\n case VALIDATE_USER_INPUT:\n return state.set('hasError', action.hasError);\n case SET_ERROR_MESSAGE:\n return state.set('errorMsg', action.msg).set('hasError', true).set('loading', false);\n case RESET:\n return initialState;\n case RESET_ERRORS:\n return state.set('errorMsg', '').set('hasError', false);\n default:\n return state;\n }\n}\n\nexport default childOffersReducer;\n","exports = module.exports = require(\"../../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \".Interactive-List {\\n width: 100%;\\n color: #484848;\\n /*\\n & .icon {\\n display: inline;\\n width: 20px;\\n height: 15px;\\n\\n & svg {\\n width: 20px;\\n height: auto;\\n margin-bottom: .4rem;\\n margin-right: .4rem;\\n vertical-align: middle;\\n fill: $ideal-blue;\\n }\\n }\\n*/ }\\n .Interactive-List h6 {\\n word-wrap: break-word !important;\\n font-size: 16px !important;\\n font-weight: 600 !important;\\n line-height: 1.33em !important;\\n color: #404950 !important;\\n display: inline;\\n margin-top: 10px; }\\n .Interactive-List .reset {\\n font-size: 11px;\\n color: #047bf8;\\n cursor: pointer;\\n padding-right: .6rem;\\n padding-top: .2rem; }\\n .Interactive-List .reset i {\\n font-size: 10px;\\n padding-right: 2px;\\n vertical-align: text-bottom; }\\n .Interactive-List .reset:hover {\\n text-decoration: underline; }\\n .Interactive-List.with-border {\\n border-top: 1px solid #e4e4e4;\\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\\n padding-top: 10px; }\\n .Interactive-List .title {\\n width: 100%;\\n display: inline;\\n font-size: 16px;\\n font-weight: 600;\\n line-height: 1.375em;\\n color: #484848; }\\n .Interactive-List .items {\\n padding: .6rem;\\n padding-top: .2rem;\\n padding-bottom: 0 !important;\\n display: block; }\\n .Interactive-List ul {\\n padding: 0;\\n list-style-type: none;\\n margin-bottom: 0.3rem !important; }\\n .Interactive-List .show-more {\\n cursor: pointer;\\n font-size: 12px;\\n color: #047bf8;\\n padding-left: .6rem;\\n display: block; }\\n .Interactive-List .show-more svg {\\n width: 12px;\\n height: auto;\\n margin: auto;\\n padding-left: 2px;\\n vertical-align: middle; }\\n .Interactive-List .show-more .active svg {\\n transform: rotate(180deg); }\\n .Interactive-List .show-more:hover {\\n text-decoration: underline; }\\n\", \"\"]);\n\n// exports\n","export function validatePhone(phone) {\n const regex = /^[0-9]{5,10}$/;\n return regex.test(phone);\n}\n\nexport function validateFiscalCode(fiscalCode) {\n const regex = /^(?:(?:[B-DF-HJ-NP-TV-Z]|[AEIOU])[AEIOU][AEIOUX]|[B-DF-HJ-NP-TV-Z]{2}[A-Z]){2}[\\dLMNP-V]{2}(?:[A-EHLMPR-T](?:[04LQ][1-9MNP-V]|[1256LMRS][\\dLMNP-V])|[DHPS][37PT][0L]|[ACELMRT][37PT][01LM])(?:[A-MZ][1-9MNP-V][\\dLMNP-V]{2}|[A-M][0L](?:[1-9MNP-V][\\dLMNP-V]|[0L][1-9MNP-V]))[A-Z]$/i;\n return regex.test(fiscalCode);\n}\n\nexport function validateVatNumber(vatNumber) {\n const regex = /^[0-9]{11}$/;\n return regex.test(vatNumber);\n}\n\nexport function validateEmail(email) {\n const regex = /^[\\w\\-\\.]*[\\w\\.]\\@[\\w\\.]*[\\w\\-\\.]+[\\w\\-]+[\\w]\\.{1}[\\w]+[\\w $]/;\n return regex.test(email);\n}\n\nexport function validatePostalCode(postalCode) {\n const regex = /^\\d{5}$/;\n return regex.test(postalCode);\n}\n","import {\n LOGOUT,\n LOAD_USER,\n LOAD_USER_SUCCESS,\n LOAD_USER_ERROR,\n PROFILE_UPDATED_ERROR,\n UPDATE_PROFILE,\n UPDATE_PASSWORD,\n PASSWORD_UPDATED_ERROR,\n PASSWORD_UPDATED,\n REQUEST_API_KEY,\n REQUEST_API_KEY_SUCCEED,\n REQUEST_API_KEY_ERROR,\n SET_LOADING,\n TOGGLE_MEMBER,\n TOGGLE_MEMBER_SUCCEED,\n TOGGLE_MEMBER_ERROR,\n ADD_MEMBER,\n ADD_MEMBER_SUCCEED,\n ADD_MEMBER_ERROR,\n UPDATE_MEMBER,\n UPDATE_MEMBER_SUCCEED,\n UPDATE_MEMBER_ERROR,\n UPLOAD_LOGO,\n UPLOAD_LOGO_SUCCEED,\n UPLOAD_LOGO_ERROR,\n} from './constants';\nimport {AGENT_MEMBERS_LOADED, GET_AGENT_MEMBERS} from \"../Profile/constants\";\n\nexport function logout() {\n return {\n type: LOGOUT,\n };\n}\n\nexport function getUser() {\n return {\n type: LOAD_USER,\n };\n}\n\nexport function setUser(user) {\n return {\n type: LOAD_USER_SUCCESS,\n user,\n };\n}\n\nexport function loginError() {\n return {\n type: LOAD_USER_ERROR,\n };\n}\n\nexport function profileUpdatedError(errors) {\n return {\n type: PROFILE_UPDATED_ERROR,\n errors,\n };\n}\n\nexport function sendUpdateProfile(profile) {\n return {\n type: UPDATE_PROFILE,\n profile,\n };\n}\n\nexport function sendUpdatePassword(passwords) {\n return {\n type: UPDATE_PASSWORD,\n passwords,\n };\n}\n\nexport function sendRequestApiKey() {\n return {\n type: REQUEST_API_KEY,\n };\n}\n\nexport function apiKeyReceived(apiKey) {\n return {\n type: REQUEST_API_KEY_SUCCEED,\n apiKey,\n };\n}\n\nexport function apiKeyFailed(errors) {\n return {\n type: REQUEST_API_KEY_ERROR,\n errors,\n };\n}\n\nexport function toggleMember(agentId) {\n return {\n type: TOGGLE_MEMBER,\n agentId,\n };\n}\n\nexport function toggleMemberSuccess(agent) {\n return {\n type: TOGGLE_MEMBER_SUCCEED,\n agent,\n };\n}\n\nexport function toggleMemberFailed(errors) {\n return {\n type: TOGGLE_MEMBER_ERROR,\n errors,\n };\n}\n\nexport function addMember(agent) {\n return {\n type: ADD_MEMBER,\n agent,\n };\n}\n\nexport function addMemberSuccess(agent) {\n return {\n type: ADD_MEMBER_SUCCEED,\n agent,\n };\n}\n\nexport function addMemberFailed(errors) {\n return {\n type: ADD_MEMBER_ERROR,\n errors,\n };\n}\n\nexport function updateMember(agent) {\n return {\n type: UPDATE_MEMBER,\n agent,\n };\n}\n\nexport function updateMemberSuccess(agent) {\n return {\n type: UPDATE_MEMBER_SUCCEED,\n agent,\n };\n}\n\nexport function updateMemberFailed(errors) {\n return {\n type: UPDATE_MEMBER_ERROR,\n errors,\n };\n}\n\nexport function uploadLogo(file) {\n return {\n type: UPLOAD_LOGO,\n file,\n };\n}\n\nexport function uploadLogoSuccess(user) {\n return {\n type: UPLOAD_LOGO_SUCCEED,\n user,\n };\n}\n\nexport function uploadLogoFailed(errors) {\n return {\n type: UPLOAD_LOGO_ERROR,\n errors,\n };\n}\n\nexport function passwordUpdated() {\n return {\n type: PASSWORD_UPDATED,\n };\n}\n\nexport function passwordUpdatedError(errors) {\n return {\n type: PASSWORD_UPDATED_ERROR,\n errors,\n };\n}\n\nexport function setLoading(loading) {\n return {\n type: SET_LOADING,\n loading,\n };\n}\n\nexport function getMembers() {\n return {\n type: GET_AGENT_MEMBERS,\n };\n}\n\nexport function loadedMembers(members) {\n return {\n type: AGENT_MEMBERS_LOADED,\n members,\n };\n}\n","import { createSelector } from 'reselect';\nimport { initialState } from './reducer';\n\nconst selectQuotation = state => state.get('quotation', initialState);\n\nconst selectOfferSelector = state => state.get('offer', initialState);\n\nconst selectCustomizeOfferSelector = state =>\n state.get('customizeOfferSelector', initialState);\n\nconst makeSelectQuotation = () =>\n createSelector(selectQuotation, quotationState =>\n quotationState.get('quotation'),\n );\n\nconst makeSelectQuotationCode = () =>\n createSelector(selectQuotation, quotationState => quotationState.get('quotation').quotation.data.code);\n\nconst makeSelectProposalId = () =>\n createSelector(selectQuotation, quotationState => quotationState.get('proposal_id'));\n\nconst makeSelectDispalyAssistant = () =>\n createSelector(selectQuotation, quotationState =>\n quotationState.get('displayAssistant'),\n );\n\nconst makeSelectQuotationStatus = () =>\n createSelector(selectQuotation, quotationState =>\n quotationState.get('newStatus'),\n );\n\nconst makeSelectQuotationLoaded = () =>\n createSelector(selectQuotation, quotationState =>\n quotationState.get('quotationLoaded'),\n );\n\nconst makeSelectOfferSelector = () =>\n createSelector(selectCustomizeOfferSelector, quotationState =>\n quotationState.get('offer'),\n );\n\nconst makeSelectAccessoriesCodesSelector = () =>\n createSelector(selectCustomizeOfferSelector, quotationState =>\n quotationState.get('accessoriesCodes'),\n );\n\nconst makeSelectAccessoriesSelector = () =>\n createSelector(selectCustomizeOfferSelector, offerSelectorState =>\n offerSelectorState.get('accessories'),\n );\n\nconst makeSelectColorCodesSelector = () =>\n createSelector(selectCustomizeOfferSelector, quotationState =>\n quotationState.get('colorCodes'),\n );\n\nconst makeSelectColorsSelector = () =>\n createSelector(selectCustomizeOfferSelector, quotationState =>\n quotationState.get('colors'),\n );\n\nconst makeSelectServicesSelector = () =>\n createSelector(selectCustomizeOfferSelector, quotationState =>\n quotationState.get('services'),\n );\n\nconst makeSelectOriginalOffer = () =>\n createSelector(selectOfferSelector, quotationState =>\n quotationState.get('offer'),\n );\n\nconst makeSelectMonthlyRateSelector = () =>\n createSelector(selectCustomizeOfferSelector, quotationState =>\n quotationState.get('monthlyRate'),\n );\n\nexport {\n selectQuotation,\n makeSelectQuotation,\n makeSelectQuotationCode,\n makeSelectProposalId,\n makeSelectDispalyAssistant,\n makeSelectQuotationStatus,\n makeSelectQuotationLoaded,\n makeSelectOfferSelector,\n makeSelectAccessoriesCodesSelector,\n makeSelectAccessoriesSelector,\n makeSelectColorCodesSelector,\n makeSelectColorsSelector,\n makeSelectServicesSelector,\n makeSelectOriginalOffer,\n makeSelectMonthlyRateSelector,\n};\n","\nvar content = require(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./styles.scss\");\n\nif(typeof content === 'string') content = [[module.id, content, '']];\n\nvar transform;\nvar insertInto;\n\n\n\nvar options = {\"hmr\":true}\n\noptions.transform = transform\noptions.insertInto = undefined;\n\nvar update = require(\"!../../../node_modules/style-loader/lib/addStyles.js\")(content, options);\n\nif(content.locals) module.exports = content.locals;\n\nif(module.hot) {\n\tmodule.hot.accept(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./styles.scss\", function() {\n\t\tvar newContent = require(\"!!../../../node_modules/css-loader/index.js!../../../node_modules/sass-loader/lib/loader.js!./styles.scss\");\n\n\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\n\t\tvar locals = (function(a, b) {\n\t\t\tvar key, idx = 0;\n\n\t\t\tfor(key in a) {\n\t\t\t\tif(!b || a[key] !== b[key]) return false;\n\t\t\t\tidx++;\n\t\t\t}\n\n\t\t\tfor(key in b) idx--;\n\n\t\t\treturn idx === 0;\n\t\t}(content.locals, newContent.locals));\n\n\t\tif(!locals) throw new Error('Aborting CSS HMR due to changed css-modules locals.');\n\n\t\tupdate(newContent);\n\t});\n\n\tmodule.hot.dispose(function() { update(); });\n}","var React = require('react');\n\nfunction EditIcon (props) {\n return React.createElement(\"svg\",props,React.createElement(\"g\",null,React.createElement(\"path\",{\"d\":\"m468.1,43.9c-21.2-21.2-49.4-32.9-79.3-32.9-30,0-58.2,11.7-79.4,32.9l-261,261c-2.9,2.9-4.8,6.5-5.6,10.5l-31.4,161.3c-1.3,6.7 1.1,13.3 5.6,18.3 6.7,7.6 17,5.9 18.3,5.6l161.3-31.4c4-0.8 7.7-2.7 10.5-5.6l261-261c43.8-43.7 43.8-115 0-158.7zm-285.4,386.4l-125.4,24.5 24.4-125.4 207.1-207.1 101,101-207.1,207zm256.6-256.5l-20.6,20.6-101-101 20.6-20.6c45.6-40 85.8-15.2 101,0 27.8,27.8 27.8,73.1 0,101z\"})));\n}\n\nEditIcon.defaultProps = {\"version\":\"1.1\",\"viewBox\":\"0 0 512 512\",\"enableBackground\":\"new 0 0 512 512\"};\n\nmodule.exports = EditIcon;\n\nEditIcon.default = EditIcon;\n","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \".chip {\\n border: 2px solid #dde2ec;\\n background: #fff;\\n color: #495057;\\n border-radius: 4px;\\n flex: 0 0 auto;\\n cursor: pointer;\\n display: inline-block;\\n margin-right: .5rem;\\n margin-bottom: .5rem;\\n padding: .25rem .5rem;\\n font-size: .875rem; }\\n .chip:hover {\\n background: #dde2ec; }\\n .chip.active {\\n background: #1b55e2;\\n border-color: #1b55e2;\\n color: white; }\\n .chip svg {\\n margin-top: -3px;\\n width: 12px;\\n height: 12px; }\\n\\n.chip-multi-icon {\\n width: 1.6vw;\\n height: 1.6vw;\\n line-height: 1.4vw;\\n font-size: 1em;\\n padding: 0;\\n background-color: white;\\n cursor: pointer;\\n display: inline;\\n color: #047bf8; }\\n .chip-multi-icon svg {\\n width: 100%;\\n margin: auto; }\\n\", \"\"]);\n\n// exports\n","import { put, takeLatest, all, select } from 'redux-saga/effects';\nimport { quotationsLoaded, filtersLoaded } from './actions';\nimport {\n GET_QUOTATIONS,\n LOAD_FILTERS,\n UPDATE_SORT,\n REMOVE_ALL,\n REMOVE_FILTER,\n SEARCH_QUOTATIONS,\n SET_PAGE_NUMBER,\n DOWNLOAD_QUOTATIONS,\n} from './constants';\nimport { getRequestHeadersAsLogged, responseHandler } from '../../utils/auth';\nimport { makeSelectQuotationsRequest, makeSelectQuotationsParameters } from './selectors';\n\nfunction* fetchQuotations() {\n const requestURL = `${process.env.API_URL}quotations`;\n const requestBody = yield select(makeSelectQuotationsRequest());\n try {\n const parameters = {\n method: 'POST',\n headers: getRequestHeadersAsLogged(),\n body: JSON.stringify(requestBody),\n };\n\n const request = yield fetch(requestURL, parameters).then(response =>\n responseHandler(response)\n );\n\n yield put(\n quotationsLoaded(\n request.items.data,\n request.total,\n request.lastPage,\n request.currentPage,\n ),\n );\n } catch (err) {\n console.log('request error', err);\n }\n}\n\nfunction* fetchFilters() {\n const requestURL = `${process.env.API_URL}quotations/filters`;\n\n try {\n const parameters = {\n method: 'GET',\n headers: getRequestHeadersAsLogged(),\n };\n const response = yield fetch(requestURL, parameters).then(response =>\n responseHandler(response)\n );\n\n yield put(filtersLoaded(response));\n } catch (error) {\n console.log('request error', error);\n }\n}\n\nfunction* downloadQuotations() {\n const requestURL = `${process.env.API_URL}quotations/export`;\n const requestBody = yield select(makeSelectQuotationsRequest());\n\n try {\n const parameters = {\n method: 'POST',\n headers: getRequestHeadersAsLogged(),\n body: JSON.stringify(requestBody),\n };\n\n yield fetch(requestURL, parameters)\n .then(response => response.blob())\n .then(blob => download(blob, `Preventivi.xlsx`));\n } catch (error) {\n console.log('request error', error);\n }\n}\n\nfunction* actionWatcher() {\n yield takeLatest(LOAD_FILTERS, fetchFilters);\n yield takeLatest(DOWNLOAD_QUOTATIONS, downloadQuotations);\n yield takeLatest(\n [\n GET_QUOTATIONS,\n UPDATE_SORT,\n REMOVE_ALL,\n REMOVE_FILTER,\n SEARCH_QUOTATIONS,\n SET_PAGE_NUMBER,\n ],\n fetchQuotations,\n );\n}\n\nexport default function* quotationsData() {\n yield all([actionWatcher()]);\n}\n","import injectReducer from 'utils/injectReducer';\nimport injectSaga from 'utils/injectSaga';\n\nimport reducer from './reducer';\nimport saga from './saga';\n\nconst withQuotationReducer = injectReducer({ key: 'quotations', reducer });\nconst withQuotationSaga = injectSaga({ key: 'quotations', saga });\n\nexport { withQuotationSaga, withQuotationReducer };\n","exports = module.exports = require(\"../../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \".Placeholders-List-Item {\\n margin: 1rem;\\n background-color: #f2f5fe;\\n padding: 1rem;\\n text-align: center;\\n font-size: 14px;\\n border: 2px dashed #e4e4e4;\\n border-radius: 6px;\\n font-weight: 500; }\\n .Placeholders-List-Item span {\\n display: block;\\n font-size: 12px;\\n font-weight: 400; }\\n\", \"\"]);\n\n// exports\n","exports = module.exports = require(\"../../../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \".InputText {\\n width: 100%; }\\n .InputText .input-group-text {\\n background-color: white;\\n border: 0;\\n border-radius: 0;\\n border-bottom: 1px solid #dde2ec;\\n color: #484848 !important; }\\n .InputText .input-group-text .has-error {\\n border-color: #ff4a50; }\\n .InputText .form-control {\\n padding: 0.375rem 0.75rem;\\n font-size: .9rem;\\n line-height: 1.2rem;\\n color: #484848;\\n background-color: white;\\n background-clip: padding-box;\\n outline: 0;\\n border: 0;\\n border-bottom: 1px solid #dde2ec;\\n border-radius: 0; }\\n .InputText .form-control:focus {\\n box-shadow: unset; }\\n .InputText .input-group {\\n width: 65%; }\\n .InputText .input-group .has-error {\\n border-color: #e65252; }\\n .InputText .has-error {\\n color: #ff4a50; }\\n .InputText .input-feedback {\\n word-wrap: break-word;\\n font-size: .8em;\\n line-height: 1.375em;\\n width: 100%; }\\n\", \"\"]);\n\n// exports\n","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \".car-item-button-board {\\n width: 250px;\\n position: sticky;\\n top: 34px; }\\n .car-item-button-board .btn-clone {\\n background-color: #2ec58d;\\n border-color: #2ec58d;\\n color: white; }\\n .car-item-button-board .btn-clone:hover {\\n background-color: #27a677;\\n border-color: #249c6f; }\\n\", \"\"]);\n\n// exports\n","export const RESTART_ON_REMOUNT = '@@saga-injector/restart-on-remount';\nexport const DAEMON = '@@saga-injector/daemon';\nexport const ONCE_TILL_UNMOUNT = '@@saga-injector/once-till-unmount';\n","import invariant from 'invariant';\nimport { isEmpty, isFunction, isString, conformsTo } from 'lodash';\n\nimport checkStore from './checkStore';\nimport { DAEMON, ONCE_TILL_UNMOUNT, RESTART_ON_REMOUNT } from './constants';\n\nconst allowedModes = [RESTART_ON_REMOUNT, DAEMON, ONCE_TILL_UNMOUNT];\n\nconst checkKey = key =>\n invariant(\n isString(key) && !isEmpty(key),\n '(app/utils...) injectSaga: Expected `key` to be a non empty string',\n );\n\nconst checkDescriptor = descriptor => {\n const shape = {\n saga: isFunction,\n mode: mode => isString(mode) && allowedModes.includes(mode),\n };\n invariant(\n conformsTo(descriptor, shape),\n '(app/utils...) injectSaga: Expected a valid saga descriptor',\n );\n};\n\nexport function injectSagaFactory(store, isValid) {\n return function injectSaga(key, descriptor = {}, args) {\n if (!isValid) checkStore(store);\n\n const newDescriptor = {\n ...descriptor,\n mode: descriptor.mode || RESTART_ON_REMOUNT,\n };\n const { saga, mode } = newDescriptor;\n\n checkKey(key);\n checkDescriptor(newDescriptor);\n\n let hasSaga = Reflect.has(store.injectedSagas, key);\n\n if (process.env.NODE_ENV !== 'production') {\n const oldDescriptor = store.injectedSagas[key];\n // enable hot reloading of daemon and once-till-unmount sagas\n if (hasSaga && oldDescriptor.saga !== saga && oldDescriptor.task) {\n oldDescriptor.task.cancel();\n hasSaga = false;\n }\n }\n\n if (\n !hasSaga ||\n (hasSaga && mode !== DAEMON && mode !== ONCE_TILL_UNMOUNT)\n ) {\n /* eslint-disable no-param-reassign */\n store.injectedSagas[key] = {\n ...newDescriptor,\n task: store.runSaga(saga, args),\n };\n /* eslint-enable no-param-reassign */\n }\n };\n}\n\nexport function ejectSagaFactory(store, isValid) {\n return function ejectSaga(key) {\n if (!isValid) checkStore(store);\n\n checkKey(key);\n\n if (Reflect.has(store.injectedSagas, key)) {\n const descriptor = store.injectedSagas[key];\n if (descriptor.mode !== DAEMON && descriptor.task) {\n descriptor.task.cancel();\n // Clean up in production; in development we need `descriptor.saga` for hot reloading\n if (process.env.NODE_ENV === 'production') {\n // Need some value to be able to detect `ONCE_TILL_UNMOUNT` sagas in `injectSaga`\n store.injectedSagas[key] = 'done'; // eslint-disable-line no-param-reassign\n }\n }\n }\n };\n}\n\nexport default function getInjectors(store) {\n checkStore(store);\n\n return {\n injectSaga: injectSagaFactory(store, true),\n ejectSaga: ejectSagaFactory(store, true),\n };\n}\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport hoistNonReactStatics from 'hoist-non-react-statics';\n\nimport getInjectors from './sagaInjectors';\n\n/**\\\n * Dynamically injects a saga, passes component's props as saga arguments\n *\n * @param {string} key A key of the saga\n * @param {function} saga A root saga that will be injected\n * @param {string} [mode] By default (constants.RESTART_ON_REMOUNT) the saga will be started on component mount and\n * cancelled with `task.cancel()` on component un-mount for improved performance. Another two options:\n * - constants.DAEMON—starts the saga on component mount and never cancels it or starts again,\n * - constants.ONCE_TILL_UNMOUNT—behaves like 'RESTART_ON_REMOUNT' but never runs it again.\n *\n */\nexport default ({ key, saga, mode }) => WrappedComponent => {\n class InjectSaga extends React.Component {\n static WrappedComponent = WrappedComponent;\n\n static contextTypes = {\n store: PropTypes.object.isRequired,\n };\n\n static displayName = `withSaga(${WrappedComponent.displayName ||\n WrappedComponent.name ||\n 'Component'})`;\n\n componentWillMount() {\n const { injectSaga } = this.injectors;\n\n injectSaga(key, { saga, mode }, this.props);\n }\n\n componentWillUnmount() {\n const { ejectSaga } = this.injectors;\n\n ejectSaga(key);\n }\n\n injectors = getInjectors(this.context.store);\n\n render() {\n return \n {icon}{text}\n
\n );\n};\n\nsmall.defaultProps = {\n onClick: () => null,\n};\n\nsmall.propTypes = {\n text: PropTypes.string.isRequired,\n icon: PropTypes.any.isRequired,\n onClick: PropTypes.func,\n};\n\nexport default small;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport './styles.scss';\nimport small from './small';\n\nconst medium = props => {\n const { text, icon, onClick } = props;\n\n return (\n \n {label}\n {description}\n
\n );\n};\n\noffer.defaultProps = {\n description: '',\n};\n\noffer.propTypes = {\n label: PropTypes.string.isRequired,\n description: PropTypes.string,\n};\n\nexport default offer;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport './styles.scss';\n\nconst itemBox = props => {\n const { title, description, icon, isSelected, onClick, children } = props;\n\n return (\n \n {icon.length > 2 && 
}\n
\n \n );\n};\n\nitemBox.defaultProps = {\n icon: '',\n description: '',\n isSelected: false,\n};\n\nitemBox.propTypes = {\n title: PropTypes.string.isRequired,\n description: PropTypes.string,\n icon: PropTypes.string,\n isSelected: PropTypes.bool,\n onClick: PropTypes.func,\n};\n\nexport default itemBox;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Row, Col } from 'reactstrap';\nimport ItemBox from './index';\nimport './styles.scss';\n\nconst itemBoxList = props => {\n const { services } = props;\n\n return (\n {title}
\n {description}
\n {children && {children}
}\n \n \n {services.map((item, key) => (\n {item.franchise}
\n }\n />\n \n ))}\n \n \n );\n};\n\nitemBoxList.propTypes = {\n services: PropTypes.array.isRequired,\n};\n\nexport default itemBoxList;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport './styles.scss';\n\nconst list = props => {\n const { title, items, icon } = props;\n\n return (\n \n
\n );\n};\n\nlist.defaultProps = {\n icon: null,\n items: [],\n};\n\nlist.propTypes = {\n title: PropTypes.string.isRequired,\n items: PropTypes.array,\n icon: PropTypes.any,\n};\n\nexport default list;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport './styles.scss';\n\nclass PrivateNotes extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n show: false\n };\n }\n\n toggle = () => {\n this.setState(prevState => ({\n show: !prevState.show,\n }));\n };\n\n render() {\n const { title, icon, text } = this.props;\n const { show } = this.state;\n\n return (\n { icon }
\n { title }
\n - \n { items.map( (item, key) => (\n
- \n ))\n }\n
\n \n Clicca per visualizzare le note venditore\n
\n )}\n\n {show &&\n {icon}
\n \n {title}\n
\n {!show && (\n - \n \n
\n
\n );\n }\n}\n\n\nCollapse.defaultProps = {\n list: [],\n showPrice: true,\n priceMessage: 'Di Serie',\n info: '',\n withAction: false,\n closeOnAction: false,\n onActionClick: () => {},\n};\n\nCollapse.propTypes = {\n title: PropTypes.string.isRequired,\n list: PropTypes.array,\n showPrice: PropTypes.bool,\n priceMessage: PropTypes.string,\n info: PropTypes.string,\n withAction: PropTypes.bool,\n closeOnAction: PropTypes.bool,\n onActionClick: PropTypes.func,\n};\n\nexport default Collapse;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport './styles.scss';\n\nclass Downloadable extends React.Component {\n constructor(props) {\n super(props);\n this.state = {};\n }\n\n render() {\n const { src, button, binary, name } = this.props;\n return (\n \n
\n {\n show &&\n <>\n {title}
\n \n {list.map((elem, elemKey) =>\n
\n {\n info.length > 0 &&\n \n {\n hasGroups &&\n {elem.title}\n }\n
,\n )}\n - \n {elem.items.map((item, key) =>\n
- \n
\n
\n{item.description}\n \n {\n showPrice &&\n <>\n + {parseInt(item.price).toLocaleString('it')}€\n {\n withAction && !item.selected && this.handleOnActionClick(item.code)}/>\n }\n {\n withAction && item.selected && this.handleOnActionClick(item.code)}/>\n }\n \n }\n {\n !showPrice &&\n <>\n {\n ( parseInt(item.price) <= false && priceMessage.length > 0 ) &&\n <>\n {priceMessage} \n \n }\n \n }\n \n ,\n )}\n
{info}
\n }\n \n }\n \n
\n );\n }\n}\n\nDownloadable.defaultProps = {\n button: 'Scarica Immagine',\n name: 'img.jpg',\n binary: null,\n};\n\nDownloadable.propTypes = {\n button: PropTypes.string,\n src: PropTypes.string.isRequired,\n name: PropTypes.string,\n binary: PropTypes.any,\n};\n\nexport default Downloadable;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Col, Row } from 'reactstrap';\nimport { default as DownloadableImage } from '../Image/downloadable';\nimport './posts.scss';\n\nexport class Post extends React.Component {\n constructor(props) {\n super(props);\n\n }\n\n copyCodeToClipboard = () => {\n this.textArea.select();\n document.execCommand(\"copy\");\n }\n\n render() {\n const { title, description, items, hasAttachment, onClick } = this.props;\n const size = 3;\n return (\n \n \n {button}\n \n
\n \n
\n );\n }\n}\n\nPost.defaultProps = {\n items: [],\n title: '',\n onClick: () => null,\n hasAttachment: false,\n};\n\nPost.propTypes = {\n title: PropTypes.string,\n description: PropTypes.string.isRequired,\n items: PropTypes.array,\n onClick: PropTypes.func,\n hasAttachment: PropTypes.bool,\n};\n\nexport default Post;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport './simplePost.scss';\n\nconst simplePost = props => {\n const { title, hasAttachment, onClick } = props;\n return (\n \n
\n \n
\n \n \n \n {'Scarica come allegato'}\n \n \n
\n }\n
\n \n this.copyCodeToClipboard()}\n id={'MarketingCopyPost'}\n style={{cursor: 'pointer', fontWeight: 600}}\n >\n \n {' Copia'}\n \n this.textArea = textarea}\n value={description}\n readOnly={true}\n />\n
\n {title}
\n {description}\n\n \n {\n items.map(\n (item, key) =>\n \n \n )\n }\n
\n
\n {\n hasAttachment &&\n \n
\n );\n};\n\nsimplePost.defaultProps = {\n title: '',\n onClick: () => null,\n hasAttachment: false,\n};\n\nsimplePost.propTypes = {\n title: PropTypes.string,\n onClick: PropTypes.func,\n hasAttachment: PropTypes.bool,\n};\n\nexport default simplePost;\n","/*\n * InteractiveList Messages\n *\n * This contains all the text for the InteractiveList .\n */\nimport { defineMessages } from 'react-intl';\n\nexport const scope = 'app.components.UIKit.InteractiveList';\n\nexport default defineMessages({\n placeholderTitle: {\n id: `${scope}.placeholder.title`,\n defaultMessage: 'Aggiungi optional',\n },\n placeholderDescription: {\n id: `${scope}.placeholder.description`,\n defaultMessage: 'Per aggiungere optional vai nella scheda Equipaggiamenti, Optional.',\n },\n remove: {\n id: `${scope}.remove`,\n defaultMessage: 'Rimuovi tutti',\n },\n show: {\n id: `${scope}.show`,\n defaultMessage: 'Mostra tutti',\n },\n hide: {\n id: `${scope}.hide`,\n defaultMessage: 'Nascondi',\n },\n removeItem: {\n id: `${scope}.removeItem`,\n defaultMessage: 'Clicca per rimuovere',\n },\n});\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport messages from './messages';\nimport { Icon } from 'antd';\n\nimport './item.scss';\nimport 'antComponentsStyle';\n\nconst item = (props) => {\n const { text, code, symbol, price, unit, callback } = props;\n\n return (\n \n
\n \n
\n \n
\n \n \n {'Scarica PDF'}\n \n }\n
\n {title}
\n {\n hasAttachment &&\n- \n {\n items.map((item, key) =>\n
- ,\n )\n }\n
callback()}>\n {title}\n {description}\n
\n );\n};\n\n\nitem.defaultProps = {\n description: '',\n callback: () => {\n },\n};\n\nitem.propTypes = {\n title: PropTypes.string.isRequired,\n description: PropTypes.string,\n callback: PropTypes.func,\n};\n\nexport default item;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport messages from './messages';\n\nimport { Row, Col } from 'reactstrap';\nimport { Icon } from 'antd';\nimport List from './items';\nimport {default as PlaceholderListItem} from '../Placeholders/ListItem';\n\nimport './style.scss';\nimport 'antComponentsStyle';\n\nclass InteractiveList extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n showAll: false,\n };\n this.handleOnShowAllClick = this.handleOnShowAllClick.bind(this);\n }\n\n handleOnShowAllClick() {\n this.setState({ showAll: !this.state.showAll });\n }\n\n\n render() {\n const { title, withBorder, withPlaceholder, limit, items, itemCallback, removeAllCallback } = this.props;\n const { showAll } = this.state;\n\n const className = \"Interactive-List\";\n\n const hasItems = items.length > false;\n const hasManyItems = items.length > limit;\n\n let visibleItems = [...items];\n if ( !showAll )\n visibleItems = visibleItems.splice(0, limit );\n\n\n return (\n \n {title &&\n \n
\n
\n );\n }\n}\n\n\nInteractiveList.defaultProps = {\n withBorder: true,\n withPlaceholder: true,\n limit: 3,\n items: [],\n itemCallback: () => {},\n removeAllCallback: () => {},\n};\n\nInteractiveList.propTypes = {\n withBorder: PropTypes.bool,\n withPlaceholder: PropTypes.bool,\n limit: PropTypes.number,\n itemCallback: PropTypes.func,\n removeAllCallback: PropTypes.func,\n items: PropTypes.arrayOf(PropTypes.shape({\n price: PropTypes.number.isRequired,\n code: PropTypes.string.isRequired,\n description: PropTypes.string.isRequired,\n short_description: PropTypes.string,\n standard_description: PropTypes.string,\n })),\n};\n\nexport default InteractiveList;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Icon } from 'antd';\n\nimport './styles.scss';\n\nexport class CollapseItem extends React.PureComponent {\n constructor(props) {\n super(props);\n\n this.state = {\n open: props.isOpen,\n };\n\n this.togglePanel = this.togglePanel.bind(this);\n }\n\n componentDidUpdate(prevProps, prevState) {\n if (this.props.isOpen !== prevProps.isOpen) {\n this.setState({ open: this.props.isOpen });\n }\n }\n\n togglePanel() {\n this.setState({ open: !this.state.open });\n }\n\n render() {\n const { title, children, description, withSpace, hasError, errorMessage, hasHtml, onClick } = this.props;\n\n const onClickHandler = () => {\n if (typeof onClick === 'function') {\n onClick()\n }\n\n this.togglePanel()\n }\n\n return (\n <>\n {title}
\n }\n\n
\n { this.state.open && withSpace ? \n \n {title}\n {hasError &&\n <>\n
\n\n {hasHtml ?\n \n :\n {children}
\n }\n : null }\n \n );\n }\n}\n\nCollapseItem.defaultProps = {\n description: '',\n isOpen: false,\n withSpace: true,\n hasError: false,\n hasHtml: false,\n};\n\nCollapseItem.propTypes = {\n title: PropTypes.string.isRequired,\n children: PropTypes.any.isRequired,\n description: PropTypes.string,\n withSpace: PropTypes.bool,\n isOpen: PropTypes.bool,\n hasError: PropTypes.bool,\n hasHtml: PropTypes.bool,\n onClick: PropTypes.func,\n};\n\nexport default CollapseItem;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Button } from 'antd';\n\nimport './styles.scss';\n\nconst index = props => {\n const { text, onClick, className, disabled } = props;\n\n return (\n \n );\n};\n\nindex.defaultProps = {\n className: '',\n disabled: false,\n};\n\nindex.propTypes = {\n text: PropTypes.string.isRequired,\n onClick: PropTypes.func.isRequired,\n className: PropTypes.string,\n disabled: PropTypes.bool,\n};\n\nexport default index;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport FormButton from './index';\nimport './styles.scss';\n\nconst submit = props => (\n \n \n {text}\n \n );\n};\n\nindex.defaultProps = {\n onClick: () => null,\n osIcon: 'os-icon-plus-circle',\n btnClass: 'btn-grey',\n};\n\nindex.propTypes = {\n text: PropTypes.string.isRequired,\n osIcon: PropTypes.string.isRequired,\n btnClass: PropTypes.string,\n onClick: PropTypes.func,\n};\n\nexport default index;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport './styles.scss';\n\nconst toggle = props => {\n const { status, title, onClick, dataAttribute } = props;\n\n return (\n \n \n {items.map((item, key) => (\n {item} \n ))}\n \n }\n trigger={triggerEvents}\n >\n \n \n );\n};\n\nindex.defaultProps = {\n // files: [],\n title: 'Carica i file',\n description: 'Carica i file',\n};\n\nindex.propTypes = {\n title: PropTypes.string,\n description: PropTypes.string,\n// files: PropTypes.array,\n};\n\nexport default index;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport './styles.scss';\n\nconst flexSection = props => {\n const { title, children, description } = props;\n return (\n callback(value) }\n data-value={value}\n data-key={id}\n >\n \n {title}\n {\n unit.length > 0 &&\n { ' ' } { unit } \n }\n\n \n {\n description &&\n \n {React.isValidElement(description) ? description : `${description}`}\n \n }\n
\n );\n};\n\n\nitem.defaultProps = {\n id: '',\n unit: '',\n isActive: false,\n disabled: false,\n callback: () => {},\n};\n\nitem.propTypes = {\n title: PropTypes.any.isRequired,\n id: PropTypes.string,\n unit: PropTypes.string,\n description: PropTypes.node,\n isActive: PropTypes.bool,\n disabled: PropTypes.bool,\n callback: PropTypes.func\n};\n\nexport default item;\n\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Row, Col } from 'reactstrap';\nimport Item from './Item';\nimport './style.scss';\n\nconst selectOption = (props) => {\n const {title, items, active, withBorder, callback, colSize, id, label } = props;\n\n let className = \"Select-Option\";\n\n if(withBorder)\n className += ' with-border';\n\n if(!active)\n className += ' disabled';\n\n return (\n \n
\n );\n};\n\ntoggle.defaultProps = {\n onClick: () => null,\n title: '',\n dataAttribute: '',\n};\n\ntoggle.propTypes = {\n status: PropTypes.bool.isRequired,\n title: PropTypes.string,\n onClick: PropTypes.func,\n dataAttribute: PropTypes.string,\n};\n\nexport default toggle;\n","import React from 'react';\nimport { Menu, Dropdown, Icon } from 'antd';\n\nimport 'antComponentsStyle';\n\nconst ThreeVerticalDots = () => (\n \n);\n\nconst DropdownMenu = ({ trigger, items }) => {\n let triggerEvents;\n\n if (trigger && Array.isArray(trigger)) {\n triggerEvents = trigger;\n } else if (trigger) {\n triggerEvents = [trigger];\n } else {\n triggerEvents = ['click'];\n }\n\n return (\n \n
\n \n \n \n \n {symbol}\n \n \n )}\n \n {hasError &&\n errorMsg.length > 0 && (\n
\n );\n};\n\ninputText.defaultProps = {\n value: null,\n placeholder: 'Inserisci un valore',\n onChange: () => null,\n symbol: '',\n hasError: false,\n errorMsg: 'Il valore inserito non è valido',\n};\ninputText.propTypes = {\n name: PropTypes.any.isRequired,\n value: PropTypes.any,\n symbol: PropTypes.string,\n onChange: PropTypes.func,\n hasError: PropTypes.bool,\n errorMsg: PropTypes.string,\n placeholder: PropTypes.string,\n};\n\nexport default inputText;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n Input as ReactstrapInput,\n} from 'reactstrap';\nimport './styles.scss';\n\nconst Select = props => {\n const {\n name,\n items,\n value,\n onChange,\n hasError,\n errorMsg,\n } = props;\n\n items.unshift({value: null, label: ''})\n\n return (\n {errorMsg}
\n )}\n \n \n {items.map(({value, label}) =>\n \n )}\n \n {hasError &&\n errorMsg.length > 0 && (\n
\n );\n};\n\nSelect.defaultProps = {\n value: null,\n onChange: () => null,\n hasError: false,\n errorMsg: 'Il valore inserito non è valido',\n};\nSelect.propTypes = {\n name: PropTypes.any.isRequired,\n items: PropTypes.arrayOf(PropTypes.shape({\n value: PropTypes.any.isRequired,\n label: PropTypes.any.isRequired,\n })).isRequired,\n value: PropTypes.any,\n onChange: PropTypes.func,\n hasError: PropTypes.bool,\n errorMsg: PropTypes.string,\n};\n\nexport default Select;\n","import React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useDropzone } from 'react-dropzone';\n\nimport './styles.scss';\n\nconst index = props => {\n const { title, description } = props;\n\n const [files, setFiles] = useState([]);\n const { getRootProps, getInputProps } = useDropzone({\n accept: 'image/*',\n onDrop: acceptedFiles => {\n setFiles(\n acceptedFiles.map(file =>\n Object.assign(file, {\n preview: URL.createObjectURL(file),\n }),\n ),\n );\n },\n });\n\n const thumbsContainer = {\n display: 'flex',\n flexDirection: 'row',\n flexWrap: 'wrap',\n marginTop: 16,\n };\n\n const thumb = {\n display: 'inline-flex',\n borderRadius: 2,\n border: '1px solid #eaeaea',\n marginBottom: 8,\n marginRight: 8,\n width: 100,\n height: 100,\n padding: 4,\n boxSizing: 'border-box',\n };\n\n const thumbInner = {\n display: 'flex',\n minWidth: 0,\n overflow: 'hidden',\n };\n\n const img = {\n display: 'block',\n width: 'auto',\n height: '100%',\n };\n\n const thumbs = files.map(file => (\n {errorMsg}
\n )}\n \n
\n ));\n\n useEffect(\n () => () => {\n // Make sure to revoke the data uris to avoid memory leaks\n files.forEach(file => URL.revokeObjectURL(file.preview));\n },\n [files],\n );\n\n return (\n \n 
\n
\n \n \n
\n \n Drag 'n' drop some files here, or click to select files
\n\n {title &&\n
\n );\n};\n\nflexSection.defaultProps = {\n description: '',\n};\nflexSection.propTypes = {\n title: PropTypes.string,\n description: PropTypes.string,\n children: PropTypes.any.isRequired,\n};\n\nexport default flexSection;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport './item.scss';\n\nconst item = (props) => {\n const { title, value, unit, id, description, isActive, callback, disabled } = props;\n let className = 'Item';\n if (isActive && !disabled)\n className += ' active';\n\n if (disabled)\n className += ' disabled';\n\n className += ' ' + id;\n\n return (\n {title}
\n }\n \n {description.length > 0 && (\n
\n {description}
\n )}\n {children}\n \n \n {\n items.map((item, index) =>\n
\n
\n );\n};\n\n\nselectOption.defaultProps = {\n id: '',\n subtitle: '',\n active: false,\n withBorder: true,\n colSize: 3,\n callback: () => {},\n label: '',\n};\n\nselectOption.propTypes = {\n title: PropTypes.string.isRequired,\n id: PropTypes.string,\n items: PropTypes.arrayOf(PropTypes.shape({\n label: PropTypes.any,\n value: PropTypes.any.isRequired,\n unit: PropTypes.string,\n selected: PropTypes.bool.isRequired,\n disabled: PropTypes.bool,\n description: PropTypes.node\n })).isRequired,\n active: PropTypes.bool,\n withBorder: PropTypes.bool,\n colSize: PropTypes.number,\n callback: PropTypes.func,\n label: PropTypes.string\n};\n\nexport default selectOption;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport './clickableItem.scss';\n\nconst clickableItem = (props) => {\n const { title, id, description, additionalText, value, isActive, callback } = props;\n let className = 'ClickableItem ' + id;\n\n if (isActive){\n className += ' active';\n }\n\n let descriptionText = description;\n\n if (value > 0) {\n descriptionText = `${value}€ al mese`;\n } else {\n descriptionText = additionalText;\n }\n\n return (\n \n \n {\n label.length > 0 &&\n {label}\n }\n
\n\n \n {items.map((item, index) =>\n \n {item.hasOwnProperty('min_quantity') && item.min_quantity !== item.max_quantity ?\n item.id === selectedItem.id )}\n callback={callback}\n options={range(item.min_quantity, item.max_quantity)}\n />\n :\n item.id === selectedItem.id )}\n callback={callback}\n />\n }\n \n )}\n
\n
\n );\n};\n\nselectOptions.defaultProps = {\n id: '',\n withBorder: true,\n colSize: 6,\n callback: () => {},\n};\n\nselectOptions.propTypes = {\n title: PropTypes.string.isRequired,\n id: PropTypes.string,\n items: PropTypes.arrayOf(\n PropTypes.shape({\n slug: PropTypes.string.isRequired,\n name: PropTypes.string.isRequired,\n description: PropTypes.string,\n price: PropTypes.any,\n callback: PropTypes.func,\n }),\n ).isRequired,\n selected: PropTypes.any.isRequired,\n withBorder: PropTypes.bool,\n colSize: PropTypes.number,\n callback: PropTypes.func,\n};\n\nexport default selectOptions;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport './styles.scss';\n\nconst index = props => {\n const { html } = props;\n return (\n \n );\n};\n\n\nindex.defaultProps = {};\n\nindex.propTypes = {\n html: PropTypes.any.isRequired,\n};\n\nexport default index;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport './style.scss';\n\nconst badge = (props) => {\n const { title } = props;\n\n return (\n {title}\n );\n};\n\n\nbadge.propTypes = {\n title: PropTypes.string.isRequired,\n};\n\nexport default badge;\n","import React from 'react';\nimport { Tag as AntTag } from 'antd';\n\nimport 'antComponentsStyle';\nimport './styles.scss';\n\nconst typeColors = {\n info: 'rgb(4, 123, 248)',\n success: 'rgb(133, 199, 81)',\n alert: 'rgb(230, 82, 82)',\n}\n\nconst Tag = ({type, text}) =>