fix: use correct @types/node-fetch ver, use working node-fetch ver from puppeteer, add test

index.d.ts

@@ -1,7 +1,7 @@
 
 import { EventEmitter } from 'events'
 import { RequestInit } from 'node-fetch'
-import puppeteer = require('puppeteer')
+import puppeteer from 'puppeteer'
 
 declare namespace WAWebJS {
 

package.json

@@ -32,12 +32,13 @@
     "fluent-ffmpeg": "^2.1.2",
     "jsqr": "^1.3.1",
     "mime": "^3.0.0",
+    "node-fetch": "^2.6.5",
     "node-webpmux": "^3.1.0",
     "puppeteer": "^13.0.0",
     "sharp": "^0.28.3"
   },
   "devDependencies": {
-    "@types/node-fetch": "^3.0.3",
+    "@types/node-fetch": "^2.5.12",
     "chai": "^4.3.4",
     "dotenv": "^10.0.0",
     "eslint": "^8.4.1",

tests/client.js

@@ -239,6 +239,17 @@ describe('Client', function() {
                 expect(msg.to).to.equal(remoteId);
             });
 
+            it('can send a media message from URL', async function() {
+                const media = await MessageMedia.fromUrl('https://via.placeholder.com/350x150.png');
+    
+                const msg = await client.sendMessage(remoteId, media);
+                expect(msg).to.be.instanceOf(Message);
+                expect(msg.type).to.equal(MessageTypes.IMAGE);
+                expect(msg.fromMe).to.equal(true);
+                expect(msg.hasMedia).to.equal(true);
+                expect(msg.to).to.equal(remoteId);
+            });
+    
             it('can send a media message as a document', async function() {
                 const media = new MessageMedia(
                     'image/png',