@revenuecat/purchases-ui-js
Version:
Web components for Paywalls. Powered by RevenueCat
881 lines (880 loc) • 73.4 kB
JavaScript
export const OVERRIDE_PAYWALL = {
id: "override_paywall",
default_locale: "en_US",
components_localizations: {
en_US: {
"4Eth3BaYlR": "Override",
GnVIFNZ7SH: "Override",
L9SBKPm8In: "Title",
Oh9hnJ4Wxd: "Override",
YnPCArCDRU: "Title",
acLl72hstT: "Override",
cGjf4z3hg9: "Description",
jiq4zcSVfC: "Override",
lFLh8f_wh9: "Description",
rojZT54A5y: "Text",
sGuwfcoB4A: "Override",
xzLtixuCEk: "Text",
},
},
components_config: {
base: {
background: {
type: "color",
value: {
light: {
type: "hex",
value: "#ffffffff",
},
},
},
stack: {
background: {
type: "color",
value: {
light: {
type: "hex",
value: "#ffffff",
},
},
},
background_color: null,
badge: null,
border: null,
components: [
{
apple_promo_offer_product_code: null,
id: "OUhgGvl6AM",
is_selected_by_default: false,
name: "",
package_id: "$rc_monthly",
stack: {
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: "#000000ff",
},
},
font_name: null,
font_size: 14,
font_weight: "regular",
font_weight_int: 400,
horizontal_alignment: "leading",
id: "2l4cpkhPVv",
margin: {
bottom: 0,
leading: 0,
top: 0,
trailing: 0,
},
name: "",
overrides: [
{
conditions: [
{
type: "selected",
},
],
properties: {
color: {
light: {
type: "hex",
value: "#00ff00ff",
},
},
text_lid: "4Eth3BaYlR",
},
},
],
padding: {
bottom: 0,
leading: 0,
top: 0,
trailing: 0,
},
size: {
height: {
type: "fit",
value: null,
},
width: {
type: "fit",
value: null,
},
},
text_lid: "rojZT54A5y",
type: "text",
},
{
base_url: "https://icons.pawwalls.com/icons",
color: {
light: {
type: "hex",
value: "#000000ff",
},
},
formats: {
heic: "icons.heic",
png: "icons.png",
svg: "icons.svg",
webp: "icons.webp",
},
icon_background: null,
icon_name: "icons",
id: "TifzTDeaOv",
margin: {
bottom: 0,
leading: 0,
top: 0,
trailing: 0,
},
name: "",
overrides: [
{
conditions: [
{
type: "selected",
},
],
properties: {
color: {
light: {
type: "hex",
value: "#00ff00ff",
},
},
},
},
],
padding: {
bottom: 0,
leading: 0,
top: 0,
trailing: 0,
},
size: {
height: {
type: "fixed",
value: 26,
},
width: {
type: "fixed",
value: 26,
},
},
type: "icon",
},
{
border: null,
color_overlay: null,
fit_mode: "fit",
id: "h3u-5EErFt",
margin: {
bottom: 0,
leading: 0,
top: 0,
trailing: 0,
},
mask_shape: {
corners: {
bottom_leading: 0,
bottom_trailing: 0,
top_leading: 0,
top_trailing: 0,
},
type: "rectangle",
},
name: "",
overrides: [
{
conditions: [
{
type: "selected",
},
],
properties: {
color_overlay: {
light: {
type: "hex",
value: "#00ff0040",
},
},
},
},
],
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/1151049_1757927852.heic",
heic_low_res: "https://assets.pawwalls.com/1151049_low_res_1757927852.heic",
height: 400,
original: "https://assets.pawwalls.com/1151049_1757927852.png",
webp: "https://assets.pawwalls.com/1151049_1757927852.webp",
webp_low_res: "https://assets.pawwalls.com/1151049_low_res_1757927852.webp",
width: 600,
},
},
type: "image",
},
],
dimension: {
alignment: "center",
distribution: "start",
type: "vertical",
},
id: "rbOB_R2tjQ",
margin: {
bottom: 0,
leading: 0,
top: 0,
trailing: 0,
},
name: "",
overrides: [
{
conditions: [
{
type: "selected",
},
],
properties: {
border: {
color: {
light: {
type: "hex",
value: "#00ff00ff",
},
},
width: 1,
},
},
},
],
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",
},
{
column_gutter: 0,
icon_alignment: "title",
id: "tPAbDGhnCV",
item_spacing: 0,
items: [
{
connector: {
color: {
light: {
type: "hex",
value: "#000000ff",
},
},
margin: {
bottom: 0,
top: 0,
},
width: 8,
},
description: {
background_color: null,
color: {
light: {
type: "hex",
value: "#000000ff",
},
},
font_name: null,
font_size: 14,
font_weight: "regular",
font_weight_int: 400,
horizontal_alignment: "leading",
id: "pXdEpBBb78",
margin: {
bottom: 0,
leading: 0,
top: 0,
trailing: 0,
},
name: "Description",
overrides: [
{
conditions: [
{
type: "selected",
},
],
properties: {
color: {
light: {
type: "hex",
value: "#00ff00ff",
},
},
text_lid: "jiq4zcSVfC",
},
},
],
padding: {
bottom: 0,
leading: 0,
top: 0,
trailing: 0,
},
size: {
height: {
type: "fit",
value: null,
},
width: {
type: "fit",
value: null,
},
},
text_lid: "cGjf4z3hg9",
type: "text",
},
icon: {
base_url: "https://icons.pawwalls.com/icons",
color: {
light: {
type: "hex",
value: "#ffffffff",
},
},
formats: {
heic: "filled-lock.heic",
png: "filled-lock.png",
svg: "filled-lock.svg",
webp: "filled-lock.webp",
},
icon_background: {
color: {
light: {
type: "hex",
value: "#000000ff",
},
},
shape: {
type: "circle",
},
},
icon_name: "filled-lock",
id: "NQ8HrGFark",
margin: {
bottom: 0,
leading: 0,
top: 0,
trailing: 0,
},
name: "Icon",
overrides: [
{
conditions: [
{
type: "selected",
},
],
properties: {
icon_background: {
color: {
light: {
type: "hex",
value: "#00ff00ff",
},
},
shape: {
type: "circle",
},
},
},
},
],
padding: {
bottom: 8,
leading: 8,
top: 8,
trailing: 8,
},
size: {
height: {
type: "fixed",
value: 32,
},
width: {
type: "fixed",
value: 32,
},
},
type: "icon",
},
id: "roU0TyJnam",
name: "First item",
overrides: [
{
conditions: [
{
type: "selected",
},
],
properties: {
connector: {
color: {
light: {
type: "hex",
value: "#00ff00ff",
},
},
margin: {
bottom: 0,
top: 0,
},
width: 8,
},
},
},
],
title: {
background_color: null,
color: {
light: {
type: "hex",
value: "#000000ff",
},
},
font_name: null,
font_size: 14,
font_weight: "regular",
font_weight_int: 400,
horizontal_alignment: "leading",
id: "mQnl5fQTg2",
margin: {
bottom: 0,
leading: 0,
top: 0,
trailing: 0,
},
name: "Title",
overrides: [
{
conditions: [
{
type: "selected",
},
],
properties: {
color: {
light: {
type: "hex",
value: "#00ff00ff",
},
},
text_lid: "sGuwfcoB4A",
},
},
],
padding: {
bottom: 0,
leading: 0,
top: 0,
trailing: 0,
},
size: {
height: {
type: "fit",
value: null,
},
width: {
type: "fit",
value: null,
},
},
text_lid: "YnPCArCDRU",
type: "text",
},
type: "timeline_item",
},
],
margin: {
bottom: 0,
leading: 0,
top: 0,
trailing: 0,
},
name: "",
overrides: [
{
conditions: [
{
type: "selected",
},
],
properties: {
column_gutter: 16,
item_spacing: 16,
text_spacing: 16,
},
},
],
padding: {
bottom: 0,
leading: 0,
top: 0,
trailing: 0,
},
size: {
height: {
type: "fit",
value: null,
},
width: {
type: "fit",
value: null,
},
},
text_spacing: 0,
type: "timeline",
},
],
dimension: {
alignment: "center",
distribution: "start",
type: "vertical",
},
id: "om5cNcm8Kr",
margin: {
bottom: 8,
leading: 8,
top: 8,
trailing: 8,
},
name: "",
overrides: [
{
conditions: [
{
type: "selected",
},
],
properties: {
border: {
color: {
light: {
type: "hex",
value: "#00ff00ff",
},
},
width: 1,
},
},
},
],
padding: {
bottom: 8,
leading: 8,
top: 8,
trailing: 8,
},
shadow: null,
shape: {
corners: {
bottom_leading: 8,
bottom_trailing: 8,
top_leading: 8,
top_trailing: 8,
},
type: "rectangle",
},
size: {
height: {
type: "fit",
value: null,
},
width: {
type: "fill",
value: null,
},
},
spacing: 8,
type: "stack",
},
type: "package",
},
{
apple_promo_offer_product_code: null,
id: "oZhcAWiZAF",
is_selected_by_default: true,
name: "",
package_id: "$rc_annual",
stack: {
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: "#000000ff",
},
},
font_name: null,
font_size: 14,
font_weight: "regular",
font_weight_int: 400,
horizontal_alignment: "leading",
id: "DIOU5R9PGh",
margin: {
bottom: 0,
leading: 0,
top: 0,
trailing: 0,
},
name: "",
overrides: [
{
conditions: [
{
type: "selected",
},
],
properties: {
color: {
light: {
type: "hex",
value: "#00ff00ff",
},
},
text_lid: "GnVIFNZ7SH",
},
},
],
padding: {
bottom: 0,
leading: 0,
top: 0,
trailing: 0,
},
size: {
height: {
type: "fit",
value: null,
},
width: {
type: "fit",
value: null,
},
},
text_lid: "xzLtixuCEk",
type: "text",
},
{
base_url: "https://icons.pawwalls.com/icons",
color: {
light: {
type: "hex",
value: "#000000ff",
},
},
formats: {
heic: "icons.heic",
png: "icons.png",
svg: "icons.svg",
webp: "icons.webp",
},
icon_background: null,
icon_name: "icons",
id: "UTkTOKneOy",
margin: {
bottom: 0,
leading: 0,
top: 0,
trailing: 0,
},
name: "",
overrides: [
{
conditions: [
{
type: "selected",
},
],
properties: {
color: {
light: {
type: "hex",
value: "#00ff00ff",
},
},
},
},
],
padding: {
bottom: 0,
leading: 0,
top: 0,
trailing: 0,
},
size: {
height: {
type: "fixed",
value: 26,
},
width: {
type: "fixed",
value: 26,
},
},
type: "icon",
},
{
border: null,
color_overlay: null,
fit_mode: "fit",
id: "CcS4IbZZ4X",
margin: {
bottom: 0,
leading: 0,
top: 0,
trailing: 0,
},
mask_shape: {
corners: {
bottom_leading: 0,
bottom_trailing: 0,
top_leading: 0,
top_trailing: 0,
},
type: "rectangle",
},
name: "",
overrides: [
{
conditions: [
{
type: "selected",
},
],
properties: {
color_overlay: {
light: {
type: "hex",
value: "#00ff0040",
},
},
},
},
],
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/1151049_1757927852.heic",
heic_low_res: "https://assets.pawwalls.com/1151049_low_res_1757927852.heic",
height: 400,
original: "https://assets.pawwalls.com/1151049_1757927852.png",
webp: "https://assets.pawwalls.com/1151049_1757927852.webp",
webp_low_res: "https://assets.pawwalls.com/1151049_low_res_1757927852.webp",
width: 600,
},
},
type: "image",
},
],
dimension: {
alignment: "center",
distribution: "start",
type: "vertical",
},
id: "Dt8Xq13R5h",
margin: {
bottom: 0,
leading: 0,
top: 0,
trailing: 0,
},
name: "",
overrides: [
{
conditions: [
{
type: "selected",
},
],
properties: {
border: {