@getsupertab/supertab-js 3.20.6 → 3.22.0

package/README.md

@@ -22,17 +22,17 @@ const supertab = new Supertab({
   clientId: "client.xyz",
 });
 
-const { show } = supertab.createPaygate({
+const { show } = supertab.createPaywall({
   experienceId: "experience.xyz",
 });
 
-const paygateResult = await show();
-console.log(paygateResult);
+const paywallResult = await show();
+console.log(paywallResult);
 ```
 
 This example creates a new Supertab.js instance using the `new Supertab()` constructor.
-Then, the `createPaygate` method is used to create a new paygate.
-The `show` function renders the paygate. Finally, once the user has completed or cancelled the purchase,
+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.
 
 We've put a placeholder client ID and experience ID in this example.

package/dist/pkg/prod/{browser-ponyfill-Bd1SQoXo.js → browser-ponyfill-DQtSolF7.js}

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

package/dist/pkg/prod/{sentry-D_ec_r5z.js → sentry-BfU8w763.js}

@@ -1,4 +1,4 @@
-import { r as mu, T as gu, P as _u, a as Su, V as yu } from "./supertab-BrPk-nCo.js";
+import { r as mu, T as gu, P as _u, a as Su, V as yu } from "./supertab-B8Vn8zcc.js";
 const b = typeof __SENTRY_DEBUG__ > "u" || __SENTRY_DEBUG__, q = globalThis, at = "9.40.0";
 function ht() {
   return lr(q), q;

package/dist/pkg/prod/{supertab-BrPk-nCo.js → supertab-B8Vn8zcc.js}

@@ -4855,7 +4855,7 @@ const bA = sr({
   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.20.6/",
+  VITE_BASE_URL: "https://js.supertab.co/v3.22.0/",
   VITE_DEMO_CLIENT_ID: void 0,
   VITE_API_BASE_URL: void 0,
   VITE_SSO_BASE_URL: void 0,
@@ -4864,7 +4864,7 @@ const bA = sr({
   VITE_CHECKOUT_URL: void 0,
   TAPPER_ENV: "prod",
   PACKAGE_NAME: "@getsupertab/supertab-js",
-  PACKAGE_VERSION: "3.20.6",
+  PACKAGE_VERSION: "3.22.0",
   MONETIZATION_PROVIDER_SCRIPT_URL: void 0
 }), I3 = US === "ctl" || US === "sbx" || US === "stg" ? !0 : US === "prod" && typeof window < "u" && window.location ? new URLSearchParams(window.location.search).has("supertab-enable-logging") : !1, Yt = {
   log: (...o) => {
@@ -5564,7 +5564,7 @@ const rr = /* @__PURE__ */ F_(M), g4 = /* @__PURE__ */ FP({
   default: rr
 }, [M]), IS = async (o) => {
   if (wA) {
-    const { captureException: a } = await import("./sentry-D_ec_r5z.js");
+    const { captureException: a } = await import("./sentry-BfU8w763.js");
     a(o);
   }
 }, qC = "tabjs";
@@ -6212,38 +6212,40 @@ class yM {
   async purchase({
     offeringId: a,
     purchaseIntentId: s,
-    currencyCode: f = "USD",
-    metadata: d = {}
+    onetimeOfferingId: f,
+    currencyCode: d = "USD",
+    metadata: g = {}
   }) {
-    if (!a && !s) {
-      const g = "Missing parameter: Either 'offeringId' or 'purchaseIntentId' must be provided.";
+    if (!a && !s && !f) {
+      const C = "Missing parameter: Provide one of 'offeringId' or 'onetimeOfferingId' (deprecated: 'purchaseIntentId').";
       throw new f4({
-        message: g,
+        message: C,
         code: xy.MISSING_PARAMETER
       });
     }
     if (a)
       return v2(async () => {
-        const g = new URL(this.apiConfig.urls.apiBaseUrl), v = this.apiConfig.headers;
-        return g2(g, "post", "/purchases/offerings", {
+        const C = new URL(this.apiConfig.urls.apiBaseUrl), k = this.apiConfig.headers;
+        return g2(C, "post", "/purchases/offerings", {
           header: {
-            ...v,
+            ...k,
             contentType: "application/json"
             // TODO: Remove this once we have a proper type for the header
           },
-          body: { offeringId: a, currencyCode: f, metadata: d ?? {} }
+          body: { offeringId: a, currencyCode: d, metadata: g ?? {} }
         });
       }).call(this);
-    if (s)
+    const v = f || s;
+    if (v)
       return v2(async () => {
-        const g = new URL(this.apiConfig.urls.apiBaseUrl), v = this.apiConfig.headers;
-        return g2(g, "post", "/purchases/onetime_offerings", {
+        const C = new URL(this.apiConfig.urls.apiBaseUrl), k = this.apiConfig.headers;
+        return g2(C, "post", "/purchases/onetime_offerings", {
           header: {
-            ...v,
+            ...k,
             contentType: "application/json"
             // TODO: Remove this once we have a proper type for the header
           },
-          body: { onetimeOfferingId: s }
+          body: { onetimeOfferingId: v }
         });
       }).call(this);
   }
@@ -64753,7 +64755,7 @@ typeof ActiveXObject == "function" && (typeof global < "u" && global.ActiveXObje
 typeof r0 != "function" && (r0 = void 0);
 if (!r0 && !mk && !z4)
   try {
-    import("./browser-ponyfill-Bd1SQoXo.js").then((o) => o.b).then(function(o) {
+    import("./browser-ponyfill-DQtSolF7.js").then((o) => o.b).then(function(o) {
       r0 = o.default;
     }).catch(function() {
     });
@@ -65655,7 +65657,7 @@ class Tq extends gq {
       supertabConfig: this.supertabConfig
     }), this.api = new yM(this.apiConfig), this.auth = new bM(this.apiConfig), this.checkout = new wM(this.apiConfig);
   }
-  async createPaygate({
+  async createPaywall({
     merchantName: s,
     merchantLogoUrl: f,
     language: d,
@@ -65668,7 +65670,7 @@ class Tq extends gq {
         const Te = document.body.style.overflow === "hidden";
         if (W) {
           C === null && !Te && (C = document.body.style.overflow || "", document.body.style.overflow = "hidden", Yt.log(
-            "Supertab: Preventing page scrolling while paygate is visible"
+            "Supertab: Preventing page scrolling while paywall is visible"
           ));
           return;
         }
@@ -65682,10 +65684,10 @@ class Tq extends gq {
         onError: (W) => {
           throw IS(W), W;
         },
-        errorPrefix: "PaygateError"
+        errorPrefix: "PaywallError"
       }), { containerElement: O, shadowRoot: T, appElement: P } = this.createPaygateContainer(), D = await this.setupStyles(
         T,
-        "supertab-paygate"
+        "supertab-paywall"
       );
       let A = null;
       const { purchaseWidgetActor: F } = await _.initialize(), H = (W, ae) => async ({ offeringId: Te }) => {
@@ -65742,7 +65744,7 @@ class Tq extends gq {
           const { priorEntitlement: Te } = F.getSnapshot().context;
           if (Te) {
             Yt.warn(
-              "Not showing Paygate because user has an entitlement"
+              "Not showing Paywall because user has an entitlement"
             ), W(
               yy(
                 F.getSnapshot().context
@@ -65779,9 +65781,27 @@ class Tq extends gq {
         initialState: ue
       };
     } catch (C) {
-      throw Yt.error("PaygateError: Failed to create Paygate:", C), C;
+      throw Yt.error("PaywallError: Failed to create Paywall:", C), C;
     }
   }
+  /**
+   * @deprecated Use createPaywall instead.
+   */
+  async createPaygate({
+    merchantName: s,
+    merchantLogoUrl: f,
+    language: d,
+    experienceId: g,
+    purchaseMetadata: v
+  } = {}) {
+    return this.createPaywall({
+      merchantName: s,
+      merchantLogoUrl: f,
+      language: d,
+      experienceId: g,
+      purchaseMetadata: v
+    });
+  }
   async createPurchaseButton({
     containerElement: s,
     label: f,
@@ -65867,7 +65887,7 @@ class Tq extends gq {
   }
   createPaygateContainer() {
     const s = document.createElement("div");
-    s.setAttribute("data-testid", "supertab-paygate-container");
+    s.setAttribute("data-testid", "supertab-paywall-container");
     const f = s.attachShadow({ mode: "open" }), d = document.createElement("div");
     return f.appendChild(d), document.body.appendChild(s), { containerElement: s, shadowRoot: f, appElement: d };
   }

package/dist/pkg/prod/supertab.d.ts

@@ -174,7 +174,7 @@ declare class ApiClient {
         }[] | null;
         metadata?: unknown;
     }>;
-    purchase({ offeringId, purchaseIntentId, currencyCode, metadata, }: PurchaseOfferingRequestClientFacing): Promise<{
+    purchase({ offeringId, purchaseIntentId, onetimeOfferingId, currencyCode, metadata, }: PurchaseOfferingRequestClientFacing): Promise<{
         purchase: {
             status: "completed" | "pending" | "abandoned";
             id: string;
@@ -301,7 +301,11 @@ declare enum AuthStatus {
 
 declare type BaseForPurchaseOfferingRequestClientFacing = Omit<PurchaseOfferingRequest, "metadata"> & {
     metadata?: Metadata;
-    purchaseIntentId: string;
+    onetimeOfferingId?: string;
+    /**
+     * @deprecated Use onetimeOfferingId instead.
+     */
+    purchaseIntentId?: string;
 };
 
 declare class CheckoutClient {
@@ -379,7 +383,12 @@ declare interface Offering {
     isPayNow: boolean;
 }
 
-declare interface PaygateExperienceResult {
+/**
+ * @deprecated Use PaywallExperienceResult instead.
+ */
+declare type PaygateExperienceResult = PaywallExperienceResult;
+
+declare interface PaywallExperienceResult {
     show: () => Promise<ExperienceStateSummary>;
     logIn: () => Promise<ExperienceStateSummary>;
     destroy: () => void;
@@ -409,7 +418,7 @@ declare type PurchaseOfferingRequest = {
     metadata: Metadata;
 };
 
-declare type PurchaseOfferingRequestClientFacing = RequireAtLeastOne<BaseForPurchaseOfferingRequestClientFacing, "offeringId" | "purchaseIntentId">;
+declare type PurchaseOfferingRequestClientFacing = RequireAtLeastOne<BaseForPurchaseOfferingRequestClientFacing, "offeringId" | "onetimeOfferingId" | "purchaseIntentId">;
 
 declare enum PurchaseStatus {
     COMPLETED = "completed",
@@ -430,6 +439,16 @@ export declare class Supertab extends SupertabClient {
     auth: AuthClient;
     checkout: CheckoutClient;
     constructor(supertabConfig: SupertabConfig);
+    createPaywall({ merchantName, merchantLogoUrl, language, experienceId, purchaseMetadata, }?: {
+        merchantName?: string;
+        merchantLogoUrl?: string;
+        language?: string;
+        experienceId?: string;
+        purchaseMetadata?: Metadata;
+    }): Promise<PaywallExperienceResult>;
+    /**
+     * @deprecated Use createPaywall instead.
+     */
     createPaygate({ merchantName, merchantLogoUrl, language, experienceId, purchaseMetadata, }?: {
         merchantName?: string;
         merchantLogoUrl?: string;

package/dist/pkg/prod/supertab.js

@@ -1,4 +1,4 @@
-import { S as e } from "./supertab-BrPk-nCo.js";
+import { S as e } from "./supertab-B8Vn8zcc.js";
 export {
   e as Supertab
 };

package/package.json

@@ -22,7 +22,7 @@
   "engines": {
     "node": ">=22.13.1"
   },
-  "version": "3.20.6",
+  "version": "3.22.0",
   "type": "module",
   "scripts": {
     "dev": "vite --config .vite/vite.dev.config.ts",