@getsupertab/supertab-js 3.53.0 → 3.53.2

package/README.md

@@ -5,32 +5,46 @@ This package allows [Supertab.js](https://docs.supertab.co/) to be imported as a
 [![npm version](https://img.shields.io/npm/v/@getsupertab/supertab-js.svg?style=flat-square)](https://www.npmjs.com/package/@getsupertab/supertab-js)
 ## Installation
 
-Use `npm` to install the Supertab.js module:
+Install Supertab.js from npm::
 
 ```sh
 npm install @getsupertab/supertab-js
 ```
 
-## Usage Example
+Import, load and initialize the client in your application:
+
+```javascript
+import { loadSupertab } from "@getsupertab/supertab-js";
 
-Run the following code in a browser environment, it won't work on the server-side.
+(async () => {
+  const { Supertab } = await loadSupertab();
+  const supertabClient = new Supertab({ clientId: "test_client.X" });
+})();
+```
+
+`loadSupertab()` loads the latest compatible Supertab.js version from our CDN. It must be called in a browser environment—it won't work server-side.
+
+## Usage Example
 
 ```javascript
-import Supertab from "@getsupertab/supertab-js";
+import { loadSupertab } from "@getsupertab/supertab-js";
 
-const supertab = new Supertab({
-  clientId: "client.xyz",
-});
+(async () => {
+  const { Supertab } = await loadSupertab();
+  const supertabClient = new Supertab({
+    clientId: "client.xyz",
+  });
 
-const { show } = supertab.createPaywall({
-  experienceId: "experience.xyz",
-});
+  const { show } = await supertabClient.createPaywall({
+    experienceId: "experience.xyz",
+  });
 
-const paywallResult = await show();
-console.log(paywallResult);
+  const paywallResult = await show();
+  console.log(paywallResult);
+})();
 ```
 
-This example creates a new Supertab.js instance using the `new Supertab()` constructor.
+This example loads Supertab and creates a new Supertab.js instance using the `new Supertab()` constructor.
 Then, the `createPaywall` method is used to create a new paywall.
 The `show` function renders the paywall. Finally, once the user has completed or cancelled the purchase,
 we print the result data to the browser console.

package/dist/pkg/prod/{browser-ponyfill-DN54DaX4.js → browser-ponyfill-DLEgFbYS.js}

@@ -1,4 +1,4 @@
-import { c as R, g as z } from "./index-C6tos9Uc.js";
+import { c as R, g as z } from "./index-r__jBsqX.js";
 function X(w, d) {
   for (var b = 0; b < d.length; b++) {
     const y = d[b];