@revenuecat/purchases-ui-js
Version:
Web components for Paywalls. Powered by RevenueCat
925 lines • 96 kB
TypeScript
export declare const IndividualPackageVariables: {
Individual: {
"product.price": string;
"product.price_per_period": string;
"product.price_per_period_abbreviated": string;
"product.price_per_day": string;
"product.price_per_week": string;
"product.price_per_month": string;
"product.price_per_year": string;
"product.period": string;
"product.period_abbreviated": string;
"product.periodly": string;
"product.period_in_days": string;
"product.period_in_weeks": string;
"product.period_in_months": string;
"product.period_in_years": string;
"product.period_with_unit": string;
"product.currency_code": string;
"product.currency_symbol": string;
"product.offer_price": string;
"product.offer_price_per_day": string;
"product.offer_price_per_week": string;
"product.offer_price_per_month": string;
"product.offer_price_per_year": string;
"product.offer_period": string;
"product.offer_period_abbreviated": string;
"product.offer_period_in_days": string;
"product.offer_period_in_weeks": string;
"product.offer_period_in_months": string;
"product.offer_period_in_years": string;
"product.offer_period_with_unit": string;
"product.offer_end_date": string;
"product.secondary_offer_price": string;
"product.secondary_offer_period": string;
"product.secondary_offer_period_abbreviated": string;
"product.relative_discount": string;
"product.store_product_name": string;
};
};
export declare const DUELINGUE_PAYWALL: {
id: string;
components_config: {
base: {
background: {
type: "color";
value: {
light: {
type: "hex";
value: string;
};
};
};
stack: {
background: null;
background_color: null;
badge: null;
border: null;
components: {
background: {
type: "color";
value: {
light: {
type: "hex";
value: string;
};
};
};
background_color: null;
badge: null;
border: null;
components: ({
background: {
type: "color";
value: {
light: {
type: "hex";
value: string;
};
};
};
background_color: null;
badge: null;
border: null;
components: {
border: null;
color_overlay: null;
fit_mode: "fill";
id: string;
margin: {
bottom: number;
leading: number;
top: number;
trailing: number;
};
mask_shape: null;
name: string;
padding: {
bottom: number;
leading: number;
top: number;
trailing: number;
};
shadow: null;
size: {
height: {
type: "fit";
value: null;
};
width: {
type: "fill";
value: null;
};
};
source: {
light: {
heic: string;
heic_low_res: string;
height: number;
original: string;
webp: string;
webp_low_res: string;
width: number;
};
};
type: "image";
}[];
dimension: {
alignment: "leading";
distribution: "start";
type: "vertical";
};
id: string;
margin: {
bottom: number;
leading: number;
top: number;
trailing: number;
};
name: string;
padding: {
bottom: number;
leading: number;
top: number;
trailing: number;
};
shadow: null;
shape: null;
size: {
height: {
type: "fit";
value: null;
};
width: {
type: "fill";
value: null;
};
};
spacing: number;
type: "stack";
} | {
background: {
type: "color";
value: {
light: {
type: "hex";
value: string;
};
};
};
background_color: null;
badge: null;
border: null;
components: ({
background_color: null;
color: {
light: {
type: "hex";
value: string;
};
};
font_name: null;
font_size: number;
font_weight: "bold";
font_weight_int: number;
horizontal_alignment: "center";
id: string;
margin: {
bottom: number;
leading: number;
top: number;
trailing: number;
};
name: string;
padding: {
bottom: number;
leading: number;
top: number;
trailing: number;
};
size: {
height: {
type: "fit";
value: null;
};
width: {
type: "fit";
value: null;
};
};
text_lid: string;
type: "text";
background?: undefined;
badge?: undefined;
border?: undefined;
components?: undefined;
dimension?: undefined;
shadow?: undefined;
shape?: undefined;
spacing?: undefined;
} | {
background: null;
background_color: null;
badge: null;
border: null;
components: ({
apple_promo_offer_product_code: null;
id: string;
is_selected_by_default: true;
name: string;
package_id: string;
stack: {
background: {
type: "color";
value: {
light: {
type: "hex";
value: string;
};
};
};
background_color: null;
badge: null;
border: {
color: {
light: {
type: "hex";
value: string;
};
};
width: number;
};
components: ({
background: null;
background_color: null;
badge: null;
border: null;
components: {
background: null;
background_color: null;
badge: null;
border: null;
components: {
background_color: null;
color: {
light: {
type: "hex";
value: string;
};
};
font_name: null;
font_size: number;
font_weight: "medium";
font_weight_int: number;
horizontal_alignment: "leading";
id: string;
margin: {
bottom: number;
leading: number;
top: number;
trailing: number;
};
name: string;
padding: {
bottom: number;
leading: number;
top: number;
trailing: number;
};
size: {
height: {
type: "fit";
value: null;
};
width: {
type: "fill";
value: null;
};
};
text_lid: string;
type: "text";
}[];
dimension: {
alignment: "leading";
distribution: "start";
type: "vertical";
};
id: string;
margin: {
bottom: number;
leading: number;
top: number;
trailing: number;
};
name: string;
padding: {
bottom: number;
leading: number;
top: number;
trailing: number;
};
shadow: null;
shape: {
corners: {
bottom_leading: number;
bottom_trailing: number;
top_leading: number;
top_trailing: number;
};
type: "rectangle";
};
size: {
height: {
type: "fit";
value: null;
};
width: {
type: "fill";
value: null;
};
};
spacing: number;
type: "stack";
}[];
dimension: {
alignment: "center";
distribution: "start";
type: "horizontal";
};
id: string;
margin: {
bottom: number;
leading: number;
top: number;
trailing: number;
};
name: string;
padding: {
bottom: number;
leading: number;
top: number;
trailing: number;
};
shadow: null;
shape: {
corners: {
bottom_leading: number;
bottom_trailing: number;
top_leading: number;
top_trailing: number;
};
type: "rectangle";
};
size: {
height: {
type: "fit";
value: null;
};
width: {
type: "fill";
value: null;
};
};
spacing: number;
type: "stack";
overrides?: undefined;
} | {
background: null;
background_color: null;
badge: null;
border: null;
components: ({
background_color: null;
color: {
light: {
type: "hex";
value: string;
};
};
font_name: null;
font_size: number;
font_weight: "regular";
font_weight_int: number;
horizontal_alignment: "center";
id: string;
margin: {
bottom: number;
leading: number;
top: number;
trailing: number;
};
name: string;
padding: {
bottom: number;
leading: number;
top: number;
trailing: number;
};
size: {
height: {
type: "fit";
value: null;
};
width: {
type: "fit";
value: null;
};
};
text_lid: string;
type: "text";
base_url?: undefined;
formats?: undefined;
icon_background?: undefined;
icon_name?: undefined;
overrides?: undefined;
} | {
base_url: string;
color: {
light: {
type: "hex";
value: string;
};
};
formats: {
heic: string;
png: string;
svg: string;
webp: string;
};
icon_background: null;
icon_name: string;
id: string;
margin: {
bottom: number;
leading: number;
top: number;
trailing: number;
};
name: string;
overrides: {
conditions: {
type: "selected";
}[];
properties: {
color: {
light: {
type: "hex";
value: string;
};
};
formats: {
heic: string;
png: string;
svg: string;
webp: string;
};
icon_name: string;
};
}[];
padding: {
bottom: number;
leading: number;
top: number;
trailing: number;
};
size: {
height: {
type: "fixed";
value: number;
};
width: {
type: "fixed";
value: number;
};
};
type: "icon";
background_color?: undefined;
font_name?: undefined;
font_size?: undefined;
font_weight?: undefined;
font_weight_int?: undefined;
horizontal_alignment?: undefined;
text_lid?: undefined;
})[];
dimension: {
alignment: "center";
distribution: "start";
type: "horizontal";
};
id: string;
margin: {
bottom: number;
leading: number;
top: number;
trailing: number;
};
name: string;
overrides: {
conditions: {
type: "selected";
}[];
properties: {
spacing: number;
};
}[];
padding: {
bottom: number;
leading: number;
top: number;
trailing: number;
};
shadow: null;
shape: {
corners: {
bottom_leading: number;
bottom_trailing: number;
top_leading: number;
top_trailing: number;
};
type: "rectangle";
};
size: {
height: {
type: "fit";
value: null;
};
width: {
type: "fit";
value: null;
};
};
spacing: number;
type: "stack";
})[];
dimension: {
alignment: "center";
distribution: "space_between";
type: "horizontal";
};
id: string;
margin: {
bottom: number;
leading: number;
top: number;
trailing: number;
};
name: string;
overrides: {
conditions: {
type: "selected";
}[];
properties: {
border: {
color: {
light: {
type: "hex";
value: string;
};
};
width: number;
};
};
}[];
padding: {
bottom: number;
leading: number;
top: number;
trailing: number;
};
shadow: {
color: {
light: {
type: "hex";
value: string;
};
};
radius: number;
x: number;
y: number;
};
shape: {
corners: {
bottom_leading: number;
bottom_trailing: number;
top_leading: number;
top_trailing: number;
};
type: "rectangle";
};
size: {
height: {
type: "fit";
value: null;
};
width: {
type: "fill";
value: null;
};
};
spacing: number;
type: "stack";
};
type: "package";
} | {
apple_promo_offer_product_code: null;
id: string;
is_selected_by_default: false;
name: string;
package_id: string;
stack: {
background: {
type: "color";
value: {
light: {
type: "hex";
value: string;
};
};
};
background_color: null;
badge: {
alignment: "top_trailing";
stack: {
background: {
type: "color";
value: {
dark: {
type: "hex";
value: string;
};
light: {
type: "hex";
value: string;
};
};
};
background_color: {
dark: {
type: "hex";
value: string;
};
light: {
type: "hex";
value: string;
};
};
badge: null;
border: null;
components: {
background_color: null;
color: {
light: {
type: "hex";
value: string;
};
};
font_name: null;
font_size: number;
font_weight: "bold";
font_weight_int: number;
horizontal_alignment: "center";
id: string;
margin: {
bottom: number;
leading: number;
top: number;
trailing: number;
};
name: string;
padding: {
bottom: number;
leading: number;
top: number;
trailing: number;
};
size: {
height: {
type: "fit";
value: null;
};
width: {
type: "fit";
value: null;
};
};
text_lid: string;
type: "text";
}[];
dimension: {
alignment: "center";
distribution: "center";
type: "vertical";
};
id: string;
margin: {
bottom: number;
leading: number;
top: number;
trailing: number;
};
name: string;
padding: {
bottom: number;
leading: number;
top: number;
trailing: number;
};
shadow: null;
shape: {
corners: {
bottom_leading: number;
bottom_trailing: number;
top_leading: number;
top_trailing: number;
};
type: "rectangle";
};
size: {
height: {
type: "fit";
value: null;
};
width: {
type: "fit";
value: null;
};
};
spacing: number;
type: "stack";
};
style: "overlay";
};
border: {
color: {
light: {
type: "hex";
value: string;
};
};
width: number;
};
components: ({
background: null;
background_color: null;
badge: null;
border: null;
components: {
background: null;
background_color: null;
badge: null;
border: null;
components: {
background_color: null;
color: {
light: {
type: "hex";
value: string;
};
};
font_name: null;
font_size: number;
font_weight: "regular";
font_weight_int: number;
horizontal_alignment: "leading";
id: string;
margin: {
bottom: number;
leading: number;
top: number;
trailing: number;
};
name: string;
overrides: {
conditions: {
type: "selected";
}[];
properties: {
text_lid: string;
};
}[];
padding: {
bottom: number;
leading: number;
top: number;
trailing: number;
};
size: {
height: {
type: "fit";
value: null;
};
width: {
type: "fill";
value: null;
};
};
text_lid: string;
type: "text";
}[];
dimension: {
alignment: "leading";
distribution: "start";
type: "vertical";
};
id: string;
margin: {
bottom: number;
leading: number;
top: number;
trailing: number;
};
name: string;
padding: {
bottom: number;
leading: number;
top: number;
trailing: number;
};
shadow: null;
shape: {
corners: {
bottom_leading: number;
bottom_trailing: number;
top_leading: number;
top_trailing: number;
};
type: "rectangle";
};
size: {
height: {
type: "fit";
value: null;
};
width: {
type: "fill";
value: null;
};
};
spacing: number;
type: "stack";
}[];
dimension: {
alignment: "center";
distribution: "start";
type: "horizontal";
};
id: string;
margin: {
bottom: number;
leading: number;
top: number;
trailing: number;
};
name: string;
padding: {
bottom: number;
leading: number;
top: number;
trailing: number;
};
shadow: null;
shape: {
corners: {
bottom_leading: number;
bottom_trailing: number;
top_leading: number;
top_trailing: number;
};
type: "rectangle";
};
size: {
height: {
type: "fit";
value: null;
};
width: {
type: "fill";
value: null;
};
};
spacing: number;
type: "stack";
} | {
background: null;
background_color: null;
badge: null;
border: null;
components: ({
background_color: null;
color: {
light: {
type: "hex";
value: string;
};
};
font_name: null;
font_size: number;
font_weight: "regular";
font_weight_int: number;
horizontal_alignment: "center";
id: string;
margin: {
bottom: number;
leading: number;
top: number;
trail