\r\n {renderCategories()}\r\n {selectedCategory && subCategoriesFiltered.length > 0 &&\r\n renderSubCategories()\r\n }\r\n {renderPriceFilter()}\r\n
\r\n \r\n {items.map((item) => renderItem(item))}\r\n \r\n \r\n {productsLoading &&
\r\n);\r\n\r\n const renderNoItems = () => (\r\n \r\n No se encontraron productos\r\n \r\n );\r\n\r\n const getUrls = () => {\r\n const urls = [url];\r\n if (category) {\r\n const categoryUrl = `${url}/${category.code}`;\r\n urls.push(categoryUrl);\r\n }\r\n return urls;\r\n };\r\n\r\n const getNames = () => {\r\n const names = [name];\r\n if (category) {\r\n names.push(category.name);\r\n }\r\n return names;\r\n };\r\n\r\n const renderLoading = () => (\r\n \r\n
\r\n );\r\n\r\n const renderMainContent = () => (\r\n \r\n
\r\n
\r\n
\r\n {renderFilter()}\r\n
\r\n {items.length > 0 && renderItemsWithPagination()}\r\n {items.length === 0 && !productsLoading && renderNoItems()}\r\n {items.length === 0 && productsLoading && renderLoading()}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {loading && renderLoading()}\r\n {!loading && renderMainContent()}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n );\r\n\r\n const renderFilter = () => {\r\n return (\r\n \r\n
\r\n
\r\n
\r\n
setFilterPanelOpen(!filterPanelOpen)} >\r\n \r\n Filtrar\r\n \r\n \r\n
\r\n
\r\n Mostrando\r\n {' '}\r\n {itemsFiltered?.length || 0}\r\n {' '}\r\n artículos\r\n \r\n \r\n
\r\n {filterPanelOpen && (\r\n
\r\n
\r\n )}\r\n
\r\n {Object.keys(combinations)?.map((id) => {\r\n const color = colors.find(({ stock_description_id }) => stock_description_id === Number(id));\r\n const descriptions = combinations[id];\r\n return (\r\n \r\n
\r\n (data.descriptionId === color.id && data.wholesale.id === wholesale.id ))}\r\n storageSub={cartItemSubDescriptions.find((data) => (data.descriptionId === color.id && data.wholesale.id === wholesale.id))}\r\n othersWholesale={cartItemDescriptions.filter((data) => (data.descriptionId === color.id && data.wholesale.id !== wholesale.id))}\r\n othersWholesaleSub={cartItemSubDescriptions.filter((data) => (data.descriptionId === color.id && data.wholesale.id !== wholesale.id))}\r\n />\r\n \r\n {descriptions.map((description) => (\r\n \r\n {((description.stock > 0 && !wholesale.bool) || (description.stock >= wholesale.quantity && wholesale.bool)) && (\r\n \r\n (data.descriptionId === description.id && data.wholesale.id === wholesale.id))}\r\n storageSub={cartItemSubDescriptions.find((data) => (data.descriptionId === description.id && data.wholesale.id === wholesale.id))}\r\n othersWholesale={cartItemDescriptions.filter((data) => (data.descriptionId === description.id && data.wholesale.id !== wholesale.id))}\r\n othersWholesaleSub={cartItemSubDescriptions.filter((data) => (data.descriptionId === description.id && data.wholesale.id !== wholesale.id))}\r\n />\r\n \r\n )}\r\n \r\n ))}\r\n \r\n );\r\n })}\r\n \r\n );\r\n }\r\n if (item.stock > 0) {\r\n return (\r\n \r\n (otherProduct.quantity))}\r\n />\r\n \r\n );\r\n }\r\n\r\n return Sin stock ;\r\n };\r\n\r\n return (\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n {images.map((image, index) => (\r\n \r\n \r\n ))}\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n {item.name}\r\n \r\n \r\n
\r\n
\r\n { \r\n item.product_wholesaler.length > 0 ? (\r\n <>\r\n
setWholesale({id: 0, bool: false, quantity: 0})} role=\"presentation\" className={!wholesale.bool ? 'circular-button-selected circular-button' : 'circular-button'}>\r\n \r\n Precio estandar\r\n \r\n \r\n {item.product_wholesaler.map((prod, index) => (\r\n <>\r\n
setWholesale({id: prod.id, bool: true, quantity: prod.quantity})} role=\"presentation\" className={(wholesale.bool && wholesale.id == prod.id) ? 'circular-button-selected circular-button' : 'circular-button'}>\r\n \r\n Precio por {prod.quantity} \r\n \r\n \r\n \r\n ))}\r\n \r\n )\r\n : (\r\n <>\r\n
\r\n \r\n Precio estandar\r\n \r\n \r\n \r\n )\r\n }\r\n
\r\n
\r\n { !wholesale.bool && item.sale ?
{` ${Math.round(100 - (item.sale / item.price) * 100)}% OFF `}
:
}\r\n
\r\n { (item.product_wholesaler.length > 0) ? \r\n (wholesale.bool ?\r\n (
\r\n {`$${(findProductWholesale(wholesale.id)).toLocaleString('de-DE')}`}\r\n
) : \r\n (
\r\n {`$${item.price.toLocaleString('de-DE')}`}\r\n
)\r\n )\r\n : \r\n
\r\n {`$${item.sale ? item.sale.toLocaleString('de-DE') : item.price.toLocaleString('de-DE')}`}\r\n {!!item.sale && {`$${item.price.toLocaleString('de-DE')}`} }\r\n
\r\n }\r\n {!!item.price_by_unit && \r\n
\r\n {`Precio por unidad: $${item.price_by_unit.toLocaleString('de-DE')}`}\r\n
}\r\n
\r\n
\r\n
\r\n {renderProductQuantitySelector()}\r\n
\r\n
\r\n
{item.description} \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {/* eslint-disable-next-line jsx-a11y/label-has-associated-control */}\r\n \r\n {renderInput()}\r\n {renderRadioDiv()}\r\n \r\n {touched && (error && {error} )}\r\n
\r\n );\r\n }\r\n\r\n if (isCheckbox) {\r\n return (\r\n \r\n
\r\n {renderInput()}\r\n {label} \r\n
\r\n {touched && (error &&
{error} )}\r\n
\r\n {!isTextArea && renderInput()}\r\n {isTextArea && (\r\n {error} )}\r\n
\r\n );\r\n};\r\n\r\nInput.defaultProps = {\r\n formGroupClassName: '',\r\n inputClassName: '',\r\n isTextArea: false,\r\n renderRadioDiv: () => {},\r\n type: 'text',\r\n disabled: false,\r\n onKeyPress: () => {},\r\n};\r\n\r\nInput.propTypes = {\r\n formGroupClassName: PropTypes.string,\r\n input: PropTypes.shape({\r\n name: PropTypes.string,\r\n }).isRequired,\r\n inputClassName: PropTypes.string,\r\n isTextArea: PropTypes.bool,\r\n label: PropTypes.string.isRequired,\r\n meta: PropTypes.shape({\r\n touched: PropTypes.bool,\r\n error: PropTypes.string,\r\n }).isRequired,\r\n renderRadioDiv: PropTypes.func,\r\n type: PropTypes.string,\r\n disabled: PropTypes.bool,\r\n onKeyPress: PropTypes.func,\r\n};\r\n\r\nexport default Input;\r\n","import Input from './Input';\r\n\r\nexport default Input;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport ReCAPTCHA from 'react-google-recaptcha';\r\n\r\nimport { RECAPTCHA_SITE_KEY } from 'constants/configs';\r\n\r\nconst Captcha = (props) => {\r\n const {\r\n formGroupClassName, input, meta: { touched, error },\r\n } = props;\r\n\r\n return (\r\n \r\n {error} )}\r\n
\r\n );\r\n};\r\n\r\nCaptcha.defaultProps = {\r\n formGroupClassName: '',\r\n};\r\n\r\nCaptcha.propTypes = {\r\n formGroupClassName: PropTypes.string,\r\n input: PropTypes.shape({\r\n onChange: PropTypes.func.isRequired,\r\n }).isRequired,\r\n meta: PropTypes.shape({\r\n touched: PropTypes.bool,\r\n error: PropTypes.string,\r\n }).isRequired,\r\n};\r\n\r\nexport default Captcha;\r\n","import Captcha from './Captcha';\r\n\r\nexport default Captcha;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Field, reduxForm } from 'redux-form';\r\n\r\nimport Breadcrumb from 'components/commons/Breadcrumb';\r\nimport Benefit from 'components/commons/Benefit';\r\nimport Loading from 'components/commons/Loading';\r\nimport Input from 'components/commons/Input';\r\nimport Captcha from 'components/commons/Captcha';\r\nimport Button from 'components/commons/Button';\r\n\r\nimport './Contact.scss';\r\n\r\nconst validate = (values) => {\r\n const errors = {};\r\n if (!values.first_name) {\r\n errors.first_name = 'Nombre inválido';\r\n }\r\n if (!values.last_name) {\r\n errors.last_name = 'Apellido inválido';\r\n }\r\n /* istanbul ignore next */\r\n if (!values.email || !/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,4}$/i.test(values.email)) {\r\n errors.email = 'Email inválido';\r\n }\r\n if (!values.message) {\r\n errors.message = 'Mensaje inválido';\r\n }\r\n if (!values.captcha) {\r\n errors.captcha = 'Captcha inválido';\r\n }\r\n return errors;\r\n};\r\n\r\nconst Contact = (props) => {\r\n const {\r\n handleSubmit, loading, minimumPurchase, onSubmit, submitting,\r\n } = props;\r\n\r\n const renderContactForm = () => (\r\n \r\n );\r\n\r\n const renderLoading = () => (\r\n \r\n
\r\n );\r\n\r\n return (\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Información \r\n
\r\n Teléfono: \r\n +54 9 11 3489-2506 \r\n
\r\n
\r\n
\r\n Dirección: \r\n \r\n Adolfo dickman 1046\r\n \r\n
\r\n
\r\n
\r\n
Contáctenos \r\n
\r\n Estamos aquí para ayudar y responder cualquier pregunta que pueda tener\r\n
\r\n {loading && renderLoading()}\r\n {!loading && renderContactForm()}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n {color.stock_descriptions.name}\r\n \r\n {' - '}\r\n {descriptions.map(({ description, quantity: amount }, index) => (\r\n \r\n {description.id === color.id ? amount : `${description.stock_descriptions.name}: ${amount}${index === descriptions.length - 1 ? '' : ', '}`}\r\n \r\n ))}\r\n \r\n );\r\n };\r\n return (\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n
Resumen de la compra \r\n
\r\n {items.map(({\r\n item, quantity, colors, subItems, subItemsDescriptions,\r\n }) => !!item && (\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n {item.name}\r\n \r\n \r\n \r\n \r\n {item.description}\r\n \r\n \r\n {colors && (\r\n \r\n {Object.values(subItemsDescriptions).some((value) => typeof value === 'object' && Object.keys(value).length > 0)\r\n && (\r\n <>\r\n {Object.values(subItemsDescriptions).map((subItemDescription) => (\r\n <>\r\n { Object.keys(subItemDescription).length > 0\r\n && (\r\n
\r\n {findIDProductWholesale(subItemDescription, item)} \r\n {Object.entries(subItemDescription).map(([descriptionId, descriptionArray]) => renderDescriptions(descriptionArray, colors, item, descriptionId))}\r\n
\r\n )}\r\n \r\n ))}\r\n \r\n )}\r\n
\r\n \r\n {subItem.wholesale.id > 0 ? `Precio por ${subItem.wholesale.quantity} -` : 'Precio Mayorista -'}\r\n {' '}\r\n \r\n \r\n {`$${(subItem.wholesale.id > 0 ? (findProductWholesale(subItem.wholesale.id, item)) : item.price).toLocaleString('de-DE')}`}\r\n \r\n
\r\n \r\n \r\n {`Cantidad: ${subItem.quantity}`}\r\n \r\n \r\n \r\n ))}\r\n \r\n )\r\n }\r\n { !(item.product_wholesaler.length > 0)\r\n && (item.stock_product_descriptions.length === 0) && (\r\n <>\r\n \r\n \r\n Precio mayorista -\r\n \r\n \r\n {(item.product_wholesaler.length === 0) && (`$${item.sale ? item.sale.toLocaleString('de-DE') : item.price.toLocaleString('de-DE')}`)}\r\n {!!item.sale && (item.product_wholesaler.length === 0) && {`$${item.price.toLocaleString('de-DE')}`} }\r\n {(item.product_wholesaler.length > 0) && (`$${item.price.toLocaleString('de-DE')}`)}\r\n \r\n
\r\n \r\n \r\n {`Cantidad: ${quantity}`}\r\n \r\n \r\n \r\n )}\r\n \r\n
\r\n
\r\n
\r\n
\r\n ))}\r\n
\r\n
\r\n \r\n Subtotal:\r\n {discount === null\r\n ? (\r\n \r\n {`$${subtotalValue.toFixed(2)}`}\r\n \r\n )\r\n : (\r\n \r\n {`$${subtotalValue.toFixed(2)}`}\r\n \r\n )}\r\n \r\n \r\n Descuentos\r\n \r\n {\r\n !coupon ? (\r\n discount != null\r\n && (\r\n <>\r\n {getLocalStorage('percentage')}\r\n %\r\n \r\n )\r\n ) : (\r\n <>\r\n {discount != null ? (`CUPÓN ${coupon.percentage ? (`${coupon.percentage}%`) : (`$${coupon.amount} y ${getLocalStorage('percentage')}%:`)} `) : (`CUPÓN ${coupon.percentage ? (`${coupon.percentage}%`) : (`$${coupon.amount}`)} `)}\r\n \r\n )\r\n }\r\n \r\n \r\n \r\n Costo de envío:\r\n \r\n {shippingText}\r\n \r\n \r\n
\r\n \r\n Total:\r\n {\r\n discount === null\r\n ? (\r\n \r\n {`$${(totalValueWithoutDiscount + subTotEnv).toFixed(2) }`}\r\n \r\n )\r\n : (\r\n \r\n {\r\n coupon?.percentage ? (\r\n `$${(totalValueWithPercetage + subTotEnv).toFixed(2) }`\r\n ) : (\r\n `$${(totalValueWithDiscount + subTotEnv).toFixed(2) }`\r\n )\r\n }\r\n \r\n )\r\n }\r\n\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {loading &&
}\r\n {!loading && (\r\n showCart ? (\r\n <>\r\n
\r\n {renderForm()}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {`* Compra mínima: $${minimumPurchase}`}\r\n \r\n \r\n \r\n ) : (\r\n
\r\n
\r\n El carrito está vacío\r\n \r\n \r\n )\r\n )}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n event.preventDefault()}\r\n />\r\n {touched && (error && {error} )}\r\n
\r\n );\r\n};\r\n\r\nSelect.defaultProps = {\r\n formGroupClassName: '',\r\n inputClassName: '',\r\n disabled: false,\r\n};\r\n\r\nSelect.propTypes = {\r\n formGroupClassName: PropTypes.string,\r\n input: PropTypes.shape({\r\n name: PropTypes.string,\r\n onBlur: PropTypes.func,\r\n onChange: PropTypes.func,\r\n value: PropTypes.string,\r\n }).isRequired,\r\n inputClassName: PropTypes.string,\r\n label: PropTypes.string.isRequired,\r\n meta: PropTypes.shape({\r\n touched: PropTypes.bool,\r\n error: PropTypes.string,\r\n }).isRequired,\r\n disabled: PropTypes.bool,\r\n options: PropTypes.arrayOf(PropTypes.shape({\r\n label: PropTypes.string,\r\n value: PropTypes.string,\r\n })).isRequired,\r\n};\r\n\r\nexport default Select;\r\n","import Select from './Select';\r\n\r\nexport default Select;\r\n","import React, { useEffect, memo, useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Field, reduxForm } from 'redux-form';\r\n\r\nimport { userPropTypes } from 'helpers/propTypes';\r\n\r\nimport Avatar from '@material-ui/core/Avatar';\r\nimport ShoppingCart from '@material-ui/icons/ShoppingCart';\r\n\r\nimport Input from 'components/commons/Input';\r\nimport Button from 'components/commons/Button';\r\nimport Select from 'components/commons/Select';\r\n\r\nimport './DeliveryForm.scss';\r\nimport { getProvinces } from 'services/user.services';\r\n\r\nconst validate = (values) => {\r\n const errors = {};\r\n if (!values.first_name) {\r\n errors.first_name = 'Nombre inválido';\r\n }\r\n if (!values.last_name) {\r\n errors.last_name = 'Apellido inválido';\r\n }\r\n if (!values.email || !/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,4}$/i.test(values.email)) {\r\n errors.email = 'Dirección de email inválida';\r\n }\r\n if (!values.id_card || !/^[0-9]*$/i.test(values.id_card)) {\r\n errors.id_card = 'DNI inválido';\r\n }\r\n if (!values.phone || !/^(54)?[1-9]\\d{9}$/i.test(values.phone)) {\r\n errors.phone = 'Número inválido (Ej: 541123456789)';\r\n }\r\n if (!values.locality) {\r\n errors.locality = 'Localidad inválida';\r\n }\r\n if (!values.province) {\r\n errors.province = 'Provincia inválida';\r\n }\r\n return errors;\r\n};\r\n\r\nconst DeliveryForm = (props) => {\r\n const {\r\n handleSubmit, initialize, onSubmit, submitting, user,\r\n /* couponText, setCouponText, onSubmitCoupon, coupon, emailComplete, */\r\n setEmailComplete, validationEmailCoupon, setEmailCoupon,\r\n } = props;\r\n const [provinces, setProvinces] = useState([]);\r\n const options = provinces.map((province) => ({ label: province.name, value: province.name }));\r\n\r\n const callProvinces = async () => {\r\n try {\r\n const responce = await getProvinces();\r\n setProvinces(responce.items);\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n callProvinces();\r\n if (user) {\r\n initialize({ ...user });\r\n setEmailComplete(true);\r\n setEmailCoupon(user.email);\r\n }\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [user, setEmailComplete, setEmailCoupon]);\r\n\r\n /*\r\n const onKeyPress = (event) => {\r\n if (event.key === 'Enter') {\r\n onSubmitCoupon();\r\n }\r\n };\r\n */\r\n\r\n return (\r\n \r\n
\r\n
\r\n
\r\n \r\n
Envío a domicilio \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
Método de envío \r\n
\r\n )}\r\n type=\"button\"\r\n onClick={handleSubmit(onSecureCheckoutClick)}\r\n buttonClass=\"btn-block secure-checkout-button\"\r\n disabled={submitting}\r\n />\r\n )}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
Retiro en sucursal IadaTrade (Adolfo dickman 1046) \r\n
\r\n )}\r\n type=\"button\"\r\n onClick={handleSubmit(onSecureCheckoutClick)}\r\n buttonClass=\"btn-block secure-checkout-button\"\r\n disabled={submitting}\r\n />\r\n )}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
Actualizar perfil \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
Actualizar contraseña \r\n
\r\n
\r\n
\r\n
\r\n
\r\n );\r\n\r\n return (\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n {loading && renderLoading()}\r\n {!loading && renderForms()}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n {titles.map((title, index) => (\r\n // eslint-disable-next-line react/no-array-index-key\r\n {title} \r\n ))}\r\n \r\n \r\n \r\n {rows.map(renderRow)}\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nCustomTable.defaultProps = {\r\n size: 'medium',\r\n};\r\n\r\nCustomTable.propTypes = {\r\n renderRow: PropTypes.func.isRequired,\r\n rows: PropTypes.arrayOf(PropTypes.object).isRequired,\r\n size: PropTypes.string,\r\n titles: PropTypes.arrayOf(PropTypes.string).isRequired,\r\n};\r\n\r\nexport default CustomTable;\r\n","import CustomTable from './CustomTable';\r\n\r\nexport default CustomTable;\r\n","import React, { useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport { orderPropTypes } from 'helpers/propTypes';\r\n\r\nimport {\r\n TableRow, TableCell, IconButton, Collapse, Box, Typography,\r\n} from '@material-ui/core';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport KeyboardArrowDownIcon from '@material-ui/icons/KeyboardArrowDown';\r\nimport KeyboardArrowUpIcon from '@material-ui/icons/KeyboardArrowUp';\r\n\r\nimport CustomTable from 'components/commons/CustomTable';\r\nimport Button from 'components/commons/Button';\r\n\r\nconst useRowStyles = makeStyles({\r\n root: {\r\n '& > *': {\r\n borderBottom: 'unset',\r\n },\r\n },\r\n});\r\n\r\nconst PurchaseHistoryRow = (props) => {\r\n const {\r\n onRepeatAllProductsClick, onRepeatProductClick, purchase,\r\n onDownloadOrderPDF,\r\n } = props;\r\n const [open, setOpen] = useState(false);\r\n const classes = useRowStyles();\r\n\r\n const KeyboardArrowIcon = open ? KeyboardArrowUpIcon : KeyboardArrowDownIcon;\r\n\r\n return (\r\n <>\r\n \r\n \r\n setOpen(!open)}\r\n size=\"small\"\r\n >\r\n \r\n {purchase.orderId} \r\n {purchase.date} \r\n {purchase.paymentMethod} \r\n {purchase.state} \r\n \r\n $\r\n {purchase.total}\r\n \r\n \r\n onDownloadOrderPDF(purchase.orderId)}\r\n text={ \r\n \r\n onRepeatAllProductsClick(purchase)}\r\n text=\"Repetir todo el pedido\"\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Productos\r\n \r\n (\r\n \r\n {product.name} \r\n \r\n $\r\n {product.price}\r\n \r\n {product.quantity} \r\n \r\n $\r\n {Math.round(product.quantity * product.price * 100) / 100}\r\n \r\n \r\n product.stock}\r\n onClick={() => onRepeatProductClick(product)}\r\n text=\"Repetir producto\"\r\n />\r\n \r\n \r\n )}\r\n rows={purchase.products}\r\n size=\"small\"\r\n titles={['Producto', 'Precio unitario', 'Cantidad', 'Total', '']}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nPurchaseHistoryRow.propTypes = {\r\n onRepeatAllProductsClick: PropTypes.func.isRequired,\r\n onRepeatProductClick: PropTypes.func.isRequired,\r\n onDownloadOrderPDF: PropTypes.func.isRequired,\r\n purchase: orderPropTypes.isRequired,\r\n};\r\n\r\nexport default PurchaseHistoryRow;\r\n","import PurchaseHistoryRow from './PurchaseHistoryRow';\r\n\r\nexport default PurchaseHistoryRow;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport { purchaseHistoryArrayPropTypes } from 'helpers/propTypes';\r\n\r\nimport Breadcrumb from 'components/commons/Breadcrumb';\r\nimport Loading from 'components/commons/Loading';\r\nimport CustomTable from 'components/commons/CustomTable';\r\nimport Benefit from 'components/commons/Benefit';\r\n\r\nimport PurchaseHistoryRow from './components';\r\n\r\nconst PurchaseHistory = (props) => {\r\n const {\r\n loading, minimumPurchase, onRepeatAllProductsClick, onRepeatProductClick, purchaseHistory,\r\n onDownloadOrderPDF,\r\n } = props;\r\n\r\n const renderRow = (purchase) => (\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n {loading &&
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n { catalogs.length > 0\r\n ? (\r\n
\r\n \r\n \r\n {catalogsState.map((catalog, i) => (\r\n \r\n handleLinkClick(i)}>\r\n {catalog.title}\r\n \r\n \r\n \r\n \r\n ))}\r\n \r\n \r\n \r\n {catalogs.map((catalog, i) => (\r\n \r\n \r\n \r\n ))}\r\n \r\n \r\n
\r\n \r\n )\r\n :
No hay catalogos disponibles }\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Soñás con algo personalizado? \r\n
Nosotros lo hacemos realidad \r\n
\r\n
\r\n
\r\n
CORTES INDUSTRIALES ESCUADRADOS CON LA MAS ABSOLUTA PRECISIÓN \r\n
\r\n
\r\n
\r\n
SISTEMA COMPUTARIZADO QUE ASEGURA EL MEJOR APROVECHAMIENTO DEL MATERIAL \r\n
\r\n
\r\n
\r\n
OBTENGA SUS PIEZAS PERFORADAS A ESCALA INDUSTRIAL LISTAS PARA ENSAMBLAR \r\n
\r\n
\r\n
\r\n
VARIEDAD EN TAPACANTOS, MELAMINICOS, PVC, ABS, ALUMINIO, SERVICIO DE PEGADO Y GRAN VARIEDAD EN PRENCOLADOS \r\n
\r\n
\r\n
\r\n
LAS PIEZAS PUEDEN TOMAR VARIADAS FORMAS YA QUE AHORA ES POSIBLE REALIZAR CUALQUIER MODELO \r\n
\r\n
\r\n
\r\n
PERFORACIONES DE BISAGRAS, UN SERVICIO MÁS QUE OFRECEMOS PARA SU COMODIDAD \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
En IadaTrade pensamos en Usted. Por eso le ofrecemos soluciones prácticas para que pueda construir todo lo que se imagina sin complicaciones. Excelentes servicios, con excelentes resultados.
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n Nos destacamos por las\r\n {' '}\r\n ventas mayoristas \r\n {' '}\r\n gracias a nuestro amplio catálogo y stock permanente.\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Preguntas frecuentes \r\n
\r\n Para obtener una respuesta inmediata, podés entrar a las siguientes preguntas\r\n {' '}\r\n frecuentes, donde encontrarás información sobre las cuestiones más consultadas:\r\n
\r\n
\r\n
\r\n
\r\n ¿TIENEN NEGOCIO A LA CALLE?\r\n setOpenHowToBuy(!openHowToBuy)}\r\n aria-expanded={openHowToBuy}\r\n data-testid=\"expand-how-to-buy\"\r\n />\r\n \r\n
\r\n \r\n
\r\n \r\n Nuestro local esta ubicado en Adolfo dickman 1046.\r\n \r\n Nuestro horario de atención es de lunes a viernes de 8 a 18hs. \r\n \r\n
\r\n
\r\n
\r\n
\r\n ¿ME TENGO QUE REGISTAR PARA PODER HACER UNA COMPRA?\r\n setOpenShipping(!openShipping)}\r\n aria-expanded={openShipping}\r\n data-testid=\"expand-shipping\"\r\n />\r\n \r\n
\r\n \r\n
\r\n \r\n No es necesario que te registres para hacer el pedido. Aunque luego de\r\n {' '}\r\n realizarlo vas a tener que poner tus datos de contacto para que podamos\r\n {' '}\r\n coordinar el pago y el envío.\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n ¿PUEDO COMPRAR PRODUCTOS POR MENOS DEL MONTO MÍNIMO?\r\n setOpenShippingRate(!openShippingRate)}\r\n aria-expanded={openShippingRate}\r\n data-testid=\"expand-shipping-rate\"\r\n />\r\n \r\n
\r\n \r\n
\r\n \r\n {' '}\r\n Tenés un monto de compra mínima obligatorio.\r\n {' '}\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n ¿CÓMO ABONO EL PEDIDO?\r\n setOpenHowToPay(!openHowToPay)}\r\n aria-expanded={openHowToPay}\r\n data-testid=\"expand-how-to-pay\"\r\n />\r\n \r\n
\r\n \r\n
\r\n \r\n Cuando recibimos el pedido en el rango de 24hs\r\n {' '}\r\n te confirmamos el stock y te pasamos el medio de pago (Transferencia, Mercado pago, efectivo).\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n ¿QUÉ PASA SI DENTRO DEL PEDIDO RECIBÍ ALGÚN PRODUCTO ROTO?\r\n setOpenShippingRatePayment(!openShippingRatePayment)}\r\n aria-expanded={openShippingRatePayment}\r\n data-testid=\"expand-shipping-rate-payment\"\r\n />\r\n \r\n
\r\n \r\n
\r\n \r\n No te preocupes. Contamos con un equipo especializado en reclamos y\r\n {' '}\r\n devoluciones. Nos vas a poder contactar en todo momento y te vamos\r\n {' '}\r\n a asesorar para solucionar el problema y que quedes conforme con tu compra.\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n ¿SI TENGO ALGUNA OTRA DUDA, PUEDO CONTACTARLOS?\r\n setOpenOrderArrive(!openOrderArrive)}\r\n aria-expanded={openOrderArrive}\r\n data-testid=\"expand-order-arrive\"\r\n />\r\n \r\n
\r\n \r\n
\r\n \r\n Sí, podés.\r\n {' '}\r\n - Mandanos un Whatsapp al +54 9 11 3489-2506 \r\n - Envianos un mail a info@iadatrade.com \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
¡MUCHAS GRACIAS!
\r\n
¡Tu pedido fue realizado con éxito!
\r\n
\r\n \r\n En pocos minutos se le estará enviando un mail a tu casilla de correo electrónico\r\n {' '}\r\n con el detalle de tu pedido. Recordá verificar la carpeta de “SPAM” o\r\n “correo no deseado”.\r\n \r\n \r\n En breve nos estaremos comunicando con vos para coordinar forma de pago y envío.\r\n \r\n
\r\n
Gracias por confiar en nosotros.
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Ups! \r\n Algo salió mal \r\n No pudimos encontrar la página que estabas buscando. \r\n \r\n
\r\n
\r\n
\r\n { prices.length > 0\r\n ? (\r\n
\r\n \r\n \r\n {pricesState.map((price, i) => (\r\n \r\n handleLinkClick(i)}>\r\n {price.title}\r\n \r\n \r\n \r\n \r\n ))}\r\n \r\n \r\n \r\n {prices.map((price, i) => (\r\n \r\n \r\n \r\n ))}\r\n \r\n \r\n
\r\n \r\n )\r\n :
No hay precios disponibles }\r\n
\r\n
\r\n
\r\n
Email Verification \r\n
{message}
\r\n
\r\n
\r\n
Cambiar Contraseña \r\n \r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default NavigationContainer;\r\n","import React, { useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport './Modal.scss';\r\n\r\nconst Modal = (props) => {\r\n const {\r\n children, isLarge, loading, onClose,\r\n } = props;\r\n\r\n const closeModal = () => {\r\n if (!loading) {\r\n onClose();\r\n }\r\n };\r\n\r\n const handleKeyUp = (event) => {\r\n // 27: Escape key\r\n /* if (event.keyCode === 27) {\r\n closeModal();\r\n } */\r\n };\r\n\r\n useEffect(() => {\r\n document.body.style.overflow = 'hidden';\r\n window.addEventListener('keyup', handleKeyUp, false);\r\n return () => {\r\n document.body.style.overflow = 'auto';\r\n window.removeEventListener('keyup', handleKeyUp, false);\r\n };\r\n });\r\n\r\n const renderCloseButton = () => (\r\n \r\n \r\n ×\r\n \r\n
\r\n );\r\n\r\n return (\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n {!loading && renderCloseButton()}\r\n {children}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {loading &&
}\r\n
\r\n
\r\n \r\n
Iniciar sesión \r\n
\r\n
\r\n
\r\n
\r\n \r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n loading: state.user.loading,\r\n});\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n loginAction: bindActionCreators(login, dispatch),\r\n openRegisterModalAction: bindActionCreators(openRegisterModal, dispatch),\r\n openResetPasswordModalAction: bindActionCreators(openResetPasswordModal, dispatch),\r\n});\r\n\r\nLoginContainer.propTypes = {\r\n loading: PropTypes.bool.isRequired,\r\n loginAction: PropTypes.func.isRequired,\r\n onClose: PropTypes.func.isRequired,\r\n openRegisterModalAction: PropTypes.func.isRequired,\r\n openResetPasswordModalAction: PropTypes.func.isRequired,\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(LoginContainer);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Field, reduxForm } from 'redux-form';\r\n\r\nimport Avatar from '@material-ui/core/Avatar';\r\nimport Person from '@material-ui/icons/Person';\r\n\r\nimport Loading from 'components/commons/Loading';\r\nimport Input from 'components/commons/Input';\r\nimport Button from 'components/commons/Button';\r\n\r\nimport './RegisterForm.scss';\r\n\r\nconst validate = (values) => {\r\n const errors = {};\r\n if (!values.first_name) {\r\n errors.first_name = 'Nombre inválido';\r\n }\r\n if (!values.last_name) {\r\n errors.last_name = 'Apellido inválido';\r\n }\r\n if (!values.email || !/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,4}$/i.test(values.email)) {\r\n errors.email = 'Dirección de email inválida';\r\n }\r\n if (!values.password) {\r\n errors.password = 'Contraseña inválida';\r\n } else if (values.password.length < 8) {\r\n errors.password = 'Mínimo 8 caracteres';\r\n }\r\n if (!values.password_confirmation) {\r\n errors.password_confirmation = 'Contraseña inválida';\r\n } else if (values.password_confirmation !== values.password) {\r\n errors.password_confirmation = 'Las contraseñas no coinciden';\r\n }\r\n if (!values.phone || !/^(54)?[1-9]\\d{9}$/i.test(values.phone)) {\r\n errors.phone = 'Número inválido (Ej: 541123456789)';\r\n }\r\n /*\r\n if (!values.address) {\r\n errors.address = 'Dirección inválida';\r\n }\r\n if (!values.number || !/^[0-9]*$/i.test(values.number)) {\r\n errors.number = 'Número inválido';\r\n }\r\n if (!values.departament) {\r\n errors.departament = 'Departamento inválido';\r\n }\r\n */\r\n if (!values.locality) {\r\n errors.locality = 'Localidad inválida';\r\n }\r\n if (!values.province) {\r\n errors.province = 'Provincia inválida';\r\n }\r\n return errors;\r\n};\r\n\r\nconst RegisterForm = (props) => {\r\n const {\r\n handleSubmit, loading, openLoginModal, onSubmit, submitting,\r\n } = props;\r\n\r\n return (\r\n \r\n
\r\n {loading &&
}\r\n
\r\n
\r\n \r\n
Registrate \r\n
\r\n
\r\n
\r\n
\r\n \r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n loading: state.user.loading,\r\n});\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n openLoginModalAction: bindActionCreators(openLoginModal, dispatch),\r\n registerAction: bindActionCreators(register, dispatch),\r\n});\r\n\r\nRegisterContainer.propTypes = {\r\n loading: PropTypes.bool.isRequired,\r\n onClose: PropTypes.func.isRequired,\r\n openLoginModalAction: PropTypes.func.isRequired,\r\n registerAction: PropTypes.func.isRequired,\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(RegisterContainer);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Field, reduxForm } from 'redux-form';\r\n\r\nimport Avatar from '@material-ui/core/Avatar';\r\nimport Person from '@material-ui/icons/Person';\r\n\r\nimport Loading from 'components/commons/Loading';\r\nimport Input from 'components/commons/Input';\r\nimport Button from 'components/commons/Button';\r\n\r\nimport './ResetPasswordForm.scss';\r\n\r\nconst validate = (values) => {\r\n const errors = {};\r\n if (!values.email || !/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,4}$/i.test(values.email)) {\r\n errors.email = 'Dirección de email inválida';\r\n }\r\n return errors;\r\n};\r\n\r\nconst ResetPasswordForm = (props) => {\r\n const {\r\n handleSubmit, loading, onSubmit, submitting,\r\n } = props;\r\n\r\n return (\r\n \r\n
\r\n {loading &&
}\r\n
\r\n
\r\n \r\n
Reiniciar contraseña \r\n
\r\n
\r\n
\r\n
\r\n \r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n loading: state.user.loading,\r\n});\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n resetPasswordAction: bindActionCreators(resetPassword, dispatch),\r\n});\r\n\r\nResetPasswordContainer.propTypes = {\r\n loading: PropTypes.bool.isRequired,\r\n resetPasswordAction: PropTypes.func.isRequired,\r\n onClose: PropTypes.func.isRequired,\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(ResetPasswordContainer);\r\n","import React, {useEffect} from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Field, reduxForm } from 'redux-form';\r\n\r\nimport { productsArrayPropTypes } from 'helpers/propTypes';\r\nimport Loading from 'components/commons/Loading';\r\nimport Input from 'components/commons/Input';\r\nimport Button from 'components/commons/Button';\r\n\r\nimport './SearchForm.scss';\r\n\r\nconst validate = (values) => {\r\n const errors = {};\r\n if (!values.search) {\r\n errors.search = 'Debes completar este campo';\r\n } else if (values.search.length < 3) {\r\n errors.search = 'La cantidad mínima de letras es 3';\r\n }\r\n return errors;\r\n};\r\n\r\nconst SearchForm = (props) => {\r\n const {\r\n handleSubmit, loading, items, onChange, onSubmit, openProductModal, submitting, search,\r\n } = props;\r\n\r\n useEffect(() => {\r\n validate({ search });\r\n }, [search]);\r\n\r\n const renderItemsSearch = () => (\r\n <>\r\n {items.map((item) => (\r\n openProductModal(item)}\r\n role=\"presentation\"\r\n >\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n {item.name}\r\n \r\n \r\n \r\n \r\n {item.description}\r\n \r\n \r\n \r\n {item.wholesale_price > 0\r\n ? (\r\n \r\n
\r\n \r\n Mayor\r\n \r\n \r\n {`$${item.price.toLocaleString('de-DE')}`}\r\n \r\n
\r\n
\r\n \r\n Por\r\n {' '}\r\n {item.wholesale_quantity}\r\n \r\n \r\n {`$${(item.wholesale_price * item.wholesale_quantity).toLocaleString('de-DE')}`}\r\n \r\n
\r\n
\r\n {`$${item.sale ? item.sale.toLocaleString('de-DE') : item.price.toLocaleString('de-DE')}`}\r\n {!!item.sale && {`$${item.price.toLocaleString('de-DE')}`} }\r\n \r\n )}\r\n \r\n \r\n
\r\n
\r\n \r\n ))}\r\n \r\n );\r\n\r\n return (\r\n \r\n
\r\n
\r\n
Buscar productos \r\n
\r\n
\r\n {!!items.length && renderItemsSearch()}\r\n {!items.length && loading && search.length >= 3 && No se encontraron productos }\r\n
\r\n
\r\n
\r\n
\r\n \r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n products: state.product.items,\r\n});\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n openProductModalAction: bindActionCreators(openProductModal, dispatch),\r\n});\r\n\r\nSearchContainer.propTypes = {\r\n getSearchAction: PropTypes.func.isRequired,\r\n onClose: PropTypes.func.isRequired,\r\n openProductModalAction: PropTypes.func.isRequired,\r\n products: productsArrayPropTypes.isRequired,\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(SearchContainer);\r\n","import * as constants from 'redux/constants/ticket.constants';\r\n\r\nexport const onSearch = (number) => ({\r\n type: constants.TICKET_ON_SEARCH_REQUESTED,\r\n number,\r\n});\r\n\r\nexport const onSearchReset = () => ({\r\n type: constants.TICKET_ON_SEARCH_RESET,\r\n});\r\n","import React, { useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Field, reduxForm } from 'redux-form';\r\n\r\nimport Loading from 'components/commons/Loading';\r\nimport Input from 'components/commons/Input';\r\nimport Button from 'components/commons/Button';\r\n\r\nimport './SearchTicketForm.scss';\r\n\r\nconst validate = (values) => {\r\n const errors = {};\r\n if (!values.search || !values.search.trim()) {\r\n errors.search = 'Debes completar este campo';\r\n }\r\n return errors;\r\n};\r\n\r\nconst SearchTicketForm = (props) => {\r\n const {\r\n handleSubmit, loading, item, onSubmit, reset, submitting,\r\n } = props;\r\n\r\n useEffect(() => {\r\n if (item) reset();\r\n return () => reset();\r\n }, [item]);\r\n\r\n return (\r\n \r\n
\r\n {loading &&
}\r\n
\r\n
Buscar factura \r\n
\r\n
\r\n {!item ? (\r\n No se encontraron facturas \r\n ) : (\r\n \r\n {item.number}\r\n {' '}\r\n -\r\n {' '}\r\n {item.status.replace('-', ' ')}\r\n {' '}\r\n -\r\n {' '}\r\n {new Date(item.created_at).toISOString().split('T')[0]}\r\n \r\n )}\r\n
\r\n
\r\n
\r\n
\r\n \r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n item: state.ticket.selected,\r\n loading: state.ticket.loading,\r\n});\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n onSearchAction: bindActionCreators(onSearch, dispatch),\r\n onSearchResetAction: bindActionCreators(onSearchReset, dispatch),\r\n});\r\n\r\nSearchTicketContainer.propTypes = {\r\n item: PropTypes.shape({}).isRequired,\r\n loading: PropTypes.bool.isRequired,\r\n onClose: PropTypes.func.isRequired,\r\n onSearchAction: PropTypes.func.isRequired,\r\n onSearchResetAction: PropTypes.func.isRequired,\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(SearchTicketContainer);\r\n","import { getLocalStorage } from 'helpers/storage';\r\n\r\nexport const getPercentageOrAmount = ({ coupon, subtotal }) => {\r\n if (!coupon) return 0;\r\n const { amount, percentage } = coupon;\r\n return percentage ? (percentage / 100) * subtotal : amount;\r\n};\r\n\r\nexport const getTotalValueWithoutDiscount = ({ coupon, subtotal }) => {\r\n const percentageOrAmount = getPercentageOrAmount({ coupon, subtotal });\r\n return (subtotal - percentageOrAmount) > 0 ? subtotal - percentageOrAmount : 0;\r\n};\r\n\r\nexport const getTotalValueWithDiscount = ({ coupon, discount, subtotal }) => {\r\n const percentageOrAmount = getPercentageOrAmount({ coupon, subtotal });\r\n return (discount - percentageOrAmount) > 0 ? discount - percentageOrAmount : 0;\r\n};\r\n\r\nexport const getTotalValueWithPercetage = ({ coupon, subtotal }) => {\r\n const percentageOrAmount = getPercentageOrAmount({ coupon, subtotal });\r\n return subtotal - percentageOrAmount;\r\n};\r\n\r\nexport const getTotalAmount = ({ coupon, subtotal }) => {\r\n const discount = getLocalStorage('discount');\r\n if (!discount) return getTotalValueWithoutDiscount({ coupon, subtotal });\r\n return coupon?.percentage\r\n ? getTotalValueWithPercetage({ coupon, subtotal })\r\n : getTotalValueWithDiscount({ coupon, discount, subtotal });\r\n};\r\n","import React, { useEffect, useState } from 'react';\r\nimport { CardPayment } from '@mercadopago/sdk-react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport Loading from 'components/commons/Loading';\r\n\r\nimport './SecureCheckoutForm.scss';\r\n\r\nconst SecureCheckoutForm = (props) => {\r\n const { email, onSubmit, total } = props;\r\n const [loading, setLoading] = useState(false);\r\n\r\n useEffect(() => {\r\n setLoading(true);\r\n }, []);\r\n\r\n return (\r\n \r\n
\r\n
\r\n
setLoading(false)}\r\n onSubmit={onSubmit}\r\n />\r\n \r\n \r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n coupon: state.cart.coupon,\r\n subtotal: cartSubtotalSelector(state),\r\n});\r\n\r\nSecureCheckoutContainer.defaultProps = {\r\n coupon: null,\r\n};\r\n\r\nSecureCheckoutContainer.propTypes = {\r\n coupon: PropTypes.shape({\r\n id: PropTypes.number.isRequired,\r\n percentage: PropTypes.number.isRequired,\r\n amount: PropTypes.number.isRequired,\r\n }),\r\n data: PropTypes.shape({\r\n callback: PropTypes.func.isRequired,\r\n email: PropTypes.string.isRequired,\r\n formData: PropTypes.shape().isRequired,\r\n }).isRequired,\r\n onClose: PropTypes.func.isRequired,\r\n subtotal: PropTypes.number.isRequired,\r\n};\r\n\r\nexport default connect(mapStateToProps, null)(SecureCheckoutContainer);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { bindActionCreators } from 'redux';\r\nimport { connect } from 'react-redux';\r\n\r\nimport * as constants from 'redux/constants/modal.constants';\r\nimport { closeModal } from 'redux/actions/modal.actions';\r\n\r\nimport LoginContainer from 'containers/LoginContainer';\r\nimport RegisterContainer from 'containers/RegisterContainer';\r\nimport ResetPasswordContainer from 'containers/ResetPasswordContainer';\r\nimport SearchContainer from 'containers/SearchContainer';\r\nimport SearchTicketContainer from 'containers/SearchTicketContainer';\r\nimport ProductContainer from 'containers/ProductContainer';\r\nimport SecureCheckoutContainer from 'containers/SecureCheckoutContainer';\r\nimport Modal from 'components/commons/Modal';\r\n\r\nconst ModalManager = (props) => {\r\n const { active, data, onClose } = props;\r\n switch (active) {\r\n case constants.MODAL_LOGIN:\r\n return \r\n \r\n );\r\n case constants.MODAL_SECURE_CHECKOUT:\r\n return \r\n \r\n \r\n
\r\n
\r\n
Contáctanos \r\n
\r\n
\r\n
\r\n
Información \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n © 2024 Derechos reservados por\r\n {' '}\r\n
Jaypion \r\n
\r\n
\r\n
\r\n);\r\n\r\nexport default Footer;\r\n","import Footer from './Footer';\r\n\r\nexport default Footer;\r\n","/* eslint-disable react/prop-types */\r\nimport React, { memo, useEffect, useRef } from 'react';\r\nimport { connect } from 'react-redux';\r\n\r\nconst InjectScript = memo(({ script }) => {\r\n const divRef = useRef(null);\r\n\r\n useEffect(() => {\r\n if (divRef.current === null) return;\r\n // create a contextual fragment that will execute the script\r\n // beware of security concerns!!\r\n const doc = document\r\n .createRange()\r\n .createContextualFragment(script);\r\n // clear the div HTML, and append the doc fragment with the script\r\n divRef.current.innerHTML = '';\r\n divRef.current.appendChild(doc);\r\n });\r\n\r\n return
;\r\n});\r\n\r\nconst ScriptContainer = (props) => {\r\n const { scripts } = props;\r\n\r\n return scripts.map((script) => {\r\n e.preventDefault();\r\n toggleCart();\r\n }}>\r\n \r\n {cartSize}\r\n \r\n
\r\n \r\n \r\n
\r\n
Carrito de compras \r\n X \r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default App;\r\n","/* eslint no-console: 0 */\r\n/* eslint no-param-reassign: 0 */\r\n// This optional code is used to register a service worker.\r\n// register() is not called by default.\r\n\r\n// This lets the app load faster on subsequent visits in production, and gives\r\n// it offline capabilities. However, it also means that developers (and users)\r\n// will only see deployed updates on subsequent visits to a page, after all the\r\n// existing tabs open on the page have been closed, since previously cached\r\n// resources are updated in the background.\r\n\r\n// To learn more about the benefits of this model and instructions on how to\r\n// opt-in, read https://bit.ly/CRA-PWA\r\n\r\nconst isLocalhost = Boolean(\r\n window.location.hostname === 'localhost'\r\n // [::1] is the IPv6 localhost address.\r\n || window.location.hostname === '[::1]'\r\n // 127.0.0.0/8 are considered localhost for IPv4.\r\n || window.location.hostname.match(\r\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/,\r\n ),\r\n);\r\n\r\nfunction registerValidSW(swUrl, config) {\r\n navigator.serviceWorker\r\n .register(swUrl)\r\n .then((registration) => {\r\n registration.onupdatefound = () => {\r\n const installingWorker = registration.installing;\r\n if (installingWorker == null) {\r\n return;\r\n }\r\n installingWorker.onstatechange = () => {\r\n if (installingWorker.state === 'installed') {\r\n if (navigator.serviceWorker.controller) {\r\n // At this point, the updated precached content has been fetched,\r\n // but the previous service worker will still serve the older\r\n // content until all client tabs are closed.\r\n console.log(\r\n 'New content is available and will be used when all '\r\n + 'tabs for this page are closed. See https://bit.ly/CRA-PWA.',\r\n );\r\n\r\n // Execute callback\r\n if (config && config.onUpdate) {\r\n config.onUpdate(registration);\r\n }\r\n } else {\r\n // At this point, everything has been precached.\r\n // It's the perfect time to display a\r\n // \"Content is cached for offline use.\" message.\r\n console.log('Content is cached for offline use.');\r\n\r\n // Execute callback\r\n if (config && config.onSuccess) {\r\n config.onSuccess(registration);\r\n }\r\n }\r\n }\r\n };\r\n };\r\n })\r\n .catch((error) => {\r\n console.error('Error during service worker registration:', error);\r\n });\r\n}\r\n\r\nfunction checkValidServiceWorker(swUrl, config) {\r\n // Check if the service worker can be found. If it can't reload the page.\r\n fetch(swUrl, {\r\n headers: { 'Service-Worker': 'script' },\r\n })\r\n .then((response) => {\r\n // Ensure service worker exists, and that we really are getting a JS file.\r\n const contentType = response.headers.get('content-type');\r\n if (\r\n response.status === 404\r\n || (contentType != null && contentType.indexOf('javascript') === -1)\r\n ) {\r\n // No service worker found. Probably a different app. Reload the page.\r\n navigator.serviceWorker.ready.then((registration) => {\r\n registration.unregister().then(() => {\r\n window.location.reload();\r\n });\r\n });\r\n } else {\r\n // Service worker found. Proceed as normal.\r\n registerValidSW(swUrl, config);\r\n }\r\n })\r\n .catch(() => {\r\n console.log(\r\n 'No internet connection found. App is running in offline mode.',\r\n );\r\n });\r\n}\r\n\r\nexport function register(config) {\r\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\r\n // The URL constructor is available in all browsers that support SW.\r\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\r\n if (publicUrl.origin !== window.location.origin) {\r\n // Our service worker won't work if PUBLIC_URL is on a different origin\r\n // from what our page is served on. This might happen if a CDN is used to\r\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\r\n return;\r\n }\r\n\r\n window.addEventListener('load', () => {\r\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\r\n\r\n if (isLocalhost) {\r\n // This is running on localhost. Let's check if a service worker still exists or not.\r\n checkValidServiceWorker(swUrl, config);\r\n\r\n // Add some additional logging to localhost, pointing developers to the\r\n // service worker/PWA documentation.\r\n navigator.serviceWorker.ready.then(() => {\r\n console.log(\r\n 'This web app is being served cache-first by a service '\r\n + 'worker. To learn more, visit https://bit.ly/CRA-PWA',\r\n );\r\n });\r\n } else {\r\n // Is not localhost. Just register service worker\r\n registerValidSW(swUrl, config);\r\n }\r\n });\r\n }\r\n}\r\n\r\nexport function unregister() {\r\n if ('serviceWorker' in navigator) {\r\n navigator.serviceWorker.ready\r\n .then((registration) => {\r\n registration.unregister();\r\n })\r\n .catch((error) => {\r\n console.error(error.message);\r\n });\r\n }\r\n}\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { initMercadoPago } from '@mercadopago/sdk-react';\r\n\r\nimport App from 'App';\r\nimport * as serviceWorker from 'serviceWorker';\r\nimport { MERCADO_PAGO_PUBLIC_KEY } from 'constants/configs';\r\n\r\nimport 'index.scss';\r\n\r\ninitMercadoPago(MERCADO_PAGO_PUBLIC_KEY, { locale: 'es-AR' });\r\n\r\nReactDOM.render(