From 0e86bebaff15cd00fb8131f6d553cb507d2f1509 Mon Sep 17 00:00:00 2001
From: Zihe Jia <zihe.jia@mixpanel.com>
Date: Wed, 28 Jul 2021 00:50:01 -0700
Subject: [PATCH] Update docs

---
 docs/Mixpanel.html      | 206 +++++++++++++++++++++++++++++++++-------
 docs/MixpanelGroup.html |  14 +--
 docs/People.html        |  24 ++---
 docs/index.html         |  49 ++++++----
 docs/index.js.html      |  21 +++-
 5 files changed, 245 insertions(+), 69 deletions(-)

diff --git a/docs/Mixpanel.html b/docs/Mixpanel.html
index a1ce9fa2..a595cdb9 100644
--- a/docs/Mixpanel.html
+++ b/docs/Mixpanel.html
@@ -163,10 +163,6 @@ <h4 class="name" id=".init"><span class="type-signature">(async, static) </span>
 
 
 
-<div class="description">
-    Initializes an instance of the API with the given project token.
-</div>
-
 
 
 
@@ -268,6 +264,15 @@ <h5>Parameters:</h5>
     
 
     
+        <dt class="important tag-deprecated">Deprecated:</dt><dd><ul class="dummy"><li>since version 1.3.0. To initialize Mixpanel, please use the instance method `init` instead. See the example below:
+
+<pre><code>
+const mixpanel = new Mixpanel('your project token');
+mixpanel.init();
+</code></pre>
+
+Initializes Mixpanel and return an instance of Mixpanel the given project token.</li></ul></dd>
+    
 
     
 
@@ -280,7 +285,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="index.js.html">index.js</a>, <a href="index.js.html#line61">line 61</a>
+        <a href="index.js.html">index.js</a>, <a href="index.js.html#line78">line 78</a>
     </li></ul></dd>
     
 
@@ -440,7 +445,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="index.js.html">index.js</a>, <a href="index.js.html#line271">line 271</a>
+        <a href="index.js.html">index.js</a>, <a href="index.js.html#line288">line 288</a>
     </li></ul></dd>
     
 
@@ -607,7 +612,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="index.js.html">index.js</a>, <a href="index.js.html#line172">line 172</a>
+        <a href="index.js.html">index.js</a>, <a href="index.js.html#line189">line 189</a>
     </li></ul></dd>
     
 
@@ -700,7 +705,7 @@ <h4 class="name" id="clearSuperProperties"><span class="type-signature"></span>c
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="index.js.html">index.js</a>, <a href="index.js.html#line379">line 379</a>
+        <a href="index.js.html">index.js</a>, <a href="index.js.html#line396">line 396</a>
     </li></ul></dd>
     
 
@@ -862,7 +867,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="index.js.html">index.js</a>, <a href="index.js.html#line299">line 299</a>
+        <a href="index.js.html">index.js</a>, <a href="index.js.html#line316">line 316</a>
     </li></ul></dd>
     
 
@@ -999,7 +1004,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="index.js.html">index.js</a>, <a href="index.js.html#line404">line 404</a>
+        <a href="index.js.html">index.js</a>, <a href="index.js.html#line421">line 421</a>
     </li></ul></dd>
     
 
@@ -1115,7 +1120,7 @@ <h4 class="name" id="flush"><span class="type-signature"></span>flush<span class
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="index.js.html">index.js</a>, <a href="index.js.html#line446">line 446</a>
+        <a href="index.js.html">index.js</a>, <a href="index.js.html#line463">line 463</a>
     </li></ul></dd>
     
 
@@ -1211,7 +1216,7 @@ <h4 class="name" id="getDistinctId"><span class="type-signature"></span>getDisti
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="index.js.html">index.js</a>, <a href="index.js.html#line433">line 433</a>
+        <a href="index.js.html">index.js</a>, <a href="index.js.html#line450">line 450</a>
     </li></ul></dd>
     
 
@@ -1394,7 +1399,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="index.js.html">index.js</a>, <a href="index.js.html#line261">line 261</a>
+        <a href="index.js.html">index.js</a>, <a href="index.js.html#line278">line 278</a>
     </li></ul></dd>
     
 
