\r\n
\r\n );\r\n};\r\n\r\n\r\nconst AllYourFilteredNFTsInventory = ({ nftList, searches, actions, otherState }) => {\r\n const { searchedAccount, searchNftName } = searches;\r\n const { onHandleNFTsellAction, handleTransfer, handleCheck, handleUnboxing } = actions;\r\n const { currentNftSymbol, selectedNft } = otherState;\r\n\r\n const [collapsed, setCollapsed] = useState([]);\r\n\r\n const handleCollapse = (category) => {\r\n if (!collapsed.includes(category)) setCollapsed([...collapsed, category]);\r\n else setCollapsed([...collapsed.filter(cat => cat !== category)]);\r\n };\r\n\r\n const foundCategories = extractCategories({ hiveNfts: nftList });\r\n const filteredList = nftList.filter(\r\n nft => nft.properties.name\r\n && nft.properties.name.toLowerCase().includes(searchNftName.toLowerCase()),\r\n );\r\n\r\n const PageElements = ({ categoryItems }) => \r\n \r\n \r\n Sell Nfts \r\n \r\n \r\n \r\n\r\n \r\n \r\n {selTransferId ? \"\" : ''/*\"Bulk\"*/} Transfer {selectedNft.length || 1} NFT{selTransferId ? \"\" : \"s\"} \r\n \r\n \r\n \r\n\r\n {(nftList.length >= 1000 || offset >= 1000) &&
\r\n \r\n \r\n \r\n {searchedAccount\r\n ? <>\r\n
\r\n
\r\n\r\n \r\n {searchedAccount\r\n ? <>\r\n @{searchedAccount}\r\n 's\r\n \r\n : 'MY'} NFTs\r\n
\r\n \r\n
\r\n\r\n \r\n toggleSingleAndPacks('single')}\r\n disabled={isSingNftsView}\r\n >\r\n ITEMS\r\n \r\n toggleSingleAndPacks('pack')}\r\n disabled={isPacksView}\r\n >\r\n PACKs\r\n \r\n
\r\n\r\n \r\n \r\n\r\n setNftSearch(e.target.value)}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n setOffset(0)}\r\n disabled={offset === 0}>\r\n Page 1\r\n \r\n setOffset(1000)}\r\n disabled={offset === 1000}\r\n >\r\n Page 2\r\n \r\n {offset >= 1000 && setOffset(2000)}\r\n disabled={offset === 2000 || nftList.length < 1000}>\r\n Page 3\r\n }\r\n {offset >= 2000 && setOffset(3000)}\r\n disabled={offset === 3000 || nftList.length < 1000}>\r\n Page 4\r\n }\r\n
}\r\n {loading.value && \r\n {!loading.hidePacman\r\n &&
}\r\n\r\n {(!loading.value && nftList.length > 0)\r\n && \r\n \r\n
\r\n }\r\n {loading.msg}\r\n \r\n
\r\n }\r\n {(!loading.value && !nftList.length) && \r\n
\r\n \r\n
\r\n
\r\n }\r\n There are no {currentNftSymbol === symbolPack ? 'NFT Packs' : 'Gaming NFTs'} here.
\r\n\r\n
\r\n
\r\n Buy some from other users here.
\r\nOr if you listed yours on the market, they're here.
\r\n\r\n {categoryItems\r\n .sort((aa, bb) => (aa.properties.name > bb.properties.name)\r\n || (parseFloat(aa?._id) - parseFloat(bb?._id)))\r\n .map(\r\n (nft, index) =>\r\n
\r\n onHandleNFTsellAction(window.hive_keychain, nft, price, priceSymbol, currentNftSymbol)}\r\n actionType=\"Sell\"\r\n checked={selectedNft.findIndex(sel => sel === nft._id) >= 0}\r\n handleTransfer={handleTransfer}\r\n handleCheck={handleCheck}\r\n handleUnboxing={handleUnboxing}\r\n isPack={currentNftSymbol === symbolPack}\r\n hideButtons={!!searchedAccount}\r\n />\r\n
\r\n )\r\n }\r\n ;\r\n\r\n const CategorizedItems = ({ category }) => {\r\n const categoryItems = filteredList.filter(({ properties }) => properties.schema === category);\r\n return (\r\n <>\r\n \r\n {parseSchemaName(category)}\r\n
\r\n [ {categoryItems.length} items ]
\r\n \r\n
\r\n \r\n {collapsed.includes(category)\r\n ? <>\r\n : \r\n
\r\n );\r\n}\r\n","import { Redirect, Route } from 'react-router-dom';\r\nimport React from 'react';\r\n// import { UserService } from './UserService';\r\nimport { useSelector } from 'react-redux';\r\n\r\nconst ProtectedRoute = ({ component: Component, ...rest }) => {\r\n const isLogged = useSelector(store => store.user.isLogged);\r\n return (\r\n \r\n
\r\n\r\n \r\n
\r\n Administrator
\r\n\r\n
\r\n \r\n
\r\n Admin account : {UserState.username}
\r\n\r\n
\r\n
\r\n\r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n level0.packs\r\n \r\n \r\n
\r\n \r\n game.weapons\r\n \r\n \r\n \r\n
\r\n \r\n game.characters\r\n \r\n \r\n
\r\n --------------------------------
\r\n game.items\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
--------------------------------
\r\n game.ammo\r\n \r\n \r\n--------------------------------
\r\n\r\n weapon.skins
\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 cs.cybergirl\r\n
KIARA
\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
KARINA
\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
MARTE
\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 KIARA
\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
KARINA
\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
MARTE
\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 early.access\r\n
PVP PASS
\r\n \r\n
\r\n PVP PASS
\r\n \r\n
\r\n
\r\n \r\n
\r\n 2nd LEVEL
\r\n\r\n level1.packs\r\n \r\n \r\n
\r\n \r\n game.weapons\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n game.characters\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n 3rd LEVEL
\r\n\r\n level2.packs\r\n \r\n \r\n
\r\n \r\n game.weapons\r\n \r\n \r\n \r\n
\r\n \r\n game.characters\r\n \r\n \r\n
\r\n \r\n
[tbd]
\r\n LAND SALE:PVP Beta with
\r\n {/* PAST EVENTS */}\r\n
\r\n );\r\n};\r\n","import React, { useEffect, useRef, useState } from 'react';\r\nimport { useSelector } from 'react-redux';\r\nimport { storeAppDispatch } from './../GlobalState/Store';\r\nimport { setPlayerData } from './../GlobalState/UserReducer';\r\nimport { Link, useHistory } from \"react-router-dom\";\r\nimport { toast } from \"react-toastify\"\r\nimport { Animated } from \"react-animated-css\";\r\nimport { UserService } from '../UserService';\r\nimport ExitIcon from '../images/exit.png';\r\nimport { setActiveTab } from '../GlobalState/MenuReducer';\r\nimport { client } from '../helpers/client';\r\nimport { AnonAdLanding } from '../components/Ads';\r\nimport CsLogo from '../images/cs-logo.png';\r\nimport { Events } from '../components/LandingPage/Events';\r\nimport '../scss/pages/landingPage.scss';\r\n\r\n\r\nexport const LandingPage = () => {\r\n const history = useHistory();\r\n const UserState = useSelector((store) => store.user);\r\n const userNameInputRef = useRef(null);\r\n\r\n const [userName, setUserName] = useState(localStorage.getItem('username'));\r\n const [isLoading, setIsLoading] = useState(false);\r\n\r\n const [fullyMounted, isFullyMounted] = useState(false);\r\n\r\n let usernameLetters = null;\r\n const cacheUname = () => usernameLetters && localStorage.setItem('username', usernameLetters);\r\n\r\n const handleLoginClick = () => {\r\n setIsLoading(true);\r\n cacheUname();\r\n };\r\n\r\n useEffect(() => {\r\n usernameLetters = userName;\r\n }, [userName]);\r\n\r\n useEffect(() => {\r\n if (!UserState.isLogged && UserState.loginType === \"keychain\") {\r\n userNameInputRef.current.focus();\r\n }\r\n }, [UserState.loginType]);\r\n\r\n useEffect(() => {\r\n setTimeout(() => isFullyMounted(true), 1);\r\n }, []);\r\n\r\n const login_hivesigner = () => {\r\n toast.warning(\"not implemented yet!\");\r\n };\r\n\r\n const display_login_keychain = () => {\r\n if (window.hive_keychain) {\r\n let keychain = window.hive_keychain\r\n console.log('hive keychain handshake!')\r\n keychain.requestHandshake(() => {\r\n const currentState = { ...UserState, loginType: \"keychain\" }\r\n storeAppDispatch(setPlayerData(currentState));\r\n console.log(\"handshake success!\", UserState);\r\n });\r\n } else {\r\n const currentState = { ...UserState, error: \"You do not have hive keychain installed\" }\r\n storeAppDispatch(setPlayerData(currentState));\r\n toast.error(\"Handshake failed!\");\r\n }\r\n };\r\n\r\n const login_keychain_submit = async (e) => {\r\n e.preventDefault();\r\n if (!window.hive_keychain) {\r\n setIsLoading(false);\r\n toast.error(\"Hive keychain browser extension not found!\");\r\n return;\r\n }\r\n let keychain = window.hive_keychain;\r\n if (!userName) {\r\n setIsLoading(false);\r\n return toast.warning('Put your username');\r\n }\r\n try {\r\n const message = userName + '_' + Date.now();\r\n keychain.requestSignBuffer(\r\n userName,\r\n message,\r\n \"Posting\",\r\n async function (response) {\r\n console.log('response of requestSignBuffer:', response);\r\n if (response.error) {\r\n console.log('hive keychain error:', response.error)\r\n toast.error(\"failed requestSignBuffer!\");\r\n setIsLoading(false);\r\n } else {\r\n let username = response.data.username\r\n console.log('response data', response.data)\r\n toast.success(\"Request signed and broadcasted\");\r\n \r\n const resHiveUserVerify = await client.post('/api/auth/verify', { username, message, signed_message: response.result });\r\n if (resHiveUserVerify.status === 200 && resHiveUserVerify.data.result === \"success\") {\r\n toast.success(\"Hive user is verified on backend successfully! \")\r\n const currentState = { ...UserState, username, isLogged: true };\r\n storeAppDispatch(setPlayerData(currentState));\r\n history.push('/home');\r\n storeAppDispatch(setActiveTab({ activeTab: 1 }));\r\n } else {\r\n toast.error(\"Hive user verify on backend is failed! \")\r\n const currentState = { ...UserState, username, isLogged: false };\r\n storeAppDispatch(setPlayerData(currentState));\r\n history.push('/login');\r\n setIsLoading(false);\r\n }\r\n }\r\n }\r\n );\r\n } catch (err) {\r\n setIsLoading(false);\r\n console.log(err);\r\n toast.error(\"Uh oh, something broke!\");\r\n }\r\n }\r\n\r\n const onHandleLogout = () => {\r\n UserService.logout();\r\n }\r\n\r\n\r\n return (<>\r\n \r\n
\r\n \r\n {/* COMING NEXT */}\r\n Past Events:
\r\n- \r\n {pastEvents}\r\n
\r\n
\r\n Coming Next:
\r\n- \r\n {nextEvents}\r\n
\r\n
\r\n }\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Our Recent Tweets\r\n \r\n
\r\n\r\n {/* \r\n
\r\n \r\n
\r\n \r\n 
\r\n
\r\n Hive NFT Marketplace
\r\n\r\n ![\"hive](\"./hive_symbol.png\")
\r\n
\r\n {(!UserState.isLogged && UserState.loginType === \"\") && (\r\n \r\n \r\n {UserState.error}\r\n {/* */}\r\n \r\n Log in with Hive Keychain\r\n \r\n \r\n
\r\n )}\r\n {(!UserState.isLogged && UserState.loginType === \"keychain\") && (\r\n <>\r\n {UserState.error}\r\n \r\n \r\n )}\r\n {UserState.isLogged && \r\n
\r\n Logout
\r\n
\r\n }\r\n Open session: @{UserState.username}
\r\n\r\n Logout
\r\n
\r\n );\r\n};\r\n\r\nconst AllFilteredNFTsMarket = ({ nftList = [], searches, actions, otherState }) => {\r\n const { searchOwner, searchNftName } = searches;\r\n const { onHandleNFTBuyAction, handleCheck } = actions;\r\n const { currentNftSymbol, selectedNft } = otherState;\r\n const UserState = useSelector((store) => store.user);\r\n\r\n const [collapsed, setCollapsed] = useState([]);\r\n\r\n const handleCollapse = (category) => {\r\n if (!collapsed.includes(category)) setCollapsed([...collapsed, category]);\r\n else setCollapsed([...collapsed.filter(cat => cat !== category)]);\r\n };\r\n\r\n if (!nftList.length) return (\r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n SWAP HIVE\r\n FOR SWAP.HIVE\r\n
(soon we'll support purchases directly in Hive)
\r\n \r\n\r\n \r\n SWAP WAX\r\n FOR SWAP.HIVE\r\n
\r\n\r\n
\r\n\r\n \r\n TRADE\r\n
\r\n \r\n toggleSingleAndPacks('pack')}\r\n disabled={isPacksView}\r\n >\r\n PACKs\r\n \r\n toggleSingleAndPacks('single')}\r\n disabled={isSingNftsView}\r\n >\r\n ITEMS\r\n \r\n
\r\n\r\n \r\n \r\n setSearchOwner(e.target.value)} />\r\n setSearchNftName(e.target.value)} style={{ marginTop: '5px' }} />\r\n
\r\n \r\n {(nftList.length >= 1000 || offset >= 1000) &&
\r\n\r\n \r\n setOffset(0)}\r\n disabled={offset === 0}>\r\n Page 1\r\n \r\n setOffset(1000)}\r\n disabled={offset === 1000}\r\n >\r\n Page 2\r\n \r\n setOffset(2000)}\r\n disabled={offset === 0 || offset === 2000 || nftList.length < 1000}>\r\n Page 3\r\n \r\n setOffset(3000)}\r\n disabled={offset === 0 || offset === 3000 || nftList.length < 1000}>\r\n Page 4\r\n \r\n
}\r\n \r\n {loading && \r\n \r\n\r\n {nftList.filter(nft => nft.account === UserState.username).length > 0\r\n ? \r\n \r\n \r\n }\r\n
\r\n \r\n
}\r\n {(!loading && !nftList.length) && You do not have Crypto Shots NFT listed for sale.
}\r\n {!loading &&\r\n
\r\n : \r\n
\r\n \r\n {\r\n setConfirmShow(true);\r\n setType('cancel');\r\n }}\r\n >\r\n Bulk Cancel\r\n \r\n {/* onHandleBulkNFTCancelAction(keychain, selectedOwnNft, UserService.username, currentNftSymbol) */}\r\n
\r\n None
\r\n }\r\n\r\n {\r\n setConfirmShow(true);\r\n setType('buy');\r\n }}>\r\n Bulk Buy\r\n \r\n
\r\n \r\n
\r\n None
);\r\n\r\n const foundCategories = extractCategories({ hiveNfts: nftList });\r\n const filteredList = nftList.filter(\r\n nft => nft.account !== UserState.username\r\n && nft.account.toLowerCase().includes(searchOwner.toLowerCase())\r\n && nft.properties.name && nft.properties.name.toLowerCase().includes(searchNftName.toLowerCase().replace('@', ''))\r\n );\r\n\r\n const PageElements = ({ categoryItems }) =>\r\n {categoryItems\r\n .sort((aa, bb) => parseFloat(aa.price) - parseFloat(bb.price))\r\n .map((nft, index) =>\r\n
\r\n onHandleNFTBuyAction(window.hive_keychain, nft, UserService.username, currentNftSymbol)}\r\n actionType=\"Buy\"\r\n checked={selectedNft.findIndex(sel => sel === nft.nftId) >= 0}\r\n handleCheck={handleCheck}\r\n />\r\n
\r\n )}\r\n ;\r\n\r\n const CategorizedItems = ({ category }) => {\r\n const categoryItems = filteredList.filter(({ properties }) => properties.schema === category);\r\n return (\r\n <>\r\n handleCollapse(category)}>\r\n
\r\n {collapsed.includes(category)\r\n ? <>\r\n : \r\n {parseSchemaName(category)}\r\n
\r\n [ {categoryItems.length} items ]
\r\n \r\n
\r\n \r\n {categoryItems\r\n .sort((aa, bb) => parseFloat(aa.properties?.price) - parseFloat(bb.properties?.price))\r\n .map((nft, index) =>\r\n
\r\n onHandleNFTCancelAction(window.hive_keychain, nft, UserService.username, currentNftSymbol)}\r\n actionType=\"Buy\"\r\n ownNFT\r\n checked={selectedOwnNft.findIndex(sel => sel === nft.nftId) >= 0}\r\n handleCheck={handleOwnCheck}\r\n />\r\n
\r\n )\r\n }\r\n ;\r\n\r\n const CategorizedItems = ({ category }) => {\r\n const categoryItems = filteredList.filter(({ properties }) => properties.schema === category);\r\n return (\r\n <>\r\n handleCollapse(category)}>\r\n
\r\n {collapsed.includes(category)\r\n ? <>\r\n : \r\n {parseSchemaName(category)}\r\n
\r\n [ {categoryItems.length} items ]
\r\n \r\n
\r\n \r\n \r\n \r\n
);\r\n};\r\n","import './scss/App.scss';\r\nimport { Menu } from './components/Menu';\r\nimport { BrowserRouter, Redirect, Route, Switch } from 'react-router-dom';\r\nimport { Home } from './pages/Home';\r\nimport { Administrator } from './pages/Administrator';\r\nimport ProtectedRoute from './ProtectedRoute';\r\nimport AdminRoute from './AdminRoute';\r\nimport { LandingPage } from './pages/LandingPage';\r\nimport { toast } from 'react-toastify';\r\nimport { Marketplace } from './pages/Marketplace';\r\nimport { About } from './pages/About';\r\ntoast.configure({\r\n autoClose: 2500,\r\n});\r\n\r\nexport const PATHS = {\r\n LandingPage: '/',\r\n About: '/about-us',\r\n Home: '/home',\r\n Marketplace: '/marketplace',\r\n Administrator: '/administrator',\r\n};\r\n\r\nfunction App() {\r\n return ( \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n
\r\n Our Hive Accounts:
\r\n- \r\n
- BLOG peakd.com/@cryptoshots.nft \r\n
- Community peakd.com/c/hive-190697 \r\n
- Marketing peakd.com/@cryptoshots.play \r\n
\r\n\r\n
Other socials:
\r\n- \r\n
- Twitter twitter.com/cryptoshots_nft \r\n
- Discord crypto-shots.com/discord \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default App;\r\n","const reportWebVitals = onPerfEntry => {\r\n if (onPerfEntry && onPerfEntry instanceof Function) {\r\n import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\r\n getCLS(onPerfEntry);\r\n getFID(onPerfEntry);\r\n getFCP(onPerfEntry);\r\n getLCP(onPerfEntry);\r\n getTTFB(onPerfEntry);\r\n });\r\n }\r\n};\r\n\r\nexport default reportWebVitals;\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { Provider } from 'react-redux';\r\nimport App from './App';\r\nimport Store from './GlobalState/Store';\r\nimport reportWebVitals from './reportWebVitals';\r\nimport { UserService } from './UserService';\r\n\r\nUserService.init();\r\n\r\nReactDOM.render(\r\n