@revenuecat/purchases-ui-js 4.14.2 → 4.16.0

package/dist/utils/style-utils.js

@@ -119,6 +119,26 @@ export function collectPackageIdsInDisplayOrder({ stack, sticky_footer, }) {
         ]),
     ];
 }
+/**
+ * Each package component's place in display order (root stack, then sticky
+ * footer) and whether it sits inside tabs, by component id.
+ */
+export function collectPackagePlacements({ stack, sticky_footer, }) {
+    const placements = new Map();
+    const walk = (node, inTabs) => {
+        if (node.type === "package" && !placements.has(node.id)) {
+            placements.set(node.id, { index: placements.size, inTabs });
+        }
+        for (const child of getPaywallComponentChildNodes(node)) {
+            walk(child, inTabs || node.type === "tabs");
+        }
+    };
+    walk(stack, false);
+    if (sticky_footer != null) {
+        walk(sticky_footer, false);
+    }
+    return placements;
+}
 /**
  * Returns the overrides (in array order) whose conditions all match (AND) the
  * given context, without merging their properties.
@@ -206,6 +226,11 @@ const conditionMatches = (condition, context) => {
         if (condition.operator === "!=")
             return currentValue !== conditionValue;
     }
+    if (condition.type === RuleKey.WindowWidthCondition ||
+        condition.type === RuleKey.WindowHeightCondition ||
+        condition.type === RuleKey.WindowAspectRatioCondition) {
+        return windowSizeMatches(condition, context.windowSize);
+    }
     if (condition.type === RuleKey.StateCondition) {
         const stateValues = context.stateValues ?? {};
         const stateDefaults = context.stateDefaults ?? {};
@@ -233,6 +258,40 @@ const conditionMatches = (condition, context) => {
     }
     return false;
 };
+// `=` compares an authored value against a fractional measurement, so it
+// allows the same tolerances as Android.
+const DIMENSION_EQUALITY_TOLERANCE_PX = 0.5;
+const ASPECT_RATIO_EQUALITY_TOLERANCE = 1e-3;
+function windowSizeMatches(condition, windowSize) {
+    if (!windowSize)
+        return false;
+    const { width, height } = windowSize;
+    if (condition.type === RuleKey.WindowWidthCondition) {
+        return compareNumbers(width, condition.operator, condition.value, DIMENSION_EQUALITY_TOLERANCE_PX);
+    }
+    if (condition.type === RuleKey.WindowHeightCondition) {
+        return compareNumbers(height, condition.operator, condition.value, DIMENSION_EQUALITY_TOLERANCE_PX);
+    }
+    if (height === 0)
+        return false;
+    return compareNumbers(width / height, condition.operator, condition.value, ASPECT_RATIO_EQUALITY_TOLERANCE);
+}
+function compareNumbers(actual, operator, expected, tolerance) {
+    switch (operator) {
+        case ">=":
+            return actual >= expected;
+        case ">":
+            return actual > expected;
+        case "<=":
+            return actual <= expected;
+        case "<":
+            return actual < expected;
+        case "=":
+            return Math.abs(actual - expected) < tolerance;
+        default:
+            return false;
+    }
+}
 function stateValuesEqual(actual, expected) {
     if (typeof actual === "string" && typeof expected === "string") {
         return actual === expected;

package/package.json

@@ -2,7 +2,7 @@
   "name": "@revenuecat/purchases-ui-js",
   "description": "Web components for Paywalls. Powered by RevenueCat",
   "private": false,
-  "version": "4.14.2",
+  "version": "4.16.0",
   "author": {
     "name": "RevenueCat, Inc."
   },
@@ -99,7 +99,7 @@
     "@types/qrcode": "^1.5.6",
     "@types/react": "^19.2.14",
     "@typescript-eslint/parser": "8.57.2",
-    "chromatic": "13.3.2",
+    "chromatic": "18.12.2",
     "eslint": "9.38.0",
     "eslint-plugin-storybook": "9.1.17",
     "eslint-plugin-svelte": "3.16.0",