+ {list.length === 0 && (
+
+ )}
{list.map((item, idx) => (
@@ -150,41 +223,48 @@ export function MNSList(props: MNSListProps) {
-
{
- setChangeTargetModalId(item.domain);
- }}
- >
- Change target}>
-
-
-
{
- setChangeOwnershipModalId({
- domain: item.domain,
- tokenId: item.tokenId,
- });
- }}
- >
- Change ownership}
+
+
{
+ setChangeTargetModalId(item.domain);
+ }}
+ disabled={isPending}
>
-
-
{
- deleteDnsEntry({ tokenId: item.tokenId });
- }}
- >
- Delete}>
-
-
+
Change target}
+ >
+
+
+
{
+ setChangeOwnershipModalId({
+ domain: item.domain,
+ tokenId: item.tokenId,
+ });
+ }}
+ disabled={isPending}
+ >
+ Change ownership}
+ >
+
+
+
{
+ deleteDnsEntry(item.domain);
+ }}
+ disabled={isPending}
+ >
+ Delete}>
+
+
+
- {!connected ? (
+
+ {!connected || !mnsContract ? (
Please connect your wallet above
@@ -39,14 +26,8 @@ export function MNSManagement(props: MNSManagementProps) {
) : (
-
)}
diff --git a/frontend/src/const/dataStoreKeys.ts b/frontend/src/const/dataStoreKeys.ts
new file mode 100644
index 0000000..0570a22
--- /dev/null
+++ b/frontend/src/const/dataStoreKeys.ts
@@ -0,0 +1,21 @@
+import { strToBytes } from '@massalabs/massa-web3';
+
+export const TARGET_KEY_PREFIX = [0x02];
+export const DOMAIN_KEY_PREFIX = [0x03];
+export const DOMAIN_SEPARATOR_KEY = [0x42];
+
+export function getDomainKey(id: Uint8Array): Uint8Array {
+ return Uint8Array.from([
+ ...DOMAIN_SEPARATOR_KEY,
+ ...DOMAIN_KEY_PREFIX,
+ ...id,
+ ]);
+}
+
+export function getTargetKey(domain: string): Uint8Array {
+ return Uint8Array.from([
+ ...DOMAIN_SEPARATOR_KEY,
+ ...TARGET_KEY_PREFIX,
+ ...strToBytes(domain),
+ ]);
+}
diff --git a/frontend/src/const/faq.ts b/frontend/src/const/faq.ts
new file mode 100644
index 0000000..1b0f36d
--- /dev/null
+++ b/frontend/src/const/faq.ts
@@ -0,0 +1,38 @@
+import { FAQData } from '../components/FAQ';
+
+export const faqData: FAQData[] = [
+ {
+ question: 'What is Massa Name Service ?',
+ answer:
+ 'Massa Name Service is a decentralized naming service which allows users and smart contracts to be recognized on the Massa blockchain.',
+ },
+ {
+ question: 'How do I register a name ?',
+ answer:
+ 'To register a name, you need to connect your Massa wallet and enter the name you want to register in the register section. If the name is available, you can register it by paying the registration fee.',
+ },
+ {
+ question: 'How much does it cost to register a name ?',
+ answer:
+ 'The cost depends on the size of the name. 10000 coins for 2 characters, 1000 coins for 3 characters, 100 coins for 4 characters, 10 coins for 5 characters and 1 coin for 6 and more characters. An little additional amount is taken to cover storage fees. You can see the exact price while typing a domain in the register section.',
+ },
+ {
+ question: 'How do I transfer a name ?',
+ answer:
+ 'Massa Names are NFTs and can be transferred like any other NFT. You can transfer them on purrfect universe using the icon at the top of the page.',
+ },
+ {
+ question: 'Can I change the address my name is targeting ?',
+ answer:
+ 'Yes you can change the address your name is targeting by using the edit icon in the management section. It will change the target address but you will still be the owner of the name.',
+ },
+ {
+ question: 'For how long is a name registered ?',
+ answer: 'Forever.',
+ },
+ {
+ question: 'Can I free my name and get my coins back ?',
+ answer:
+ 'Yes you can free your name using the trash icon in the management section. You will get half of the coins you paid for the registration back.',
+ },
+];
diff --git a/frontend/src/const/sc.ts b/frontend/src/const/sc.ts
index 94b5498..d68c63e 100644
--- a/frontend/src/const/sc.ts
+++ b/frontend/src/const/sc.ts
@@ -1,9 +1,9 @@
-import { fromMAS } from '@massalabs/massa-web3';
+import { Mas } from '@massalabs/massa-web3';
export const MAINNET_SC_ADDRESS = import.meta.env.VITE_MAINNET_SC_ADDRESS;
export const BUILDNET_SC_ADDRESS = import.meta.env.VITE_BUILDNET_SC_ADDRESS;
-export const VESTING_SESSION_STORAGE_COST = fromMAS(2);
+export const VESTING_SESSION_STORAGE_COST = Mas.fromMas(2n);
let defaultOpFees: bigint;
try {
defaultOpFees = BigInt(import.meta.env.VITE_OP_FEES);
diff --git a/frontend/src/hooks/useMnsClaim.ts b/frontend/src/hooks/useMnsClaim.ts
new file mode 100644
index 0000000..6b8a2b4
--- /dev/null
+++ b/frontend/src/hooks/useMnsClaim.ts
@@ -0,0 +1,102 @@
+import { formatAmount, useHandleOperation } from '@massalabs/react-ui-kit';
+import { useState } from 'react';
+import { useMnsStore } from '../store/mns';
+import { Mas, Provider } from '@massalabs/massa-web3';
+
+export function useMnsClaim(provider: Provider) {
+ const [domain, setDomain] = useState
('');
+ const { mnsContract, getAllocationCost, resolve, getUserEntryList } =
+ useMnsStore();
+
+ const { handleOperation } = useHandleOperation();
+
+ const [allocCost, setAllocCost] = useState(0n);
+ const [error, setError] = useState(null);
+ const [loadPrice, setLoadPrice] = useState(false);
+
+ async function claim() {
+ const operation = await mnsContract.alloc(domain, provider.address, {
+ coins: allocCost,
+ });
+
+ await handleOperation(operation, {
+ pending: 'Entry registering in progress',
+ success: 'Successfully registered',
+ error: 'Failed to register',
+ });
+
+ getUserEntryList(provider, provider.address);
+ setDomain('');
+ }
+
+ async function onDomainChange(domain: string) {
+ setError(null);
+ setLoadPrice(true);
+ setDomain(domain);
+
+ if (!domain) {
+ resetCostAndLoading();
+ return;
+ }
+
+ // TODO: Should we get owner instead of target? or both?
+ const target = await resolve(domain);
+ if (target) {
+ setError(`Domain already linked to ${target}`);
+ resetCostAndLoading();
+ return;
+ }
+
+ try {
+ const cost = await getAllocationCost({
+ domain,
+ targetAddress: provider?.address ?? '',
+ });
+
+ const targetBalance = await provider?.balance(false);
+
+ if (cost > targetBalance) {
+ setError(insufficientFundsMessage(cost, targetBalance));
+ resetCostAndLoading(cost);
+ return;
+ }
+
+ setAllocCost(cost);
+ } catch (err) {
+ handleCostError(err);
+ } finally {
+ setLoadPrice(false);
+ }
+ }
+
+ function resetCostAndLoading(cost: bigint = 0n) {
+ setAllocCost(cost);
+ setLoadPrice(false);
+ }
+
+ function insufficientFundsMessage(cost: bigint, balance: bigint) {
+ return `The price of the domain is ${
+ formatAmount(cost, Mas.NB_DECIMALS).preview
+ } MAS. Your balance is ${
+ formatAmount(balance, Mas.NB_DECIMALS).preview
+ } MAS. Please top up your account.`;
+ }
+
+ function handleCostError(err: unknown) {
+ if (err instanceof Error) {
+ setError(err.message);
+ } else {
+ setError('An unexpected error occurred');
+ }
+ resetCostAndLoading();
+ }
+
+ return {
+ domain,
+ error,
+ loadPrice,
+ allocCost,
+ claim,
+ onDomainChange,
+ };
+}
diff --git a/frontend/src/lib/connectMassaWallets/components/BearbySvg.tsx b/frontend/src/lib/connectMassaWallets/components/BearbySvg.tsx
deleted file mode 100644
index af193b4..0000000
--- a/frontend/src/lib/connectMassaWallets/components/BearbySvg.tsx
+++ /dev/null
@@ -1,35 +0,0 @@
-/* eslint-disable max-len */
-export function BearbySvg() {
- return (
-
-
-
-
-
-
-
-
- );
-}
diff --git a/frontend/src/lib/connectMassaWallets/components/BearbyWallet.tsx b/frontend/src/lib/connectMassaWallets/components/BearbyWallet.tsx
deleted file mode 100644
index bf4e76c..0000000
--- a/frontend/src/lib/connectMassaWallets/components/BearbyWallet.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { useAccountStore } from '../store';
-import { ConnectedAccount } from './ConnectedAccount';
-import { MASBalance } from './MASBalance';
-import { WalletError } from './WalletError';
-import Intl from '../i18n/i18n';
-import { BEARBY_INSTALL } from '../const';
-
-export default function BearbyWallet() {
- const { connectedAccount } = useAccountStore();
-
- if (connectedAccount) {
- return (
-
-
- );
- }
-
- return (
- {
- setSelectedProvider(providerName);
- const provider = providers.find((p) => p.name() === providerName);
- if (provider) {
- setCurrentProvider(provider);
- }
- }}
- />
- );
-
- function renderWallet() {
- switch (selectedProvider) {
- case SUPPORTED_MASSA_WALLETS.MASSASTATION:
- return
-
- {renderSelectedWallet()}
-
-
{
- setSelectedProvider(undefined);
- setCurrentProvider();
- }}
- />
-
-
- );
-}
diff --git a/frontend/src/lib/connectMassaWallets/components/FetchingComponent.tsx b/frontend/src/lib/connectMassaWallets/components/FetchingComponent.tsx
deleted file mode 100644
index 1b45aee..0000000
--- a/frontend/src/lib/connectMassaWallets/components/FetchingComponent.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import Intl from '../i18n/i18n';
-
-export function FetchingRound() {
- return (
-
-
- );
-}
-
-interface FetchingCircleProps {
- height?: number;
- width?: number;
-}
-
-export function FetchingLine(props: FetchingCircleProps) {
- const { height = 2, width = 24 } = props;
-
- return (
-
- );
-}
-
-export function FetchingStatus() {
- return (
-
- {Intl.t('general.loading')}.
-
- );
-}
diff --git a/frontend/src/lib/connectMassaWallets/components/MASBalance.tsx b/frontend/src/lib/connectMassaWallets/components/MASBalance.tsx
deleted file mode 100644
index 778ee26..0000000
--- a/frontend/src/lib/connectMassaWallets/components/MASBalance.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-import { useEffect, useState } from 'react';
-import { fromMAS } from '@massalabs/massa-web3';
-import { IAccountBalanceResponse } from '@massalabs/wallet-provider';
-import Intl from '../i18n/i18n';
-import { useAccountStore } from '../store';
-import { massaToken } from '../const';
-import { fetchMASBalance } from '../utils';
-import { formatAmount } from '@massalabs/react-ui-kit';
-import { FetchingLine } from './FetchingComponent';
-
-export function MASBalance() {
- const [balance, setBalance] = useState();
-
- const { connectedAccount } = useAccountStore();
-
- useEffect(() => {
- if (!connectedAccount) return;
- fetchMASBalance(connectedAccount).then((balance) => {
- setBalance(balance);
- });
- }, [connectedAccount, setBalance]);
-
- const formattedBalance = formatAmount(
- fromMAS(balance?.candidateBalance || '0').toString(),
- 9,
- ).amountFormattedFull;
-
- return (
-
- {Intl.t('connect-wallet.connected-cards.wallet-balance')}
- {balance === undefined ? (
-
- );
-}
diff --git a/frontend/src/lib/connectMassaWallets/components/OperationToast.tsx b/frontend/src/lib/connectMassaWallets/components/OperationToast.tsx
deleted file mode 100644
index 47b46ff..0000000
--- a/frontend/src/lib/connectMassaWallets/components/OperationToast.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import Intl from '../i18n/i18n';
-import { generateExplorerLink } from '../utils';
-
-type OperationToastProps = {
- title: string;
- operationId?: string;
- isMainnet?: boolean;
-};
-
-export function OperationToast({
- title,
- operationId,
- isMainnet,
-}: OperationToastProps) {
- return (
-
- );
-}
diff --git a/frontend/src/lib/connectMassaWallets/components/SelectMassaWallet.tsx b/frontend/src/lib/connectMassaWallets/components/SelectMassaWallet.tsx
deleted file mode 100644
index 256fb57..0000000
--- a/frontend/src/lib/connectMassaWallets/components/SelectMassaWallet.tsx
+++ /dev/null
@@ -1,51 +0,0 @@
-import { Dropdown, MassaWallet } from '@massalabs/react-ui-kit';
-import Intl from '../i18n/i18n';
-import { BearbySvg } from './BearbySvg';
-import { SUPPORTED_MASSA_WALLETS } from '../const';
-import { Disconnected } from './Status/Disconnected';
-
-const walletList = [
- {
- name: SUPPORTED_MASSA_WALLETS.MASSASTATION,
- icon:
-
- {Intl.t('connect-wallet.card-destination.to')}
-
-
-
-
-
- );
-};
-
-export default SelectMassaWallet;
diff --git a/frontend/src/lib/connectMassaWallets/components/StationSelectAccount.tsx b/frontend/src/lib/connectMassaWallets/components/StationSelectAccount.tsx
deleted file mode 100644
index d0a624e..0000000
--- a/frontend/src/lib/connectMassaWallets/components/StationSelectAccount.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-import { Dropdown } from '@massalabs/react-ui-kit';
-import { IAccount } from '@massalabs/wallet-provider';
-import { useAccountStore } from '../store';
-
-export function StationSelectAccount() {
- const [accounts, connectedAccount, setConnectedAccount] = useAccountStore(
- (state) => [
- state.accounts,
- state.connectedAccount,
- state.setConnectedAccount,
- ],
- );
-
- const selectedAccountKey: number = (accounts || []).findIndex(
- (account) => account.name() === connectedAccount?.name(),
- );
-
- const onAccountChange = async (account: IAccount) => {
- setConnectedAccount(account);
- };
-
- return (
- {
- return {
- item: account.name(),
- onClick: () => onAccountChange(account),
- };
- })}
- />
- );
-}
diff --git a/frontend/src/lib/connectMassaWallets/components/StationWallet.tsx b/frontend/src/lib/connectMassaWallets/components/StationWallet.tsx
deleted file mode 100644
index 1aeea32..0000000
--- a/frontend/src/lib/connectMassaWallets/components/StationWallet.tsx
+++ /dev/null
@@ -1,92 +0,0 @@
-import { useEffect, useState } from 'react';
-import {
- isMassaStationAvailable,
- isMassaWalletEnabled,
-} from '@massalabs/wallet-provider';
-import { ConnectedAccount } from './ConnectedAccount';
-import { MASBalance } from './MASBalance';
-import { StationSelectAccount } from './StationSelectAccount';
-import { WalletError } from './WalletError';
-import {
- MASSA_STATION_INSTALL,
- MASSA_STATION_STORE,
- MASSA_WALLET_CREATE_ACCOUNT,
-} from '../const';
-import { useAccountStore } from '../store';
-import Intl from '../i18n/i18n';
-
-export default function StationWallet() {
- const { accounts } = useAccountStore();
-
- const [stationIsOn, setStationIsOn] = useState(
- undefined,
- );
- const [massaWalletIsOn, setMassaWalletIsOn] = useState(
- undefined,
- );
-
- useEffect(() => {
- isMassaStationAvailable().then((result) => {
- setStationIsOn(result);
- });
- isMassaWalletEnabled().then((result) => {
- setMassaWalletIsOn(result);
- });
- });
-
- if (stationIsOn === false) {
- return (
-
;
- }
-
- return (
-
- );
-}
diff --git a/frontend/src/lib/connectMassaWallets/components/Status/ChainStatus.tsx b/frontend/src/lib/connectMassaWallets/components/Status/ChainStatus.tsx
deleted file mode 100644
index 6d350bc..0000000
--- a/frontend/src/lib/connectMassaWallets/components/Status/ChainStatus.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { useAccountStore } from '../../store';
-import { Connected } from './Connected';
-import { Disconnected } from './Disconnected';
-
-export function ChainStatus() {
- const { connectedAccount, currentProvider } = useAccountStore();
-
- const connected = !!connectedAccount && !!currentProvider;
-
- return <>{connected ? {Intl.t('connect-wallet.tag.connected')}
- );
-}
diff --git a/frontend/src/lib/connectMassaWallets/components/Status/Disconnected.tsx b/frontend/src/lib/connectMassaWallets/components/Status/Disconnected.tsx
deleted file mode 100644
index 4a15b87..0000000
--- a/frontend/src/lib/connectMassaWallets/components/Status/Disconnected.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { Tag } from '@massalabs/react-ui-kit';
-import Intl from '../../i18n/i18n';
-import { tagTypes } from '../../const';
-
-export function Disconnected() {
- return (
-
- {Intl.t('connect-wallet.tag.not-connected')}
-
- );
-}
diff --git a/frontend/src/lib/connectMassaWallets/components/SwitchWalletButton.tsx b/frontend/src/lib/connectMassaWallets/components/SwitchWalletButton.tsx
deleted file mode 100644
index a82474e..0000000
--- a/frontend/src/lib/connectMassaWallets/components/SwitchWalletButton.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import Intl from '../i18n/i18n';
-
-export default function SwitchWalletButton({
- onClick,
-}: {
- onClick: () => void;
-}) {
- return (
-
-
- {Intl.t('connect-wallet.card-destination.switch')}
-
-
(undefined);
-
- function callSmartContract(
- targetFunction: string,
- targetAddress: string,
- parameter: number[],
- messages: ToasterMessage,
- coins = BigInt(0),
- ) {
- if (!client) {
- throw new Error('Massa client not found');
- }
- if (isOpPending) {
- throw new Error('Operation is already pending');
- }
- setIsSuccess(false);
- setIsError(false);
- setIsOpPending(false);
- setIsPending(true);
- let operationId: string | undefined;
- let toastId: string | undefined;
-
- const callData = {
- targetAddress,
- targetFunction,
- parameter,
- coins,
- } as ICallData;
-
- client
- .smartContracts()
- .readSmartContract(callData)
- .then((response) => {
- const gasCost = BigInt(response.info.gas_cost);
- return minBigInt(gasCost + (gasCost * 20n) / 100n, MAX_GAS_CALL);
- })
- .then((maxGas: bigint) => {
- callData.maxGas = maxGas;
- return client.smartContracts().callSmartContract(callData);
- })
- .then((opId) => {
- operationId = opId;
- setOpId(operationId);
- setIsOpPending(true);
- toastId = toast.loading(
- (t) => (
-
-
- ),
- {
- duration: Infinity,
- },
- );
- return client
- .smartContracts()
- .awaitMultipleRequiredOperationStatus(operationId, [
- EOperationStatus.SPECULATIVE_ERROR,
- EOperationStatus.FINAL_ERROR,
- EOperationStatus.FINAL_SUCCESS,
- ]);
- })
- .then((status: EOperationStatus) => {
- if (status !== EOperationStatus.FINAL_SUCCESS) {
- throw new Error('Operation failed', { cause: { status } });
- }
- setIsSuccess(true);
- setIsOpPending(false);
- setIsPending(false);
- toast.dismiss(toastId);
- toast.success((t) => (
-
-
- ));
- })
- .catch((error) => {
- console.error(error);
- toast.dismiss(toastId);
- setIsError(true);
- setIsOpPending(false);
- setIsPending(false);
-
- if (!operationId) {
- console.error('Operation ID not found');
- toast.error((t) => (
-
-
- ));
- return;
- }
-
- if (
- [
- EOperationStatus.FINAL_ERROR,
- EOperationStatus.SPECULATIVE_ERROR,
- ].includes(error.cause?.status)
- ) {
- toast.error((t) => (
-
-
- ));
- logSmartContractEvents(client, operationId);
- } else {
- toast.error((t) => (
-
-
- ));
- }
- });
- }
-
- return {
- opId,
- isOpPending,
- isPending,
- isSuccess,
- isError,
- callSmartContract,
- };
-}
diff --git a/frontend/src/lib/connectMassaWallets/i18n/en_US.json b/frontend/src/lib/connectMassaWallets/i18n/en_US.json
deleted file mode 100644
index 71db27d..0000000
--- a/frontend/src/lib/connectMassaWallets/i18n/en_US.json
+++ /dev/null
@@ -1,54 +0,0 @@
-{
- "toast": {
- "explorer": "view in explorer"
- },
- "steps": {
- "failed-timeout": "Operation failed due to timeout, please retry with more fees."
- },
- "connect-wallet": {
- "title": "Connect wallets",
- "connected": "Connected wallets",
- "description": "Connect wallets for {network1} and {network2}, to bridge tokens.",
- "button": "Connect",
- "card-destination": {
- "from": "Ethereum wallet",
- "to": "Massa wallet",
- "non-massa-wallet": "Switch accounts directly within your wallet.",
- "switch": "switch wallet",
- "select-wallet": "Select wallet",
- "your-wallet": "Your wallet",
- "bearby-not-installed": "Bearby extension is either turned off or not installed. Make sure the extension is on and refresh the page.",
- "get-bearby": "Get Bearby here",
- "massa-station-not-detected": "Massa Station desktop app is not detected. Make sure the app is opened, or click below to install it.",
- "get-massa-station": "Get Massa Station",
- "massa-wallet-not-detected": "Massa Wallet is not detected. Make sure the plugin is installed, or click below to install it.",
- "get-massa-wallet": "Get Massa Wallet",
- "massa-wallet-no-account": "No wallet accounts found in Massa Wallet.",
- "massa-wallet-create-account": "Create an account",
- "not-detected": "wallet is not detected."
- },
- "MASSASTATION": "MassaWallet",
- "BEARBY": "Bearby",
- "connected-cards": {
- "wallet-balance": "Balance: "
- },
- "connect-massa": {
- "unsupported-net": "Switch to 'buildnet' in top-right corner of Station's homepage"
- },
- "wrong-chain": "Wrong wallet network. Please, switch to {network} in your {name} wallet settings.",
- "connect-metamask": {
- "connect-to-metamask": "Connect to Metamask",
- "invalid-network": "Current network is not supported. Please, switch to {network}.",
- "switch-network": "Switch network",
- "no-metamask": "It seems like you don't have Metamask installed.",
- "install-metamask": "Install Metamask"
- },
- "tag": {
- "not-connected": "Not connected",
- "connected": "Connected",
- "wrong-chain": "Unsupported network",
- "wrong-chain-massa-station-tooltip": "Switch to {network} in top-right corner of Station's homepage",
- "wrong-chain-bearby-tooltip": "Switch to {network} in top-left corner of Bearby's extension"
- }
- }
-}
diff --git a/frontend/src/lib/connectMassaWallets/i18n/i18n.ts b/frontend/src/lib/connectMassaWallets/i18n/i18n.ts
deleted file mode 100644
index 5a86b0c..0000000
--- a/frontend/src/lib/connectMassaWallets/i18n/i18n.ts
+++ /dev/null
@@ -1,72 +0,0 @@
-import dot from 'dot-object';
-import enUs from './en_US.json';
-import { INTL } from '../const';
-
-type Copy = Record;
-
-class I18n {
- private lang: string;
- private copy: Copy;
-
- constructor() {
- this.lang = this._getLang();
- this.copy = this._getCopy();
- }
-
- public t(key: string, interpolations?: Record): string {
- const copy = this.copy;
- // we are using pick in order to make life easier when the day for plurals and copy with params arrives
- const result = dot.pick(key, copy);
-
- if (!result) {
- console.warn(`I18n::t:: No translation found for key ${key}`);
- }
-
- return interpolations
- ? this._interpolateKeys(result, interpolations)
- : result ?? key;
- }
-
- private _getLang(): string {
- const urlParams = new URLSearchParams(window.location.search);
- const fromUrl = urlParams.get('l');
-
- if (fromUrl) {
- localStorage.setItem('massa-station-lang', fromUrl);
- }
-
- return fromUrl || localStorage.getItem('massa-station-lang') || INTL.EN_us;
- }
-
- private _getCopy(): Copy {
- const lang = this.lang;
-
- if (lang === INTL.EN_us) {
- return enUs;
- } else {
- console.warn(
- `I18n::_getCopy:: We may not support yet ${lang}. Loading 'en_US' then... `,
- );
- return enUs;
- }
- }
-
- private _interpolateKeys(
- str: string,
- replacements: Record,
- char1 = '{',
- char2 = '}',
- ): string {
- const regex = new RegExp(`${char1}[^${char2}]*${char2}`, 'g');
-
- return str.replace(regex, (match) => {
- const key = match.slice(1, -1);
- return replacements[key] ?? match;
- });
- }
-}
-
-const Intl = new I18n();
-Object.freeze(Intl);
-
-export default Intl;
diff --git a/frontend/src/lib/connectMassaWallets/store/accountStore.ts b/frontend/src/lib/connectMassaWallets/store/accountStore.ts
deleted file mode 100644
index c1fd22d..0000000
--- a/frontend/src/lib/connectMassaWallets/store/accountStore.ts
+++ /dev/null
@@ -1,193 +0,0 @@
-import { Client, ClientFactory } from '@massalabs/massa-web3';
-import { IAccount, IProvider } from '@massalabs/wallet-provider';
-import { SUPPORTED_MASSA_WALLETS } from '../const';
-
-async function handleBearbyAccountChange(
- newAddress: string,
- store: AccountStoreState,
-) {
- const { connectedAccount, currentProvider, setConnectedAccount } = store;
-
- const oldAddress = connectedAccount?.address();
-
- if (newAddress !== oldAddress) {
- const newAccounts = await currentProvider?.accounts();
-
- if (newAccounts?.length) {
- // Bearby returns only one account
- const newAccount = newAccounts[0];
- setConnectedAccount(newAccount);
- }
- }
-}
-
-export interface AccountStoreState {
- connectedAccount?: IAccount;
- massaClient?: Client;
- accounts?: IAccount[];
- currentProvider?: IProvider;
- providers: IProvider[];
- isFetching: boolean;
- accountObserver?: {
- unsubscribe: () => void;
- };
- networkObserver?: {
- unsubscribe: () => void;
- };
- chainId?: bigint;
-
- setCurrentProvider: (provider?: IProvider) => void;
- setProviders: (providers: IProvider[]) => void;
-
- setConnectedAccount: (account?: IAccount) => void;
- refreshMassaClient: () => void;
-}
-
-const accountStore = (
- set: (params: Partial) => void,
- get: () => AccountStoreState,
-) => ({
- accounts: undefined,
- connectedAccount: undefined,
- accountObserver: undefined,
- networkObserver: undefined,
- massaClient: undefined,
- currentProvider: undefined,
- providers: [],
- isFetching: false,
- chainId: undefined,
-
- setCurrentProvider: (currentProvider?: IProvider) => {
- try {
- set({ isFetching: true });
-
- const previousProvider = get().currentProvider;
-
- if (previousProvider?.name() !== currentProvider?.name()) {
- get().accountObserver?.unsubscribe();
- get().networkObserver?.unsubscribe();
- set({ accountObserver: undefined, networkObserver: undefined });
- }
- if (!currentProvider) {
- set({
- currentProvider: undefined,
- connectedAccount: undefined,
- accounts: undefined,
- });
- return;
- }
-
- if (!get().networkObserver) {
- const networkObserver = currentProvider.listenNetworkChanges(
- async () => {
- get().refreshMassaClient();
- set({ chainId: await currentProvider.getChainId() });
- },
- );
- set({ networkObserver });
- }
-
- if (currentProvider?.name() === SUPPORTED_MASSA_WALLETS.BEARBY) {
- currentProvider
- .connect()
- .then(() => {
- // get current network
- currentProvider
- .getChainId()
- .then((chainId) => {
- set({ chainId });
- })
- .catch((error) => {
- console.warn('error getting network from bearby', error);
- });
- // subscribe to network events
- const observer = currentProvider.listenAccountChanges(
- (newAddress: string) => {
- handleBearbyAccountChange(newAddress, get());
- },
- );
- set({ currentProvider, accountObserver: observer });
-
- // get connected account
- currentProvider
- .accounts()
- .then((accounts) => {
- // bearby expose only 1 account
- get().setConnectedAccount(accounts[0]);
- set({ accounts });
- })
- .catch((error) => {
- console.warn('error getting accounts from bearby', error);
- });
- })
- .catch((error) => {
- console.warn('error connecting to bearby', error);
- });
- return;
- }
-
- set({ currentProvider });
-
- currentProvider
- .accounts()
- .then((accounts) => {
- set({ accounts });
-
- const selectedAccount = accounts[0];
- get().setConnectedAccount(selectedAccount);
- })
- .catch((error) => {
- console.warn('error getting accounts from provider', error);
- });
- } finally {
- set({ isFetching: false });
- }
- },
-
- setProviders: (providers: IProvider[]) => {
- set({ providers });
-
- // if current provider is not in the new list of providers, unset it
- if (!providers.some((p) => p.name() === get().currentProvider?.name())) {
- set({
- massaClient: undefined,
- currentProvider: undefined,
- connectedAccount: undefined,
- accounts: undefined,
- });
- }
- },
-
- // set the connected account, and update the massa client
- setConnectedAccount: async (connectedAccount?: IAccount) => {
- set({ connectedAccount });
- if (connectedAccount) {
- const currentProvider = get().currentProvider;
- if (!currentProvider) throw new Error('No provider found');
- const provider = currentProvider;
- // update the massa client with the new account
- set({
- massaClient: await ClientFactory.fromWalletProvider(
- provider,
- connectedAccount,
- ),
- });
- }
- },
-
- refreshMassaClient: async () => {
- const provider = get().currentProvider;
- if (!provider) return;
-
- const connectedAccount = get().connectedAccount;
- if (!connectedAccount) return;
- set({
- massaClient: await ClientFactory.fromWalletProvider(
- provider,
- connectedAccount,
- ),
- });
- },
-});
-
-export default accountStore;
diff --git a/frontend/src/lib/connectMassaWallets/store/index.ts b/frontend/src/lib/connectMassaWallets/store/index.ts
deleted file mode 100644
index 5e44ddb..0000000
--- a/frontend/src/lib/connectMassaWallets/store/index.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import accountStore, { AccountStoreState } from './accountStore';
-import { ProvidersListener } from '@massalabs/wallet-provider';
-import { create } from 'zustand';
-
-export const useAccountStore = create((set, get) => ({
- ...accountStore(set, get),
-}));
-
-async function initAccountStore() {
- new ProvidersListener(2_000).subscribe((providers) => {
- useAccountStore.getState().setProviders(providers);
- });
-}
-
-async function initializeStores() {
- await initAccountStore();
-}
-
-initializeStores();
diff --git a/frontend/src/lib/connectMassaWallets/utils.ts b/frontend/src/lib/connectMassaWallets/utils.ts
deleted file mode 100644
index c97129c..0000000
--- a/frontend/src/lib/connectMassaWallets/utils.ts
+++ /dev/null
@@ -1,63 +0,0 @@
-import { toast } from '@massalabs/react-ui-kit';
-import { IAccount, IAccountBalanceResponse } from '@massalabs/wallet-provider';
-import { Client } from '@massalabs/massa-web3';
-import Intl from './i18n/i18n';
-import {
- MASSA_EXPLORER_URL,
- MASSA_EXPLO_EXTENSION,
- MASSA_EXPLO_URL,
-} from './const';
-
-export function logSmartContractEvents(
- client: Client,
- operationId: string,
-): void {
- client
- .smartContracts()
- .getFilteredScOutputEvents({
- emitter_address: null,
- start: null,
- end: null,
- original_caller_address: null,
- original_operation_id: operationId,
- is_final: null,
- })
- .then((events) => {
- events.map((l) =>
- console.error(`opId ${operationId}: execution error ${l.data}`),
- );
- });
-}
-
-export function generateExplorerLink(opId: string, isMainnet = true): string {
- const buildnetExplorerUrl = `${MASSA_EXPLO_URL}${opId}${MASSA_EXPLO_EXTENSION}`;
- const mainnetExplorerUrl = `${MASSA_EXPLORER_URL}${opId}`;
- const explorerUrl = isMainnet ? mainnetExplorerUrl : buildnetExplorerUrl;
-
- return explorerUrl;
-}
-
-/**
- * Masks the middle of an address with a specified character.
- * @param str - The address to mask.
- * @param mask - The character to use for masking. Defaults to `.`.
- * @returns The masked address.
- */
-export function maskAddress(str: string, length = 4, mask = '...'): string {
- const start = length;
- const end = str?.length - length;
-
- return str ? str?.substring(0, start) + mask + str?.substring(end) : '';
-}
-
-export async function fetchMASBalance(
- account: IAccount,
-): Promise {
- try {
- return account.balance();
- } catch (error) {
- console.error('Error while retrieving balance: ', error);
- toast.error(Intl.t('index.balance.error'));
- return { finalBalance: '0', candidateBalance: '0' };
- }
-}
diff --git a/frontend/src/store/mns.ts b/frontend/src/store/mns.ts
new file mode 100644
index 0000000..e2917d8
--- /dev/null
+++ b/frontend/src/store/mns.ts
@@ -0,0 +1,163 @@
+import { create } from 'zustand';
+import { DnsUserEntryListResult, DnsAllocParams } from '../utils/interface';
+import {
+ Account,
+ Args,
+ CHAIN_ID,
+ JsonRpcProvider,
+ MNS,
+ Network,
+ Provider,
+ U256,
+ bytesToStr,
+} from '@massalabs/massa-web3';
+import { getTargetKey, getDomainKey } from '../const/dataStoreKeys';
+
+interface MnsStoreState {
+ mnsContract: MNS;
+ list: DnsUserEntryListResult[];
+ listSpinning: boolean;
+ resolve: (domain: string) => Promise;
+ getAllocationCost: (params: DnsAllocParams) => Promise;
+ getUserEntryList: (provider: Provider, userAddress: string) => Promise;
+ fetchDomains: (
+ provider: Provider,
+ tokenIdsBytes: Uint8Array[],
+ ) => Promise;
+ fetchTargets: (provider: Provider, domains: string[]) => Promise;
+ setMnsContract: (provider: Provider, network: Network) => void;
+}
+
+const createMnsStore = () =>
+ create((set, get) => ({
+ mnsContract: MNS.buildnet(JsonRpcProvider.buildnet()),
+ list: [],
+ listSpinning: false,
+
+ resolve: async (domain: string) => {
+ return await get().mnsContract.resolve(domain);
+ },
+
+ getAllocationCost: async (params: DnsAllocParams) => {
+ try {
+ return await get().mnsContract.dnsAllocCost(params.domain);
+ } catch (error) {
+ throw Error(
+ 'Name can only be 2-100 characters long and can contain only lowercase letters, numbers, and hyphens.',
+ );
+ }
+ },
+
+ getUserEntryList: async (provider: Provider, userAddress: string) => {
+ set({ listSpinning: true });
+
+ try {
+ const resultBalance = await provider.readSC({
+ target: get().mnsContract.address,
+ func: 'balanceOf',
+ parameter: new Args().addString(userAddress),
+ // TODO: Check why readOnly fails when using caller with no transaction
+ caller: 'AU1dvPZNjcTQfNQQuysWyxLLhEzw4kB9cGW2RMMVAQGrkzZHqWGD',
+ });
+
+ console.log(resultBalance);
+
+ const balance = U256.fromBytes(resultBalance.value);
+
+ if (balance === 0n) {
+ set({ list: [] });
+ set({ listSpinning: false });
+ return;
+ }
+
+ const filter = `ownedTokens${userAddress}`;
+ const ownedKeys = await provider.getStorageKeys(
+ get().mnsContract.address,
+ filter,
+ false,
+ );
+
+ if (!ownedKeys) {
+ set({ list: [] });
+ set({ listSpinning: false });
+ return;
+ }
+
+ const tokenIdsBytes = ownedKeys.map((key) => key.slice(filter.length));
+ const tokenIds = tokenIdsBytes.map((bytes) =>
+ U256.fromBytes(Uint8Array.from(bytes)),
+ );
+
+ const domains = await get().fetchDomains(provider, tokenIdsBytes);
+ const targets = await get().fetchTargets(provider, domains);
+
+ const newList = domains.map((domain, index) => ({
+ domain,
+ targetAddress: targets[index],
+ tokenId: tokenIds[index],
+ }));
+
+ set({ list: newList });
+ } catch (error) {
+ set({ list: [] });
+ } finally {
+ set({ listSpinning: false });
+ }
+ },
+
+ async fetchDomains(
+ provider: Provider,
+ tokenIdsBytes: Uint8Array[],
+ ): Promise {
+ const mnsContract = get().mnsContract;
+ if (!mnsContract) {
+ throw new Error('MNS contract not set');
+ }
+ const domainsDataStoreEntries = tokenIdsBytes.map((id) =>
+ getDomainKey(id),
+ );
+ const domainsRes = await provider.readStorage(
+ mnsContract.address,
+ domainsDataStoreEntries,
+ false,
+ );
+ return domainsRes.map(bytesToStr);
+ },
+
+ async fetchTargets(
+ provider: Provider,
+ domains: string[],
+ ): Promise {
+ const mnsContract = get().mnsContract;
+ if (!mnsContract) {
+ throw new Error('MNS contract not set');
+ }
+
+ const targetDataStoreEntries = domains.map((d) => getTargetKey(d));
+
+ const targetsRes = await provider.readStorage(
+ mnsContract.address,
+ targetDataStoreEntries,
+ false,
+ );
+
+ return targetsRes.map(bytesToStr);
+ },
+
+ setMnsContract: (provider: Provider, network: Network) => {
+ switch (network.chainId) {
+ case CHAIN_ID.Buildnet:
+ set({ mnsContract: MNS.buildnet(provider) });
+ break;
+ case CHAIN_ID.Mainnet:
+ set({ mnsContract: MNS.mainnet(provider) });
+ break;
+ default:
+ throw new Error(
+ 'SC_ADDRESS not found for chainId : ' + network.chainId,
+ );
+ }
+ },
+ }));
+
+export const useMnsStore = createMnsStore();
diff --git a/frontend/src/store/store.ts b/frontend/src/store/store.ts
new file mode 100644
index 0000000..3cc602a
--- /dev/null
+++ b/frontend/src/store/store.ts
@@ -0,0 +1,3 @@
+export async function initApp() {
+ // Set MNSObjectStore
+}
diff --git a/frontend/src/utils/interface.ts b/frontend/src/utils/interface.ts
new file mode 100644
index 0000000..f399cba
--- /dev/null
+++ b/frontend/src/utils/interface.ts
@@ -0,0 +1,17 @@
+export interface DnsAllocParams {
+ domain: string;
+ targetAddress: string;
+ coins?: bigint;
+}
+
+export interface DnsTransferParams {
+ currentOwner: string;
+ newOwner: string;
+ tokenId: bigint;
+}
+
+export interface DnsUserEntryListResult {
+ domain: string;
+ targetAddress: string;
+ tokenId: bigint;
+}
diff --git a/frontend/src/utils/write-mns-sc.tsx b/frontend/src/utils/write-mns-sc.tsx
deleted file mode 100644
index 9bf2fdd..0000000
--- a/frontend/src/utils/write-mns-sc.tsx
+++ /dev/null
@@ -1,491 +0,0 @@
-import {
- Args,
- CHAIN_ID,
- Client,
- EOperationStatus,
- ICallData,
- IDatastoreEntryInput,
- MAX_GAS_CALL,
- bytesToStr,
- bytesToU256,
- bytesToU64,
- strToBytes,
- toMAS,
-} from '@massalabs/massa-web3';
-import { ToastContent, toast } from '@massalabs/react-ui-kit';
-import { useState } from 'react';
-import {
- DEFAULT_OP_FEES,
- MAINNET_SC_ADDRESS,
- BUILDNET_SC_ADDRESS,
-} from '../const/sc';
-import { OperationToast } from '../lib/connectMassaWallets/components/OperationToast';
-import { logSmartContractEvents } from '../lib/connectMassaWallets/utils';
-import { useAccountStore } from '../lib/connectMassaWallets/store';
-import { isEqual } from 'lodash';
-
-interface ToasterMessage {
- pending: string;
- success: string;
- error: string;
- timeout?: string;
-}
-
-export interface DnsAllocParams {
- domain: string;
- targetAddress: string;
- coins?: bigint;
-}
-
-export interface DnsDeleteParams {
- tokenId: bigint;
-}
-
-interface DnsUserEntryListParams {
- address: string;
-}
-
-export interface DnsChangeTargetParams {
- domain: string;
- targetAddress: string;
-}
-
-export interface DnsTransferParams {
- currentOwner: string;
- newOwner: string;
- tokenId: bigint;
-}
-
-export interface DnsUserEntryListResult {
- domain: string;
- targetAddress: string;
- tokenId: bigint;
-}
-
-export interface DnsGetAllocCostResponse {
- price: bigint | null;
- error?: string;
-}
-
-type callSmartContractOptions = {
- coins?: bigint;
- fee?: bigint;
- showInProgressToast?: boolean;
-};
-
-function minBigInt(a: bigint, b: bigint) {
- return a < b ? a : b;
-}
-
-function getScAddress(chainId: bigint | undefined) {
- switch (chainId) {
- case CHAIN_ID.BuildNet:
- return BUILDNET_SC_ADDRESS;
- case CHAIN_ID.MainNet:
- return MAINNET_SC_ADDRESS;
- default:
- throw new Error('SC_ADDRESS not found for chainId : ' + chainId);
- }
-}
-
-export function useWriteMNS(client?: Client) {
- const [isPending, setIsPending] = useState(false);
- const [isSuccess, setIsSuccess] = useState(false);
- const [isError, setIsError] = useState(false);
- const [opId, setOpId] = useState(undefined);
- const [list, setList] = useState([]);
- const [listSpinning, setListSpinning] = useState(false);
- const { chainId } = useAccountStore();
-
- async function getAllocCost(
- params: DnsAllocParams,
- ): Promise {
- const SC_ADDRESS = getScAddress(chainId);
-
- let price = 0n;
- try {
- let args = new Args();
- args.addString(params.domain);
- args.addString(params.targetAddress);
- let response = await client?.smartContracts().readSmartContract({
- targetAddress: SC_ADDRESS,
- targetFunction: 'dnsAllocCost',
- parameter: args.serialize(),
- });
- if (!response) {
- return {
- price: null,
- error: 'Failed to get alloc cost',
- };
- }
- price = bytesToU64(response.returnValue);
- } catch (error) {
- return {
- price: null,
- error:
- 'Name can only be 2-100 characters long and can contains only lowercase letters, numbers and hyphens.',
- };
- }
- try {
- let args = new Args();
- args.addString(params.domain);
- let result = await client?.smartContracts().readSmartContract({
- targetAddress: SC_ADDRESS,
- targetFunction: 'dnsResolve',
- parameter: args.serialize(),
- });
- if (!result) {
- return {
- price: null,
- error: 'Failed to get alloc cost',
- };
- }
- return {
- price: null,
- error: `Domain already registered by ${bytesToStr(result.returnValue)}`,
- };
- } catch (error) {
- try {
- let resultBalance = await client
- ?.publicApi()
- .getAddresses([params.targetAddress]);
- if (!resultBalance) {
- return {
- price: null,
- error: 'Failed to get alloc cost',
- };
- }
- let balance = BigInt(
- (
- parseFloat(resultBalance[0].candidate_balance) * 1_000_000_000
- ).toFixed(0),
- );
- if (balance < price) {
- return {
- price: null,
- error: `The price of the domain is ${toMAS(price).toFixed(
- 4,
- )} MAS. Your balance is ${toMAS(balance).toFixed(
- 4,
- )} MAS. Please top up your account.`,
- };
- }
- } catch (error) {
- return {
- price: null,
- error:
- 'Your account does not exist in the Massa network. Transfer 0.1 MAS to your account to create it onchain.',
- };
- }
- return {
- price: price,
- };
- }
- }
-
- function callSmartContract(
- targetFunction: string,
- parameter: number[],
- messages: ToasterMessage,
- {
- coins = BigInt(0),
- fee = DEFAULT_OP_FEES,
- showInProgressToast = false,
- }: callSmartContractOptions = {},
- ) {
- if (!client) {
- throw new Error('Massa client not found');
- }
- if (isPending) {
- throw new Error('Operation is already pending');
- }
- setIsSuccess(false);
- setIsError(false);
- setIsPending(false);
- let operationId: string | undefined;
- let toastId: string | undefined;
-
- const SC_ADDRESS = getScAddress(chainId);
-
- const callData = {
- targetAddress: SC_ADDRESS,
- targetFunction,
- parameter,
- coins,
- fee,
- } as ICallData;
-
- client
- .smartContracts()
- .readSmartContract(callData)
- .then((response) => {
- const gasCost = BigInt(response.info.gas_cost);
- return minBigInt(gasCost + (gasCost * 20n) / 100n, MAX_GAS_CALL);
- })
- .then((maxGas: bigint) => {
- callData.maxGas = maxGas;
- return client.smartContracts().callSmartContract(callData);
- })
- .then((opId) => {
- operationId = opId;
- setOpId(opId);
- setIsPending(true);
- if (showInProgressToast) {
- toastId = toast.loading(
- (t) => (
-
-
- ),
- {
- duration: Infinity,
- },
- );
- }
- return client
- .smartContracts()
- .awaitMultipleRequiredOperationStatus(opId, [
- EOperationStatus.SPECULATIVE_ERROR,
- EOperationStatus.FINAL_ERROR,
- EOperationStatus.SPECULATIVE_SUCCESS,
- ]);
- })
- .then((status: EOperationStatus) => {
- if (status !== EOperationStatus.SPECULATIVE_SUCCESS) {
- throw new Error('Operation failed', { cause: { status } });
- }
- setIsSuccess(true);
- setIsPending(false);
- toast.dismiss(toastId);
- const baseAccount = client.wallet().getBaseAccount();
- if (client && baseAccount) {
- getUserEntryList({
- address: baseAccount.address()!,
- });
- }
- toast.success((t) => (
-
-
- ));
- })
- .catch((error) => {
- console.error(error);
- toast.dismiss(toastId);
- setIsError(true);
- setIsPending(false);
-
- if (!operationId) {
- console.error('Operation ID not found');
- toast.error((t) => (
-
-
- ));
- return;
- }
-
- if (
- [
- EOperationStatus.FINAL_ERROR,
- EOperationStatus.SPECULATIVE_ERROR,
- ].includes(error.cause?.status)
- ) {
- toast.error((t) => (
-
-
- ));
- logSmartContractEvents(client, operationId);
- } else {
- toast.error((t) => (
-
-
- ));
- }
- });
- }
-
- function dnsAlloc(params: DnsAllocParams) {
- let args = new Args();
- args.addString(params.domain);
- args.addString(params.targetAddress);
- callSmartContract(
- 'dnsAlloc',
- args.serialize(),
- {
- pending: 'Entry registering in progress',
- success: 'Successfully registered',
- error: 'Failed to register',
- },
- { coins: params.coins, showInProgressToast: true },
- );
- }
-
- async function getUserEntryList(
- params: DnsUserEntryListParams,
- ): Promise {
- setListSpinning(true);
- const SC_ADDRESS = getScAddress(chainId);
-
- let resultBalance = await client?.smartContracts().readSmartContract({
- targetAddress: SC_ADDRESS,
- targetFunction: 'balanceOf',
- parameter: new Args().addString(params.address).serialize(),
- });
- if (!resultBalance) {
- toast.error('Failed to get user entry list', { duration: 5000 });
- setListSpinning(false);
- return [];
- }
-
- let list: DnsUserEntryListResult[] = [];
-
- const addressInfo = await client?.publicApi().getAddresses([SC_ADDRESS]);
- const filter = [
- ...strToBytes('ownedTokens'),
- ...strToBytes(params.address),
- ];
- const ownedKeys = addressInfo?.[0].candidate_datastore_keys.filter(
- (key) => {
- return isEqual(key.slice(0, filter.length), filter);
- },
- );
-
- if (ownedKeys) {
- const tokenIdsBytes = ownedKeys.map((key) => key.slice(filter.length));
- const tokenIds = tokenIdsBytes.map((val) =>
- bytesToU256(Uint8Array.from(val)),
- );
-
- const DOMAIN_SEPARATOR_KEY = [0x42];
- const DOMAIN_KEY_PREFIX = [0x3];
- const TARGET_KEY_PREFIX = [0x02];
-
- const domainsDataStoreEntries: IDatastoreEntryInput[] = tokenIdsBytes.map(
- (tokenIdBytes) => ({
- address: SC_ADDRESS,
- key: Uint8Array.from([
- ...DOMAIN_SEPARATOR_KEY,
- ...DOMAIN_KEY_PREFIX,
- ...tokenIdBytes,
- ]),
- }),
- );
-
- const domainsRes = await client!
- .publicApi()
- .getDatastoreEntries(domainsDataStoreEntries);
- const domains = domainsRes.map((val) => bytesToStr(val.candidate_value!));
-
- const targetDataStoreEntries: IDatastoreEntryInput[] = domains.map(
- (domain) => ({
- address: SC_ADDRESS,
- key: Uint8Array.from([
- ...DOMAIN_SEPARATOR_KEY,
- ...TARGET_KEY_PREFIX,
- ...strToBytes(domain),
- ]),
- }),
- );
- const targetsRes = await client!
- .publicApi()
- .getDatastoreEntries(targetDataStoreEntries);
- const targets = targetsRes.map((val) => bytesToStr(val.candidate_value!));
-
- if (
- targets.length !== domains.length ||
- domains.length !== tokenIds.length ||
- tokenIds.length !== targets.length
- ) {
- console.error('Inconsistent data for owned MNS');
- }
-
- list = domains.map((domain, index) => ({
- domain,
- targetAddress: targets[index],
- tokenId: tokenIds[index],
- }));
- }
-
- setList(list);
- setListSpinning(false);
- return list;
- }
-
- function deleteDnsEntry(params: DnsDeleteParams) {
- let args = new Args();
- args.addU256(BigInt(params.tokenId));
- callSmartContract(
- 'dnsFree',
- args.serialize(),
- {
- pending: 'Entry deleting in progress',
- success: 'Successfully deleted',
- error: 'Failed to delete',
- },
- { showInProgressToast: true },
- );
- }
-
- function changeTargetAddressDnsEntry(params: DnsChangeTargetParams) {
- let args = new Args();
- args.addString(params.domain);
- args.addString(params.targetAddress);
- callSmartContract(
- 'dnsUpdateTarget',
- args.serialize(),
- {
- pending: 'Updating target address in progress',
- success: 'Successfully updated',
- error: 'Failed to update',
- },
- { showInProgressToast: true },
- );
- }
-
- function changeOwnershipDnsEntry(params: DnsTransferParams) {
- let args = new Args();
- args.addString(params.currentOwner);
- args.addString(params.newOwner);
- args.addU256(BigInt(params.tokenId));
- callSmartContract(
- 'transferFrom',
- args.serialize(),
- {
- pending: 'Updating ownership in progress',
- success: 'Successfully updated',
- error: 'Failed to update',
- },
- { showInProgressToast: true },
- );
- }
-
- return {
- opId,
- isPending,
- isSuccess,
- isError,
- list,
- listSpinning,
- dnsAlloc,
- getAllocCost,
- getUserEntryList,
- deleteDnsEntry,
- changeTargetAddressDnsEntry,
- changeOwnershipDnsEntry,
- };
-}
