@revenuecat/purchases-ui-js
Version:
Web components for Paywalls. Powered by RevenueCat
912 lines (911 loc) • 1.3 MB
JavaScript
export const paywallData = {
asset_base_url: "https://assets.pawwalls.com",
components_config: {
base: {
stack: {
background_color: {
light: {
type: "hex",
value: "#ffffff",
},
},
border: null,
components: [
{
background_color: {
light: {
type: "hex",
value: "#292631",
},
},
border: null,
components: [
{
background_color: null,
border: null,
components: [
{
background_color: null,
color: {
light: {
type: "hex",
value: "#ffffff",
},
},
components: [],
font_name: null,
font_size: "heading_m",
font_weight: "extra_bold",
horizontal_alignment: "center",
id: "DzVq2Or-BZ",
margin: {
bottom: 0,
leading: 0,
top: 0,
trailing: 6,
},
name: "",
padding: {
bottom: 0,
leading: 0,
top: 0,
trailing: 0,
},
size: {
height: {
type: "fit",
value: null,
},
width: {
type: "fit",
value: null,
},
},
text_lid: "dkKKOS047e",
type: "text",
},
{
background_color: null,
color: {
light: {
type: "hex",
value: "#ffffff",
},
},
components: [],
font_name: null,
font_size: "heading_m",
font_weight: "extra_bold",
horizontal_alignment: "center",
id: "HMLfUp0LlO",
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: "RkE6Zlo0W1",
type: "text",
},
{
background_color: null,
color: {
light: {
type: "hex",
value: "#cb7fff",
},
},
components: [],
font_name: null,
font_size: "heading_m",
font_weight: "extra_bold",
horizontal_alignment: "center",
id: "ORfWWjroIZ",
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: "XsseT19L5p",
type: "text",
},
{
background_color: null,
color: {
light: {
type: "hex",
value: "#ffffff",
},
},
components: [],
font_name: null,
font_size: "heading_m",
font_weight: "extra_bold",
horizontal_alignment: "center",
id: "BA31AkaWKO",
margin: {
bottom: 0,
leading: 6,
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: "6WBwoXOcRJ",
type: "text",
},
],
dimension: {
alignment: "center",
distribution: "center",
type: "horizontal",
},
id: "8x9LbaWq_o",
margin: {
bottom: 0,
leading: 0,
top: 0,
trailing: 0,
},
name: "Title",
padding: {
bottom: 0,
leading: 0,
top: 0,
trailing: 0,
},
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: 0,
type: "stack",
},
{
id: "6rQSD5e2Kz",
is_selected_by_default: false,
name: "Package - Monthly",
package_id: "$rc_annual",
stack: {
background_color: {
light: {
type: "hex",
value: "#09090b",
},
},
border: {
color: {
light: {
type: "hex",
value: "#3b393f",
},
},
width: 1,
},
components: [
{
background_color: null,
color: {
light: {
type: "hex",
value: "#ffffff",
},
},
components: [],
font_name: null,
font_size: "heading_s",
font_weight: "bold",
horizontal_alignment: "center",
id: "aSK4Jf1zd4",
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: "BcX-6YwhoV",
type: "text",
},
{
background_color: {
light: {
type: "hex",
value: "#292631",
},
},
border: null,
components: [
{
background_color: null,
color: {
light: {
type: "hex",
value: "#ffffff",
},
},
components: [],
font_name: null,
font_size: "body_m",
font_weight: "extra_bold",
horizontal_alignment: "center",
id: "unosKAXGp4",
margin: {
bottom: 0,
leading: 0,
top: 0,
trailing: 0,
},
name: "",
padding: {
bottom: 8,
leading: 16,
top: 8,
trailing: 16,
},
size: {
height: {
type: "fit",
value: null,
},
width: {
type: "fit",
value: null,
},
},
text_lid: "QZ4ZmYsqjN",
type: "text",
},
],
dimension: {
alignment: "leading",
distribution: "space_between",
type: "vertical",
},
id: "-41AkrT2Ha",
margin: {
bottom: 0,
leading: 0,
top: 0,
trailing: 0,
},
name: "Stack",
padding: {
bottom: 0,
leading: 0,
top: 0,
trailing: 0,
},
shape: {
corners: {
bottom_leading: 8,
bottom_trailing: 8,
top_leading: 8,
top_trailing: 8,
},
type: "rectangle",
},
size: {
height: {
type: "fit",
value: null,
},
width: {
type: "fit",
value: null,
},
},
spacing: 8,
type: "stack",
},
],
dimension: {
alignment: "center",
distribution: "space_between",
type: "horizontal",
},
id: "u0KZLUZTQT",
margin: {
bottom: 0,
leading: 16,
top: 16,
trailing: 16,
},
name: "Stack",
padding: {
bottom: 16,
leading: 16,
top: 16,
trailing: 16,
},
shape: {
corners: {
bottom_leading: 0,
bottom_trailing: 0,
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",
},
{
components: [],
id: "lPNvA6W9st",
is_selected_by_default: false,
name: "Package - Annual",
package_id: "$rc_annual",
stack: {
background_color: {
light: {
type: "hex",
value: "#09090b",
},
},
border: {
color: {
light: {
type: "hex",
value: "#cb7fff",
},
},
width: 1,
},
components: [
{
background_color: null,
color: {
light: {
type: "hex",
value: "#ffffff",
},
},
components: [],
font_name: null,
font_size: "heading_s",
font_weight: "bold",
horizontal_alignment: "center",
id: "6rNQTqGN6t",
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: "zwOsIynvC9",
type: "text",
},
{
background_color: {
light: {
type: "hex",
value: "#292631",
},
},
border: null,
components: [
{
background_color: null,
color: {
light: {
type: "hex",
value: "#ffffff",
},
},
components: [],
font_name: null,
font_size: "body_m",
font_weight: "extra_bold",
horizontal_alignment: "center",
id: "HHAFMWi6k9",
margin: {
bottom: 0,
leading: 0,
top: 0,
trailing: 0,
},
name: "",
padding: {
bottom: 8,
leading: 16,
top: 8,
trailing: 16,
},
size: {
height: {
type: "fit",
value: null,
},
width: {
type: "fit",
value: null,
},
},
text_lid: "g7ZbKj2yEO",
type: "text",
},
],
dimension: {
alignment: "leading",
distribution: "space_between",
type: "vertical",
},
id: "UId3BJt23Q",
margin: {
bottom: 0,
leading: 0,
top: 0,
trailing: 0,
},
name: "Stack",
padding: {
bottom: 0,
leading: 0,
top: 0,
trailing: 0,
},
shape: {
corners: {
bottom_leading: 8,
bottom_trailing: 8,
top_leading: 8,
top_trailing: 8,
},
type: "rectangle",
},
size: {
height: {
type: "fit",
value: null,
},
width: {
type: "fit",
value: null,
},
},
spacing: 8,
type: "stack",
},
],
dimension: {
alignment: "center",
distribution: "space_between",
type: "horizontal",
},
id: "uFaCqEKpSe",
margin: {
bottom: 8,
leading: 16,
top: 0,
trailing: 16,
},
name: "Stack",
padding: {
bottom: 16,
leading: 16,
top: 16,
trailing: 16,
},
shape: {
corners: {
bottom_leading: 8,
bottom_trailing: 8,
top_leading: 0,
top_trailing: 0,
},
type: "rectangle",
},
size: {
height: {
type: "fit",
value: null,
},
width: {
type: "fill",
value: null,
},
},
spacing: 8,
type: "stack",
},
type: "package",
},
{
background_color: null,
border: null,
components: [
{
background_color: null,
color: {
light: {
type: "hex",
value: "#ffffff",
},
},
components: [],
font_name: null,
font_size: "body_s",
font_weight: "regular",
horizontal_alignment: "center",
id: "soiCtC-j-r",
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: "PqhVEpH6zA",
type: "text",
},
{
background_color: null,
color: {
light: {
type: "hex",
value: "#ffffff",
},
},
components: [],
font_name: null,
font_size: "body_m",
font_weight: "regular",
horizontal_alignment: "center",
id: "Sfnv-7Fuz-",
margin: {
bottom: 8,
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: "UBzSbhFkGT",
type: "text",
},
],
dimension: {
alignment: "center",
distribution: "start",
type: "vertical",
},
id: "40d64X3hge",
margin: {
bottom: 0,
leading: 16,
top: 0,
trailing: 16,
},
name: "Stack",
padding: {
bottom: 0,
leading: 0,
top: 0,
trailing: 0,
},
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",
},
{
components: [],
id: "jNZK5yseV6",
is_selected_by_default: false,
name: "Package - Lifetime",
package_id: "$rc_annual",
stack: {
background_color: {
light: {
type: "hex",
value: "#09090b",
},
},
border: {
color: {
light: {
type: "hex",
value: "#3b393f",
},
},
width: 1,
},
components: [
{
background_color: null,
color: {
light: {
type: "hex",
value: "#ffffff",
},
},
components: [],
font_name: null,
font_size: "heading_s",
font_weight: "bold",
horizontal_alignment: "center",
id: "tEbkleVZ_E",
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: "Pu686q0Mya",
type: "text",
},
{
background_color: {
light: {
type: "hex",
value: "#292631",
},
},
border: null,
components: [
{
background_color: null,
color: {
light: {
type: "hex",
value: "#ffffff",
},
},
components: [],
font_name: null,
font_size: "body_m",
font_weight: "extra_bold",
horizontal_alignment: "center",
id: "f-W6o75e_D",
margin: {
bottom: 0,
leading: 0,
top: 0,
trailing: 0,
},
name: "",
padding: {
bottom: 8,
leading: 16,
top: 8,
trailing: 16,
},
size: {
height: {
type: "fit",
value: null,
},
width: {
type: "fit",
value: null,
},
},
text_lid: "tMiX07IqzN",
type: "text",
},
],
dimension: {
alignment: "leading",
distribution: "space_between",
type: "vertical",
},
id: "r1ZeTLCsHD",
margin: {
bottom: 0,
leading: 0,
top: 0,
trailing: 0,
},
name: "Stack",
padding: {
bottom: 0,
leading: 0,
top: 0,
trailing: 0,
},
shape: {
corners: {
bottom_leading: 8,
bottom_trailing: 8,
top_leading: 8,
top_trailing: 8,
},
type: "rectangle",
},
size: {
height: {
type: "fit",
value: null,
},
width: {
type: "fit",
value: null,
},
},
spacing: 8,
type: "stack",
},
],
dimension: {
alignment: "center",
distribution: "space_between",
type: "horizontal",
},
id: "fVYXOjDNrX",
margin: {