load env from sdk

src/common/helpers/masa/index.ts

@@ -1,15 +1,7 @@
-import { EnvironmentName, Masa } from '@masa-finance/masa-sdk';
+import { environments, Masa } from '@masa-finance/masa-sdk';
 import { ethers, Wallet } from 'ethers';
 import { ArweaveConfig } from '../provider/masa-context';
 
-const envs = {
-  dev: 'https://dev.middleware.masa.finance/',
-  beta: 'https://beta.middleware.masa.finance/',
-  test: 'https://test.middleware.masa.finance/',
-  production: 'https://middleware.masa.finance/',
-  local: 'http://localhost:4000/',
-};
-
 export const createRandomWallet = (): Wallet | null => {
   console.info('Creating random wallet!');
   const wallet = ethers.Wallet.createRandom();
@@ -31,19 +23,21 @@ export const createRandomWallet = (): Wallet | null => {
 
 export const createNewMasa = (
   newWallet,
-  env: EnvironmentName,
+  env: string,
   arweaveConfig?: ArweaveConfig,
   cookie?: string
 ) => {
   const signer = newWallet ? newWallet : createRandomWallet();
-
   if (!signer) return null;
 
+  const environment = environments.find((e) => e.name === env);
+  if (!environment) return null;
+
   return new Masa({
     cookie: cookie || undefined,
     wallet: signer,
-    apiUrl: envs[env],
-    environment: env,
+    apiUrl: environment.apiUrl,
+    environment: environment.environment,
     arweave: {
       host: arweaveConfig?.host || 'arweave.net',
       port: parseInt(arweaveConfig?.port || '443'),

src/common/helpers/provider/masa-context.tsx

@@ -1,4 +1,4 @@
-import { EnvironmentName, Masa } from '@masa-finance/masa-sdk';
+import { Masa } from '@masa-finance/masa-sdk';
 import React, {
   createContext,
   useCallback,
@@ -20,7 +20,7 @@ export interface ArweaveConfig {
 export interface MasaContextProviderProps extends MasaShape {
   children: React.ReactNode;
   company?: string;
-  environment?: EnvironmentName;
+  environment?: "local" | "dev" | "test" | "stage" | "production";
   signer?: any;
   noWallet?: boolean;
   arweaveConfig?: ArweaveConfig;