@revenuecat/purchases-ui-js 2.0.2 → 2.0.3

package/dist/stores/color-mode.d.ts

@@ -1,5 +1,5 @@
 import type { ColorMode } from "../types";
-export type ColorModeOverride = () => ColorMode | undefined;
+type ColorModeOverride = () => ColorMode | undefined;
 type GetColorMode = () => ColorMode;
 export declare function setColorModeContext(colorModeOverride?: ColorModeOverride): GetColorMode;
 export declare function getColorModeContext(): GetColorMode;

package/dist/stores/paywall.d.ts

@@ -1,11 +1,14 @@
+import type { UIConfig } from "../data/entities";
 import type { Action } from "../types/components/button";
-import type { VariableDictionary } from "../utils/variable-utils";
+import type { VariableDictionary } from "../types/variables";
 import { type Readable, type Writable } from "svelte/store";
-export type PaywallContext = Readonly<{
+type PaywallContext = Readonly<{
     selectedPackageId: Writable<string | undefined>;
     variablesPerPackage: Readable<Record<string, VariableDictionary> | undefined>;
     onPurchase: () => void;
     onButtonAction: (action: Action) => void;
+    uiConfig: UIConfig;
 }>;
 export declare function setPaywallContext(context: PaywallContext): void;
 export declare function getPaywallContext(): PaywallContext;
+export {};

package/dist/stores/selected.d.ts

@@ -0,0 +1,5 @@
+import { type Readable } from "svelte/store";
+type SelectedContext = Readable<boolean>;
+export declare function setSelectedStateContext(packageId: string): void;
+export declare function getSelectedStateContext(): SelectedContext;
+export {};

package/dist/stores/selected.js

@@ -0,0 +1,12 @@
+import { getContext, setContext } from "svelte";
+import { derived, readable } from "svelte/store";
+import { getPaywallContext } from "./paywall";
+const key = Symbol("selected");
+export function setSelectedStateContext(packageId) {
+    const { selectedPackageId } = getPaywallContext();
+    setContext(key, derived(selectedPackageId, (value) => value === packageId));
+}
+export function getSelectedStateContext() {
+    const context = getContext(key);
+    return context ?? readable(false);
+}

package/dist/stores/variables.d.ts

@@ -1,4 +1,4 @@
-import { type VariableDictionary } from "../utils/variable-utils";
+import type { VariableDictionary } from "../types/variables";
 import { type Readable } from "svelte/store";
 export type VariablesStore = Readable<VariableDictionary | undefined>;
 export declare function setVariablesContext(variables: VariablesStore): void;

package/dist/stores/variables.js

@@ -1,4 +1,3 @@
-import {} from "../utils/variable-utils";
 import { getContext, setContext } from "svelte";
 import {} from "svelte/store";
 const key = Symbol("variables");

package/dist/stories/component-decorator.d.ts

@@ -0,0 +1,2 @@
+import type { DecoratorFunction, Renderer } from "storybook/internal/csf";
+export declare function componentDecorator<TRenderer extends Renderer, TArgs>(): DecoratorFunction<TRenderer, TArgs>;

package/dist/stories/component-decorator.js

@@ -0,0 +1,12 @@
+export function componentDecorator() {
+    return (Story, ctx) => {
+        return Story({
+            ...ctx,
+            args: {
+                ...ctx.args,
+                id: ctx.name.toLowerCase().replaceAll(" ", "-"),
+                name: ctx.name,
+            },
+        });
+    };
+}

package/dist/stories/fixtures.d.ts

@@ -1,10 +1,11 @@
-import type { PaywallData } from "../data/entities";
+import type { PaywallData, UIConfig } from "../data/entities";
 import type { BrandingAppearance } from "../ui/utils/branding";
+export declare const uiConfigData: UIConfig;
 export declare const paywallData: PaywallData;
 export declare const alignmentPaywallData: PaywallData;
 export declare const fontsPaywallData: PaywallData;
+export declare const customFontsPaywallData: PaywallData;
 export declare const pastaPaywallData: PaywallData;
-export declare const variablesPastaPaywallData: PaywallData;
 export declare const gradientPaywallData: PaywallData;
 export declare const calmPaywallData: PaywallData;
 export declare const stateTemplate: PaywallData;
@@ -22,5 +23,6 @@ export declare const colorModeOverrideTemplate: PaywallData;
 export declare const paywallWithFooter: PaywallData;
 export declare const errorPaywallData: PaywallData;
 export declare const fallbackPaywallData: PaywallData;
-export declare const e2eTestTemplate: PaywallData;
 export declare const brandingAppearances: Record<string, BrandingAppearance | null>;
+export declare const timelineTemplate: PaywallData;
+export declare const listTemplate: PaywallData;