import Vue from "vue";
import Vuex, { ModuleTree } from "vuex";

import { balanceInterface, getBalance } from "../lib/balance";
import { getTwin, getTwinID } from "../lib/twin";
import { hex2a } from "../lib/util";
import { accountInterface } from "./state";
import { UserCredentials } from "./types";

Vue.use(Vuex);

export const decodeHex = (input: string) => {
  return hex2a(input);
};

export const credentialsStore = {
  state() {
    return {
      initialized: false,
      loading: true,
      account: {
        address: "",
        meta: { genesisHash: "", name: "", source: "" },
        type: "",
        active: false,
      },
      balance: {
        free: 0,
        reserved: 0,
      },
      twin: {
        relay: "",
        id: "",
        pk: null,
      },
    };
  },
  mutations: {
    async SET_CREDENTIALS(state: UserCredentials, payload: { api: any; account: accountInterface }) {
      const twinID: number = await getTwinID(payload.api, payload.account.address);
      const balance: balanceInterface = await getBalance(payload.api, payload.account.address);
      const twin = await getTwin(payload.api, twinID);

      if (twinID) {
        state.initialized = true;
        state.loading = true;
        state.twin = twin;
        state.balance = balance;
        state.twin.relay = twin.relay ? decodeHex(twin.relay) : "null";
      }
      state.account = payload.account;
      state.loading = false;
      return state;
    },
    UNSET_CREDENTIALS(state: UserCredentials) {
      state.initialized = false;
      state.loading = true;
      state.twin = { id: "", relay: "", pk: "" };
      state.balance = { free: 0, reserved: 0, transferable: 0 };
      state.account = {
        address: "",
        meta: { genesisHash: "", name: "", source: "" },
        type: "",
        active: false,
      };
      return state;
    },
  },
} as unknown as ModuleTree<UserCredentials>;