@revenuecat/purchases-ui-js 4.7.0 → 4.7.1

package/dist/components/workflows/Screen.svelte

@@ -39,6 +39,9 @@
     onCompleteWorkflowNavigate?: (
       args: CompleteWorkflowNavigateArgs,
     ) => void | Promise<void>;
+    onNavigateToUrlClicked?: (url: string) => void;
+    onRestorePurchasesClicked?: () => void;
+    onVisitCustomerCenterClicked?: () => void;
     walletButtonRender?: WalletButtonRender;
     safeAreaFallbackColor?: ColorScheme | null;
   }
@@ -60,6 +63,9 @@
     onInputChanged,
     onReservedAttributeChanged,
     onCompleteWorkflowNavigate,
+    onNavigateToUrlClicked,
+    onRestorePurchasesClicked,
+    onVisitCustomerCenterClicked,
     walletButtonRender,
     safeAreaFallbackColor,
   }: Props = $props();
@@ -76,14 +82,18 @@
       {maxContentWidth}
       {initialInputSelections}
       onNavigateToUrlClicked={(url: string) => {
-        window.open(url, "_blank");
+        if (onNavigateToUrlClicked) {
+          onNavigateToUrlClicked(url);
+        } else {
+          window.open(url, "_blank");
+        }
       }}
       {onCompleteWorkflowNavigate}
-      onVisitCustomerCenterClicked={() => {}}
+      onVisitCustomerCenterClicked={() => onVisitCustomerCenterClicked?.()}
       {onBackClicked}
       {onNavigateToPage}
       {onClose}
-      onRestorePurchasesClicked={() => {}}
+      onRestorePurchasesClicked={() => onRestorePurchasesClicked?.()}
       onActionTriggered={(actionId: string) => {
         onActionTriggered?.(actionId);
       }}

package/dist/components/workflows/Screen.svelte.d.ts

@@ -25,6 +25,9 @@ interface Props {
     onInputChanged?: (fieldId: string, value: string, actionId?: string) => void;
     onReservedAttributeChanged?: (reservedAttribute: ReservedAttribute, value: string) => void;
     onCompleteWorkflowNavigate?: (args: CompleteWorkflowNavigateArgs) => void | Promise<void>;
+    onNavigateToUrlClicked?: (url: string) => void;
+    onRestorePurchasesClicked?: () => void;
+    onVisitCustomerCenterClicked?: () => void;
     walletButtonRender?: WalletButtonRender;
     safeAreaFallbackColor?: ColorScheme | null;
 }

package/dist/components/workflows/Workflow.svelte

@@ -38,6 +38,9 @@
     onCompleteWorkflowNavigate?: (
       args: CompleteWorkflowNavigateArgs,
     ) => void | Promise<void>;
+    onNavigateToUrlClicked?: (url: string) => void;
+    onRestorePurchasesClicked?: () => void;
+    onVisitCustomerCenterClicked?: () => void;
     onComponentInteraction?: OnComponentInteraction;
     onClose?: () => void;
     onExitBack?: () => void;
@@ -59,6 +62,9 @@
     onInputChanged,
     onReservedAttributeChanged,
     onCompleteWorkflowNavigate,
+    onNavigateToUrlClicked,
+    onRestorePurchasesClicked,
+    onVisitCustomerCenterClicked,
     onComponentInteraction,
     onClose,
     onExitBack,
@@ -122,6 +128,9 @@
     {onInputChanged}
     {onReservedAttributeChanged}
     {onCompleteWorkflowNavigate}
+    {onNavigateToUrlClicked}
+    {onRestorePurchasesClicked}
+    {onVisitCustomerCenterClicked}
     {onComponentInteraction}
     onNavigateToPage={handleNavigateToPage}
     onBackClicked={handleBackClicked}

package/dist/components/workflows/Workflow.svelte.d.ts

@@ -23,6 +23,9 @@ interface Props {
     onInputChanged?: (fieldId: string, value: string, actionId?: string) => void;
     onReservedAttributeChanged?: (reservedAttribute: ReservedAttribute, value: string) => void;
     onCompleteWorkflowNavigate?: (args: CompleteWorkflowNavigateArgs) => void | Promise<void>;
+    onNavigateToUrlClicked?: (url: string) => void;
+    onRestorePurchasesClicked?: () => void;
+    onVisitCustomerCenterClicked?: () => void;
     onComponentInteraction?: OnComponentInteraction;
     onClose?: () => void;
     onExitBack?: () => void;

package/dist/index.d.ts

@@ -22,7 +22,7 @@ export { type WorkflowData, type WorkflowStep } from "./types/workflow";
 export { type InitialInputSelections } from "./stores/inputValidation";
 export { type UIConfig } from "./types/ui-config";
 export { type WalletButtonRender, type WalletButtonTheme, } from "./types/wallet";
-export { type CustomVariables, CustomVariableValue, type VariableDictionary, type PackageInfo, } from "./types/variables";
+export { type CustomVariables, CustomVariableValue, mergeCustomVariables, type VariableDictionary, type PackageInfo, } from "./types/variables";
 export type { CompleteWorkflowNavigateArgs, CompleteWorkflowUrlQueryParams, } from "./types/components/button";
 export * from "./ui/globals";
 export { default as Button } from "./ui/molecules/button.svelte";

package/dist/index.js

@@ -23,6 +23,6 @@ export {} from "./types/workflow";
 export {} from "./stores/inputValidation";
 export {} from "./types/ui-config";
 export {} from "./types/wallet";
-export { CustomVariableValue, } from "./types/variables";
+export { CustomVariableValue, mergeCustomVariables, } from "./types/variables";
 export * from "./ui/globals";
 export { default as Button } from "./ui/molecules/button.svelte";

package/package.json

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