\n {\n const {id, slug} = data;\n const rawSection = getProductData(location.pathname)?.params?.section;\n const section = rawSection ? `${rawSection}/` : '';\n const url = `/${section}${slug}${location.search || ''}`;\n const word = '/p-';\n const newWord = '/quick-view-';\n const n = url.lastIndexOf(word);\n \n history.push(url.slice(0, n) + url.slice(n).replace(word, newWord));\n dispatch(setProductSelected(id));\n }}\n >\n
*/}\n \n }\n\n \n );\n}\n","import React from 'react';\nimport {Helmet as RHelmet} from 'react-helmet';\nimport PropTypes from 'prop-types';\n\nHelmet.propTypes = {\n title: PropTypes.string,\n description: PropTypes.string.isRequired,\n canonical: PropTypes.string,\n og: PropTypes.shape({\n url: PropTypes.string.isRequired,\n type: PropTypes.string,\n title: PropTypes.string.isRequired,\n description: PropTypes.string.isRequired,\n image: PropTypes.string.isRequired,\n }),\n};\n\nfunction Helmet(props) {\n return (\n \n {!!data.discount_price_whit_tax && data.quantity > 0 && (\n \n {numeral(getPrice()).format('$0,0')}\n {!!data.discount_price_whit_tax && (\n
\n {data.quantity > 0 ? (\n \n {\n e.preventDefault();\n e.stopPropagation();\n dispatch(setShowModalSubscribeStockProduct(data.id));\n }}\n className={classes.addedProductButton}\n >\n NOTIFICAR DISPONIBILIDAD\n \n )}\n {/*
\n {/* oferta -{data.discount_percentage}%
\n )}\n \n {data?.oversize === 'true' && (\n Oversize\n )}\n {\n e.target.onerror = null;\n e.target.src = 'https://estrategia-web.s3.amazonaws.com/products/notfound.png';\n }}\n />\n {data.quantity <= 0 && (\n
\n \n AGOTADO\n
\n )}\n {data.name}
\n\n {numeral(getPrice()).format('$0,0')}\n {!!data.discount_price_whit_tax && (\n \n {numeral(getPrice(false)).format('$0,0')}\n \n )}\n
\n {data.quantity > 0 ? (\n \n {numeral(getPrice()).format('$0,0[.][00]')}\n
*/}\n \n {[...Array(nStars).keys()].map((_, i) => (\n
\n \n \n {review.user[0].first_name[0]}\n \n
\n \n {[...Array(review.score).keys()].map((_, i) => (\n
\n \n \n {children}\n \n {loading && (\n
\n );\n};\n\nexport default AppButton;\n","import {SELECTOR_UI_SHOW_SHOPPING_CART} from '../selectors/uiConfig';\nimport uiConfig from '../reducers/uiConfig';\nimport {\n UI_VALUE_LOADING_CHECKOUT_ADDRESS,\n UI_VALUE_LOADING_FULFILLMENT,\n UI_VALUE_SHOW_POPUP_HOME,\n UI_VALUE_SHOW_SHOPPING_CART,\n UI_VALUE_SUBSCRIBE_PRODUCT_ID,\n} from '../../constants/uiConfigValues';\n\nexport function toggleShoppingCart() {\n return async (dispatch, getState) => {\n const show = SELECTOR_UI_SHOW_SHOPPING_CART(getState());\n dispatch(uiConfig.Creators.setUiValue(UI_VALUE_SHOW_SHOPPING_CART, !show));\n };\n}\n\nexport function setLoadingRaw(key, loading) {\n return async (dispatch) => {\n dispatch(uiConfig.Creators.setUiValue(key, loading));\n };\n}\n\nexport function setLoadingCheckoutAddress(loading) {\n return setLoadingRaw(UI_VALUE_LOADING_CHECKOUT_ADDRESS, loading);\n}\n\nexport function setLoadingFulfillment(loading) {\n return setLoadingRaw(UI_VALUE_LOADING_FULFILLMENT, loading);\n}\n\nexport function setShowPopupHome(loading) {\n return setLoadingRaw(UI_VALUE_SHOW_POPUP_HOME, loading);\n}\n\nexport function setShowModalSubscribeStockProduct(productId) {\n return (dispatch) => {\n dispatch(uiConfig.Creators.setUiValue(UI_VALUE_SUBSCRIBE_PRODUCT_ID, productId))\n }\n}\n","import {\n ADD_NOTIFICATION,\n REMOVE_NOTIFICATION,\n SET_AUTHENTICATE,\n} from '../../constants/actionTypes';\n\nexport const addNotification = (text, type) => ({\n type: ADD_NOTIFICATION,\n payload: {\n text,\n type,\n },\n});\n\nexport const setAuthenticate = (value) => ({\n type: SET_AUTHENTICATE,\n payload: value,\n});\n\nexport const removeNotification = (id) => ({\n type: REMOVE_NOTIFICATION,\n payload: {\n id,\n },\n});\n","/* eslint-disable react-hooks/exhaustive-deps */\r\nimport React, {Fragment, useEffect} from 'react';\r\nimport {useDispatch, useSelector} from 'react-redux';\r\n// import {matchPath} from 'react-router';\r\nimport {useRouteMatch/* , useLocation */} from 'react-router-dom';\r\nimport {\r\n retryLoginAndGetCurrentUser,\r\n setHasPendingSecurity,\r\n setHasPendingUserData,\r\n setLoginDialogOpen,\r\n} from '../redux/actions';\r\nimport {getShoppingCart} from '../redux/actions';\r\nimport {getUnits} from '../redux/actions';\r\n// import {setResetSearchFilters} from '../redux/actions';\r\n\r\nfunction Guard({children}) {\r\n // const location = useLocation();\r\n const matchAccount = useRouteMatch('/mi-cuenta');\r\n const matchCheckout = useRouteMatch('/checkout');\r\n\r\n const isAuth = useSelector((state) => state.auth.isAuthenticate);\r\n const user = useSelector((state) => state.auth.user);\r\n const dispatch = useDispatch();\r\n\r\n // useEffect(() => {\r\n // if (!matchPath(location.pathname, {path: ['/b', '/c-:id-name']})) {\r\n // dispatch(setResetSearchFilters());\r\n // }\r\n // }, [location.pathname]);\r\n\r\n useEffect(() => {\r\n dispatch(retryLoginAndGetCurrentUser());\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (user.status === 'active' && user.company_id) {\r\n dispatch(getShoppingCart());\r\n dispatch(getUnits());\r\n }\r\n }, [isAuth, user.status, user.company_id]);\r\n\r\n useEffect(() => {\r\n if (isAuth) {\r\n dispatch(setLoginDialogOpen(false));\r\n if (user.status === 'pending security verification') {\r\n dispatch(setHasPendingSecurity(true));\r\n dispatch(setLoginDialogOpen(true));\r\n } else if (user.status === 'pending user data') {\r\n dispatch(setHasPendingUserData(true));\r\n dispatch(setLoginDialogOpen(true));\r\n }\r\n } else {\r\n if (matchAccount) {\r\n dispatch(setLoginDialogOpen(true));\r\n }\r\n }\r\n\r\n }, [\r\n isAuth,\r\n user.status,\r\n matchAccount && matchAccount.path,\r\n matchCheckout && matchCheckout.path,\r\n ]);\r\n\r\n return \n handleKeyPress({key: 'Enter'})}\n >\n
\n );\n});\n\nSearchField.propTypes = {\n white: PropTypes.bool,\n disableOutline: PropTypes.bool,\n handleSearch: PropTypes.func,\n};\n\nexport default SearchField;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\n\nconst modalRoot = document.getElementById('modal-root');\n\nclass Modal extends React.Component {\n constructor(props) {\n super(props);\n this.el = document.createElement('div');\n }\n\n componentDidMount() {\n modalRoot.appendChild(this.el);\n }\n\n componentWillUnmount() {\n modalRoot.removeChild(this.el);\n }\n\n render() {\n return ReactDOM.createPortal(this.props.children, this.el);\n }\n}\n\nexport default Modal;\n","import React from 'react';\nimport SvgIcon from '@material-ui/core/SvgIcon';\n\nconst ShopIcon = (props) => {\n return (\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Carrito de compras: {details.totalProducts} producto\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {details.products.map((item) => (\r\n debouncePathCountProduct(item.id, value)}\r\n handleDelete={() => removeProduct(item.id)}\r\n count={item.quantity}\r\n price={numeral(getProductPrice(item.product).price).format('0,0')}\r\n image={getCroppedPicture(item.product.main_media?.path, {\r\n width: 77,\r\n height: 77,\r\n })}\r\n status={item.product.status}\r\n quantity={item.product.quantity}\r\n productId={item.product.id}\r\n oversize={item.product.oversize}\r\n />\r\n ))}\r\n \r\n \r\n \r\n \r\n {ProductOversize ? (\r\n \r\n \r\n Subtotal:\r\n \r\n (\r\n \r\n {value}\r\n \r\n )}\r\n />\r\n \r\n \r\n \r\n *Envío:\r\n \r\n \r\n No calculado\r\n \r\n \r\n \r\n \r\n Iva:\r\n \r\n (\r\n \r\n {value}\r\n \r\n )}\r\n />\r\n \r\n \r\n \r\n Total:\r\n \r\n (\r\n \r\n {value}\r\n \r\n )}\r\n />\r\n \r\n \r\n {isDisabled ? (\r\n \r\n \r\n Algunos productos ya no están disponibles, por favor elimínelos para continuar.\r\n \r\n \r\n ) : (\r\n \r\n Comprar{' '}\r\n {value}}\r\n />\r\n \r\n )}\r\n \r\n \r\n
\r\n \r\n Los productos oversize no aplican para envío gratis\r\n
\r\n ) : null}\r\n- \r\n {categoriesTree.map((category) => (\r\n
\r\n {category.path_image && (\r\n
\r\n {renderSubmenu && (\r\n \r\n {level === 0 ?
\r\n )}\r\n \r\n {renderSubmenu && (\r\n \r\n
\r\n );\r\n}\r\n","/* eslint-disable react-hooks/exhaustive-deps */\nimport React, {useEffect} from 'react';\nimport {useHistory} from 'react-router-dom';\nimport Divider from '@material-ui/core/Divider';\nimport Drawer from '@material-ui/core/Drawer';\nimport makeStyles from '@material-ui/core/styles/makeStyles';\nimport Logo from '../assets/images/logo.svg';\nimport {useDispatch, useSelector} from 'react-redux';\nimport {getCategoriesTree} from '../redux/actions/categories';\nimport Menu from 'antd/lib/menu';\nimport {SELECTOR_CATEGORIES_TREE} from '../redux/selectors/categories';\nimport {toggleShoppingCart} from '../redux/actions/uiConfig';\nimport Typography from '@material-ui/core/Typography';\n\nconst useStylesTextMenu = makeStyles(() => ({\n text: {\n display: 'flex',\n alignItems: 'center',\n height: '100%',\n },\n}));\n\nfunction itemMenu({category, classesTextMenu}) {\n if (!category.children || !category.children.length) {\n return (\n \r\n
\r\n \r\n
\r\n - \r\n {categoriesTree.map((category) => (\r\n
\n
\n \n history.push('/')}\n className={classes.logo}\n alt=\"Logo Estrategias\"\n />\n
\n \n \n {categoriesTree.map((category) =>\n itemMenu({category, classesTextMenu}),\n )}\n \n
\n \n \n
\n \n \n \n \n Estas actuando en nombre de: \n \n \n \n {state?.user?.first_name} {state?.user?.last_name} - {state?.user?.company?.name}\n \n \n El perfil comercial está activo \n \n \n
\n}\n\nexport default HeaderBanner","import React, { useEffect, useState } from 'react'\nimport { useSelector } from 'react-redux'\nimport { SELECTOR_USER } from '../../../redux/selectors/auth'\nimport { CommercialContext } from '../context/commercial.context'\nimport HeaderBanner from '../ui/HeaderBanner'\nimport api from '../../../services/api'\nimport { ACCESS_TOKEN, COMMERCIAL_TOKEN } from '../../../enviroment'\nimport { useDispatch } from 'react-redux'\nimport { addNotification, retryLoginAndGetCurrentUser } from '../../../redux/actions'\n\nconst INITIAL_STATE = {\n user: {},\n companies: [],\n company_users: [],\n ownerToken: undefined,\n isDisableSelectUsers: true,\n isDisableButton: true,\n isOpenModal: false,\n loading: false,\n selected_company_id: 0,\n selected_user_id: 0,\n}\n\nconst useCommercialProfile = () => {\n const [loading, setLoading] = useState(false)\n const [state, setState] = useState(INITIAL_STATE)\n\n const user = useSelector(SELECTOR_USER)\n\n const dispatch = useDispatch()\n\n const fetchCompanies = async () => {\n return await api.companies.find({ query: { $limit: 9999, $client: { myCompanies: 'true' } } })\n .then(res => res.data)\n .catch(() => [])\n }\n\n const fetchUsers = async (companyId) => {\n return await api.users.find({ query: { company_id: companyId, $limit: 9999 } })\n .then(res => res.data)\n .catch(() => [])\n }\n \n const initState = async () => {\n if (user) {\n setState(prev => ({...prev, user, ownerToken: localStorage.getItem(COMMERCIAL_TOKEN)}))\n }\n }\n\n const changeProfile = async () => {\n if (state.ownerToken) {\n localStorage.setItem(ACCESS_TOKEN, state.ownerToken)\n localStorage.removeItem(COMMERCIAL_TOKEN)\n dispatch(retryLoginAndGetCurrentUser())\n } else {\n if (loading) return\n setLoading(true)\n const companies = await fetchCompanies()\n setState(prev => ({...prev, isOpenModal: true, companies}))\n setLoading(false)\n }\n }\n\n const handleCloseModal = () => {\n setState({...INITIAL_STATE, user})\n }\n\n const handleSelectCompany = async (companyId) => {\n const users = await fetchUsers(companyId)\n setState(prev => ({\n ...prev,\n company_users: users,\n selected_company_id: companyId,\n isDisableSelectUsers: false\n }))\n }\n\n const handleSelectUser = (userId) => {\n setState(prev => ({...prev, selected_user_id: userId, isDisableButton: false}))\n }\n\n const handleAuthProfile = async () => {\n setState(prev => ({...prev, loading: true}))\n const currentToken = localStorage.getItem(ACCESS_TOKEN)\n \n await api.authentication\n .create({\n strategy: 'commercial',\n accessToken: currentToken,\n profile_id: state.selected_user_id,\n })\n .then(({accessToken, user}) => {\n localStorage.setItem(ACCESS_TOKEN, accessToken)\n localStorage.setItem(COMMERCIAL_TOKEN, currentToken)\n\n setState(() => ({\n ...INITIAL_STATE,\n user,\n ownerToken: currentToken,\n }))\n dispatch(addNotification('Perfil cambiado correctamente.', 'success'));\n dispatch(retryLoginAndGetCurrentUser());\n })\n .catch((error) => {\n dispatch(addNotification(error.message, 'error'));\n });\n setState(prev => ({...prev, loading: false}))\n }\n\n useEffect(() => {\n initState()\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [user])\n\n if ((user && user.is_commercial === 'true') || state?.ownerToken) {\n return (\n \n
\n );\n}\n","/* eslint-disable react-hooks/exhaustive-deps */\nimport React, {useEffect, useState} from 'react';\nimport {makeStyles} from '@material-ui/core/styles';\nimport IconButton from '@material-ui/core/IconButton';\nimport MenuIcon from '@material-ui/icons/Menu';\nimport Typography from '@material-ui/core/Typography';\nimport Badge from '@material-ui/core/Badge';\nimport Logo from '../assets/images/logo.svg';\nimport SearchField from './SearchField';\nimport PersonOutlineIcon from '@material-ui/icons/PersonOutline';\nimport Container from '@material-ui/core/Container';\nimport {useDispatch, useSelector} from 'react-redux';\n// noinspection ES6CheckImport\nimport {useHistory, useLocation} from 'react-router-dom';\nimport {toggleShoppingCart} from '../redux/actions';\n// noinspection ES6CheckImport\nimport {searchStateToUrl} from '../modules/utils';\nimport {SELECTOR_SHOPPING_CART_PRODUCTS_COUNT} from '../redux/selectors/shoppingCart';\nimport Divider from '@material-ui/core/Divider';\nimport ShoppingCart from './ShoppingCart';\nimport CategoriesTopBar from './CategoriesTopBar';\nimport useMediaQuery from '@material-ui/core/useMediaQuery';\nimport {Box} from '@material-ui/core';\nimport {MenuDrawer} from './MenuDrawer';\nimport {SELECTOR_SEARCH_QUERY} from '../redux/selectors/search';\nimport {setSearchQuery} from '../redux/actions';\nimport Button from '@material-ui/core/Button';\nimport ShoppingCartOutlinedIcon from '@material-ui/icons/ShoppingCartOutlined';\nimport PhoneIcon from '@material-ui/icons/Phone';\nimport useCommercialProfile from './commercial/hooks/useCommercialProfile.hook';\nimport PromotionalMessage from './PromotionalMessage';\n\nfunction Search() {\n const query = useSelector(SELECTOR_SEARCH_QUERY);\n\n const location = useLocation();\n const history = useHistory();\n const dispatch = useDispatch();\n\n const urlSearchParams = new URLSearchParams(location.search);\n\n useEffect(() => {\n if (urlSearchParams.has('configure[query]')) {\n dispatch(setSearchQuery(urlSearchParams.get('configure[query]')));\n } else {\n dispatch(setSearchQuery(''));\n }\n }, []);\n\n function onSearch() {\n const location = {pathname: '/b'};\n const params = {configure: {query, page: 1}};\n const url = searchStateToUrl(location, params);\n history.push(url);\n }\n\n return (\n \n
\n \n 
\n Envío gratis por compras superiores a 350.000 COP *Aplica condiciones*\n
\n \n Envío gratis por compras superiores a 350.000 COP *Aplica condiciones*\n \n
\n \n {isMobil && (\n \n 
history.push('/')} className={classes.logo} alt=\"eltda\" />\n \n
\n {!isMobil && \n setOpenMenuDrawer(true)}>\n \n setOpenMenuDrawer(false)} />\n
\n )}\n \n {!isMobil && (\n history.push('/mi-cuenta/mis-productos')}\n >\n 
\n Mis productos\n \n )}\n {/* history.push('/mi-cuenta')}>\n \n {/*
\n \n \n \n \n \n \n +57 323 4793073
\n 385 8077\n \n
\n )}\n \n 385 8077\n \n
\n Mis productos\n \n )}\n {/* \n
\n \n \n \n Fabricante:\n \n %3D%201&hierarchicalMenu%5Bcategories.lvl0%5D=&refinementList%5Bbrand.name%5D%5B0%5D=${product?.brand?.name}`}\n >\n {product?.brand?.name}\n \n \n
\n )}\n {product.discount_price_whit_tax && (\n \n {product.discount_price_whit_tax &&
\n En Descuento
}\n \n AGOTADO\n
\n )}\n \n
\n \n {product.discount_price_whit_tax &&
\n En Descuento
}\n \n AGOTADO\n
\n )}\n Te\r\n estaremos llamando para realizar dicha verificación o puedes contactarnos por Whatsapp o llamada +57\r\n 323 4793073 para agilizar el proceso.\r\n
\r\n \r\n \r\n \r\n \r\n \r\n history.push('/')} className={classes.logo} alt=\"eltda\" />\r\n \r\n \r\n \r\n ACERCA DE ESTRATEGIAS LTDA\r\n \r\n \r\n \r\n \r\n INFORMACIÓN\r\n \r\n \r\n \r\n \r\n SÍGUENOS EN:\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 © 2021 Estrategias LTDA - Desarrollado y diseñado por e-me.co.\r\n \r\n \r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default Footer;\r\n","/* eslint-disable react-hooks/exhaustive-deps */\nimport React, { useEffect, useMemo } from 'react';\nimport makeStyles from '@material-ui/core/styles/makeStyles';\nimport WhatsAppIcon from '@material-ui/icons/WhatsApp';\nimport { isProductPage } from '../util/product';\nimport { useLocation } from 'react-router-dom';\nimport { useGA4React } from 'ga-4-react';\n\nconst useStyles = makeStyles({\n root: {\n '& .floatpse': {\n display: 'flex',\n alignItems: 'center',\n left: '4%',\n },\n '& .floatpse .floattxt': {\n padding: '15px 15px 15px 50px !important',\n marginLeft: '-40px',\n zIndex: 9,\n },\n '& .floatpse img': {\n zIndex: 9,\n },\n '& .floattxt': {\n backgroundColor: '#29A71B',\n color: 'white',\n padding: '10px 15px',\n borderRadius: '30px',\n boxShadow: '0px 3px 6px 0px rgba(0,0,0,0.09)',\n display: 'inline-block',\n fontWeight: 400,\n fontSize: 15,\n },\n '& .floatwa .MuiSvgIcon-root': {\n color: 'white',\n fontSize: '24px',\n margin: '0 7px',\n verticalAlign: 'middle',\n },\n\n '& .floatwa': {\n right: '4%',\n },\n\n '& .floatpse, .floatwa': {\n position: 'fixed',\n bottom: '8%',\n zIndex: '100',\n },\n '& @media only screen and (max-width: 996px)': {\n '& .floatwa': {\n display: 'none',\n },\n },\n },\n});\n\nButtonWathsApp.propTypes = {\n //\n};\n\nfunction ButtonWathsApp(props) {\n const location = useLocation();\n const classes = useStyles();\n const ga = useGA4React();\n\n const currentUrl2 = window.location.href;\n\n const p = useMemo(() => isProductPage(location.pathname), [\n location.pathname,\n ]);\n\n useEffect(() => {\n if (ga) {\n }\n }, [!!ga]);\n\n return (\n \n
\n );\n}\n\nexport default ButtonWathsApp;\n","import React, {useState, useEffect} from 'react';\r\nimport {Box, Dialog, Fade, makeStyles, useMediaQuery, withStyles} from '@material-ui/core';\r\nimport CloseIcon from '@material-ui/icons/Close';\r\nimport {useLocation, matchPath} from 'react-router-dom';\r\nimport {getFullPicture} from '../modules/imageHandler';\r\nimport moment from 'moment';\r\nimport api from '../services/api';\r\n\r\nconst useCookieRemember = ({type} = {type: 'next-remember'}) => {\r\n const cookieName = 'remember-popup-v2';\r\n\r\n const [remember, setRemember] = useState(false);\r\n\r\n const mountHook = () => {\r\n const cookie = window.localStorage.getItem(cookieName);\r\n\r\n if (!cookie) {\r\n setRemember(true);\r\n return;\r\n }\r\n\r\n const now = moment().format('YYYY-MM-DD');\r\n const cookieRemember = moment(cookie).format('YYYY-MM-DD');\r\n\r\n if (type === 'next-remember') {\r\n if (now === cookieRemember) setRemember(true);\r\n } else {\r\n if (now !== cookieRemember) setRemember(true);\r\n }\r\n };\r\n\r\n const rememberMeIn = (days = 8) => {\r\n const rIn = moment().add(days, 'days').format('YYYY-MM-DD');\r\n window.localStorage.setItem(cookieName, rIn);\r\n setRemember(false);\r\n };\r\n\r\n const lastRemember = () => {\r\n const today = moment().format('YYYY-MM-DD');\r\n window.localStorage.setItem(cookieName, today);\r\n };\r\n\r\n useEffect(() => {\r\n mountHook();\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, []);\r\n\r\n return {\r\n remember,\r\n rememberMeIn,\r\n lastRemember,\r\n };\r\n};\r\n\r\nconst Transition = React.forwardRef(function Transition(props, ref) {\r\n return \n { \n window.gtag('event', 'whatsapp');\n window.fbq('track', 'Whatsapp');\n }}\n className=\"wa-desktop\"\n href={`https://wa.me/573234793073?text=${p\n ? `Hola%20Estrategia%20Ltda,%20estoy%20interesado%20en%20el%20producto%20${currentUrl2}`\n : `%C2%A1Hola%21%20estoy%20interesado%20en%20los%20productos%20de%20Estrategias%2C%20necesito%20asesor%C3%ADa.%20%C2%A1Gracias%21`\n }`}\n target=\"blank\"\n >\n \n
\n