@@ -1494,7 +1499,7 @@ <h4 class="name" id="getPeople"><span class="type-signature"></span>getPeople<sp
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="index.js.html">index.js</a>, <a href="index.js.html#line211">line 211</a>
+        <a href="index.js.html">index.js</a>, <a href="index.js.html#line228">line 228</a>
     </li></ul></dd>
     
 
@@ -1608,7 +1613,7 @@ <h4 class="name" id="getSuperProperties"><span class="type-signature"></span>get
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="index.js.html">index.js</a>, <a href="index.js.html#line367">line 367</a>
+        <a href="index.js.html">index.js</a>, <a href="index.js.html#line384">line 384</a>
     </li></ul></dd>
     
 
@@ -1718,7 +1723,7 @@ <h4 class="name" id="hasOptedOutTracking"><span class="type-signature"></span>ha
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="index.js.html">index.js</a>, <a href="index.js.html#line109">line 109</a>
+        <a href="index.js.html">index.js</a>, <a href="index.js.html#line126">line 126</a>
     </li></ul></dd>
     
 
@@ -1889,7 +1894,144 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="index.js.html">index.js</a>, <a href="index.js.html#line152">line 152</a>
+        <a href="index.js.html">index.js</a>, <a href="index.js.html#line169">line 169</a>
+    </li></ul></dd>
+    
+
+    
+
+    
+
+    
+</dl>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+        
+            
+
+    
+
+    
+    <h4 class="name" id="init"><span class="type-signature">(async) </span>init<span class="signature">(Optional)</span><span class="type-signature"></span></h4>
+    
+
+    
+
+
+
+<div class="description">
+    Initializes Mixpanel
+</div>
+
+
+
+
+
+
+
+
+
+    <h5>Parameters:</h5>
+    
+
+<table class="params">
+    <thead>
+    <tr>
+        
+        <th>Name</th>
+        
+
+        <th>Type</th>
+
+        
+
+        
+
+        <th class="last">Description</th>
+    </tr>
+    </thead>
+
+    <tbody>
+    
+
+        <tr>
+            
+                <td class="name"><code>Optional</code></td>
+            
+
+            <td class="type">
+            
+                
+<span class="param-type">boolean</span>
+
+
+            
+            </td>
+
+            
+
+            
+
+            <td class="description last">Whether or not Mixpanel can start tracking by default. See optOutTracking()</td>
+        </tr>
+
+    
+    </tbody>
+</table>
+
+
+
+
+
+
+<dl class="details">
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+
+    
+    <dt class="tag-source">Source:</dt>
+    <dd class="tag-source"><ul class="dummy"><li>
+        <a href="index.js.html">index.js</a>, <a href="index.js.html#line59">line 59</a>
     </li></ul></dd>
     
 
@@ -1979,7 +2121,7 @@ <h4 class="name" id="optInTracking"><span class="type-signature"></span>optInTra
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="index.js.html">index.js</a>, <a href="index.js.html#line119">line 119</a>
+        <a href="index.js.html">index.js</a>, <a href="index.js.html#line136">line 136</a>
     </li></ul></dd>
     
 
@@ -2071,7 +2213,7 @@ <h4 class="name" id="optOutTracking"><span class="type-signature"></span>optOutT
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="index.js.html">index.js</a>, <a href="index.js.html#line130">line 130</a>
+        <a href="index.js.html">index.js</a>, <a href="index.js.html#line147">line 147</a>
     </li></ul></dd>
     
 
@@ -2218,7 +2360,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="index.js.html">index.js</a>, <a href="index.js.html#line321">line 321</a>
+        <a href="index.js.html">index.js</a>, <a href="index.js.html#line338">line 338</a>
     </li></ul></dd>
     
 
@@ -2358,7 +2500,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="index.js.html">index.js</a>, <a href="index.js.html#line336">line 336</a>
+        <a href="index.js.html">index.js</a>, <a href="index.js.html#line353">line 353</a>
     </li></ul></dd>
     
 
@@ -2518,7 +2660,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="index.js.html">index.js</a>, <a href="index.js.html#line284">line 284</a>
+        <a href="index.js.html">index.js</a>, <a href="index.js.html#line301">line 301</a>
     </li></ul></dd>
     
 
@@ -2607,7 +2749,7 @@ <h4 class="name" id="reset"><span class="type-signature"></span>reset<span class
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="index.js.html">index.js</a>, <a href="index.js.html#line415">line 415</a>
+        <a href="index.js.html">index.js</a>, <a href="index.js.html#line432">line 432</a>
     </li></ul></dd>
     
 
