@revenuecat/purchases-ui-js 4.8.17 → 4.8.19

package/dist/components/paywall/Paywall.svelte

@@ -305,6 +305,13 @@
     }
   };
 
+  // Merge this component's own `customVariables` prop with the dashboard
+  // defaults. On the standalone path, this is the only source of custom
+  // variable values. On the workflow path, the host has already merged its
+  // `customVariables` into `globalVariables` — that merge must win here, or
+  // this component's defaults-only merge (since `customVariables` is never
+  // passed down by the workflow) silently overwrites the host's overrides
+  // for any variable that also has a declared dashboard default.
   const mergedCustomVars = mergeCustomVariables(customVariables, uiConfig);
 
   setPaywallContext({
@@ -312,8 +319,8 @@
     selectedPackageId,
     variablesPerPackage: readable(variablesPerPackage),
     baseVariables: readable({
-      ...globalVariables,
       ...mergedCustomVars,
+      ...globalVariables,
     }),
     infoPerPackage: readable(infoPerPackage),
     onPurchase,
@@ -341,8 +348,8 @@
   const variables: VariablesStore = derived(selectedPackageId, (packageId) => {
     const packageVars = variablesPerPackage[packageId || ""];
     return {
-      ...globalVariables,
       ...mergedCustomVars,
+      ...globalVariables,
       ...packageVars,
     };
   });

package/dist/components/redemption-button/RedemptionButton.stories.svelte

@@ -75,6 +75,8 @@
       }),
       variablesDecorator({
         "success.redemption_url": "myapp://redeem?token=abc123xyz",
+        "success.redemption_url_redirect":
+          "https://api.revenuecat.com/rcbilling/v1/redirect?url=myapp://redeem?token=abc123xyz",
       }),
     ],
     args: {

package/dist/components/redemption-button/RedemptionButton.svelte

@@ -4,11 +4,18 @@
   import type { RedemptionButtonProps } from "../../types/components/redemption-button";
   import QRCode from "qrcode";
   import { onMount } from "svelte";
+  import { getRedemptionQrUrl } from "./redemption-url";
 
   const props: RedemptionButtonProps = $props();
 
   const variables = getVariablesContext();
   const redemptionUrl = $derived($variables?.["success.redemption_url"]);
+  const redemptionUrlRedirect = $derived(
+    $variables?.["success.redemption_url_redirect"],
+  );
+  const redemptionQrUrl = $derived(
+    getRedemptionQrUrl(redemptionUrl, redemptionUrlRedirect),
+  );
 
   let isMobile = $state(true);
   let qrCodeDataUrl = $state("");
@@ -30,9 +37,9 @@
   });
 
   $effect(() => {
-    if (!isMobile && redemptionUrl) {
+    if (!isMobile && redemptionQrUrl) {
       qrFailed = false;
-      QRCode.toDataURL(redemptionUrl, {
+      QRCode.toDataURL(redemptionQrUrl, {
         width: 512,
         margin: 2,
         errorCorrectionLevel: "M",

package/dist/components/redemption-button/redemption-url.d.ts

@@ -0,0 +1 @@
+export declare const getRedemptionQrUrl: (redemptionUrl: string | undefined, redemptionUrlRedirect: string | undefined) => string | undefined;

package/dist/components/redemption-button/redemption-url.js

@@ -0,0 +1 @@
+export const getRedemptionQrUrl = (redemptionUrl, redemptionUrlRedirect) => redemptionUrlRedirect || redemptionUrl;

package/dist/types/variables.d.ts

@@ -84,7 +84,7 @@ type CustomVariableName = string & {};
  */
 export type InputVariableName = `input.${string}`;
 export declare function mergeCustomVariables(customVariables: CustomVariables, uiConfig: UIConfig | undefined): VariableDictionary;
-type BuiltinVariableName = "product.price" | "product.price_per_period" | "product.price_per_period_abbreviated" | "product.price_per_day" | "product.price_per_week" | "product.price_per_month" | "product.price_per_year" | "product.period" | "product.period_abbreviated" | "product.periodly" | "product.period_in_days" | "product.period_in_weeks" | "product.period_in_months" | "product.period_in_years" | "product.period_with_unit" | "product.currency_code" | "product.currency_symbol" | "product.offer_price" | "product.offer_price_per_day" | "product.offer_price_per_week" | "product.offer_price_per_month" | "product.offer_price_per_year" | "product.offer_period" | "product.offer_period_abbreviated" | "product.offer_period_in_days" | "product.offer_period_in_weeks" | "product.offer_period_in_months" | "product.offer_period_in_years" | "product.offer_period_with_unit" | "product.offer_end_date" | "product.secondary_offer_price" | "product.secondary_offer_period" | "product.secondary_offer_period_abbreviated" | "product.relative_discount" | "product.store_product_name" | "success.redemption_url" | "success.package_identifier" | "success.product_identifier" | "success.product_title" | "success.product_description" | "success.price" | "success.currency_code" | "success.customer_email" | "success.is_subscription" | "success.is_trial";
+type BuiltinVariableName = "product.price" | "product.price_per_period" | "product.price_per_period_abbreviated" | "product.price_per_day" | "product.price_per_week" | "product.price_per_month" | "product.price_per_year" | "product.period" | "product.period_abbreviated" | "product.periodly" | "product.period_in_days" | "product.period_in_weeks" | "product.period_in_months" | "product.period_in_years" | "product.period_with_unit" | "product.currency_code" | "product.currency_symbol" | "product.offer_price" | "product.offer_price_per_day" | "product.offer_price_per_week" | "product.offer_price_per_month" | "product.offer_price_per_year" | "product.offer_period" | "product.offer_period_abbreviated" | "product.offer_period_in_days" | "product.offer_period_in_weeks" | "product.offer_period_in_months" | "product.offer_period_in_years" | "product.offer_period_with_unit" | "product.offer_end_date" | "product.secondary_offer_price" | "product.secondary_offer_period" | "product.secondary_offer_period_abbreviated" | "product.relative_discount" | "product.store_product_name" | "success.redemption_url" | "success.redemption_url_redirect" | "success.package_identifier" | "success.product_identifier" | "success.product_title" | "success.product_description" | "success.price" | "success.currency_code" | "success.customer_email" | "success.is_subscription" | "success.is_trial";
 export type VariableDictionary = Partial<Record<BuiltinVariableName | InputVariableName | CustomVariableName, string>>;
 export type VariablesDictionary = Record<PackageIdentifier, VariableDictionary>;
 export interface PackageInfo {

package/package.json

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