\r\n {/* Navbar Brand*/}\r\n \r\n \r\n
\r\n \r\n - \r\n
- \r\n
- \r\n {key && (\r\n
- \r\n
- \r\n \r\n {name} \r\n \r\n
- \r\n
- \r\n \r\n {t(\"walletConnect\")}\r\n \r\n \r\n
- \r\n \r\n {t(\"profile\")}\r\n \r\n \r\n
- \r\n \r\n {t(\"editProfile\")}\r\n \r\n \r\n
- \r\n \r\n {t(\"createCollection\")}\r\n \r\n \r\n
- \r\n \r\n {t(\"createNFT\")}\r\n \r\n \r\n\r\n
- \r\n {msalInstance.logoutRedirect()}}\r\n className=\"nav-link\"\r\n >\r\n {t(\"logout\")}\r\n \r\n \r\n
\r\n )}\r\n {!token && (\r\n - \r\n {/* Home */}\r\n
\r\n {t(\"login\")}\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 \r\n
\r\n \r\n
\r\n \r\n {t(\"StandOutFromOthers\")}\r\n
\r\n \r\n {this.state.data.map((item, idx) => {\r\n return (\r\n
\r\n \r\n {/* Help Card */}\r\n
\r\n );\r\n })}\r\n \r\n \r\n \r\n
\r\n {item.title}
\r\n{item.content}
\r\n \r\n\r\n
\r\n \r\n
\r\n \r\n {/* Intro */}\r\n
\r\n \r\n
\r\n \r\n {t(\"youCanOffer\")}\r\n
\r\n \r\n {t(\"youCanOfferDescription\")}\r\n
\r\n\r\n {this.state.collectionData.map((item, idx) => {\r\n return (\r\n
\r\n \r\n
\r\n );\r\n })}\r\n \r\n
\r\n \r\n
\r\n {/* Card Caption */}\r\n \r\n 
\r\n
\r\n {/* Seller */}\r\n \r\n
\r\n \r\n 
\r\n
\r\n \r\n {/* Card Body */}\r\n
\r\n \r\n
\r\n \r\n
\r\n {item.content}\r\n {item.title}
\r\n\r\n
\r\n \r\n
\r\n \r\n {/* Intro */}\r\n
\r\n \r\n
\r\n \r\n {t(\"valuesGenerated\")}\r\n
\r\n \r\n
\r\n \r\n {/* Single Work */}\r\n
\r\n \r\n \r\n
\r\n {t(\"value1Title\")}
\r\n {t(\"value1SubTitle\")}\r\n{t(\"value1Description1\")}
\r\n{t(\"value1Description2\")}
\r\n\r\n {/* Single Work */}\r\n
\r\n \r\n \r\n
\r\n {t(\"value2Title\")}
\r\n {t(\"value2SubTitle\")}\r\n{t(\"value2Description1\")}
\r\n{t(\"value2Description2\")}
\r\n\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Scrollup;","import React, { Component } from 'react';\r\n\r\nimport HeroGift from '../components/Hero/HeroGift';\r\nimport Work from '../components/Work/Work';\r\nimport HeaderGift from '../components/HeaderGift/HeaderGift';\r\nimport Footer from '../components/Footer/Footer';\r\nimport HelpCenter from 'src/components/HelpCenter/HelpCenter';\r\nimport Collections from 'src/components/Collections/Collections';\r\nimport Values from 'src/components/Values/Values';\r\nimport NavbarMobile from '../components/Modal/NavbarMobile';\r\nimport Scrollup from '../components/Scrollup/Scrollup';\r\n\r\nclass ThemeGift extends Component {\r\n render() {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default ThemeGift;","import React, { Component } from 'react';\r\nimport { withTranslation } from 'react-i18next';\r\nclass Breadcrumb extends Component {\r\n render() {\r\n const {t} = this.props;\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n {/* Breamcrumb Content */}\r\n
\r\n {/* Shape */}\r\n \r\n
\r\n {this.props.title}
\r\n- \r\n
- {t(\"home\")} \r\n
- {this.props.page} \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {/* Intro */}\r\n
\r\n \r\n {t(\"visualizeYourCollections\")}\r\n
\r\n \r\n
\r\n \r\n {/* Explore Menu */}\r\n \r\n setType(SearchTypes.COLLECTION)}\r\n className={`btn d-table text-uppercase p-2 ${\r\n type === SearchTypes.COLLECTION ? \"active\" : \"\"\r\n }`}\r\n >\r\n {t(\"COLLECTIONS\")}\r\n \r\n setType(SearchTypes.GIFT)}\r\n className={`btn d-table text-uppercase p-2 ${\r\n type === SearchTypes.GIFT ? \"active\" : \"\"\r\n }`}\r\n >\r\n {t(\"GIFTS\")}\r\n \r\n \r\n {t(\"AUCTIONS\")}\r\n \r\n \r\n {t(\"SELLS\")}\r\n \r\n
\r\n \r\n {isLoading() && (\r\n \r\n \r\n
\r\n );\r\n })}\r\n\r\n {!isLoading() &&\r\n isToken() &&\r\n getTokenList()?.map((item, idx) => {\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 {/* Card Caption */}\r\n \r\n {/* Card Body */}\r\n
\r\n \r\n
\r\n \r\n
\r\n {t(\"ownedBy\")}
\r\n\r\n {item.author}\r\n
\r\n\r\n
\r\n \r\n );\r\n })}\r\n \r\n \r\n \r\n
\r\n {/* Card Caption */}\r\n \r\n {/* Card Body */}\r\n
\r\n \r\n \r\n
\r\n {item.name}
\r\n copies: {item.numberOfCopies}\r\n \r\n\r\n \r\n {t(\"ownedBy\")}\r\n \r\n {\r\n setSelectedToken(item);\r\n downloadQR(item);\r\n }}\r\n className=\"btn btn-bordered-white p-2\"\r\n >\r\n \r\n \r\n
\r\n {item.author}
\r\n \r\n \r\n\r\n
\r\n \r\n \r\n \"\r\n onPageChange={(event) => setPage(event?.selected )}\r\n pageRangeDisplayed={5}\r\n forcePage={getPage()}\r\n pageCount={getTotalPage()}\r\n previousLabel=\"< previous\"\r\n initialPage={0}\r\n className=\"pagination justify-content-center\"\r\n pageClassName=\"page-item\"\r\n pageLinkClassName=\"page-link page-link-white-bordered\"\r\n activeClassName=\"active\"\r\n activeLinkClassName=\"page-link page-link-active\"\r\n disabledClassName=\"disabled\"\r\n disabledLinkClassName=\"page-link\"\r\n nextClassName=\"page-item\"\r\n previousClassName=\"page-item\"\r\n previousLinkClassName=\"page-link page-link-white-bordered\"\r\n nextLinkClassName=\"page-link page-link-white-bordered\"\r\n />\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {/* Breamcrumb Content */}\r\n
\r\n {/* Shape */}\r\n \r\n
\r\n {collection?.name}
\r\n \r\n\r\n
\r\n );\r\n }\r\n\r\nexport default Profile;\r\n","import { createApi, fetchBaseQuery } from '@reduxjs/toolkit/query/react';\r\nimport { Collection } from '../resources/Collection';\r\nimport { CollectionPaymentResponse } from '../resources/CollectionPaymentResponse';\r\nimport { CreateCollectionRequest } from '../resources/CreateCollectionRequest';\r\nimport { GetTokenPageRequest } from '../resources/GetTokenPageRequest';\r\nimport { GetTokenRequest } from '../resources/GetTokenRequest';\r\nimport { AttributeRequest } from '../resources/AttributeRequest';\r\nimport { Token } from '../resources/Token';\r\nimport { CreateTokenRequest } from '../resources/CreateTokenRequest';\r\nimport { ImageWrapper } from '../resources/ImageWrapper';\r\nimport { NFTDetails } from '../resources/NFT/NFTDetails';\r\nimport { RootState } from 'src/store';\r\nimport { PageResponse } from 'src/resources/PageResponse';\r\n\r\nfunction convertTokenRequest(request : CreateTokenRequest) : any {\r\n\tconst bodyFormData = new FormData();\r\n\tappendFile(\"Attachment\",bodyFormData, request?.Attachments[0]);\r\n\tif (request?.Attributes?.length > 0) {\r\n\t\tbodyFormData.append(\"Attributes\",`[${request?.Attributes?.map((s: AttributeRequest) =>JSON.stringify(s) ).join(\",\")}]`);\r\n\t}\r\n\tObject.entries(request).filter(([key, value]) => (key !== \"Attachment\" && key !== \"Attributes\")).forEach(([key, value] ) => {\r\n\t\tbodyFormData.append(key,value);\r\n\t});\r\n\treturn bodyFormData;\r\n}\r\n\r\nfunction convertCollectionRequest(request : CreateCollectionRequest) : any {\r\n\tconst bodyFormData = new FormData();\r\n\tObject.entries(request).forEach(([key, value] ) => {\r\n\t\tif(key.endsWith('Image') ){\r\n\t\t\tappendFile(key, bodyFormData, value);\r\n\t\t}else{\r\n\t\t\tbodyFormData.append(key, value);\r\n\t\t}\r\n\t}); \r\n\treturn bodyFormData;\r\n}\r\nfunction appendFile(atribute: string, form: FormData, wrapper : ImageWrapper){\r\n\tconst file = wrapper?.file;;\r\n\tform.append(atribute, file, file.name);\r\n}\r\n\r\nexport const collectionService = createApi({\r\n reducerPath: 'collections',\r\n tagTypes: ['collections'],\r\n baseQuery: fetchBaseQuery({\r\n baseUrl: 'https://nft-marketplace-api.azurewebsites.net/api',//'https://api.fusyona.com/nfts/v1', //'http://localhost:7071/api',\r\n prepareHeaders: (headers, {getState}) => {\r\n // By default, if we have a token in the store, let's use that for authenticated requests\r\n const token = (getState() as RootState).auth.token\r\n if (token) {\r\n headers.set('authorization', `Bearer ${token}`)\r\n }\r\n headers.set('Ocp-Apim-Subscription-Key', `710e277524cc426baf6c8ef1eb930af5;product=starter`)\r\n headers.set('Ocp-Apim-Trace', `true`)\r\n return headers\r\n },\r\n }),\r\n endpoints: (builder) => ({\r\n getTokens: builder.query{t(\"processWait\")},\r\n icon: 'success',\r\n background: \"#202124\",\r\n confirmButtonColor: \"#4BB543\"\r\n }).then(() => {\r\n const a = document.getElementById(\"payment-modal-x-button\");\r\n a?.click();\r\n return history.push(`/profile`);\r\n });\r\n }\r\n }, [isSuccess])\r\n\r\n\r\n useEffect(() => {\r\n\r\n },[isSuccess,paymentRespose])\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport {PaymentModal}\r\n","/* eslint-disable react-hooks/exhaustive-deps */\r\nimport React, { useEffect } from \"react\";\r\nimport { useForm } from \"react-hook-form\";\r\nimport { useLocation } from \"react-router\";\r\n\r\nimport qs from \"qs\";\r\n\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { useGetTokenQuery } from \"src/services/collectionService\";\r\nimport { useClaimTokenMutation } from \"src/services/paymentService\";\r\nimport { PaymentModal } from \"../Modal/PaymentModal\";\r\n\r\nconst ItemDetailsGift: React.FC<{ tokenId: string; collectionId: string }> = ({\r\n tokenId,\r\n collectionId,\r\n}) => {\r\n const { data: nft } = useGetTokenQuery({ collectionId, tokenId });\r\n\r\n const [claim, { data: paymentResponse, isLoading: isUpdating }] =\r\n useClaimTokenMutation();\r\n\r\n useEffect(() => {\r\n if (isUpdating) {\r\n const button = document.getElementById(\"kt_trigger_modal_payment\");\r\n button?.click();\r\n }\r\n }, [isUpdating]);\r\n\r\n const location = useLocation();\r\n\r\n const { t } = useTranslation();\r\n\r\n const { register, handleSubmit, setValue } = useForm();\r\n\r\n const onSubmit = (data: any) => {\r\n claim({ tokenId: `${nft?.token?.id}`, code: data.code });\r\n };\r\n\r\n useEffect(() => {\r\n const parans = qs.parse(location.search, { ignoreQueryPrefix: true });\r\n const code = parans?.code;\r\n setValue(\"code\", code);\r\n }, [location.search]);\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
\r\n - \r\n
- \r\n 0x555D77CfAD85BD41821623b85Bf9d711d5823550\r\n \r\n \r\n \r\n \r\n
- \r\n {t(\"network\")}\r\n {nft?.collection?.blockchainNetwork}\r\n \r\n
- \r\n {t(\"totalSupply\")}\r\n {nft?.token.numberOfCopies}\r\n \r\n {/*
- \r\n {(t(\"remaining\"))}\r\n {nft?.token.availableCopies}\r\n */}\r\n
- \r\n {t(\"created\")}\r\n {nft?.token.creationDate}\r\n \r\n
\r\n {/* Content */}\r\n
\r\n \r\n
\r\n {nft?.token?.name}
\r\n{nft?.token?.description}
\r\n {/* Owner */}\r\n\r\n {t(\"ownedBy\")}\r\n \r\n
\r\n {/* Item Info List */}\r\n {nft?.token?.author}
\r\n \r\n\r\n \r\n
\r\n \r\n
\r\n );\r\n \r\n}\r\n\r\nexport default ItemDetailsGift;","import React, { } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { useGetTokenQuery } from \"src/services/collectionService\";\r\n\r\n\r\nconst ItemDetailsNFT: React.FC<{tokenId: string, collectionId: string}>\r\n= ({tokenId, collectionId}) => {\r\n\r\n const {data: nft} = useGetTokenQuery({ collectionId,tokenId});\r\n\r\n const {t} = useTranslation();\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 - \r\n
- \r\n 0x555D77CfAD85BD41821623b85Bf9d711d5823550\r\n \r\n \r\n \r\n \r\n
- \r\n {t(\"network\")}\r\n Solana\r\n \r\n
- \r\n {t(\"totalSupply\")}\r\n {nft?.token?.numberOfCopies}\r\n \r\n
- \r\n {t(\"created\")}\r\n {nft?.token?.creationDate}\r\n \r\n
\r\n {/* Content */}\r\n
\r\n \r\n
\r\n {nft?.token?.name}
\r\n{nft?.token?.description}
\r\n {/* Owner */}\r\n\r\n {t(\"ownedBy\")}\r\n \r\n
\r\n {nft?.token?.author}
\r\n \r\n\r\n \r\n
\r\n );\r\n}\r\n\r\n export default ItemDetailsGift;","import { createSlice, PayloadAction } from '@reduxjs/toolkit';\r\n\r\nexport interface AuthState {\r\n\tuser: User;\r\n\ttoken: string;\r\n }\r\n\r\n export interface User {\r\n\tuserId: string;\r\n\tusername: string;\r\n\tname: string;\r\n\timageUrl: string;\r\n }\r\n \r\n const initialState: AuthState = {\r\n\tuser: {userId: '',\r\n\tusername: '',\r\n\tname: '',\r\n\timageUrl: 'https://storageaccountsocial.blob.core.windows.net/236ae669-ff32-40b8-8a3d-35e2b93d1bbc/68ddbc6e-6b47-4ab1-a948-1671a48eeaa8.png',\r\n } as User,\r\n\ttoken: '',\r\n };\r\n\r\nconst authSlice = createSlice({\r\n name: 'auth',\r\n initialState,\r\n reducers: {\r\n setCredentials: (\r\n state,\r\n {payload: {user, token}}: PayloadAction<{user: User; token: string}>\r\n ) => {\r\n state.user = user\r\n state.token = token\r\n },\r\n },\r\n})\r\nexport const { setCredentials } = authSlice.actions;\r\nexport default authSlice.reducer;","/* eslint-disable react-hooks/exhaustive-deps */\r\nimport { useAccount, useMsal } from '@azure/msal-react';\r\nimport React, { useEffect } from 'react';\r\n\r\nimport { isExpired, decodeToken } from 'react-jwt';\r\nimport { loginRequest } from 'src/authConfig';\r\nimport { useAppDispatch, useAppSelector } from 'src/hooks';\r\nimport { setCredentials, User } from 'src/slices/authSlice';\r\n\r\nconst AuthManager: React.FC<{ children?: React.ReactNode }> = ({children}) => {\r\n const { instance, accounts, inProgress } = useMsal();\r\n const account = useAccount(accounts[0] || {});\r\n\r\n const token = useAppSelector((state) => state.auth.token);\r\n const dispatch = useAppDispatch();\r\n\r\n\r\n\r\n useEffect(() => {\r\n const expired = isExpired(token);\r\n console.log(expired);\r\n if (inProgress === 'none' && account && (!token || expired)) {\r\n // Retrieve an access token\r\n instance.acquireTokenSilent({\r\n account,\r\n ...loginRequest,\r\n }).then((response) => {\r\n if (response.accessToken) {\r\n const decoded: any = decodeToken(response.accessToken);\r\n dispatch(setCredentials({\r\n user: {\r\n name: decoded?.given_name,\r\n username: response.account?.username,\r\n userId: decoded?.sub,\r\n imageUrl: `https://bktprofiles.blob.core.windows.net/avatars/${decoded?.sub}.png`\r\n } as User,\r\n token: response.accessToken\r\n }));\r\n }\r\n }).catch((error) => {\r\n instance.logoutRedirect({ ...loginRequest }).then(() => {\r\n console.log(\"Logout\");\r\n });\r\n \r\n });\r\n }\r\n }, [inProgress, accounts, instance, token]);\r\n\r\n return (\r\n \r\n {children}\r\n
\r\n );\r\n };\r\n\r\nexport default AuthManager;\r\n","/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\r\nimport React from 'react';\r\nimport { useMsalAuthentication } from '@azure/msal-react';\r\nimport { InteractionType, RedirectRequest } from '@azure/msal-browser';\r\nimport { loginRequest } from '../../authConfig';\r\n\r\nconst Callback: React.FC = () => {\r\n const request: RedirectRequest = {\r\n ...loginRequest,\r\n redirectStartPage: \"/\",\r\n } as RedirectRequest;\r\n useMsalAuthentication(InteractionType.Redirect, request);\r\n\r\n return (\r\n <>\r\n \r\n );\r\n};\r\nexport default Callback;\r\n","import { createBrowserHistory } from 'history';\r\n\r\nexport default createBrowserHistory();\r\n","export class ElementStyleUtil {\r\n public static set(element: HTMLElement, property: string, value?: any, important?: boolean) {\r\n if (important) {\r\n element.style.setProperty(property, value, 'important')\r\n } else {\r\n element.style.setProperty(property, value)\r\n }\r\n }\r\n\r\n public static get(element: HTMLElement, attributeName: string) {\r\n return element.style.getPropertyValue(attributeName)\r\n }\r\n\r\n public static remove(element: HTMLElement, attibuteName: string) {\r\n element.style.removeProperty(attibuteName)\r\n }\r\n}\r\n","export class DataUtil {\r\n static store: Map\r\n const value = parseInt(buffer.style.getPropertyValue('z-index'))\r\n if (!isNaN(value) && value !== 0) {\r\n return value\r\n }\r\n }\r\n\r\n bufferNode = bufferNode.parentNode\r\n buffer = bufferNode as HTMLElement\r\n }\r\n return null\r\n}\r\n\r\nfunction getScrollTop(): number {\r\n return (document.scrollingElement || document.documentElement).scrollTop\r\n}\r\n\r\n// https://developer.mozilla.org/en-US/docs/Web/API/Window/innerWidth\r\nfunction getViewPort(): ViewPortModel {\r\n return {\r\n width: window.innerWidth,\r\n height: window.innerHeight,\r\n }\r\n}\r\n\r\nfunction insertAfterElement(el: HTMLElement, referenceNode: HTMLElement) {\r\n return referenceNode.parentNode?.insertBefore(el, referenceNode.nextSibling)\r\n}\r\n\r\nfunction isElementHasClasses(element: HTMLElement, classesStr: string): boolean {\r\n const classes = classesStr.split(' ')\r\n for (let i = 0; i < classes.length; i++) {\r\n if (!element.classList.contains(classes[i])) {\r\n return false\r\n }\r\n }\r\n\r\n return true\r\n}\r\n\r\nfunction isVisibleElement(element: HTMLElement): boolean {\r\n return !(element.offsetWidth === 0 && element.offsetHeight === 0)\r\n}\r\n\r\n// Throttle function: Input as function which needs to be throttled and delay is the time interval in milliseconds\r\nfunction throttle(timer: number | undefined, func: Function, delay?: number) {\r\n // If setTimeout is already scheduled, no need to do anything\r\n if (timer) {\r\n return\r\n }\r\n\r\n // Schedule a setTimeout after delay seconds\r\n timer = window.setTimeout(function () {\r\n func()\r\n\r\n // Once setTimeout function execution is finished, timerId = undefined so that in
\r\n // the next scroll event function execution can be scheduled by the setTimeout\r\n timer = undefined\r\n }, delay)\r\n}\r\n\r\nfunction getElementChildren(element: HTMLElement, selector: string): Array
\r\n
\r\n \r\n \r\n
\r\n \r\n {/* Breamcrumb Content */}\r\n
\r\n {/* Shape */}\r\n \r\n
\r\n {collection?.name}
\r\n\r\n
\r\n\r\n \r\n
\r\n {isLoading() && (\r\n \r\n \r\n
\r\n \r\n {/* Intro */}\r\n
\r\n \r\n {t(\"visualizeYourNFTs\")}\r\n
\r\n {t(\"downloadYourQRCodes\")}
\r\n\r\n
\r\n \r\n {/* Explore Menu */}\r\n \r\n setType(SearchTypes.GIFT)}\r\n className={`btn d-table text-uppercase p-2 ${\r\n type === SearchTypes.GIFT ? \"active\" : \"\"\r\n }`}\r\n >\r\n {t(\"GIFTS\")}\r\n \r\n \r\n {t(\"AUCTIONS\")}\r\n \r\n \r\n {t(\"SELLS\")}\r\n \r\n
\r\n \r\n {!isLoading() &&\r\n getTokenList()?.map((item, idx) => {\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 {/* Card Caption */}\r\n \r\n {/* Card Body */}\r\n
\r\n \r\n \r\n
\r\n {item.name}
\r\n copies: {item.numberOfCopies}\r\n \r\n\r\n \r\n {t(\"ownedBy\")}\r\n \r\n {\r\n setSelectedToken(item);\r\n downloadQR(item);\r\n }}\r\n className=\"btn btn-bordered-white p-2\"\r\n >\r\n \r\n \r\n
\r\n {item.author}
\r\n \r\n \r\n\r\n
\r\n \r\n \r\n \"\r\n onPageChange={(event) => setPage(event?.selected)}\r\n pageRangeDisplayed={5}\r\n forcePage={getPage()}\r\n pageCount={getTotalPage()}\r\n previousLabel=\"< previous\"\r\n initialPage={0}\r\n className=\"pagination justify-content-center\"\r\n pageClassName=\"page-item\"\r\n pageLinkClassName=\"page-link page-link-white-bordered\"\r\n activeClassName=\"active\"\r\n activeLinkClassName=\"page-link page-link-active\"\r\n disabledClassName=\"disabled\"\r\n disabledLinkClassName=\"page-link\"\r\n nextClassName=\"page-item\"\r\n previousClassName=\"page-item\"\r\n previousLinkClassName=\"page-link page-link-white-bordered\"\r\n nextLinkClassName=\"page-link page-link-white-bordered\"\r\n />\r\n
\r\n \r\n
\r\n \r\n )\r\n}\r\n\r\nexport default NFTStep0;\r\n","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport React, {FC} from 'react'\r\nimport {Field, ErrorMessage} from 'formik'\r\nimport { useTranslation } from 'react-i18next';\r\n\r\nconst NFTStep1: FC = () => {\r\n const { t } = useTranslation();\r\n\r\n return (\r\n <>\r\n \r\n
\r\n\r\n \r\n {t(\"createStep1Title\")}\r\n
\r\n\r\n
\r\n \r\n \r\n\r\n \r\n {data && data?.map((s) => )}\r\n \r\n\r\n
\r\n \r\n
\r\n {collection &&
\r\n \r\n \r\n
}\r\n
\r\n \r\n \r\n )\r\n}\r\n\r\nexport default NFTStep1;\r\n","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport React, { FC, useEffect, useState } from \"react\";\r\nimport { Field } from \"formik\";\r\nimport ReactPlayer from \"react-player\";\r\n\r\nimport { useDropzone } from \"react-dropzone\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { ImageWrapper } from \"src/resources/ImageWrapper\";\r\n\r\nconst baseStyle = {\r\n flex: 1,\r\n display: \"flex\",\r\n flexDirection: \"column\" as any,\r\n alignItems: \"center\",\r\n padding: \"20px\",\r\n borderWidth: 2,\r\n borderRadius: 2,\r\n borderColor: \"#323248\",\r\n borderStyle: \"dashed\",\r\n backgroundColor: \"#09080d\",\r\n color: \"#bdbdbd\",\r\n outline: \"none\",\r\n transition: \"border .24s ease-in-out\",\r\n height: \"250px\",\r\n};\r\n\r\nconst activeStyle = {\r\n borderColor: \"#2196f3\",\r\n};\r\n\r\nconst acceptStyle = {\r\n borderColor: \"#00e676\",\r\n};\r\n\r\nconst rejectStyle = {\r\n borderColor: \"#ff1744\",\r\n};\r\n\r\nconst img = {\r\n display: \"block\",\r\n width: \"100%\",\r\n height: \"250px\",\r\n};\r\n\r\nconst NFTStep2: FC<{\r\n type: string;\r\n handleImageChange: any;\r\n handleFileChange: any;\r\n setValue: any;\r\n}> = ({ type, handleImageChange, handleFileChange, setValue }) => {\r\n const { t } = useTranslation();\r\n\r\n const [cover, setCover] = useState\r\n
\r\n\r\n \r\n {t(\"createStep2Title\")}\r\n\r\n
\r\n\r\n
\r\n\r\n
\r\n \r\n \r\n {t(\"contentType1Title\")}\r\n \r\n {t(\"contentType1Description\")}\r\n \r\n \r\n
\r\n\r\n \r\n \r\n {t(\"contentType2Title\")}\r\n \r\n {t(\"contentType2Description\")}\r\n \r\n \r\n
\r\n\r\n \r\n \r\n {t(\"contentType3Title\")}\r\n \r\n {t(\"contentType3Description\")}\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n ));\r\n\r\n const thumbFile = files?.map((file: any) => (\r\n \r\n 
\r\n
\r\n \r\n
\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\nexport default NFTStep2;\r\n","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport React, { FC, useEffect } from \"react\";\r\nimport { Field, ErrorMessage } from \"formik\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport Tagify from '@yaireo/tagify';\r\n\r\n\r\nconst NFTStep3: FC = () => {\r\n const { t } = useTranslation();\r\n\r\n useEffect(() => {\r\n const input1 = document.querySelector(\"#kt_tagify_1\") as HTMLInputElement ;\r\n\r\n if(input1){\r\n new Tagify(input1);\r\n }\r\n }, [])\r\n\r\n\r\n return (\r\n <>\r\n \r\n
\r\n\r\n \r\n {t(\"createStep3Title\")}\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n {t(\"uploadCover\")}
\r\n\r\n {coverStyle && (\r\n
\r\n {!!thumbs && (\r\n \r\n \r\n
\r\n )}\r\n {t(\"dropzoneText\")}
\r\n\r\n {thumbs}\r\n
\r\n )}\r\n \r\n
\r\n )}\r\n\r\n {type === \"audio\" && (\r\n {t(\"uploadVideo\")}
\r\n\r\n
\r\n )}\r\n {(type === \"video\" || type === \"audio\") && (\r\n <>\r\n {t(\"uploadAudio\")}
\r\n\r\n \r\n
\r\n )}{\" \"}\r\n \r\n )}\r\n {!!thumbFile && (\r\n {t(\"dropzoneText\")}
\r\n\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default NFTStep3;\r\n","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport React, { FC, useEffect, useState } from \"react\";\r\nimport { Field, ErrorMessage, FieldArray } from \"formik\";\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\nconst NFTStep4: FC<{ values: any }> = ({ values }) => {\r\n const { t } = useTranslation();\r\n\r\n const [atributes, setAttributes] = useState([]);\r\n useEffect(() => {\r\n setAttributes(values?.NFTAttributes);\r\n }, [values]);\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n {t(\"createStep4Title\")}\r\n
\r\n\r\n\r\n {t(\"moreInfo\")}\r\n \r\n {t(\"helpPage\")}\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\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
\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\r\nexport default NFTStep4;\r\n","import { createApi, fetchBaseQuery } from '@reduxjs/toolkit/query/react';\r\nimport { Balance } from '../resources/wallet/Balance';\r\nimport { CriptoCurrency } from '../resources/wallet/CriptoCurrency';\r\nimport { TransferRequest } from '../resources/Models/TransferRequest';\r\nimport { Currencyfee } from '../resources/wallet/Currencyfee';\r\nimport {FullCurrenciesList} from '../resources/wallet/FullCurrenciesList'\r\nimport { Order } from '../resources/wallet/Order';\r\nimport { RootState } from 'src/store';\r\n\r\nexport const walletService = createApi({\r\n reducerPath: 'wallet',\r\n tagTypes: ['wallet'],\r\n baseQuery: fetchBaseQuery({\r\n baseUrl: 'https://api.fusyona.com/wallet/v1', //'http://localhost:7071/api',\r\n prepareHeaders: (headers, {getState}) => {\r\n // By default, if we have a token in the store, let's use that for authenticated requests\r\n const token = (getState() as RootState)?.auth?.token\r\n if (token) {\r\n headers.set('authorization', `Bearer ${token}`)\r\n }\r\n headers.set('Ocp-Apim-Subscription-Key', `710e277524cc426baf6c8ef1eb930af5;product=starter`)\r\n headers.set('Ocp-Apim-Trace', `true`)\r\n return headers\r\n },\r\n }),\r\n endpoints: (builder) => ({\r\n getCurrencyBalance: builder.query\r\n
\r\n \r\n {t(\"createStep5Title\")}\r\n
\r\n\r\n\r\n {t(\"moreInfo\")}\r\n \r\n {t(\"helpPage\")}\r\n \r\n .\r\n
\r\n \r\n
\r\n \r\n {\r\n \r\n return (\r\n
\r\n \r\n {atributes &&\r\n atributes.length > 0 &&\r\n atributes.map((atribute: any, index: number) => (\r\n \r\n arrayHelpers.push({\r\n key: \"\",\r\n value: \"\"\r\n })\r\n } \r\n >\r\n ADD\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
\r\n \r\n
\r\n \r\n arrayHelpers.remove(index)} // remove a friend from the list\r\n >\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n 
\r\n {s.symbol.toUpperCase()}\r\n
\r\n ),\r\n }));\r\n setOptions(options);\r\n }\r\n }, [criptoCurrencies]);\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n );\r\n};\r\nexport default NFTStep5;\r\n","import * as Yup from 'yup'\r\n\r\nexport interface ICreateNFT {\r\n NFTCollectionId: string;\r\n NFTCategory: string;\r\n NFTFile: string;\r\n NFTCoverImage: string;\r\n NFTCodes: string;\r\n NFTName: string;\r\n NFTDescription: string;\r\n NFTRoyalties: number;\r\n NFTTags: string;\r\n NFTPriceType: string;\r\n NFTPrice: number;\r\n NFTStart: string;\r\n NFTStop: string;\r\n NFTNumberOfCopies: number;\r\n NFTAttributes: any[];\r\n}\r\n\r\nconst inits: ICreateNFT = {\r\n NFTCollectionId: \"\",\r\n NFTCategory: \"image\",\r\n NFTCoverImage: \"\",\r\n NFTFile: \"\",\r\n NFTName: \"\",\r\n NFTDescription: \"\",\r\n NFTRoyalties: 0,\r\n NFTTags: \"\",\r\n NFTPriceType: \"fixed\",\r\n NFTPrice: 0,\r\n NFTStart: \"\",\r\n NFTStop: \"\",\r\n NFTNumberOfCopies: 0,\r\n NFTCodes: \"\",\r\n NFTAttributes: [{key: '', value: ''}]\r\n};\r\n\r\nconst createNFTSchemas = [\r\n Yup.object({\r\n NFTCollectionId: Yup.string().required().label(\"NFT Collection Id\"),\r\n }),\r\n Yup.object({\r\n NFTCategory: Yup.string().required().label(\"NFT Category\"),\r\n }),\r\n Yup.object({\r\n NFTCoverImage: Yup.string().required().label(\"NFT Cover Image\"),\r\n NFTFile: Yup.string().required().label(\"NFT File\"),\r\n }),\r\n Yup.object({\r\n NFTName: Yup.string().required().label(\"NFT Name\"),\r\n NFTDescription: Yup.string().required().label(\"NFT Description\"),\r\n NFTRoyalties: Yup.number()\r\n .min(0)\r\n .max(100)\r\n .required()\r\n .label(\"NFT Royalties\"),\r\n NFTNumberOfCopies: Yup.number().required().label(\"NFT Royalties\"),\r\n NFTTags: Yup.string().required().label(\"NFT Tags\"),\r\n }),\r\n Yup.object({\r\n NFTAttributes: Yup.array()\r\n .of(\r\n Yup.object().shape({\r\n key: Yup.string().when('$value', (value, keySchema) => value\r\n ? keySchema\r\n : keySchema.required('Set a key').required()),\r\n value: Yup.string().when('$key', (key, valueSchema) => key\r\n ? valueSchema\r\n : valueSchema.required('Set a value').required()),\r\n })\r\n ),\r\n }),\r\n Yup.object({\r\n NFTPriceType: Yup.string().required().label(\"NFT Price Type\"),\r\n NFTPrice: Yup.number().required().label(\"NFT Price\"),\r\n NFTStart: Yup.date().required().label(\"NFT Start Date\"),\r\n NFTStop: Yup.date().required().label(\"NFT Stop Date\"),\r\n NFTCripto: Yup.string().required().label(\"NFT Cripto\"),\r\n NFTCodes: Yup.string().required().label(\"NFT Codes\"),\r\n }),\r\n];\r\nexport {createNFTSchemas, inits}\r\n","import React, { useEffect, useRef, useState } from \"react\";\r\n\r\nimport { Formik, Form, FormikValues, FormikErrors } from \"formik\";\r\n\r\nimport {\r\n defaultStepperOptions,\r\n StepperComponent,\r\n} from \"../utils/StepperComponent\";\r\nimport { callErrorToast, KTSVG, toAbsoluteUrl } from \"src/helpers\";\r\n\r\nimport NFTStep0 from \"./steps/NFTStep0\";\r\nimport NFTStep1 from \"./steps/NFTStep1\";\r\nimport NFTStep2 from \"./steps/NFTStep2\";\r\nimport NFTStep3 from \"./steps/NFTStep3\";\r\nimport NFTStep4 from \"./steps/NFTStep4\";\r\nimport NFTStep5 from \"./steps/NFTStep5\";\r\nimport ReactPlayer from \"react-player\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { useAppSelector } from \"src/hooks\";\r\nimport {\r\n useCreateTokenMutation,\r\n} from \"src/services/collectionService\";\r\nimport { CreateTokenRequest } from \"src/resources/CreateTokenRequest\";\r\nimport { AttributeRequest } from \"src/resources/AttributeRequest\";\r\nimport { ImageWrapper } from \"src/resources/ImageWrapper\";\r\nimport { createNFTSchemas, ICreateNFT, inits } from \"./CreateNFTWizardHelper\";\r\nimport { PaymentModal } from \"../Modal/PaymentModal\";\r\n\r\nconst CreateNFT: React.FC = () => {\r\n const stepperRef = useRef\r\n
\r\n\r\n \r\n {t(\"createStep6Title\")}\r\n
\r\n\r\n\r\n {t(\"moreInfo\")}\r\n \r\n {t(\"helpPage\")}\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\r\n \r\n \r\n
\r\n\r\n {(type === \"gift\" || type === \"fixed\") && (<>\r\n \r\n
\r\n )}\r\n\r\n {type === \"fixed\" && (\r\n \r\n
\r\n {t(\"codeDescription\")}
\r\n\r\n \r\n
\r\n )}\r\n\r\n {type === \"timed\" && (\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
\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
\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 1\r\n
\r\n\r\n \r\n
\r\n {t(\"createStep1\")}
\r\n\r\n {t(\"createStep1Description\")}\r\n
\r\n \r\n \r\n\r\n
\r\n\r\n \r\n \r\n 2\r\n
\r\n\r\n \r\n
\r\n {t(\"createStep2\")}
\r\n\r\n\r\n {t(\"createStep2Description\")}\r\n
\r\n \r\n \r\n\r\n
\r\n\r\n \r\n \r\n 3\r\n
\r\n\r\n \r\n
\r\n {t(\"createStep3\")}
\r\n\r\n {t(\"createStep3Description\")}\r\n
\r\n \r\n \r\n\r\n
\r\n\r\n \r\n \r\n 4\r\n
\r\n\r\n \r\n
\r\n {t(\"createStep4\")}
\r\n\r\n {t(\"createStep4Description\")}\r\n
\r\n \r\n \r\n\r\n
\r\n\r\n \r\n \r\n 5\r\n
\r\n\r\n \r\n
\r\n {t(\"createStep5\")}
\r\n\r\n {t(\"createStep5Description\")}\r\n
\r\n \r\n \r\n\r\n
\r\n\r\n \r\n \r\n 6\r\n
\r\n\r\n \r\n
\r\n {t(\"createStep6\")}
\r\n\r\n {t(\"createStep6Description\")}\r\n
\r\n \r\n \r\n\r\n
\r\n \r\n \r\n 7\r\n
\r\n\r\n \r\n
\r\n {t(\"createStep7\")}
\r\n\r\n {t(\"createStep7Description\")}\r\n
\r\n \r\n \r\n {({ setFieldValue, values, validateForm }) => (\r\n \r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n\r\n \r\n {t(\"release\")}!\r\n
\r\n\r\n\r\n {t(\"releaseDescription\")}\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 ))}\r\n \r\n {(!played ||\r\n values?.NFTCategory === \"image\") &&\r\n cover.map((file: ImageWrapper) => (\r\n \r\n
\r\n ))}\r\n {played &&\r\n (values?.NFTCategory === \"video\" ||\r\n values?.NFTCategory === \"audio\") &&\r\n files.map((file: any) => (\r\n \r\n setPlayed(true)}\r\n src={`${file.url}`}\r\n style={{\r\n display: \"block\",\r\n width: \"100%\",\r\n height: \"250px\",\r\n }}\r\n alt=\"Thumbnail\"\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n - \r\n
- \r\n
- \r\n {t(\"totalSupply\")}\r\n {values?.NFTNumberOfCopies}\r\n \r\n
- \r\n {t(\"remaining\")}\r\n {values?.NFTNumberOfCopies}\r\n \r\n
- \r\n {t(\"created\")}\r\n {new Date().toDateString()}\r\n \r\n
\r\n {/* Content */}\r\n
\r\n \r\n
\r\n {values?.NFTName}
\r\n{values?.NFTDescription}
\r\n {/* Owner */}\r\n\r\n {t(\"ownedBy\")}\r\n \r\n
\r\n {name}
\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 \r\n \r\n
\r\n\r\n \r\n showErros(validateForm())}\r\n className=\"btn btn-lg btn-primary me-3\"\r\n >\r\n \r\n {stepper.current?.currentStepIndex !==\r\n stepper.current?.totalStepsNumber! - 1 &&\r\n t(\"continue\")}\r\n {stepper.current?.currentStepIndex ===\r\n stepper.current?.totalStepsNumber! - 1 &&\r\n t(\"submit\")}\r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default CreateNFT;","import React from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\n\r\nconst About :React.FC = () => {\r\n const {t} = useTranslation();\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n {/* Intro */}\r\n
\r\n \r\n {t(\"contact\")}\r\n
\r\n {/* Item Form */}\r\n \r\n \r\n {t(\"getInTouch\")}
\r\n\r\n
\r\n );\r\n \r\n}\r\n\r\nexport default Contact;","import { createSlice, PayloadAction } from '@reduxjs/toolkit';\r\n\r\nexport interface PublicKeyState {\r\n key: string;\r\n}\r\n\r\nconst initialState: PublicKeyState = {\r\n key: '',\r\n};\r\n\r\nconst publicKeySlice = createSlice({\r\n name: 'publicKey',\r\n initialState,\r\n reducers: {\r\n changePublicKey: (\r\n state,\r\n {payload}: PayloadAction\r\n
\r\n \r\n
\r\n \r\n {/* Intro */}\r\n
\r\n \r\n {t(\"walletConnect\")}\r\n
\r\n {t(\"connectYourWallet\")}
\r\n\r\n
\r\n \r\n {/* Single Wallet */}\r\n
\r\n \r\n
\r\n \r\n ![\"Phantom\"](\"https://phantom.app/img/phantom-logo.svg\")
\r\n
\r\n \r\n {t(\"phantomDescription\")}
\r\n\r\n
\r\n );\r\n \r\n}\r\n\r\nexport default WalletConnect;","/* eslint-disable react-hooks/exhaustive-deps */\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { useForm } from \"react-hook-form\";\r\n\r\nimport Swal from 'sweetalert2'\r\nimport withReactContent from 'sweetalert2-react-content';\r\nimport history from \"src/services/history\";\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\nimport { useDropzone } from \"react-dropzone\";\r\nimport Tagify from \"@yaireo/tagify\";\r\nimport { useAppSelector } from \"src/hooks\";\r\nimport { useEditProfileMutation, useGetProfileByIdQuery } from \"src/services/profileService\";\r\nimport { UserProfile } from \"src/resources/UserProfile/UserProfile\";\r\n\r\nconst baseStyle = {\r\n flex: 1,\r\n display: \"flex\",\r\n flexDirection: \"column\" as any,\r\n alignItems: \"center\",\r\n padding: \"20px\",\r\n borderWidth: 2,\r\n borderRadius: 2,\r\n borderColor: \"#323248\",\r\n borderStyle: \"dashed\",\r\n backgroundColor: \"#09080d\",\r\n color: \"#bdbdbd\",\r\n outline: \"none\",\r\n transition: \"border .24s ease-in-out\",\r\n height: \"250px\",\r\n};\r\n\r\nconst activeStyle = {\r\n borderColor: \"#2196f3\",\r\n};\r\n\r\nconst acceptStyle = {\r\n borderColor: \"#00e676\",\r\n};\r\n\r\nconst rejectStyle = {\r\n borderColor: \"#ff1744\",\r\n};\r\n\r\nconst ProfileEdit: React.FC\r\n= () => {\r\n\r\n const [profileImage, setProfileImage] = useState\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {/* Intro */}\r\n
\r\n \r\n \r\n
\r\n {/* Item Form */}\r\n \r\n {t(\"profile\")}\r\n
\r\n {t(\"updateYourInformation\")}
\r\n\r\n
\r\n \r\n
\r\n \r\n { profileImage && \r\n profileImage?.map((file: any) => (\r\n \r\n ))\r\n }\r\n { !profileImage && \r\n \r\n }\r\n
\r\n {/* Card Caption */}\r\n \r\n {/* Card Body */}\r\n
\r\n \r\n \r\n
\r\n {name || profile?.name}
\r\n {lastName ||profile?.lastname }\r\n \r\n \r\n {description || profile?.description}\r\n \r\n\r\n\r\n
\r\n );\r\n }\r\n\r\nexport default ProfileManager;\r\n","/* eslint-disable react-hooks/exhaustive-deps */\r\nimport React from \"react\";\r\nimport { KTSVG } from \"src/helpers\";\r\n\r\nimport Moment from \"moment\";\r\nimport { Back } from \"react-bootstrap-icons\";\r\nimport { toast } from \"react-toastify\";\r\n\r\nimport { useGetCollectionQuery } from \"src/services/collectionService\";\r\nimport { ClipLoader } from \"react-spinners\";\r\n\r\nconst coverStyle = {\r\n display: \"flex\",\r\n backgroundColor: \"#3b4259\",\r\n backgroundPosition: \"50% 50%\",\r\n backgroundRepeat: \"no-repeat\",\r\n backgroundSize: \"cover\",\r\n cursor: \"pointer\",\r\n height: \"350px\",\r\n width: \"100%\",\r\n};\r\n\r\nconst HeaderCollectionPage: React.FC<{ id: string }> = ({ id }) => {\r\n const { data: collection, isLoading } = useGetCollectionQuery(id);\r\n return (\r\n <>\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {/* Breamcrumb Content */}\r\n \r\n {isLoading && (\r\n
\r\n {/* Shape */}\r\n \r\n \r\n
\r\n )}\r\n {!isLoading && ( <>\r\n \r\n\r\n
\r\n \r\n )}\r\n \r\n {collection?.name}
\r\n\r\n\r\n
)}\r\n \r\n );\r\n};\r\n\r\nexport default HeaderCollectionPage;\r\n","import React from \"react\";\r\n\r\nimport HeaderGift from \"../components/HeaderGift/HeaderGift\";\r\nimport Footer from '../components/Footer/Footer';\r\nimport NavbarMobile from \"src/components/Modal/NavbarMobile\";\r\nimport Scrollup from \"src/components/Scrollup/Scrollup\";\r\nimport ExploreNFTs from \"src/components/Explore/ExploreNFTs\";\r\nimport { useParams } from \"react-router-dom\";\r\nimport HeaderCollectionPage from \"src/components/Collections/HeaderCollectionPage\";\r\n\r\nconst NFTs : React.FC = () => {\r\n const { id } = useParams() as any;\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 {collection?.author}\r\n \r\n\r\n \r\n \r\n {\r\n navigator.clipboard.writeText(\r\n `${collection?.contractAddress}`\r\n );\r\n toast.success(\"Copied\", {\r\n position: \"top-right\",\r\n autoClose: 5000,\r\n hideProgressBar: false,\r\n closeOnClick: true,\r\n pauseOnHover: true,\r\n draggable: true,\r\n progress: undefined,\r\n });\r\n }}\r\n style={{color: \"#ff4c04\", cursor: \"pointer\"}}\r\n className=\"d-flex align-items-center me-5 mb-2\"\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 $3.2M
\r\n \r\n Highest Sale\r\n
\r\n \r\n
\r\n \r\n
\r\n $288K
\r\n \r\n Floor Price\r\n
\r\n \r\n
\r\n \r\n
\r\n $2.9B
\r\n \r\n Market Cap\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {collection?.numberOfTokens}\r\n
\r\n Items
\r\n \r\n
\r\n \r\n
\r\n 6.4K
\r\n Owners
\r\n \r\n
\r\n \r\n
\r\n $1.7B
\r\n \r\n Total Volume\r\n
\r\n \r\n
\r\n );\r\n }\r\n\r\nexport default NFTs;\r\n","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport React, {FC} from 'react'\r\nimport {Field, ErrorMessage} from 'formik'\r\nimport { KTSVG } from 'src/helpers'\r\n\r\nconst Step1: FC = () => {\r\n return (\r\n \r\n
\r\n )\r\n}\r\n\r\nexport {Step1}\r\n","import React, { FC } from \"react\";\r\nimport { Field, ErrorMessage } from \"formik\";\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\nconst Step2: FC = () => {\r\n const { t } = useTranslation();\r\n\r\n return (\r\n \r\n \r\n Choose Network for Mint\r\n
\r\n\r\n
\r\n\r\n \r\n Choose Network for Mint\r\n \r\n
\r\n\r\n \r\n If you need more info, please check out\r\n \r\n {' '}\r\n Help Page\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\r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport { Step2 };\r\n","import React, {FC, useEffect, useState} from 'react'\r\nimport {Field} from 'formik'\r\nimport {useDropzone} from 'react-dropzone'\r\nimport { ImageWrapper } from 'src/resources/ImageWrapper'\r\n\r\nconst baseStyle = {\r\n flex: 1,\r\n display: 'flex',\r\n flexDirection: 'column' as any,\r\n alignItems: 'center',\r\n padding: '20px',\r\n borderWidth: 2,\r\n borderRadius: 2,\r\n borderColor: '#323248',\r\n borderStyle: 'dashed',\r\n backgroundColor: 'rgba(0,0,0,0)',\r\n color: '#bdbdbd',\r\n outline: 'none',\r\n transition: 'border .24s ease-in-out',\r\n height: '250px',\r\n}\r\n\r\nconst activeStyle = {\r\n borderColor: '#2196f3',\r\n}\r\n\r\nconst acceptStyle = {\r\n borderColor: '#00e676',\r\n}\r\n\r\nconst rejectStyle = {\r\n borderColor: '#ff1744',\r\n}\r\n\r\nconst img = {\r\n display: 'block',\r\n width: '100%',\r\n height: '250px',\r\n}\r\n\r\nconst Step3: FC<{\r\n handleLogoImageChange: any\r\n handleFeatureImageChange: any\r\n setValue: any\r\n}> = ({handleLogoImageChange, handleFeatureImageChange, setValue}) => {\r\n const [logoImage, setLogoImage] = useState\r\n
\r\n\r\n Collection Details
\r\n\r\n\r\n If you need more info, please check out\r\n \r\n {\" \"}\r\n Help Page\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 \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\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
\r\n ))\r\n\r\n const thumbFeatured = featuredImage?.map((wrapper: any) => (\r\n \r\n 
\r\n
\r\n \r\n
\r\n ))\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n
\r\n )\r\n}\r\n\r\nexport {Step3}\r\n","import React, {FC, useEffect, useState} from 'react'\r\nimport {Field} from 'formik'\r\nimport { useDropzone } from 'react-dropzone'\r\nimport { ImageWrapper } from 'src/resources/ImageWrapper'\r\n\r\nconst baseStyle = {\r\n flex: 1,\r\n display: 'flex',\r\n flexDirection: 'column' as any,\r\n alignItems: 'center',\r\n padding: '20px',\r\n borderWidth: 2,\r\n borderRadius: 2,\r\n borderColor: '#323248',\r\n borderStyle: 'dashed',\r\n backgroundColor: 'rgba(0,0,0,0)',\r\n color: '#bdbdbd',\r\n outline: 'none',\r\n transition: 'border .24s ease-in-out',\r\n height: '250px',\r\n}\r\n\r\nconst activeStyle = {\r\n borderColor: '#2196f3',\r\n}\r\n\r\nconst acceptStyle = {\r\n borderColor: '#00e676',\r\n}\r\n\r\nconst rejectStyle = {\r\n borderColor: '#ff1744',\r\n}\r\n\r\nconst img = {\r\n display: 'block',\r\n width: '100%',\r\n height: '250px',\r\n}\r\n\r\nconst Step4: FC<{\r\n handleCoverImageChange: any\r\n setValue: any\r\n}> = ({handleCoverImageChange, setValue}) => {\r\n const [coverImage, setCoverImage] = useState\r\n
\r\n Images 1/2
\r\n\r\n\r\n If you need more info, please check out\r\n \r\n {' '}\r\n Help Page\r\n \r\n .\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n Logo Image
\r\n\r\n \r\n
\r\n )}\r\n {!!thumbLogo && (\r\n Drag and drop some files here, or click to select files
\r\n\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n Featured Image
\r\n\r\n \r\n
\r\n )}\r\n {!!thumbFeatured && (\r\n Drag and drop some files here, or click to select files
\r\n\r\n \r\n
\r\n )}\r\n \r\n
\r\n ))\r\n\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n
\r\n )\r\n}\r\n\r\nexport {Step4}\r\n","import * as Yup from 'yup'\r\n\r\nexport interface ICreateCollection {\r\n collectionNetwork: string;\r\n\r\n collectionCategory: string;\r\n collectionName: string;\r\n collectionDescription: string;\r\n collectionRoyalties: number;\r\n collectionExternalLink: string;\r\n\r\n collectionCoverImage: string;\r\n collectioLogoImage: string;\r\n collectionFeaturedImage: string;\r\n}\r\nconst inits: ICreateCollection = {\r\n //Step 1\r\n collectionNetwork: \"etherium\",\r\n //Step 2\r\n collectionCategory: \"\",\r\n collectionName: \"\",\r\n collectionDescription: \"\",\r\n collectionRoyalties: 0,\r\n collectionExternalLink: \"\",\r\n //Step 3\r\n collectionFeaturedImage: \"\",\r\n collectioLogoImage: \"\",\r\n //Step 4\r\n \r\n collectionCoverImage: \"\"\r\n};\r\n\r\nconst createCollectionSchemas = [\r\n Yup.object({\r\n collectionNetwork: Yup.string().required().label(\"Collection Network\"),\r\n }),\r\n Yup.object({\r\n collectionCategory: Yup.string().required().label(\"Collection Category\"),\r\n collectionName: Yup.string().required().label(\"Collection Name\"),\r\n collectionDescription: Yup.string().required().label(\"Collection Description\"),\r\n collectionRoyalties: Yup.number()\r\n .min(0)\r\n .max(100)\r\n .required()\r\n .label(\"Collection Royalties\"),\r\n collectionExternalLink: Yup.string().required().label(\"Collection External Link\"),\r\n }),\r\n Yup.object({\r\n collectioLogoImage: Yup.string().required().label(\"Collection Logo Image\"),\r\n collectionFeaturedImage: Yup.string().required().label(\"Collection Featured Image\"),\r\n }),\r\n Yup.object({\r\n collectionCoverImage: Yup.string().required().label(\"Collection Cover Image\"),\r\n }),\r\n\r\n];\r\n\r\nexport {createCollectionSchemas, inits}\r\n","import React, {FC} from 'react'\r\nimport { ImageWrapper } from 'src/resources/ImageWrapper'\r\n\r\nconst Step5: FC<{values: any,logoImage: ImageWrapper[],\r\n coverImage: ImageWrapper[], featuredImage : ImageWrapper[]}> = (\r\n {values, logoImage, featuredImage, coverImage}\r\n ) => {\r\n return (\r\n \r\n
\r\n Images 1/2
\r\n\r\n\r\n If you need more info, please check out\r\n \r\n {' '}\r\n Help Page\r\n \r\n .\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n Cover Image
\r\n\r\n \r\n
\r\n )}\r\n {!!thumbCover && (\r\n Drag and drop some files here, or click to select files
\r\n\r\n \r\n
\r\n )}\r\n \r\n
\r\n )\r\n}\r\n\r\nexport {Step5}\r\n","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport React, { FC, useEffect, useRef, useState } from \"react\";\r\nimport { Step1 } from \"./steps/Step1\";\r\nimport { Step2 } from \"./steps/Step2\";\r\nimport { Step3 } from \"./steps/Step3\";\r\nimport { Step4 } from \"./steps/Step4\";\r\nimport { Formik, Form, FormikValues } from \"formik\";\r\nimport {\r\n createCollectionSchemas,\r\n ICreateCollection,\r\n inits,\r\n} from \"./CreateCollectionWizardHelper\";\r\nimport { Step5 } from \"./steps/Step5\";\r\nimport { PaymentModal } from \"../Modal/PaymentModal\";\r\nimport { useCreateCollectionMutation } from \"src/services/collectionService\";\r\nimport {\r\n defaultStepperOptions,\r\n StepperComponent,\r\n} from \"../utils/StepperComponent\";\r\nimport { ImageWrapper } from \"src/resources/ImageWrapper\";\r\nimport { KTSVG } from \"src/helpers\";\r\nimport { CreateCollectionRequest } from \"src/resources/CreateCollectionRequest\";\r\n\r\nconst VerticalCreateCollection: FC = () => {\r\n const [\r\n createCollection, // This is the mutation trigger\r\n { data: paymentRespose, isLoading: isUpdating }, // This is the destructured mutation result\r\n ] = useCreateCollectionMutation();\r\n\r\n useEffect(() => {\r\n if (isUpdating) {\r\n const button = document.getElementById(\"kt_trigger_modal_payment\");\r\n button?.click();\r\n }\r\n }, [isUpdating]);\r\n\r\n const [coverImage, setCoverImage] = useState\r\n
\r\n\r\n Check informations and confirm
\r\n\r\n
\r\n \r\n after submitting the creation you will need to confirm the feet payment\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {coverImage.map((wrapper: any) => (\r\n
\r\n \r\n
\r\n ))}\r\n \r\n
\r\n \r\n
\r\n \r\n {logoImage.map((wrapper: any) => (\r\n
\r\n \r\n
\r\n ))}\r\n \r\n
\r\n \r\n
\r\n \r\n {featuredImage.map((wrapper: any) => (\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 Blockchain Network\r\n {values?.collectionNetwork}\r\n \r\n
- \r\n Name\r\n {values?.collectionName}\r\n \r\n
- \r\n Royalties\r\n {values?.collectionRoyalties}\r\n \r\n
- \r\n Royalties\r\n {values?.collectionRoyalties}\r\n \r\n
- \r\n External Link\r\n {values?.collectionExternalLink}\r\n \r\n
- \r\n Created\r\n {new Date().toDateString()}\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 \r\n 1\r\n
\r\n\r\n \r\n
\r\n Blockchain Network
\r\n\r\n\r\n Select network to mint collection\r\n
\r\n \r\n \r\n\r\n
\r\n\r\n \r\n \r\n 2\r\n
\r\n\r\n \r\n
\r\n Collection Details
\r\n\r\n Fill the collection details\r\n
\r\n \r\n \r\n\r\n
\r\n\r\n \r\n \r\n 3\r\n
\r\n\r\n \r\n
\r\n Collection Images 1/2
\r\n\r\n Featured and logo\r\n
\r\n \r\n \r\n\r\n
\r\n\r\n \r\n \r\n 4\r\n
\r\n\r\n \r\n
\r\n Collection Images 2/2
\r\nCover
\r\n \r\n \r\n\r\n
\r\n \r\n \r\n 5\r\n
\r\n\r\n \r\n
\r\n Completed
\r\nConfirm payment
\r\n \r\n \r\n {({ setFieldValue, values, validateForm }) => (\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n setLogoImage(ev)}\r\n handleFeatureImageChange={(ev: any) =>\r\n setFeaturedImage(ev)\r\n }\r\n />\r\n
\r\n\r\n \r\n setCoverImage(ev)}\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
\r\n\r\n \r\n \r\n \r\n {!isUpdating &&\r\n stepper.current?.currentStepIndex !==\r\n stepper.current?.totalStepsNumber &&\r\n \"Continue\"}\r\n {!isUpdating &&\r\n stepper.current?.currentStepIndex ===\r\n stepper.current?.totalStepsNumber &&\r\n \"Submit\"}\r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default CreateCollection;","import React from \"react\";\r\nimport { Router, Route, Switch } from \"react-router-dom\";\r\n\r\n// importing all the themes\r\nimport ThemeGift from \"../themes/theme-gift\";\r\nimport Profile from \"../themes/profile\";\r\n\r\nimport ItemDetailsGift from \"../themes/item-details-gift\";\r\nimport ItemDetailsNFT from \"../themes/item-details-nft\";\r\nimport AuthManager from \"../components/AuthManager/AuthManager\";\r\nimport Callback from \"../components/Callback/callback\";\r\nimport history from \"../services/history\";\r\nimport CreateNFT from \"src/themes/create-nft\";\r\nimport About from \"src/themes/about\";\r\nimport WalletConnect from \"src/themes/wallet-connect\";\r\nimport { isExpired } from \"react-jwt\";\r\nimport ProfileManager from \"src/themes/profile-manager\";\r\nimport { useAppSelector } from \"src/hooks\";\r\nimport NFTs from \"src/themes/nfts\";\r\nimport CreateCollection from \"src/themes/create-collection\";\r\n\r\nconst MyRouts: React.FC = () => {\r\n const token = useAppSelector((state) => state.auth.token);\r\n\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n }\r\n\r\n {!token && (\r\n \r\n \r\n \r\n \r\n )}\r\n
\r\n );\r\n};\r\n\r\nexport default MyRouts;\r\n","/* eslint-disable react-hooks/exhaustive-deps */\r\nimport React, { useEffect } from 'react';\r\nimport i18n from 'i18next';\r\nimport { changeLanguage } from 'src/slices/langagueSlice';\r\nimport { useAppSelector } from 'src/hooks';\r\n\r\n\r\nconst LanguageManager: React.FC\r\n= () => {\r\n useEffect(() => {\r\n window.addEventListener('storage', () => {\r\n const langCode = window.localStorage.getItem('fusyona/language');\r\n if(langCode){\r\n changeLanguage(langCode);\r\n }\r\n });\r\n }, []);\r\n\r\n const code = useAppSelector((state) => state.language.code);\r\n\r\n\r\n useEffect(() => {\r\n if(code){\r\n i18n.changeLanguage(code);\r\n }\r\n }, [code]);\r\n\r\n return (<>\r\n );\r\n};\r\n\r\n\r\n\r\nexport default LanguageManager;\r\n","import React from 'react';\r\nimport { ToastContainer } from 'react-toastify';\r\n\r\nimport 'react-toastify/dist/ReactToastify.css';\r\n\r\nconst ToastManager: React.FC = () => (\r\n \r\n
\r\n);\r\n\r\nexport default ToastManager;\r\n","import en from './en/strings.json';\r\nimport es from './es/strings.json';\r\nimport ptbr from './pt-BR/strings.json';\r\n\r\nexport const resources = {\r\n en: { translation: en },\r\n es: { translation: es },\r\n 'pt-BR': { translation: ptbr },\r\n} as const;\r\n","\r\n// importing MyRouts where we located all of our theme\r\nimport MyRouts from './routers/routes'\r\n\r\nimport LanguageManager from \"src/components/LanguageManager/LanguageManager\";\r\nimport ToastManager from \"src/components/ToastManager/ToastManager\";\r\nimport { I18nextProvider, initReactI18next } from 'react-i18next';\r\nimport { resources } from './i18n/config';\r\nimport i18n from 'i18next';\r\n\r\nimport \"./App.css\";\r\n\r\n\r\nfunction App() {\r\nconst code = window.localStorage.getItem('fusyona/language');\r\n i18n\r\n .use(initReactI18next)\r\n .init({\r\n lng: code? code : \"en\",\r\n fallbackLng: 'en',\r\n resources,\r\n });\r\n return (\r\n