@revenuecat/purchases-ui-js 3.2.0 → 3.3.0

package/dist/components/button/ButtonNode.svelte

@@ -15,7 +15,7 @@
     };
   });
 
-  const { onButtonAction } = getPaywallContext();
+  const { onButtonAction, hideBackButtons } = getPaywallContext();
 
   const onclick = () => {
     const actionId = props.triggers?.on_press;
@@ -27,8 +27,9 @@
       case "workflow":
         return true;
       case "restore_purchases":
-      case "navigate_back":
         return false;
+      case "navigate_back":
+        return !hideBackButtons;
       case "navigate_to":
         return action.destination !== "web_paywall_link";
       default:

package/dist/components/paywall/Paywall.svelte

@@ -47,6 +47,7 @@
     onNavigateToUrlClicked?: (url: string) => void;
     onActionTriggered?: (actionId: string) => void;
     onError?: (error: unknown) => void;
+    hideBackButtons?: boolean;
     walletButtonRender?: (
       node: HTMLElement,
       params: {
@@ -75,6 +76,7 @@
     onError,
     uiConfig,
     walletButtonRender,
+    hideBackButtons = false,
   }: Props = $props();
 
   const getColorMode = setColorModeContext(() => preferredColorMode);
@@ -148,6 +150,7 @@
     onButtonAction,
     walletButtonRender,
     uiConfig,
+    hideBackButtons,
   });
 
   const variables: VariablesStore = derived(selectedPackageId, (packageId) => {

package/dist/components/paywall/Paywall.svelte.d.ts

@@ -23,6 +23,7 @@ interface Props {
     onNavigateToUrlClicked?: (url: string) => void;
     onActionTriggered?: (actionId: string) => void;
     onError?: (error: unknown) => void;
+    hideBackButtons?: boolean;
     walletButtonRender?: (node: HTMLElement, params: {
         selectedPackageId: string;
         onReady?: () => void;

package/dist/stores/paywall.d.ts

@@ -16,6 +16,7 @@ type PaywallContext = Readonly<{
     };
     onButtonAction: (action: Action, actionId?: string) => void;
     uiConfig: UIConfig;
+    hideBackButtons: boolean;
 }>;
 export declare function setPaywallContext(context: PaywallContext): void;
 export declare function getPaywallContext(): PaywallContext;

package/dist/stories/paywall-decorator.js

@@ -19,6 +19,7 @@ export function paywallDecorator(walletButtonRender) {
             infoPerPackage: readable(undefined),
             onPurchase: () => window.alert("Purchase clicked"),
             onButtonAction: (action, actionId) => window.alert(`Button clicked: ${JSON.stringify({ action, actionId }, undefined, 2)}`),
+            hideBackButtons: false,
             walletButtonRender,
             uiConfig: emptyUiConfig,
         });

package/package.json

@@ -2,7 +2,7 @@
   "name": "@revenuecat/purchases-ui-js",
   "description": "Web components for Paywalls. Powered by RevenueCat",
   "private": false,
-  "version": "3.2.0",
+  "version": "3.3.0",
   "author": {
     "name": "RevenueCat, Inc."
   },