@revenuecat/purchases-ui-js 0.0.15 → 0.0.16

package/dist/utils/style-utils.d.ts

@@ -90,7 +90,7 @@ export declare function getDimensionStyle(dimension: DimensionType): {
  * @param colorMode - The currently selected ColorMode (dark/light)
  * @returns CSS style object with text formatting properties
  */
-export declare function getTextStyles(props: TextNodeProps, colorMode?: ColorMode): any;
+export declare function getTextStyles(props: TextNodeProps, colorMode?: ColorMode): Record<string, unknown>;
 /**
  * Converts a style object to a CSS string
  * @param styles - Object containing CSS properties and values
@@ -114,4 +114,4 @@ export declare function getLabelById(label_id: string, locale: string, fallbackL
  * @returns the id of the first package marked as `is_selected_by_default` or undefined
  */
 export declare function findSelectedPackageId(paywallData: PaywallData): string | undefined;
-export declare const getActiveStateProps: <T>(overrides?: Record<"states", Record<string, T>>, componentState?: ComponentState) => T;
+export declare const getActiveStateProps: <T>(overrides?: Record<string, T>, componentState?: ComponentState) => T;

package/dist/utils/style-utils.js

@@ -172,7 +172,7 @@ export function getGradientStyle(colorMode, gradientColors) {
  * @returns CSS style object with mask properties
  */
 export const getMaskStyle = (maskShape) => {
-    let maskStyles = {
+    const maskStyles = {
         "--corner-radius": "0px",
         "--clip-path": "none",
     };
@@ -264,7 +264,7 @@ export function stringifyStyles(styles) {
  * @returns The label in the preferred or fallback locale, or undefined.
  */
 export function getLabelById(label_id, locale, fallbackLocale, labels) {
-    const fallback = (labels[fallbackLocale] || {})[label_id];
+    const fallback = labels[fallbackLocale]?.[label_id];
     if (!(labels[locale] || {})[label_id]) {
         return fallback;
     }
@@ -281,8 +281,8 @@ export function findSelectedPackageId(paywallData) {
             node.is_selected_by_default) {
             return node;
         }
-        if (node.components) {
-            for (let c of node.components) {
+        if (node.components && Array.isArray(node.components)) {
+            for (const c of node.components) {
                 const pkg = traverseNode(c);
                 if (pkg) {
                     return pkg;
@@ -309,7 +309,7 @@ export const getActiveStateProps = (overrides, componentState) => {
     const activeStateKeys = getComponentActiveStateKeys(componentState);
     const activeStateProps = activeStateKeys.reduce((props, key) => {
         if (overrides) {
-            const styles = overrides.states[key];
+            const styles = overrides[key] || {};
             return { ...props, ...styles };
         }
         return props;

package/package.json

@@ -2,7 +2,7 @@
   "name": "@revenuecat/purchases-ui-js",
   "description": "Web components for Paywalls. Powered by RevenueCat",
   "private": false,
-  "version": "0.0.15",
+  "version": "0.0.16",
   "author": {
     "name": "RevenueCat, Inc."
   },
@@ -36,7 +36,8 @@
     "chromatic": "chromatic",
     "format": "prettier --write .",
     "typecheck": "tsc --noEmit",
-    "test": "vitest"
+    "test": "vitest",
+    "lint": "eslint --config eslint.config.js src/**/*"
   },
   "files": [
     "dist",