@revenuecat/purchases-ui-js 3.9.0 → 3.9.1

package/dist/components/paywall/Paywall.svelte

@@ -36,6 +36,7 @@
     type PackageInfoStore,
     setPackageInfoContext,
   } from "../../stores/packageInfo";
+  import type { WalletButtonRender } from "../../types/wallet";
 
   /**
    * Props are captured once at mount and are not reactive to subsequent changes.
@@ -63,19 +64,7 @@
     onActionTriggered?: (actionId: string) => void;
     onError?: (error: unknown) => void;
     hideBackButtons?: boolean;
-    walletButtonRender?: (
-      node: HTMLElement,
-      params: {
-        selectedPackageId: string;
-        onReady?: (walletButtonAvailable?: boolean) => void;
-      },
-    ) => {
-      destroy?: () => void;
-      update?: (updateParams: {
-        selectedPackageId: string;
-        onReady?: (walletButtonAvailable?: boolean) => void;
-      }) => void;
-    };
+    walletButtonRender?: WalletButtonRender;
     maxContentWidth?: string;
     initialInputSelections?: InitialInputSelections;
     /**

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

@@ -3,6 +3,7 @@ import type { ColorMode } from "../../types";
 import type { PaywallData } from "../../types/paywall";
 import type { UIConfig } from "../../types/ui-config";
 import { type CustomVariables, type PackageInfo, type VariableDictionary } from "../../types/variables";
+import type { WalletButtonRender } from "../../types/wallet";
 /**
  * Props are captured once at mount and are not reactive to subsequent changes.
  * The paywall should be remounted to reflect new prop values.
@@ -29,16 +30,7 @@ interface Props {
     onActionTriggered?: (actionId: string) => void;
     onError?: (error: unknown) => void;
     hideBackButtons?: boolean;
-    walletButtonRender?: (node: HTMLElement, params: {
-        selectedPackageId: string;
-        onReady?: (walletButtonAvailable?: boolean) => void;
-    }) => {
-        destroy?: () => void;
-        update?: (updateParams: {
-            selectedPackageId: string;
-            onReady?: (walletButtonAvailable?: boolean) => void;
-        }) => void;
-    };
+    walletButtonRender?: WalletButtonRender;
     maxContentWidth?: string;
     initialInputSelections?: InitialInputSelections;
     /**

package/dist/components/workflows/Screen.svelte

@@ -1,10 +1,11 @@
 <script lang="ts">
-  import Paywall, {
-    type UIConfig,
-  } from "../paywall/Paywall.svelte";
+  import Paywall from "../paywall/Paywall.svelte";
   import type { InitialInputSelections } from "../../stores/inputValidation";
   import type { WorkflowScreen } from "../../types/workflow";
   import type { VariableDictionary } from "../../types/variables";
+  import type { WalletButtonRender } from "../../types/wallet";
+  import type { UIConfig } from "../../types/ui-config";
+
   interface Props {
     paywallComponents: WorkflowScreen | null | undefined;
     selectedLocale?: string;
@@ -20,7 +21,9 @@
     maxContentWidth?: string;
     variablesPerPackage?: Record<string, VariableDictionary>;
     initialInputSelections?: InitialInputSelections;
+    walletButtonRender?: WalletButtonRender;
   }
+
   const {
     paywallComponents,
     selectedLocale = "en_US",
@@ -33,6 +36,7 @@
     maxContentWidth,
     variablesPerPackage,
     initialInputSelections = {},
+    walletButtonRender,
   }: Props = $props();
 </script>
 
@@ -56,6 +60,7 @@
         onActionTriggered?.(actionId);
       }}
       {onPurchaseClicked}
+      {walletButtonRender}
       onError={(error) => {
         console.error("Paywall error:", error);
       }}

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

@@ -1,7 +1,8 @@
-import { type UIConfig } from "../paywall/Paywall.svelte";
 import type { InitialInputSelections } from "../../stores/inputValidation";
 import type { WorkflowScreen } from "../../types/workflow";
 import type { VariableDictionary } from "../../types/variables";
+import type { WalletButtonRender } from "../../types/wallet";
+import type { UIConfig } from "../../types/ui-config";
 interface Props {
     paywallComponents: WorkflowScreen | null | undefined;
     selectedLocale?: string;
@@ -14,6 +15,7 @@ interface Props {
     maxContentWidth?: string;
     variablesPerPackage?: Record<string, VariableDictionary>;
     initialInputSelections?: InitialInputSelections;
+    walletButtonRender?: WalletButtonRender;
 }
 declare const Screen: import("svelte").Component<Props, {}, "">;
 type Screen = ReturnType<typeof Screen>;

package/dist/index.d.ts

@@ -17,6 +17,7 @@ export * from "./types";
 export { type PaywallData } from "./types/paywall";
 export { type InitialInputSelections } from "./stores/inputValidation";
 export { type UIConfig } from "./types/ui-config";
+export { type WalletButtonRender } from "./types/wallet";
 export { type CustomVariables, CustomVariableValue, type VariableDictionary, type PackageInfo, } from "./types/variables";
 export * from "./ui/globals";
 export { default as Button } from "./ui/molecules/button.svelte";

package/dist/index.js

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

package/dist/stores/paywall.d.ts

@@ -1,6 +1,7 @@
 import type { Action } from "../types/components/button";
 import type { UIConfig } from "../types/ui-config";
 import type { PackageInfo, VariableDictionary } from "../types/variables";
+import type { WalletButtonRender } from "../types/wallet";
 import { type Readable, type Writable } from "svelte/store";
 type PaywallContext = Readonly<{
     selectedPackageId: Writable<string | undefined>;
@@ -15,16 +16,7 @@ type PaywallContext = Readonly<{
     baseVariables: Readable<VariableDictionary | undefined>;
     infoPerPackage: Readable<Record<string, PackageInfo> | undefined>;
     onPurchase: (actionId?: string) => void;
-    walletButtonRender?: (node: HTMLElement, params: {
-        selectedPackageId: string;
-        onReady?: (walletButtonAvailable?: boolean) => void;
-    }) => {
-        destroy?: () => void;
-        update?: (params: {
-            selectedPackageId: string;
-            onReady?: (walletButtonAvailable?: boolean) => void;
-        }) => void;
-    };
+    walletButtonRender?: WalletButtonRender;
     onWalletButtonReady?: (walletButtonAvailable?: boolean) => void;
     onButtonAction: (action: Action, actionId?: string) => void;
     uiConfig: UIConfig;

package/dist/stories/paywall-decorator.d.ts

@@ -1,11 +1,3 @@
+import type { WalletButtonRender } from "../types/wallet";
 import type { DecoratorFunction, Renderer } from "storybook/internal/csf";
-export declare function paywallDecorator<TRenderer extends Renderer, TArgs>(walletButtonRender?: (node: HTMLElement, params: {
-    selectedPackageId: string;
-    onReady?: (walletButtonAvailable?: boolean) => void;
-}) => {
-    destroy?: () => void;
-    update?: (updateParams: {
-        selectedPackageId: string;
-        onReady?: (walletButtonAvailable?: boolean) => void;
-    }) => void;
-}, selectedPackageId?: string): DecoratorFunction<TRenderer, TArgs>;
+export declare function paywallDecorator<TRenderer extends Renderer, TArgs>(walletButtonRender?: WalletButtonRender, selectedPackageId?: string): DecoratorFunction<TRenderer, TArgs>;

package/dist/types/wallet.d.ts

@@ -0,0 +1,10 @@
+export type WalletButtonRender = (node: HTMLElement, params: {
+    selectedPackageId: string;
+    onReady?: (walletButtonAvailable?: boolean) => void;
+}) => {
+    destroy?: () => void;
+    update?: (updateParams: {
+        selectedPackageId: string;
+        onReady?: (walletButtonAvailable?: boolean) => void;
+    }) => void;
+};

package/dist/types/wallet.js

@@ -0,0 +1 @@
+export {};

package/package.json

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