@revenuecat/purchases-ui-js
Version:
Web components for Paywalls. Powered by RevenueCat
731 lines (730 loc) • 126 kB
JavaScript
export const IndividualPackageVariables = {
Individual: {
"product.price": "$99.99",
"product.price_per_period": "$99.99/year",
"product.price_per_period_abbreviated": "$99.99/yr",
"product.price_per_day": "$0.19",
"product.price_per_week": "$1.35",
"product.price_per_month": "$5.83",
"product.price_per_year": "$99.99",
"product.period": "year",
"product.period_abbreviated": "yr",
"product.periodly": "yearly",
"product.period_in_days": "365",
"product.period_in_weeks": "52",
"product.period_in_months": "12",
"product.period_in_years": "1",
"product.period_with_unit": "1 year",
"product.currency_code": "USD",
"product.currency_symbol": "$",
"product.offer_price": "$1.99",
"product.offer_price_per_day": "$0.07",
"product.offer_price_per_week": "$0.50",
"product.offer_price_per_month": "$1.99",
"product.offer_price_per_year": "$23.88",
"product.offer_period": "week",
"product.offer_period_abbreviated": "wk",
"product.offer_period_in_days": "7",
"product.offer_period_in_weeks": "1",
"product.offer_period_in_months": "0",
"product.offer_period_in_years": "0",
"product.offer_period_with_unit": "1 week",
"product.offer_end_date": "December 31, 2024",
"product.secondary_offer_price": "$2.99",
"product.secondary_offer_period": "week",
"product.secondary_offer_period_abbreviated": "wk",
"product.relative_discount": "19%",
"product.store_product_name": "Pro Access",
},
};
export const DUELINGUE_PAYWALL = {
id: "duelingue_paywall",
components_config: {
base: {
background: {
type: "color",
value: {
light: {
type: "hex",
value: "#101d37ff",
},
},
},
stack: {
background: null,
background_color: null,
badge: null,
border: null,
components: [
{
background: {
type: "color",
value: {
light: {
type: "hex",
value: "#F5F5F5ff",
},
},
},
background_color: null,
badge: null,
border: null,
components: [
{
background: {
type: "color",
value: {
light: {
type: "hex",
value: "#FFFFFFFF",
},
},
},
background_color: null,
badge: null,
border: null,
components: [
{
border: null,
color_overlay: null,
fit_mode: "fill",
id: "ssWia9fKDi",
margin: {
bottom: 0,
leading: 0,
top: 0,
trailing: 0,
},
mask_shape: null,
name: "",
padding: {
bottom: 0,
leading: 0,
top: 0,
trailing: 0,
},
shadow: null,
size: {
height: {
type: "fit",
value: null,
},
width: {
type: "fill",
value: null,
},
},
source: {
light: {
heic: "https://assets.pawwalls.com/1165561_1763736894_ae0bea4b.heic",
heic_low_res: "https://assets.pawwalls.com/1165561_low_res_1763736894_ae0bea4b.heic",
height: 722,
original: "https://assets.pawwalls.com/1165561_1763736894_ae0bea4b.png",
webp: "https://assets.pawwalls.com/1165561_1763736894_ae0bea4b.webp",
webp_low_res: "https://assets.pawwalls.com/1165561_low_res_1763736894_ae0bea4b.webp",
width: 1287,
},
},
type: "image",
},
],
dimension: {
alignment: "leading",
distribution: "start",
type: "vertical",
},
id: "m_F1u6JCBG",
margin: {
bottom: 0,
leading: 0,
top: 0,
trailing: 0,
},
name: "",
padding: {
bottom: 0,
leading: 0,
top: 0,
trailing: 0,
},
shadow: null,
shape: null,
size: {
height: {
type: "fit",
value: null,
},
width: {
type: "fill",
value: null,
},
},
spacing: 0,
type: "stack",
},
{
background: {
type: "color",
value: {
light: {
type: "hex",
value: "#f5f5f5FF",
},
},
},
background_color: null,
badge: null,
border: null,
components: [
{
background_color: null,
color: {
light: {
type: "hex",
value: "#101D37ff",
},
},
font_name: null,
font_size: 24,
font_weight: "bold",
font_weight_int: 700,
horizontal_alignment: "center",
id: "it0KCz_SPx",
margin: {
bottom: 0,
leading: 0,
top: 0,
trailing: 0,
},
name: "",
padding: {
bottom: 0,
leading: 0,
top: 0,
trailing: 0,
},
size: {
height: {
type: "fit",
value: null,
},
width: {
type: "fit",
value: null,
},
},
text_lid: "iuFGR2yPjh",
type: "text",
},
{
background: null,
background_color: null,
badge: null,
border: null,
components: [
{
apple_promo_offer_product_code: null,
id: "hC7uSt8Vfv",
is_selected_by_default: true,
name: "",
package_id: "Individual",
stack: {
background: {
type: "color",
value: {
light: {
type: "hex",
value: "#FFFFFF1a",
},
},
},
background_color: null,
badge: null,
border: {
color: {
light: {
type: "hex",
value: "#a8a4a433",
},
},
width: 2,
},
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: "#101D37ff",
},
},
font_name: null,
font_size: 16,
font_weight: "medium",
font_weight_int: 500,
horizontal_alignment: "leading",
id: "HywT_zvJUm",
margin: {
bottom: 0,
leading: 0,
top: 0,
trailing: 0,
},
name: "",
padding: {
bottom: 0,
leading: 0,
top: 0,
trailing: 0,
},
size: {
height: {
type: "fit",
value: null,
},
width: {
type: "fill",
value: null,
},
},
text_lid: "Wz2fPzc0D6",
type: "text",
},
],
dimension: {
alignment: "leading",
distribution: "start",
type: "vertical",
},
id: "nD5Wv3EIIS",
margin: {
bottom: 0,
leading: 0,
top: 0,
trailing: 0,
},
name: "",
padding: {
bottom: 0,
leading: 0,
top: 0,
trailing: 0,
},
shadow: null,
shape: {
corners: {
bottom_leading: 0,
bottom_trailing: 0,
top_leading: 0,
top_trailing: 0,
},
type: "rectangle",
},
size: {
height: {
type: "fit",
value: null,
},
width: {
type: "fill",
value: null,
},
},
spacing: 4,
type: "stack",
},
],
dimension: {
alignment: "center",
distribution: "start",
type: "horizontal",
},
id: "NLLZ_164FV",
margin: {
bottom: 0,
leading: 0,
top: 0,
trailing: 0,
},
name: "",
padding: {
bottom: 0,
leading: 0,
top: 0,
trailing: 0,
},
shadow: null,
shape: {
corners: {
bottom_leading: 0,
bottom_trailing: 0,
top_leading: 0,
top_trailing: 0,
},
type: "rectangle",
},
size: {
height: {
type: "fit",
value: null,
},
width: {
type: "fill",
value: null,
},
},
spacing: 8,
type: "stack",
},
{
background: null,
background_color: null,
badge: null,
border: null,
components: [
{
background_color: null,
color: {
light: {
type: "hex",
value: "#101D37ff",
},
},
font_name: null,
font_size: 14,
font_weight: "regular",
font_weight_int: 400,
horizontal_alignment: "center",
id: "z78MbT_doo",
margin: {
bottom: 0,
leading: 0,
top: 0,
trailing: 0,
},
name: "",
padding: {
bottom: 0,
leading: 0,
top: 0,
trailing: 0,
},
size: {
height: {
type: "fit",
value: null,
},
width: {
type: "fit",
value: null,
},
},
text_lid: "0gz-q6z1sl",
type: "text",
},
{
base_url: "https://icons.pawwalls.com/icons",
color: {
light: {
type: "hex",
value: "#ffffff33",
},
},
formats: {
heic: "circle.heic",
png: "circle.png",
svg: "circle.svg",
webp: "circle.webp",
},
icon_background: null,
icon_name: "circle",
id: "WynDX7OURh",
margin: {
bottom: 0,
leading: 0,
top: 0,
trailing: 0,
},
name: "",
overrides: [
{
conditions: [
{
type: "selected",
},
],
properties: {
color: {
light: {
type: "hex",
value: "#c41bc8ff",
},
},
formats: {
heic: "filled-circle-check.heic",
png: "filled-circle-check.png",
svg: "filled-circle-check.svg",
webp: "filled-circle-check.webp",
},
icon_name: "filled-circle-check",
},
},
],
padding: {
bottom: 1,
leading: 1,
top: 1,
trailing: 1,
},
size: {
height: {
type: "fixed",
value: 24,
},
width: {
type: "fixed",
value: 24,
},
},
type: "icon",
},
],
dimension: {
alignment: "center",
distribution: "start",
type: "horizontal",
},
id: "lW6qEgh2O0",
margin: {
bottom: 0,
leading: 0,
top: 0,
trailing: 0,
},
name: "",
overrides: [
{
conditions: [
{
type: "selected",
},
],
properties: {
spacing: 10,
},
},
],
padding: {
bottom: 0,
leading: 0,
top: 0,
trailing: 0,
},
shadow: null,
shape: {
corners: {
bottom_leading: 0,
bottom_trailing: 0,
top_leading: 0,
top_trailing: 0,
},
type: "rectangle",
},
size: {
height: {
type: "fit",
value: null,
},
width: {
type: "fit",
value: null,
},
},
spacing: 10,
type: "stack",
},
],
dimension: {
alignment: "center",
distribution: "space_between",
type: "horizontal",
},
id: "NjjhcxDl_K",
margin: {
bottom: 0,
leading: 0,
top: 0,
trailing: 0,
},
name: "",
overrides: [
{
conditions: [
{
type: "selected",
},
],
properties: {
border: {
color: {
light: {
type: "hex",
value: "#af33f2ff",
},
},
width: 2,
},
},
},
],
padding: {
bottom: 16,
leading: 12,
top: 16,
trailing: 16,
},
shadow: {
color: {
light: {
type: "hex",
value: "#0000000a",
},
},
radius: 12,
x: 4,
y: 4,
},
shape: {
corners: {
bottom_leading: 20,
bottom_trailing: 20,
top_leading: 20,
top_trailing: 20,
},
type: "rectangle",
},
size: {
height: {
type: "fit",
value: null,
},
width: {
type: "fill",
value: null,
},
},
spacing: 16,
type: "stack",
},
type: "package",
},
{
apple_promo_offer_product_code: null,
id: "Z36rr6O4IE",
is_selected_by_default: false,
name: "",
package_id: "$rc_annual",
stack: {
background: {
type: "color",
value: {
light: {
type: "hex",
value: "#FFFFFF1a",
},
},
},
background_color: null,
badge: {
alignment: "top_trailing",
stack: {
background: {
type: "color",
value: {
dark: {
type: "hex",
value: "#43bbffff",
},
light: {
type: "hex",
value: "#43bbffff",
},
},
},
background_color: {
dark: {
type: "hex",
value: "#43bbffff",
},
light: {
type: "hex",
value: "#43bbffff",
},
},
badge: null,
border: null,
components: [
{
background_color: null,
color: {
light: {
type: "hex",
value: "#f0efefFF",
},
},
font_name: null,
font_size: 12,
font_weight: "bold",
font_weight_int: 700,
horizontal_alignment: "center",
id: "XLIjrvSMqd",
margin: {
bottom: 0,
leading: 0,
top: 0,
trailing: 0,
},
name: "",
padding: {
bottom: 0,
leading: 0,
top: 0,
trailing: 0,
},
size: {
height: {
type: "fit",
value: null,
},
width: {
type: "fit",
value: null,
},
},
text_lid: "MTDCNECdAJ",
type: "text",
},
],
dimension: {
alignment: "center",
distribution: "center",
type: "vertical",
},
id: "wQ9IPk75wL",
margin: {
bottom: 0,
leading: 16,
top: 0,
trailing: 16,