From 7166d4e0012edf251206d32881149220018bcbbd Mon Sep 17 00:00:00 2001
From: Shantanu Tomar <shantanu@testpress.in>
Date: Thu, 7 Nov 2024 15:21:12 +0530
Subject: [PATCH] docs: Add uploader events

---
 docs/embedded-uploader/embedded-uploader.md | 25 ++++++++++++++++++++-
 1 file changed, 24 insertions(+), 1 deletion(-)

diff --git a/docs/embedded-uploader/embedded-uploader.md b/docs/embedded-uploader/embedded-uploader.md
index e839134..a37ef0b 100644
--- a/docs/embedded-uploader/embedded-uploader.md
+++ b/docs/embedded-uploader/embedded-uploader.md
@@ -76,4 +76,27 @@ The following code will display the TPStreams uploader UI on your webpage, allow
 ### Domain Restrictions for Embedding
 In TPStreams settings, you can restrict the allowed domains that can embed this uploader. Set the allowed domain(s) to ensure only specified sites can use your uploader. If no domain is specified, all domains are permitted by default.
 
- ![Domain Restriction](./img/uploader_allowed_domains.png)
\ No newline at end of file
+ ![Domain Restriction](./img/uploader_allowed_domains.png)
+
+
+## Uploader Events
+You can listen for events in the uploader by attaching a callback using .on()
+
+### fileUploaded
+This event fires when a video is successfully uploaded to TpStreams.
+
+
+```html
+<script>
+  const uploader = document.querySelector('tpstreams-uploader');
+  uploader.authToken = '33ee07f2a51be363cc94daa460faf46b7d5ea29463aaad28ba948aa042bf871f';
+  uploader.initialize();
+
+  uploader.on('fileUploaded', (file) => {
+    const fileName = file.name;
+    const assetId = file.assetId;
+    console.log("Filename", fileName)
+    console.log("Asset ID", assetId)
+  });
+</script>
+```
\ No newline at end of file