\n \n
\n \n \n \n \n \n \n) => {\n return (\n \n \n \n );\n};\n\nfunction Settings2(props) {\n const [Loading, setLoading] = useState(false);\n\n const [ciudades, setCiudades] = useState([]);\n const [estados, setEstados] = useState([]);\n const [negocio, setNegocio] = useState([]);\n\n const [direccion, setDireccion] = useState(\"\");\n const [zona, setZona] = useState(\"\");\n const [precio_envio, setPrecioEnvio] = useState(0);\n const [ciudad, setCiudad] = useState([]);\n const [estado, setEstado] = useState([]);\n const [envio, setEnvio] = useState([]);\n const [codigo_postal, setCodigoPostal] = useState(\"\");\n\n const [data_loaded, setDataLoaded] = useState(false);\n\n const [direccionError, setDireccionError] = useState(\"\");\n const [zonaError, setZonaError] = useState(\"\");\n const [precio_envioError, setPrecioEnvioError] = useState(\"\");\n const [ciudadError, setCiudadError] = useState(\"\");\n const [envioError, setEnvioError] = useState(\"\");\n const [estadoError, setEstadoError] = useState(\"\");\n const [codigo_postalError, setCodigoPostalError] = useState(\"\");\n\n const [settings3, setSettings3] = useState(false);\n\n const [settingsEnvio, setSettingsEnvio] = useState(false);\n\n useEffect(() => {\n // loadCiudades();\n if (props.negocio) {\n const negocio = props.negocio;\n console.log(negocio)\n negocio.envios ? negocio.envios[0].id == 1 ? setEnvio(options[1]) : setEnvio(options[2]) : setEnvio(options[0]);\n if (negocio.nuevo && negocio.direccion == \"null\" && negocio.zona == \"null\") {\n setDireccion(\"\");\n setZona(\"\");\n setPrecioEnvio(\"\");\n setCodigoPostal(\"\");\n const data = {\n estado_id: 1\n }\n loadCiudades(data, negocio.ciudad_id);\n loadEstados(negocio.estado_id);\n } else {\n setDireccion(negocio.direccion !== \"null\" ? negocio.direccion : \"\");\n setZona(negocio.zona);\n setPrecioEnvio(negocio.precio_envio);\n setCodigoPostal(negocio.codigo_postal == 0 ? \"\" : negocio.codigo_postal);\n const data = {\n estado_id: negocio.estado_id\n }\n loadEstados(negocio.estado_id);\n loadCiudades(data, negocio.ciudad_id);\n }\n setNegocio(negocio);\n } else {\n getCurrentNegocio().then(res => {\n if (res) {\n const negocio = res;\n\n negocio.envios ? negocio.envios[0].id == 1 ? setEnvio(options[1]) : setEnvio(options[2]) : setEnvio(options[0]);\n if (negocio.nuevo && negocio.direccion == \"null\" && negocio.zona == \"null\") {\n setDireccion(\"\");\n setZona(\"\");\n setPrecioEnvio(\"\");\n setCodigoPostal(\"\");\n const data = {\n estado_id: negocio.estado_id\n }\n loadEstados(negocio.estado_id);\n loadCiudades(data, negocio.ciudad_id);\n } else {\n setDireccion(negocio.direccion !== \"null\" ? negocio.direccion : \"\");\n setZona(negocio.zona);\n setPrecioEnvio(negocio.precio_envio);\n setCodigoPostal(negocio.codigo_postal);\n const data = {\n estado_id: negocio.estado_id\n }\n loadEstados(negocio.estado_id);\n loadCiudades(data, negocio.ciudad_id);\n }\n setNegocio(negocio);\n }\n })\n\n }\n\n\n }, [])\n\n function loadCiudades(data, ciudad_id) {\n getCiudadesByEstado(data).then(res => {\n if (res) {\n const ciudades = []\n res.map((ciudad, index) => {\n ciudad = {\n ...ciudad,\n value: ciudad.id,\n label: ciudad.nombre\n }\n ciudades.push(ciudad)\n if (ciudad.id == ciudad_id) {\n setCiudad(ciudad);\n console.log(ciudad)\n }\n })\n setCiudades(ciudades);\n\n } else {\n // window.location.replace(\"/login\")\n }\n })\n }\n\n function loadEstados(estado_id) {\n getEstados().then(res => {\n if (res) {\n const estados = []\n res.map((estado, index) => {\n estado = {\n ...estado,\n value: estado.id,\n label: estado.name\n }\n estados.push(estado)\n if (estado.id == estado_id) {\n setEstado(estado);\n console.log(estado)\n\n }\n })\n setEstados(estados);\n } else {\n window.location.replace(\"/login\")\n }\n })\n }\n\n function validateCPLength(value) {\n var msg = \"\"\n if (value.length > 5) {\n msg = \"El número debe ser maximo 5 dígitos\";\n }\n setCodigoPostalError(msg);\n return msg\n }\n\n function validateFields() {\n let direccionError = \"\";\n let zonaError = \"\";\n let precio_envioError = \"\";\n let ciudadError = \"\";\n let envioError = \"\";\n let estadoError = \"\";\n let codigo_postalError = \"\";\n /*\n if (direccion == \"\") {\n direccionError = \"Requerido\";\n }\n */\n if (zona == \"\") {\n zonaError = \"Requerido\";\n }\n\n if (ciudad == \"\") {\n ciudadError = \"Selecciona una opción\";\n }\n if (estado == \"\") {\n estadoError = \"Selecciona una opción\";\n }\n\n if (envio.value == null) {\n envioError = \"Selecciona una opción\";\n } else if (envio.value) {\n if (precio_envio == \"\") {\n precio_envioError = \"Requerido\";\n }\n }\n if (codigo_postal == \"\") {\n codigo_postalError = \"Requerido\";\n } else {\n codigo_postalError = validateCPLength(codigo_postal);\n }\n\n if (\n direccionError ||\n zonaError ||\n precio_envioError ||\n ciudadError ||\n envioError ||\n estadoError ||\n codigo_postalError\n ) {\n setDireccionError(direccionError);\n setZonaError(zonaError);\n setPrecioEnvioError(precio_envioError);\n setCiudadError(ciudadError);\n setEnvioError(envioError);\n setCodigoPostalError(codigo_postalError);\n setEstadoError(estadoError);\n return false;\n } else {\n setDireccionError(direccionError);\n setZonaError(zonaError);\n setPrecioEnvioError(precio_envioError);\n setCiudadError(ciudadError);\n setEnvioError(envioError);\n setCodigoPostalError(codigo_postalError);\n setEstadoError(estadoError);\n return true;\n }\n }\n\n function handleEnvioOption(selectedOption) {\n setEnvio(selectedOption);\n }\n\n function handleCiudadOption(selectedOption) {\n setCiudad(selectedOption);\n }\n function handleEstadoOption(selectedOption) {\n setEstado(selectedOption);\n const data = {\n estado_id: selectedOption.id\n }\n loadCiudades(data);\n }\n\n function handleSubmit() {\n setLoading(true)\n const data_content = {\n id: negocio.id,\n tags_ids: negocio.tags_ids,\n nombre: negocio.nombre,\n website: negocio.website,\n whatsap: negocio.whatsap,\n facebook: negocio.facebook,\n telefono: negocio.whatsap,\n categoria_id: negocio.categoria_id,\n descripcion: negocio.descripcion,\n dominio_okki: negocio.dominio_okki,\n rango_id: negocio.rango_id,\n instagram: negocio.instagram,\n precio_envio: precio_envio > 0 ? precio_envio : 0,\n persona_contacto: negocio.persona_contacto,\n tipos: [negocio.tipos[0].id],\n //EDITED FIELDS IN VIEW\n envios: envio.value ? [1] : [2],\n ciudad_id: ciudad.id,\n zona: zona,\n codigo_postal: codigo_postal,\n direccion: direccion,\n estado_id: estado.id\n }\n const isValid = validateFields()\n if (isValid) {\n const data = {\n id: negocio.id,\n data: data_content\n }\n putNegocios(data).then(res => {\n if (res) {\n if (res.nuevo) {\n localStorage.setItem('negocio', JSON.stringify(res))\n setNegocio(res);\n changeSettings(res);\n } else {\n localStorage.setItem('negocio', JSON.stringify(res))\n window.location.reload()\n }\n }\n })\n }\n setTimeout(() => {\n setLoading(false);\n }, 2000);\n }\n\n function changeSettings(negocio) {\n setSettings3(true);\n }\n\n function validateNumberLength(value) {\n var price = parseFloat(value.replace('$', ''));\n console.log(value, price);\n if (value.length < 6) {\n setPrecioEnvio(price)\n } else {\n setPrecioEnvioError(\"No puede ser mayor de 6 digitos.\")\n setTimeout(() => {\n setPrecioEnvioError(\"\");\n }, 2000);\n }\n }\n\n\n return (\n <>\n {settings3 ?\n \n \n (subtitle = _subtitle)}\n className=\"titleMin modalTitle\"\n style={{ textAlign: \"center\" }}\n >\n ¿Deseas eliminar tu cuenta?\n \n
\n\n\n\n \n) => {\n return (\n \n \n \n );\n};\n\nfunction SettingsNegocio(props) {\n const tagifyRef = useRef();\n // just a name I made up for allowing dynamic changes for tagify settings on this component\n const [tagifySettings, setTagifySettings] = useState([]);\n const [tagifyProps, setTagifyProps] = useState({});\n\n\n const [negocio, setNegocio] = useState([]);\n const [categorias, setCategorias] = useState([]);\n const [rangos, setRangos] = useState([]);\n\n\n const [Loading, setLoading] = useState(false);\n const [nombre, setNombre] = useState(\"\");\n const [email, setEmail] = useState(\"\");\n //const [nombre_negocio, setNombreNegocio] = useState(\"\");\n const [url_negocio, setUrlNegocio] = useState(\"\");\n const [whatsapp, setWhatsapp] = useState(\"\");\n const [descripcion, setDescripcion] = useState(\"\");\n const [categoria_id, setCategoria] = useState(\"\");\n const [tags, setTags] = useState([]);\n const [rango, setRango] = useState(\"\");\n const [imagen, setImagen] = useState(\"\");\n const [file_preview, setFilePreview] = useState(\"\");\n const [file, setFile] = useState([]);\n\n const [settings2, setSettings2] = useState(false);\n const [settings1, setSettings1] = useState(false);\n\n\n\n // crop\n const [upImg, setUpImg] = useState();\n const imgRef = useRef(null);\n const previewCanvasRef = useRef(null);\n const [crop, setCrop] = useState({ unit: \"px\", width: 360, aspect: 1 });\n const [completedCrop, setCompletedCrop] = useState(false);\n const [crop_completed, setCropCompleted] = useState(false);\n const [completedCropImg, setCroppedImage] = useState(\"\");\n\n //data \n\n const [nombreError, setNombreError] = useState(\"\");\n const [postEmailError, setPostEmailError] = useState(\"\");\n const [emailError, setEmailError] = useState(\"\");\n const [nombre_negocioError, setNombre_negocioError] = useState(\"\");\n const [url_negocioError, setUrl_negocioError] = useState(\"\");\n const [whatsappError, setWhatsappError] = useState(\"\");\n const [descripcionError, setDescripcionError] = useState(\"\");\n const [tagsError, setTagsError] = useState(\"\");\n const [categoriaError, setCategoriaError] = useState(\"\");\n const [rangoError, setRangoError] = useState(\"\");\n const [imagenError, setImagenError] = useState([]);\n const [is_editing, setEditing] = useState(false);\n const [newCategory, setNewCategory] = useState(\"\");\n const [dominio_okkiError, setDominio_okkiError] = useState(false);\n const [modalIsOpen, setIsOpen] = React.useState(false);\n\n\n const onLoad = useCallback(img => {\n imgRef.current = img;\n }, []);\n\n useEffect(() => {\n if (props.negocio) {\n const negocio = props.negocio;\n\n console.log(negocio)\n setNombre(negocio.nombre);\n setEmail(negocio.user.correo);\n setWhatsapp(negocio.whatsap);\n if (negocio.nuevo && negocio.tags_ids == null) {\n setTags(\"\");\n //setDescripcion(\"\");\n //setUrlNegocio(\"\");\n } else {\n setTags(JSON.parse(negocio.tags_ids));\n //setDescripcion(negocio.descripcion);\n //setUrlNegocio(negocio.dominio_okki);\n if (negocio.imagen_url) {\n setImagen(negocio.imagen_url);\n setFilePreview(negocio.imagen_url);\n }\n }\n const categorias = [];\n negocio.categorias.map((categoria, index) => {\n if (categoria.tipo_id == negocio.tipos[0].id) {\n categoria = {\n ...categoria,\n value: categoria.id,\n label: categoria.detalle\n }\n categorias.push(categoria);\n if (categoria.id == negocio.categoria_id) {\n setCategoria(categoria);\n }\n }\n })\n setCategorias(categorias);\n\n const rangos = [];\n negocio.rangos.map((rango, index) => {\n rango = {\n ...rango,\n value: rango.id,\n label: rango.detalle\n }\n rangos.push(rango);\n if (rango.id == negocio.rango_id) {\n setRango(rango);\n }\n });\n setRangos(rangos);\n\n setNegocio(negocio);\n\n } else {\n\n\n getCurrentNegocio().then(res => {\n console.log(props)\n const negocio = res;\n console.log(negocio)\n setNombre(negocio.nombre);\n setEmail(negocio.user.correo);\n setWhatsapp(negocio.whatsap);\n if (negocio.nuevo && negocio.tags_ids == null) {\n setTags(\"\");\n //setDescripcion(\"\");\n //setUrlNegocio(\"\");\n } else {\n setTags(JSON.parse(negocio.tags_ids));\n //setDescripcion(negocio.descripcion);\n //setUrlNegocio(negocio.dominio_okki);\n if (negocio.imagen_url) {\n setImagen(negocio.imagen_url);\n setFilePreview(negocio.imagen_url);\n }\n }\n const categorias = [];\n negocio.categorias.map((categoria, index) => {\n if (categoria.tipo_id == negocio.tipos[0].id) {\n categoria = {\n ...categoria,\n value: categoria.id,\n label: categoria.detalle\n }\n categorias.push(categoria);\n if (categoria.id == negocio.categoria_id) {\n setCategoria(categoria);\n }\n }\n })\n setCategorias(categorias);\n\n const rangos = [];\n negocio.rangos.map((rango, index) => {\n rango = {\n ...rango,\n value: rango.id,\n label: rango.detalle\n }\n rangos.push(rango);\n if (rango.id == negocio.rango_id) {\n setRango(rango);\n }\n });\n setRangos(rangos);\n\n setNegocio(negocio);\n })\n }\n\n //setTagifyProps({ loading: true });\n\n getWhitelistFromServer(2000).then((response) => {\n setTagifySettings((lastState) => ({\n ...lastState,\n whitelist: response,\n }));\n\n //setTagifyProps({ showDropdown: \"a\", loading: false });\n });\n }, [])\n\n // merged tagify settings (static & dynamic)\n const settings = {\n ...baseTagifySettings,\n ...tagifySettings,\n callbacks: tagifyCallbacks,\n };\n\n const onChange = useCallback((e) => {\n e.persist();\n console.log(\"CHANGED:\", e.target.value);\n const tags = tagifyRef.current.getTagElms()\n console.log(tags)\n }, []);\n\n // access Tagify internal methods example:\n const clearAll = () => {\n tagifyRef.current && tagifyRef.current.removeAllTags();\n };\n\n function validateFields() {\n let nombreError = \"\"\n let imagenError = \"\"\n let emailError = \"\"\n let nombre_negocioError = \"\"\n let url_negocioError = \"\"\n let envio_idError = \"\"\n let whatsappError = \"\"\n let descripcionError = \"\"\n let tagsError = \"\"\n let categoriaError = \"\"\n let rangoError = \"\"\n\n /*\n if (nombre == \"\") {\n nombreError = \"Requerido\"\n }\n if (imagen == \"\") {\n imagenError = \"Agrega una imagen de logotipo\"\n }\n if (email == \"\") {\n emailError = \"Requerido\"\n }\n if (url_negocio == \"\") {\n url_negocioError = \"Requerido\"\n }\n if (whatsapp == \"\") {\n whatsappError = \"Requerido\"\n }\n if (descripcion == \"\") {\n descripcionError = \"Requerido\"\n }\n */\n if (tags == \"\") {\n tagsError = \"Requerido\"\n }\n if (categoria_id == \"\") {\n categoriaError = \"Selecciona una opción\"\n }\n if (rango == \"\") {\n rangoError = \"Selecciona una opción\"\n }\n\n if (nombreError || imagenError || emailError || nombre_negocioError || url_negocioError || envio_idError || whatsappError || descripcionError || rangoError || tagsError) {\n setNombreError(nombreError)\n setImagenError(imagenError)\n setEmailError(emailError)\n setNombre_negocioError(nombre_negocioError)\n setUrl_negocioError(url_negocioError)\n setWhatsappError(whatsappError)\n setDescripcionError(descripcionError)\n setTagsError(tagsError)\n setCategoriaError(categoriaError)\n setRangoError(rangoError)\n return false\n } else {\n setNombreError(nombreError)\n setImagenError(imagenError)\n setEmailError(emailError)\n setNombre_negocioError(nombre_negocioError)\n setUrl_negocioError(url_negocioError)\n setWhatsappError(whatsappError)\n setDescripcionError(descripcionError)\n setTagsError(tagsError)\n setCategoriaError(categoriaError)\n setRangoError(rangoError)\n return true\n }\n }\n\n function handleCategoria(selectedOption) {\n setCategoria(selectedOption);\n }\n\n function handleRango(selectedOption) {\n setRango(selectedOption);\n }\n\n\n\n async function handleSubmit() {\n setLoading(true)\n /*\n for (var key of formData.entries()) {\n console.log(key[0] + ', ' + key[1]);\n }\n\n const data = {\n id: negocio.id,\n tags_ids: JSON.stringify(tags),\n nombre: nombre,\n codigo_postal: \"0000\",\n direccion: \"provicional\",\n website: negocio.website,\n whatsap: negocio.whatsap,\n facebook: \"provicional\",\n instagram: \"provicional\",\n telefono: negocio.whatsap,\n imagen_url: \"provicional\",\n categoria_id: categoria_id.id,\n descripcion: descripcion,\n dominio_okki: url_negocio,\n rango_id: rango.id,\n zona: negocio.zona,\n persona_contacto: negocio.persona_contacto,\n precio_envio: negocio.precio_envio,\n tipos: [negocio.tipos[0].id],\n envios: [negocio.envios[0].id],\n ciudad_id: 0\n }\n */\n\n const isValid = validateFields()\n console.log(newCategory)\n if (isValid) {\n\n var formData = new FormData();\n if (is_editing) {\n const croppedImg = await getCroppedImg(imgRef.current, completedCrop, \"producto_image\");\n for (let i = 0; i < imagen.length; i++) {\n formData.append(\"image[]\", completedCropImg);\n }\n } else {\n for (let i = 0; i < imagen.length; i++) {\n formData.append(\"image[]\", completedCropImg);\n }\n }\n formData.append(\"id\", negocio.id);\n formData.append(\"tags_ids\", JSON.stringify(tags));\n formData.append(\"nombre\", negocio.nombre);\n formData.append(\"codigo_postal\", negocio.codigo_postal);\n formData.append(\"direccion\", negocio.direccion);\n formData.append(\"website\", negocio.website);\n formData.append(\"whatsap\", negocio.whatsap);\n formData.append(\"facebook\", negocio.facebook);\n formData.append(\"instagram\", negocio.instagram);\n formData.append(\"telefono\", negocio.whatsap);\n formData.append(\"categoria_id\", categoria_id.id);\n formData.append(\"descripcion\", negocio.descripcion);\n formData.append(\"dominio_okki\", negocio.dominio_okki);\n formData.append(\"rango_id\", rango.id);\n formData.append(\"zona\", negocio.zona);\n formData.append(\"persona_contacto\", negocio.persona_contacto);\n formData.append(\"precio_envio\", negocio.precio_envio);\n formData.append(\"tipos\", [negocio.tipos[0].id]);\n formData.append(\"envios\", [negocio.envios[0].id]);\n formData.append(\"ciudad_id\", negocio.ciudad_id);\n if (newCategory.new) {\n formData.append(\"new_category\", newCategory.detalle)\n }\n\n const data = {\n id: negocio.id,\n data: formData\n }\n putNegocios(data).then(res => {\n if (res) {\n if (negocio.nuevo) {\n localStorage.setItem('negocio', JSON.stringify(res))\n setNegocio(res);\n changeSettings(res);\n } else {\n localStorage.setItem('negocio', JSON.stringify(res))\n setTimeout(() => {\n window.location.reload()\n }, 1000);\n }\n }\n })\n }\n setTimeout(() => {\n setLoading(false);\n setDominio_okkiError(\"\");\n }, 2000);\n }\n\n function changeSettings(negocio) {\n setSettings2(true);\n }\n\n async function finished_crop() {\n const croppedImg = await getCroppedImg(imgRef.current, completedCrop, \"producto_image\");\n var fileData = new FileReader();\n fileData.readAsDataURL(croppedImg)\n fileData.onloadend = () => {\n setFilePreview(fileData.result);\n };\n setCropCompleted(true);\n setCroppedImage(croppedImg);\n }\n\n function clearPreview() {\n setFilePreview(\"\")\n setCropCompleted(false)\n setImagen([])\n }\n\n function getCroppedImg(image, crop, fileName) {\n const canvas = document.createElement('canvas');\n const scaleX = image.naturalWidth / image.width;\n const scaleY = image.naturalHeight / image.height;\n canvas.width = crop.width;\n canvas.height = crop.height;\n const ctx = canvas.getContext('2d');\n\n ctx.drawImage(\n image,\n crop.x * scaleX,\n crop.y * scaleY,\n crop.width * scaleX,\n crop.height * scaleY,\n 0,\n 0,\n crop.width,\n crop.height,\n );\n\n // As Base64 string\n // const base64Image = canvas.toDataURL('image/jpeg');\n\n // As a blob\n return new Promise((resolve, reject) => {\n canvas.toBlob(blob => {\n blob.name = fileName;\n resolve(blob);\n }, 'image/png', 1);\n });\n }\n\n const handleInputChange = (value) => {\n console.log(value);\n const category = {\n new: true,\n detalle: value\n }\n if (value) {\n setNewCategory(category);\n }\n };\n\n return (\n <>{settings2 ?\n \n);\n\nexport default class NavbarMin extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n prevScrollpos: typeof window !== \"undefined\" && window.pageYOffset,\n visible: true,\n hoveredBuy: false,\n hoveredEat: false,\n hoveredHire: false,\n };\n }\n state = {\n activeMenu: true,\n isFocused: false,\n };\n\n onMouseEnterBuy = (e) => {\n this.setState({ hoveredBuy: true });\n };\n onMouseEnterEat = (e) => {\n this.setState({ hoveredEat: true });\n };\n onMouseEnterHire = (e) => {\n this.setState({ hoveredHire: true });\n };\n\n onMouseLeaveBuy = (e) => {\n this.setState({ hoveredBuy: false });\n };\n onMouseLeaveEat = (e) => {\n this.setState({ hoveredEat: false });\n };\n onMouseLeaveHire = (e) => {\n this.setState({ hoveredHire: false });\n };\n\n onFocusChange = () => {\n this.setState({ isFocused: !this.state.isFocused });\n };\n\n toggleMenu = () => {\n this.setState({\n activeMenu: !this.state.activeMenu,\n });\n };\n escFunction(event) {\n if (event.keyCode === 27) {\n const navigationWindow = document.getElementById(\"myNav\");\n navigationWindow.style.width = \"0%\";\n const navbarOverlay = document.getElementById(\"navbarOverlay\");\n navbarOverlay.style.opacity = 0;\n navbarOverlay.style.visibility = \"hidden\";\n const menuContainer1 = document.getElementById(\"menuContainer1\");\n if (menuContainer1) {\n menuContainer1.style.display = \"none\";\n }\n const menuContainer2 = document.getElementById(\"menuContainer2\");\n if (menuContainer2) {\n menuContainer2.style.display = \"none\";\n }\n }\n }\n componentDidMount() {\n if (typeof window === \"undefined\") {\n global.window = {};\n }\n window.addEventListener(\"scroll\", this.handleScroll);\n\n document.addEventListener(\"keydown\", this.escFunction, false);\n }\n\n componentWillUnmount() {\n window.removeEventListener(\"scroll\", this.handleScroll);\n document.removeEventListener(\"keydown\", this.escFunction, false);\n }\n\n handleScroll = () => {\n const { prevScrollpos } = this.state;\n\n const currentScrollPos = window.pageYOffset;\n const visible = prevScrollpos > currentScrollPos || \"100\" > currentScrollPos;\n\n this.setState({\n prevScrollpos: currentScrollPos,\n visible,\n });\n };\n\n handleClickOutside(event) {\n if (this.wrapperRef && !this.wrapperRef.contains(event.target)) {\n const navigationWindow = document.getElementById(\"myNav\");\n navigationWindow.style.width = \"0%\";\n const navbarOverlay = document.getElementById(\"navbarOverlay\");\n navbarOverlay.style.opacity = 0;\n navbarOverlay.style.visibility = \"hidden\";\n const menuContainer1 = document.getElementById(\"menuContainer1\");\n if (menuContainer1) {\n menuContainer1.style.display = \"none\";\n }\n const menuContainer2 = document.getElementById(\"menuContainer2\");\n if (menuContainer2) {\n menuContainer2.style.display = \"none\";\n }\n }\n }\n\n render() {\n const { hoveredEat } = this.state;\n const { hoveredBuy } = this.state;\n const { hoveredHire } = this.state;\n const styleBuy = hoveredBuy ? { backgroundColor: \"#95983A\" } : {};\n const styleEat = hoveredEat ? { backgroundColor: \"#ED3325\" } : {};\n const styleHire = hoveredHire ? { backgroundColor: \"#FF9C38\" } : {};\n return (\n <>\n \n \n \n\n {/* \n \n \n \n \n \n \n \n \n */}\n
\n \n\n \n
\n \n 
{ navigateToProfile(producto.negocio) }} />\n
\n {/* \n { window.location.replace(`/${producto.negocio.dominio_okki}`) }} />\n
*/}\n \n \n \n \n {/* */}\n\n\n
\n \n \n \n\n \n \n
\n \n {\n //
\n \n }\n
\n\n \n\n \n
\n\n \n \n {producto.images.map(image => (\n \n
\n\n \n 
\n {\n image_loaded ?\n null\n :\n
\n \n ))\n\n }\n\n \n \n
\n }\n \n
\n \n
\n
\n
\n
\n \n { window.location.replace(`/${producto.negocio.dominio_okki}`) }} /> */}\n
\n \n { navigateToProfile(producto.negocio) }} />\n\n {/* 
*/}\n
\n {/* \n \n \n
\n \n
\n
\n {producto.nombre}
\n\n \n \n
\n \n {producto.descripcion}\n
\n\n {producto.negocio.envios[0].id == 2 ?\n
\n {'A convenir'}
\n :\n\n {\"Envío \"}\n
\n
\n \n
\n \n {producto.negocio.estado ? producto.negocio.estado.name : ''}
\n{producto.negocio.ciudad ? producto.negocio.ciudad.nombre : ''}
\n\n
\n\n {tags.map(tag => (\n { Search(tag) }}>\n {tag}\n \n ))\n }\n
\n \n \n \n
\n ¡El enlace se ha copiado al portapapeles!
\n\n \n \n
\n\n\n \n Reporte envíado. Gracias 🖖
\n\n \n Reportar contenido\n \n \n \n \n \n \n
\n {\n createFlag();\n flags();\n reportedPopUp();\n }}\n >\n Reportar\n \n\n \n
\n\n \n \n
\n \n Facebook\n \n \n \n Twitter\n \n \n \n Whatsapp\n \n \n \n { copiedPopUp() }} className=\"shareModal-button link\">\n Copiar\n \n \n \n
\n \n\n\n , document.body\n) : null;\n\nexport default ModalProductos;","import React, { useEffect, useState } from \"react\";\nimport { Link, NavLink } from \"react-router-dom\";\nimport profileThumb from \"../images/profileThumb.png\";\nimport Navbar from \"./Navbar\";\n\nimport Select, { components } from \"react-select\";\nimport { getCiudadesByEstado, getCurrentNegocio, getEstados, getNegocios, putNegocios } from \"./API Functions\";\nimport Settings3 from \"./Settings-3\";\nimport { func } from \"prop-types\";\n\nimport NumberFormat from 'react-number-format';\nimport { data } from \"isotope-layout\";\nimport SettingsNegocio from \"./Settings-Negocio\";\n\n\nconst options = [\n { value: null, label: \"-\" },\n { value: true, label: \"Sí\" },\n { value: false, label: \"No\" },\n];\n\nconst DropdownIndicator = (\n props: ElementConfig\n\n
\n : null}\n \n
\n \n
\n
\n Configuración
\n\n\n
- \n
- \n \n Perfil\n \n \n
- \n \n Negocio\n \n \n
- \n \n Dirección y Envíos\n \n \n
- \n \n Redes Sociales\n \n \n
- \n \n Cuenta\n \n \n
- \n \n Plan\n \n \n {/*
- \n \n PRO\n \n \n
- \n \n Mi perfil\n \n */}\n
\n
\n \n\n :\n null\n }\n \n );\n}\n\nexport default Settings2;\n","import React, { useState, useEffect } from \"react\";\nimport { Link, NavLink } from \"react-router-dom\";\nimport profileThumb from \"../images/profileThumb.png\";\nimport Navbar from \"./Navbar\";\nimport { getCurrentNegocio, getNegocios, putNegocios } from \"./API Functions\";\nimport Settings4 from \"./Settings-4\";\nimport Settings2 from \"./Settings-2\";\n\nfunction Settings3(props) {\n const [Loading, setLoading] = useState(false);\n\n const [negocio, setNegocio] = useState([]);\n\n const [web, setWeb] = useState(\"\");\n const [facebook, setFacebook] = useState(\"\");\n const [instagram, setInstagram] = useState(\"\");\n\n const [webError, setWebError] = useState(\"\");\n const [facebookError, setFacebookError] = useState(\"\");\n const [instagramError, setInstagramError] = useState(\"\");\n\n const [settings4, setSettings4] = useState(false);\n\n const [settings2, setSettings2] = useState(false);\n\n useEffect(() => {\n if (props.negocio) {\n const negocio = props.negocio;\n setWeb(negocio.website !== \"null\" ? negocio.website : \"\");\n if (negocio.nuevo && negocio.facebook == \"null\" && negocio.instagram == \"null\") {\n setFacebook(\"\");\n setInstagram(\"\");\n } else {\n setFacebook(negocio.facebook);\n setInstagram(negocio.instagram);\n }\n setNegocio(negocio);\n } else {\n getCurrentNegocio().then(res => {\n const negocio = res;\n setWeb(negocio.website !== \"null\" ? negocio.website : \"\");\n if (negocio.nuevo && negocio.facebook == \"null\" && negocio.instagram == \"null\") {\n setFacebook(\"\");\n setInstagram(\"\");\n } else {\n setFacebook(negocio.facebook !== \"null\" ? negocio.facebook : \"\");\n setInstagram(negocio.instagram !== \"null\" ? negocio.instagram : \"\");\n }\n setNegocio(negocio);\n })\n }\n\n }, [])\n\n function validateFields() {\n let webError = \"\";\n let instagramError = \"\";\n let facebookError = \"\";\n\n /*\n if (web == \"\") {\n webError = \"Requerido\";\n }\n if (instagram == \"\" || instagram == null) {\n instagramError = \"Requerido\";\n }\n if (facebook == \"\") {\n facebookError = \"Requerido\";\n }\n */\n\n\n if (\n webError ||\n instagramError ||\n facebookError\n ) {\n setWebError(webError);\n setInstagramError(instagramError);\n setFacebookError(facebookError);\n return false;\n } else {\n setWebError(webError);\n setInstagramError(instagramError);\n setFacebookError(facebookError);\n return true;\n }\n }\n\n function handleSubmit() {\n setLoading(true)\n const data_content = {\n id: negocio.id,\n tags_ids: negocio.tags_ids,\n nombre: negocio.nombre,\n codigo_postal: negocio.codigo_postal,\n direccion: negocio.direccion,\n whatsap: negocio.whatsap,\n telefono: negocio.whatsap,\n categoria_id: negocio.categoria_id,\n descripcion: negocio.descripcion,\n dominio_okki: negocio.dominio_okki,\n rango_id: negocio.rango_id,\n ciudad_id: negocio.ciudad_id,\n zona: negocio.zona,\n precio_envio: negocio.precio_envio,\n persona_contacto: negocio.persona_contacto,\n envios: [negocio.envios[0].id],\n tipos: [negocio.tipos[0].id],\n //EDITED FIELDS ON VIEW\n instagram: instagram,\n facebook: facebook,\n website: web\n }\n const isValid = validateFields()\n if (isValid) {\n const data = {\n id: negocio.id,\n data: data_content\n }\n putNegocios(data).then(res => {\n if (res) {\n if (res.nuevo) {\n localStorage.setItem('negocio', JSON.stringify(res))\n setNegocio(res);\n changeSettings(res);\n } else {\n localStorage.setItem('negocio', JSON.stringify(res))\n window.location.reload();\n }\n }\n })\n }\n setTimeout(() => {\n setLoading(false);\n }, 2000);\n }\n\n function changeSettings(negocio) {\n setSettings4(true);\n }\n\n return (\n <>\n {settings4 ?\n \n
\n \n \n
\n \n setDireccion(e.target.value)}\n />\n
\n {direccionError}
\n \n
\n \n \n
\n \n\n ({\n ...theme,\n borderRadius: 6,\n colors: {\n ...theme.colors,\n primary50: \"#ccc\",\n primary25: \"#F6F6F6\",\n primary: \"black\",\n },\n })}\n styles={{\n dropdownIndicator: (provided, state) => ({\n ...provided,\n transform: state.selectProps.menuIsOpen && 'rotate(180deg)'\n })\n }}\n />\n
\n {estadoError}
\n \n
\n \n \n
\n \n\n ({\n ...theme,\n borderRadius: 6,\n colors: {\n ...theme.colors,\n primary50: \"#ccc\",\n primary25: \"#F6F6F6\",\n primary: \"black\",\n },\n })}\n styles={{\n dropdownIndicator: (provided, state) => ({\n ...provided,\n transform: state.selectProps.menuIsOpen && 'rotate(180deg)'\n })\n }}\n />\n
\n {ciudadError}
\n \n
\n \n \n
\n \n setZona(e.target.value)}\n />\n
\n {zonaError}
\n \n
\n \n \n
\n \n {\n setCodigoPostal(e.target.value)\n validateCPLength(e.target.value)\n }}\n />\n
\n {codigo_postalError}
\n \n
\n {envio.value ?\n \n \n
\n \n ({\n ...theme,\n borderRadius: 6,\n colors: {\n ...theme.colors,\n primary50: \"#ccc\",\n primary25: \"#F6F6F6\",\n primary: \"black\",\n },\n })}\n styles={{\n dropdownIndicator: (provided, state) => ({\n ...provided,\n transform: state.selectProps.menuIsOpen && 'rotate(180deg)'\n })\n }}\n />\n
\n {envioError}
\n \n
\n :\n null\n }\n\n {negocio.nuevo ?\n \n :\n \n }\n \n \n
\n \n\n {\n const { formattedValue, floatValue } = values;\n return formattedValue === \"\" || floatValue <= 99999;\n }}\n onValueChange={(values) => {\n const { formattedValue, value } = values;\n // formattedValue = $2,223\n // value ie, 2223\n setPrecioEnvio(value)\n console.log(value, \"test\")\n }}\n removeFormatting={true} className=\"settings-form__input\"\n decimalScale={2} displayType={'input'}\n thousandSeparator={true} prefix={'$'} />\n {/* \n validateNumberLength(e.target.value)}\n /> \n */}\n\n
\n {precio_envioError}
\n \n\n
\n : null}\n \n
\n \n
\n
\n Configuración
\n\n\n
- \n
- \n \n Perfil\n \n \n
- \n \n Negocio\n \n \n
- \n \n Dirección y Envíos\n \n \n
- \n \n Redes Sociales\n \n \n
- \n \n Cuenta\n \n \n
- \n \n Plan\n \n \n {/*
- \n \n PRO\n \n \n
- \n \n Mi perfil\n \n */}\n
\n
\n \n\n :\n null\n }\n \n );\n}\n\nexport default Settings3;\n","module.exports = __webpack_public_path__ + \"static/media/about.4fc243ac.svg\";","import React, { useEffect, useState, Component } from \"react\";\nimport NumberFormat from \"react-number-format\";\n\nfunction ProductPrice({producto}){\n\n return(\n <>\n { \n producto.precio_descuento > 0 ?\n \n
\n \n \n
\n \n setWeb(e.target.value)}\n />\n
\n {webError}
\n \n
\n \n \n
\n \n setFacebook(e.target.value)}\n />\n
\n {facebookError}
\n \n
\n {negocio.nuevo ?\n \n :\n \n }\n \n \n
\n \n setInstagram(e.target.value)}\n />\n
\n {instagramError}
\n \n \n \n {`${value.toString().split(\".\")[0]}.`}\n {`${value.toString().split(\".\")[1]}.`}\n \n }\n />\n \n
\n :\n \n {`${value.toString().split(\".\")[0]}.`}\n {`${value.toString().split(\".\")[1]}`}\n
\n }\n />\n\n
\n }\n />\n \n }\n \n )\n}\n\nexport default ProductPrice;","import React, { useState, useEffect, useRef, useCallback } from \"react\";\nimport { Link, NavLink } from \"react-router-dom\";\nimport profileThumb from \"../images/profileThumb.png\";\nimport welcomeCover from \"../images/welcomeCover.svg\";\nimport Navbar from \"./NavbarProfile\";\nimport Compressor from 'compressorjs';\n\nimport Select from \"react-select\";\nimport { getNegocios, getCategorias, putNegocios, getRangoPrecios, CheckOkkiDomain, route, bucket_route, getCurrentNegocio } from \"./API Functions\";\nimport Tags from \"@yaireo/tagify/dist/react.tagify\";\nimport \"@yaireo/tagify/dist/tagify.css\"\nimport { func } from \"prop-types\";\nimport SidebarSettings from \"./SidebarSettings\";\nimport Settings2 from \"./Settings-2\";\n\nimport selectIcon from \"../images/select_icon.svg\";\nimport successUrl from \"../images/successUrl.svg\";\nimport failUrl from \"../images/failUrl.svg\";\nimport mexTel from \"../images/mexTel.svg\";\n\nimport ReactCrop from 'react-image-crop';\nimport 'react-image-crop/lib/ReactCrop.scss';\n\nimport CharacterCounter from 'react-character-counter'\nimport Modal from \"react-modal\";\nimport SettingsNegocio from \"./Settings-Negocio\";\n\nimport Cropper from 'react-easy-crop'\nimport Slider from '@material-ui/core/Slider'\nimport Button from '@material-ui/core/Button'\nimport Typography from '@material-ui/core/Typography'\nimport { withStyles } from '@material-ui/core/styles'\nimport { getOrientation } from 'get-orientation/browser'\nimport { getCroppedImg, getRotatedImage } from './NewProduct/canvasUtils'\nimport { styles } from './NewProduct/styles'\n\nimport zoomIcon from \"../images/zoom-icon.svg\";\nimport rotateIcon from \"../images/rotate-icon.svg\";\n\nconst customStylesModal = {\n content: {\n top: \"50%\",\n left: \"50%\",\n right: \"auto\",\n bottom: \"auto\",\n marginRight: \"-50%\",\n transform: \"translate(-50%, -50%)\",\n width: \"100%\",\n maxWidth: 900,\n maxHeight: 700,\n height: \"90%\",\n padding: \"20px 0\",\n border: \"none\",\n borderRadius: 12,\n },\n};\n\nconst options = [\n { value: 1, label: \"$1 - $99\" },\n { value: 2, label: \"$100 - $199\" },\n { value: 3, label: \"$200 - $399\" },\n];\n\nexport const serverDelay = (func) => (duration) =>\n new Promise((resolve, reject) =>\n setTimeout(() => {\n resolve(func());\n }, duration || 1000)\n );\n\nexport const getWhitelistFromServer = serverDelay(() => [\n \"aaa\",\n \"aaa1\",\n \"aaa2\",\n \"aaa3\",\n \"bbb1\",\n \"bbb2\",\n \"bbb3\",\n \"bbb4\",\n]);\n\nexport const getValue = serverDelay(() => [\"foo\", \"bar\", \"baz\"]);\n\nconst baseTagifySettings = {\n blacklist: [\"xxx\", \"sex\", \"porno\", \"pene\", \"p3n3\", \"pito\", \"puto\", \"pendejo\"],\n maxTags: 5,\n //backspace: \"edit\",\n placeholder: \"Etiquetas (máx 5)\",\n /* dropdown: {\n enabled: 0, // a;ways show suggestions dropdown\n },*/\n};\n\n// callbacks props (for this demo, the same callback reference is assigned to every event type)\nconst tagifyCallbacks = {\n // add: callback,\n // remove: callback,\n // input: callback,\n // edit: callback,\n // invalid: callback,\n // click: callback,\n // keydown: callback,\n // focus: callback,\n // blur: callback,\n // \"edit:input\": callback,\n // \"edit:updated\": callback,\n // \"edit:start\": callback,\n // \"edit:keydown\": callback,\n // \"dropdown:show\": callback,\n // \"dropdown:hide\": callback,\n // \"dropdown:select\": callback\n};\n\nconst pixelRatio = 4;\n\nfunction getResizedCanvas(canvas, newWidth, newHeight) {\n const tmpCanvas = document.createElement(\"canvas\");\n tmpCanvas.width = newWidth;\n tmpCanvas.height = newHeight;\n\n const ctx = tmpCanvas.getContext(\"2d\");\n ctx.drawImage(\n canvas,\n 0,\n 0,\n canvas.width,\n canvas.height,\n 0,\n 0,\n newWidth,\n newHeight\n );\n\n return tmpCanvas;\n}\n\nfunction generateDownload(previewCanvas, crop) {\n if (!crop || !previewCanvas) {\n return;\n }\n\n const canvas = getResizedCanvas(previewCanvas, crop.width, crop.height);\n\n canvas.toBlob(\n blob => {\n const previewUrl = window.URL.createObjectURL(blob);\n\n const anchor = document.createElement(\"a\");\n anchor.download = \"cropPreview.png\";\n anchor.href = URL.createObjectURL(blob);\n anchor.click();\n\n window.URL.revokeObjectURL(previewUrl);\n },\n \"image/png\",\n 1\n );\n}\n\nconst customStyles = {\n dropdownIndicator: base => ({\n ...base,\n color: \"#081027\"\n })\n};\n\nconst ORIENTATION_TO_ANGLE = {\n '3': 180,\n '6': 90,\n '8': -90,\n}\n\nconst SettingsPrev = ({ classes }) => {\n const tagifyRef = useRef();\n // just a name I made up for allowing dynamic changes for tagify settings on this component\n const [tagifySettings, setTagifySettings] = useState([]);\n const [tagifyProps, setTagifyProps] = useState({});\n\n\n const [negocio, setNegocio] = useState([]);\n const [categorias, setCategorias] = useState([]);\n const [rangos, setRangos] = useState([]);\n\n\n const [Loading, setLoading] = useState(false);\n const [nombre, setNombre] = useState(\"\");\n const [email, setEmail] = useState(\"\");\n const [url_negocio, setUrlNegocio] = useState(\"\");\n const [whatsapp, setWhatsapp] = useState(0);\n const [descripcion, setDescripcion] = useState(\"\");\n const [categoria_id, setCategoria] = useState(\"\");\n const [tags, setTags] = useState([]);\n const [rango, setRango] = useState(\"\");\n const [imagen, setImagen] = useState(\"\");\n const [file_preview, setFilePreview] = useState(\"\");\n const [file, setFile] = useState([]);\n\n const [settings2, setSettings2] = useState(false);\n\n\n // crop\n const [upImg, setUpImg] = useState();\n const imgRef = useRef(null);\n const previewCanvasRef = useRef(null);\n //const [crop, setCrop] = useState({ unit: \"px\", width: 360, aspect: 1 });\n const [completedCrop, setCompletedCrop] = useState(false);\n const [crop_completed, setCropCompleted] = useState(false);\n const [completedCropImg, setCompletedCroppedImage] = useState(\"\");\n\n const [profileImg, setProfileImg] = useState(\"\");\n\n const [imageSrc, setImageSrc] = React.useState(null)\n const [crop, setCrop] = useState({ x: 0, y: 0 })\n const [rotation, setRotation] = useState(0)\n const [zoom, setZoom] = useState(1)\n const [croppedImage, setCroppedImage] = useState(null)\n const [croppedAreaPixels, setCroppedAreaPixels] = useState(null)\n\n //data \n\n const [nombreError, setNombreError] = useState(\"\");\n const [postEmailError, setPostEmailError] = useState(\"\");\n const [emailError, setEmailError] = useState(\"\");\n const [nombre_negocioError, setNombre_negocioError] = useState(\"\");\n const [url_negocioError, setUrl_negocioError] = useState(\"\");\n const [whatsappError, setWhatsappError] = useState(\"\");\n const [descripcionError, setDescripcionError] = useState(\"\");\n const [tagsError, setTagsError] = useState(\"\");\n const [categoriaError, setCategoriaError] = useState(\"\");\n const [rangoError, setRangoError] = useState(\"\");\n const [imagenError, setImagenError] = useState([]);\n const [is_editing, setEditing] = useState(false);\n\n\n const [dominio_okkiError, setDominio_okkiError] = useState(false);\n const [modalIsOpen, setIsOpen] = React.useState(false);\n\n //EASY CROP FUNCTIONALITY\n const onCropComplete = useCallback((croppedArea, croppedAreaPixels) => {\n setCroppedAreaPixels(croppedAreaPixels)\n }, [])\n\n const showCroppedImage = useCallback(async () => {\n try {\n const croppedImage = await getCroppedImg(\n imageSrc,\n croppedAreaPixels,\n rotation,\n \"producto_image\"\n )\n var fileData = new FileReader();\n fileData.readAsDataURL(croppedImage)\n //console.log(croppedImage)\n fileData.onloadend = () => {\n setFilePreview(fileData.result);\n setCropCompleted(true);\n setCroppedImage(compress_image(croppedImage))\n setCompletedCroppedImage(compress_image(croppedImage));\n closeModal();\n };\n\n\n } catch (e) {\n console.error(e)\n\n }\n }, [imageSrc, croppedAreaPixels, rotation])\n\n const onFileChange = async e => {\n if (e.target.files && e.target.files.length > 0) {\n const file_to_compress = e.target.files[0]\n const file = compress_image(file_to_compress);\n let imageDataUrl = await readFile(file)\n\n // apply rotation if needed\n const orientation = await getOrientation(file)\n const rotation = ORIENTATION_TO_ANGLE[orientation]\n if (rotation) {\n imageDataUrl = await getRotatedImage(imageDataUrl, rotation)\n }\n\n setImagen(file);\n setImageSrc(imageDataUrl)\n setEditing(true);\n openModal();\n }\n\n }\n\n function openModal() {\n setIsOpen(true);\n }\n\n function afterOpenModal() {\n // references are now sync'd and can be accessed.\n }\n\n function closeModal() {\n setIsOpen(false);\n }\n\n const onSelectFile = e => {\n if (e.target.files && e.target.files.length > 0) {\n const reader = new FileReader();\n reader.addEventListener(\"load\", () => setUpImg(reader.result));\n reader.readAsDataURL(e.target.files[0]);\n }\n };\n\n const onLoad = useCallback(img => {\n imgRef.current = img;\n }, []);\n\n useEffect(() => {\n getCurrentNegocio().then(res => {\n const negocio = res;\n console.log(negocio)\n setNombre(negocio.nombre);\n setEmail(negocio.user.correo.toLowerCase());\n setWhatsapp(negocio.whatsap ? negocio.whatsap : \"\");\n if (negocio.nuevo && !negocio.dominio_okki) {\n //setTags(\"\");\n setDescripcion(negocio.descripcion ? negocio.descripcion : \"\");\n setUrlNegocio(negocio.dominio_okki ? negocio.dominio_okki : \"\");\n } else {\n //setTags(JSON.parse(negocio.tags_ids));\n setDescripcion(negocio.descripcion);\n setUrlNegocio(negocio.dominio_okki);\n if (negocio.imagen_url) {\n setImagen(negocio.imagen_url);\n setProfileImg(negocio.imagen_url);\n setFilePreview(negocio.imagen_url);\n }\n }\n const categorias = [];\n negocio.categorias.map((categoria, index) => {\n if (categoria.tipo_id == negocio.tipos[0].id) {\n categoria = {\n ...categoria,\n value: categoria.id,\n label: categoria.detalle\n }\n categorias.push(categoria);\n if (categoria.id == negocio.categoria_id) {\n setCategoria(categoria);\n }\n }\n })\n setCategorias(categorias);\n\n const rangos = [];\n negocio.rangos.map((rango, index) => {\n rango = {\n ...rango,\n value: rango.id,\n label: rango.detalle\n }\n rangos.push(rango);\n if (rango.id == negocio.rango_id) {\n setRango(rango);\n }\n });\n setRangos(rangos);\n\n setNegocio(negocio);\n })\n //setTagifyProps({ loading: true });\n\n getWhitelistFromServer(2000).then((response) => {\n setTagifySettings((lastState) => ({\n ...lastState,\n whitelist: response,\n }));\n\n //setTagifyProps({ showDropdown: \"a\", loading: false });\n });\n }, [])\n\n // merged tagify settings (static & dynamic)\n const settings = {\n ...baseTagifySettings,\n ...tagifySettings,\n callbacks: tagifyCallbacks,\n };\n\n const onChange = useCallback((e) => {\n e.persist();\n console.log(\"CHANGED:\", e.target.value);\n const tags = tagifyRef.current.getTagElms()\n console.log(tags)\n }, []);\n\n // access Tagify internal methods example:\n const clearAll = () => {\n tagifyRef.current && tagifyRef.current.removeAllTags();\n };\n\n function completeCrop(crop) {\n setCompletedCrop(crop)\n }\n\n function validateFields() {\n let nombreError = \"\"\n let imagenError = \"\"\n let emailError = \"\"\n let nombre_negocioError = \"\"\n let url_negocioError = \"\"\n let envio_idError = \"\"\n let whatsappError = \"\"\n let descripcionError = \"\"\n let tagsError = \"\"\n let categoriaError = \"\"\n let rangoError = \"\"\n\n if (nombre == \"\") {\n nombreError = \"Requerido\"\n }\n if (imagen == \"\") {\n imagenError = \"Agrega una imagen de logotipo\"\n }\n if (email == \"\") {\n emailError = \"Requerido\"\n }\n if (url_negocio == \"\") {\n url_negocioError = \"Requerido\"\n } else {\n const letters = /^[A-Za-z0-9_-]+$/;\n if (!letters.test(url_negocio)) {\n url_negocioError = \"Formato no valido\"\n }\n }\n if (whatsapp == \"\") {\n whatsappError = \"Requerido\"\n } else {\n whatsappError = validateNumberLength(whatsapp);\n }\n if (descripcion == \"\") {\n descripcionError = \"Requerido\"\n }\n /*\n if (tags == \"\") {\n tagsError = \"Requerido\"\n }\n if (categoria_id == \"\") {\n categoriaError = \"Selecciona una opción\"\n }\n if (rango == \"\") {\n rangoError = \"Selecciona una opción\"\n }\n */\n\n if (nombreError || imagenError || emailError || nombre_negocioError || url_negocioError || envio_idError || whatsappError || descripcionError || rangoError) {\n setNombreError(nombreError)\n setImagenError(imagenError)\n setEmailError(emailError)\n setNombre_negocioError(nombre_negocioError)\n setUrl_negocioError(url_negocioError)\n setWhatsappError(whatsappError)\n setDescripcionError(descripcionError)\n setTagsError(tagsError)\n setCategoriaError(categoriaError)\n setRangoError(rangoError)\n return false\n } else {\n setNombreError(nombreError)\n setImagenError(imagenError)\n setEmailError(emailError)\n setNombre_negocioError(nombre_negocioError)\n setUrl_negocioError(url_negocioError)\n setWhatsappError(whatsappError)\n setDescripcionError(descripcionError)\n setTagsError(tagsError)\n setCategoriaError(categoriaError)\n setRangoError(rangoError)\n return true\n }\n }\n\n function handleCategoria(selectedOption) {\n setCategoria(selectedOption);\n }\n\n function handleRango(selectedOption) {\n setRango(selectedOption);\n }\n\n\n function handleChangeFile(files) {\n setCropCompleted(false);\n setImagen([]);\n setFile([]);\n openModal();\n setEditing(false);\n console.log(files);\n var fileData = new FileReader();\n const length = files.length;\n const files_l = files.length > 0 ? 1 : null;\n if (files_l !== null) {\n let i = 0;\n let valid_files = 0;\n while (i < files.length) {\n if ((files[i].type == \"image/png\" || files[i].type == \"image/jpg\" || files[i].type == \"image/jpeg\" || files[i].type == \"image/gif\") && files[i].size < 5000000) {\n valid_files = valid_files + 1;\n }\n i++;\n }\n console.log(valid_files)\n if (valid_files == 1) {\n var _URL = window.URL || window.webkitURL;\n const img = new Image();\n var objectUrl = _URL.createObjectURL(files[0]);\n img.onload = function () {\n //alert(this.width + \" \" + this.height);\n _URL.revokeObjectURL(objectUrl);\n if (this.width !== 1040 && this.width !== 1200) {\n fileData.readAsDataURL(files[0])\n fileData.onloadend = () => {\n setFilePreview(fileData.result)\n };\n setImagen(files);\n setEditing(true);\n setFile(files)\n } else {\n setImagenError(\"Las dimensiones de la imagen no estan permitidas.\");\n setTimeout(() => {\n setImagenError(\"\");\n }, 2000);\n }\n };\n img.src = objectUrl;\n\n //console.log(img)\n\n //console.log(fileData)\n } else {\n setImagenError(\"Los archivos deben de pesar menos de 5 MB\");\n setTimeout(() => {\n setImagenError(\"\");\n }, 2000);\n }\n }\n };\n\n function updateDomain(e) {\n const value = e.target.value\n setUrlNegocio(value);\n\n const data = {\n dominio_okki: value\n }\n\n CheckOkkiDomain(data).then(res => {\n if (res) {\n //setUrl_negocioError(\"El dominio esta disponible\")\n setDominio_okkiError(false)\n } else {\n //setUrl_negocioError(\"El dominio ya existe\")\n setDominio_okkiError(true)\n }\n })\n }\n\n async function handleSubmit() {\n setLoading(true)\n /*\n for (var key of formData.entries()) {\n console.log(key[0] + ', ' + key[1]);\n }\n\n const data = {\n id: negocio.id,\n tags_ids: JSON.stringify(tags),\n nombre: nombre,\n codigo_postal: \"0000\",\n direccion: \"provicional\",\n website: negocio.website,\n whatsap: negocio.whatsap,\n facebook: \"provicional\",\n instagram: \"provicional\",\n telefono: negocio.whatsap,\n imagen_url: \"provicional\",\n categoria_id: categoria_id.id,\n descripcion: descripcion,\n dominio_okki: url_negocio,\n rango_id: rango.id,\n zona: negocio.zona,\n persona_contacto: negocio.persona_contacto,\n precio_envio: negocio.precio_envio,\n tipos: [negocio.tipos[0].id],\n envios: [negocio.envios[0].id],\n ciudad_id: 0\n }\n */\n\n const isValid = validateFields()\n if (isValid) {\n\n var formData = new FormData();\n\n formData.append(\"image[]\", completedCropImg);\n\n formData.append(\"id\", negocio.id);\n formData.append(\"nombre\", nombre);\n formData.append(\"codigo_postal\", negocio.codigo_postal ? negocio.codigo_postal : 0);\n formData.append(\"direccion\", negocio.direccion);\n formData.append(\"website\", negocio.website);\n formData.append(\"whatsap\", whatsapp);\n formData.append(\"facebook\", negocio.facebook);\n formData.append(\"instagram\", negocio.instagram);\n formData.append(\"telefono\", whatsapp);\n formData.append(\"categoria_id\", negocio.categoria_id);\n formData.append(\"descripcion\", descripcion);\n const dominio = url_negocio.replace(/ /g, '-');\n formData.append(\"dominio_okki\", dominio);\n formData.append(\"rango_id\", negocio.rango_id ? negocio.rango_id : 0);\n formData.append(\"zona\", negocio.zona);\n formData.append(\"persona_contacto\", negocio.persona_contacto);\n formData.append(\"precio_envio\", negocio.precio_envio);\n formData.append(\"tipos\", [negocio.tipos[0].id]);\n formData.append(\"envios\", [negocio.envios[0].id]);\n formData.append(\"ciudad_id\", negocio.ciudad_id);\n\n const data = {\n id: negocio.id,\n data: formData\n }\n putNegocios(data).then(res => {\n if (res) {\n if (negocio.nuevo) {\n localStorage.setItem('negocio', JSON.stringify(res))\n setNegocio(res);\n changeSettings(res);\n } else {\n localStorage.setItem('negocio', JSON.stringify(res))\n setTimeout(() => {\n window.location.reload()\n }, 1000);\n }\n }\n })\n }\n setTimeout(() => {\n setLoading(false);\n setDominio_okkiError(\"\");\n }, 2000);\n }\n function changeSettings(negocio) {\n setSettings2(true);\n }\n\n async function finished_crop() {\n const croppedImg = await getCroppedImg(imgRef.current, completedCrop, \"producto_image\");\n var fileData = new FileReader();\n fileData.readAsDataURL(croppedImg)\n fileData.onloadend = () => {\n setFilePreview(fileData.result);\n };\n setCropCompleted(true);\n setCroppedImage(croppedImg);\n }\n\n function clearPreview() {\n setFilePreview(\"\")\n setCropCompleted(false)\n setImagen([])\n }\n\n function OngetCroppedImg(image, crop, fileName) {\n const canvas = document.createElement('canvas');\n const scaleX = image.naturalWidth / image.width;\n const scaleY = image.naturalHeight / image.height;\n canvas.width = crop.width;\n canvas.height = crop.height;\n const ctx = canvas.getContext('2d');\n\n ctx.drawImage(\n image,\n crop.x * scaleX,\n crop.y * scaleY,\n crop.width * scaleX,\n crop.height * scaleY,\n 0,\n 0,\n crop.width,\n crop.height,\n );\n\n // As Base64 string\n // const base64Image = canvas.toDataURL('image/jpeg');\n\n // As a blob\n return new Promise((resolve, reject) => {\n canvas.toBlob(blob => {\n blob.name = fileName;\n resolve(blob);\n }, 'image/png', 1);\n });\n }\n\n function validateNumberLength(value) {\n var msg = \"\"\n if (value.length > 10 || value.length < 10) {\n msg = \"El número debe ser de 10 dígitos\";\n }\n setWhatsappError(msg);\n return msg\n }\n\n function compress_image(file) {\n const compressed = new Compressor(file, {\n quality: 0.6,\n maxHeight: 800,\n maxWidth: 800,\n mimeType: 'image/jpeg'\n });\n\n //console.log(compressed,'compress')\n return compressed.file\n }\n\n\n\n return (\n <>{settings2 ?\n \n {`${value.toString().split(\".\")[0]}.`}\n {`${value.toString().split(\".\")[1]}`}\n
\n\n\n
\n : null}\n\n \n
\n \n
\n
\n Configuración
\n\n\n
- \n
- \n \n Perfil\n \n \n
- \n \n Negocio\n \n \n
- \n \n Dirección y Envíos\n \n \n
- \n \n Redes Sociales\n \n \n
- \n \n Cuenta\n \n \n
- \n \n Plan\n \n \n {/*
- \n \n PRO\n \n \n
- \n \n Mi perfil\n \n */}\n
\n
\n\n \n
\n \n \n
\n \n {is_editing ?\n 
\n :\n \n }\n
\n \n
\n\n \n
\n \n
\n\n \n\n \n \n generateDownload(previewCanvasRef.current, completedCrop)\n }\n >\n Download cropped image\n */}\n
\n \n \n
\n\n \n\n\n {/* \n Editar Imagen\n
\n\n {imageSrc ? (\n \n \n ) : (\n \n )}\n
\n \n
\n \n \n \n Recortar\n \n \n
\n {/*\n \n \n 
\n \n setZoom(zoom)}\n />\n
\n \n \n 
\n \n setRotation(rotation)}\n />\n
\n \n
*/}\n {/* \n {imagenError}\n
\n \n
\n \n \n
\n \n setNombre(e.target.value)}\n />\n
\n \n {nombreError}\n
\n \n
\n \n \n
\n \n { updateDomain(e) }}\n />\n
\n\n okki.co/
\n\n {url_negocioError}\n
\n {url_negocio !== \"\" ?\n <>\n \n 
\n
\n \n 
\n
\n \n :\n null\n }\n\n \n
\n\n \n \n
\n \n {\n setWhatsapp(e.target.value)\n validateNumberLength(e.target.value)\n }\n }\n />\n
\n\n \n \n +52\n
\n {whatsappError}\n
\n \n
\n\n \n \n
\n \n
\n \n {emailError}\n
\n \n
\n\n\n\n \n \n
\n \n \n setDescripcion(e.target.value)} />\n \n
\n
\n\n\n \n {descripcionError}\n
\n \n
\n {\" \"}\n \n {Loading && (\n \n )}\n {Loading && (\n 'Guardando...'\n )}\n {!Loading && (\n negocio.nuevo ?\n 'Continuar'\n :\n 'Guardar'\n )}\n \n
\n \n :\n null\n\n }\n \n );\n}\n\nfunction readFile(file) {\n return new Promise(resolve => {\n const reader = new FileReader()\n reader.addEventListener('load', () => resolve(reader.result), false)\n reader.readAsDataURL(file)\n })\n}\n\nconst Settings = withStyles(styles)(SettingsPrev);\n\nexport default Settings;\n","import React, { useState, useEffect } from \"react\";\nimport { Link, NavLink } from \"react-router-dom\";\nimport profileThumb from \"../images/profileThumb.png\";\nimport Navbar from \"./Navbar\";\nimport { getNegocios, putNegocios, deleteAccount, getCurrentNegocio } from \"./API Functions\";\nimport Modal from \"react-modal\";\nimport ReactTooltip from \"react-tooltip\";\nimport Settings5 from \"./Settings-5\";\nimport Settings3 from \"./Settings-3\";\nconst customStyles = {\n content: {\n top: \"50%\",\n left: \"50%\",\n right: \"auto\",\n bottom: \"auto\",\n marginRight: \"-50%\",\n transform: \"translate(-50%, -50%)\",\n width: 400,\n padding: \"50px 40px\",\n border: \"none\",\n borderRadius: 12,\n },\n};\n\nfunction Settings4(props) {\n var subtitle;\n\n const [Loading, setLoading] = useState(false);\n const [modalIsOpen, setIsOpen] = React.useState(false);\n\n const [negocio, setNegocio] = useState([]);\n const [nuevoNegocio, setNewNegocio] = useState(false);\n\n const [presona_contacto, setPersonaContacto] = useState(\"\");\n const [email, setEmail] = useState(\"\");\n\n const [presona_contactoError, setPersonaContactoError] = useState(\"\");\n const [passwordConfirmationError, setPasswordConfirmationError] = useState(\"\");\n\n const [isToggledNotifications, setToggledNotifications] = useState(true);\n const toggleTrueFalseNotifications = () => setToggledNotifications(!isToggledNotifications);\n\n const [isToggledNews, setToggledNews] = useState(true);\n const toggleTrueFalseNews = () => setToggledNews(!isToggledNews);\n\n const [settings5, setSettings5] = useState(false);\n const [settings3, setSettings3] = useState(false);\n\n const [password, setPassword] = useState(\"\");\n const [passwordConfirmation, setPasswordConfirmation] = useState(\"\");\n const [passwordShown, setPasswordShown] = useState(false);\n const [toggleEye, setToggleEye] = useState(false);\n const togglePasswordVisiblity = () => {\n setPasswordShown(passwordShown ? false : true);\n toggle();\n };\n function toggle() {\n setToggleEye(toggleEye ? false : true);\n }\n\n const [passwordShown2, setPasswordShown2] = useState(false);\n const [toggleEye2, setToggleEye2] = useState(false);\n const togglePasswordVisiblity2 = () => {\n setPasswordShown2(passwordShown2 ? false : true);\n toggle2();\n };\n function toggle2() {\n setToggleEye2(toggleEye2 ? false : true);\n }\n\n useEffect(() => {\n if (props.negocio) {\n const negocio = props.negocio;\n if (negocio.nuevo) {\n setPersonaContacto(negocio.user.nombre);\n setEmail(negocio.user.correo);\n } else {\n setEmail(negocio.user.correo);\n setPersonaContacto(negocio.persona_contacto)\n setToggledNews(negocio.news);\n setToggledNotifications(negocio.notifications);\n }\n setNegocio(negocio);\n } else {\n getCurrentNegocio().then(res => {\n if (res) {\n const negocio = res;\n if (negocio.nuevo) {\n setPersonaContacto(negocio.user.nombre);\n setEmail(negocio.user.correo);\n } else {\n setEmail(negocio.user.correo);\n setPersonaContacto(negocio.persona_contacto);\n setToggledNews(negocio.news);\n setToggledNotifications(negocio.notifications);\n }\n setNegocio(negocio);\n }\n })\n }\n\n }, [])\n\n function openModal() {\n setIsOpen(true);\n }\n\n function closeModal() {\n setIsOpen(false);\n }\n\n function afterOpenModal() {\n // references are now sync'd and can be accessed.\n }\n\n function validateFields() {\n let presona_contactoError = \"\";\n let passwordConfirmationError = \"\";\n /*let instagramError = \"\";\n let facebookError = \"\";\n \n if (web == \"\") {\n webError = \"Requerido\";\n }\n if (instagram == \"\" || instagram == null) {\n instagramError = \"Requerido\";\n } */\n\n if ([presona_contacto] == \"\") {\n presona_contactoError = \"Requerido\";\n }\n\n if (password !== \"\" && passwordConfirmation !== password) {\n passwordConfirmationError = \"Las contraseñas no coinciden\"\n }\n\n\n if (\n presona_contactoError ||\n passwordConfirmationError\n ) {\n setPersonaContactoError(presona_contactoError);\n setPasswordConfirmationError(passwordConfirmationError)\n //setInstagramError(instagramError);\n //setFacebookError(facebookError);\n return false;\n } else {\n setPersonaContactoError(presona_contactoError);\n setPasswordConfirmationError(passwordConfirmationError)\n //setInstagramError(instagramError);\n //setFacebookError(facebookError);\n return true;\n }\n }\n\n function handleSubmit() {\n setLoading(true)\n const data_content = {\n id: negocio.id,\n tags_ids: negocio.tags_ids,\n nombre: negocio.nombre,\n codigo_postal: negocio.codigo_postal,\n direccion: negocio.direccion,\n whatsap: negocio.whatsap,\n telefono: negocio.whatsap,\n categoria_id: negocio.categoria_id,\n descripcion: negocio.descripcion,\n dominio_okki: negocio.dominio_okki,\n rango_id: negocio.rango_id,\n ciudad_id: negocio.ciudad_id,\n zona: negocio.zona,\n precio_envio: negocio.precio_envio,\n envios: [negocio.envios[0].id],\n tipos: [negocio.tipos[0].id],\n instagram: negocio.instagram,\n facebook: negocio.facebook,\n website: negocio.website,\n //EDITED FIELDS ON VIEW\n persona_contacto: presona_contacto,\n new_password: passwordConfirmation !== \"\" ? passwordConfirmation : false,\n notifications: isToggledNotifications,\n news: isToggledNews\n }\n const isValid = validateFields()\n if (isValid) {\n const data = {\n id: negocio.id,\n data: data_content,\n\n }\n putNegocios(data).then(res => {\n if (res) {\n if (res.id) {\n localStorage.setItem('negocio', JSON.stringify(res));\n //setNegocio(res);\n changeSettings(res);\n } else {\n localStorage.setItem('negocio', JSON.stringify(res));\n window.location.reload();\n }\n\n }\n })\n }\n setTimeout(() => {\n setLoading(false);\n }, 2000);\n }\n\n function changeSettings(negocio) {\n setSettings5(true);\n }\n\n function handleDelete() {\n deleteAccount().then(res => {\n if (res) {\n window.location.replace(\"/login\")\n }\n })\n }\n return (\n <>\n {settings5 ?\n \n\n
\n : null}\n \n
\n \n
\n
\n Configuración
\n\n\n
- \n
- \n \n Perfil\n \n \n
- \n \n Negocio\n \n \n
- \n \n Dirección y Envíos\n \n \n
- \n \n Redes Sociales\n \n \n
- \n \n Cuenta\n \n \n
- \n \n Plan\n \n \n {/*
- \n \n PRO\n \n \n
- \n \n Mi perfil\n \n */}\n
\n
\n
\n
\n
\n\n \n
\n \n \n
\n \n setPersonaContacto(e.target.value)}\n />\n
\n {presona_contactoError}
\n \n
\n \n \n
\n \n
\n \n
\n
\n \n \n
\n \n
\n \n setPassword(e.target.value)}\n // onKeyDown={handleKeyDown}\n // ref={register({ required: \"This is required.\" })}\n />\n {toggleEye ? (\n \n\n ) : (\n \n )}\n\n
\n {/* \n
\n \n \n
\n \n
\n \n setPasswordConfirmation(e.target.value)}\n // onKeyDown={handleKeyDown}\n // ref={register({ required: \"This is required.\" })}\n />\n {toggleEye2 ? (\n\n \n\n ) : (\n \n )}\n\n
\n {passwordConfirmationError}
\n {/* \n
\n
\n \n \n
\n \n
\n Recibe notificaciones cuando alguien visita tu perfil o alguno de tus productos.
\n \n\n
\n \n \n
\n \n
\n Recibe noticias y notificaciones de actualizaciones en la plataforma.
\n \n\n
\n
\n {negocio.nuevo ?\n \n :\n \n }\n \n \n y todo su contenido. Esta acción
no se puede deshacer.\" width=\"15\" height=\"15\" viewBox=\"0 0 15 15\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n
\n no se puede deshacer.\" width=\"15\" height=\"15\" viewBox=\"0 0 15 15\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n
\n Eliminar Cuenta\n
\n
\n
\n
\n \n Tu cuenta será eliminada de nuestra base de datos, ya no tendrás acceso a la información que se encuentra en ésta tu cuenta ni los clientes podrán ver tus productos ni tu perfil.\n
\n\n
\n
\n
\n\n
\n
\n \n \n :\n null\n }\n \n );\n}\n\nexport default Settings4;\n","module.exports = __webpack_public_path__ + \"static/media/emptyThumb.f4239222.svg\";","import React, { useState, useEffect } from \"react\";\nimport { Link, NavLink, Redirect } from \"react-router-dom\";\nimport visaTag from \"../images/visaTag.png\";\nimport Navbar from \"./Navbar\";\nimport { getNegocios, putNegocios, deleteAccount, pauseConektaSuscription, resumeConektaSuscription, getCurrentNegocio, getConektaCustomer } from \"./API Functions\";\nimport Modal from \"react-modal\";\nimport ReactTooltip from \"react-tooltip\";\nimport Settings4 from \"./Settings-4\";\nimport SettingsReady from \"./SettingsReady\";\nconst customStyles = {\n content: {\n top: \"50%\",\n left: \"50%\",\n right: \"auto\",\n bottom: \"auto\",\n marginRight: \"-50%\",\n transform: \"translate(-50%, -50%)\",\n width: 400,\n padding: \"50px 40px\",\n border: \"none\",\n borderRadius: 12,\n },\n};\n\nfunction Settings5(props) {\n var subtitle;\n\n const [Loading, setLoading] = useState(false);\n const [window_loaded, setWindowLoaded] = useState(false);\n const [modalIsOpen, setIsOpen] = React.useState(false);\n\n const [negocio, setNegocio] = useState([]);\n const [nuevoNegocio, setNewNegocio] = useState(false);\n const [create_product, setCreateProduct] = useState(false);\n const [customer, setCustomer] = useState([]);\n const [last4, setLast4] = useState(\"\");\n const [next_charge, setNextCharge] = useState(\"\");\n const [expire_date, setExpireDate] = useState(\"\");\n const [trial_end, setTrialEnd] = useState(\"\");\n\n const [subscription, setSubscription] = useState(\"\");\n const [subscription_price, setSubscriptionPrice] = useState(\"\");\n\n const [settings4, setSettings4] = useState(false);\n\n const [presona_contacto, setPersonaContacto] = useState(\"\");\n const [email, setEmail] = useState(\"\");\n\n const [presona_contactoError, setPersonaContactoError] = useState(\"\");\n\n const [isToggledNotifications, setToggledNotifications] = useState(true);\n const toggleTrueFalseNotifications = () => setToggledNotifications(!isToggledNotifications);\n\n const [isToggledNews, setToggledNews] = useState(true);\n const toggleTrueFalseNews = () => setToggledNews(!isToggledNews);\n\n const [isToggled, setToggled] = useState(false);\n const toggleTrueFalse = () => setToggled(!isToggled);\n\n useEffect(() => {\n if (props.negocio) {\n const negocio = props.negocio;\n if (negocio.nuevo) {\n setPersonaContacto(\"\");\n setEmail(negocio.user.correo);\n } else {\n\n setEmail(negocio.user.correo);\n setPersonaContacto(negocio.persona_contacto);\n }\n setNegocio(negocio);\n } else {\n getCurrentNegocio().then(res => {\n if (res) {\n const negocio = res;\n if (negocio.nuevo) {\n setPersonaContacto(\"\");\n setEmail(negocio.user.correo);\n } else {\n setEmail(negocio.user.correo);\n setPersonaContacto(negocio.persona_contacto);\n }\n setNegocio(negocio);\n }\n })\n\n }\n getConektaCustomer().then(res => {\n if (res) {\n const customer = res;\n setCustomer(customer);\n var date = new Date(customer.subscription.billing_cycle_end * 1000);\n const expire_date = `${date.getDate()}-${date.getMonth()}-${date.getFullYear()}`;\n setExpireDate(expire_date);\n setNextCharge(expire_date);\n var date = new Date(customer.subscription.trial_end * 1000);\n const trial_end = `${date.getDate()}-${date.getMonth()}-${date.getFullYear()}`;\n setTrialEnd(trial_end);\n setLast4(customer.payment_sources.data[0].last4)\n setSubscriptionPrice(customer.subscription.plan_id == '2' ? 2500 : 250)\n setSubscription(customer.subscription.status)\n setWindowLoaded(true);\n } else {\n setCustomer([]);\n setWindowLoaded(true);\n }\n })\n\n }, [])\n\n function openReadyModal() {\n setIsOpen(true);\n }\n\n function closeReadyModal() {\n setIsOpen(true);\n }\n\n function afterOpenModal() {\n // references are now sync'd and can be accessed.\n }\n\n function validateFields() {\n let presona_contactoError = \"\";\n /*let instagramError = \"\";\n let facebookError = \"\";\n \n if (web == \"\") {\n webError = \"Requerido\";\n }\n if (instagram == \"\" || instagram == null) {\n instagramError = \"Requerido\";\n } */\n\n if ([presona_contacto] == \"\") {\n presona_contactoError = \"Requerido\";\n }\n\n\n if (\n presona_contactoError\n ) {\n setPersonaContactoError(presona_contactoError);\n //setInstagramError(instagramError);\n //setFacebookError(facebookError);\n return false;\n } else {\n setPersonaContactoError(presona_contactoError);\n //setInstagramError(instagramError);\n //setFacebookError(facebookError);\n return true;\n }\n }\n\n function handleSubmit() {\n setLoading(true)\n const data_content = {\n id: negocio.id,\n tags_ids: negocio.tags_ids,\n nombre: negocio.nombre,\n codigo_postal: negocio.codigo_postal,\n direccion: negocio.direccion,\n whatsap: negocio.whatsap,\n telefono: negocio.whatsap,\n categoria_id: negocio.categoria_id,\n descripcion: negocio.descripcion,\n dominio_okki: negocio.dominio_okki,\n rango_id: negocio.rango_id,\n ciudad_id: negocio.ciudad_id,\n zona: negocio.zona,\n precio_envio: negocio.precio_envio,\n envios: [negocio.envios[0].id],\n tipos: [negocio.tipos[0].id],\n instagram: negocio.instagram,\n facebook: negocio.facebook,\n website: negocio.website,\n //EDITED FIELDS ON VIEW\n persona_contacto: presona_contacto\n }\n const isValid = validateFields()\n if (isValid) {\n const data = {\n id: negocio.id,\n data: data_content\n }\n putNegocios(data).then(res => {\n if (res) {\n if (negocio.nuevo) {\n localStorage.setItem('negocio', JSON.stringify(res));\n window.location.reload();\n } else {\n localStorage.setItem('negocio', JSON.stringify(res));\n window.location.reload();\n }\n\n }\n })\n }\n setTimeout(() => {\n setLoading(false);\n }, 2000);\n }\n\n function handleDelete() {\n deleteAccount().then(res => {\n if (res) {\n window.location.replace(\"/login\")\n }\n })\n }\n\n function create1stProduct() {\n setLoading(true);\n openReadyModal();\n setTimeout(() => {\n setLoading(false);\n if (negocio.nuevo) {\n setCreateProduct(true);\n } else {\n window.location.reload();\n }\n }, 3000);\n }\n return (\n <>\n {settings4 ?\n \n Cancelar\n
\n \n\n\n
\n : null\n }\n \n
\n \n
\n
\n Configuración
\n\n\n
- \n
- \n \n Perfil\n \n \n
- \n \n Negocio\n \n \n
- \n \n Dirección y Envíos\n \n \n
- \n \n Redes Sociales\n \n \n
- \n \n Cuenta\n \n \n
- \n \n Plan\n \n \n {/*
- \n \n PRO\n \n \n
- \n \n Mi perfil\n \n */}\n
\n\n {customer.id && subscription !== \"in_trial\" ?\n
\n
\n
\n \n\n :\n null\n }\n \n \n
\n :\n negocio.id && subscription == \"in_trial\" ?\n <>\n \n
\n \n \n
\n \n
\n \n
\n \n \n
\n \n
\n {`$${subscription_price}/`}{subscription_price == 2500 ? 'Anual' : 'Mensual'}
\n\n
\n \n \n
\n \n
\n \n 
\n
\n {`**** ${last4}`}
\n\n
\n {customer.subscription.status == 'active' ?\n \n \n
\n \n
\n \n
\n :\n\n \n \n
\n \n { pauseConektaSuscription().then(res => { window.location.reload() }) }}\n >\n Cancelar suscripción\n \n
\n \n
\n\n }\n \n \n
\n \n { resumeConektaSuscription().then(res => { window.location.reload() }) }}\n >\n Activar\n \n
\n \n
\n \n \n
\n \n PRO\n Prueba gratuita de 30 días\n
\n\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n :\n negocio.id ?\n <>\n \n
\n {negocio.nuevo ?\n \n :\n \n }\n \n
\n {customer.subscription.status == 'in_trial' ?\n - \n
- Productos ilimitados \n
- 5 imagenes por producto \n
- Mensaje personalizado por producto \n
- 5 etiquetas por producto \n
- Precios privados \n
- Placa PRO \n
- Estadísticas \n
\n \n
\n :\n \n
\n }\n \n \n
\n \n \n
\n \n
\n \n \n
\n \n
\n\n Okki básico
\n\n
\n \n
\n \n :\n null\n }\n\n \n \n Prueba PRO gratis por 30 días\n \n \n
\n {negocio.nuevo ?\n \n :\n \n }\n \n
\n - \n
- Productos ilimitados \n
- 5 imagenes por producto \n
- Mensaje personalizado por producto \n
- 5 etiquetas por producto \n
- Precios privados \n
- Placa PRO \n
- Estadísticas \n
\n\n
\n : null}\n \n
\n \n
\n
\n Configuración
\n\n\n
- \n
- \n \n Perfil\n \n \n
- \n \n Negocio\n \n \n
- \n \n Dirección y Envíos\n \n \n
- \n \n Redes Sociales\n \n \n
- \n \n Cuenta\n \n \n
- \n \n Plan\n \n \n
\n\n
\n {negocio.nuevo ?\n \n
\n \n \n
\n \n
\n \n
\n \n \n
\n \n `Crear ${labelInput}`}\n onInputChange={handleInputChange}\n onChange={handleCategoria}\n components={{ DropdownIndicator }}\n placeholder=\"Selecciona una Categoría\"\n styles={customStyles}\n theme={(theme) => ({\n ...theme,\n borderRadius: 6,\n colors: {\n ...theme.colors,\n primary50: \"#ccc\",\n primary25: \"#F6F6F6\",\n primary: \"black\",\n },\n icon: {\n fill: \"#081027\",\n },\n })}\n />\n
\n \n {categoriaError}\n
\n \n
\n \n \n
\n \n setTags(e.target.value)}\n />\n
\n \n {tagsError}\n
\n \n
\n\n\n\n\n \n \n
\n \n ({\n ...theme,\n borderRadius: 6,\n colors: {\n ...theme.colors,\n primary50: \"#ccc\",\n primary25: \"#F6F6F6\",\n primary: \"black\",\n },\n })}\n styles={{\n dropdownIndicator: (provided, state) => ({\n ...provided,\n transform: state.selectProps.menuIsOpen && 'rotate(180deg)'\n })\n }}\n />\n
\n \n {rangoError}\n
\n \n { setSettings1(true) }}>Regresar\n \n {Loading && (\n \n )}\n {Loading && (\n 'Guardando...'\n )}\n {!Loading && (\n negocio.nuevo ?\n 'Continuar'\n :\n 'Guardar'\n )}\n \n
\n :\n \n {\" \"}\n \n {Loading && (\n \n )}\n {Loading && (\n 'Guardando...'\n )}\n {!Loading && (\n negocio.nuevo ?\n 'Continuar'\n :\n 'Guardar'\n )}\n \n
\n }\n\n \n :\n null\n\n }\n \n );\n}\n\nexport default SettingsNegocio;\n","export const styles = theme => ({\n cropContainer: {\n position: 'relative',\n width: '100%',\n height: \"90%\",\n background: '#fff',\n [theme.breakpoints.up('sm')]: {\n height: 540,\n },\n },\n cropButton: {\n flexShrink: 0,\n background: \"#000\",\n textTransform: \"none\",\n boxShadow: \"none\",\n fontSize: 14,\n letterSpacing: 0,\n borderRadius: 6\n },\n controls: {\n padding: \"20px 40px\",\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'stretch',\n width: '100%',\n justifyContent: \"space-between\",\n [theme.breakpoints.up('sm')]: {\n flexDirection: 'row',\n alignItems: 'center',\n },\n [theme.breakpoints.up('xs')]: {\n padding: 20\n },\n },\n sliderContainer: {\n display: 'flex',\n flex: '1',\n alignItems: 'center',\n maxWidth: 230,\n [theme.breakpoints.down('xs')]: {\n maxWidth: \"none\"\n },\n },\n sliderLabel: {\n [theme.breakpoints.down('xs')]: {\n minWidth: 65,\n },\n },\n slider: {\n padding: '22px 0px',\n marginLeft: 16,\n [theme.breakpoints.up('sm')]: {\n flexDirection: 'row',\n alignItems: 'center',\n margin: '0 16px',\n },\n },\n})\n","module.exports = __webpack_public_path__ + \"static/media/zoom-icon.64e03948.svg\";","module.exports = __webpack_public_path__ + \"static/media/rotate-icon.5fad320a.svg\";","import React from \"react\";\nimport { BrowserRouter as Router, Switch, Route, Link } from \"react-router-dom\";\nimport classnames from \"classnames\";\nimport { logOut, route } from \"./API Functions\";\nimport Fade from \"react-reveal/Fade\";\nimport selectIconAlt from \"../images/select_icon_alt.svg\";\n\nimport profileThumb from \"../images/profileThumb.png\";\n\nfunction openNav() {\n const navigationWindow = document.getElementById(\"myNav\");\n navigationWindow.style.width = \"580px\";\n const navbarOverlay = document.getElementById(\"navbarOverlay\");\n navbarOverlay.style.opacity = 1;\n navbarOverlay.style.width = \"100%\";\n navbarOverlay.style.visibility = \"visible\";\n const menuContainer1 = document.getElementById(\"menuContainer1\");\n if (menuContainer1) {\n menuContainer1.style.display = \"block\";\n }\n const menuContainer2 = document.getElementById(\"menuContainer2\");\n if (menuContainer2) {\n menuContainer2.style.display = \"block\";\n }\n}\n\nfunction closeNav() {\n const navigationWindow = document.getElementById(\"myNav\");\n navigationWindow.style.width = \"0%\";\n const navbarOverlay = document.getElementById(\"navbarOverlay\");\n navbarOverlay.style.opacity = 0;\n navbarOverlay.style.visibility = \"hidden\";\n const menuContainer1 = document.getElementById(\"menuContainer1\");\n if (menuContainer1) {\n menuContainer1.style.display = \"none\";\n }\n const menuContainer2 = document.getElementById(\"menuContainer2\");\n if (menuContainer2) {\n menuContainer2.style.display = \"none\";\n }\n}\n\nconst NavbarBurger = (props) => (\n \n \n\n {/* {!this.state.activeLogo ? (\n \n\n ) : (\n 
\n )} */}\n
\n \n \n
\n \n \n \n \n
\n \n\n \n \n\n );\n }\n}\n","module.exports = __webpack_public_path__ + \"static/media/adsCard.11e5b6e4.png\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAARLSURBVHgB7Zr/NeVAFMfv27P/owJUgApQAR2gAlSAClABKkAFqAAVoAI6yM5nzt6cm7uTJ3lJxEa+58yRl3k3me/9PfNMRCSTH4Rf8sMwEh46RsJDx0h46BgJDx0j4aGjVcJ3d3eSZVk+NjY25Lvht/QMlLK6uiorKyvy8fEhb29v8vT0JPf399IVsrZGsHBmEciUfndpaSl7eXnJynB9fR2/0+b6GL1ZGMsGQqXz29vbMj8/L5ubm9ImenVpXPjq6iq6MOR2dnaieytQCqNN9+4tS0NibW1NXl9fZX19XRYXF+X8/DwqwMIqoA30auHHx8doWQusbeHnm6JTwsRoKk5x5dPT05wMVt7b24v3d3d3W7eqRaeELy4ukvdPTk4KioCoxmnI3NIlenPph4eH3JL8hSjEu7Qu6C1pnZ2dRVdWqPtzv0tMpMVjWmKySpLBkgxg6/HNzU28791dv9sGahOG0P7+fmwMAFY6PDyMi9J7el/jUmVwVwZzlJ/Ly8u8wVBwT4EyVA4ZFIIcn61SVFFVUbktm9YOhuxa+EybiUwgk4Xyk5Q5Ojr653n6LuZS4FlBKVnVFjYxqhMuWzh4f39PEi5beJmcKrYO6hCunLTUHS2onZPJRJaXl+X29jYpR121oJtaWFiIcpSnVMwfHBwUPuPOvAMZurOmMV1JM2gxZUEx7p6a9/DPTbm033WFOC/IhEzevYW9Vn0HNW3nU/Y9rlMW9u/ynkXfPSsqNx64FQvRBbLYsGeNrqxZOAUytT354FQEt+ZZyKQI05TYjK/P1o2GnZsFld0hxFZWBjbsKZf2oWCBO6dcmsxeVg1IcnUOGqRJlmYcHx//swhiypelUBtzGWLQE2DRXhmQEZMTPDHmkfkywiychWABXsLgOlWfUQAyIf4K18joM7xXWCWFw4CcODLISqLMWSVVGbU6rWBdCS+Mcan7VmKZGLWxSKxxNMNf5ohbrpF5fn6OScd3WIDSo/217ppUZm5uLiYvfxJKaWNdddDInT2wtFpDPolhC/KDTClXKdBx1Vm/1HVp3IuXpDouFohCcFUvh0v7uMv+uiPxbxVkFYXL+05Mk1bNuJ3NpS3szsjuaOy9FLQO+13QNDlbu+2WclZkTUeZNbCEJiwG1g+nIPnAjX02xnv0PDrU38IzkUl5UM3RjOxnmwMlodncKyQVq9wrq/kotjfCvvZqjKVIhEO7Wrsg7y0WDa08O2FfR0laOkci8gT8PYDSuO8ToWZ7hiefSnJfQthb0ms+teuxgGSZt5C9da7hhr8wev19eNq+ts1zLItGhP2mn8N1LSH8TmS7Iu20+kYjwhypWktwukFLGLyucBgH2BJ+BzQirD+RfNYM0O92fd5cFY1/eeCIFFdlM7C1tVXoinB55vW4Fm+wlreK4trOWfdHPotbZcmfMytaPYj/HzD+F8/QMRIeOkbCQ8dIeOgYCQ8dP47wHwBJnOu3VjURAAAAAElFTkSuQmCC\"","module.exports = __webpack_public_path__ + \"static/media/search_icon.021ec2b9.svg\";","import React, { useState, useEffect, useRef, useCallback } from \"react\";\nimport { Link, NavLink } from \"react-router-dom\";\nimport settingsReady from \"../images/settingsReady.svg\";\nimport Slider from \"react-slick\";\nimport \"slick-carousel/slick/slick.css\";\nimport \"slick-carousel/slick/slick-theme.css\";\n\nfunction SettingsReady() {\n\n return (\n \n
\n\n );\n}\n\nexport default SettingsReady;","import React, { useEffect, useState } from \"react\";\nimport itemThumb from \"../images/itemThumb.svg\";\nimport { Link, Redirect } from \"react-router-dom\";\nimport profileThumb from \"../images/profileThumb.png\";\nimport { Helmet } from 'react-helmet-async';\nimport Modal from \"react-modal\";\nimport ReactTooltip from \"react-tooltip\";\nimport { CopyToClipboard } from 'react-copy-to-clipboard'\nimport Bounce from \"react-reveal/Bounce\";\nimport Slider from \"react-slick\";\nimport \"slick-carousel/slick/slick.css\";\nimport \"slick-carousel/slick/slick-theme.css\";\nimport { getProductosByNombre, getProductosPurchase, postFlag, route, SearchResults, getNegociosHome, bucket_route } from \"./API Functions\";\nimport NumberFormat from 'react-number-format';\nimport {\n FacebookShareButton,\n TwitterShareButton,\n WhatsappShareButton,\n} from \"react-share\";\nimport ProductPrice from \"./Products/ProductPrice\";\nimport useModalProductos from \"./useModalProductos\";\nimport ModalProductos from \"./ModalProductos\";\n\nconst customStyles = {\n content: {\n top: \"50%\",\n left: \"50%\",\n right: \"auto\",\n bottom: \"auto\",\n marginRight: \"-50%\",\n transform: \"translate(-50%, -50%)\",\n width: \"90%\",\n maxWidth: 400,\n padding: \"40px\",\n border: \"none\",\n borderRadius: 12,\n },\n};\nconst customStylesFlag = {\n content: {\n top: \"50%\",\n left: \"50%\",\n right: \"auto\",\n bottom: \"auto\",\n marginRight: \"-50%\",\n transform: \"translate(-50%, -50%)\",\n width: 400,\n padding: \"40px\",\n border: \"none\",\n borderRadius: 12,\n },\n};\n\n\nfunction SampleNextArrow(props) {\n const { className, onClick } = props;\n return (\n \n );\n}\n\nfunction SamplePrevArrow(props) {\n const { className, onClick } = props;\n return (\n \n );\n}\n\nconst settings = {\n dots: false,\n infinite: true,\n speed: 500,\n slidesToShow: 1,\n slidesToScroll: 1,\n adaptiveHeight: true,\n nextArrow: \n
\n\n \n
\n \n 
\n
\n\n Estamos creando tu tienda...
\n\n \n
\n \n
\n );\n\n}\n\nexport default ProductoModal;","module.exports = __webpack_public_path__ + \"static/media/profilePlaceholder.1ed1b0c0.svg\";","module.exports = __webpack_public_path__ + \"static/media/select_icon_alt.dbdb4dcb.svg\";","import React, { Component, useState } from \"react\";\nimport { Link, NavLink } from \"react-router-dom\";\nimport classnames from \"classnames\";\nimport searchIcon from \"../images/search_icon.svg\";\nimport selectIconAlt from \"../images/select_icon_alt.svg\";\nimport selectIcon from \"../images/select_icon.svg\";\nimport cancelX from \"../images/cancelx.svg\";\nimport faceIcon1 from \"../images/okkiFace1.svg\";\nimport faceIcon2 from \"../images/okkiFace2.svg\";\nimport faceIcon3 from \"../images/okkiFace3.svg\";\nimport faceIcon4 from \"../images/okkiFace4.svg\";\nimport faceIcon5 from \"../images/okkiFace5.svg\";\nimport faceIcon6 from \"../images/okkiFace6.svg\";\nimport faceIcon7 from \"../images/okkiFace7.svg\";\nimport Select, { components } from \"react-select\";\nimport { logOut, route, getNegocios, loggedIn, SearchResults, bucket_route, getCurrentNegocio, user_token, getPublicEstados, SearchTyping } from \"./API Functions\";\nimport NewSettings from \"./NewSettings\";\nimport itemProfile from \"../images/itemProfile.svg\";\nimport Modal from \"react-modal\";\nimport Settings from \"./Settings\";\nimport SidebarSettings from \"./SidebarSettings\";\nimport WelcomeSettings from \"./WelcomeSettings\";\nimport Settings2 from \"./Settings-2\";\nimport Settings4 from \"./Settings-4\";\nimport Settings5 from \"./Settings-5\";\nimport Settings3 from \"./Settings-3\";\nimport profileThumb from \"../images/profilePlaceholder.svg\";\nimport Fade from \"react-reveal/Fade\";\nimport MediaQuery from 'react-responsive'\nimport ProductoModal from \"./ProductoModal\";\nimport SettingsNegocio from \"./Settings-Negocio\";\nimport SettingsReady from \"./SettingsReady\";\nimport Cookies from 'universal-cookie';\n\nconst cookies = new Cookies();\n\nconst customStyles = {\n content: {\n top: \"50%\",\n left: \"50%\",\n right: \"auto\",\n bottom: \"auto\",\n marginRight: \"-50%\",\n transform: \"translate(-50%, -50%)\",\n width: \"100%\",\n maxWidth: 900,\n maxHeight: 700,\n height: \"90%\",\n padding: 40,\n border: \"none\",\n borderRadius: 12,\n },\n};\n\nconst customStylesResponsive = {\n content: {\n top: \"50%\",\n left: \"50%\",\n right: \"auto\",\n bottom: \"auto\",\n marginRight: \"-50%\",\n transform: \"translate(-50%, -50%)\",\n width: \"100%\",\n maxWidth: 900,\n height: \"100%\",\n padding: 20,\n border: \"none\",\n paddingTop: 0\n },\n};\n\nconst options = [\n { value: \"monterrey\", label: \"Monterrey\" },\n { value: \"guadalajara\", label: \"Guadalajara\" },\n { value: \"cdmx\", label: \"CDMX\" },\n];\n\nconst okkiFaces = [\n faceIcon1,\n faceIcon2,\n faceIcon3,\n faceIcon4,\n faceIcon5,\n faceIcon6,\n faceIcon7,\n];\n\nfunction openNav() {\n const navigationWindow = document.getElementById(\"myNav\");\n navigationWindow.style.width = \"580px\";\n const navbarOverlay = document.getElementById(\"navbarOverlay\");\n navbarOverlay.style.opacity = 1;\n navbarOverlay.style.width = \"100%\";\n navbarOverlay.style.visibility = \"visible\";\n document.body.style.overflow = \"hidden\"\n const menuContainer1 = document.getElementById(\"menuContainer1\");\n if (menuContainer1) {\n menuContainer1.style.display = \"block\";\n }\n const menuContainer2 = document.getElementById(\"menuContainer2\");\n if (menuContainer2) {\n menuContainer2.style.display = \"block\";\n }\n}\n\nfunction closeNav() {\n const navigationWindow = document.getElementById(\"myNav\");\n navigationWindow.style.width = \"0%\";\n const navbarOverlay = document.getElementById(\"navbarOverlay\");\n navbarOverlay.style.opacity = 0;\n navbarOverlay.style.visibility = \"hidden\";\n document.body.style.overflow = \"auto\"\n const menuContainer1 = document.getElementById(\"menuContainer1\");\n if (menuContainer1) {\n menuContainer1.style.display = \"none\";\n }\n const menuContainer2 = document.getElementById(\"menuContainer2\");\n if (menuContainer2) {\n menuContainer2.style.display = \"none\";\n }\n}\n\nconst DropdownIndicator = (\n props: ElementConfig this.setState({ activeMobileSearch: !this.state.activeMobileSearch, isFocusedMobile: !this.state.isFocusedMobile })}>\n {this.state.activeMobileSearch ? \n : \n }\n\n
\n \n \n \n
\n \n \n \n {this.state.search_categorias.length > 0 ?\n
\n \n \n
\n :\n null\n }\n { this.state.search_negocios.length > 0 ?\n Lo más buscado
\n- \n {this.state.search_categorias.map((categoria,index)=>(\n
- {this.Search(categoria.detalle)}} >{categoria.detalle} \n ))\n }\n
\n
\n :\n null\n }\n\n {/* Negocios en Okki
\n- \n {this.state.search_negocios.map((negocio,index)=>(\n
- \n \n \n\n \n
{negocio.nombre}
\n\n\n$$$
\n \n ))\n\n }\n \n
\n
*/}\n Sugerido
\n- \n
- \n
Maestro de salsa
\n \n - \n
Maestro de fitness
\n \n - \n
Maestro de café
\n \n - \n
Maestro tequilero
\n \n
\n 
{ window.location.replace(`/${this.state.negocio.dominio_okki}`) }} />\n
\n :\n \n \n \n \n \n \n
\n \n \n \n \n \n\n \n {this.handleSearch(e)}}\n onKeyDown={handleKeyDown}\n onKeyPress={handleKeyDown}\n // onFocus={this.onFocusChangeMobile}\n // onBlur={this.onFocusChangeMobile}\n className=\"navbar-home__search\"\n />\n \n\n\n
\n \n \n \n\n \n\n\n \n {this.state.negocio.id ?\n \n
\n :\n \n \n \n
\n \n
\n\n - \n
- \n \n \n\n {/*
{ window.location.replace(`/${this.state.negocio.dominio_okki}`) }} />\n
{ window.location.replace(`/${this.state.negocio.dominio_okki}`) }} /> */}\n \n
\n - \n \n Catálogo\n \n \n
- \n
- \n \n Estadísticas\n \n \n :\n
- \n \n PRO\n \n \n \n }\n
- \n
\n \n \n \n
\n \n \n \n \n
\n \n \n \n\n \n
\n \n\n }\n\n \n \n
\n \n \n\n \n \n
\n \n \n\n
\n \n \n \n\n
\n \n \n
\n {this.state.settings_section == 0 ?\n \n\n
\n \n
\n \n
\n
\n Configuración
\n \n\n
- \n
- \n { this.setState({ settings_section: 0 }) }} className={this.state.settings_section == 0 ? \"active\" : \"\"}>\n Perfil\n \n \n
- \n { this.setState({ settings_section: 1 }) }} className={this.state.settings_section == 1 ? \"active\" : \"\"}>\n Negocio\n \n \n
- \n { this.setState({ settings_section: 2 }) }} className={this.state.settings_section == 2 ? \"active\" : \"\"}>\n Dirección y Envíos\n \n \n
- \n { this.setState({ settings_section: 3 }) }} className={this.state.settings_section == 3 ? \"active\" : \"\"}>\n Redes Sociales\n \n \n
- \n { this.setState({ settings_section: 4 }) }} className={this.state.settings_section == 4 ? \"active\" : \"\"}>\n Cuenta\n \n \n
- \n { this.setState({ settings_section: 5 }) }} className={this.state.settings_section == 5 ? \"active\" : \"\"}>\n Plan\n \n \n\n
\n \n Cancelar\n \n \n {Loading && (\n \n )}\n {Loading && (\n 'Guardando...'\n )}\n {!Loading && (\n nuevoNegocio ?\n 'Continuar'\n :\n 'Guardar'\n )}\n \n
\n \n :\n null\n }\n \n );\n}\n\nexport default NewSettings;\n","module.exports = __webpack_public_path__ + \"static/media/successUrl.ba52de5c.svg\";","module.exports = __webpack_public_path__ + \"static/media/failUrl.4224ac29.svg\";","module.exports = __webpack_public_path__ + \"static/media/registro3.14562e7f.svg\";","module.exports = __webpack_public_path__ + \"static/media/itemProfile.4d6d53fb.svg\";","module.exports = __webpack_public_path__ + \"static/media/cancelx.d6dc5449.svg\";","module.exports = __webpack_public_path__ + \"static/media/okkiFace1.1925882f.svg\";","module.exports = __webpack_public_path__ + \"static/media/okkiFace2.f34cc3af.svg\";","module.exports = __webpack_public_path__ + \"static/media/okkiFace3.bf4d7a73.svg\";","module.exports = __webpack_public_path__ + \"static/media/okkiFace4.c63db71d.svg\";","module.exports = __webpack_public_path__ + \"static/media/okkiFace5.30cf2060.svg\";","module.exports = __webpack_public_path__ + \"static/media/okkiFace6.5aa35cb1.svg\";","module.exports = __webpack_public_path__ + \"static/media/okkiFace7.7078693d.svg\";","module.exports = \"data:image/png;base64,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\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAAAsCAYAAADRqm7CAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAPCSURBVHgB7Zo/TFNBHMd/79EFQgmBDRgcIPwZCA4FRoUJJypzCQ4aU8To1oSJjc0IaWPiIKGuJnXBBNLKajuoONAEBgfaDUMgkQV43vf1fq/3Xlul7VtM75M0vXd37979vvf7/e5eU4MEIyNP7xhG4J1p0oRlUTe1CMLWlGVdvczn3/w0IEJbW+BrKwng4ezm5uquaZqBVy0sAui2o0EU5qnFMQyaMEkDurUQEi2ERAsh0UJItBASLYRECyHRQki0EBIthCRAddLX10uTk4MV9RcXl5ROH/yzfyr1Rbz2D4hPv31dKPyiXO7IaQ8GO2h+ftLuw+OiPZs9FuXfrrFDoUHq7++1y/l8QXxOqFHqFqJYPBWT7xGTnRIGDglDe5y2eHyHEolPrv7Ly3N2XwCDIEQ0Okezs+N2Ha5ZiFjsIUUi9yueGYnco4WFdWFoWQhv30zmgFZW3lKjNBQamPjq6ntaWnrtWgUIowJvYBEAjAa82jwWqCUCgxV3jzvtag+FhqgZ6vYIFbg1jIvFSoapBgI1JIrFUt9gsF24c9mLICTqVBGSyX3a3t63y+hbbVzco4JrCASPbYSmkyVc0jsZJhp94JSTyc/2t7pyiH+sNOcLBrkGBuEDj+F7q42r5pdqueu2NC0EvAIGeSeDkFBXnhOpajSHler2YHPzsZ1bqlFKkKVxOecwXkHrwZftM53+Tt7JeHMDBANqHmEhIOT6+genHp6FVd/dXauIfTU3YFx1p/KGUD34IkQud+yUsZ0hPFQD3Ks2UPU+5AUkYOSS8lg9tLX13LnHm3zhERCxUDitGLtefPKI8qpAANWtYRjH8fDwgCvJefd9CIadKB53b8HYPoE6LsYUPzrb2zcLirEbDY+mdg2GDz0QAZNRVw1nC2Z0tDxJCMThooK6RGLHzjXsVZwTVC9DeW9vreJ+1Htzzm3wRQhweHhSEc+8ZTJqO3sD3B0rjd0HLn5+fknh8FRFX2/yrUWj4eGbEJnMD1pcdB+Istkj17U6SW6DK8NI1YtUICbyx8bGE6eudORWj+XtzrMbPVj5JgRWDSGi5gC4OOONX3ZfbIe14BNsZ2eH617sMF73D4enncNaV1e77Vn1YIyNPbPIJ2Zmxu1JAO9LGCbJ7xcAocCT5Zcwfm+BF6gvUWhTvUkNt2rPhoDV8s/f8FWI/xn9e4RECyHRQki0EBIthEQLIdFCSLQQEi2ERAshgRBnpCHTMOgbtTiWZX00r6+vHlFre8WZZV2/MPH3W/zzVFSkqLUQAtA+bIcGfwDQxrVWhAKFEAAAAABJRU5ErkJggg==\"","module.exports = __webpack_public_path__ + \"static/media/settingsReady.272a5ca9.svg\";","module.exports = __webpack_public_path__ + \"static/media/mexTel.f29c4ab0.svg\";","import React, { useState, useEffect, useRef, useCallback } from \"react\";\nimport { Link, NavLink } from \"react-router-dom\";\nimport welcomeCover from \"../images/welcomeCover.svg\";\nimport welcomeCover2 from \"../images/welcomeCover2.svg\";\nimport welcomeCover3 from \"../images/welcomeCover3.svg\";\nimport Slider from \"react-slick\";\nimport \"slick-carousel/slick/slick.css\";\nimport \"slick-carousel/slick/slick-theme.css\";\n\nconst sliderSettings = {\n dots: true,\n infinite: true,\n speed: 500,\n slidesToShow: 1,\n slidesToScroll: 1,\n autoplay: true,\n};\n\nfunction WelcomeSettings() {\n\n return (\n <>\n \n
\n\n \n );\n}\n\nexport default WelcomeSettings;","module.exports = __webpack_public_path__ + \"static/media/welcomeCover2.8764e127.svg\";","module.exports = __webpack_public_path__ + \"static/media/welcomeCover3.2a514bd3.svg\";","module.exports = __webpack_public_path__ + \"static/media/blocked1.663f1d3e.svg\";","module.exports = __webpack_public_path__ + \"static/media/blocked2.da6d2cb6.svg\";","module.exports = \"data:image/png;base64,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\"","module.exports = __webpack_public_path__ + \"static/media/registro1.fe8e5a3f.svg\";","module.exports = __webpack_public_path__ + \"static/media/registro2.b8584e02.svg\";","module.exports = __webpack_public_path__ + \"static/media/draftEye.9cca429f.svg\";","module.exports = __webpack_public_path__ + \"static/media/404Cover.b320a2c9.svg\";","module.exports = __webpack_public_path__ + \"static/media/add_plus.26661676.svg\";","module.exports = __webpack_public_path__ + \"static/media/comer-hero.b3040578.svg\";","module.exports = __webpack_public_path__ + \"static/media/comprar-hero.2a05d271.svg\";","module.exports = __webpack_public_path__ + \"static/media/contratar-hero.5d0fa8e5.svg\";","module.exports = __webpack_public_path__ + \"static/media/docs.16a8d322.svg\";","module.exports = __webpack_public_path__ + \"static/media/okki-landing-1.98bac671.svg\";","module.exports = __webpack_public_path__ + \"static/media/okki-landing-2.0b94f214.svg\";","module.exports = __webpack_public_path__ + \"static/media/okki-landing-3.6fbad6e2.svg\";","module.exports = __webpack_public_path__ + \"static/media/okki-landing-4.0d71b53f.svg\";","module.exports = __webpack_public_path__ + \"static/media/okki-landing-5.a1fe0e26.svg\";","module.exports = __webpack_public_path__ + \"static/media/okki-landing-6.7fe62d96.svg\";","module.exports = __webpack_public_path__ + \"static/media/proCover.fb3aa815.svg\";","module.exports = __webpack_public_path__ + \"static/media/thankyoupro.46d0ae86.svg\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAYAAAA5ZDbSAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAoiSURBVHgB7Z1rahRZFMdP2jaiKNMiKgpiDYIgCCaYDvhp2hWoK5i4gnFWoFnBmBUYV6CuwPaTkAdpvyiKMjUIioJMD4piXs75V27FSqXr1q3qqq57KvcHbbf9qHH63+dxz7mPMaoBKysrrfX19YlGo+HxXy/xrfXjxw889tRbWuoWx+dbP7zxZ56px71ms9mbnJzsk3DGSCCLi4sdvpsYGxv7Dff0U8ii8fnWY+Gf4L7dbndJGCIEVhY6w4Jeoy1BW1QNsOju5ubmo42Nje6VK1d8shxrBY6J2iE7gdj3bRbbOoHhflnU3/nhdarOUjPD/+Z5iG2bG7dGYCXsbbLXWk3psdBz09PT82QBlQushL1H5SVKVeGz0LNVC12ZwDWy2DR8zsJvVuW6Ry7w06dPvf3798NiO7SHQIxeXV2dHXUyNlKBl5aW/uC7OyQoeSqYPgt99/Lly7M0IkYi8F61Wg3+2tra1VFYc4NKBlbL4q6QEzcKfvArnIfcopIpzYJRqOAs8jYnGKX/T0hGuew/qSRKEVi55Ae0VVZ0pFOayy5c4IWFBXR1IK5HjiyUInKhMZjj7XUW9zE5cfMQxGV8h1QghVkw/8NQP54nRxHMTE1N3acCKERgJ24pFCLy0AI7cUtlaJGHEljFiwfkKJMbLPJDyklugdVQCAWMvVp2HBV9ridc5a5Uj3KQK4tW4iJbduKWTwvDTnznlINcAitxPXKMiqBwhOogZSSzwMvLy3+RE7cKJlD6pYxkisGq3XeXHJXBtf0/2+22sQbGArukyhr6XNKcNC1pGrtol1RZQ0v11o0wEpjjLny/Rw5b6Jj2klNdtHPN1mLkqlMtmMWF9Tpx7cPIVWstWE1tfUwOa+Gs+qpuSq7WgtWEdIfFqLnliSQKzInVDLnESgIdtZx2IIkCs+lnrpo4qkHnaQfGYFgvC1wb93zkyBE6ePAgHTp0iPbt2xfcVldX6evXr/Tt2zf6/PkzSScpFjcT3vwHCafZbNLx48fp5MmTgaCDOHbsWHAPsd+9e0efPn0iqahY3N31fPyJOmTOsNRz587R+Ph4ps9B6FevXtH3799JIoOseFcMVouvxQKrvHDhQmZxAT5z8eLFbcuWBveNd2m3w4JV1epvEgqE8TyPisD3fYkuu8/h6Nfo7kA7LJh/wR0SyoEDB+jMmTNUFLgWrimMYF+T6BM7BGYfLtY9nz17NjGZygOuhWtKQ21a8/Pv4QPJ7hnDoPPnz2vfgwTqw4cPwf3GxkYwbEKGnRarkXRJG0bxj/No6Ka3h0lwz2zBJJETJ05oX3///n0wDIoC0T5+/EinT5+mU6dOJX4Wr0kTWLnpYNbHtotmca+RUFqt5GYXRIyLGwWv4T1JhMURSUTddDQGd0ggcM9JwBXDLacBkfHeQUBcgcnW9rLdQGBVrBbZ89XFULhWxNw0IK7ODSNeC6MVNiBCC67lQm3Umk2RWr3SEGgaCKx2ba0dAl1rkXTwh3gLToqdQBef4xw9ejTxNRM3bxtctrwU3KvlEB4JRRc7EZ9NREaJUxfLJbpvbIgObRvYKZ0Ek5Ygoaukc9V4DWPhJNAvlmjBINgFn2qQYOkExjAH3SUUQ6JCo1+MIkZa58lkmGUrsGJUssRPiUWhQtfYx/NoHuAWuluTBAyWK3m2B8fhiQZn0JdIOHDTumpVFAhrml3jmlLdM2Btf4GLrsWkdlhxkf3boq9XBXDRtREYvH37NlNxIwm4ZVxLOmzB9RIYrvrFixfa5kEa+CxahHUBSZZHNSO0ZAx/TOdmwWrRVqzDFNoQdtGtJtUUxE/cUOhAISOcFx0FGfWXL1+C99VJ2Aj1FTgEwkXFCzNoLgJoy5x1ofYCx6lh10hL6Tu+O6oFAos/YdORjBO4xvA42K9NDEa2jMl3RU2QC7tU/b7c3z8Pk/oQ2CfhY2F0hXQtv7ygA4V6NMbHQunDRf9Dgknr5w4Lri116g9b8H/iY/Dhw4epbEbx3yiJHtqFufYh3ksILoj0G5ubmz4JBklQmQIIb/r3Gs1mU7QFQ1x0f8pozOOar1+/FmvB0DZYXbi0tIRVhR4JJz6DEkMmTLoz4c2bNzuExOMiessV4k9NTf0ajoNhxR4JJ+5KdasG46DbJHg4tAvOoJ/hvqH+8oRqBooeWYZPeK9ulaJAuvgjbDbUKpPGuDXPXh34TI2WuwSabq/w5zj8L9Vg+g4Ewmr/PLvsACRWz58/l94r7nP8DdbiRNuFtbBi7KuRV1yAz5omZrYSDbnRFf6PSDhIqtLWImFSXdqkPFyjyB17Rg1ruX1S2rbAPGaaJ8GgMZCWVEFYTMjDLU1kXC9t7w9b4fDSDR9vC6x2ZemSQDCZLs3isIgsOtcZj9MqVLhmfKKeALrRbf7j+2SJc9MmxYywIhUHu9mlVcBwbUmbsHDpecdppTsEVm5aVHcJ8VKXVCEbfvny5UAh8Vy8ghUH15Y0Po66Z7BDYLhp/gWIsuI064Ir1lkpypF1WKYCuDM4Hz+FZdBus/MkCJ14KD2aLCDDe3RlSindpLh7BrsEVvsNd0kI4ZKTOBDNdEkpSNoQHNcWsoS0l2XH91m25A4JAeJgQjtiZThZLs/STyRd+Gx4HfSapUy6Y+udG/R84rlJdWkh7hGC1uCgF3SnrtwkhwjYemeTXtOefMZWjLMbOuSwmUTrBdq1SYjF5LCaNE+rFVhaRr3XwJBWd24hSF1duLa2hl+IW79kH30evqV62FSBURlxrto+WJM5k2PeUw+IDnEJl1VoE6soxgvAnau2Bpz8fdX0zcYCO1dtB9DAxDWHGLvoEHbVOM1D/OGVQplj13wrywcy79HB7bk7VLNptkLw1XeficwCo2fMMeAGbS0cd4wGH3E3eiahKZlddMjCwsJEo9FAZl2r5QAWAoOazBJ3o+TeRml6ehpu2jUkyudmXnHBUPtkccB/yJ0MJ3JJ4LvFd0xDkNtFR2F3PcPu+h45CgPispecpyEpRGDgRC6OosQFhQkMeIx8ne8gsku88oEseWi3HKVQgYE6hxjZtUeOLPhsuTdU8loYhW9GioxP1Up9cpjSw3dWtLigcAuO4sqaRsyhQpWniGFCqQKDxcXFW2NjY7fJxeU4fTQO2u32XSqR0gUGLi7voov26zAFDFNGInAIW/Mdtma47L1qzSOx2igjFRjAmhFzeMz8O+0tRma1UUYucAiOIGdrxpjZo3rTVVbbpQqoTOCQ5eXlGf4CkIR5VC8wA+ZmVcKGVC5wiBIa8Vn6cbeVWmwcawQOgevmL2hGWIzuc7hBZ+2+LcKGWCdwCJKx8fFxiA2hO2QnsNZH2PqirELFsFgrcJSI2NdoS+yqhlkQsWe7qFFECBwHbpzvJtgt/kZbMdujcvBpS1DsHNezzf2aIFLgOCsrK6319XUIjVtLnWreity8AR/r08+J/D7OGMIhFjjiALvgYzNtCRaaxv9c5sjMF0YGBAAAAABJRU5ErkJggg==\"","import { useState } from 'react';\n\nconst useModalProductos = () => {\n const [isShowing, setIsShowing] = useState(false);\n const [flagsShowing, setFlags] = useState(false);\n const [shareShowing, setShare] = useState(false);\n const [image_loaded, setImageLoaded] = useState(false);\n\n function toggle() {\n setIsShowing(!isShowing);\n console.log(isShowing,'lol')\n console.log(!isShowing,'loleo')\n\n if(!isShowing){\n window.history.replaceState(null,null, sessionStorage.getItem('product_path'))\n }else{\n if(sessionStorage.getItem('previous_path') !== window.location.pathname){\n window.history.replaceState(null,null, sessionStorage.getItem('previous_path'))\n }else{\n window.location.replace('/');\n }\n }\n }\n\n function flags() {\n setFlags(!flagsShowing);\n }\n\n function share() {\n setShare(!shareShowing);\n }\n\n function loadImage() {\n setImageLoaded(true);\n }\n\n return {\n isShowing,\n toggle,\n flags,\n flagsShowing,\n share,\n shareShowing,\n image_loaded,\n loadImage\n }\n};\n\nexport default useModalProductos;\n","module.exports = __webpack_public_path__ + \"static/media/emptyItem.9beefaa1.svg\";","import React, { Component } from \"react\";\nimport { Link } from \"react-router-dom\";\nimport classnames from \"classnames\";\nimport searchIcon from \"../images/search_icon.svg\";\nimport navProfile from \"../images/navbar-profile.png\";\n\nimport Select, { components } from \"react-select\";\n\nconst options = [\n { value: \"monterrey\", label: \"Monterrey\" },\n { value: \"guadalajara\", label: \"Guadalajara\" },\n { value: \"cdmx\", label: \"CDMX\" },\n];\n\nfunction openNav() {\n const navigationWindow = document.getElementById(\"myNav\");\n navigationWindow.style.width = \"400px\";\n}\n\nfunction closeNav() {\n const navigationWindow = document.getElementById(\"myNav\");\n navigationWindow.style.width = \"0%\";\n}\n\nconst DropdownIndicator = (\n props: ElementConfig\n\n \n
\n \n \n {/* */}\n\n\n
\n \n\n \n \n \n
\n \n
\n \n
\n \n
\n
\n \n 
\n
\n\n Bienvenidx a Okki
\n\n Utiliza Okki de forma gratuita o utiliza las herramientas PRO que ofrecemos para exponenciar tu negocio\n
\n\n
\n
\n \n
\n \n
\n
\n \n 
\n
\n\n Vende sin comisiones
\n\n Tú decides como cobrar y como enviar, tus clientes te contactarán por Whatsapp.\n\n
\n\n
\n
\n \n
\n \n
\n
\n \n 
\n
\n\n El negocio es tuyo
\n\n Crea tu tienda en línea y comienza a vender hoy mismo.\n
\n\n
\n \n \n \n \n
\n \n
\n \n )\n}","var map = {\n\t\"./404Cover.svg\": 382,\n\t\"./about.svg\": 135,\n\t\"./add_plus.svg\": 383,\n\t\"./adsCard.png\": 203,\n\t\"./arrow_icon.svg\": 639,\n\t\"./assets-mails.zip\": 640,\n\t\"./blocked1.svg\": 376,\n\t\"./blocked2.svg\": 377,\n\t\"./bxl-facebook.png\": 641,\n\t\"./bxl-instagram.png\": 642,\n\t\"./cancelx.svg\": 360,\n\t\"./checkGreen.svg\": 643,\n\t\"./checkWhite.svg\": 644,\n\t\"./comer-hero.svg\": 384,\n\t\"./comprar-hero.svg\": 385,\n\t\"./contratar-hero.svg\": 386,\n\t\"./cookie.png\": 378,\n\t\"./customLand-cover.svg\": 645,\n\t\"./customLand-coverDetails.svg\": 646,\n\t\"./deactivatedProduct-icon.svg\": 647,\n\t\"./docs.svg\": 387,\n\t\"./draftDot.png\": 648,\n\t\"./draftEye.svg\": 381,\n\t\"./emptyItem.svg\": 43,\n\t\"./emptyThumb.svg\": 156,\n\t\"./face-okki.png\": 649,\n\t\"./face-okki.svg\": 650,\n\t\"./failUrl.svg\": 284,\n\t\"./graph.svg\": 489,\n\t\"./home-cover.svg\": 280,\n\t\"./home-coverOkki.svg\": 651,\n\t\"./ig-okki.png\": 652,\n\t\"./ig-okki.svg\": 653,\n\t\"./itemProfile.svg\": 31,\n\t\"./itemThumb.svg\": 28,\n\t\"./itemThumb2.png\": 654,\n\t\"./logoMain.png\": 655,\n\t\"./logoMain.svg\": 656,\n\t\"./logoMainWhite.png\": 657,\n\t\"./logoMainWhite.svg\": 658,\n\t\"./mexTel.svg\": 371,\n\t\"./navbar-profile.png\": 368,\n\t\"./newLogo.png\": 659,\n\t\"./newLogoW.png\": 660,\n\t\"./okki-landing-1.svg\": 388,\n\t\"./okki-landing-2.svg\": 389,\n\t\"./okki-landing-3.svg\": 390,\n\t\"./okki-landing-4.svg\": 391,\n\t\"./okki-landing-5.svg\": 392,\n\t\"./okki-landing-6.svg\": 393,\n\t\"./okkiFace1.svg\": 361,\n\t\"./okkiFace2.svg\": 362,\n\t\"./okkiFace3.svg\": 363,\n\t\"./okkiFace4.svg\": 364,\n\t\"./okkiFace5.svg\": 365,\n\t\"./okkiFace6.svg\": 366,\n\t\"./okkiFace7.svg\": 367,\n\t\"./proCover.svg\": 394,\n\t\"./pro_badge.svg\": 661,\n\t\"./pro_cover.svg\": 490,\n\t\"./profile.svg\": 662,\n\t\"./profileLagom.png\": 221,\n\t\"./profilePlaceholder.svg\": 233,\n\t\"./profileTable.svg\": 106,\n\t\"./profileThumb.png\": 40,\n\t\"./profileThumb2.svg\": 158,\n\t\"./prothankscover.svg\": 663,\n\t\"./publishDot.png\": 664,\n\t\"./registro1.svg\": 379,\n\t\"./registro2.svg\": 380,\n\t\"./registro3.svg\": 302,\n\t\"./rotate-icon.svg\": 179,\n\t\"./search_icon.svg\": 222,\n\t\"./selectArrow.svg\": 107,\n\t\"./select_icon.svg\": 64,\n\t\"./select_icon_alt.png\": 665,\n\t\"./select_icon_alt.svg\": 250,\n\t\"./settingsReady.svg\": 370,\n\t\"./successUrl.svg\": 283,\n\t\"./thankyoupro.svg\": 395,\n\t\"./vender-1.svg\": 92,\n\t\"./vender-2.svg\": 666,\n\t\"./vender1.svg\": 667,\n\t\"./vender2.svg\": 668,\n\t\"./vender3.svg\": 669,\n\t\"./visaTag.png\": 369,\n\t\"./welcomeCover.svg\": 171,\n\t\"./welcomeCover2.svg\": 374,\n\t\"./welcomeCover3.svg\": 375,\n\t\"./welcomeCoverBig.svg\": 670,\n\t\"./zoom-icon.svg\": 178\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = 488;","module.exports = __webpack_public_path__ + \"static/media/graph.7792b425.svg\";","module.exports = __webpack_public_path__ + \"static/media/pro_cover.2ac1b1bc.svg\";","function webpackEmptyContext(req) {\n\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\te.code = 'MODULE_NOT_FOUND';\n\tthrow e;\n}\nwebpackEmptyContext.keys = function() { return []; };\nwebpackEmptyContext.resolve = webpackEmptyContext;\nmodule.exports = webpackEmptyContext;\nwebpackEmptyContext.id = 521;","module.exports = __webpack_public_path__ + \"static/media/HeyWow-Regular.842c5f35.ttf\";","module.exports = __webpack_public_path__ + \"static/media/heywow-regular-webfont.0fead844.woff\";","module.exports = __webpack_public_path__ + \"static/media/heywow-regular-webfont.eb079140.woff2\";","module.exports = __webpack_public_path__ + \"static/media/HeyWow-SemiBold.843089b6.ttf\";","module.exports = __webpack_public_path__ + \"static/media/heywow-semibold-webfont.d53e21f2.woff\";","module.exports = __webpack_public_path__ + \"static/media/heywow-semibold-webfont.083f493e.woff2\";","module.exports = __webpack_public_path__ + \"static/media/HeyWow-Bold.9d505e34.ttf\";","module.exports = __webpack_public_path__ + \"static/media/heywow-bold-webfont.3067b0b3.woff\";","module.exports = __webpack_public_path__ + \"static/media/heywow-bold-webfont.aa9a51f8.woff2\";","module.exports = __webpack_public_path__ + \"static/media/arrow_icon.b2dcd66b.svg\";","module.exports = __webpack_public_path__ + \"static/media/select_icon.c96038b5.svg\";","module.exports = __webpack_public_path__ + \"static/media/assets-mails.4804c7f9.zip\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAD1SURBVHgB7dZhDcIwEAXgB0EAEioBCZOABJwgYRZwgIThYKCAoQAcwN0/SNqFrdyuI+9L7s8BSR9rbwWIiP5dJVVLXaXuUs+30l4rtUWB1lJHfC44VTuMtIINXbz+swHGlrCxxwSLtxLw3bb5yRayeAJFHsgh+g6ufrZB4RqkAwTMgM722OJbGLCaQjEPGJgygAkG8LbAeDrv60g/9PymS/QrqRtGyLkL6X0nYJiQ6I9avCphC52RoYQAWeO1hAAXZJj9E8g5xJ3UIdLX6bROfP8U6cd6rlJ3oQYG+Cb2xgDeGMAbA3hjAG8M4I0BvM0+ABGRrxfZiEjVsuGEbAAAAABJRU5ErkJggg==\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAKYSURBVHgB7ZmLcdswDIb/9jpANyg6Qb2BOYJH4AZWJzA7QbqBu0HTCZxMEHcCqxPUG7TE2TqDUESR1CO5i747nCWaAgkSACkKWFhYWHhJ3iEf8rLx8sXLystHITnU19/z9frRy70oHx3u7MHLv4mF2yCMzBaYvONadikdS3EhVuRU2RGXKeffWv1XI452N/JivKzRHvmvXr5jAIRwVE7XxqbCevmr2lxhAAeEnSdMDyE04oBCCOFIbDANHF8/vdyJskq1bVCAVFI8Cj1YhB114j85C1WXgvfoZi2uH5EP4TJyBt2uR5E2f4lrgwKekO8+nF04a+lAbGJoj7DTRtWRI12pZ7M5Ic8Htx0d78vxnGU4VVqlz2JEA/pS2Q7jL1RW1c9GPvwJ6Z3nWXAIZ40H4AfaRlQRvQYzGEBo+zlFdBLCmWVjuzaBBjMYsFf1CP1wHRkrrqOewQwGyNHcIx2HcBaew2BiA1Yo37OYBP26zrPEFrI+tO8ekc6Duv+MQoYY8CoYYkCt7nNcSNc9oZChBpzFfc5udav0/MEEpGQhhzCbEPohpbsrexnMkEY5kGVOz13IYmuHwUxbCf3y0Yyq9HO+3qG92XMRvQYDDZCN9QWoQ/5mzvXo3GCgAXKqTUJ9h7SO88BUCfosQtfMRhqQmmEIl12n9vOm4w7pJ3jSNZ+6Kn2IKDjiFmDsQvfop8btxaQ5dmzKa+SxFtdnFDDHS30MOYsOBRBCFzCYD4vyjWLAAek5fiwI7bWlGL1lZmUW02GRebSYcrjLsXCnympcgvo32sF5RnfQkbpvDnr5W4NFO0N9Q6H/axzyF6qh4jAyhPk+cBgkUvqJyeJ2nk8YRn0Vdkd2ywdkUGJAjNRvZbE4WVhYeEv8BygLuRrVQwhcAAAAAElFTkSuQmCC\"","module.exports = __webpack_public_path__ + \"static/media/checkGreen.be8aef9d.svg\";","module.exports = __webpack_public_path__ + \"static/media/checkWhite.8e17d957.svg\";","module.exports = __webpack_public_path__ + \"static/media/customLand-cover.36ce5f0e.svg\";","module.exports = __webpack_public_path__ + \"static/media/customLand-coverDetails.4333c613.svg\";","module.exports = __webpack_public_path__ + \"static/media/deactivatedProduct-icon.1cf46088.svg\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAE9SURBVHgBrZRLUoNAEIZ7hqLKZY6AJzBrXsoJojcgN9ATJJ5Ac4LkBuIJqBSPNTcQl+7YU4B/pzCJiJrAfBuYnul/eqZ7WlAPYRhOdF33hRDXTdNMYTLaqQy2HN9Xy7I2fb6ia0jT9LaqqjUcJ/Q3OdY8doXl8SCO46e6rl9OEGMMRL9OkmTRGyFPYMGShvFs2/bDXhBiPu9GI8DJ7lzXDXaCOOobHS5+KEVZlpcaR4eBT+O50DTtQyLUGanjRiKjBikCWldcNlNSBBJrSFIMC+akjkwizIzU8c5J2ZIioBVIFOMG/wWNJ+dGIT3PK1CLcxoJdx7+7rLMbxB3uaKBwHffxr71wyiKlthpcabYynGc+6/xjwbbdh4WNf4RKvB256ZpBsd28ZtD2zRmXP10eE3cpTPYtpxMvv+u3yfveIik4oG7TAAAAABJRU5ErkJggg==\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFbSURBVHgB7dfLUcMwEAbgX4IhPqoEHRigC0IFuBSogEkFlAAlpIR0QLjxOMR0oBsmDBZrciEgGNDDm8zsN5PLKhnvr8QbGRBCCE4KhVVmf6ywc+qBml6GLmg+LTcK3r0Bk6V7mCLCLgoxxppnjK6wavxDYLesp6pGZxCpSIC++RajG2rYojCNAmjnLzBA873sASpzZGnnzzCQ7AE8fI0BZb8HaEeO/Q9rVJ926Cav7nGOTLIH8Otjco2COqfmG2RUYgrZUJGCzV/cXYPMikyhELqxHQoYLEApEoBb9GFuzxzUGuoysGR/+VgTLi/HrVs8IUL0FNLQNC69xf/YUDG2+VUfzPrxigTsAVLH6wYE6G6RYAN+QirpG0g5SjR0+euvRWqoVuHzUP/+2feyDtT+LvszcWUOFwhPm1nr7k+QmfwTc5MA3CQANwnATQJwkwDcJAC3rQ8ghBC83gE0kksjfKkSXQAAAABJRU5ErkJggg==\"","module.exports = __webpack_public_path__ + \"static/media/face-okki.ea732944.svg\";","module.exports = __webpack_public_path__ + \"static/media/home-coverOkki.aa88d988.svg\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAASASURBVHgB7Vldcts2EF6QSq1MXtDpAQrPJFGnL7ZPYPoG7g2UE8Q+QaQT2DmB0xPUOUHpE0R56dTpg9kDZMKXJHJsEtkVQBOkCBAUreQh+mYwAsgFuAvsH1YAG2ywwQbfEww6YsiFkLB1yEDu4ORdCYxLAI59Dt2QKAZkmgOj/gUDdj5P/026LOItwAP++24I2Ql2I1gvYmTrma8goQ/RFh89D0CeY1fA+iGwHQ2Gv8Dt/P1FG3HrCQz50xdINjGfSZCzANgFqs8MtCoYSFzrZRDwEHJeYzjCVfehtkGomsfX6eWpaz3mZv43gctcQYW5xfHGsAbg98a4OSemPWWQ792k/81scwJwQp4ZgwSZP1gX8wRc+xUa8h7ufFo8CyE4cc2xCqB2vzRYtIHjrh7CB2Rf2P7CtmCUvoFMTQ2SCHmJbPOtAuBRHhrD+FP67hzuGaQyqC6n2NAtwxHa24Sef0a9N08Bedm1rRE4XuyXI9nqDZaZE2LIH0eqCdFMldees7tvYnx4bbyIwM6nZWmQouyD1YhMcC44eS1Uhw+oHGj84d+qbV0N+Qjb0zOtmsXnY3M+7vrrss9mpTCwA10FQGPiJVGQQgtIlz8vmGYTS1QW+G5MXk255oW+x+hS95D+JW7TM9Nl4vdbv0kY+BBlkDkX0wxNwBtsgnNQgHfTj8pFHrVMELYXgc+kEG4/2IjqgU4ZH5sql3vJqGUQ7uH4T6gJgafmYPw2AQ8wO2MjWY6+iHl69f8yTWOgO7C5W02PNqE2h4R9CNfbaZqky7SPI2U/CrQRTWu2BLJWvKgO7cwrJugdOyhcJNnKHH5qUx8negogI6P/yifQEQ26yJd3s4A9hx5YWYBH/AkFF1GMM4Mpj8/GRY9OYci3f4UVsbIAyHDFVboSrjqW86mtbVgRfW3gu6OHAIPEHD1QKuWFR0u011ewIlYWgIyxmvayQ9+5GBdMw02aXLQveqlQ3ZtU85xm6FgwLp/IGHqglwBz+HJq+nQKUi4hjEBmsjCFHuhnxBhBa5cPoZO1M9MmqE8pB+b1b6CS17Bp30uSNZmjnS2yygwGP+NPo57S5QN3lnbfiMpsHFLjowptNRdYMD8BC3K8/PvsriOdNg00dBatFCPMSxVoY6ja4GJeMRaY30zsdB7Iq2WQRmghtnXWmdTfF1kqJW9tpRJFXwZK09vVYVUhPIGZ1PqKUpI+t96JtT6Pqa8qeXeCJ9da1+fgB7rSypKX7gLki1olaN/O9qEjbtJ/ZjewOqTatGJkvZO7rpTmjjtLG/cNqlZANVG0nn5LZW5EPjvSw6Qt378PUKwgd2vcqzFSX1qTPacRY8g/NoZCBaonY1gTdGnxTa20+IdrTmtx9yHeW1Ef6+U9vJTAuYT8LQqVmC8yrCaEaAHNqw2EOcJqHyd/zyDYQZsbL1cz3LHCSwAC7sykGqi+BdqZX1CBJ3QeQ8XeCNaLWDMf+xB7C1BACZKPtWsV0P9PjwSUSr6V6i+muMPc7gK4QKXFOYrYRjfEkNdUStlggw1+QHwFaK6xOzKLSr4AAAAASUVORK5CYII=\"","module.exports = __webpack_public_path__ + \"static/media/ig-okki.c2acffce.svg\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAjAAAAEsCAYAAADdDYkSAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAUWSURBVHgB7dYBDQAgDMCwg39Z9wU6lrQqenb3DQBAyB0AgBiBAQByBAYAyBEYACBHYACAHIEBAHIEBgDIERgAIEdgAIAcgQEAcgQGAMgRGAAgR2AAgByBAQByBAYAyBEYACBHYACAHIEBAHIEBgDIERgAIEdgAIAcgQEAcgQGAMgRGAAgR2AAgByBAQByBAYAyBEYACBHYACAHIEBAHIEBgDIERgAIEdgAIAcgQEAcgQGAMgRGAAgR2AAgByBAQByBAYAyBEYACBHYACAHIEBAHIEBgDIERgAIEdgAIAcgQEAcgQGAMgRGAAgR2AAgByBAQByBAYAyBEYACBHYACAHIEBAHIEBgDIERgAIEdgAIAcgQEAcgQGAMgRGAAgR2AAgByBAQByBAYAyBEYACBHYACAHIEBAHIEBgDIERgAIEdgAIAcgQEAcgQGAMgRGAAgR2AAgByBAQByBAYAyBEYACBHYACAHIEBAHIEBgDIERgAIEdgAIAcgQEAcgQGAMgRGAAgR2AAgByBAQByBAYAyBEYACBHYACAHIEBAHIEBgDIERgAIEdgAIAcgQEAcgQGAMgRGAAgR2AAgByBAQByBAYAyBEYACBHYACAHIEBAHIEBgDIERgAIEdgAIAcgQEAcgQGAMgRGAAgR2AAgByBAQByBAYAyBEYACBHYACAHIEBAHIEBgDIERgAIEdgAIAcgQEAcgQGAMgRGAAgR2AAgByBAQByBAYAyBEYACBHYACAHIEBAHIEBgDIERgAIEdgAIAcgQEAcgQGAMgRGAAgR2AAgByBAQByBAYAyBEYACBHYACAHIEBAHIEBgDIERgAIEdgAIAcgQEAcgQGAMgRGAAgR2AAgByBAQByBAYAyBEYACBHYACAHIEBAHIEBgDIERgAIEdgAIAcgQEAcgQGAMgRGAAgR2AAgByBAQByBAYAyBEYACBHYACAHIEBAHIEBgDIERgAIEdgAIAcgQEAcgQGAMgRGAAgR2AAgByBAQByBAYAyBEYACBHYACAHIEBAHIEBgDIERgAIEdgAIAcgQEAcgQGAMgRGAAgR2AAgByBAQByBAYAyBEYACBHYACAHIEBAHIEBgDIERgAIEdgAIAcgQEAcgQGAMgRGAAgR2AAgByBAQByBAYAyBEYACBHYACAHIEBAHIEBgDIERgAIEdgAIAcgQEAcgQGAMgRGAAgR2AAgByBAQByBAYAyBEYACBHYACAHIEBAHIEBgDIERgAIEdgAIAcgQEAcgQGAMgRGAAgR2AAgByBAQByBAYAyBEYACBHYACAHIEBAHIEBgDIERgAIEdgAIAcgQEAcgQGAMgRGAAgR2AAgByBAQByBAYAyBEYACBHYACAHIEBAHIEBgDIERgAIEdgAIAcgQEAcgQGAMgRGAAgR2AAgByBAQByBAYAyBEYACBHYACAHIEBAHIEBgDIERgAIEdgAIAcgQEAcgQGAMgRGAAgR2AAgByBAQByBAYAyBEYACBHYACAHIEBAHIEBgDIERgAIEdgAIAcgQEAcgQGAMgRGAAgR2AAgByBAQByBAYAyBEYACBHYACAHIEBAHIEBgDIERgAIEdgAIAcgQEAcgQGAMgRGAAgR2AAgByBAQByBAYAyBEYACBHYACAHIEBAHIEBgDIERgAIEdgAIAcgQEAcgQGAMgRGAAgR2AAgByBAQByBAYAyBEYACBHYACAHIEBAHIEBgDIERgAIEdgAIAcgQEAcgQGAMj5W9IFo0HHjBwAAAAASUVORK5CYII=\"","module.exports = \"data:image/png;base64,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\"","module.exports = __webpack_public_path__ + \"static/media/logoMain.6f4a8830.svg\";","module.exports = \"data:image/png;base64,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\"","module.exports = __webpack_public_path__ + \"static/media/logoMainWhite.e6a08c63.svg\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFwAAABcCAYAAADj79JYAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAVhSURBVHgB7Z3vcdtGEMVfXIE78KYDdRB2EHUgpAIrFeA6sDugUkGSCjCpQOkA6oDqgOaagA3DILH/cBDJ+83sB4+le4uHwx5wOJwAH3SIx0NsD/F8iPYQ+0Hwv5vu/6vu53Px/hB1p9/n89zlsYTGrtNogjUmD0QT/UETloM6nVM5tPDrE37uYKEavdE72Iwex65rjxBPK9B/7o7JwgYyH1qrxj3ijJ5KqkIclUI7Qc9H6I4vQQGfnU/Qm2iJT4ihUWg20GHxQqzBZj8bBDzBegQfWk0JBJ8XIoHWIeAJ1rXWVhj05riD34tZcvfsqZ5uNT3SjAf4x67nGY1sNXsurDU9yvDa0NZUPJ7RUI3wOeIeeryG85X1t6GdqWhx5kolrFe3T8UO+tLiMZwCPWgxcwNQBwlFR4IOq+EbxD1rNJjpKOQU4ERTlzQN2uR/P8HXa7S9XNs+19jakd84PgtydNXuJDQkOTWk7FeMswPkkNbQOPe8O+i4g+2ybSBnDaNbHK9mEWQU0Zrdc2fU+yBsP7fZ6qfjyiCS4CMZNKWXa06zn2B4QNPec7bww0lqS8tW2HYusxMMvIP+DP0LP6+H+As6rCUsGs79Dziucu6xmjO7QQwbpa70ylqyV3MO7hOvFfXM5A0hg7aEJc0mBLDEQa+pvZThogeaOd5BzwfEQLgsfkPA1c2Gv0DHr4iBoOMF68K12/1Gig1/1f1K2KD5AB0vWB/C8anXNXA+QVfLLFOmU7RK3a2w3X2mqGHk0SCW4KM2aFbCtvcZw/RWioxiuedSSNj+PnOY6npjEMo5Wzj7InbAfoVooTQ9OcRqQfv9MjmrRgU5+5Vip8nTMpk0PsNbTL/xqQPaJsjRtp/g63CWDviVFCgaGQk6tO33RK6f5BnY2Ts5by9fIlroBySr4UDmt/bMfZBYVFTQ4zGcIWRal9LzOUjMG9bJIq/hPcnQ1lQkzLDGqtlxaG4Dx0QZzlgeCsfRQACb3gaIWYJ1CXYiDWeyrJ5lCOusD/fO02gHfgkEn+kqctV01omYFGsUmtrSZfHCVB4rLFdiuEdaVsmey1WqLV4pNSBBd3wWja9QJxb5FRu3F/WOdEgj0G8d2tKHJI/GNwjHXmSt72xGwjJGD3O8+O80T4lWOL7EaDD9JTIf+BbHS4uQlwo/f4mcEHuyH/HjyW2xfIcqFAqFQqFQyET/DnJ4m7fU5i7DW6omWOMiICx/Q08zGhGbHFwE0mlZ/hnr/IdUo8ENoJ1wr6FHo1HhyrHMj2iXe2k0Glw5e2Noaq6m3R2unL0jWshM17Z71TTwmc4xN+FeDB+Q4Decoz6jUQwfEPm2/tRyr2L4CMKyy72K4RNEb0M0fEgqhp8hIcb0vq7Xht+7OfiuY81VtTcJYb2lb1fFL4qfJRzruusbRQOaHBkefzjHDdbn/0P8Aye5lzNr+Ii3+VFBBScJyJawlDpjTpao4WSDPHVdAmXIIyI2cEJY3nQJ24VziIotAlj6iwkJb61un4qdZb+UMa+H+A/rcinr+N5HGE6H+B3r8oLL4NVrOOE4h05Yl7WvMCmue/IH5KmdEjYZ8ogIgpEa+ZKUkjLmZIkEAzw4bZE3UQ0V3uam899eO17jXArD8++585ziBce6rd1XLNtTpbeHXwU8IbTmJXlTRP6JmQTbt+s3AQ+ODWKM5kFjM2i7GD6CUN7aZ6OsS8lMxP4gfb0+RTF8gHeaVbKVXDF8gMfsFrKHjWL4AKvZZX24kQZ6s7WbgWk0GlwZ4/lw7bzyn9BvwKLR0P4llItDels4fpjRIhmcW9wIhPKd5ipU+F5vd1hmJ5+qa3c30KhwxXwB5TVGzT3FXFoAAAAASUVORK5CYII=\"","module.exports = \"data:image/png;base64,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\"","module.exports = __webpack_public_path__ + \"static/media/pro_badge.afc43876.svg\";","module.exports = __webpack_public_path__ + \"static/media/profile.4d6d53fb.svg\";","module.exports = __webpack_public_path__ + \"static/media/prothankscover.32efd759.svg\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFBSURBVHgBrZQ9TsMwGIbfz+WvW48QTkCY+FmAE7QsiMKS3oAbtJyg6gmarYiFcIRONBO+AWFkyxYhkRh/dVoUEira+JEiy7HyxPLn7yVU4HZeW2gmHiDOeKofx6yQBFQEpZ7lw4lf9S2VZFdhB1tqDIUWVsPi+99iUZB1wyEa6ukfMsx3TTR2b8J+pdC95gV1h3VRauDezoaLKRnZi8d/Qx1SupSPR4ERdmdvWB78plCMZGe/ke/OQ332sJ1+CJBowxYqO9dFUQ5sQeKAq+zCHo6AZVgYwRYEKUx/WiLL3rUwncIaFAjsfvp6qzHqE3FQCOlfxPr+9FAXnTw8zKssJ6eBHkbYFPqJsUIe6jYc6DbsYz1GcnK8TKlywJreZqmzUsPn/kU9Tpji6z/Ixe1cvOimSD/6mmVTJE1fBoelYn4D+PRoWxnvolsAAAAASUVORK5CYII=\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABGSURBVHgB7dGxDQAgCERRNtYNcPNToxUhUcTyfmJ18TWIMPYnAGU8PexVAmDFSp1N99Yk0vxg0WfMQ9OYg+Yxg94fgbFYHVhMZUxFhHiQAAAAAElFTkSuQmCC\"","module.exports = __webpack_public_path__ + \"static/media/vender-2.b6b243d7.svg\";","module.exports = __webpack_public_path__ + \"static/media/vender1.22ea3008.svg\";","module.exports = __webpack_public_path__ + \"static/media/vender2.8e577fbb.svg\";","module.exports = __webpack_public_path__ + \"static/media/vender3.9d133698.svg\";","module.exports = __webpack_public_path__ + \"static/media/welcomeCoverBig.69dde8f6.svg\";","import { createGlobalStyle } from \"styled-components\";\n\nimport HeyNowRegularTtf from \"./HeyWow-Regular.ttf\";\nimport HeyNowRegularWoff from \"./heywow-regular-webfont.woff\";\nimport HeyNowRegularWoff2 from \"./heywow-regular-webfont.woff2\";\nimport HeyNowMediumTtf from \"./HeyWow-SemiBold.ttf\";\nimport HeyNowMediumWoff from \"./heywow-semibold-webfont.woff\";\nimport HeyNowMediumWoff2 from \"./heywow-semibold-webfont.woff2\";\nimport HeyNowBoldTtf from \"./HeyWow-Bold.ttf\";\nimport HeyNowBoldWoff from \"./heywow-bold-webfont.woff\";\nimport HeyNowBoldWoff2 from \"./heywow-bold-webfont.woff2\";\n\nexport default createGlobalStyle`\n @font-face {\n font-family: 'heywowregular';\n src: \n url(${HeyNowRegularWoff2}) format('woff2'),\n url(${HeyNowRegularWoff}) format('woff'),\n url(${HeyNowRegularTtf}) format('ttf');\n font-weight: normal;\n font-style: normal;\n }\n\n @font-face {\n font-family: 'heywowmedium';\n src: \n url(${HeyNowMediumWoff2}) format('woff2'),\n url(${HeyNowMediumWoff}) format('woff'),\n url(${HeyNowMediumTtf}) format('ttf');\n font-weight: 500;\n font-style: normal;\n }\n\n @font-face {\n font-family: 'heywowbold';\n src: \n url(${HeyNowBoldWoff2}) format('woff2'),\n url(${HeyNowBoldWoff}) format('woff'),\n url(${HeyNowBoldTtf}) format('ttf');\n font-weight: bold;\n font-style: normal;\n }\n body {\n font-family: 'heywowregular', sans-serif;\n }\n`;\n","import React, { useState } from \"react\";\nimport \"../App.scss\";\n\nconst ScrollArrow = () => {\n const [showScroll, setShowScroll] = useState(false);\n\n const checkScrollTop = () => {\n if (!showScroll && window.pageYOffset > 400) {\n setShowScroll(true);\n } else if (showScroll && window.pageYOffset <= 400) {\n setShowScroll(false);\n }\n };\n\n const scrollTop = () => {\n window.scrollTo({ top: 0, behavior: \"smooth\" });\n };\n\n window.addEventListener(\"scroll\", checkScrollTop);\n\n return (\n \n
\n \n
\n
\n Configuración
\n\n
- \n
- \n
\n Perfil\n \n \n - \n
\n Dirección y Envíos\n \n \n - \n
\n Redes Sociales\n \n \n - \n
\n Cuenta\n \n \n - \n
\n PRO\n \n \n - \n
\n Mi perfil\n \n \n
\n
\n \n );\n};\n\nexport default ScrollArrow;\n","import React from \"react\";\nimport { BrowserRouter as Router, Switch, Route, Link } from \"react-router-dom\";\n\nfunction Footer() {\n return (\n \n );\n}\n\nexport default Footer;\n","import React from \"react\";\nimport Navbar from \"./Navbar\";\nimport { Link } from \"react-router-dom\";\nimport Fade from \"react-reveal/Fade\";\nimport profileThumb2 from \"../images/emptyThumb.svg\";\nimport itemThumb from \"../images/emptyItem.svg\";\n\nfunction EmptyStateFree() {\n return (\n \n \n
\n \n
\n
\n );\n}\n\nexport default EmptyStateFree;\n","import React from \"react\";\nimport Navbar from \"./Navbar\";\nimport { Link } from \"react-router-dom\";\nimport Fade from \"react-reveal/Fade\";\nimport profileThumb2 from \"../images/emptyThumb.svg\";\nimport itemThumb from \"../images/emptyItem.svg\";\n\nfunction EmptyStateProfile(props) {\n const negocio = props.negocio;\n return (\n \n
\n \n
\n \n 
\n
\n \n
\n \n \n
\n\n \n\n
\n \n \n\n
\n \n
\n \n \n \n\n \n
\n \n
\n
\n \n \n
\n\n
\n\n \n\n
\n
\n \n
\n \n 
\n
\n \n \n \n
\n \n
\n \n \n
\n \n \n \n
\n \n
\n \n \n
\n \n \n \n
\n \n
\n \n \n
\n \n \n \n
\n \n
\n );\n}\n\nexport default EmptyStateProfile;\n","import React, { Component } from \"react\";\nimport PropTypes from \"prop-types\";\n\nclass AccordionSection extends Component {\n static propTypes = {\n children: PropTypes.instanceOf(Object).isRequired,\n isOpen: PropTypes.bool.isRequired,\n label: PropTypes.string.isRequired,\n onClick: PropTypes.func.isRequired,\n };\n\n onClick = () => {\n this.props.onClick(this.props.label);\n };\n\n render() {\n const {\n onClick,\n props: { isOpen, label },\n } = this;\n\n return (\n \n
\n \n
\n \n \n
\n \n
\n \n \n
\n\n \n\n
\n \n \n\n
\n \n
\n \n \n \n\n \n
\n \n \n
\n \n
\n \n
\n
\n
\n\n \n
\n \n
\n\n
\n
\n \n
\n \n \n
\n \n \n \n
\n \n
\n \n \n
\n \n \n \n
\n \n
\n \n \n
\n \n \n \n
\n \n
\n \n \n
\n \n \n \n
\n \n \n \n
\n {isOpen && {this.props.children}
}\n \n );\n }\n}\n\nexport default AccordionSection;\n","import React, { Component } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport AccordionSection from \"./accordionSection\";\n\nclass Accordion extends Component {\n static propTypes = {\n children: PropTypes.instanceOf(Object).isRequired,\n };\n\n constructor(props) {\n super(props);\n\n const openSections = {};\n\n this.state = { openSections };\n }\n\n onClick = (label) => {\n const {\n state: { openSections },\n } = this;\n\n const isOpen = !!openSections[label];\n\n this.setState({\n openSections: {\n [label]: !isOpen,\n },\n });\n };\n\n render() {\n const {\n onClick,\n props: { children },\n state: { openSections },\n } = this;\n\n return (\n \n {children.map((child) => (\n \n {child.props.children}\n \n ))}\n
\n );\n }\n}\n\nexport default Accordion;\n","import React from \"react\";\nimport Navbar from \"./Navbar\";\nimport { Link } from \"react-router-dom\";\nimport Fade from \"react-reveal/Fade\";\n\nimport blocked1 from \"../images/blocked1.svg\";\nimport blocked2 from \"../images/blocked2.svg\";\nimport Accordion from \"./elements/accordion\";\nimport Footer from \"./Footer\";\n\nfunction Blocked() {\n return (\n \n
\n );\n}\n\nexport default Blocked;\n","import React, { useState, useRef } from \"react\";\nimport { Link } from \"react-router-dom\";\nimport Zoom from \"react-reveal/Zoom\";\nimport Cookies from 'universal-cookie';\nimport cookieIcon from \"../images/cookie.png\"\n\nconst cookies = new Cookies();\n\nfunction CookiesPop() {\n const ref = useRef();\n const [isToggled, setToggled] = useState(true);\n\n const toggleTrueFalse = () => setToggled(!isToggled);\n\n function hideGetModalPro() {\n var two_days = new Date();\n var today = new Date();\n two_days.setDate(today.getDate() + 15);\n\n cookies.set('showCookieModal', true, {\n path: '/',\n expires: two_days\n });\n\n setToggled(false)\n }\n\n\n return (\n <>\n \n
\n\n \n
\n \n
\n \n 
\n
\n \n
\n \n
\n
\n \n Podrás accesar a ésta sección y otras más a partir del 23 de Noviembre.\n
\n\n
Todos los negocios están cargando su información. Si tienes alguna duda, contáctanos en nuestro chat.
\n\n 
\n
\n \n
\n \n
\n
\n \n Podrás accesar a ésta sección y otras más a partir del 20 de Noviembre.\n
\n\n
Todos los negocios están cargando su información. Si tienes alguna duda, contáctanos en nuestro chat.
\n\n \n 
\n
\n \n Al navegar por este sitio web, aceptas nuestra política de cookies.\n
\n\n
\n \n 
\n \n
\n \n {disabled_logo ?\n null\n :\n
\n \n 
{ window.location.replace(`/${producto.negocio.dominio_okki}`) }} />\n\n {/* { window.location.replace(`/${this.state.negocio.dominio_okki}`) }} /> */}\n
\n }\n \n \n {productos.map((producto, index) => (\n
\n \n \n)};\n\nexport default ProductList;","import React, { useEffect, useState } from \"react\";\nimport { Link } from \"react-router-dom\";\nimport cover from \"../images/home-cover.svg\";\nimport adsCover from \"../images/adsCard.png\";\nimport itemThumb from \"../images/itemThumb.svg\";\nimport itemProfile from \"../images/itemProfile.svg\";\nimport selectIcon from \"../images/select_icon.svg\";\nimport Navbar from \"./Navbar\";\nimport ScrollTop from \"./ScrollTop\";\nimport Select, { components } from \"react-select\";\nimport Fade from \"react-reveal/Fade\";\nimport Footer from \"./Footer\";\nimport ReactTooltip from \"react-tooltip\";\nimport profileThumb from \"../images/profileLagom.png\";\nimport useModalProductos from './useModalProductos'\n\nimport NumberFormat from 'react-number-format';\n\nimport { useModal, Modal } from \"react-morphing-modal\";\n\nimport \"react-morphing-modal/dist/ReactMorphingModal.css\";\nimport { loggedIn, getNegocios, getProductosHome, route, loadNextProductPage, getNegociosHome, bucket_route, getCurrentNegocio, user_token, getCiudades, getRangoPrecios, getTipos, loadNextPagePost } from \"./API Functions\";\n\nimport InfiniteScroll from \"react-infinite-scroll-component\";\n\nimport { Image } from 'use-image-color'\nimport ModalProductos from \"./ModalProductos\";\nimport EmptyStateFree from \"./EmptyStateFree\";\nimport EmptyStateProfile from \"./EmptyStateProfile\";\nimport Blocked from \"./Blocked\";\nimport CookiesPop from \"./CookiesPop\";\nimport ProductList from \"./Products/ProductsList\";\nimport Cookies from 'universal-cookie';\n\nconst cookies = new Cookies();\n\nconst DropdownIndicator = (\n props: ElementConfig\n
\n\n ))\n } \n \n
\n \n
\n \n
\n \n \n
\n \n \n
\n Encuentra todo lo que necesitas
\n\n Compra sin intermediarios ni comisiones extras. Contacta directamente al negocio.\n
\n\n {negocios.map(negocio => (\n
\n ))}\n \n \n \n { window.location.replace(`/${negocio.dominio_okki}`) }} />\n
\n \n \n 
\n \n
\n \n
\n { page.current_page !== lastPage ? loadNextPage() : setLockedContent(false) }}\n hasMore={page.currentPage !== lastPage}\n >\n \n \n \n\n
\n \n
\n \n
\n Explorar
\n\n {tipos.map((tipo, index) => (\n { filterByType(tipo.id) }}>{tipo.detalle}\n ))\n }\n
\n \n ({ ...base, zIndex: 9999 }) }}\n styles={{\n dropdownIndicator: (provided, state) => ({\n ...provided,\n transform: state.selectProps.menuIsOpen && 'rotate(180deg)'\n })\n }}\n theme={(theme) => ({\n ...theme,\n borderRadius: 6,\n colors: {\n ...theme.colors,\n primary50: \"#ccc\",\n primary25: \"#F6F6F6\",\n primary: \"black\",\n },\n })}\n />\n
\n \n {page.next_page_url ?\n \n :\n null\n }\n \n
\n \n {subcategorias_productos.length > 0 ?\n
\n );\n}\n\nexport default Perfil;\n","import React, { useState, useEffect } from \"react\";\nimport {\n BrowserRouter as Router,\n Switch,\n Route,\n Link,\n Redirect,\n} from \"react-router-dom\";\nimport vender1 from \"../images/registro1.svg\";\nimport Fade from \"react-reveal/Fade\";\nimport profileThumb from \"../images/profileThumb.png\";\nimport itemThumb from \"../images/itemThumb.svg\";\nimport itemProfile from \"../images/itemProfile.svg\";\nimport NavbarMin from \"./NavbarMin\";\nimport { getTipos, loggedIn } from \"./API Functions\";\nimport { Helmet } from \"react-helmet\";\nimport ReactTooltip from \"react-tooltip\";\n\n\nfunction Vender() {\n const [Loading, setLoading] = useState(false);\n const [Tipos, setTipos] = useState([]);\n const [tipo_id, setTipoID] = useState(\"\");\n const [tipoError, setTipoError] = useState(\"\");\n const [Continuar, setContinuar] = useState(false);\n\n useEffect(() => {\n getTipos().then((res) => {\n if (res) {\n setTipos(res);\n }\n });\n }, []);\n\n function handleChange(id) {\n setTipoID(id);\n }\n\n function validateFields() {\n let tipoError = \"\";\n if (tipo_id == \"\") {\n tipoError = \"Selecciona una opción\";\n }\n if (tipoError) {\n setTipoError(tipoError);\n return false;\n } else {\n setTipoError(tipoError);\n return true;\n }\n }\n function handleContinue() {\n setLoading(true);\n const isValid = validateFields();\n if (isValid) {\n setContinuar(true);\n }\n setTimeout(() => {\n setLoading(false);\n }, 2000);\n }\n\n return (\n \n {/* \n {negocio.nombre} | Okki \n */}\n
}\n\n\n
\n :\n negocio.id ?\n negocio.pro ?\n \n
\n {negocio.pro ?\n \n
\n \n \n
\n \n
\n \n
\n \n
\n {negocio.nombre}
\n\n {negocio.telefono ?\n {mediaClickCounter('phone')}}>\n \n \n :\n null\n }\n {\n negocio.website ?\n \n {mediaClickCounter('website')}}\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n \n :\n null\n }\n {negocio.direccion ?\n {mediaClickCounter('maps')}} >\n \n \n :\n null\n }\n {negocio.facebook ?\n {mediaClickCounter('facebook')}} >\n \n \n :\n null\n }\n {negocio.instagram ?\n {mediaClickCounter('instagram')}} >\n \n \n :\n null\n }\n \n \n \n
\n \n
\n {negocio.descripcion}
\n\n
\n \n
\n {negocio.categoria ? negocio.categoria.detalle : ''}
\n{negocio.rango_precio ? negocio.rango_precio.detalle : ''}
\n {negocio.envios[0].id == 1 ?\n <>\n{negocio.envios ? negocio.envios[0].nombre : ''}
\n\n {\"Envío \"}\n
{'A convenir'}
\n\n }\n{negocio.estado ? negocio.estado.name : ''}
\n{negocio.ciudad ? negocio.ciudad.nombre : ''}
\n\n {logged &&\n \n Editar\n \n }\n
\n \n
:\n - \n {subcategorias_productos.map((subcategoria, index) => (\n
- { ScrollToSubcategoria(subcategoria.id) }}>\n \n {subcategoria.productos.length > 0 ? subcategoria.detalle : null}\n \n \n ))\n }\n
}\n\n
\n {subcategorias_productos.map((subcategoria, index) => (\n
\n 0 ? '' : ''}>\n
\n
\n ))\n }\n \n
{subcategoria.detalle}
\n {showProducts(subcategoria.productos)}\n\n {/* */}\n \n Facebook\n \n \n\n \n Twitter\n \n \n \n Whatsapp\n \n \n \n \n Copiar\n \n \n \n\n
\n \n \n \n \n
\n ¡El enlace se ha copiado al portapapeles!
\n\n \n Registro | Okki \n \n {Continuar ? (\n
\n );\n}\n\nexport default Vender;\n","import React, { useEffect, useState } from \"react\";\nimport {\n BrowserRouter as Router,\n Switch,\n Route,\n Link,\n Redirect,\n} from \"react-router-dom\";\nimport vender2 from \"../images/registro2.svg\";\nimport Fade from \"react-reveal/Fade\";\nimport profileThumb from \"../images/profileThumb.png\";\nimport itemThumb from \"../images/itemThumb.svg\";\nimport itemProfile from \"../images/itemProfile.svg\";\nimport NavbarMin from \"./NavbarMin\";\nimport selectIcon from \"../images/select_icon.svg\";\n\nimport Select, { components } from \"react-select\";\nimport { registerUser, loggedIn } from \"./API Functions\";\nimport { Helmet } from \"react-helmet\";\n\nconst options = [\n { value: null, label: \"-\" },\n { value: true, label: \"Si\" },\n { value: false, label: \"No\" },\n];\n\nconst DropdownIndicator = (\n props: ElementConfig\n
\n \n
\n {/* \n\n\n \n
\n \n \n\n\n
\n \n \n \n \n \n \n \n
*/}\n \n
\n \n \n 
\n \n
\n \n \n \n \n \n
\n \n
\n \n
\n \n
\n \n
\n
\n
\n ¿Qué es lo que vendes?
\n\n Selecciona la opción donde se ubicará tu perfil.\n
\n\n
{tipoError}
\n \n {Tipos.map((tipo, index) => (\n \n ))}\n
\n \n
\n {\n handleContinue();\n }}\n >\n {Loading && }\n {Loading && \"Cargando...\"}\n {!Loading && \"Continuar\"}\n \n
\n\n \n \n Registro | Okki \n \n {Regresar ? (\n
\n );\n};\n\nexport default Vender2;\n","import React, { useState, useEffect } from \"react\";\nimport { BrowserRouter as Router, Switch, Route, Link } from \"react-router-dom\";\nimport Navbar from \"./Navbar\";\nimport itemThumb from \"../images/itemThumb.svg\";\nimport itemProfile from \"../images/itemProfile.svg\";\nimport profileThumb from \"../images/profileLagom.png\";\n\nimport Bounce from \"react-reveal/Bounce\";\n\nimport Fade from \"react-reveal/Fade\";\nimport selectIconAlt from \"../images/select_icon_alt.svg\";\nimport DraftEye from \"../images/draftEye.svg\";\nimport Select, { components } from \"react-select\";\nimport { putNegocios, logOut, route } from \"./API Functions\";\n\nconst options = [\n {\n value: 1, label: \"Borrador\", icon: \"draftDot.png\"\n },\n {\n value: 2, label: \"Publicar\", icon: \"publishDot.png\"\n },\n];\nconst { Option, SingleValue } = components;\nconst IconOption = props => (\n \n);\nconst ValueOption = (props) => (\n \n
\n \n
\n \n\n\n \n
\n \n \n\n\n
\n \n \n \n\n \n \n
\n \n \n 
\n \n
\n \n {/* \n \n \n \n
\n \n\n \n
*/}\n \n
\n \n
\n \n
\n \n
\n
\n Compartenos tu información.
\n\n Te enviaremos la confirmación y tu acceso por correo.\n
\n\n
\n
\n
\n\n
\n {/* \n \n setNombre(e.target.value)}\n />\n
\n {nombreError}
\n \n \n setEmail(e.target.value.toLowerCase())}\n />\n
\n {emailError}
\n \n \n setNombreNegocio(e.target.value)}\n />\n
\n {nombre_negocioError}
\n \n \n setUrlNegocio(e.target.value)}\n />\n
\n {nombre_negocioError}
\n \n \n
\n
\n\n \n {\n setWhatsapp(e.target.value)\n validateNumberLength(e.target.value)\n }\n }\n />\n
\n +52
\n\n
{whatsappError}
\n \n
\n\n
\n\n \n
*/}\n \n \n {Loading && }\n {Loading && \"Cargando...\"}\n {!Loading && \"Enviar Solicitud\"}\n \n \n
\n\n \n \n \n
\n \n );\n}\n\nexport default DraftView;\n","import React, { useState, useRef } from \"react\";\nimport { Link } from \"react-router-dom\";\nimport Zoom from \"react-reveal/Zoom\";\nimport Cookies from 'universal-cookie';\n\nconst cookies = new Cookies();\n\nfunction NoPro() {\n const ref = useRef();\n const [isToggled, setToggled] = useState(true);\n\n const toggleTrueFalse = () => setToggled(!isToggled);\n\n function hideGetModalPro() {\n var two_days = new Date();\n var today = new Date();\n two_days.setDate(today.getDate() + 15);\n\n cookies.set('showGetModalPro', true, {\n path: '/',\n expires: two_days\n });\n\n setToggled(false)\n }\n\n\n return (\n <>\n Modo borrador: tu tienda aún no es pública.
\n\n \n\n\n
\n \n ¡Prueba lo mejor de Okki durante 30 días. Crece tu negocio desde el día uno!\n
\n \n Prueba PRO gratis\n \n\n \n\n
\n
\n );\n}\n\nexport default EmptyStateCatalogo;\n","import React from \"react\";\nimport Navbar from \"./Navbar\";\nimport { Link } from \"react-router-dom\";\nimport Fade from \"react-reveal/Fade\";\nimport profileThumb2 from \"../images/emptyThumb.svg\";\nimport itemThumb from \"../images/emptyItem.svg\";\n\nfunction EmptyStateCatalogoPro() {\n return (\n \n
\n \n
\n \n
\n \n Nuevo producto\n \n Catálogo
\n\n
\n
\n \n
\n\n
\n\n \n\n
\n
\n \n
\n \n \n
\n \n \n \n
\n \n
\n \n \n
\n \n \n \n
\n \n
\n \n \n
\n \n \n \n
\n \n
\n \n \n
\n \n \n \n
\n \n
\n \n \n
\n \n \n \n
\n \n
\n \n \n
\n \n \n \n
\n \n
\n \n \n
\n \n \n \n
\n \n
\n \n \n
\n \n \n \n
\n \n
\n
\n );\n}\n\nexport default EmptyStateCatalogoPro;\n","import React, { useEffect, useState, Component } from \"react\";\nimport { Link, Redirect, useRouteMatch } from \"react-router-dom\";\nimport itemThumb from \"../images/itemThumb.svg\";\nimport Navbar from \"./Navbar\";\nimport { getSubcategorias, postSubcategoriaArrange, postSubcategoria, getProductos, deleteSubcategoria, route, deleteProducto, UpdateProductoStatus, bucket_route, getCurrentNegocio, user_token } from \"./API Functions\";\nimport { ToggleLayer } from \"react-laag\";\nimport Modal from \"react-modal\";\nimport DraftView from \"./DraftView\";\nimport Footer from \"./Footer\";\nimport {\n sortableContainer,\n sortableElement,\n sortableHandle,\n} from 'react-sortable-hoc';\nimport arrayMove from 'array-move';\nimport NumberFormat from 'react-number-format';\nimport NoPro from \"./NoPro.js\"\nimport { Image } from 'use-image-color'\nimport EmptyStateCatalogo from \"./EmptyStateCatalogo\";\nimport ModalProductos from \"./ModalProductos\";\nimport useModalProductos from \"./useModalProductos\";\n\nimport Cookies from 'universal-cookie';\nimport EmptyStateCatalogoPro from \"./EmptyStateCatalogoPro\";\nimport { Helmet } from \"react-helmet\";\nimport ReactTooltip from \"react-tooltip\";\nimport ProductPrice from \"./Products/ProductPrice\";\n\nconst cookies = new Cookies();\n\nconst customStyles = {\n content: {\n top: \"50%\",\n left: \"50%\",\n right: \"auto\",\n bottom: \"auto\",\n marginRight: \"-50%\",\n transform: \"translate(-50%, -50%)\",\n width: 400,\n padding: \"40px\",\n border: \"none\",\n borderRadius: 12,\n textAlign: \"center\"\n },\n};\n\nconst DragHandle = sortableHandle(() => \n);\n\nconst SortableItem = sortableElement(({ value, id, default_id }) => {\n\n function handleDeleteSubcategoria(id, default_id) {\n const data = {\n subcategoria_id: id,\n subcategoria_default_id: default_id\n }\n deleteSubcategoria(id).then(res => {\n if (res) {\n window.location.reload(false)\n }\n })\n }\n return (\n \n
\n \n
\n \n
\n \n Nuevo producto\n \n Catálogo
\n\n \n
\n \n
\n \n
\n
\n
\n\n \n
\n \n
\n\n
\n
\n \n
\n \n \n
\n \n \n \n
\n \n
\n \n \n
\n \n \n \n
\n \n
\n \n \n
\n \n \n \n
\n \n
\n\n \n \n
\n \n \n \n
\n \n
\n
\n \n \n
\n
\n
\n\n \n
\n \n
\n\n
\n
\n \n
\n \n \n
\n \n \n \n
\n \n
\n \n \n
\n \n \n \n
\n \n
\n \n \n
\n \n \n \n
\n \n
\n\n \n \n
\n \n \n \n
\n - {children}
\n \n {items.map((value, index) => (\n \n
\n\n );\n }\n}\n\nfunction Catalogo(props) {\n let { url } = useRouteMatch();\n var subtitle;\n const [modalIsOpen, setIsOpen] = React.useState(false);\n const [subcategorias, setSubcategorias] = useState([]);\n const [subcategorias_productos, setSubcategoriasProductos] = useState([]);\n const [subcategorias_arrange, setSubcategoriasArrange] = useState([]);\n const [productos, setProductos] = useState([]);\n const [productos_loaded, setProductosLoaded] = useState(false);\n const [currentProduct, setCurrentProduct] = useState([]);\n const [tags, setTags] = useState([]);\n const [product_creation, setProductCreation] = useState(false);\n\n const { isShowing, toggle } = useModalProductos();\n const { flagsShowing, flags } = useModalProductos();\n const { shareShowing, share } = useModalProductos();\n const { image_loaded, loadImage } = useModalProductos();\n\n const [negocio, setNegocio] = useState([])\n const [negocio_id, setNegocioId] = useState(negocio.id ? negocio.id : \"\");\n const [filter_subcategoria_id, setFilterSubcategoriaId] = useState(\"\");\n const [detalle, setDetalle] = useState(\"\");\n\n const [detalleError, setDetalleError] = useState(\"\");\n\n const [modalIsOpenDelete, setIsOpenDelete] = React.useState(false);\n const [producto_delete, setProductoDelete] = useState(\"\");\n\n const [modalIsOpenLimit, setIsOpenLimit] = React.useState(false);\n\n const [product_array, setProductArray] = useState([{}, {}, {}, {}, {}, {}, {}, {}]);\n\n const [loading, setLoading] = useState(false);\n\n const [inHover, setHover] = useState(false);\n\n const [showGetProModal, setShowGetProModal] = useState(cookies.get('showGetModalPro') ? cookies.get('showGetModalPro') : false)\n\n useEffect(() => {\n const storage_negocio = JSON.parse(localStorage.getItem('negocio'))\n if (user_token && !storage_negocio) {\n getCurrentNegocio().then(res => {\n if (res) {\n const negocio = res;\n loadSubcategorias();\n setNegocio(res);\n setNegocioId(negocio.id)\n } else {\n window.location.replace('/login')\n }\n })\n } else if (storage_negocio) {\n loadSubcategorias();\n setNegocio(storage_negocio);\n setNegocioId(storage_negocio.id)\n }\n else {\n window.location.replace('/404');\n }\n }, [])\n\n function loadSubcategorias() {\n getSubcategorias().then(res => {\n if (res) {\n loadProductos(res);\n }\n })\n }\n\n function loadProductos(subcategorias) {\n getProductos().then(res => {\n if (res) {\n const productos = res\n const subcategorias_productos = []\n var no_detail = \"\"\n const subcategorias_arrange = []\n const length = subcategorias.length\n //console.log(subcategorias)\n subcategorias.map((subcategoria, index_p) => {\n const subcategoria_productos = []\n productos.map((producto, index) => {\n if (producto.subcategoria_id == subcategoria.id) {\n subcategoria_productos.push(producto)\n }\n })\n if (subcategoria.detalle == \"Sin subcategoria\") {\n subcategoria = {\n ...subcategoria,\n detalle: \"\",\n productos: subcategoria_productos\n }\n no_detail = subcategoria;\n } else {\n subcategoria = {\n ...subcategoria,\n productos: subcategoria_productos\n }\n subcategorias_productos[subcategoria.arrange_index + 1] = subcategoria;\n subcategorias_arrange[subcategoria.arrange_index] = subcategoria;\n }\n })\n product_array.map((product, index) => {\n product_array[index] = res[index];\n })\n subcategorias_productos.push(no_detail);\n setProductos(res);\n setProductosLoaded(true);\n sessionStorage.setItem('productos', JSON.stringify(res));\n setSubcategoriasProductos(subcategorias_productos);\n setSubcategorias(subcategorias_productos);\n setSubcategoriasArrange(subcategorias_arrange);\n console.log(subcategorias_arrange);\n } else {\n setProductos([])\n }\n })\n }\n\n function openModal() {\n setIsOpen(true);\n }\n\n function afterOpenModal() {\n // references are now sync'd and can be accessed.\n }\n\n function closeModal() {\n setIsOpen(false);\n }\n\n function openModalDelete(id_producto) {\n setProductoDelete(id_producto);\n setIsOpenDelete(true);\n }\n\n function closeModalDelete() {\n setProductoDelete(\"\");\n setIsOpenDelete(false);\n }\n\n function openModalLimit() {\n setIsOpenLimit(true);\n }\n\n function closeModalLimit() {\n setIsOpenLimit(false);\n }\n\n function handleDeleteSubcategoria(id) {\n const data = {\n subcategoria_id: id,\n subcategoria_default_id: subcategorias[0].id\n }\n deleteSubcategoria(id).then(res => {\n if (res) {\n loadSubcategorias();\n }\n })\n }\n\n function validateFields() {\n let detalleError = \"\";\n\n if (detalle = \"\") {\n detalleError = \"Requerido\"\n }\n\n if (detalleError) {\n setDetalleError(detalleError)\n return false\n } else {\n setDetalleError(detalleError)\n return true\n }\n }\n\n function handleCreate() {\n const data = {\n negocio_id: negocio_id,\n detalle: detalle\n }\n postSubcategoria(data).then(res => {\n if (res) {\n loadSubcategorias();\n closeModal();\n setDetalle(\"\");\n }\n })\n }\n\n function handleDelete() {\n deleteProducto(producto_delete).then(res => {\n setLoading(true);\n closeModalDelete();\n loadSubcategorias();\n })\n }\n\n function handleStatus(producto) {\n var status_id = \"\";\n if (producto.status_id == 1) {\n status_id = 2;\n } else {\n status_id = 1;\n }\n const data = {\n id: producto.id,\n status_id: status_id\n }\n UpdateProductoStatus(data).then(res => {\n if (res) {\n loadSubcategorias();\n }\n })\n }\n\n const refs = subcategorias.reduce((acc, value) => {\n acc[value.id] = React.createRef();\n return acc;\n }, {});\n\n const ScrollToSubcategoria = id =>\n refs[id].current.scrollIntoView({\n behavior: 'smooth',\n block: 'start',\n });\n\n function validateProductCreation() {\n if (!negocio.pro && productos.length > 7) {\n setIsOpenLimit(true);\n } else {\n setProductCreation(true);\n }\n }\n\n function showProduct(producto) {\n console.log(producto);\n const product_path = producto.nombre.replace(/ /g, '-');\n producto = {\n ...producto,\n pathname: `/${producto.negocio.dominio_okki}/productos/${producto.id}/${product_path}`,\n previous_path: `${window.location.pathname}`\n }\n var images = [];\n images.push(producto.principal_image)\n producto.images.map((image, index) => {\n images.push(image);\n })\n producto.images = images;\n sessionStorage.setItem('previous_path', producto.previous_path);\n sessionStorage.setItem('product_path', producto.pathname)\n setCurrentProduct(producto);\n const tags = [];\n JSON.parse(producto.tags).map(tag => {\n tags.push(tag.value)\n })\n setTags(tags);\n toggle();\n }\n\n function navigateToCreateProduct(producto) {\n window.location.reload()\n sessionStorage.setItem('producto_edit', JSON.stringify(producto));\n window.location.replace('/editar-producto');\n }\n\n return (\n \n \n \n \n {product_creation ?\n \n
\n\n
\n\n
\n
\n :\n negocio.pro ?\n \n {negocio.status_id == 1 ?\n
\n }\n
\n \n {/* \n
\n\n {negocio.pro ?\n \n
\n \n
\n Nuevo producto \n Catálogo
\n\n
\n :\n \n \n
\n - \n {subcategorias.map((subcategoria, index) => (\n
- { ScrollToSubcategoria(subcategoria.id) }}>\n \n {subcategoria.detalle == \"Sin subcategoria\" ? null : subcategoria.detalle}\n \n \n ))\n }\n
\n \n
\n \n }\n
\n {!negocio.pro ?\n
\n ))\n }\n \n {product_array.map((producto, index) => (\n producto ?\n
\n :\n subcategorias_productos.map((subcategoria, index) => (\n \n
\n :\n setHover(true)} onMouseLeave={() => setHover(false)} >\n
\n \n
\n \n
\n \n {producto.nombre}\n
\n{value}
} />\n\n \n isOpen && (\n
\n \n { navigateToCreateProduct(producto) }} >Editar\n { handleStatus(producto) }} >{producto.status_id == 2 ? 'Desactivar' : 'Publicar'}\n { openModalDelete(producto.id) }}>Eliminar\n
\n )\n }\n closeOnOutsideClick\n placement={{\n anchor: \"BOTTOM_RIGHT\",\n autoAdjust: true,\n triggerOffset: 10,\n }}\n >\n {({ triggerRef, toggle }) => (\n \n \n
\n )}\n \n \n \n
\n ))\n }\n 0 ? '' : 'hiddenGrid'}>\n
\n {subcategoria.detalle}
\n\n {subcategoria.productos.map((producto, index) => (\n
\n ))\n }\n \n
\n setHover(true)} onMouseLeave={() => setHover(false)} >\n {\n
\n \n {producto.status_id == 2 ?\n { showProduct(producto) }} />\n :\n null\n }\n {inHover &&\n \n \n \n }\n
\n \n
\n \n
\n \n {producto.nombre}\n
\n\n \n isOpen && (\n \n { navigateToCreateProduct(producto) }}\n >Editar\n { handleStatus(producto) }} >{producto.status_id == 2 ? 'Desactivar' : 'Publicar'}\n { openModalDelete(producto.id)}} >Eliminar \n
\n )\n }\n closeOnOutsideClick\n placement={{\n anchor: \"BOTTOM_RIGHT\",\n autoAdjust: true,\n triggerOffset: 10,\n }}\n >\n {({ triggerRef, toggle }) => (\n \n \n
\n )}\n \n (subtitle = _subtitle)} className=\"titleMin modalTitle\" style={{ textAlign: \"center\" }} > Agregar Sub-categoría
\n\n
\n
\n \n setDetalle(e.target.value)} />\n Crear \n
\n \n {detalleError}\n
\n (subtitle = _subtitle)} className=\"titleMin modalTitle\" > Eliminar producto
\n¿Estás segurx de que deseas eliminar este producto de tu tienda?
\n\n
\n
\n \n Cancelar
\n \n(subtitle = _subtitle)} className=\"titleMin modalTitle\" > Limite alcanzado
\nHaz alcanzado la cantidad límite de productos disponibles en tu plan gratuito
\n\n
\n Contratar PRO\n \n \n
\n \n \n 
\n
\n \n )\n }\n}\n\nexport default withStyles(styles)(ImgDialog)\n","import React, {\n Component,\n useState,\n useEffect,\n useCallback,\n useRef,\n} from \"react\";\nimport { Link, NavLink } from \"react-router-dom\";\nimport Select, { components } from \"react-select\";\nimport Switch from \"react-switch\";\nimport Tags from \"@yaireo/tagify/dist/react.tagify\";\nimport \"@yaireo/tagify/dist/tagify.css\"\nimport { loggedIn, getNegocios, postProductos, getSubcategorias, getProductosByID, route, putProductos, user_token, PreloadProductImage, bucket_route } from \"../API Functions\";\nimport { FileDrop } from \"react-file-drop\";\nimport ReactCrop from \"react-image-crop\";\nimport \"react-image-crop/dist/ReactCrop.css\";\nimport ReactTooltip from \"react-tooltip\";\nimport { Helmet } from 'react-helmet';\nimport NumberFormat from 'react-number-format';\nimport CharacterCounter from 'react-character-counter'\nimport Modal from \"react-modal\";\nimport { array, func } from \"prop-types\";\nimport Cropper from 'react-easy-crop'\nimport Slider from '@material-ui/core/Slider'\nimport Button from '@material-ui/core/Button'\nimport Typography from '@material-ui/core/Typography'\nimport { withStyles } from '@material-ui/core/styles'\nimport { getOrientation } from 'get-orientation/browser'\nimport ImgDialog from './ImgDialog'\nimport { getCroppedImg, getRotatedImage } from './canvasUtils'\nimport { styles } from './styles'\nimport zoomIcon from \"../../images/zoom-icon.svg\";\nimport rotateIcon from \"../../images/rotate-icon.svg\";\nimport plusIcon from \"../../images/add_plus.svg\";\nimport Compressor from 'compressorjs';\nimport axios from \"axios\";\n\nconst customStyles = {\n content: {\n top: \"50%\",\n left: \"50%\",\n right: \"auto\",\n bottom: \"auto\",\n marginRight: \"-50%\",\n transform: \"translate(-50%, -50%)\",\n width: \"100%\",\n maxWidth: 900,\n maxHeight: 700,\n height: \"90%\",\n padding: \"20px 0\",\n border: \"none\",\n borderRadius: 12,\n },\n};\n\n// Setting a high pixel ratio avoids blurriness in the canvas crop preview.\nconst pixelRatio = 4;\n\nfunction getResizedCanvas(canvas, newWidth, newHeight) {\n const tmpCanvas = document.createElement(\"canvas\");\n tmpCanvas.width = newWidth;\n tmpCanvas.height = newHeight;\n\n const ctx = tmpCanvas.getContext(\"2d\");\n ctx.drawImage(\n canvas,\n 0,\n 0,\n canvas.width,\n canvas.height,\n 0,\n 0,\n newWidth,\n newHeight\n );\n\n return tmpCanvas;\n}\n\n\nconst options = [\n { value: \"new\", label: \"Mexicana\" },\n { value: \"old\", label: \"Oriental\" },\n { value: \"relevant\", label: \"Hamburguesa\" },\n];\n\nconst DropdownIndicator = (\n props: ElementConfig\n { negocio_id ?\n
\n \n Nuevo Producto | Okki \n \n
\n
\n Nuevo producto
\n\n
\n
\n handleChangeFile(e.target.files)}\n onChange={onFileChange}\n style={{ display: \"none\" }}\n />\n {\n !file_preview ?\n\n <>\n
\n \n {fileError}\n
\n { uploadClickFile() }}>\n \n
\n\n \n :\n\n crop_completed ?\n \n \n\n\n
\n
\n \n\n \n
Arrastra y suelta tu imagen
\n\n Tamaño recomendado:
\n 720px x 960px o superior
\n JPG o PNG\n\n
\n 
\n
\n :\n { clearPreview() }}>\n \n
\n {producto_id ?\n null\n :\n { editPrincipalImage() }}>\n Editar\n
\n }\n \n
\n }\n \n
\n \n
\n \n \n
\n Haz click para subir una imagen
\n\n Tamaño recomendado:
\n 720px x 960px o superior
\n JPG o PNG\n
\n {imgError}\n
\n \n\n {file_preview_array.length > 0 && negocio.pro ?\n file_preview_array.map((file, index) => (\n file.deleted ?\n null\n :\n file.crop_completed == \"\" && addImageButton ?\n <>\n
\n { uploadClickFileExtra(); setIndextoEdit(index) }}>\n \n \n
\n \n :\n \n 
\n
\n \n 
\n
\n ))\n :\n null\n }\n { clearArrayCropped(index) }}>\n \n
\n {producto_id ?\n null\n :\n { editArrayCrop(index) }}>\n \n\n
\n }\n \n
\n
\n \n \n
\n \n setNombre(e.target.value)}\n />\n
\n \n {nombreError}\n
\n \n
\n\n \n
\n \n \n
\n \n {\n const { formattedValue, floatValue } = values;\n return formattedValue === \"\" || floatValue <= 999999999;\n }}\n onValueChange={(values) => {\n const { formattedValue, value } = values;\n // formattedValue = $2,223\n // value ie, 2223\n setPrecio(value)\n console.log(value, \"test\")\n }}\n // onChange={e => setPrecio((e.target.value.replace(\"$\", \"\")))}\n placeholder=\"$9,999\"\n value={precio}\n isNumericString={true}\n removeFormatting={true}\n className=\"settings-form__input priceSmall\"\n decimalScale={2}\n displayType={'input'}\n thousandSeparator={true}\n prefix={'$'} />\n {/* \n setPrecio(e.target.value)}\n /> */}\n
\n \n {precioError}\n
\n \n
\n \n \n
\n \n {\n const { formattedValue, floatValue } = values;\n return formattedValue === \"\" || floatValue <= 999999999;\n }}\n onValueChange={(values) => {\n const { formattedValue, value } = values;\n // formattedValue = $2,223\n // value ie, 2223\n setPrecioDescuento(value)\n console.log(value, \"test\")\n }}\n // onChange={e => setPrecio((e.target.value.replace(\"$\", \"\")))}\n placeholder=\"$9,999\"\n value={precio_descuento}\n isNumericString={true}\n removeFormatting={true}\n className=\"settings-form__input\"\n decimalScale={2}\n displayType={'input'}\n thousandSeparator={true}\n prefix={'$'} />\n {/* setPrecioDescuento(e.target.value)}\n /> */}\n
\n \n {precio_descuentoError}\n
\n \n
\n \n
\n \n \n