@@ -2767,7 +2909,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="index.js.html">index.js</a>, <a href="index.js.html#line245">line 245</a>
+        <a href="index.js.html">index.js</a>, <a href="index.js.html#line262">line 262</a>
     </li></ul></dd>
     
 
@@ -2906,7 +3048,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="index.js.html">index.js</a>, <a href="index.js.html#line87">line 87</a>
+        <a href="index.js.html">index.js</a>, <a href="index.js.html#line104">line 104</a>
     </li></ul></dd>
     
 
@@ -3045,7 +3187,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="index.js.html">index.js</a>, <a href="index.js.html#line75">line 75</a>
+        <a href="index.js.html">index.js</a>, <a href="index.js.html#line92">line 92</a>
     </li></ul></dd>
     
 
@@ -3185,7 +3327,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="index.js.html">index.js</a>, <a href="index.js.html#line100">line 100</a>
+        <a href="index.js.html">index.js</a>, <a href="index.js.html#line117">line 117</a>
     </li></ul></dd>
     
 
@@ -3324,7 +3466,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="index.js.html">index.js</a>, <a href="index.js.html#line390">line 390</a>
+        <a href="index.js.html">index.js</a>, <a href="index.js.html#line407">line 407</a>
     </li></ul></dd>
     
 
@@ -3490,7 +3632,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="index.js.html">index.js</a>, <a href="index.js.html#line194">line 194</a>
+        <a href="index.js.html">index.js</a>, <a href="index.js.html#line211">line 211</a>
     </li></ul></dd>
     
 
@@ -3679,7 +3821,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="index.js.html">index.js</a>, <a href="index.js.html#line229">line 229</a>
+        <a href="index.js.html">index.js</a>, <a href="index.js.html#line246">line 246</a>
     </li></ul></dd>
     
 
@@ -3820,7 +3962,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="index.js.html">index.js</a>, <a href="index.js.html#line352">line 352</a>
+        <a href="index.js.html">index.js</a>, <a href="index.js.html#line369">line 369</a>
     </li></ul></dd>
     
 
