{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","import { createSlice } from \"@reduxjs/toolkit\";\nimport { AuthClient } from \"@dfinity/auth-client\";\nimport { router } from \"@vvv-interactive/nftanvil-canisters/cjs/router.js\";\nimport { ledger } from \"@vvv-interactive/nftanvil-canisters/cjs/ledger.js\";\nimport Cookies from \"js-cookie\";\nimport { ledgerCanister } from \"@vvv-interactive/nftanvil-canisters/cjs/ledger.js\";\n//import { treasuryCanister } from \"@vvv-interactive/nftanvil-canisters/cjs/treasury.js\";\nimport { pwrCanister } from \"@vvv-interactive/nftanvil-canisters/cjs/pwr.js\";\n\nimport authentication from \"../auth\";\n\nimport {\n principalToAccountIdentifier,\n getSubAccountArray,\n} from \"@vvv-interactive/nftanvil-tools/cjs/token.js\";\n\nimport { BigIntToString } from \"@vvv-interactive/nftanvil-tools/cjs/data.js\";\nimport { Principal } from \"@dfinity/principal\";\n\nimport * as AccountIdentifier from \"@vvv-interactive/nftanvil-tools/cjs/accountidentifier.js\";\nimport { PrincipalFromSlot } from \"@vvv-interactive/nftanvil-tools/cjs/principal.js\";\nimport { toast } from \"react-toastify\";\nimport * as TransactionId from \"@vvv-interactive/nftanvil-tools/cjs/transactionid.js\";\nimport {\n TransactionToast,\n TransactionFailed,\n} from \"../components/TransactionToast\";\nimport { mapValues } from \"lodash\";\n\nconst initialState = {\n address: null,\n subaccount: null,\n principal: null,\n anonymous: true,\n focused: true,\n icp: \"0\",\n anv: \"0\",\n map: {},\n acccan: \"\",\n oracle: {\n icpCycles: \"160000\",\n icpFee: \"10000\",\n pwrFee: \"10000\",\n anvFee: \"10000\",\n },\n pro: false,\n modal_nftstorage: false,\n key_nftstorage: null,\n disclaimer: true,\n};\n\nexport const userSlice = createSlice({\n name: \"user\",\n initialState,\n reducers: {\n resetReducer: () => initialState,\n balancesSet: (state, action) => {\n return {\n ...state,\n icp: action.payload.icp,\n anv: action.payload.anv,\n oracle: action.payload.oracle,\n };\n },\n focusSet: (state, action) => {\n return { ...state, focused: action.payload };\n },\n proSet: (state, action) => {\n return {\n ...state,\n pro: action.payload,\n };\n },\n\n authSet: (state, action) => {\n const { address, subaccount, principal, anonymous, map, acccan } =\n action.payload;\n return {\n ...state,\n address,\n principal,\n anonymous,\n subaccount,\n ...(map ? { map, acccan } : {}),\n };\n },\n mapSet: (state, action) => {\n return {\n ...state,\n map: action.payload,\n };\n },\n setNftStorageModal: (state, action) => {\n return {\n ...state,\n modal_nftstorage: action.payload,\n };\n },\n setNftSotrageKey: (state, action) => {\n return {\n ...state,\n key_nftstorage: action.payload,\n };\n },\n setDisclaimer: (state, action) => {\n return {\n ...state,\n disclaimer: action.payload,\n };\n },\n },\n});\n\n// Action creators are generated for each case reducer function\nexport const {\n resetReducer,\n proSet,\n authSet,\n balancesSet,\n setNftStorageModal,\n setNftSotrageKey,\n focusSet,\n mapSet,\n setDisclaimer,\n} = userSlice.actions;\n\nexport const proModeSet = (v) => (dispatch) => {\n dispatch(proSet(v));\n window.localStorage.setItem(\"pro\", v);\n};\n\nexport const login = () => (dispatch) => {\n dispatch(auth(false));\n};\n\nexport const hw_auth = () => async (dispatch, getState) => {\n authentication.requestHardwareAuth();\n};\n\nexport const auth =\n (allowAnonymous = true) =>\n async (dispatch, getState) => {\n await authentication.create();\n let authClient = authentication.client;\n\n if (!allowAnonymous && !(await authClient.isAuthenticated())) {\n await new Promise(async (resolve, reject) => {\n authClient.login({\n //maxTimeToLive: 10000000000n,\n ...(process.env.REACT_APP_IDENTITY_PROVIDER\n ? { identityProvider: process.env.REACT_APP_IDENTITY_PROVIDER }\n : {}),\n onSuccess: async (e) => {\n resolve();\n },\n onError: reject,\n });\n });\n }\n\n const identity = await authClient.getIdentity();\n\n let principal = identity.getPrincipal().toString();\n let anonymous = !(await authClient.isAuthenticated());\n let address, subaccount;\n if (!anonymous) {\n principalToAccountIdentifier(principal).toUpperCase();\n }\n\n for (let i = 0; i < 100000; i++) {\n let c = principalToAccountIdentifier(principal, i);\n\n if (c.substring(0, 3) === \"a00\") {\n address = c;\n subaccount = AccountIdentifier.ArrayToText(getSubAccountArray(i));\n //console.log(subaccount);\n\n break;\n }\n }\n\n dispatch(loadNftStorageKey());\n dispatch(loadDisclaimer());\n\n console.log(\"ROUTER\", process.env.REACT_APP_ROUTER_CANISTER_ID);\n\n let pro = window.localStorage.getItem(\"pro\") == \"true\";\n if (pro) dispatch(proSet(true));\n\n router.setOptions(process.env.REACT_APP_ROUTER_CANISTER_ID, {\n agentOptions: await authentication.getAgentOptions(),\n });\n\n let map = await router.config_get();\n\n map.router = map.router.toString();\n map = BigIntToString(map);\n\n console.log(\"ROUTER MAP\", map);\n\n // map.space = map.space.map((x) => {\n // return [x[0].toString(), x[1].toString()];\n // });\n\n if (process.env.REACT_APP_LOCAL_BACKEND) {\n console.log(\n \"Proxy command:\\n icx-proxy --address 127.0.0.1:8453 --dns-alias \" +\n map.nft_avail\n .map(\n (slot) =>\n `${slot}.lvh.me:${PrincipalFromSlot(map.space, slot).toText()}`\n )\n .join(\" \")\n );\n }\n\n let acccan = address\n ? PrincipalFromSlot(\n map.space,\n AccountIdentifier.TextToSlot(address, map.account)\n ).toText()\n : null;\n\n dispatch(\n authSet({ address, subaccount, principal, anonymous, map, acccan })\n );\n dispatch(refresh_balances());\n };\n\nexport const refresh_config = () => async (dispatch, getState) => {\n let map = await router.config_get();\n map = BigIntToString(map);\n console.log(\"ROUTER MAP\", map);\n dispatch(mapSet(map));\n};\n\nexport const refresh_balances = () => async (dispatch, getState) => {\n if (!authentication || !authentication.client) return;\n if (!(await authentication.client.isAuthenticated())) return;\n await dispatch(refresh_icp_balance());\n if (!(await authentication.client.isAuthenticated())) return;\n dispatch(refresh_pwr_balance());\n\n // dispatch(claim_treasury_balance());\n};\n\nexport const loadDisclaimer = () => async (dispatch, getState) => {\n let key = Cookies.get(\"disclaimer\") === \"true\" || false;\n dispatch(setDisclaimer(key));\n};\n\nexport const saveDisclaimer = (key) => async (dispatch, getState) => {\n Cookies.set(\"disclaimer\", key);\n dispatch(setDisclaimer(key));\n};\n\nexport const loadNftStorageKey = () => async (dispatch, getState) => {\n let key = Cookies.get(\"nftstoragekey\");\n dispatch(setNftSotrageKey(key));\n};\n\nexport const saveNftStorageKey = (key) => async (dispatch, getState) => {\n Cookies.set(\"nftstoragekey\", key);\n dispatch(setNftSotrageKey(key));\n};\n\nexport const logout = () => async (dispatch, getState) => {\n var authClient = await AuthClient.create();\n\n authClient.logout();\n\n const identity = await authClient.getIdentity();\n router.setOptions(process.env.REACT_APP_ROUTER_CANISTER_ID, {\n agentOptions: await authentication.getAgentOptions(),\n });\n\n let principal = identity.getPrincipal().toString();\n let anonymous = !(await authClient.isAuthenticated());\n //dispatch(authSet({ address: null, principal, anonymous }));\n dispatch(resetReducer());\n dispatch(auth());\n};\n\nexport const refresh_icp_balance = () => async (dispatch, getState) => {\n let identity = authentication.client.getIdentity();\n\n let s = getState();\n\n let address = s.user.address;\n if (!address) return;\n\n let ledger = ledgerCanister({\n agentOptions: await authentication.getAgentOptions(),\n });\n\n await ledger\n .account_balance({\n account: AccountIdentifier.TextToArray(address),\n })\n .then((icp) => {\n let e8s = icp.e8s;\n\n if (e8s >= 30000n) {\n // automatically wrap ICP\n dispatch(pwr_buy({ amount: e8s - 10000n }));\n }\n })\n .catch((e) => {\n if (process.env.NODE_ENV === \"production\") console.log(e); // Will always show bug in dev mode because there is ledger canister on the local replica\n });\n};\n\n// for local testing\nexport const faucet = (address) => async (dispatch, getState) => {\n let s = getState();\n\n let pwrcan = pwrCanister(\n PrincipalFromSlot(\n s.user.map.space,\n AccountIdentifier.TextToSlot(address, s.user.map.pwr)\n ),\n { agentOptions: await authentication.getAgentOptions() }\n );\n\n let resp = await pwrcan.faucet({\n aid: AccountIdentifier.TextToArray(address),\n amount: 800000000n,\n });\n\n console.log(resp);\n};\n\nexport const refresh_pwr_balance = () => async (dispatch, getState) => {\n let identity = authentication.client.getIdentity();\n\n let s = getState();\n\n let address = s.user.address;\n if (!address) return;\n\n let pwrcan = pwrCanister(\n PrincipalFromSlot(\n s.user.map.space,\n AccountIdentifier.TextToSlot(address, s.user.map.pwr)\n ),\n { agentOptions: await authentication.getAgentOptions() }\n );\n\n await pwrcan\n .balance({\n user: { address: AccountIdentifier.TextToArray(address) },\n })\n .then(async ({ pwr, anv, oracle }) => {\n // if (Number(pwr) === 0) {\n // //TODO: Remove in production\n // let fres = await pwrcan.faucet({\n // aid: AccountIdentifier.TextToArray(address),\n // amount: 800000000n,\n // });\n // dispatch(refresh_pwr_balance());\n // return;\n // }\n\n oracle = BigIntToString(oracle);\n dispatch(\n balancesSet({ icp: pwr.toString(), anv: anv.toString(), oracle })\n );\n })\n .catch((e) => {\n // We are most probably logged out. There is currently no better way to handle expired agentjs chain\n if (e.toString().includes(\"delegation has expired\")) dispatch(logout());\n });\n};\n\nexport const transfer_icp =\n ({ to, amount }) =>\n async (dispatch, getState) => {\n let identity = authentication.client.getIdentity();\n\n let s = getState();\n\n let address = s.user.address;\n let subaccount = [\n AccountIdentifier.TextToArray(s.user.subaccount) || null,\n ].filter(Boolean);\n\n let pwr = pwrCanister(\n PrincipalFromSlot(\n s.user.map.space,\n AccountIdentifier.TextToSlot(address, s.user.map.pwr)\n ),\n {\n agentOptions: await authentication.getAgentOptions(),\n }\n );\n\n let toastId = toast(\"Sending...\", {\n type: toast.TYPE.INFO,\n position: \"bottom-right\",\n autoClose: false,\n hideProgressBar: false,\n closeOnClick: false,\n pauseOnHover: true,\n draggable: false,\n });\n let trez;\n try {\n trez = await pwr.pwr_withdraw({\n amount,\n from: { address: AccountIdentifier.TextToArray(address) },\n to: { address: AccountIdentifier.TextToArray(to) },\n subaccount: subaccount,\n });\n\n if (!(\"ok\" in trez)) throw new Error(JSON.stringify(trez));\n\n toast.update(toastId, {\n type: toast.TYPE.SUCCESS,\n isLoading: false,\n render: (\n {title}
\n {message}
\n \n
\n ),\n });\n\n // console.log(\"mint vals\", slot, vals);\n let mrez = await pwr.nft_mint(BigInt(slot), {\n user: { address: AccountIdentifier.TextToArray(address) },\n subaccount,\n metadata: vals,\n });\n\n if (mrez?.err?.OutOfMemory === null) {\n toast.dismiss(toastId);\n await dispatch(refresh_config());\n await dispatch(mint(vals));\n return;\n }\n\n if (mrez?.err?.InsufficientBalance === null) {\n throw Error(\"Insufficient Balance\");\n }\n // console.log(\"REZ\", mrez);\n if (!(\"ok\" in mrez)) throw Error(JSON.stringify(mrez.err));\n\n let { tokenIndex, transactionId } = mrez.ok;\n let id = tokenToText(encodeTokenId(slot, tokenIndex));\n\n if (vals?.content[0]?.internal?.url) {\n toast.update(toastId, {\n render: \"Uploading content...\",\n });\n await uploadFile(\n nft,\n tokenIndex,\n \"content\",\n await chunkBlob(vals.content[0].internal.url),\n subaccount\n );\n }\n\n if (vals?.thumb?.internal?.url) {\n toast.update(toastId, {\n render: \"Uploading thumb...\",\n });\n await uploadFile(\n nft,\n tokenIndex,\n \"thumb\",\n await chunkBlob(vals.thumb.internal.url),\n subaccount\n );\n }\n\n toast.update(toastId, {\n type: toast.TYPE.SUCCESS,\n isLoading: false,\n render: (\n Minting request sent.
\n Waiting for response...
\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 autoClose: 9000,\n pauseOnHover: true,\n });\n } catch (e) {\n console.error(\"Remove from sale error\", e);\n toast.update(toastId, {\n type: toast.TYPE.ERROR,\n isLoading: false,\n closeOnClick: true,\n\n render: (\n Removed from sale.
\n \n
\n ),\n autoClose: 9000,\n pauseOnHover: true,\n });\n } catch (e) {\n console.error(\"SetPrice error\", e);\n toast.update(toastId, {\n type: toast.TYPE.ERROR,\n isLoading: false,\n closeOnClick: true,\n\n render: (\n Setting price successfull.
\n \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
\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 onCopy()}>{children}
\n proceed to the app\n \n
\n You will get for FREE IPFS storage with FileCoin and cloud\n redundancy. Made by Protocol Labs.\n