\n \n \n
\n )\n}\n\nexport default Search;","import React from 'react';\r\nimport { useState, useContext } from 'react';\r\nimport {Link} from 'react-router-dom';\r\nimport MobileMenu from './MobileMenu';\r\nimport Search from \"../components/cards/Search\";\r\nimport { AuthContext } from \"../actions/auth\"\r\n\r\n\r\nconst Header = ({searchRedirect = true}) => {\r\n const [isActive, setActive] = useState(false);\r\n const {user} = useContext(AuthContext);\r\n const toggleClass = () => {\r\n setActive(!isActive);\r\n };\r\n\r\n const clearAuth = () => {\r\n localStorage.removeItem(\"access\")\r\n localStorage.removeItem(\"refresh\")\r\n window.location = \"/\"\r\n }\r\n\r\n return (\r\n \r\n\r\n \r\n \n \n Referencias\n \n \n }\n position=\"bottom center\"\n >\n
\n \n )\n}\n\nexport default PriceReferencePopUp;","import {Link} from \"react-router-dom\";\nimport React from \"react\";\n\n\nconst cartUnauthorizedToast = () => (\n \r\n
\r\n );\r\n};\r\n\r\nexport default Header;\r\n","import React from 'react';\r\nimport Search from \"../cards/Search\";\r\n\r\nfunction HeroMarket() {\r\n\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n {/* ================== */}\r\n \r\n
\r\n {/* ================= */}\r\n - \r\n
- \r\n \r\n Mercado\r\n \r\n \r\n {/*
- */}\r\n {/* */}\r\n {/* Vende tus cartas*/}\r\n {/* */}\r\n {/* */}\r\n
\r\n \r\n \r\n Carritos\r\n \r\n
\r\n \r\n {user ? (\r\n
\r\n \r\n \r\n {user.name} \r\n \r\n
\r\n ) : (\r\n \r\n Ingresar / Registrarme\r\n \r\n )}\r\n - \r\n
- \r\n \r\n \r\n Cerrar sesión\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default HeroMarket;\r\n","// useDocumentTitle.js\r\nimport { useRef, useEffect } from \"react\";\r\n\r\nfunction useDocumentTitle(title, prevailOnUnmount = false) {\r\n const defaultTitle = useRef(document.title);\r\n\r\n useEffect(() => {\r\n document.title = title;\r\n }, [title]);\r\n\r\n useEffect(\r\n () => () => {\r\n if (!prevailOnUnmount) {\r\n document.title = defaultTitle.current;\r\n }\r\n }\r\n );\r\n}\r\n\r\nexport default useDocumentTitle;\r\n","import React, {useRef} from 'react';\nimport Popup from \"reactjs-popup\";\n\n\n\nfunction PriceReferencePopUp({price_references}) {\n const ref = useRef();\n const closeTooltip = () => ref.current.close();\n return (\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Bienvenidos al Stash
\r\n\r\n Aquí podrás encontrar las cartas que la gente vende,\r\n buscar por nombre o usar los filtros avanzados para facilitar tu búsqueda.\r\n
\r\n\r\n \r\n
\r\n \n \n
\n \n \n ×\n \n
\n \n
\n Referencias de precio
\n {price_references.map((reference, i) =>\n (\n
))}\n \n
\n \n
\n \n {reference.source} {reference.version}\n
\n \n {reference.display_price}\n \n\n Para agregar articulos a tu carrito primero\n ingresa a tu cuenta.\n
\n );\n\nexport default cartUnauthorizedToast;\n","import React from \"react\";\nimport style from \"../popups/SellersPopUp.module.scss\";\nimport {post} from \"../../actions/backend\";\nimport {toast} from \"react-toastify\";\nimport cartUnauthorizedToast from \"../toasts/cartUnauthorizedToast\";\n\n\nfunction CartItemButtons ({quantity, availabilityUuid, updateQuantity}){\n function addCart(availabilityUuid){\n post(\n \"cart/add/\",\n {availability: availabilityUuid},\n true\n ).then(\n response => {\n updateQuantity(availabilityUuid, response.data.in_cart)\n }\n ).catch(error => {\n if (error.response.status === 403){\n toast.error(cartUnauthorizedToast)\n }else{\n toast.error(error.response.data.detail)\n }\n })\n }\n\n function removeCart(availabilityUuid){\n post(\n \"cart/remove/\",\n {availability: availabilityUuid},\n true,\n ).then(\n response => {\n updateQuantity(availabilityUuid, response.data.in_cart)\n }\n ).catch(error => {\n if (error.response.status === 403){\n toast.error(cartUnauthorizedToast)\n }else{\n toast.error(error.response.data.detail)\n }\n })\n }\n\n\n\n return (\n \n \n \n \n \n )\n}\n\nexport default CartItemButtons;","import React from \"react\";\nimport style from \"./WideButton2.module.scss\";\n\n\nfunction WideButton2 ({text, active, onClick}){\n return (\n \n )\n}\n\nexport default WideButton2;","import Popup from \"reactjs-popup\";\nimport React, {useContext, useRef, useState} from \"react\";\nimport {get} from \"../../actions/backend\";\nimport CartItemButtons from \"../buttons/CartItemButtons\"\nimport {StoreContext} from \"../../actions/stores\";\nimport WideButton2 from \"../buttons/WideButton2\";\nimport {useSearchParams} from \"react-router-dom\";\nimport style from \"./SellersPopUp.module.scss\"\n\nfunction SellersPopUp({product_id, cartAvailabilities, setCartAvailabilities}){\n let [queryParams] = useSearchParams();\n const ref = useRef();\n const [availability, setAvailability] = useState({availability: []});\n const store = useContext(StoreContext)\n\n\n function getAvailability() {\n get(\n `products/${product_id}/availability`,\n {seller: store?.user || queryParams.get(\"seller\"), state: queryParams.get(\"state\")}\n ).then(response => {\n setAvailability(response.data)\n })\n }\n\n function updateQuantity(availabilityUuid, quantity){\n setCartAvailabilities({...cartAvailabilities, [availabilityUuid]: quantity})\n }\n\n const closeTooltip = () => ref.current.close();\n return (\n {availability.name}
\n{availability.expansion} {availability.numeration}
\n {\n availability.is_released ? null : (\n\n Este producto es una preventa se\n entregará después de su fecha de lanzamiento {availability.expansion_release}.\n
\n )\n }\n\n \n
\n \n \n \n ×\n \n
\n \n {\n availability.availability.map((data, i) => (\n
\n \n
\n ))\n } \n \n
\n\n \n { data.seller.store ? (\n // \n
\n \n
\n \n Vendedor: {data.seller.store ? data.seller.store.name : data.seller.name}\n
\n\n \n {data.seller.address?.city}, {data.seller.address?.state}\n \n
\n\n Versión: {data.version} {data.language}\n
\n\n Precio: {data.price}\n
\n\n \n {data.quantity >= 5 ? \"5+\" : data.quantity } disponibles\n \n \n
\n \r\n
\r\n \r\n );\r\n}\r\n\r\nexport default CardMarketplace;","import {get} from \"./backend\"\n\nexport function getGames(setGames, storeId){\n get(\n \"games\",\n {store: storeId}\n ).then(response => {setGames(response.data)})\n}\n\n\nexport function getExpansions(gameSlug, handleResponse){\n get(\n `games/${gameSlug}/expansions/`,\n {}\n ).then(response => {handleResponse(response.data)})\n}\n\n\nexport function getRarities(gameSlug, handleResponse){\n get(\n `games/${gameSlug}/rarities/`,\n {}\n ).then(response => {handleResponse(response.data)})\n}","\nimport style from \"./Pagination.module.scss\";\nimport {useSearchParams} from \"react-router-dom\";\n\n\n\nfunction Pagination({pageCount}) {\n let [queryParams, setQueryParams] = useSearchParams();\n let page = queryParams.get(\"page\") || 1;\n\n function changePage(page){\n queryParams.set(\"page\", page)\n setQueryParams(queryParams)\n }\n\n let pages = [page];\n //takes the numeric value from the page\n let verifiedPage = parseInt(page)\n // TOdo fix superior limit and maybe always keep n pages\n for (let i = 1; i <= 5; i++) {\n if (verifiedPage + i <= pageCount) {\n pages.push(verifiedPage + i);\n }\n if (verifiedPage - i >= 1){\n pages.unshift(verifiedPage - i);\n }\n }\n\n return (\n \r\n
\r\n \r\n {/* =============== */}\r\n
\r\n \r\n {product.expansion} {product.numeration}\r\n
\r\n \r\n {/**/}\r\n 
\r\n {/**/}\r\n {/**/}\r\n {/* */}\r\n {/* {product.likes}k*/}\r\n {/**/}\r\n
\r\n {/* =============== */}\r\n {product.name}
\r\n\r\n { product.is_released ? (product.is_available_on_market ? (\r\n
\r\n \r\n
\r\n ) : (\r\n \r\n {/*
\r\n Disponibles: {product.available_quantity > 10 ? \"10+\" : product.available_quantity}
*/}\r\n\r\n Desde: {product.min_price}\r\n
\r\n\r\n Agotado\r\n
\r\n )) : (\r\n \r\n Preventa\r\n
\r\n )}\r\n \r\n \r\n { veriFyBoardGame (product.price_references) ? (\r\n \r\n \r\n \r\n
\r\n )}\r\n {\r\n product.is_available_on_market ? (\r\n \r\n
\r\n ) : (\r\n \n {pages.map(\n i => (\n \n )\n )}\n
\n )\n}\n\nexport default Pagination;","import { Link }from 'react-router-dom';\nimport style from \"./MarketPlaceGamesDisplay.module.scss\";\n\nfunction MarkePlaceGamesDisplay({store, games}) {\n return(\n \n\n \n \n ![\"Todo\"/](\"/img/Font_text/todo.png\")
\n \n \n\n {games.map((game, i) => (\n \n \n 
\n \n \n ))}\n
\n )\n}\n\nexport default MarkePlaceGamesDisplay;","import style from \"./ProductTypeFilters.module.scss\";\nimport React from \"react\";\nimport {useSearchParams} from \"react-router-dom\";\n\n\nfunction ProductTypeFilters(){\n let [queryParams, setQueryParams] = useSearchParams();\n\n let productType = queryParams.get(\"type\");\n\n const setProductType = (type) => {\n if (type === null){\n queryParams.delete(\"type\")\n } else {\n queryParams.set(\"type\", type)\n }\n queryParams.delete(\"page\")\n setQueryParams(queryParams)\n }\n\n\n return(\n \n \n \n\n {games.map((game, i) => (\n \n \n \n
\n )\n}\n\nexport default ProductTypeFilters;","import Collapsible from 'react-collapsible';\nimport Select from \"react-select\";\nimport {getStates} from \"../../actions/catalogues\"\nimport {getExpansions, getRarities} from \"../../actions/games\"\nimport {useContext, useEffect, useRef, useState} from \"react\";\nimport WideButton2 from \"../buttons/WideButton2\";\nimport {useSearchParams} from \"react-router-dom\";\nimport {StoreContext} from \"../../actions/stores\";\n\n\nfunction AdvancedFiltersPopUp({game_slug}){\n const store = useContext(StoreContext)\n let [queryParams, setQueryParams] = useSearchParams();\n const [stateList, setStateList] = useState([])\n const [expansionList, setExpansionList] = useState([])\n const [rarityList, setRarityList] = useState([])\n\n const [filters, setFilters] = useState({\n state: queryParams.get(\"state\"),\n expansion: queryParams.get(\"expansion\"),\n rarity: queryParams.get(\"rarity\"),\n })\n\n useEffect(() => {\n if(game_slug){\n getExpansions(game_slug, setExpansionList)\n getRarities(game_slug, setRarityList)\n }\n }, [game_slug])\n\n return (\n \n
\n \n
\n \n
\n \n
\n \n
\n \n {setProductType(null)}}>\n Todos los productos\n \n
\n \n {setProductType(\"SEA\")}}>\n Producto Cerrado\n \n
\n \n {setProductType(\"SIN\")}}>\n Cartas Sueltas\n \n
\n \n { store ? null : (\n 0 ? expansionList.find((e) => e.slug === filters.expansion) : null}\n placeholder={\"Expansión\"}\n defaultValue={filters?.expansion}\n isClearable={true}\n isDisabled={game_slug === undefined}\n options={expansionList}\n getOptionValue={(option) => option.slug}\n getOptionLabel={(option) => option.name}\n onChange={(value) => {\n setFilters({...filters, expansion: value?.slug})\n }}\n menuPosition={\"fixed\"}\n />\n\n 0 ? rarityList.find((e) => e.id === filters.rarity) : null}\n placeholder={\"Rareza\"}\n defaultValue={filters?.rarity}\n isClearable={true}\n isDisabled={game_slug === undefined}\n options={rarityList}\n getOptionValue={(option) => option.id}\n getOptionLabel={(option) => option.name}\n onChange={(value) => {\n setFilters({...filters, rarity: value?.id})\n }}\n menuPosition={\"fixed\"}\n />\n\n\n {\n if(filters.state){queryParams.set(\"state\", filters.state)}\n else{queryParams.delete(\"state\")}\n if(filters.expansion){queryParams.set(\"expansion\", filters.expansion)}\n else{queryParams.delete(\"expansion\")}\n if(filters.rarity){queryParams.set(\"rarity\", filters.rarity)}\n else{queryParams.delete(\"rarity\")}\n queryParams.delete(\"page\")\n setQueryParams(queryParams)\n }}/>\n
\n \n )\n}\n\n\nexport default AdvancedFiltersPopUp;","import {get} from \"./backend\"\n\nexport function getStates(handleResponse){\n get(\n \"catalogues/states/\",\n {}\n ).then(response => {handleResponse(response.data)})\n}","import React from 'react';\r\nimport {useState, useEffect} from \"react\";\r\nimport {useParams, useSearchParams} from 'react-router-dom';\r\nimport CardMarketplace from '../../components/cards/CardMarketplace';\r\nimport { getGames } from \"../../actions/games\";\r\nimport { getProducts, getCartByAvailability } from \"../../actions/products\";\r\nimport Pagination from \"../pagination/Pagination\"\r\nimport MarkePlaceGamesDisplay from '../display/MarketPlaceGamesDisplay';\r\nimport ProductTypeFilters from \"./ProductTypeFilters\";\r\nimport AdvancedFiltersPopUp from \"../popups/AdvancedFiltersPopUp\";\r\n\r\n\r\nfunction MarketProducts({store}) {\r\n // Retrieve query parameters from url\r\n let [queryParams] = useSearchParams();\r\n // Recover game slug from url to filter by game\r\n let { game_slug } = useParams();\r\n // Create State for list of games that can be used in filters\r\n const [games, setGames] = useState([]);\r\n // Create State for list of products to show\r\n const [products, setProducts] = useState([]);\r\n // Create State for page on pagination\r\n const [pageCount, setPageCount] = useState(1);\r\n // Market by Availability to be able to display current quantities on modal\r\n const [cartAvailabilities, setCartAvailabilities] = useState({});\r\n\r\n // Effect to get games from backend, not dependencies as this should be only called once\r\n useEffect(() => getGames(setGames, store?.uuid), [store]);\r\n\r\n // Effect to get quantity by availability\r\n useEffect(() => getCartByAvailability(setCartAvailabilities), []);\r\n\r\n // Effect to get products when filter parameters change, always calling page 1\r\n useEffect(\r\n () => {\r\n getProducts(\r\n game_slug, queryParams, store?.user,\r\n (data) => {\r\n setProducts(data.results);\r\n setPageCount(data.page_count);\r\n });\r\n const element = document.getElementById('productList');\r\n element?.scrollIntoView({behavior: 'smooth'});\r\n },\r\n [game_slug, queryParams, store]\r\n );\r\n\r\n\r\n //checks if the store sells just one game to not show games display\r\n function singleGame (games) {\r\n let single = false;\r\n if(games.length < 2) {\r\n single = true;\r\n }return single;\r\n }\r\n\r\n //checks if the store has only board games for sale to not show filter by singles\r\n function onlyBoardGames (games) {\r\n let onlyBG = false;\r\n if(game_slug === \"juegos-de-mesa\"){return true}\r\n if(games.length === 1 && games[0].slug === \"juegos-de-mesa\") {\r\n onlyBG = true;\r\n }\r\n return onlyBG;\r\n }\r\n\r\n function productsTitle (){\r\n if(games.length > 0 && game_slug){\r\n return games.find((element) => element.slug === game_slug).name\r\n }\r\n if(onlyBoardGames(games)){\r\n return \"Juegos de mesa\"\r\n }\r\n return \"Todos los productos\"\r\n }\r\n\r\n return (\r\n \n 0 ? stateList.find(\n (e) => e.code === filters.state\n ) : null\n }\n placeholder={\"Estado de la República Mexicana\"}\n defaultValue={filters?.state}\n isClearable={true}\n options={stateList}\n getOptionValue={(option) => option.code}\n getOptionLabel={(option) => option.name}\n onChange={(value) => {\n setFilters({...filters, state: value?.code})\n }}\n menuPosition={\"fixed\"}\n />\n
\n )}\n\n Estado de la República Mexicana
\nExpansión
\nRareza
\n\r\n
\r\n );\r\n}\r\n\r\nexport default MarketProducts;\r\n","import {get} from \"./backend\"\n\n\nexport function getProducts(game_slug, queryParams, sellerId, handleResponse){\n let params = {\n page:queryParams.get(\"page\"),\n state:queryParams.get(\"state\"),\n game: game_slug,\n search: queryParams.get(\"search\"),\n type_of: queryParams.get(\"type\"),\n expansion: queryParams.get(\"expansion\"),\n rarity: queryParams.get(\"rarity\"),\n order_by: \"market\",\n seller: sellerId || queryParams.get(\"seller\"),\n }\n if (sellerId){\n params.is_available_on_market = true;\n }\n get(\n \"products/market/\",\n params,\n ).then(response => {handleResponse(response.data)}\n )\n}\n\n\nexport function getCartByAvailability(setCartAvailabilities){\n get(\n \"cart/quantity_by_availability\",\n {},\n true,\n ).then(response => {\n setCartAvailabilities(response.data);\n }\n ).catch((error) => {setCartAvailabilities({})})\n}\n","import React from 'react';\nimport style from './FloatingButton.module.css'; \n\n\nconst FloatingButton = () => {\n return (\n \n \n \n \n );\n};\n\nexport default FloatingButton;\n","import React from 'react';\r\n\r\nimport Footer from '../template/components/footer/Footer';\r\nimport Header from '../components/Header';\r\nimport HeroMarket from '../components/hero/HeroMarket';\r\nimport useDocumentTitle from '../template/components/useDocumentTitle';\r\nimport MarketProducts from '../components/main/MarketProducts';\r\nimport {ToastContainer} from 'react-toastify';\r\nimport FloatingButton from '../components/buttons/FloatingButton';\r\n\r\nconst Marketplace = () => {\r\n useDocumentTitle('Stash');\r\n return (\r\n \r\n {singleGame(games) ? null : }\r\n
\r\n \r\n \r\n ) : null}\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n {onlyBoardGames(games) ? null : (\r\n \r\n {productsTitle()}\r\n
\r\n\r\n
\r\n )}\r\n \r\n {products.length > 0 ? products.map((product, i) => (\r\n
\r\n {products.length > 0 ? (\r\n Lo sentimos, no se encontraron productos que coincidan con tu búsqueda.
\r\n )}\r\n\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Marketplace;\r\n","import React, {useState, useContext} from 'react';\nimport {Link} from 'react-router-dom';\nimport { post } from \"../../actions/backend\"\nimport { AuthContext } from \"../../actions/auth\"\nimport {ToastContainer, toast} from 'react-toastify';\nimport 'react-toastify/dist/ReactToastify.css';\n\nconst LoginContent = ({store}) => {\n const [email, setEmail] = useState(\"\");\n const [password, setPassword] = useState(\"\");\n const [formErrors, setFormErrors] = useState({});\n\n const {setMe} = useContext(AuthContext);\n\n function handleChange(event){\n if(event.target.name === \"email\"){\n setEmail(event.target.value)\n }else if (event.target.name === \"password\"){\n setPassword(event.target.value)\n }\n }\n\n const params = new Proxy(\n new URLSearchParams(window.location.search), {\n get: (searchParams, prop) => searchParams.get(prop),\n });\n\n function callAuth(){\n post(\n \"auth/\",\n {email: email, password: password}\n ).then(response => {\n localStorage.setItem(\"access\", response.data.access)\n localStorage.setItem(\"refresh\", response.data.refresh)\n setMe();\n if(params.after){\n window.location = params.after;\n }else{\n window.location = \"/\";\n }\n }).catch(error => {\n setFormErrors(error.response.data.error_dict || {})\n toast.error(error.response.data.detail)\n })\n }\n\n function handleEnter(event) {\n if(event.key === \"Enter\"){\n callAuth();\n }\n }\n\n return (\n \r\n
\r\n \n
\n );\n};\n\nexport default LoginContent;\n","import React from 'react';\r\nimport Header from '../components/Header';\r\nimport useDocumentTitle from '../template/components/useDocumentTitle';\r\nimport LoginContent from \"../components/main/LoginContent\"\r\nimport 'react-toastify/dist/ReactToastify.css';\r\n\r\nconst Login = () => {\r\n useDocumentTitle('Login ');\r\n\r\n return (\r\n \n
\n \n {/**/}\n
\n \n
\n \n
\n Bienvenido a {store? store.name : \"Game Stash\" }
\n {store? (Ingresa con tu cuenta Game Stash
) : null }\n\n ¿No tienes cuenta?\n Regístrate \n
\n\n
\n \n Email \n
\n \n
\n \n Contraseña\n
\n \n \n
\n \r\n
\r\n );\r\n};\r\n\r\nexport default Login;\r\n","import React, {useState} from 'react';\r\nimport {Link} from 'react-router-dom';\r\nimport { post } from \"../../actions/backend\"\r\nimport {ToastContainer, toast} from 'react-toastify';\r\nimport 'react-toastify/dist/ReactToastify.css';\r\n\r\nconst RegisterContent = () => {\r\n const [form, setForm] = useState({});\r\n const [formErrors, setFormErrors] = useState({});\r\n\r\n function handleChange(event){\r\n setForm({...form, [event.target.name]: event.target.value})\r\n }\r\n\r\n function createAccount(){\r\n if (form.password !== form.password2){\r\n setFormErrors({password2: \"Tus contraseñas no coinciden.\"})\r\n return null\r\n }\r\n post(\r\n \"users/\",\r\n form\r\n ).then(response => {\r\n callAuth();\r\n }).catch(error => {\r\n setFormErrors(error.response.data.error_dict || {})\r\n toast.error(error.response.data.detail)\r\n })\r\n }\r\n\r\n function callAuth(){\r\n post(\r\n \"auth/\",\r\n {email: form.email, password: form.password}\r\n ).then(response => {\r\n localStorage.setItem(\"access\", response.data.access)\r\n localStorage.setItem(\"refresh\", response.data.refresh)\r\n window.location = \"/\";\r\n }).catch(error => {\r\n setFormErrors(error.response.data.error_dict || {})\r\n toast.error(error.response.data.detail)\r\n })\r\n }\r\n\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default RegisterContent;\r\n","import React from 'react';\r\nimport Header from '../components/Header';\r\nimport useDocumentTitle from '../template/components/useDocumentTitle';\r\nimport RegisterContent from \"../components/main/RegisterContent\";\r\nimport 'react-toastify/dist/ReactToastify.css';\r\n\r\nconst Register = () => {\r\n useDocumentTitle('Registro');\r\n return (\r\n \r\n
\r\n \r\n {/**/}\r\n
\r\n \r\n
\r\n \r\n
\r\n Crea tu cuenta Game Stash
\r\n\r\n ¿Ya tienes cuenta?\r\n Ingresa \r\n
\r\n\r\n
\r\n \r\n Nombre \r\n
\r\n \r\n
\r\n \r\n Teléfono \r\n
\r\n \r\n
\r\n \r\n Email \r\n
\r\n \r\n
\r\n \r\n Contraseña\r\n
\r\n \r\n
\r\n \r\n Confirma tu Contraseña\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Register;\r\n","import React from 'react';\r\n\r\n\r\nfunction Call2action() {\r\n return (\r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nexport default Call2action;\r\n","import React, {useEffect, useState} from 'react';\nimport Slider from 'react-slick';\nimport 'slick-carousel/slick/slick.css';\nimport 'slick-carousel/slick/slick-theme.css';\nimport {Link} from 'react-router-dom';\nimport {getGames} from \"../../actions/games\";\n\n\n\n\nexport default function GamesDisplay() {\n const settings = {\n dots: false,\n arrow: true,\n infinite: true,\n speed: 700,\n slidesToShow: 4,\n slidesToScroll: 1,\n autoplay: false,\n margin: 20,\n responsive: [\n {\n breakpoint: 4000,\n settings: {\n slidesToShow: 4,\n slidesToScroll: 1,\n infinite: true,\n dots: true,\n },\n },\n {\n breakpoint: 1100,\n settings: {\n slidesToShow: 3,\n slidesToScroll: 1,\n },\n },\n {\n breakpoint: 768,\n settings: {\n slidesToShow: 2,\n slidesToScroll: 1,\n },\n },\n {\n breakpoint: 480,\n settings: {\n slidesToShow: 1,\n slidesToScroll: 1,\n },\n },\n ],\n };\n\n\n\n\n // Create State for list of games that can be used in filters\n const [games, setGames] = useState([]);\n\n // Effect to get games from backend, not dependencies as this should be only called once\n useEffect(() => getGames(setGames), []);\n\n\n return (\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n */}\r\n {/* Comenzar*/}\r\n {/**/}\r\n
\r\n \r\n {/*Crea tu carpeta digital*/}\r\n ¿Quieres vender a través de Game Stash?\r\n
\r\n\r\n Tus cartas o juegos podrán ser vistos por muchas más personas.\r\n Puedes vender, recibir pagos y generar guías de envío a través de la plataforma.\r\n
\r\n
\r\n Escríbenos a contacto@game-stash.mx\r\n
\r\n
\r\n \n
\n );\n}\n","import React from 'react';\nimport useDocumentTitle from '../template/components/useDocumentTitle';\nimport Header from '../components/Header';\nimport Call2action from '../template/components/Sections/Call2action';\nimport Footer from '../template/components/footer/Footer';\nimport Search from \"../components/cards/Search\";\nimport GamesDisplay from \"../components/display/GamesDisplay\";\nimport FloatingButton from '../components/buttons/FloatingButton';\n\nconst Home1 = () => {\n useDocumentTitle('Game Stash');\n return (\n \n
\n \n
\n \n
\n\n \n Juegos \n \n
\n\n \n {games.map((game, i) => (\n \n
\n \n
\n ))}\n \n
\n \n\n\n \n
\n \n
\n\n\n \n
\n \n
\n \n
\n \n
\n \n \n {/*primary*/}\n \n Facebook\n \n\n\n \n \n Donar\n \n
\n\n {/*\n Bienvenido a tu plataforma de juegos y tcg GAME STASH.\n
\n\n Game Stash pretende ser la plataforma de compra/venta de\n cartas y juegos de mesa que asegure tus transacciones y\n facilite tus búsquedas en México.\n
\n Visita el mercado y utiliza nuestro buscador para\n encontrar tus cartas por nombre, contacta al vendedor y\n obtén tu producto.\n
*/}\n
*/}\n\n \n \n
\n {/*\n
\n \n
\n );\n};\n\nexport default ThankyouPurchase;\n","import React from 'react';\r\n\r\nimport 'reactjs-popup/dist/index.css';\r\nconst HeroCart = () => {\r\n\r\n return (\r\n \n
\n \n \n
\n \n
\n \n
\n \n
\n\n \n
\n \n ¡Gracias por tu compra!\n
\n\n {/*
*/}\n Si tienes cualquier duda o requieres hacer una aclaración\n
\n con tu pedido escríbenos al 5611672123.\n
\n Puedes ver el detalle de tu compra y los datos de tu\n
\n vendedor en el enlace siguiente:\n
\n
\n \n Mis Carritos\n \n
\n
\n \r\n
\r\n );\r\n};\r\n\r\nexport default HeroCart;\r\n","import React from \"react\";\nimport CartItemButtons from \"../buttons/CartItemButtons\"\nimport style from \"./CartItemRow.module.scss\"\n\nconst CartItemRow = ({item, isActive, updateCarts}) => {\n\n return (\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n Mis Carritos
\r\n\r\n Aquí podrás ver los carritos de compras que tienes actualmente,\r\n se creará un carrito por cada vendedor del que tengas productos,\r\n recuerda que se hará una compra independiente con cada vendedor.\r\n
\r\n\r\n
\r\n\r\n \n
\n )\n}\n\nexport default CartItemRow;","import {get, post} from \"./backend\";\n\n\nexport function getDeliveryOptions(sellerId, setDeliveryOptions){\n get(\n `delivery/${sellerId}/options/`\n ).then(response => {\n setDeliveryOptions(response.data)\n })\n}\n\nexport function saveDeliveryDetails(cartUuid, data, handleResponse){\n post(\n `cart/${cartUuid}/delivery/`,\n data,\n true,\n ).then(response => {\n handleResponse(response.data)\n })\n}\n\nexport function getAddresses(setAddresses){\n get(\n \"addresses\",\n {},\n true,\n ).then(response => {\n setAddresses(response.data)\n })\n}\n\nexport function getShippingOptions(sellerUuid, cartUuid, addressId, setOptions){\n post(\n `delivery/${sellerUuid}/shipping/`,\n {\n address: addressId,\n cart: cartUuid,\n },\n true,\n ).then(response => {\n setOptions(response.data)\n })\n}\n\nexport function getZipCode(zip_code, handleResponse){\n get(\n \"delivery/zip_code\",\n {zip_code: zip_code}\n ).then(response => {\n handleResponse(response.data);\n })\n}\n\nexport function createAddress(data, handleResponse, handleError){\n post(\n \"addresses/\",\n data,\n true,\n ).then(response => {\n handleResponse(response.data)\n }).catch(error => handleError(error))\n}","import React from \"react\";\nimport style from \"./WideButton.module.scss\";\n\n\nfunction WideButton ({text, active, onClick}){\n return (\n \n )\n}\n\nexport default WideButton;","import React, {useRef, useState} from 'react';\nimport Popup from \"reactjs-popup\";\nimport { getZipCode, createAddress, getAddresses } from \"../../actions/delivery\"\nimport WideButton from \"../buttons/WideButton\"\n\n\nfunction AddAddressPopUp({setAddresses}) {\n const [form, setForm] = useState({});\n const [formErrors, setFormErrors] = useState({});\n\n const [neighborhoodOptions, setNeighborhoodOptions] = useState([]);\n\n const ref = useRef();\n const closeTooltip = () => ref.current.close();\n\n function handleChange(event){\n if(event.target.name === \"zip_code\"){\n let zip_code = event.target.value.replace(/\\D/g, \"\")\n if (zip_code.length > 5){return null}\n setForm({...form, zip_code: zip_code})\n if (zip_code?.length < 5){return null}\n getZipCode(zip_code, (options) => {\n setNeighborhoodOptions(options);\n if (options.length > 0){\n setForm({...form, ...options[0], zip_code: zip_code})\n }\n })\n } else {\n setForm({...form, [event.target.name]: event.target.value})\n }\n }\n\n function saveAddress(){\n createAddress(\n form,\n ()=> {\n getAddresses(setAddresses);\n closeTooltip();\n setForm({});\n setFormErrors({});\n setNeighborhoodOptions([]);\n },\n (error) => setFormErrors(error.response.data.error_dict || {})\n )\n }\n\n\n return (\n \n 
\n
\n \n \n ) : Cantidad: {item.quantity}\n }\n
\n \n {item.availability.card.name}\n ({item.availability.card.expansion} {item.availability.card.numeration})\n
\n\n Versión: {item.availability.version} {item.availability.language}\n {item.price} c/u x {item.quantity}\n {item.total_price}\n
\n {\n isActive ? (\n \n \n
\n \n \n )\n}\n\nexport default AddAddressPopUp;","import React, {useRef, useState} from 'react';\nimport Popup from \"reactjs-popup\";\nimport { getAddresses, getShippingOptions } from \"../../actions/delivery\"\nimport WideButton from \"../buttons/WideButton\"\nimport AddAddressPopUp from \"./AddAddressPopUp\"\n\n\nfunction ShippingPopUp({sellerId, cartId, saveDelivery, active}) {\n const [addresses, setAddresses] = useState([]);\n const [shippingOptions, setShippingOptions] = useState([]);\n const [address, setAddress] = useState(null);\n const [loading, setLoading] = useState(false);\n const ref = useRef();\n const closeTooltip = () => ref.current.close();\n\n function selectAddress(addressId){\n setLoading(true)\n setAddress(addressId)\n getShippingOptions(sellerId, cartId, addressId, (data) => {\n setLoading(false)\n setShippingOptions(data)\n })\n }\n\n function selectShipping(option){\n saveDelivery({\n delivery_type: \"shipping\",\n shipping_address: address,\n shipping: {\n name: option.name,\n service: option.service,\n time: option.time,\n price: option.price,\n extra_data: option.extra_data,\n }\n })\n }\n\n\n return (\n \n \n ×\n \n
\n \n\n \n
\n \n Calle\n \n {formErrors.street ? {formErrors.street} : null}\n
\n\n \n Número Exterior\n \n {formErrors.outdoor_number ?\n {formErrors.outdoor_number} : null}\n
\n\n \n Número Interior\n \n {formErrors.interior_number ?\n {formErrors.interior_number} : null}\n
\n\n \n Código Postal\n \n {formErrors.zip_code ? {formErrors.zip_code} : null}\n
\n\n\n \n Colonia\n \n {formErrors.neighborhood ?\n {formErrors.neighborhood} : null}\n
\n\n \n Ciudad\n \n {formErrors.city ? {formErrors.city} : null}\n
\n\n \n Estado\n \n {formErrors.state ? {formErrors.state} : null}\n
\n\n \n Referencias\n \n {formErrors.references ? {formErrors.references} : null}\n
\n\n \n \n
\n \n \n )\n}\n\nexport default ShippingPopUp;","import React, {useRef, useState} from 'react';\nimport Popup from \"reactjs-popup\";\nimport { getDeliveryOptions, saveDeliveryDetails } from \"../../actions/delivery\"\nimport ShippingPopUp from \"./ShippingPopUp\"\nimport WideButton from \"../buttons/WideButton\"\n\nfunction DeliveryTypePopUp({sellerId, cartId, updateCarts, deliveryType}) {\n const [deliveryOptions, setDeliveryOptions] = useState([]);\n const ref = useRef();\n const closeTooltip = () => ref.current.close();\n\n\n function saveDelivery(data){\n saveDeliveryDetails(cartId, data, () => {\n updateCarts();\n closeTooltip();\n })\n }\n\n\n return (\n \n \n ×\n \n
\n \n selectAddress(option.id)}\n active={option.id === address}\n text={`${option.street} ${option.outdoor_number} ${option.zip_code} ${option.neighborhood}`}\n />\n ))}\n \n selectShipping(option)}\n text={(\n
\n Elige tu direccion
\n {addresses.map((option, i) => (\nElige tu forma de envio
\n {loading ? (\n\n
\n ) :\n shippingOptions.map((option, i) => (\n Estamos cotizando tu envio
\n\n
\n \n
\n \n
\n )}\n />\n ))\n\n }\n {option.name} {option.time}
\n{option.display_price}
\n\n \n
\n \n \n )\n}\n\nexport default DeliveryTypePopUp;","import React, {useRef, useState} from 'react';\nimport Popup from \"reactjs-popup\";\nimport { getPaymentOptions, savePaymentDetails } from \"../../actions/payments\"\nimport WideButton from \"../buttons/WideButton\"\n\n\nfunction PaymentMethodPopUp({sellerId, cartId, updateCarts, paymentMethod}) {\n const [paymentOptions, setPaymentOptions] = useState([]);\n const ref = useRef();\n const closeTooltip = () => ref.current.close();\n\n function savePayment(paymentMethod){\n savePaymentDetails(cartId, paymentMethod, updateCarts);\n closeTooltip();\n }\n\n return (\n \n \n ×\n \n
\n \n \n ):\n ( {saveDelivery({delivery_type: option.code})}} />\n\n ))}\n
\n Elige tu forma de entrega
\n {deliveryOptions.map((option, i) =>\n option.code === \"shipping\" ?\n (\n\n \n
\n \n \n )\n}\n\nexport default PaymentMethodPopUp;","import {post} from \"./backend\";\n\n\nexport function getPaymentOptions(sellerId, cartId, setDeliveryOptions){\n post(\n `payments/${sellerId}/options/`,\n {cart: cartId},\n true,\n ).then(response => {\n setDeliveryOptions(response.data)\n })\n}\n\nexport function savePaymentDetails(cartUuid, paymentMethod, handleResponse){\n post(\n `cart/${cartUuid}/payment/`,\n {payment_method: paymentMethod},\n true,\n ).then(response => {\n handleResponse(response.data)\n })\n}\n\n\nexport function getPaymentUrl(sellerId, cartId, storeId, handleResponse){\n post(\n `payments/${sellerId}/mercado_pago/`,\n {cart: cartId, store: storeId},\n true,\n ).then(response => handleResponse(response.data))\n}\n","import Popup from \"reactjs-popup\";\nimport React, {useRef} from \"react\";\nimport WideButton2 from \"../buttons/WideButton2\";\nimport style from \"./SellersPopUp.module.scss\"\n\nfunction TextPopUp({linkText, text}){\n const ref = useRef();\n const closeTooltip = () => ref.current.close();\n return (\n \n \n ×\n \n
\n \n {savePayment(option.code)}}\n text={option.name} active={paymentMethod === option.code}/>\n ))}\n
\n Elige tu forma de entrega
\n {paymentOptions.map((option, i) =>\n (\n\n \n
\n \n \n \n ×\n \n
\n \n
\n {text}
\n\n
\n
\n
\n \n
\n \n
\n {/*\n { cart.store ?\n
\n \n \n
\n \n {cart.store?.name || cart.seller.name}\n
\n \n*/}\n {/*
*/}\n */}\n {/* Ver medios de contacto*/}\n {/*
*/}\n {/*\n {/*
\n {\n store? null :\n () \n }\n */}\n {/*
*/}\n */}\n {/* Borrar Carrito*/}\n {/*
*/}\n {/*\n {\n cart.store && cart.store.policies.length > 0 ?\n (
\n { cart.store.policies.map(policy => (\n \n ))}\n
) : null\n }\n \n {cart.items.map((item, i) => (\n \n ))}\n
\n )\n}\n\nexport default CartCard;","import {get, post} from \"./backend\"\n// import {toast} from \"react-toastify\";\n// import cartUnauthorizedToast from \"../components/toasts/cartUnauthorizedToast\";\n\n\nexport function getCarts(status, storeId, handleResponse, handleError){\n get(\n \"cart/\",\n {status: status, store: storeId},\n true,\n ).then(response => {\n handleResponse(response.data);\n }\n ).catch((error) => {\n handleError(error)\n })\n}\n\nexport function submitCart(cartId, handleResponse){\n post(\n `cart/${cartId}/checkout/`,\n {},\n true,\n ).then(response => {\n handleResponse(response.data);\n }\n )\n}\n","import React, {useContext, useEffect, useState} from 'react';\n\nimport CartCard from \"../cards/CartCard\"\nimport {getCarts} from \"../../actions/cart\";\nimport style from \"./MarketProducts.module.scss\";\nimport {toast} from \"react-toastify\";\nimport {StoreContext} from \"../../actions/stores\";\n\nconst CartListContent = () => {\n const [carts, setCarts] = useState([]);\n const [cartStatus, setCartStatus] = useState(\"active\");\n const store = useContext(StoreContext)\n\n const updateCarts = () => getCarts(\n cartStatus,\n store?.uuid,\n setCarts,\n (error) => {\n if(error.response.status === 403){\n window.location = \"/login?after=/carritos\"\n }else{\n toast.error(\"Ocurrió un error\")\n }\n }\n )\n\n useEffect(updateCarts, [cartStatus, store]);\n\n\n\n\n return (\n \n
\n\n Total de Productos:\n {cart.products_price}\n
\n\n\n
\n\n\n \n
\n \n \n Forma de entrega: {cart.delivery_type ? cart.delivery_type.display : null}\n \n Costo Envio:\n {cart.shipping_price}\n \n
\n\n {\n cart.status === \"active\" ? (\n \n ) : null\n }\n\n
\n\n\n \n\n
\n \n
\n \n Método de pago: {cart.payment_method ? cart.payment_method.display : null}\n Comision por Método de Pago:\n {cart.payment_fee}\n \n
\n\n {\n cart.status === \"active\" ? (\n \n ) : null\n }\n
\n\n \n\n
\n \n Total a pagar: {cart.total_price}\n
\n {\n cart.status === \"active\" ? (\n\n \n
\n ) : null\n }\n\n \n
\n );\n};\n\nexport default CartListContent;\n","import React from 'react';\r\n\r\nimport Footer from '../template/components/footer/Footer';\r\nimport Header from '../components/Header';\r\nimport useDocumentTitle from '../template/components/useDocumentTitle';\r\nimport HeroCart from \"../components/hero/HeroCart\";\r\nimport {ToastContainer} from 'react-toastify';\r\nimport CartListContent from \"../components/main/CartListContent\"\r\n\r\n\r\nconst CartList = () => {\r\n useDocumentTitle(' Carritos');\r\n return (\r\n \n
\n \n
\n\n\n \n
\n \n
\n \n {\n setCartStatus(\"active\")\n }}>\n Carritos Activos\n \n
\n \n {\n setCartStatus(\"on_hold\")\n }}>\n Procesando por Vendedor\n \n
\n \n {carts.map((cart, i) =>\n )}\n
\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default CartList;\r\n","import React, {useEffect, useState} from 'react';\nimport useDocumentTitle from '../template/components/useDocumentTitle';\nimport WideButton from \"../components/buttons/WideButton\";\nimport {getReview, saveReview} from \"../actions/reviews\"\nimport {useParams} from \"react-router-dom\";\nimport Rating from \"react-rating\";\nimport {toast, ToastContainer} from \"react-toastify\";\n\nconst FeedbackForm = () => {\n useDocumentTitle('Feedback');\n const [seller, setSeller] = useState(null)\n const [sellerScore, setSellerScore] = useState(null)\n const [platformScore, setPlatformScore] = useState(null)\n const [sellerComment, setSellerComment] = useState(\"\")\n const [platformComment, setPlatformComment] = useState(\"\")\n\n let { sellId } = useParams();\n\n useEffect(() => getReview(sellId, (data) => {\n setSeller(data.seller)\n setSellerComment(data.sell.comment)\n setSellerScore(data.sell.score)\n setPlatformComment(data.platform.comment)\n setPlatformScore(data.platform.score)\n }), [])\n\n const saveForm = () => {\n if(platformScore === null || sellerScore === null){\n return toast.error(\"Por favor, califica la plataforma y el vendedor antes de enviar.\")\n }\n saveReview(\n sellId,\n {\n platform: {\n score: platformScore,\n comment: platformComment,\n },\n seller: {\n score: sellerScore,\n comment: sellerComment,\n }\n },\n () => {\n toast.success(\"¡Gracias por tus comentarios.!\")\n }\n )\n }\n\n return (\n \n
\n
\n
\n
\n
\n \n Cuéntanos como fue tu experiencia comprando con\n {seller?.store ?\n
\n
\n Cuéntanos como fue tu experiencia comprando con\n {seller?.store ?\n 
: null}\n {seller?.store ? seller?.store?.name : seller?.name}\n
\n \n ¿Cómo calificarías la atención de tu vendedor\n ({ seller?.store ? seller?.store?.name : seller?.name})?\n
\n\n
\n ¿Qué tan probable es que recomiendes nuestra plataforma?\n
\n\n
\n Puedes agregar un comentario sobre tu vendedor, para que más compradores sepan que esperar:\n
\n