explore/configs/app/features/multichainButton.ts

import type { Feature } from './types';
import type { MultichainProviderConfig, MultichainProviderConfigParsed } from 'types/client/multichainProviderConfig';

import { getEnvValue, parseEnvJson } from '../utils';
import marketplace from './marketplace';

const value = parseEnvJson<Array<MultichainProviderConfig>>(getEnvValue('NEXT_PUBLIC_MULTICHAIN_BALANCE_PROVIDER_CONFIG'));

const title = 'Multichain balance';

const config: Feature<{ providers: Array<MultichainProviderConfigParsed> }> = (() => {
  if (value) {
    return Object.freeze({
      title,
      isEnabled: true,
      providers: value.map((provider) => ({
        name: provider.name,
        logoUrl: provider.logo,
        urlTemplate: provider.url_template,
        dappId: marketplace.isEnabled ? provider.dapp_id : undefined,
      })),
    });
  }

  return Object.freeze({
    title,
    isEnabled: false,
  });
})();

export default config;