@revenuecat/purchases-ui-js 0.0.17 → 0.0.18

package/dist/data/entities.d.ts

@@ -1,6 +1,7 @@
-import type { BorderType, CircleShape, ColorType, CornerRadiusType, DimensionType, FitTypes, FontSizeTags, FontWeights, RectangleShape, ShadowType, ShapeType, SizeType, Spacing, TextAlignments } from "../types";
+import type { AlignmentType, BorderType, CircleShape, ColorType, CornerRadiusType, DimensionType, FitTypes, FontSizeTags, FontWeights, RectangleShape, ShadowType, ShapeType, SizeType, Spacing, TextAlignments } from "../types";
 import type { PurchaseState } from "./state";
 import type { VariableDictionary } from "../utils/variable-utils";
+import type { ZStackChildStyles } from "../components/stack/stack-utils";
 export interface Extra {
     [key: string]: unknown;
 }
@@ -9,6 +10,7 @@ export interface PaywallComponent extends Extra {
     type: ComponentTypes;
     id: string;
     name: string;
+    fallback?: PaywallComponent;
 }
 export interface Stack extends PaywallComponent {
     spacing: number;
@@ -21,6 +23,8 @@ type BaseNodeBackgroundColor = {
 export type BaseNodeBackgroundImage = {
     type: "image";
     value: ImageSourceType;
+    color_overlay?: ColorType;
+    fit_mode?: FitTypes;
 };
 export type BaseNodeBackgroundType = BaseNodeBackgroundColor | BaseNodeBackgroundImage;
 export interface ComponentConfig {
@@ -70,6 +74,7 @@ interface SharedComponentProps extends PaywallComponent, ActionsProps, PurchaseS
     name: string;
     variableDictionary?: VariableDictionary;
     componentState?: ComponentState;
+    zStackChildStyles?: ZStackChildStyles;
 }
 interface Action {
     type: "restore_purchases" | "navigate_to" | "navigate_back" | "purchase" | "select_package";
@@ -126,6 +131,24 @@ export interface StackProps extends SharedComponentProps {
     size: SizeType;
     spacing?: number;
     type: "stack";
+    badge?: {
+        stack: {
+            components: PaywallComponent[];
+            type: "stack";
+        };
+        style: "overlay" | "edge_to_edge" | "nested";
+        alignment: Exclude<AlignmentType, "center">;
+        shape: ShapeType;
+        padding: Spacing;
+        margin: Spacing;
+        text_lid: string;
+        color: ColorType;
+        font_name?: string;
+        font_weight: keyof typeof FontWeights;
+        font_size: keyof typeof FontSizeTags;
+        horizontal_alignment: keyof typeof TextAlignments;
+        background_color: ColorType;
+    };
     overrides?: {
         [state: string]: StackProps;
     };
@@ -148,7 +171,15 @@ export interface TextNodeProps extends SharedComponentProps {
         [state: string]: TextNodeProps;
     };
 }
-type ImageSourceDictionaryType = Record<"original" | "heic" | "heic_low_res" | "webp" | "webp_low_res", string>;
+type ImageSourceDictionaryType = {
+    original: string;
+    heic: string;
+    heic_low_res: string;
+    webp: string;
+    webp_low_res: string;
+    width?: number;
+    height?: number;
+};
 type ImageSourceType = {
     light: ImageSourceDictionaryType;
     dark?: ImageSourceDictionaryType;

package/dist/index.d.ts

@@ -1,5 +1,6 @@
-export { type PaywallData as PaywallData } from "./data/entities";
 export * from "./types";
+export { type PaywallData as PaywallData } from "./data/entities";
+export { type VariableDictionary } from "./utils/variable-utils";
 export { default as Paywall } from "./components/paywall/Paywall.svelte";
 export { default as Stack } from "./components/stack/Stack.svelte";
 export { default as Button } from "./components/button/Button.svelte";
@@ -8,5 +9,4 @@ export { default as Image } from "./components/image/Image.svelte";
 export { default as PurchaseButton } from "./components/purchase-button/PurchaseButton.svelte";
 export { default as Package } from "./components/package/Package.svelte";
 export { default as Footer } from "./components/footer/Footer.svelte";
-export { type VariableDictionary } from "./utils/variable-utils";
 export { default as Timeline } from "./components/timeline/Timeline.svelte";

package/dist/index.js

@@ -1,6 +1,7 @@
 // Reexport your entry components here
-export {} from "./data/entities";
 export * from "./types";
+export {} from "./data/entities";
+export {} from "./utils/variable-utils";
 export { default as Paywall } from "./components/paywall/Paywall.svelte";
 export { default as Stack } from "./components/stack/Stack.svelte";
 export { default as Button } from "./components/button/Button.svelte";
@@ -9,5 +10,4 @@ export { default as Image } from "./components/image/Image.svelte";
 export { default as PurchaseButton } from "./components/purchase-button/PurchaseButton.svelte";
 export { default as Package } from "./components/package/Package.svelte";
 export { default as Footer } from "./components/footer/Footer.svelte";
-export {} from "./utils/variable-utils";
 export { default as Timeline } from "./components/timeline/Timeline.svelte";

package/dist/stories/fixtures.d.ts

@@ -15,8 +15,10 @@ export declare const labelsData: {
         id1: string;
         id2: string;
         id3: string;
+        badge: string;
     };
 };
 export declare const colorModeOverrideTemplate: PaywallData;
 export declare const paywallWithFooter: PaywallData;
 export declare const errorPaywallData: PaywallData;
+export declare const fallbackPaywallData: PaywallData;