@getsupertab/supertab-js 3.53.1 → 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-BjsNP2m-.js → browser-ponyfill-DLEgFbYS.js}

@@ -1,4 +1,4 @@
-import { c as R, g as z } from "./index-BvMQqgO0.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];

package/dist/pkg/prod/{index-BvMQqgO0.js → index-r__jBsqX.js}

@@ -4167,7 +4167,7 @@ const UH = pr({
   VITE_STATIC_REDIRECT_URI: void 0,
   VITE_GTM_CONTAINER_ID: "GTM-NG9GT7FM",
   VITE_SENTRY_DSN: "https://d08f3f301f364ceba6345c393c538faf@o23455.ingest.us.sentry.io/4507736861573120",
-  VITE_BASE_URL: "https://js.supertab.co/v3.53.1/",
+  VITE_BASE_URL: "https://js.supertab.co/v3.53.2/",
   VITE_DEMO_CLIENT_ID: void 0,
   VITE_API_BASE_URL: void 0,
   VITE_SSO_BASE_URL: void 0,
@@ -4176,13 +4176,13 @@ const UH = pr({
   VITE_CHECKOUT_URL: void 0,
   TAPPER_ENV: "prod",
   PACKAGE_NAME: "@getsupertab/supertab-js",
-  PACKAGE_VERSION: "3.53.1",
+  PACKAGE_VERSION: "3.53.2",
   MONETIZATION_PROVIDER_SCRIPT_URL: void 0,
   VITE_POSTHOG_API_HOST: void 0,
   VITE_POSTHOG_API_KEY: void 0
 }), Z2 = async (t) => {
   if (VH) {
-    const { captureException: e } = await import("./sentry-CdDRA23r.js");
+    const { captureException: e } = await import("./sentry-BhHX203q.js");
     e(t);
   }
 }, k8 = RE === "ctl" || RE === "sbx" || RE === "stg" ? !0 : RE === "prod" && typeof window < "u" && window.location ? new URLSearchParams(window.location.search).has("supertab-enable-logging") : !1, Ht = {
@@ -73220,7 +73220,7 @@ typeof ActiveXObject == "function" && (typeof global < "u" && global.ActiveXObje
 typeof Ob != "function" && (Ob = void 0);
 if (!Ob && !t3 && !s6)
   try {
-    import("./browser-ponyfill-BjsNP2m-.js").then((t) => t.b).then(function(t) {
+    import("./browser-ponyfill-DLEgFbYS.js").then((t) => t.b).then(function(t) {
       Ob = t.default;
     }).catch(function() {
     });

package/dist/pkg/prod/{sentry-CdDRA23r.js → sentry-BhHX203q.js}

@@ -1,4 +1,4 @@
-import { r as Nu, T as Ou, P as Lu, a as Du, V as Pu } from "./index-BvMQqgO0.js";
+import { r as Nu, T as Ou, P as Lu, a as Du, V as Pu } from "./index-r__jBsqX.js";
 const T = typeof __SENTRY_DEBUG__ > "u" || __SENTRY_DEBUG__, F = globalThis, ft = "10.32.1";
 function bt() {
   return mr(F), F;

package/dist/pkg/prod/supertab.js

@@ -1,4 +1,4 @@
-import { S as e, l as o } from "./index-BvMQqgO0.js";
+import { S as e, l as o } from "./index-r__jBsqX.js";
 export {
   e as Supertab,
   o as loadSupertab

package/package.json

@@ -19,7 +19,7 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "version": "3.53.1",
+  "version": "3.53.2",
   "type": "module",
   "scripts": {
     "dev": "vite --config .vite/vite.dev.config.ts",