@@ -3872,7 +4014,7 @@ <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Mixpanel.
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.6</a> on Thu Jun 24 2021 13:41:26 GMT-0700 (Pacific Daylight Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.6</a> on Wed Jul 28 2021 00:50:01 GMT-0700 (Pacific Daylight Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/docs/MixpanelGroup.html b/docs/MixpanelGroup.html
index 78ca5f8c..059c44d3 100644
--- a/docs/MixpanelGroup.html
+++ b/docs/MixpanelGroup.html
@@ -95,7 +95,7 @@ <h4 class="name" id="MixpanelGroup"><span class="type-signature"></span>new Mixp
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="index.js.html">index.js</a>, <a href="index.js.html#line663">line 663</a>
+        <a href="index.js.html">index.js</a>, <a href="index.js.html#line680">line 680</a>
     </li></ul></dd>
     
 
@@ -284,7 +284,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="index.js.html">index.js</a>, <a href="index.js.html#line734">line 734</a>
+        <a href="index.js.html">index.js</a>, <a href="index.js.html#line751">line 751</a>
     </li></ul></dd>
     
 
@@ -446,7 +446,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="index.js.html">index.js</a>, <a href="index.js.html#line682">line 682</a>
+        <a href="index.js.html">index.js</a>, <a href="index.js.html#line699">line 699</a>
     </li></ul></dd>
     
 
@@ -606,7 +606,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="index.js.html">index.js</a>, <a href="index.js.html#line701">line 701</a>
+        <a href="index.js.html">index.js</a>, <a href="index.js.html#line718">line 718</a>
     </li></ul></dd>
     
 
@@ -768,7 +768,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="index.js.html">index.js</a>, <a href="index.js.html#line750">line 750</a>
+        <a href="index.js.html">index.js</a>, <a href="index.js.html#line767">line 767</a>
     </li></ul></dd>
     
 
@@ -905,7 +905,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="index.js.html">index.js</a>, <a href="index.js.html#line719">line 719</a>
+        <a href="index.js.html">index.js</a>, <a href="index.js.html#line736">line 736</a>
     </li></ul></dd>
     
 
@@ -957,7 +957,7 @@ <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Mixpanel.
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.6</a> on Thu Jun 24 2021 13:41:26 GMT-0700 (Pacific Daylight Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.6</a> on Wed Jul 28 2021 00:50:01 GMT-0700 (Pacific Daylight Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/docs/People.html b/docs/People.html
index a89ca805..15fc80e1 100644
--- a/docs/People.html
+++ b/docs/People.html
@@ -100,7 +100,7 @@ <h4 class="name" id="People"><span class="type-signature"></span>new People<span
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="index.js.html">index.js</a>, <a href="index.js.html#line462">line 462</a>
+        <a href="index.js.html">index.js</a>, <a href="index.js.html#line479">line 479</a>
     </li></ul></dd>
     
 
@@ -289,7 +289,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="index.js.html">index.js</a>, <a href="index.js.html#line553">line 553</a>
+        <a href="index.js.html">index.js</a>, <a href="index.js.html#line570">line 570</a>
     </li></ul></dd>
     
 
@@ -377,7 +377,7 @@ <h4 class="name" id="clearCharges"><span class="type-signature"></span>clearChar
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="index.js.html">index.js</a>, <a href="index.js.html#line643">line 643</a>
+        <a href="index.js.html">index.js</a>, <a href="index.js.html#line660">line 660</a>
     </li></ul></dd>
     
 
@@ -468,7 +468,7 @@ <h4 class="name" id="deleteUser"><span class="type-signature"></span>deleteUser<
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="index.js.html">index.js</a>, <a href="index.js.html#line653">line 653</a>
+        <a href="index.js.html">index.js</a>, <a href="index.js.html#line670">line 670</a>
     </li></ul></dd>
     
 
@@ -630,7 +630,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="index.js.html">index.js</a>, <a href="index.js.html#line521">line 521</a>
+        <a href="index.js.html">index.js</a>, <a href="index.js.html#line538">line 538</a>
     </li></ul></dd>
     
 
@@ -792,7 +792,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="index.js.html">index.js</a>, <a href="index.js.html#line597">line 597</a>
+        <a href="index.js.html">index.js</a>, <a href="index.js.html#line614">line 614</a>
     </li></ul></dd>
     
 
@@ -954,7 +954,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="index.js.html">index.js</a>, <a href="index.js.html#line479">line 479</a>
+        <a href="index.js.html">index.js</a>, <a href="index.js.html#line496">line 496</a>
     </li></ul></dd>
     
 
@@ -1114,7 +1114,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="index.js.html">index.js</a>, <a href="index.js.html#line498">line 498</a>
+        <a href="index.js.html">index.js</a>, <a href="index.js.html#line515">line 515</a>
     </li></ul></dd>
     
 
@@ -1274,7 +1274,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="index.js.html">index.js</a>, <a href="index.js.html#line629">line 629</a>
+        <a href="index.js.html">index.js</a>, <a href="index.js.html#line646">line 646</a>
     </li></ul></dd>
     
 
@@ -1436,7 +1436,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="index.js.html">index.js</a>, <a href="index.js.html#line576">line 576</a>
+        <a href="index.js.html">index.js</a>, <a href="index.js.html#line593">line 593</a>
     </li></ul></dd>
     
 
@@ -1573,7 +1573,7 @@ <h5>Parameters:</h5>
     
     <dt class="tag-source">Source:</dt>
     <dd class="tag-source"><ul class="dummy"><li>
-        <a href="index.js.html">index.js</a>, <a href="index.js.html#line616">line 616</a>
+        <a href="index.js.html">index.js</a>, <a href="index.js.html#line633">line 633</a>
     </li></ul></dd>
     
 
@@ -1625,7 +1625,7 @@ <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Mixpanel.
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.6</a> on Thu Jun 24 2021 13:41:26 GMT-0700 (Pacific Daylight Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.6</a> on Wed Jul 28 2021 00:50:01 GMT-0700 (Pacific Daylight Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/docs/index.html b/docs/index.html
index 408cf904..5570a35a 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -57,6 +57,7 @@ <h2>Table of Contents</h2>
 <li><a href="#2-initialize-mixpanel">Initialize Mixpanel</a></li>
 <li><a href="#3-send-data">Send Data</a></li>
 <li><a href="#4-check-for-success">Check for Success</a></li>
+<li><a href="#complete-code-example">Complete Code Example</a></li>
 </ul>
 </li>
 <li><a href="#faq">FAQ</a></li>
@@ -90,23 +91,16 @@ <h4>Steps</h4>
 <p>Please note: You do not need to update your Podfile to add Mixpanel.
 3. For Xcode 12.5+, there is a known compile issue, please refer to this <strong><a href="https://github.com/mixpanel/mixpanel-react-native/issues/43#issuecomment-829599732">workaround</a></strong>.</p>
 <h3>2. Initialize Mixpanel</h3>
-<p>To start tracking with the library you must first initialize with your project token. To initialize the library, first add <code>import { Mixpanel }</code> and call <code>Mixpanel.init(token)</code> with your project token as it's argument.</p>
+<p>To start tracking with the library you must first initialize with your project token. You can get your project token from <a href="https://mixpanel.com/settings/project">project settings</a>.</p>
 <pre class="prettyprint source lang-js"><code>import { Mixpanel } from 'mixpanel-react-native';
-...
-class YourClass extends React.Component {
-    constructor(props) {
-        super(props);
-        this.configMixpanel();
-    }
-
-    configMixpanel = async () => {
-        this.mixpanel = await Mixpanel.init(&quot;Your mixpanel token&quot;);
-    }
-...
+
+const mixpanel = new Mixpanel(&quot;Your Project Token&quot;);
+mixpanel.init();
+
 </code></pre>
 <p>Once you've called this method once, you can access <code>mixpanel</code> throughout the rest of your application.</p>
 <h3>3. Send Data</h3>
-<p>Let's get started by sending event data. You can send an event from anywhere in your application. Better understand user behavior by storing details that are specific to the event (properties). After initializing the library, Mixpanel will <a href="https://mixpanel.com/help/questions/articles/which-common-mobile-events-can-mixpanel-collect-on-my-behalf-automatically">automatically collect common mobile events</a>. You can enable/disable automatic collection through your project settings. Also, Mixpanel automatically tracks some properties by default. <a href="https://help.mixpanel.com/hc/en-us/articles/115004613766-Default-Properties-Collected-by-Mixpanel">learn more</a></p>
+<p>Let's get started by sending event data. You can send an event from anywhere in your application. Better understand user behavior by storing details that are specific to the event (properties). After initializing the library, Mixpanel will automatically track some properties by default. <a href="https://help.mixpanel.com/hc/en-us/articles/115004613766-Default-Properties-Collected-by-Mixpanel">learn more</a></p>
 <pre class="prettyprint source lang-js"><code>// Track with event-name
 mixpanel.track('Sent Message');
 // Track with event-name and property
@@ -117,6 +111,29 @@ <h3>4. Check for Success</h3>
 <p><a href="http://mixpanel.com/report/live">Open up Live View in Mixpanel</a>  to view incoming events.
 Once data hits our API, it generally takes ~60 seconds for it to be processed, stored, and queryable in your project.
 <a name="i-want-to-know-more"></a></p>
+<h3>Complete Code Example</h3>
+<pre class="prettyprint source lang-js"><code>
+import React from 'react';
+import { Button, SafeAreaView } from &quot;react-native&quot;;
+import { Mixpanel } from 'mixpanel-react-native';
+
+const mixpanel = new Mixpanel(&quot;Your Project Token&quot;);
+mixpanel.init();
+
+const SampleApp = () => {
+  return (
+    &lt;SafeAreaView>
+      &lt;Button
+        title=&quot;Select Premium Plan&quot;
+        onPress={() => mixpanel.track(&quot;Plan Selected&quot;, {&quot;Plan&quot;: &quot;Premium&quot;})}
+      />
+    &lt;/SafeAreaView>
+  );
+}
+
+export default SampleApp;
+
+</code></pre>
 <h2>FAQ</h2>
 <p><strong>I want to stop tracking an event/event property in Mixpanel. Is that possible?</strong><br>
 Yes, in Lexicon, you can intercept and drop incoming events or properties. Mixpanel won’t store any new data for the event or property you select to drop.  <a href="https://help.mixpanel.com/hc/en-us/articles/360001307806#dropping-events-and-properties">See this article for more information</a>.</p>
@@ -126,7 +143,7 @@ <h2>FAQ</h2>
 To preserve battery life and customer bandwidth, the Mixpanel library doesn't send the events you record immediately. Instead, it sends batches to the Mixpanel servers every 60 seconds while your application is running, as well as when the application transitions to the background. You can call  <a href="https://mixpanel.github.io/mixpanel-react-native/Mixpanel.html#flush">flush()</a>  manually if you want to force a flush at a particular moment.</p>
 <pre class="prettyprint source"><code>mixpanel.flush();
 </code></pre>
-<p>If your events are still not showing up after 60 seconds, check if you have opted out of tracking. You can also enable Mixpanel debugging and logging, it allows you to see the debug output from the Mixpanel library. To enable it, call  <a href="https://mixpanel.github.io/mixpanel-swift/Classes/MixpanelInstance.html#/s:8Mixpanel0A8InstanceC14loggingEnabledSbvp">setLoggingEnabled</a>  to true, then run your iOS project with Xcode or android project with Android Studio. The logs should be available in the console.</p>
+<p>If your events are still not showing up after 60 seconds, check if you have opted out of tracking. You can also enable Mixpanel debugging and logging, it allows you to see the debug output from the Mixpanel library. To enable it, call  <a href="https://mixpanel.github.io/mixpanel-react-native/Mixpanel.html#setLoggingEnabled">setLoggingEnabled</a> with true, then run your iOS project with Xcode or android project with Android Studio. The logs should be available in the console.</p>
 <pre class="prettyprint source"><code>mixpanel.setLoggingEnabled(true);
 </code></pre>
 <p><strong>Starting with iOS 14.5, do I need to request the user’s permission through the AppTrackingTransparency framework to use Mixpanel?</strong><br>
@@ -137,7 +154,7 @@ <h2>I want to know more!</h2>
 <p>No worries, here are some links that you will find useful:</p>
 <ul>
 <li><strong><a href="https://github.com/mixpanel/mixpanel-react-native/tree/master/MixpanelDemo">Sample app</a></strong></li>
-<li><strong><a href="https://developer.mixpanel.com/docs/react-native">Full API Reference</a></strong></li>
+<li><strong><a href="https://mixpanel.github.io/mixpanel-react-native/Mixpanel.html">Full API Reference</a></strong></li>
 </ul>
 <p>Have any questions? Reach out to Mixpanel <a href="https://help.mixpanel.com/hc/en-us/requests/new">Support</a> to speak to someone smart, quickly.</p></article>
     </section>
@@ -156,7 +173,7 @@ <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Mixpanel.
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.6</a> on Thu Jun 24 2021 13:41:26 GMT-0700 (Pacific Daylight Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.6</a> on Wed Jul 28 2021 00:50:01 GMT-0700 (Pacific Daylight Time)
 </footer>
 
 <script> prettyPrint(); </script>
diff --git a/docs/index.js.html b/docs/index.js.html
index 0f67f8cc..c5a57e2f 100644
--- a/docs/index.js.html
+++ b/docs/index.js.html
@@ -79,8 +79,25 @@ <h1 class="page-title">Source: index.js</h1>
     }
 
     /**
-     * Initializes an instance of the API with the given project token.
+     * Initializes Mixpanel
+     *
+     * @param {boolean} Optional Whether or not Mixpanel can start tracking by default. See optOutTracking()
+     *
+     */
+    async init(optOutTrackingDefault = DEFAULT_OPT_OUT) {
+        let metadata = Helper.getMetaData();
+        await MixpanelReactNative.initialize(this.token, optOutTrackingDefault, metadata);
+    }
+
+    /**
+     * @deprecated since version 1.3.0. To initialize Mixpanel, please use the instance method `init` instead. See the example below:
+     *
+     * &lt;pre>&lt;code>
+     * const mixpanel = new Mixpanel('your project token');
+     * mixpanel.init();
+     * &lt;/code>&lt;/pre>
      * 
+     * Initializes Mixpanel and return an instance of Mixpanel the given project token.
      *
      * @param {string} token your project token.
      * @param {boolean} Optional Whether or not Mixpanel can start tracking by default. See optOutTracking()
@@ -871,7 +888,7 @@ <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Mixpanel.
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.6</a> on Thu Jun 24 2021 13:41:26 GMT-0700 (Pacific Daylight Time)
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.6</a> on Wed Jul 28 2021 00:50:01 GMT-0700 (Pacific Daylight Time)
 </footer>
 
 <script> prettyPrint(); </script>