\n {this.props.label ? : null}\n\n {this.props.type ? generateInput() : generateTextarea()}\n\n {this.props.autolocation ? generateLocationButtons() : null}\n\n {(this.props.tooltip || this.props.error) ? generateTooltip(this.props.error ? this.props.error : this.props.tooltip) : null}\n
\n );\n }\n}\n\nexport default Field;\n","import React from 'react';\n\nconst Button = props =>\n props.href ? : ;\n\nexport default ({ text, href, classNames, disabled, onClick }) => {\n return (\n \n );\n};\n","'use strict';\n\nfunction checkDCE() {\n /* global __REACT_DEVTOOLS_GLOBAL_HOOK__ */\n if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ === 'undefined' || typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE !== 'function') {\n return;\n }\n if (process.env.NODE_ENV !== 'production') {\n // This branch is unreachable because this function is only called\n // in production, but the condition is true only in development.\n // Therefore if the branch is still here, dead code elimination wasn't\n // properly applied.\n // Don't change the message. React DevTools relies on it. Also make sure\n // this message doesn't occur elsewhere in this function, or it will cause\n // a false positive.\n throw new Error('^_^');\n }\n try {\n // Verify that the code above has been dead code eliminated (DCE'd).\n __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(checkDCE);\n } catch (err) {\n // DevTools shouldn't crash React, no matter what.\n // We should still report in case we break this code.\n console.error(err);\n }\n}\nif (process.env.NODE_ENV === 'production') {\n // DCE check should happen before ReactDOM bundle executes so that\n // DevTools can report bad minification during injection.\n checkDCE();\n module.exports = require('./cjs/react-dom.production.min.js');\n} else {\n module.exports = require('./cjs/react-dom.development.js');\n}","var prefix = require('prefix-style');\nvar toCamelCase = require('to-camel-case');\nvar cache = {\n 'float': 'cssFloat'\n};\nvar addPxToStyle = require('add-px-to-style');\nfunction style(element, property, value) {\n var camel = cache[property];\n if (typeof camel === 'undefined') {\n camel = detect(property);\n }\n\n // may be false if CSS prop is unsupported\n if (camel) {\n if (value === undefined) {\n return element.style[camel];\n }\n element.style[camel] = addPxToStyle(camel, value);\n }\n}\nfunction each(element, properties) {\n for (var k in properties) {\n if (properties.hasOwnProperty(k)) {\n style(element, k, properties[k]);\n }\n }\n}\nfunction detect(cssProp) {\n var camel = toCamelCase(cssProp);\n var result = prefix(camel);\n cache[camel] = cache[cssProp] = cache[result] = result;\n return result;\n}\nfunction set() {\n if (arguments.length === 2) {\n if (typeof arguments[1] === 'string') {\n arguments[0].style.cssText = arguments[1];\n } else {\n each(arguments[0], arguments[1]);\n }\n } else {\n style(arguments[0], arguments[1], arguments[2]);\n }\n}\nmodule.exports = set;\nmodule.exports.set = set;\nmodule.exports.get = function (element, properties) {\n if (Array.isArray(properties)) {\n return properties.reduce(function (obj, prop) {\n obj[prop] = style(element, prop || '');\n return obj;\n }, {});\n } else {\n return style(element, properties || '');\n }\n};","function setCookie(name, value, days) {\n let date = new Date();\n date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));\n const expires = `expires=${date.toUTCString()}`;\n document.cookie = `${name}=${value};${expires};path=/`;\n}\n\nfunction getCookie(name) {\n const result = document.cookie.match(new RegExp(name + '=([^;]+)'));\n return result ? JSON.parse(decodeURIComponent(result[1].replace(/\\+/g, \"%20\"))) : result;\n}\n\nexport { setCookie, getCookie };\n","import React from 'react'\nimport PropTypes from 'prop-types'\n\nclass Stepper extends React.Component {\n constructor(props) {\n super(props)\n this.state = { val: props.initialValue || 0 }\n }\n\n emitValue(val) {\n if (this.props.onValueUpdate) {\n this.props.onValueUpdate(val)\n }\n }\n\n changeValue(val, verify = false) {\n this.setState({ val })\n\n if (verify) {\n this.verifyValue(val)\n }\n }\n\n verifyValue(unchecked = this.state.val) {\n const { min, max, step } = this.props\n const val = Math.max(Math.min(max, Math.ceil(unchecked / step) * step), min)\n\n this.setState({ val })\n this.emitValue(val)\n }\n\n onStepperClick(decrease) {\n this.changeValue(\n this.state.val + (decrease ? -1 : 1) * this.props.step,\n true\n )\n }\n\n /* 'jak mierzyć okno' w funkcji poniżej pod {this.props.label && ...} {this.props.help && }*/\n\n render() {\n return (\n \n \n {this.renderHeader()}\n\n {this.renderDescription()}\n\n {this.renderCollapsibleContent()}\n\n {this.renderActions()}\n \n );\n }\n}\n\nAgent.propTypes = {\n isSelected: PropTypes.bool,\n isOpen: PropTypes.bool,\n markerIcon: PropTypes.string,\n markerIconSpecial: PropTypes.string,\n name: PropTypes.string,\n email: PropTypes.string,\n address: PropTypes.string,\n address2: PropTypes.string,\n phoneNumber: PropTypes.string,\n priceRangeFrom: PropTypes.number,\n contactHours: PropTypes.string,\n description: PropTypes.string,\n reviewSummary: PropTypes.string,\n starIcon: PropTypes.string\n};\n\nexport default Agent;\n","//= require shared/helpers/findInArray\n//= require shared/helpers/flatMap\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\n\nimport ProductOverview from './ProductOverview'\nimport Button from './Button'\n\nimport debounce from './../helpers/debounce'\nimport { CSSTransitionGroup } from 'react-transition-group'\n\nclass CheckoutCart extends React.Component {\n removalTimeout = null\n\n constructor(props) {\n super(props)\n\n this.state = this.newState(props)\n }\n\n toggleCheckbox = () => {\n this.setState({ rulesAccepted: !this.state.rulesAccepted })\n }\n\n newState = (props) => ({\n deletedVariantIds: [],\n projectItems: props.projectItems,\n summary: this.calculateSummary(props.projectItems),\n installationCost: props.installationCost,\n agent: props.initialAgent,\n rulesAccepted: false,\n })\n\n UNSAFE_componentWillReceiveProps(nextProps, nextContext) {\n console.log(this.state)\n this.setState(this.newState(nextProps))\n }\n\n setInstallationCost = (agent, project_items) => {\n let installationCost = 0\n\n project_items.forEach((i) => {\n i.variants.forEach((v) => {\n installationCost += this.getInstallationCost(i, agent) * v.quantity\n })\n })\n\n this.setState({\n installationCost: installationCost ? parseFloat(installationCost) : null,\n })\n }\n\n getInstallationCost = (product, agent) => {\n let product_id = product ? product.product_id : null\n let agent_id = agent ? agent.id : null\n var installationCost = 0\n\n $.ajax({\n url:\n '/api/project_product?product_id=' +\n product_id +\n '&agent_id=' +\n agent_id,\n type: 'get',\n dataType: 'json',\n processData: false,\n async: false,\n }).done(function (data) {\n installationCost += data\n })\n\n return installationCost\n }\n\n calculateSummary(projectItems, ommitedVariantId) {\n const variants = flatMap(projectItems, (i) => i.variants)\n const ommittedVariantIndex = ommitedVariantId\n ? variants.findIndex((v) => v.id === ommitedVariantId)\n : -1\n\n if (ommittedVariantIndex > -1) {\n variants.splice(ommittedVariantIndex, 1)\n }\n\n return variants.reduce(\n (acc, variant) => acc + parseFloat(variant.discounted_total_price),\n 0\n )\n }\n\n callVariantUpdate = debounce((id, quantity) => {\n $.ajax({\n type: 'PATCH',\n url: `/api/project_items/${id}`,\n data: { quantity },\n success: () => {\n window.dispatchEvent(new CustomEvent('cartShouldUpdate'))\n },\n })\n }, 500)\n\n callVariantRemove = (id) => {\n $.ajax({\n type: 'DELETE',\n url: `/api/project_items/${id}`,\n success: () => {\n window.dispatchEvent(new CustomEvent('cartShouldUpdate'))\n },\n })\n }\n\n updateVariant = (value, id, projectItemId) => {\n const newProjectItems = [...this.state.projectItems]\n const projectItem = findInArray(newProjectItems, projectItemId, 'item_id')\n const variant = findInArray(projectItem.variants, id, 'id')\n\n variant.quantity = value\n\n this.setState({\n projectItems: newProjectItems,\n summary: this.calculateSummary(newProjectItems),\n })\n\n this.callVariantUpdate(id, value)\n\n this.props.setInstallationCost\n ? this.props.setInstallationCost(\n this.state.agent,\n this.state.projectItems\n )\n : this.setInstallationCost(this.state.agent, this.state.projectItems)\n }\n\n removeVariant = (id, projectItemId) => {\n this.setState({\n summary: this.calculateSummary(this.state.projectItems, id),\n deletedVariantIds: [...this.state.deletedVariantIds, id],\n })\n\n this.removalTimeout = setTimeout(() => {\n let newProjectItems = [...this.state.projectItems]\n const projectItem = findInArray(newProjectItems, projectItemId, 'item_id')\n\n projectItem.variants = projectItem.variants.filter((v) => v.id !== id)\n\n if (projectItem.variants.length <= 0) {\n newProjectItems = newProjectItems.filter(\n (i) => i.item_id !== projectItemId\n )\n }\n\n this.setState({\n projectItems: newProjectItems,\n summary: this.calculateSummary(newProjectItems),\n })\n\n this.props.setInstallationCost\n ? this.props.setInstallationCost(\n this.state.agent,\n this.state.projectItems\n )\n : this.setInstallationCost(this.state.agent, this.state.projectItems)\n\n this.callVariantRemove(id)\n }, 3000)\n }\n\n restoreVariant = () => {\n clearTimeout(this.removalTimeout)\n\n this.setState({\n summary: this.calculateSummary(this.state.projectItems),\n })\n }\n\n isCartEmpty = () => this.state.projectItems.length <= 0\n\n finalize = () => {\n const items = [...this.state.projectItems].reduce((acc, item) => {\n const variants = item.variants.filter(\n (variant) =>\n this.state.deletedVariantIds.indexOf(variant.variant_id) < 0\n )\n if (variants.length) {\n acc.push({ ...item, variants })\n }\n return acc\n }, [])\n\n this.props.onFinalize(items)\n }\n\n generateHeader = () => {\n const headerProperties = [\n { label: 'first', properties: ['product'] },\n { label: 'second', properties: ['description'] },\n {\n label: 'third',\n properties: ['count', 'dimensions', 'price', 'delete'],\n },\n ]\n\n const cartHeader = {\n product: 'Produkt',\n description: 'Opis',\n count: 'Sztuki',\n dimensions: 'Wymiary',\n price: 'Kwota',\n delete: 'Usuń',\n }\n\n return (\n
\n )\n }\n\n generateProjectItems = (projectItems) => {\n const transitionProperties = {\n transitionName: 'disappear',\n transitionEnterTimeout: 600,\n transitionLeaveTimeout: 600,\n component: 'ul',\n className: 'checkout-cart__products',\n }\n\n return (\n {this.onArrowClick(true);}} />\n\n \n \n
\n );\n }\n\n renderActions = () => {\n const isExpandable = !!this.props.description;\n\n if (this.props.href) {\n return (\n {this.onArrowClick(false);}} />\n
\n );\n }\n}\n\nScrollbarsHorizontal.propTypes = {\n style: PropTypes.object,\n};\n\nexport default ScrollbarsHorizontal;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport DOMPurify from 'dompurify';\nimport { setCookie, getCookie } from './../helpers/cookieService';\n\nclass Agent extends React.Component {\n locationCookieSetup = {\n name: 'userLocation',\n days: 30,\n };\n\n constructor(props) {\n super(props);\n this.state = {\n isOpen: false,\n contentHeight: 0\n };\n }\n\n componentDidMount() {\n this.refs.agent.addEventListener('transitionend', (event) => {\n if (event.target === this.refs.agent && this.state.isOpen) {\n this.setState({ contentHeight: this.refs.content && this.state.isOpen ? this.refs.content.clientHeight : 0 });\n }\n }, true);\n }\n\n toggleIsOpen = () => {\n this.setState({ isOpen: !this.state.isOpen });\n };\n\n renderHeader = () => {\n if (getCookie(this.locationCookieSetup.name)) {\n return (\n \n {this.props.name}\n {this.props.reviewSummary ?
\n {this.props.distance ? `${this.props.distance} km` : ''}\n
\n );\n } else {\n return (\n {this.props.name}\n {this.props.reviewSummary ? 
{this.props.reviewSummary} : ''}\n
\n {this.props.distance ? `${this.props.distance} km` : ''}\n \n {this.props.name}\n {this.props.reviewSummary ?
\n
\n );\n }\n }\n\n renderDescription = () => {\n return (\n {this.props.name}\n {this.props.reviewSummary ? {this.props.reviewSummary} : ''}\n
\n \n \n \n\n \n {this.props.priceRangeFrom && this.props.priceRangeFrom ? montaż od {this.props.priceRangeFrom} zł : ''}\n\n {(this.props.contactHours) && }\n \n
\n );\n }\n\n renderCollapsibleContent = () => {\n return (\n {this.props.address}
\n\n{this.props.address2}
\n \n {this.props.phoneNumber}\n \n\n {this.props.description &&
\n \n
}\n\n {this.props.responseTime && O nas
\n\n \n\n
}\n Czas realizacji projektów
\n\n\n Realizujemy zapytania w ciągu {this.props.responseTime}h od otrzymania wiadomości\n
\n\n Zobacz wizytówkę\n
\n );\n }\n\n return (\n \n {this.props.onAgentClick(this.props.isSelected ? null : this.props.id);}}\n className={`button ${this.props.isSelected ? '' : 'button--bordered'}`}\n >\n {this.props.isSelected ? 'wybrano' : 'wybierz'}\n \n\n {isExpandable && }\n
\n );\n }\n\n render() {\n return (\n \n {headerProperties.map((p) => {\n return (\n \n {p.properties.map((pr) => (\n \n {cartHeader[pr]}\n \n ))}\n
\n )\n })}\n \n
\n )\n\n generateEmptyState = () => (\n \n {`Podana kwota/wartość ma wyłącznie cel informacyjny i nie stanowi oferty w rozumieniu Kodeksu Cywilnego. Po wykonaniu dokładnych pomiarów okien przez Sprzedawcę będzie możliwe określenie wyceny i przedstawienie oferty.`}\n
\n {`Wycena nie zobowiązuje cię do żadnych płatności. Przekazane informacje pomogą nam lepiej przygotować się do kontaktu z tobą.`}\n
\n {`Szacowana kwota:`} {summary}\n {`zł`}\n \n {this.state.agent\n ? this.state.installationCost\n ? '+ koszt montażu od %{price} ' +\n this.state.installationCost +\n ' zł'\n : '+ cena montażu ustalana indywidualnie'\n : '+ koszt montażu'}\n \n
\n\n {`wróć do strony głównej`}\n
\n )\n\n generateActions = () => {\n return (\n {`Usunięto wszystkie produkty`}
\n\n{`Przejdź do strony głównej i przejrzyj ponownie katalog naszych produktów.`}
\n\n\n
\n )\n }\n\n render() {\n return (\n \n
\n \n {this.generateSummary(priceForHumans(this.state.summary))}\n\n {this.generateActions()}\n
\n )}\n \n )\n }\n}\n\nCheckoutCart.propTypes = {\n projectItems: PropTypes.array,\n contained: PropTypes.bool,\n onFinalize: PropTypes.func,\n installationCost: PropTypes.number,\n setInstallationCost: PropTypes.func,\n initialAgent: PropTypes.object,\n}\n\nCheckoutCart.defaultProps = {\n projectItems: [],\n contained: false,\n installationCost: null,\n}\n\nexport default CheckoutCart\n","'use strict';\n\nvar _CSSTransitionGroup = require('./CSSTransitionGroup');\nvar _CSSTransitionGroup2 = _interopRequireDefault(_CSSTransitionGroup);\nvar _TransitionGroup = require('./TransitionGroup');\nvar _TransitionGroup2 = _interopRequireDefault(_TransitionGroup);\nfunction _interopRequireDefault(obj) {\n return obj && obj.__esModule ? obj : {\n default: obj\n };\n}\nmodule.exports = {\n TransitionGroup: _TransitionGroup2.default,\n CSSTransitionGroup: _CSSTransitionGroup2.default\n};","import PropTypes from 'prop-types'\nimport React from 'react'\nimport Picker from './Picker'\nimport ScrollbarsHorizontal from './ScrollbarsHorizontal'\n\nclass ProductPreview extends React.Component {\n references = {\n overlays: [],\n container: null,\n background: null\n }\n\n blockingImageKeys = ['background', 'frame', 'material', 'mechanism']\n\n constructor(props) {\n super(props)\n this.state = {\n scale: 465 / 500,\n isLoading: true,\n zoomActive: false\n }\n }\n\n componentDidUpdate(prevProps) {\n if (\n this.blockingImageKeys.some(\n (key) =>\n (prevProps.selection[key] && prevProps.selection[key].path) !==\n (this.props.selection[key] && this.props.selection[key].path)\n )\n ) {\n this.setState({ isLoading: true })\n }\n }\n\n componentDidMount() {\n this.attachImagesOnload()\n this.rescale()\n window.addEventListener('resize', this.rescale.bind(this))\n }\n\n attachImagesOnload() {\n const refs = this.references\n const allOverlaysComplete = () =>\n Object.keys(refs.overlays).every((key) => refs.overlays[key].complete) &&\n refs.background.complete\n const onAllReady = () => {\n if (refs.background.complete && allOverlaysComplete()) {\n this.setState({ isLoading: false }, this.props.onImagesReady)\n }\n }\n\n Object.keys(refs.overlays).forEach((key) => {\n refs.overlays[key].onload = () => {\n onAllReady()\n }\n })\n\n refs.background.onload = () => {\n onAllReady()\n this.rescale()\n }\n }\n\n rescale() {\n const refs = this.references\n\n if (refs.background.complete) {\n const scale =\n refs.container.getBoundingClientRect().height /\n refs.background.naturalHeight\n\n if (scale !== this.state.scale) {\n this.setState({ scale })\n }\n }\n }\n\n render() {\n const { selection } = this.props\n\n const generateOverlay = (property) => (\n \n (this.references.background = n)}\n className='product-preview__background'\n src={selection.background ? selection.background.path : ''}\n alt={selection.background ? selection.background.name : ''}\n style={{\n transform: `translate(-50%, -50%) scale(${this.state.scale})`\n }}\n />\n\n \n {generateOverlay('frame')}\n {generateOverlay('material')}\n {generateOverlay('mechanism')}\n
\n \n\n \n {'-' + this.props.percentage_discount_sum + ' %'}\n
\n ) : (\n ''\n )}\n\n {this.state.zoomActive && (\n \n
\n )}\n\n \n \n\n Sprzedawca skontaktuje się z Tobą bezpośrednio po wysłaniu przez Ciebie projektu.\n\n
\n );\n\n generateAddressField = () => (\n \n {this.generateAddressField()}\n\n \n \n\n
\n );\n\n render() {\n const transitionProperties = {\n transitionName: 'fade',\n transitionEnterTimeout: 600,\n transitionLeaveTimeout: 600,\n component: 'ul',\n className: 'checkout-agent__agents'\n };\n\n const generateShowMoreButton = () => {\n return (\n \n ));\n\n return (\n {this.props.selectedAgentId ? 'Twój wybrany sprzedawca to:' : 'Sprzedawcy najbliżej Ciebie to:'}
\n\n {generatePickerTiles(this.props.items)}\n
\n \n );\n }\n}\n\nPicker.propTypes = {\n items: PropTypes.array,\n onItemClick: PropTypes.func,\n additionalClasses: PropTypes.string,\n iconClasses: PropTypes.string\n};\n\nexport default Picker;\n","import React from 'react';\n\nimport CheckoutAgent from './CheckoutAgent';\n\nclass ProductAgent extends CheckoutAgent {\n renderActions = () => null;\n\n generateHeader = () => (\n \n {this.generateAddressField()}\n\n
\n );\n\n propTypes = super.propTypes;\n defaultProps = super.defaultProps;\n}\n\nexport default ProductAgent;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport ProductPreview from './ProductPreview';\nimport ScrollbarsHorizontal from './ScrollbarsHorizontal';\n\nclass ProductConfigurator extends React.Component {\n transparencies = { '0': 'Transparentny', '1': 'Półprzezroczysty', '2': 'Zaciemniający' };\n\n render() {\n const generateFolderHeading = (stage, label = '', index) => {\n return (\n \n {`Koszty montażu zależą od specjalisty, którego wybierzesz. Wpisz poniżej adres montażu - pozwoli on nam przydzielić Ci specjalistę w Twojej okolicy`}\n
\n{item.name}
\n\n {stage !== this.props.stages.group &&\n {(item.price && item.price > 0 ? priceForHumans(item.price) + 'zł' : '')}\n
}\n \n ))\n );\n };\n\n const generateGroupedItems = (stage, groupBy, inline = false) => {\n const stageKey = stage.toLowerCase();\n\n let items = this.props.state.data[`${stageKey}s`];\n if (this.props.state.selection.group && (stage === this.props.stages.material)) {\n items = items.filter(item => item.group === this.props.state.selection.group.id);\n }\n\n const groupedItems = !groupBy ? items : items.reduce((acc, item) => {\n const kind = item[groupBy];\n if (acc.hasOwnProperty(kind)) {\n acc[kind].items.push(item);\n } else {\n acc[kind] = { label: this.transparencies[kind], items: [item] };\n }\n return acc;\n }, {});\n\n if (inline) {\n return (\n- \n {Object.keys(groupedItems).map(key => (\n
- \n
{groupedItems[key].label}
\n\n- \n {generateItems(stage, groupedItems[key].items)}\n
\n ))}\n
{groupedItems[key].label}
\n\n- \n {generateItems(stage, groupedItems[key].items)}\n
- \n
\n \n \n
\n\n - \n {itemsList}\n
\n {generateButton('prev')}\n {generateButton('next')}\n
\n );\n };\n\n return (\n \n
\n\n \n - \n {generateFolderHeading(this.props.stages.group, this.props.colorGroupName, '01')}\n {generateFolderHeading(this.props.stages.material, this.props.colorName, '02')}\n {generateFolderHeading(this.props.stages.mechanism, this.props.productSystemName, '03')}\n
- \n {generateFolderContent(this.props.stages.group)}\n {generateFolderContent(this.props.stages.material, 'transparency_level')}\n {generateFolderContent(this.props.stages.mechanism)}\n