@revenuecat/purchases-ui-js 2.0.3 → 2.0.4

package/dist/stories/fixtures.d.ts

@@ -1,4 +1,5 @@
-import type { PaywallData, UIConfig } from "../data/entities";
+import type { PaywallData } from "../types/paywall";
+import type { UIConfig } from "../types/ui-config";
 import type { BrandingAppearance } from "../ui/utils/branding";
 export declare const uiConfigData: UIConfig;
 export declare const paywallData: PaywallData;

package/dist/stories/viewport-wrapper.svelte

@@ -14,11 +14,13 @@
 </script>
 
 <div class="container" {style}>
-  <div class="content">
-    {#each Array(elements) as _, index}
-      <div>Item {index + 1}</div>
-    {/each}
-  </div>
+  {#if elements > 0}
+    <div class="content">
+      {#each Array(elements) as _, index}
+        <div>Item {index + 1}</div>
+      {/each}
+    </div>
+  {/if}
   {@render children()}
 </div>
 

package/dist/types/component.d.ts

@@ -7,4 +7,5 @@ import type { ImageProps } from "./components/image";
 import type { PackageProps } from "./components/package";
 import type { PurchaseButtonProps } from "./components/purchase-button";
 import type { StackProps } from "./components/stack";
-export type Component = ButtonProps | FooterProps | IconProps | ImageProps | PackageProps | PurchaseButtonProps | StackProps | TextNodeProps | TimelineProps;
+import type { CarouselProps } from "./components/carousel";
+export type Component = ButtonProps | CarouselProps | FooterProps | IconProps | ImageProps | PackageProps | PurchaseButtonProps | StackProps | TextNodeProps | TimelineProps;

package/dist/types/components/button.d.ts

@@ -1,4 +1,5 @@
 import type { BaseComponent } from "../base";
+import type { Overrides } from "../overrides";
 import type { StackProps } from "./stack";
 interface RestorePurchasesAction {
     type: "restore_purchases";
@@ -35,5 +36,6 @@ export interface ButtonProps extends BaseComponent {
     action: Action;
     stack: StackProps;
     transition?: null;
+    overrides?: Overrides<ButtonProps>;
 }
 export {};

package/dist/types/components/carousel.d.ts

@@ -0,0 +1,51 @@
+import type { BorderType, ShadowType, ShapeType, Spacing } from "..";
+import type { VerticalAlignment } from "../alignment";
+import type { Background } from "../background";
+import type { BaseComponent } from "../base";
+import type { ColorScheme } from "../colors";
+import type { Overrides } from "../overrides";
+import type { StackProps } from "./stack";
+export interface PageControlIndicator {
+    width: number;
+    height: number;
+    color: ColorScheme;
+    stroke_color?: ColorScheme | null;
+    stroke_width?: number | null;
+}
+export interface PageControl {
+    position: "top" | "bottom";
+    spacing: number;
+    margin: Spacing;
+    padding: Spacing;
+    background_color?: ColorScheme | null;
+    border?: BorderType | null;
+    shape?: ShapeType | null;
+    shadow?: ShadowType | null;
+    active: PageControlIndicator;
+    default: PageControlIndicator;
+}
+type AutoAdvanceTransitionType = "fade" | "slide";
+interface AutoAdvance {
+    ms_time_per_page: number;
+    ms_transition_time: number;
+    transition_type: AutoAdvanceTransitionType;
+}
+export interface CarouselProps extends BaseComponent {
+    type: "carousel";
+    pages: StackProps[];
+    padding: Spacing;
+    margin: Spacing;
+    background?: Background | null;
+    shape?: ShapeType | null;
+    border?: BorderType | null;
+    shadow?: ShadowType | null;
+    page_alignment: VerticalAlignment;
+    page_spacing: number;
+    page_peek: number;
+    page_control?: PageControl | null;
+    initial_page_index: number;
+    loop: boolean;
+    auto_advance?: AutoAdvance | null;
+    overrides?: Overrides<CarouselProps>;
+}
+export {};

package/dist/types/paywall.d.ts

@@ -0,0 +1,27 @@
+import type { Background } from "./background";
+import type { FooterProps } from "./components/footer";
+import type { StackProps } from "./components/stack";
+import type { Localizations } from "./localization";
+interface RootPaywall {
+    background?: Background;
+    stack: StackProps;
+    sticky_footer?: FooterProps | null;
+}
+export interface ComponentConfig {
+    colors?: Record<string, string>;
+    fonts?: {
+        [fontName: string]: {
+            ios: string;
+            android: string;
+            web: string;
+        };
+    };
+    asset_base_url?: string;
+    base: RootPaywall;
+}
+export interface PaywallData {
+    default_locale: string;
+    components_config: ComponentConfig;
+    components_localizations: Localizations;
+}
+export {};

package/dist/types/paywall.js

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

package/dist/types/ui-config.d.ts

@@ -0,0 +1,20 @@
+type AppFontFamilyConfig = {
+    type: "name" | "url";
+    value?: string;
+    family: string;
+    hash: string;
+    style: string;
+    url: string;
+    weight: number;
+};
+type AppFontsConfig = Record<string, {
+    ios?: AppFontFamilyConfig;
+    android?: AppFontFamilyConfig;
+    web?: AppFontFamilyConfig;
+}>;
+export type UIConfig = {
+    app: {
+        fonts: AppFontsConfig;
+    };
+};
+export {};

package/dist/types/ui-config.js

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

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

@@ -1,4 +1,4 @@
-import type { UIConfig } from "../data/entities";
+import type { UIConfig } from "../types/ui-config";
 export declare function isFontRCFMManaged(fontName: string): boolean;
 export declare function getScopedFontFamily(fontFamily: string): string;
 export declare function registerFonts(uiConfig: UIConfig): Promise<void>;

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

@@ -1,8 +1,8 @@
-import type { PaywallData } from "../data/entities.js";
 import type { ColorGradientScheme } from "../types/colors.js";
 import type { Component } from "../types/component.js";
 import type { TextNodeProps } from "../types/components/text";
 import type { Overrides } from "../types/overrides.js";
+import type { PaywallData } from "../types/paywall.js";
 import { type ColorMode } from "../types.js";
 /**
  * Gets color value based on color mode with fallback

package/dist/utils/style-utils.js

@@ -100,8 +100,13 @@ export function findSelectedPackageId(paywallData) {
         }
         return undefined;
     };
-    for (const component of paywallData.components_config.base.stack.components) {
-        const pkg = traverseNode(component);
+    const { stack, sticky_footer } = paywallData.components_config.base;
+    const pkg = traverseNode(stack);
+    if (pkg !== undefined) {
+        return pkg?.package_id;
+    }
+    if (sticky_footer != null) {
+        const pkg = traverseNode(sticky_footer);
         if (pkg !== undefined) {
             return pkg?.package_id;
         }