\n Address may not support this NFT\n
\n
\n ),\n });\n }\n };\n\n return (\n <>\n \n\n Using error.
\n {msg}
\n \n {meta.domain ? (\n meta.domain.indexOf(\"twitter.com/\") !== -1 ? (\n
\n \n
\n ) : null} */}\n\n \n
\n {meta.price.amount && meta.price.amount !== \"0\" ? (\n AUTHOR
\n \n {meta.author} \n
\n \n {meta.price.amount} \n
\n ) : null}\n PRICE
\n \n {p.meta.domain ? (\n
\n \n {p.meta.domain ? (\n p.meta.domain.indexOf(\"twitter.com/\") !== -1 ? (\n
\n ) : null}\n\n \n
\n {p.meta.price.amount && p.meta.price.amount !== \"0\" ? (\n AUTHOR
\n \n {p.meta.author} \n
\n \n {p.meta.price.amount} \n
\n ) : null}\n PRICE
\n {props.title}
\n {props.tokenId ? (\n \n {props.tokenId} \n
\n ) : null}\n {props.transactionId ? (\n \n {TransactionId.toText(props.transactionId)} \n
\n ) : null}\n \n );\n};\n\nexport const TransactionFailed = ({ title, message }) => {\n return (\n \n
\n );\n};\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.priceStorage = exports.priceOps = exports.STORAGE_KB_PER_MIN = exports.QUALITY_PRICE = exports.FULLY_CHARGED_MINUTES = exports.FULLY_CHARGED_MESSAGES = exports.AVG_MESSAGE_COST = void 0;\nconst QUALITY_PRICE = 1000n; // max quality price per min\n\nexports.QUALITY_PRICE = QUALITY_PRICE;\nconst STORAGE_KB_PER_MIN = 8n; // prices are in cycles\n\nexports.STORAGE_KB_PER_MIN = STORAGE_KB_PER_MIN;\nconst AVG_MESSAGE_COST = 4000000n; // prices are in cycles\n\nexports.AVG_MESSAGE_COST = AVG_MESSAGE_COST;\nconst FULLY_CHARGED_MINUTES = 8409600n; //(16 * 365 * 24 * 60) 16 years\n\nexports.FULLY_CHARGED_MINUTES = FULLY_CHARGED_MINUTES;\nconst FULLY_CHARGED_MESSAGES = 5840n; // 1 message per day\n\nexports.FULLY_CHARGED_MESSAGES = FULLY_CHARGED_MESSAGES;\n\nconst priceStorage = _ref => {\n let {\n custom,\n content,\n thumb,\n quality,\n ttl\n } = _ref;\n // WARNING: Has to mirror motoko calulcations in nft_interface\n let cost_per_min = STORAGE_KB_PER_MIN * 100n;\n cost_per_min += BigInt(custom) * STORAGE_KB_PER_MIN / 1024n;\n if (content && content.internal) cost_per_min += BigInt(content.internal.size) * STORAGE_KB_PER_MIN / 1024n;\n if (thumb && thumb.internal) cost_per_min += BigInt(thumb.internal.size) * STORAGE_KB_PER_MIN / 1024n;\n cost_per_min += BigInt(Math.pow(quality, 3)) * QUALITY_PRICE;\n return 2n * cost_per_min * (ttl ? BigInt(ttl) : FULLY_CHARGED_MINUTES);\n};\n\nexports.priceStorage = priceStorage;\n\nconst priceOps = _ref2 => {\n let {\n ttl\n } = _ref2;\n return 2n * (ttl ? AVG_MESSAGE_COST * 100n + BigInt(ttl) * AVG_MESSAGE_COST / 60n / 24n : FULLY_CHARGED_MESSAGES * AVG_MESSAGE_COST);\n};\n\nexports.priceOps = priceOps;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nObject.defineProperty(exports, \"idlFactory\", {\n enumerable: true,\n get: function () {\n return _pwrDid.idlFactory;\n }\n});\nexports.pwrCanister = void 0;\n\nvar _agent = require(\"@dfinity/agent\");\n\nvar _pwrDid = require(\"./declarations/pwr/pwr.did.js\");\n\n// Imports and re-exports candid interface\nconst pwrCanister = (canisterId, options) => {\n const agent = new _agent.HttpAgent({ ...(options ? options.agentOptions : {})\n }); // Fetch root key for certificate validation during development\n\n if (process.env.REACT_APP_LOCAL_BACKEND) {\n agent.fetchRootKey().catch(err => {\n console.warn(\"Unable to fetch root key. Check to ensure that your local replica is running\");\n console.error(err);\n });\n } // Creates an actor with using the candid interface and the HttpAgent\n\n\n return _agent.Actor.createActor(_pwrDid.idlFactory, {\n agent,\n canisterId: canisterId.toText ? canisterId.toText() : canisterId,\n ...(options ? options.actorOptions : {})\n });\n};\n\nexports.pwrCanister = pwrCanister;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nObject.defineProperty(exports, \"idlFactory\", {\n enumerable: true,\n get: function () {\n return _routerDid.idlFactory;\n }\n});\nexports.routerCanister = exports.router = void 0;\n\nvar _agent = require(\"@dfinity/agent\");\n\nvar _routerDid = require(\"./declarations/router/router.did.js\");\n\n// Imports and re-exports candid interface\nconst defaultRouter = \"kbzti-laaaa-aaaai-qe2ma-cai\"; // CANISTER_ID is replaced by webpack based on node environment\n\nconst routerCanister = (canisterId, options) => {\n canisterId = canisterId || defaultRouter;\n const agent = new _agent.HttpAgent({ ...(options ? options.agentOptions : {})\n }); // Fetch root key for certificate validation during development\n\n if (process.env.REACT_APP_LOCAL_BACKEND) {\n agent.fetchRootKey().catch(err => {\n console.warn(\"Unable to fetch root key. Check to ensure that your local replica is running\");\n console.error(err);\n });\n } // Creates an actor with using the candid interface and the HttpAgent\n\n\n let actor = _agent.Actor.createActor(_routerDid.idlFactory, {\n agent,\n canisterId: canisterId.toText ? canisterId.toText() : canisterId,\n ...(options ? options.actorOptions : {})\n });\n\n return {\n router: actor,\n agent\n };\n};\n\nexports.routerCanister = routerCanister;\nconst router = {};\nexports.router = router;\n\nrouter.setOptions = (canisterId, options) => {\n canisterId = canisterId || defaultRouter;\n let x = routerCanister(canisterId, options);\n\n for (let key in x.router) {\n router[key] = function () {\n return x.router[key](...arguments);\n };\n }\n};","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.canisterId = void 0;\nObject.defineProperty(exports, \"idlFactory\", {\n enumerable: true,\n get: function () {\n return _ledgerDid.idlFactory;\n }\n});\nexports.ledgerCanister = void 0;\n\nvar _agent = require(\"@dfinity/agent\");\n\nvar _ledgerDid = require(\"./declarations/ledger/ledger.did.js\");\n\n// Imports and re-exports candid interface\nconst canisterId = \"ryjl3-tyaaa-aaaaa-aaaba-cai\"; //process.env.NFT_CANISTER_ID;\n\nexports.canisterId = canisterId;\n\nconst ledgerCanister = options => {\n const agent = new _agent.HttpAgent({ ...(options ? options.agentOptions : {})\n }); // Fetch root key for certificate validation during development\n\n if (process.env.REACT_APP_LOCAL_BACKEND) {\n agent.fetchRootKey().catch(err => {\n console.warn(\"Unable to fetch root key. Check to ensure that your local replica is running\");\n console.error(err);\n });\n } // Creates an actor with using the candid interface and the HttpAgent\n\n\n return _agent.Actor.createActor(_ledgerDid.idlFactory, {\n agent,\n canisterId,\n ...(options ? options.actorOptions : {})\n });\n};\n\nexports.ledgerCanister = ledgerCanister;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.tokenUrl = exports.tokenToText = exports.tokenFromText = exports.tokenFromBlob = exports.principalToAccountIdentifier = exports.neuronStakeAccountIdentifier = exports.ipfsTokenUrl = exports.getSubAccountArray = exports.encodeTokenId = exports.encodeChunkId = exports.decodeTokenId = void 0;\n\nvar _getCrc = require(\"@dfinity/principal/lib/cjs/utils/getCrc\");\n\nvar _sha = require(\"@dfinity/principal/lib/cjs/utils/sha224\");\n\nvar _principal = require(\"@dfinity/principal\");\n\nvar _data = require(\"./data.js\");\n\nvar _principal2 = require(\"./principal.js\");\n\nvar _baseX = _interopRequireDefault(require(\"base-x\"));\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n//var token_base = basex(\"0123456789abcdefghijkmnopqrstuvwxyz\");\nvar token_base = (0, _baseX.default)(\"0123456789ABCDEFGHJKLMNPQRSTUVWXYZ\");\n\nconst neuronStakeAccountIdentifier = (p, s) => {\n const padding = [12, 110, 101, 117, 114, 111, 110, 45, 115, 116, 97, 107, 101]; // Buffer(\"\\x0Cneuron-stake\");\n\n const array = new Uint8Array([...padding, ..._principal.Principal.fromText(p).toUint8Array(), ...getSubAccountArray(s)]);\n const hash = (0, _sha.sha224)(array);\n const checksum = to32bits((0, _getCrc.getCrc32)(hash));\n const array2 = new Uint8Array([...checksum, ...hash]);\n return (0, _data.toHexString)(array2);\n};\n\nexports.neuronStakeAccountIdentifier = neuronStakeAccountIdentifier;\n\nconst principalToAccountIdentifier = (p, s) => {\n const padding = [10, 97, 99, 99, 111, 117, 110, 116, 45, 105, 100]; //Buffer(\"\\x0Aaccount-id\");\n\n const array = new Uint8Array([...padding, ..._principal.Principal.fromText(p).toUint8Array(), ...getSubAccountArray(s)]);\n const hash = (0, _sha.sha224)(array);\n const checksum = to32bits((0, _getCrc.getCrc32)(hash));\n const array2 = new Uint8Array([...checksum, ...hash]);\n return (0, _data.toHexString)(array2);\n};\n\nexports.principalToAccountIdentifier = principalToAccountIdentifier;\n\nconst getSubAccountArray = s => {\n if (Array.isArray(s)) {\n return s.concat(Array(32 - s.length).fill(0));\n } else {\n return Array(28).fill(0).concat(to32bits(s ? s : 0));\n }\n};\n\nexports.getSubAccountArray = getSubAccountArray;\n\nconst to32bits = num => {\n let b = new ArrayBuffer(4);\n new DataView(b).setUint32(0, num);\n return Array.from(new Uint8Array(b));\n};\n\nconst encodeTokenId = (slot, index) => {\n let t = Number(slot) << 16 | Number(index);\n return t;\n};\n\nexports.encodeTokenId = encodeTokenId;\n\nconst decodeTokenId = t => {\n t = Number(t);\n let slot = t >> 16;\n let index = t & 65535; // 16 bits\n\n return {\n slot,\n index\n };\n};\n\nexports.decodeTokenId = decodeTokenId;\n\nconst tokenToText = tid => {\n let p = new Uint8Array([...(0, _data.numberToBytesArray)((0, _getCrc.getCrc32)((0, _data.numberToBytesArray)(tid, 8)) & 65535, 2), ...(0, _data.numberToBytesArray)(tid, 8)]);\n return (\"NFTA\" + token_base.encode(p)).toLowerCase();\n};\n\nexports.tokenToText = tokenToText;\n\nconst tokenFromText = str => {\n str = str.toUpperCase();\n if (str.slice(0, 4) !== \"NFTA\") return null;\n let p = [...token_base.decode(str.slice(4))];\n let t = (0, _data.bytesArrayToNumber)(p.splice(-8)); // console.log(\n // str,\n // t,\n // decodeTokenId(t),\n // encodeTokenId(5, 1),\n // tokenToText(encodeTokenId(5, 1))\n // );\n\n return t;\n}; // console.log(\n// 4294967295,\n// tokenToText(4294967295),\n// tokenFromText(tokenToText(4294967295))\n// );\n// console.log(123, tokenToText(123), tokenFromText(tokenToText(123)));\n// export const encodeTokenId = (principal, index) => {\n// const padding = Buffer(\"\\x0Atid\");\n// const array = new Uint8Array([\n// ...padding,\n// ...Principal.fromText(principal).toUint8Array(),\n// ...to32bits(index),\n// ]);\n// return Principal.fromUint8Array(array).toText();\n// };\n\n\nexports.tokenFromText = tokenFromText;\n\nconst tokenFromBlob = b => {\n return _principal.Principal.fromUint8Array(b).toText();\n}; // export const decodeTokenId = (tid) => {\n// var p = [...Principal.fromText(tid).toUint8Array()];\n// var padding = p.splice(0, 4);\n// if (toHexString(padding) !== toHexString(Buffer(\"\\x0Atid\"))) {\n// return {\n// index: 0,\n// canister: tid,\n// token: encodeTokenId(tid, 0),\n// };\n// } else {\n// return {\n// index: from32bits(p.splice(-4)),\n// canister: Principal.fromUint8Array(p).toText(),\n// token: tid,\n// };\n// }\n// };\n\n\nexports.tokenFromBlob = tokenFromBlob;\n\nconst from32bits = ba => {\n var value;\n\n for (var i = 0; i < 4; i++) {\n value = value << 8 | ba[i];\n }\n\n return value;\n};\n\nconst bitShiftLeft = (x, l) => {\n return x << l >>> 0;\n};\n\nconst bitShiftRight = (x, l) => {\n return x >>> l;\n};\n\nconst bitUnsignedFix = x => {\n return x >>> 0;\n};\n\nconst encodeChunkId = (tokenIndex, chunkIndex, ctype) => {\n let r = bitUnsignedFix(bitShiftLeft(tokenIndex, 16) | bitUnsignedFix(bitShiftRight(chunkIndex & 255, 2) | ctype)); // 0 - content , 1 - thumb\n //console.log({ tokenIndex, chunkIndex, ctype }, r);\n\n return r;\n};\n\nexports.encodeChunkId = encodeChunkId;\n\nconst ipfsTokenUrl = cid => {\n return \"https://ipfs.io/ipfs/\" + cid;\n};\n\nexports.ipfsTokenUrl = ipfsTokenUrl;\n\nconst tokenUrl = (space, tid, type) => {\n let {\n index,\n slot\n } = decodeTokenId(tid);\n let canister = (0, _principal2.PrincipalFromSlot)(space, slot).toText();\n\n if (process.env.REACT_APP_LOCAL_BACKEND) {\n return \"http://\" + slot + \".lvh.me:8453/\" + encodeChunkId(index, 0, type === \"content\" ? 0 : 1).toString(16);\n } else {\n return \"https://\" + canister + \".raw.ic0.app/\" + encodeChunkId(index, 0, type === \"content\" ? 0 : 1).toString(16);\n }\n};\n\nexports.tokenUrl = tokenUrl;","/* global BigInt */\nimport React from \"react\";\nimport {\n Box,\n Spinner,\n Wrap,\n useColorModeValue,\n Center,\n Button,\n Stack,\n Flex,\n ButtonGroup,\n Spacer,\n HStack,\n} from \"@chakra-ui/react\";\nimport { useEffect, useState } from \"react\";\nimport { Principal } from \"@dfinity/principal\";\nimport { useTheme } from \"@chakra-ui/react\";\nimport { NFT } from \"./NFT\";\nimport itemgrid from \"../assets/itemgrid.png\";\nimport itemgrid_light from \"../assets/itemgrid_light.png\";\nimport { useWindowSize, useInterval } from \"react-use\";\nimport moment from \"moment\";\n\nimport {\n useAnvilSelector as useSelector,\n useAnvilDispatch as useDispatch,\n} from \"../index.js\";\nimport {\n loadInfo,\n loadHistory,\n tailHistory,\n loadNftHistory,\n} from \"../reducers/history\";\nimport styled from \"@emotion/styled\";\n\nimport {\n toHexString,\n bytesToBase58,\n} from \"@vvv-interactive/nftanvil-tools/cjs/data.js\";\nimport {\n tokenFromBlob,\n tokenToText,\n decodeTokenId,\n} from \"@vvv-interactive/nftanvil-tools/cjs/token.js\";\nimport {\n PrincipalFromSlot,\n PrincipalToIdx,\n PrincipalToSlot,\n} from \"@vvv-interactive/nftanvil-tools/cjs/principal.js\";\n\nimport * as AccountIdentifier from \"@vvv-interactive/nftanvil-tools/cjs/accountidentifier.js\";\nimport * as TransactionId from \"@vvv-interactive/nftanvil-tools/cjs/transactionid.js\";\n\nimport { TX, ACC, NFTA, HASH, PWR, ICP } from \"./Code\";\n\nimport { NFTLarge } from \"./NFT\";\n\nconst SHOW = 10; // max records shown on screen\nconst TAIL_INTERVAL = 1000; // every 1 sec\n\nexport const HistoryRedirect = () => {\n const [isLoading, setLoading] = useState(true);\n\n const dispatch = useDispatch();\n\n const load = async () => {\n setLoading(false);\n\n let { total, canister } = await dispatch(loadInfo());\n let from = total - SHOW;\n if (from <= 0) from = 0;\n let to = total;\n // dispatch(push(`/history/${canister}/${from}/${to}`));\n };\n\n useEffect(() => {\n load();\n }, [dispatch]);\n\n return (\n {title}
\n {message}
\n \n \n \n {AccountIdentifier.ArrayToText(val.address)}\n \n
\n );\n }\n\n if (key === \"spender\") {\n val = Principal.fromUint8Array(val._arr).toText();\n }\n\n if (key === \"amount\") {\n if (val.e8s) val = {val.share / 100 + \"%\"}
\n \n }\n />\n \n {val.amount} \n
\n {val.marketplace[0] ? (\n \n marketplace share{\" \"}\n {(val.marketplace[0].share / 100).toFixed(2)}% -\n \n {AccountIdentifier.ArrayToText(val.marketplace[0].address)}\n \n
\n ) : null}\n History canister: {canister}
\n From {from}
\n To {to}
\n Total {total}
\n \n
\n ),\n });\n }\n };\n\n return (\n <>\n \n\n Self-sacrificing error.
\n {msg}
\n \n
\n
\n {address ? (\n <>\n {\n dispatch(user_login());\n }}\n >\n Login\n \n )}\n
\n \n );\n}\n","import React, { useEffect, useRef, useState } from \"react\";\nimport {\n encodeTokenId,\n decodeTokenId,\n tokenUrl,\n ipfsTokenUrl,\n tokenToText,\n tokenFromText,\n} from \"@vvv-interactive/nftanvil-tools/cjs/token.js\";\nimport {\n useAnvilDispatch,\n useAnvilSelector,\n nft_fetch,\n nft_transfer,\n nft_set_price,\n nft_purchase,\n} from \"@vvv-interactive/nftanvil-react\";\nimport * as AccountIdentifier from \"@vvv-interactive/nftanvil-tools/cjs/accountidentifier.js\";\nimport {\n MARKETPLACE_AID,\n MARKETPLACE_SHARE,\n ANVIL_SHARE,\n AUTHOR_SHARE,\n} from \"../config.js\";\n\nimport { ButtonModal } from \"./Tools.js\";\nimport { msg } from \"../actions/purchase.js\";\nimport { toast } from \"react-toastify\";\nimport { itemQuality } from \"@vvv-interactive/nftanvil-tools/cjs/items.js\";\n\nexport function NftSingle({ id }) {\n const meta = useAnvilSelector((state) => state.nft[id]);\n\n const dispatch = useAnvilDispatch();\n\n useEffect(() => {\n dispatch(nft_fetch(id));\n }, [id, dispatch]);\n\n if (!meta) return null;\n\n let nft = [\n tokenFromText(id),\n meta.quality,\n meta.name,\n meta.lore,\n meta.attributes,\n meta.tags,\n ];\n\n return (\n \n
{\" \"}\n your address
\n {address}
\n \n {icp} ICP ({e8s} e8s)\n
\n \n ) : null}\n \n {address ? (\n
\n ) : (\n \n {\n dispatch(user_logout());\n }}\n >\n Logout\n \n \n {({ setVisibility }) => (\n \n
\n )}\n \n Transfer ICP
\n {working ? (\n Transferring...
\n ) : null}\n\n \n \n \n
\n \n \n \n
\n \n setVisibility(false)}\n >\n Cancel\n \n \n
\n \n ICP transfer fee 0.0001{\" \"}\n (10000 e8s)\n
\n \n
\n );\n}\n\nfunction NftTransfer({ id }) {\n const [working, setWorking] = useState(false);\n const addressInput = useRef(null);\n const dispatch = useAnvilDispatch();\n\n const sendNft = async () => {\n let toAddress = addressInput.current.value;\n\n console.log(\"id\", id, \"toAddress\", toAddress);\n\n setWorking(true);\n try {\n await dispatch(nft_transfer({ id, toAddress }));\n dispatch(msg(\"Transfer complete\"));\n } catch (e) {\n dispatch(msg(e.message, toast.TYPE.ERROR));\n }\n setWorking(false);\n\n addressInput.current.value = \"\";\n };\n\n return (\n \n
\n )}\n Transfer NFT
\n {working ? (\n Transferring...
\n ) : null}\n\n \n \n \n
\n \n \n sendNft().then(() => setVisibility(false))}\n >\n Send\n \n
\n \n
\n
\n )}\n \n );\n}\n\nfunction NftBuy({ className, refreshMine, id, price }) {\n const [working, setWorking] = useState(false);\n\n const [confirm, setConfirm] = React.useState(false);\n const dispatch = useAnvilDispatch();\n\n const onBuy = async () => {\n let amount = price;\n setWorking(true);\n\n try {\n await dispatch(nft_purchase({ id, amount }));\n dispatch(msg(\"Purchase complete\"));\n } catch (e) {\n dispatch(msg(e.message, toast.TYPE.ERROR));\n }\n setWorking(false);\n };\n\n if (!price) return null;\n return (\n <>\n {working ? (\n Sell NFT
\n {working ? (\n Setting price...
\n ) : null}\n\n \n \n \n
\n \n removeSaleNft().then(() => setVisibility(false))}\n >\n Don't sell\n \n \n sellNft().then(() => setVisibility(false))}\n >\n Set\n \n
\n \n
+0.5% protocol fee
\n +1.0% author royalty
\n Buying...
\n ) : (\n <>\n {confirm ? (\n \n confirm\n
\n ) : null}\n \n
\n );\n}\n","/* global BigInt */\n\nimport React, { useEffect, useState, useRef } from \"react\";\nimport {\n encodeTokenId,\n decodeTokenId,\n tokenUrl,\n ipfsTokenUrl,\n tokenToText,\n tokenFromText,\n} from \"@vvv-interactive/nftanvil-tools/cjs/token.js\";\nimport {\n useAnvilDispatch,\n useAnvilSelector,\n user_login,\n user_logout,\n nft_fetch,\n} from \"@vvv-interactive/nftanvil-react\";\nimport { NftThumb } from \"./Nft\";\nimport {\n HStack,\n Center,\n Flex,\n Box,\n Select,\n Checkbox,\n Switch,\n} from \"@chakra-ui/react\";\nimport * as AccountIdentifier from \"@vvv-interactive/nftanvil-tools/cjs/accountidentifier.js\";\n\nimport { itemQuality } from \"@vvv-interactive/nftanvil-tools/cjs/items.js\";\n\nconst ATTR = [\"luck\", \"attack\", \"defense\", \"airdrops\", \"harvest\"];\n\nfunction standardDeviation(numArray) {\n const mean = numArray.reduce((s, n) => s + n[6], 0) / numArray.length;\n const variance =\n numArray.reduce((s, n) => s + (n[6] - mean) ** 2, 0) /\n (numArray.length - 1);\n const std = Math.sqrt(variance);\n\n return { mean, variance, std };\n}\n\nexport function Collection({ nfts, mine, only, prices }) {\n const actionsRef = useRef(null);\n\n const [page, setPage] = React.useState(0);\n const [filterQuality, setFilterQuality] = React.useState(6);\n const [sortBy, setSortBy] = React.useState(\"priceasc\");\n const [showMine, setShowMine] = React.useState(false);\n\n let nftcut = showMine\n ? nfts.filter((x) => {\n return mine.indexOf(x[0]) !== -1;\n })\n : nfts;\n\n let filtered = nftcut.filter((x) => {\n if (filterQuality <= 0) return true;\n return x[1] == filterQuality;\n });\n\n let priced = filtered\n .map((x) => {\n let pr = prices[x[0]][1];\n if (sortBy === \"priceasc\" && !pr) return false;\n if (sortBy === \"pricedesc\" && !pr) return false;\n return [...x, pr];\n })\n .filter(Boolean);\n\n let price_min = false;\n let price_max = false;\n\n let sorted = !sortBy\n ? priced\n : priced.sort((a, b) => {\n if (sortBy === \"priceasc\") return a[6] - b[6];\n if (sortBy === \"pricedesc\") return b[6] - a[6];\n\n let q = a[4] ? a[4].find((z) => z[0] === sortBy) : false;\n q = q ? q[1] : 0;\n\n let m = b[4] ? b[4].find((z) => z[0] === sortBy) : false;\n m = m ? m[1] : 0;\n\n return m - q;\n });\n\n sorted.forEach((x) => {\n if (!x[6]) return;\n if (price_min === false || x[6] < price_min) price_min = x[6];\n if (price_max === false || x[6] > price_max) price_max = x[6];\n });\n\n const { mean, std } = standardDeviation(sorted.filter((x) => x[6] !== 0));\n\n let slice = sorted.slice(page * 30, (page + 1) * 30);\n const pagination = (\n \n 
\n
\n \n
\n {!attributes.length ? null : (\n \n {name}\n
\n {qa.label}
\n {lore}
\n {is_mine ? (\n \n
\n ) : (\n \n
\n )}\n \n {attributes.map((attr, idx) => (\n
\n )}\n \n {attr[0]}{\" \"}\n +{attr[1]}\n
\n ))}\n \n {\n setPage(page - 1);\n actionsRef.current.scrollIntoView();\n }}\n >\n Prev\n \n {\n setPage(page + 1);\n actionsRef.current.scrollIntoView();\n }}\n >\n Next\n \n
\n );\n\n const filters = (\n \n \n \n \n {\n setFilterQuality(e.target.value);\n setPage(0);\n }}\n defaultValue={filterQuality}\n >\n {itemQuality.dark.map(({ label, color }, idx) => (\n \n ))}\n \n \n \n {\n setSortBy(e.target.value);\n setPage(0);\n }}\n defaultValue=\"priceasc\"\n >\n \n \n \n {ATTR.map((att, idx) => (\n \n ))}\n \n \n \n {\n setShowMine(!showMine);\n }}\n >\n Owned\n \n \n \n \n
\n );\n\n return (\n <>\n {filters}\n \n Items: {filtered.length}\n {price_min !== false && price_max !== false && mean && std ? (\n <>\n Floor: {AccountIdentifier.e8sToIcp(price_min)} ICP\n\n \n Std low:\n {AccountIdentifier.e8sToIcp(BigInt(Math.round(mean - std)))} ICP\n \n \n Mean: {AccountIdentifier.e8sToIcp(BigInt(Math.round(mean)))} ICP\n \n \n Std high:\n {AccountIdentifier.e8sToIcp(BigInt(Math.round(mean + std)))} ICP\n \n \n ) : null}\n
\n {pagination}\n \n {slice.map((nft, idx) => {\n return (\n
\n {pagination}\n \n );\n}\n","export const idlFactory = ({ IDL }) => {\n const AccountIdentifier = IDL.Vec(IDL.Nat8);\n const SubAccount = IDL.Vec(IDL.Nat8);\n const TokenIdentifier = IDL.Nat64;\n const Result_4 = IDL.Variant({ 'ok' : IDL.Null, 'err' : IDL.Text });\n const Balance = IDL.Nat64;\n const Result_3 = IDL.Variant({ 'ok' : Balance, 'err' : IDL.Text });\n const Result_2 = IDL.Variant({ 'ok' : IDL.Vec(IDL.Nat8), 'err' : IDL.Text });\n const AccountRecordSerialized = IDL.Record({\n 'tokens' : IDL.Vec(TokenIdentifier),\n });\n const Result_1 = IDL.Variant({\n 'ok' : AccountRecordSerialized,\n 'err' : IDL.Text,\n });\n const TransactionId = IDL.Vec(IDL.Nat8);\n const Basket = IDL.Vec(IDL.Opt(TokenIdentifier));\n const Result = IDL.Variant({ 'ok' : Basket, 'err' : IDL.Text });\n const Class = IDL.Service({\n 'claim' : IDL.Func(\n [AccountIdentifier, IDL.Opt(SubAccount), TokenIdentifier],\n [Result_4],\n [],\n ),\n 'get_script_address' : IDL.Func([], [IDL.Text], ['query']),\n 'icp_balance' : IDL.Func([], [Result_3], []),\n 'icp_transfer' : IDL.Func([AccountIdentifier, Balance], [Result_2], []),\n 'init_inventory' : IDL.Func([IDL.Nat], [], []),\n 'init_random' : IDL.Func([], [], []),\n 'owned' : IDL.Func([AccountIdentifier], [Result_1], ['query']),\n 'stats' : IDL.Func(\n [],\n [\n IDL.Record({\n 'total' : IDL.Nat,\n 'added' : IDL.Nat,\n 'available' : IDL.Nat,\n }),\n ],\n ['query'],\n ),\n 'use_tx' : IDL.Func([TransactionId, IDL.Opt(SubAccount)], [Result], []),\n });\n return Class;\n};\nexport const init = ({ IDL }) => { return []; };\n","import { Actor, HttpAgent } from \"@dfinity/agent\";\n\n// Imports and re-exports candid interface\nimport { idlFactory } from \"./usewin/usewin.did.js\";\nexport { idlFactory } from \"./usewin/usewin.did.js\";\n// CANISTER_ID is replaced by webpack based on node environment\nexport const canisterId = process.env.REACT_APP_USEWIN_CANISTER_ID;\nconsole.log(\"REACT_APP_USEWIN_CANISTER_ID\", canisterId);\n/**\n *\n * @param {string | import(\"@dfinity/principal\").Principal} canisterId Canister ID of Agent\n * @param {{agentOptions?: import(\"@dfinity/agent\").HttpAgentOptions; actorOptions?: import(\"@dfinity/agent\").ActorConfig}} [options]\n * @return {import(\"@dfinity/agent\").ActorSubclass\n
\n );\n}\n\nfunction BuyButton({ price, className, refreshMine, onBuy }) {\n const [confirm, setConfirm] = React.useState(false);\n const dispatch = useAnvilDispatch();\n\n return (\n \n
\n Congratulations!
\n You just got {ids.length} NFTs
\n \n \n
\n \n {nftcut.map((nft, idx) => {\n return
\n \n \n
\n \n {confirm ? (\n {\n if (!confirm) setConfirm(true);\n else {\n setConfirm(false);\n await onBuy(price);\n }\n }}\n >\n {confirm ? \"Yes\" : \"Buy Now\"}\n \n {confirm ? (\n {\n setConfirm(false);\n }}\n >\n No\n \n ) : null}\n
\n );\n}\n\nexport function PriceOptions({ refreshMine }) {\n const dispatch = useAnvilDispatch();\n const [working, setWorking] = React.useState(false);\n const [basket, setBasket] = React.useState(false);\n const codeInput = useRef(null);\n const logged = useAnvilSelector((state) => state.user.address);\n\n const price_1 = 29940120;\n const price_2 = 479041916;\n const price_3 = 134730539;\n\n const showPrice = (x) => {\n let p = (Math.round(AccountIdentifier.e8sToIcp(x) * 100) / 100)\n .toString()\n .split(/[\\.\\,]/);\n\n return (\n \n {p[0]}\n .{p[1]} ICP\n \n );\n };\n\n const onBuy = async (price) => {\n setWorking(true);\n let basket = false;\n try {\n basket = await dispatch(buy(price));\n } catch (e) {\n dispatch(msg(e.message));\n setWorking(false);\n return;\n }\n\n setBasket(basket);\n setWorking(false);\n\n dispatch(user_refresh_balances());\n await dispatch(claim());\n refreshMine();\n };\n\n const onAirdrop = async (code) => {\n setWorking(true);\n let basket = false;\n try {\n basket = await dispatch(airdrop_use(code));\n } catch (e) {\n dispatch(msg(e.message));\n setWorking(false);\n return;\n }\n\n setBasket(basket);\n setWorking(false);\n\n dispatch(user_refresh_balances());\n await dispatch(claim());\n refreshMine();\n };\n\n return (\n \n confirm\n
\n ) : null}\n \n {/* {SOLDOUT ? \n {working ?
\n\n Sold out!
: null}\n \n \n
\n\n Shot
\n {showPrice(price_1)}
\n \n
\n 1 NFT
\n BFF
\n {showPrice(price_2)}
\n \n
\n\n 20 NFTs
\n 20% discount
\n Splash
\n {showPrice(price_3)}
\n \n
\n 5 NFTs
\n 10% discount
\n \n \n {({ setVisibility }) => (\n \n
\n {basket\n ? ReactDOM.createPortal(\n \n
\n )}\n Use airdrop code
\n \n \n \n
\n\n \n \n {\n setVisibility(false);\n onAirdrop(codeInput.current.value.trim());\n codeInput.current.value = \"\";\n }}\n >\n Use\n \n
\n \n
\n );\n}\nexport function Spinner() {\n return (\n \n \n \n \n \n
\n );\n}\n\nexport function ProgressBar() {\n const [st, setStats] = React.useState(false);\n const [count, setCount] = useState(0);\n\n const dispatch = useAnvilDispatch();\n const load = async () => {\n setStats(await dispatch(stats()));\n };\n\n useEffect(() => {\n load();\n const interval = setInterval(() => {\n load();\n setCount(count + 1);\n }, 5000);\n return () => clearInterval(interval);\n }, [count, dispatch]);\n\n if (!st) return null;\n\n let available = Math.min(Number(st.available), Number(st.purchase));\n let total = Number(st.total);\n\n let airdrop = Number(st.airdrop);\n // let purchase = Number(st.purchase);\n const perc = ((total - available) / total) * 100;\n //console.log(perc);\n return (\n <>\n \n \n
\n \n {total} total | {available} left\n
\n \n );\n}\n","import React, { useEffect, useState, useRef } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport {\n useAnvilSelector,\n useAnvilDispatch,\n user_refresh_balances,\n nft_transfer,\n} from \"@vvv-interactive/nftanvil-react\";\nimport { NftSingle } from \"./Nft\";\n\nimport { buy, claim, get_mine, stats, usewin, msg } from \"../actions/usewin\";\nimport * as AccountIdentifier from \"@vvv-interactive/nftanvil-tools/cjs/accountidentifier.js\";\nimport Confetti from \"./Confetti.js\";\nimport { ButtonModal } from \"./Tools.js\";\nimport nfts from \"../nfts.json\";\nimport { Button, Center, Box, Text } from \"@chakra-ui/react\";\nimport {\n encodeTokenId,\n decodeTokenId,\n tokenUrl,\n ipfsTokenUrl,\n tokenToText,\n tokenFromText,\n} from \"@vvv-interactive/nftanvil-tools/cjs/token.js\";\n\nfunction Basket({ ids, onClose }) {\n return (\n \n
\n );\n}\n\nfunction BuyButton({ price, className, refreshMine, onBuy }) {\n const [confirm, setConfirm] = React.useState(false);\n const dispatch = useAnvilDispatch();\n\n return (\n \n
\n Congratulations!
\n You win
\n {ids.length > 3 ? (\n \n \n
\n ) : null}\n \n {ids.map((id, idx) => {\n return
\n \n \n
\n \n {confirm ? (\n {\n if (!confirm) setConfirm(true);\n else {\n setConfirm(false);\n await onBuy(price);\n }\n }}\n >\n {confirm ? \"Yes\" : \"Buy Now\"}\n \n {confirm ? (\n {\n setConfirm(false);\n }}\n >\n No\n \n ) : null}\n
\n );\n}\n\nexport function UseWinGame({ refreshMine, nfts }) {\n const dispatch = useAnvilDispatch();\n const [working, setWorking] = React.useState(false);\n const [basket, setBasket] = React.useState(false); // tokenFromText(\"nftaad6cgztcvnra0tkp\"),\n const logged = useAnvilSelector((state) => state.user.address);\n const [log, setLog] = React.useState([]); // tokenFromText(\"nftaad6cgztcvnra0tkp\"),\n\n const onUse = async (price) => {\n setWorking(true);\n\n let allmine = await dispatch(get_mine());\n let mine = nfts\n .filter(([id]) => {\n return allmine.indexOf(id) !== -1;\n })\n .map((x) => x[0]);\n\n // FOR TESTING PURPOSES\n // let notmine = allmine.filter((id) => {\n // return mine.indexOf(id) == -1;\n // });\n\n // for (let n of notmine) {\n // await dispatch(\n // nft_transfer({\n // id: tokenToText(n),\n // toAddress:\n // \"c680df5bf386a6244478823794c2027d914bb61a8a372decf8ea7e156c2cb4b1\",\n // })\n // );\n // }\n\n let basket = false;\n let tmplog = [];\n const logme = (a) => {\n tmplog.push(a);\n setLog(tmplog);\n };\n logme(\"You have \" + mine.length + \" fighters\");\n for (let id of mine) {\n let data = nfts.find((x) => x[0] === id);\n let name = data[2];\n try {\n logme(\"'\" + name + \"' attacks the mighty boss...\");\n basket = await dispatch(usewin({ id: tokenToText(id) }));\n if (!basket || !basket.length) logme(\"'\" + name + \"' fails\");\n else logme(\"'\" + name + \"' wins!\");\n } catch (e) {\n console.log(e);\n if (e.message === \"cooldown\") {\n logme(\"'\" + name + \"' is cooling down and can't fight\");\n } else {\n dispatch(msg(JSON.stringify(e.message)));\n }\n }\n\n if (basket.length) {\n setBasket(basket);\n await dispatch(claim());\n }\n }\n setWorking(false);\n\n dispatch(user_refresh_balances());\n await dispatch(claim());\n refreshMine();\n };\n\n return (\n \n confirm\n
\n ) : null}\n \n \n \n \n This is just a little silly game for you to play with while we are\n developing the real thing. A{\" \"}\n \n smart contract\n {\" \"}\n is loaded with{\" \"}\n \n NFT loot\n \n . You can fight for a piece of it with your Bad Bot Ninja army once\n every 7 days.\n \n \n \n \n Boss fight\n \n \n \n\n \n \n {log.map((x, idx) => (\n {x} \n ))}\n \n \n {basket\n ? ReactDOM.createPortal(\n {\n setBasket(false);\n }}\n />,\n document.body\n )\n : null}\n
\n );\n}\n\nexport function CenterSpinner() {\n return (\n \n
\n );\n}\n\nexport function Spinner() {\n return (\n \n \n \n \n \n
\n );\n}\n","export default __webpack_public_path__ + \"static/media/bbn_logo.35972ac3.png\";","export default __webpack_public_path__ + \"static/media/logo.6ce24c58.svg\";","import React, { useEffect, useState, useRef } from \"react\";\nimport {\n encodeTokenId,\n decodeTokenId,\n tokenUrl,\n ipfsTokenUrl,\n tokenToText,\n tokenFromText,\n} from \"@vvv-interactive/nftanvil-tools/cjs/token.js\";\nimport { PrincipalToIdx } from \"@vvv-interactive/nftanvil-tools/cjs/principal.js\";\nimport { nft_enter_code } from \"@vvv-interactive/nftanvil-react/cjs/reducers/nft\";\nimport {\n useAnvilDispatch,\n useAnvilSelector,\n user_login,\n user_logout,\n nft_fetch,\n user_pwr_transfer,\n user_refresh_balances,\n TestAnvilComponent,\n} from \"@vvv-interactive/nftanvil-react\";\nimport { Inventory } from \"@vvv-interactive/nftanvil-react/cjs/components/Inventory\";\nimport {\n NFTPage,\n NFTClaim,\n} from \"@vvv-interactive/nftanvil-react/cjs/components/NFT\";\nimport { UseButton } from \"./components/Ticket.js\";\n\nimport { User } from \"./components/User\";\nimport { Collection } from \"./components/Collection\";\nimport * as TransactionId from \"@vvv-interactive/nftanvil-tools/cjs/transactionid.js\";\nimport { principalToAccountIdentifier } from \"@vvv-interactive/nftanvil-tools/cjs/token.js\";\nimport { Principal } from \"@dfinity/principal\";\n\nimport authentication from \"@vvv-interactive/nftanvil-react/cjs/auth.js\";\nimport {\n claim as claimUsewin,\n unprocessed_tx as unprocessed_txUsewin,\n} from \"./actions/usewin\";\nimport {\n buy,\n claim,\n get_mine,\n airdrop_use,\n stats,\n unprocessed_tx,\n} from \"./actions/purchase\";\nimport { ButtonModal } from \"./components/Tools.js\";\nimport { PriceOptions, ProgressBar } from \"./components/Ito.js\";\nimport { UseWinGame } from \"./components/Usewin.js\";\nimport { ToastContainer } from \"react-toastify\";\nimport {\n Link,\n NavLink,\n BrowserRouter,\n Routes,\n Route,\n useNavigate,\n useParams,\n} from \"react-router-dom\";\nimport \"react-toastify/dist/ReactToastify.css\";\nimport {\n Box,\n Button,\n ButtonGroup,\n Center,\n useColorMode,\n Wrap,\n} from \"@chakra-ui/react\";\nimport logo from \"./logo.svg\";\nimport bbn_logo from \"./assets/bbn_logo.png\";\n\nimport nfts from \"./nfts.json\";\nimport \"./App.css\";\n\nconst START = 1651089600; //Date.now() / 1000 + 30;\n\nconst getShuffledArr = (arr) => {\n const newArr = arr.slice();\n for (let i = newArr.length - 1; i > 0; i--) {\n const rand = Math.floor(Math.random() * (i + 1));\n [newArr[i], newArr[rand]] = [newArr[rand], newArr[i]];\n }\n return newArr;\n};\n\nlet r_nfts = getShuffledArr(nfts);\n\nfunction About() {\n return (\n \n
\n
\n
\n );\n}\n\nfunction Timer({ children }) {\n const [count, setCount] = useState(0);\n const [time, setTime] = useState(\"\");\n const [open, setOpen] = useState(false);\n\n const dispatch = useAnvilDispatch();\n\n const load = async () => {\n let duration = START - Math.round(Date.now() / 1000);\n let days = Math.floor(duration / (60 * 60 * 24));\n let hours = Math.floor((duration - days * (60 * 60 * 24)) / (60 * 60));\n let min = Math.floor(\n (duration - days * (60 * 60 * 24) - hours * (60 * 60)) / 60\n );\n let sec = Math.floor(\n duration - days * (60 * 60 * 24) - hours * (60 * 60) - min * 60\n );\n\n if (duration <= 0) {\n setOpen(true);\n setTime(\"\");\n } else\n setTime(\n days +\n \" days \" +\n hours +\n \" hours \" +\n min +\n \" minutes \" +\n sec +\n \"seconds until start\"\n );\n };\n\n useEffect(() => {\n load();\n const interval = setInterval(() => {\n load();\n setCount(count + 1);\n }, 1000);\n return () => clearInterval(interval);\n }, [count, dispatch]);\n\n return (\n Welcome to badbot.ninja!
\n\n Badbot Ninja is an open-source web3 dapp on the Internet Computer\n demonstrating how easy it is for developers to build their own NFT use\n cases with the Anvil protocol.\n
\n\n Badbot Ninja metaverse apparel is our first showcase project, an NFT\n series with collectibility and accessibility in mind. We are starting\n with a 10k collection of helmets and will expand to include wearable\n NFTs for other character slots like chest, legs, hands, etc. In the\n future, we will be working on adding the functionality for crafting and\n enchanting items, along with avatar customization, to be applied in our\n metaverse space, Zraham City. We will be developing our own\n blockchain-based game engine so that Zraham City and its impeccably\n attired citizens can congregate and explore a dynamic digital arena.\n
\n\n What you see here is a collection of 10k AI-generated helmet NFTs—each\n one is unique with its own name, description, and attributes, some are\n rarer than others. 5k of our inaugural set is available for purchase, 4k\n are allocated for airdrops, and 1k out of the NFT collection is left for\n the developer team. Every asset here is set up securely with smart\n contracts running on the ICP blockchain, meaning everyone has a fair\n chance of receiving truly randomized NFTs, even us!\n
\n\n Because AIs are mysterious and no one knows exactly how they think, some\n NFTs might be strange. However, don’t worry if the AI selects a strange\n helmet for you! In the future, we will add the ability to disenchant\n your NFT into raw materials such as crystals, metals, and other supplies\n that you can use to craft new items in Zraham City.\n
\nTry out our Dapp and have fun!
\n\n Some useful links:\n
\n \n NFT Anvil\n {\" \"}\n
\n \n Anvil protocol docs\n \n
\n
\n
\n
\n Update: Sold out for 19 hours and price per NFT was ~0.3ICP.\n Marketplace is now available.\n
\n \n
\n
\n\n
\n \n Update: Additional information about items and their utility\n
\n\n Qualities: Artifacts - 44 | Legendary - 199 | Epic - 412 | Rare\n - 1334 | Uncommon - 2015 | Common - 5996\n
\n\n\n Attributes:\n
\n\n +luck | Benefits playing games of chance. Also affects the combat\n system.\n
\n+attack | Increases your damage.
\n+defence | Reduces damage taken.
\n\n +airdrops | Increases your chance to get drops from events and looting\n
\n\n +harvest | Benefits gathering of resources from mining, disenchanting\n and similar.\n
\n\n
\n The higher the quality, the better materials it will disenchant to.\n The materials will be fungible tokens and will be used to craft\n special items with a given blueprint.\n
\n\n\n
\n Zraham city is a long term project which will combine all technologies\n we work on. Unity world + Internet Computer + Anvil protocol +\n Kontribute lore + Smart contract game engine. Based on quality and\n provable randomness some items will get usable effects added to them.\n These effects (with cooldown) will interact with the world and with\n roleplayers.\n
\n\n
\n Badbot.ninja will keep on releasing new item collections with the same\n airdrop/sale ratio to increase brand awareness. Next Wednesday 11 May\n - To demonstrate how \"crypto nft use on cooldown\" works, we will mint\n limited artwork - 50 Blacksmith posters, place them inside a smart\n contract and allow item holders to attempt to win them. Airdrop & luck\n attributes will be used along with randomness.\n
\n\n\n Badbot.ninja proceeds are gathered in a pool which will support\n Zraham's builders.\n
\n\n {time}\n
\n );\n}\n\nfunction App() {\n const loaded = useAnvilSelector((state) => state.user.map.history);\n const logged = useAnvilSelector((state) => state.user.address);\n const { colorMode, toggleColorMode } = useColorMode();\n\n const [count, setCount] = useState(0);\n const [prices, setPrices] = useState(false);\n\n const dispatch = useAnvilDispatch();\n const [mine, setMine] = React.useState([]);\n\n const load = async () => {\n setMine(await dispatch(get_mine()));\n };\n\n const getPrices = async () => {\n let x = await fetch(\n \"https://nftpkg.com/api/v1/prices/a004f41ea1a46f5b7e9e9639fbed84e037d9ce66b75d392d2c1640bb7a559cda\"\n ).then((x) => x.json());\n let r = {};\n for (let a of x) {\n r[a[0]] = [a[1], a[2]]; // + Math.floor(Math.random() * 1000000)\n }\n setPrices(r);\n };\n\n useEffect(() => {\n getPrices();\n const interval = setInterval(() => {\n load();\n getPrices(count + 1);\n }, 3000);\n return () => clearInterval(interval);\n }, [count, dispatch]);\n\n const unprocessed = async () => {\n // Unprocessed transactions are stored and this will try to use them in case user quit in the middle of it\n for (let j = 0; j < 10; j++) {\n let re = await dispatch(unprocessed_tx());\n\n if (re === false) break;\n }\n load();\n };\n\n const unprocessedUsewin = async () => {\n // Unprocessed transactions are stored and this will try to use them in case user quit in the middle of it\n for (let j = 0; j < 10; j++) {\n let re = await dispatch(unprocessed_txUsewin());\n\n if (re === false) break;\n }\n load();\n };\n\n useEffect(() => {\n if (colorMode === \"light\") toggleColorMode();\n if (loaded && logged) {\n dispatch(claim()).catch((e) => {});\n dispatch(claimUsewin()).catch((e) => {});\n\n // in case something went wrong, on refresh this will claim purchased nfts\n load();\n unprocessed();\n unprocessedUsewin();\n }\n }, [loaded, logged, dispatch]);\n\n if (!loaded) return null;\n if (!prices) return null;\n return (\n {children}
\n \n 
\n \n \n\n
\n );\n}\n\nfunction NFTPageWrapper() {\n let { id, code } = useParams();\n return (\n Bad Bot Ninja
\n\n
\n
*/}\n
fun component sweet 123 123 123
;\n};\n\nimport { InventoryLarge } from \"./components/Inventory.js\";\nexport { InventoryLarge };\nimport {\n Provider,\n createStoreHook,\n createDispatchHook,\n createSelectorHook,\n} from \"react-redux\";\n\nconst MyContext = React.createContext(null);\n\n// Export your custom hooks if you wish to use them in other files.\nexport const useAnvilStore = createStoreHook(MyContext);\nexport const useAnvilDispatch = createDispatchHook(MyContext);\nexport const useAnvilSelector = createSelectorHook(MyContext);\n\nconst myStore = configureStore({\n // devTools: { name: \"Anvil\" },\n reducer: {\n user: userReducer,\n nft: nftReducer,\n inventory: inventoryReducer,\n },\n devTools: process.env.NODE_ENV !== \"production\",\n});\n\nexport function AnvilProvider({ children }) {\n return (\n