\r\n {items.map((item) => renderItem(item))}\r\n \r\n \r\n \r\n No se encontraron productos\r\n \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 {renderCategories()}\r\n {renderPriceFilter()}\r\n
\r\n
\r\n
\r\n {items?.length ? renderItemsWithPagination() : renderNoItems()}\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 {productsOffers.length > 0 && (\r\n <>\r\n
\r\n
¡Ofertas imperdibles! \r\n \r\n
\r\n \r\n )}\r\n
\r\n
\r\n
\r\n
\r\n {item.stock_product_descriptions.length > 0 && size.width > 500 && (\r\n
\r\n
\r\n {item.stock_product_descriptions.map((description) => description.stock > 0 && (\r\n \r\n {description.stock_descriptions.rgb ? (\r\n \r\n
\r\n ) : (\r\n \r\n {description.stock_descriptions.name} \r\n
\r\n )}\r\n \r\n ))}\r\n \r\n \r\n )}\r\n
\r\n
\r\n {item.stock_product_descriptions.length > 0 && size.width > 500 && (\r\n
\r\n
\r\n {item.stock_product_descriptions.map((description) => description.stock > 0 && (\r\n \r\n {description.stock_descriptions.rgb ? (\r\n \r\n
\r\n ) : (\r\n \r\n {description.stock_descriptions.name} \r\n
\r\n )}\r\n \r\n ))}\r\n \r\n \r\n )}\r\n
\r\n {/* {description.stock_descriptions.name} */}\r\n
\r\n ) : (\r\n \r\n {description.stock_descriptions.name} \r\n
\r\n )\r\n }\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
updateFavouriteItems(item.id, favouriteItem)} role=\"presentation\">\r\n {favouriteItem ? (\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n {images.map((image, index) => (\r\n // eslint-disable-next-line react/no-array-index-key\r\n \r\n {/* eslint-disable-next-line react/no-array-index-key */}\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 {item.sale ?
{` ${Math.round(100 - (item.sale / item.price) * 100)}% OFF `}
:
}\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
Descripción \r\n
{item.description} \r\n
\r\n
\r\n {!!item.stock_product_descriptions.length > 0\r\n &&
Opciones }\r\n
\r\n {\r\n !!item.stock_product_descriptions.length > 0\r\n && (\r\n item.stock_product_descriptions.map((description) => (\r\n description.stock > 0 && (\r\n \r\n (data.descriptionId === description.stock_description_id),\r\n )}\r\n />\r\n \r\n )\r\n ))\r\n )\r\n }\r\n \r\n
\r\n {\r\n !item.stock_product_descriptions.length > 0\r\n && (\r\n item.stock > 0 ? (\r\n
\r\n
Cantidad \r\n
\r\n
\r\n
\r\n ) : (\r\n
Sin stock \r\n ))\r\n }\r\n
\r\n
\r\n
\r\n
\r\n
No se ha encontrado el producto \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\nimport { whatsappPropTypes } from 'helpers/propTypes';\r\n\r\nimport Loading from 'components/commons/Loading';\r\nimport Input from 'components/commons/Input';\r\nimport Button from 'components/commons/Button';\r\nimport Captcha from 'components/commons/Captcha';\r\nimport facebookImage from './assets/facebook.svg';\r\nimport whatsappImage from './assets/whatsapp.svg';\r\nimport instagramImage from './assets/instagram.svg';\r\nimport tiktok from './assets/tiktok.png';\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, onSubmit, submitting, whatsapp, contact,\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
Contactanos \r\n \r\n
\r\n
\r\n
\r\n
\r\n {loading && renderLoading()}\r\n {!loading && renderContactForm()}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n Dirección: \r\n Camargo 136 (Villa Crespo) \r\n
\r\n
\r\n Teléfono: \r\n \r\n { contact ? contact.number : '1161250017'}\r\n \r\n
\r\n
\r\n
\r\n Horarios de atención: \r\n \r\n Lunes a VIernes de 8 a 17 Hs. Sábados y Domingos cerrado\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {whatsapp && (
)}\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 const renderCloseButton = () => (\r\n <>\r\n {title ? (\r\n \r\n {\r\n isCart || isPurchase ? (\r\n \r\n
\r\n {' '}\r\n
{title} \r\n
\r\n
{title} \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 && (!isImage ? renderCloseButton() : renderImageCloseButton())}\r\n
\r\n {children}\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 const renderCartComments = (item, quantity, message) => (\r\n \r\n \r\n {dots(item.name)}\r\n \r\n onMessageChange(item, quantity, null, value.target.value)}\r\n id=\"margin-none\"\r\n style={{\r\n width: '100%', borderColor: 'yellow', border: '1px solid #CACACA', borderRadius: '10px', padding: '0px 0px 0px 5px', height: '35px',\r\n }}\r\n />\r\n
\r\n );\r\n\r\n const renderCheckoutDetails = () => (\r\n <>\r\n \r\n
\r\n
\r\n
\r\n \r\n Subtotal: \r\n {priceDiscount === null ? (\r\n \r\n {`$${subtotal.toLocaleString('de-DE')}`}\r\n \r\n ) : (\r\n \r\n {`$${subtotal.toLocaleString('de-DE')}`}\r\n \r\n )}\r\n \r\n {priceDiscount != null ? (\r\n \r\n \r\n Descuento automático de\r\n {' '}\r\n {getLocalStorage('percentage')}\r\n %\r\n \r\n \r\n -$\r\n {(subtotal - priceDiscount).toLocaleString('de-DE')}\r\n \r\n \r\n ) : ''}\r\n \r\n Total \r\n {priceDiscount === null ? (\r\n \r\n {`$${subtotal.toLocaleString('de-DE')}`}\r\n \r\n ) : (\r\n \r\n {`$${priceDiscount.toLocaleString('de-DE')}`}\r\n \r\n )}\r\n\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n clearCartModal()} />\r\n
\r\n
\r\n pushRoute('/productos')} />\r\n
\r\n
\r\n {minimumPurchase ?
pushRoute('/checkout')} /> \r\n :\r\n \r\n \r\n Necesita actualizar la web para comprar\r\n \r\n
\r\n }\r\n \r\n
\r\n
\r\n { description.stock_descriptions.rgb ? (\r\n \r\n {/* {description.stock_descriptions.name} */}\r\n
\r\n ) : (\r\n <>\r\n {' '}\r\n {description.stock_descriptions.name}\r\n \r\n )}\r\n \r\n
onQuantityChange(item, value, description,\r\n message)}\r\n quantity={description.quantity}\r\n description={description}\r\n />\r\n \r\n
\r\n
\r\n
\r\n Producto \r\n
\r\n
\r\n Cantidad \r\n
\r\n
\r\n {size.width > 600 ? ($ x Unidad ) : ($ x U )}\r\n \r\n $ Total \r\n
\r\n
\r\n
\r\n {items.every((item) => item.item) && !loading ? items.map(({\r\n item, quantity, descriptions, descriptionId, message,\r\n }) => (\r\n
\r\n
\r\n
\r\n
onItemClick(item)} src={item.image1} alt={item.name} role=\"presentation\" />\r\n
\r\n {size.width > 850 && renderCartComments(item, quantity, message)}\r\n
\r\n {descriptions ? (\r\n <>\r\n \r\n {descriptions.map(\r\n (description) => renderDescriptionCarousel(description, item, message),\r\n )}\r\n \r\n \r\n ) : (\r\n onQuantityChange(item, value, null, message)}\r\n quantity={quantity}\r\n description={null}\r\n />\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\r\n && (\r\n <>\r\n {`$${item.price.toLocaleString('de-DE')}`} \r\n {` ${Math.round(100 - (item.sale / item.price) * 100)}% OFF `} \r\n \r\n )}\r\n \r\n {size.width > 900 && <> }\r\n \r\n {`$${item.sale ? (item.sale * quantity).toLocaleString('de-DE') : (item.price * quantity).toLocaleString('de-DE')}`}\r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n {size.width <= 850 && renderCartComments(item, quantity, message)}\r\n
\r\n
\r\n )) :
}\r\n
\r\n
\r\n
\r\n {renderCheckoutDetails()}\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n {!showCart && renderEmptyCart()}\r\n {showCart && renderFullCart()}\r\n
\r\n
\r\n {' '}\r\n Monto mínimo: $\r\n {minimumPurchase}\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n );\r\n\r\n return isModalCart ? renderModalCart() : (\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {!showCart && renderEmptyCart()}\r\n {showCart && renderFullCart()}\r\n
\r\n
\r\n {' '}\r\n Monto mínimo: $\r\n {minimumPurchase}\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
openProductModalAction(item)}\r\n onMessageChange={onMessageChange}\r\n onQuantityChange={onQuantityChange}\r\n onRemoveFromCart={(item) => { updateCartAction(item.id, 0); getDiscount(); }}\r\n priceDiscount={priceDiscount}\r\n subtotal={subtotal}\r\n />\r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n cartSize: cartSizeSelector(state),\r\n ids: cartItemIdsSelector(state),\r\n items: cartItemsSelector(state),\r\n loading: state.cart.loading,\r\n minimumPurchase: state.app.minimumPurchase,\r\n subtotal: cartSubtotalSelector(state),\r\n});\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n clearCartAction: bindActionCreators(clearCart, dispatch),\r\n getProductsAction: bindActionCreators(getProducts, dispatch),\r\n openProductModalAction: bindActionCreators(openProductModal, dispatch),\r\n updateCartAction: bindActionCreators(updateCart, dispatch),\r\n});\r\n\r\nCartContainer.defaultProps = {\r\n cartSize: null,\r\n isModalCart: false,\r\n onClose: () => {},\r\n};\r\n\r\nCartContainer.propTypes = {\r\n cartSize: PropTypes.number,\r\n clearCartAction: PropTypes.func.isRequired,\r\n getProductsAction: PropTypes.func.isRequired,\r\n ids: PropTypes.arrayOf(PropTypes.number).isRequired,\r\n isModalCart: PropTypes.bool,\r\n items: cartItemsArrayPropTypes.isRequired,\r\n loading: PropTypes.bool.isRequired,\r\n minimumPurchase: PropTypes.number.isRequired,\r\n onClose: PropTypes.func,\r\n openProductModalAction: PropTypes.func.isRequired,\r\n subtotal: PropTypes.number.isRequired,\r\n updateCartAction: PropTypes.func.isRequired,\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(CartContainer);\r\n","import { MINIMUM_PURCHASE_DELIVERY_FREE } from 'constants/configs';\r\n\r\nexport const DELIVERY_FREE = 'DELIVERY_FREE';\r\nexport const DELIVERY_PAY = 'DELIVERY_PAY';\r\nexport const DELIVERY_FREE_PAY = 'DELIVERY_FREE_PAY';\r\nexport const DELIVERY_PAY_INTERIOR = 'DELIVERY_PAY_INTERIOR';\r\n\r\nexport const DELIVERY_FREE_MESSAGE = 'A confirmar';\r\nexport const DELIVERY_PAY_MESSAGE = 'A abonar contra entrega';\r\nexport const NO_DELIVERY_METHOD_MESSAGE = 'No seleccionó un método de envío';\r\n\r\nexport const getShippingText = (deliveryMethod, subtotal, envios) => {\r\n const envio = envios.find(envio => envio.id.toString() === deliveryMethod);\r\n \r\n if(!deliveryMethod){\r\n return 'No seleccionó un método de envío'\r\n }\r\n if(envio.arrange_with_seller){\r\n return 'Arreglar con el vendedor'\r\n }\r\n if(envio.monto_minimo && subtotal > envio.monto_minimo){\r\n return 'Envio Gratis';\r\n }else{\r\n return '$' + envio.monto;\r\n }\r\n /*\r\n switch (deliveryMethod) {\r\n case DELIVERY_FREE:\r\n return DELIVERY_FREE_MESSAGE;\r\n case DELIVERY_PAY:\r\n return DELIVERY_PAY_MESSAGE;\r\n case DELIVERY_PAY_INTERIOR:\r\n return DELIVERY_PAY_MESSAGE;\r\n case DELIVERY_FREE_PAY:\r\n if (subtotal >= MINIMUM_PURCHASE_DELIVERY_FREE) {\r\n return DELIVERY_FREE_MESSAGE;\r\n }\r\n return DELIVERY_PAY_MESSAGE;\r\n default:\r\n return NO_DELIVERY_METHOD_MESSAGE;\r\n }*/\r\n};\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport { cartItemsArrayPropTypes } from 'helpers/propTypes';\r\n\r\nimport './CartSummary.scss';\r\nimport { getLocalStorage } from 'helpers/storage';\r\n\r\nconst CartSummary = (props) => {\r\n const {\r\n items, shippingText, subtotal, coupon,subTotEnv\r\n } = props;\r\n\r\n const discount = getLocalStorage('discount');\r\n const subtotalValue = parseFloat(subtotal);\r\n const percentageOrAmount = coupon?.percentage\r\n ? (coupon.percentage / 100) * subtotal : (coupon?.amount || 0);\r\n const totalValueWithDiscount = (discount - percentageOrAmount) > 0\r\n ? discount - percentageOrAmount : 0;\r\n const totalValueWithoutDiscount = (subtotal - percentageOrAmount) > 0\r\n ? subtotal - percentageOrAmount : 0;\r\n const totalValueWithPercetage = subtotal - percentageOrAmount;\r\n const dots = (word) => (word.length > 45 ? `${word.substring(0, 45)}...` : word);\r\n\r\n return (\r\n \r\n
\r\n
\r\n
Resumen del pedido \r\n
\r\n
\r\n {items.map(({\r\n item, quantity, descriptions, message,\r\n }) => (\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n {dots(item.name)}\r\n \r\n \r\n {!!descriptions && (\r\n descriptions.map((description) => (\r\n <>\r\n \r\n \r\n {' '}\r\n OPCION:\r\n {' '}\r\n {description.stock_descriptions.name}\r\n {' '}\r\n -\r\n {' '}\r\n {description.quantity}\r\n \r\n \r\n \r\n ))\r\n )}\r\n \r\n \r\n Cantidad:\r\n {' '}\r\n {quantity} \r\n \r\n \r\n Precio:\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 {`Mensaje: ${message ?? ''}`}\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 coupon && (\r\n \r\n \r\n Cupón\r\n {' '}\r\n {coupon.name}\r\n {' '}\r\n {\r\n coupon.percentage && (\r\n `%${coupon.percentage}`\r\n )\r\n }\r\n \r\n \r\n {\r\n !coupon.percentage ? (\r\n `-$${coupon.amount}`\r\n ) : (\r\n `-$${subtotalValue * (coupon.percentage / 100)}`\r\n )\r\n }\r\n \r\n \r\n )\r\n }\r\n {\r\n (!(coupon?.percentage) && discount) && (\r\n \r\n \r\n {' '}\r\n Descuento automático de\r\n {' '}\r\n {getLocalStorage('percentage')}\r\n %\r\n\r\n \r\n \r\n -$\r\n {(subtotalValue - discount).toLocaleString('de-DE')}\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 {loading &&
}\r\n {!loading && (\r\n showCart ? (\r\n <>\r\n
\r\n
\r\n
¿Dónde querés recibir el pedido? \r\n
\r\n pushRoute(e, '/envio-a-domicilio')} buttonClass={isDelivery ? 'button-checkout-selected mg-bot' : 'button-checkout mg-bot'} />\r\n pushRoute(e, '/retiro-en-sucursal')} buttonClass={isPickUp ? 'button-checkout-selected' : 'button-checkout'} />\r\n
\r\n
\r\n
\r\n {renderForm()}\r\n
\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 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.string).isRequired,\r\n};\r\n\r\nexport default Select;\r\n","import Select from './Select';\r\n\r\nexport default Select;\r\n","import ConfirmCart from './ConfirmCart';\r\n\r\nexport default ConfirmCart;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Link } from 'react-router-dom';\r\nimport Logo from 'components/main/Header/Logo';\r\nimport './ConfirmCart.scss';\r\n\r\nconst ConfirmCart = ({\r\n isOpen, onClose, onConfirm, onDeleteCart,\r\n}) => {\r\n if (!isOpen) return null;\r\n\r\n return (\r\n \r\n
\r\n
\r\n \r\n Estás a punto de finalizar tu pedido.\r\n {' '}\r\n Un vendedor se contactará en las próximas 24/48hs hábiles con vos\r\n {' '}\r\n para coordinar el pago y el envío.\r\n \r\n ¿FINALIZAR PEDIDO? \r\n
\r\n
\r\n \r\n Finalizar Pedido\r\n \r\n \r\n Volver al Carrito\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Completá tus datos \r\n
\r\n
\r\n
\r\n
setModalOpen(false)}\r\n onConfirm={onConfirm}\r\n onDeleteCart={onDeleteCart}\r\n />\r\n \r\n
\r\n
\r\n
Completá tus datos \r\n
\r\n
\r\n
\r\n
setModalOpen(false)}\r\n onConfirm={onConfirm}\r\n onDeleteCart={onDeleteCart}\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 {titles.map((title, index) => (\r\n // eslint-disable-next-line react/no-array-index-key\r\n {title} \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.shape()).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\nimport downloadImage from '../assets/download.svg';\r\nimport './PurchaseHistoryRow.scss';\r\n\r\nconst useRowStyles = makeStyles({\r\n root: {\r\n '& > *': {\r\n borderBottom: '1px solid rgba(255, 92, 0, 0.5)',\r\n },\r\n },\r\n root1: {\r\n '& > *': {\r\n borderBottom: 0,\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 const quantity = purchase.products.reduce(\r\n (accumulator, object) => accumulator + object.quantity, 0,\r\n );\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 \r\n \r\n #\r\n {purchase.orderId}\r\n \r\n \r\n \r\n \r\n {purchase.date}\r\n \r\n \r\n \r\n \r\n {quantity}\r\n {' '}\r\n productos\r\n \r\n \r\n \r\n \r\n $\r\n {purchase.total}\r\n \r\n \r\n \r\n onDownloadOrderPDF(purchase.orderId)} role=\"presentation\">\r\n \r\n \r\n \r\n onRepeatAllProductsClick(purchase)}\r\n text=\"Repetir 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 React, { useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport { orderPropTypes } from 'helpers/propTypes';\r\n\r\nimport {\r\n IconButton, Collapse,\r\n} from '@material-ui/core';\r\nimport KeyboardArrowDownIcon from '@material-ui/icons/KeyboardArrowDown';\r\nimport KeyboardArrowUpIcon from '@material-ui/icons/KeyboardArrowUp';\r\n\r\nimport Button from 'components/commons/Button';\r\nimport downloadImage from '../assets/download.svg';\r\nimport './PurchaseHistoryRow.scss';\r\n\r\nconst PurchaseHistoryMobileRow = (props) => {\r\n const {\r\n onRepeatAllProductsClick, onRepeatProductClick, purchase,\r\n onDownloadOrderPDF,\r\n } = props;\r\n const [open, setOpen] = useState(false);\r\n\r\n const KeyboardArrowIcon = open ? KeyboardArrowUpIcon : KeyboardArrowDownIcon;\r\n const quantity = purchase.products.reduce((accumulator, object) => accumulator\r\n + object.quantity, 0);\r\n\r\n const collapseProduct = () => (\r\n \r\n Productos \r\n {\r\n purchase.products.map((product) => (\r\n <>\r\n \r\n
\r\n {product.name}\r\n \r\n
\r\n
\r\n
\r\n \r\n cantidad:\r\n \r\n {product.quantity}\r\n \r\n \r\n \r\n $ x U:\r\n \r\n $\r\n {product.price}\r\n \r\n \r\n \r\n $ total:\r\n \r\n $\r\n {Math.round(product.quantity * product.price * 100) / 100}\r\n \r\n \r\n \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 );\r\n const renderMobilePurchaseHistoryRow = () => (\r\n <>\r\n \r\n \r\n \r\n #\r\n {purchase.orderId}\r\n \r\n \r\n \r\n \r\n {purchase.date}\r\n \r\n \r\n \r\n \r\n {quantity}\r\n {' '}\r\n productos\r\n \r\n \r\n $\r\n {purchase.total}\r\n \r\n \r\n \r\n onDownloadOrderPDF(purchase.orderId)} role=\"presentation\">\r\n \r\n \r\n \r\n onRepeatAllProductsClick(purchase)}\r\n text=\"Repetir pedido\"\r\n />\r\n \r\n \r\n Ver productos \r\n setOpen(!open)}\r\n size=\"small\"\r\n >\r\n \r\n \r\n
\r\n \r\n );\r\n\r\n return renderMobilePurchaseHistoryRow();\r\n};\r\n\r\nPurchaseHistoryMobileRow.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 PurchaseHistoryMobileRow;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { purchaseHistoryArrayPropTypes } from 'helpers/propTypes';\r\nimport Loading from 'components/commons/Loading';\r\nimport CustomTable from 'components/commons/CustomTable';\r\nimport Modal from 'components/commons/Modal';\r\nimport PurchaseHistoryRow from './components/PurchaseHistoryRow';\r\nimport PurchaseHistoryMobileRow from './components/PurchaseHistoryMobileRow';\r\n\r\nimport useWindowSize from '../../hooks/useWindowSize';\r\n\r\nconst PurchaseHistory = (props) => {\r\n const {\r\n loading, onRepeatAllProductsClick, onRepeatProductClick, purchaseHistory,\r\n onDownloadOrderPDF, isModalPurcharseHisotry, onClose,\r\n } = props;\r\n const sizeWindow = useWindowSize();\r\n const purcharseSize = purchaseHistory.length > 0;\r\n\r\n const renderRow = (purchase) => (\r\n \r\n
\r\n );\r\n const renderMobilePurchaseHistory = () => (\r\n \r\n\r\n
\r\n {purchaseHistory.map((purchase) => (\r\n renderRowMobile(purchase)\r\n ))}\r\n
\r\n\r\n
\r\n \r\n No ha realizado compras\r\n \r\n
\r\n )}\r\n \r\n );\r\n\r\n const renderModalPurchaseHistory = () => (\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n { renderFullPurchaseHistory() }\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n );\r\n return isModalPurcharseHisotry ? renderModalPurchaseHistory() : (\r\n \r\n
\r\n
Mis Compras \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n {renderFullPurchaseHistory()}\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
¿Tiene un negocio a la calle? \r\n
\r\n Nuestras oficinas están ubicadas en Camargo 136,\r\n Villa Crespo, CABA, y nuestro horario de atención es de\r\n {' '}\r\n lunes a viernes de 8 a 17hs.\r\n
\r\n
\r\n
\r\n
¿Me tengo que registrar para hacer una compra? \r\n
\r\n No es necesario que te registres para hacer el pedido.\r\n Aunque luego de realizarlo vas a tener que poner tus datos de contacto\r\n para que podamos coordinar el pago y el envío.\r\n {' '}\r\n
\r\n
\r\n
\r\n
¿Puedo comprar productos por menos del monto mínimo? \r\n
\r\n Las compras son únicamente por mayor. Tenés un monto de compra mínima obligatorio.\r\n SI querés comprar productos por un valor menor al monto mínimo, hacé clic en el\r\n {' '}\r\n \r\n siguiente link\r\n {' '}\r\n\r\n \r\n {' '}\r\n y serás redirigido a Mercado Libre para que puedas comprar lo que desees.\r\n {' '}\r\n
\r\n
\r\n
\r\n
¿Cómo abono el pedido? \r\n
\r\n Una vez que registres la compra, te contactarán por mail y/o\r\n {' '}\r\n teléfono para coordinar el pago.\r\n El mismo podrá ser por transferencia bancaria, depósito o efectivo,\r\n {' '}\r\n según corresponda.\r\n {' '}\r\n
\r\n
\r\n
\r\n
¿Qué pasa si dentro del pedido recibí algún producto roto? \r\n
\r\n No te preocupes. Contamos con un equipo especializado en reclamos y devoluciones.\r\n Nos vas a poder contactar en todo momento y te vamos a asesorar para solucionar el\r\n problema y que quedes conforme con tu compra.\r\n {' '}\r\n
\r\n
\r\n
\r\n
¿Puedo elegir el color de los productos? \r\n
\r\n Antes de finalizar el pedido vas a poder realizar comentarios\r\n {' '}\r\n al lado de cada producto. Ahí vas a poder elegir el color.\r\n {' '}\r\n Si lo tenemos, te vamos a respetar el color que elegiste.\r\n {' '}\r\n En caso de no tener el seleccionado, te enviaremos el producto en\r\n {' '}\r\n un color similar o en su defecto, en otro.\r\n {' '}\r\n
\r\n
\r\n
\r\n
¿Si tengo alguna otra duda, puedo contactarlos? \r\n
\r\n Obvio que si!! Mandanos un Whatsapp al\r\n {' '}\r\n {whatsapp ? whatsapp.number : '+5491130680017'} \r\n {' '}\r\n o un mail a\r\n {' '}\r\n \r\n { contact ? contact.email : 'ventas@craco.com.ar'}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
¡Tu pedido fue realizado con éxito!
\r\n
\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 Tu número de pedido es #\r\n\r\n {orderId} \r\n {' '}\r\n ¡Es importante que lo tengas en cuenta!\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
\r\n {loading &&
}\r\n {!loading && (\r\n <>\r\n
\r\n
\r\n
\r\n onDownloadOrderPDF()}\r\n text={(\r\n \r\n \r\n )}\r\n buttonClass=\"button-reverse\"\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
\r\n
\r\n {loading &&
}\r\n {!loading && (\r\n items.length > 0 ? items.map((item) => renderItem(item)) : (\r\n
\r\n \r\n No se encontraron productos\r\n \r\n
\r\n )\r\n )}\r\n
\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
No pudimos encontrar la página que estabas buscando. \r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default NavigationContainer;\r\n","import LoginForm from './LoginForm';\r\n\r\nexport default LoginForm;\r\n","import React 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 './LoginForm.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 if (!values.password) {\r\n errors.password = 'Contraseña inválida';\r\n }\r\n return errors;\r\n};\r\n\r\nconst LoginForm = (props) => {\r\n const {\r\n handleSubmit, loading, openRegisterModal, openResetPasswordModal, 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 \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 RegisterForm from './RegisterForm';\r\n\r\nexport default RegisterForm;\r\n","import React 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 './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.email_confirmation || !/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,4}$/i.test(values.email_confirmation)) {\r\n errors.email_confirmation = 'Dirección de email inválida';\r\n } else if (values.email_confirmation !== values.email) {\r\n errors.email_confirmation = 'Los email 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 \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 VerificationPassword from './VerificationPassword';\r\n\r\nexport default VerificationPassword;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport Loading from 'components/commons/Loading';\r\nimport Button from 'components/commons/Button';\r\n\r\nimport './VerificationPassword.scss';\r\n\r\nconst VerificationPassword = (props) => {\r\n const {\r\n validacionEnvio, loading, msg, onClose,\r\n } = props;\r\n\r\n return (\r\n \r\n
\r\n {loading ? {msg} \r\n
\r\n
\r\n \r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n loading: state.user.loading,\r\n validacionEnvio: state.user.verifyMail,\r\n msg: state.user.msgVerifyPass,\r\n});\r\n\r\nResetPassVerificationContainer.propTypes = {\r\n loading: PropTypes.bool.isRequired,\r\n onClose: PropTypes.func.isRequired,\r\n validacionEnvio: PropTypes.bool.isRequired,\r\n msg: PropTypes.string.isRequired,\r\n\r\n};\r\n\r\nexport default connect(mapStateToProps)(ResetPassVerificationContainer);\r\n","import ResetPasswordForm from './ResetPasswordForm';\r\n\r\nexport default ResetPasswordForm;\r\n","import React 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 './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 \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 openPasswordVerificationModalAction: bindActionCreators(openPasswordVerificationModal, dispatch),\r\n});\r\n\r\nResetPasswordContainer.propTypes = {\r\n loading: PropTypes.bool.isRequired,\r\n resetPasswordAction: PropTypes.func.isRequired,\r\n openPasswordVerificationModalAction: PropTypes.func.isRequired,\r\n onClose: PropTypes.func.isRequired,\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(ResetPasswordContainer);\r\n","import SearchForm from './SearchForm';\r\n\r\nexport default SearchForm;\r\n","import React 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,\r\n } = props;\r\n const dots = (word) => (word.length > 45 ? `${word.substring(0, 45)}...` : word);\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 {dots(item.name)}\r\n \r\n \r\n \r\n \r\n {item.description}\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 \r\n
\r\n
\r\n \r\n ))}\r\n \r\n );\r\n\r\n return (\r\n \r\n
\r\n {loading &&
}\r\n
\r\n
Buscar productos \r\n
\r\n
\r\n {!!items.length && renderItemsSearch()}\r\n {!items.length && 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 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 React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { connect } from 'react-redux';\r\n\r\nimport Modal from 'components/commons/Modal';\r\nimport { Carousel } from 'react-responsive-carousel';\r\n\r\nimport { imagesArrayPropTypes } from 'helpers/propTypes';\r\n\r\nconst ImagePopUpContainer = (props) => {\r\n const {\r\n loading, onClose, imagePopUp,\r\n } = props;\r\n\r\n return (\r\n \r\n {\r\n imagePopUp && (\r\n \r\n
\r\n {imagePopUp.map(({ id, image, text }) => (\r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n loading: state.user.loading,\r\n imagePopUp: state.app.imagePopUp,\r\n});\r\n\r\nImagePopUpContainer.propTypes = {\r\n // imagePopUp: PropTypes.img.isRequired,\r\n loading: PropTypes.bool.isRequired,\r\n onClose: PropTypes.func.isRequired,\r\n imagePopUp: imagesArrayPropTypes.isRequired,\r\n};\r\n\r\nexport default connect(mapStateToProps)(ImagePopUpContainer);\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 ResetPassVerificationContainer from 'containers/ResetPassVerificationContainer';\r\nimport ResetPasswordContainer from 'containers/ResetPasswordContainer';\r\nimport SearchContainer from 'containers/SearchContainer';\r\nimport ProductContainer from 'containers/ProductContainer';\r\nimport Modal from 'components/commons/Modal';\r\nimport CartContainer from './CartContainer';\r\nimport PurchaseHistoryContainer from './PurchaseHistoryContainer';\r\nimport ImagePopUpContainer from './ImagePopUpContainer';\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 default:\r\n return null;\r\n }\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n active: state.modal.active,\r\n data: state.modal.data,\r\n});\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n onClose: bindActionCreators(closeModal, dispatch),\r\n});\r\n\r\nModalManager.defaultProps = {\r\n active: null,\r\n data: null,\r\n};\r\n\r\nModalManager.propTypes = {\r\n active: PropTypes.string,\r\n // eslint-disable-next-line react/forbid-prop-types\r\n data: PropTypes.any,\r\n onClose: PropTypes.func.isRequired,\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(ModalManager);\r\n","import React from 'react';\r\nimport { connect } from 'react-redux';\r\n\r\nimport { whatsappPropTypes } from 'helpers/propTypes';\r\n\r\nimport whatsappImage from './assets/whatsapp.png';\r\n\r\nimport './Whatsapp.scss';\r\n\r\nconst Whatsapp = (props) => {\r\n const { whatsapp } = props;\r\n return whatsapp && (\r\n \r\n \r\n \r\n {cartSize}\r\n \r\n \r\n ) : (\r\n \r\n
\r\n
\r\n {cartSize}\r\n \r\n
\r\n {notification} \r\n
\r\n \r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n cartSize: cartSizeSelector(state),\r\n notification: state.cart.notification,\r\n});\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n deleteNotificationAction: bindActionCreators(deleteNotification, dispatch),\r\n openCartModalAction: bindActionCreators(openCartModal, dispatch),\r\n});\r\n\r\nCart.propTypes = {\r\n cartSize: PropTypes.number.isRequired,\r\n notification: PropTypes.string.isRequired,\r\n deleteNotificationAction: PropTypes.func.isRequired,\r\n openCartModalAction: PropTypes.func.isRequired,\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Cart);\r\n","import React from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport { connect } from 'react-redux';\r\nimport { categoriesArrayPropTypes, whatsappPropTypes } from 'helpers/propTypes';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport facebook from './assets/facebook.svg';\r\nimport instagram from './assets/instagram.svg';\r\nimport whatsappImage from './assets/whatsapp.svg';\r\nimport twitter from './assets/twitter.svg';\r\n\r\nimport map from './assets/map.svg';\r\nimport './Footer.scss';\r\n\r\nconst Footer = (props) => {\r\n const { categories, whatsapp, contact } = props;\r\n return (\r\n \r\n \r\n
\r\n
\r\n
\r\n
Contáctanos \r\n
\r\n {' '}\r\n
\r\n
\r\n
\r\n
\r\n
Accesos directos \r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
Categorías \r\n
\r\n {\r\n categories.map((category) => (\r\n
\r\n
\r\n ))\r\n }\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n CRACO Sitio Oficial © 2023 Derechos reservados por\r\n {' '}\r\n
Jaypion \r\n
\r\n
\r\n
\r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n categories: state.category.items,\r\n whatsapp: state.app.whatsapp,\r\n contact: state.app.contact,\r\n});\r\n\r\nFooter.defaultProps = {\r\n whatsapp: null,\r\n contact: null,\r\n};\r\n\r\nFooter.propTypes = {\r\n categories: categoriesArrayPropTypes.isRequired,\r\n whatsapp: whatsappPropTypes,\r\n contact: PropTypes.shape({\r\n number: PropTypes.string,\r\n email: PropTypes.string,\r\n }),\r\n};\r\nexport default connect(mapStateToProps)(Footer);\r\n// export default Footer;\r\n","import Footer from './Footer';\r\n\r\nexport default Footer;\r\n","import ErrorAPIConnection from './ErrorAPIConnection';\r\n\r\nexport default ErrorAPIConnection;\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\n\r\nimport \"./ErrorAPIConnection.scss\";\r\nimport Logo from \"components/main/Header/Logo\";\r\n\r\nconst ErrorAPIConnection = ({ errorMessage }) => {\r\n if (!errorMessage) return null;\r\n\r\n return (\r\n \r\n
\r\n
\r\n
\r\n {errorMessage}\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 'index.scss';\r\nimport App from 'App';\r\nimport * as serviceWorker from 'serviceWorker';\r\n\r\nReactDOM.render( 