@revenuecat/purchases-ui-js
Version:
Web components for Paywalls. Powered by RevenueCat
836 lines • 296 kB
JavaScript
export const STACK_PAYWALL = {
id: "stack_paywall",
default_locale: "en_US",
components_localizations: {
en_US: {
"0hnmAhQFR0": "Choose your plan",
"7BrwKgCTZg": "https://www.example.com",
"86oLiSNLyW": "",
Bbb1kqgyMa: "As seen in",
C1U9MVTTxS: "",
EYAC3xFVL4: "Never understood why my cat went crazy at 3 AM until CatGPT explained their behavior patterns. Now we both sleep through the night!",
"HNC8-rJOwZ": "",
HtZ_4e3C5R: "",
J66Vy1iJOJ: "Privacy Policy",
LkS9jDp6Rc: "Remix, master & export",
Lq5xW3IJLd: "Never understood why my cat went crazy at 3 AM until CatGPT explained their behavior patterns. Now we both sleep through the night!",
"NEdXEUqwZ-": "Cat whisperer in your pocket",
PcMdhcGIsz: "Create the song stuck in your head",
PdS0tAaus9: "Just type a vibe and sound that you want and generate a full song.",
Pp3jTYRRT0: "Instant track from a prompt",
QXle8IiRLG: "*CatMomSarah*",
"R-ul4Sbxy0": "1,000+ reviews",
"Wk-O6TSrFR": "*CatMomSarah*",
WtN0uKorKE: "Generate hooks, verses, and demo vocals that you can modify as you go. ",
YA9AGVczfX: "{{ product.price_per_period }}",
YDi5OE1y6q: "4.9 stars",
aKMrox1ZGU: "**{{ product.relative_discount }} OFF**",
asYCSrPrxa: "Continue",
"b0qLFkpxs-": "Cat whisperer in your pocket",
eS2k9Vh56U: "{{ product.periodly | capitalize }}",
ho5brRDEZ2: "One-tap mastering, dynamics tuned, export lossless stems to any DAW.",
iBh74YFTyf: "",
iddUbe6ohS: "",
im5tdkRLQB: "Cat whisperer in your pocket",
jMANWuJWwx: "https://www.example.com",
nSGvLDXvzc: "AI vocals & lyric assist",
o2sfdrrUdG: "{{ product.periodly | capitalize }}",
oLfxt8LNis: "Terms & Conditions",
qCSsvzRALK: "**{{ product.relative_discount }} OFF**",
uMaWssqXqx: "{{ product.price_per_month }}/month • Billed yearly at {{ product.price }}",
w9nOkMsmUu: "*CatMomSarah*",
yCpvXdXVGk: "Never understood why my cat went crazy at 3 AM until CatGPT explained their behavior patterns. Now we both sleep through the night!",
},
},
components_config: {
base: {
background: {
type: "color",
value: {
dark: {
type: "hex",
value: "#18191bff",
},
light: {
type: "hex",
value: "#f5f1ecff",
},
},
},
stack: {
background: null,
background_color: null,
badge: null,
border: null,
components: [
{
background: null,
background_color: null,
badge: null,
border: null,
components: [
{
background: {
color_overlay: null,
fit_mode: "fill",
type: "image",
value: {
light: {
heic: "https://assets.pawwalls.com/1151049_1758280055.heic",
heic_low_res: "https://assets.pawwalls.com/1151049_low_res_1758280055.heic",
height: 1584,
original: "https://assets.pawwalls.com/1151049_1758280055.jpg",
webp: "https://assets.pawwalls.com/1151049_1758280055.webp",
webp_low_res: "https://assets.pawwalls.com/1151049_low_res_1758280055.webp",
width: 752,
},
},
},
background_color: null,
badge: null,
border: null,
components: [
{
background: null,
background_color: null,
badge: null,
border: null,
components: [
{
background: {
type: "color",
value: {
dark: {
type: "hex",
value: "#27292cFF",
},
light: {
type: "hex",
value: "#27292cff",
},
},
},
background_color: null,
badge: null,
border: null,
components: [
{
background_color: null,
color: {
dark: {
type: "hex",
value: "#fafafaFF",
},
light: {
type: "hex",
value: "#fafafaff",
},
},
font_name: "RCFM:1151049_font301f1d434e7a40fca59fa031ddcea296:Rubik-Regular",
font_size: 26,
font_weight: "semibold",
font_weight_int: 600,
horizontal_alignment: "center",
id: "nYRJ--4L86",
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: "PcMdhcGIsz",
type: "text",
},
],
dimension: {
alignment: "center",
distribution: "center",
type: "vertical",
},
id: "lJuq_nmyhy",
margin: {
bottom: 0,
leading: 0,
top: 26,
trailing: 0,
},
name: "",
padding: {
bottom: 32,
leading: 24,
top: 40,
trailing: 24,
},
shadow: {
color: {
light: {
type: "hex",
value: "#00000099",
},
},
radius: 24,
x: 0,
y: 4,
},
shape: {
corners: {
bottom_leading: 24,
bottom_trailing: 24,
top_leading: 24,
top_trailing: 24,
},
type: "rectangle",
},
size: {
height: {
type: "fit",
value: null,
},
width: {
type: "fit",
value: null,
},
},
spacing: 28,
type: "stack",
},
{
background: {
type: "color",
value: {
light: {
type: "hex",
value: "#ffffffFF",
},
},
},
background_color: null,
badge: null,
border: null,
components: [
{
border: null,
color_overlay: null,
fit_mode: "fit",
id: "LylZpH78mK",
margin: {
bottom: 0,
leading: 0,
top: 0,
trailing: 0,
},
mask_shape: {
corners: {
bottom_leading: 8,
bottom_trailing: 8,
top_leading: 8,
top_trailing: 8,
},
type: "rectangle",
},
name: "",
padding: {
bottom: 0,
leading: 0,
top: 0,
trailing: 0,
},
shadow: null,
size: {
height: {
type: "fixed",
value: 50,
},
width: {
type: "fixed",
value: 50,
},
},
source: {
light: {
heic: "https://assets.pawwalls.com/1151049_1758282476.heic",
heic_low_res: "https://assets.pawwalls.com/1151049_low_res_1758282476.heic",
height: 601,
original: "https://assets.pawwalls.com/1151049_1758282476.png",
webp: "https://assets.pawwalls.com/1151049_1758282476.webp",
webp_low_res: "https://assets.pawwalls.com/1151049_low_res_1758282476.webp",
width: 601,
},
},
type: "image",
},
],
dimension: {
alignment: "leading",
distribution: "start",
type: "vertical",
},
id: "TmCe32nHr9",
margin: {
bottom: 0,
leading: 0,
top: 0,
trailing: 0,
},
name: "",
padding: {
bottom: 0,
leading: 0,
top: 0,
trailing: 0,
},
shadow: {
color: {
light: {
type: "hex",
value: "#00000014",
},
},
radius: 10,
x: 0,
y: 4,
},
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: 0,
type: "stack",
},
],
dimension: {
alignment: "top",
distribution: "start",
type: "zlayer",
},
id: "wgRuPIdO3B",
margin: {
bottom: 0,
leading: 0,
top: 0,
trailing: 0,
},
name: "",
padding: {
bottom: 16,
leading: 32,
top: 80,
trailing: 32,
},
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: 0,
type: "stack",
},
],
dimension: {
alignment: "top",
distribution: "center",
type: "zlayer",
},
id: "4sa1qHdP0N",
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: 24,
bottom_trailing: 24,
top_leading: 24,
top_trailing: 24,
},
type: "rectangle",
},
size: {
height: {
type: "fixed",
value: 200,
},
width: {
type: "fill",
value: null,
},
},
spacing: 16,
type: "stack",
},
{
action: {
type: "navigate_back",
},
id: "K-s4__jyyP",
name: "",
stack: {
background: null,
background_color: null,
border: null,
components: [
{
base_url: "https://icons.pawwalls.com/icons",
color: {
light: {
type: "hex",
value: "#000000",
},
},
formats: {
heic: "x.heic",
png: "x.png",
svg: "x.svg",
webp: "x.webp",
},
icon_background: {
border: {
color: {
light: {
type: "hex",
value: "#0000001a",
},
},
width: 1,
},
color: {
light: {
type: "hex",
value: "#FFFFFfcc",
},
},
shape: {
corners: null,
type: "circle",
},
},
icon_name: "x",
id: "2h_1h1gGye",
margin: {
bottom: 0,
leading: 0,
top: 0,
trailing: 0,
},
name: "",
padding: {
bottom: 4,
leading: 4,
top: 4,
trailing: 4,
},
size: {
height: {
type: "fixed",
value: 28,
},
width: {
type: "fixed",
value: 28,
},
},
type: "icon",
},
],
dimension: {
alignment: "leading",
distribution: "start",
type: "vertical",
},
id: "6b5Js4TZtr",
margin: {
bottom: 16,
leading: 16,
top: 16,
trailing: 16,
},
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: "fit",
value: null,
},
},
spacing: 0,
type: "stack",
},
type: "button",
},
],
dimension: {
alignment: "top_trailing",
distribution: "start",
type: "zlayer",
},
id: "v2tRcPxK-O",
margin: {
bottom: 60,
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: "fixed",
value: 350,
},
},
spacing: 0,
type: "stack",
},
{
background: null,
background_color: null,
badge: null,
border: null,
components: [
{
background: {
type: "color",
value: {
dark: {
type: "hex",
value: "#EAEAF114",
},
light: {
type: "hex",
value: "#ffffffFF",
},
},
},
background_color: null,
badge: null,
border: null,
components: [
{
background: null,
background_color: null,
badge: null,
border: null,
components: [
{
background: null,
background_color: null,
badge: null,
border: null,
components: [
{
border: null,
color_overlay: null,
fit_mode: "fit",
id: "rTF9cANSSA",
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: "",
padding: {
bottom: 0,
leading: 0,
top: 0,
trailing: 0,
},
shadow: null,
size: {
height: {
type: "fixed",
value: 56,
},
width: {
type: "fixed",
value: 56,
},
},
source: {
light: {
heic: "https://assets.pawwalls.com/1151049_1758280922.heic",
heic_low_res: "https://assets.pawwalls.com/1151049_low_res_1758280922.heic",
height: 819,
original: "https://assets.pawwalls.com/1151049_1758280922.png",
webp: "https://assets.pawwalls.com/1151049_1758280922.webp",
webp_low_res: "https://assets.pawwalls.com/1151049_low_res_1758280922.webp",
width: 819,
},
},
type: "image",
},
],
dimension: {
alignment: "leading",
distribution: "start",
type: "vertical",
},
id: "jwijY4-jpD",
margin: {
bottom: 0,
leading: 0,
top: 0,
trailing: 0,
},
name: "",
padding: {
bottom: 10,
leading: 8,
top: 0,
trailing: 8,
},
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: 0,
type: "stack",
},
{
background: null,
background_color: null,
badge: null,
border: null,
components: [
{
background_color: null,
color: {
dark: {
type: "hex",
value: "#ffffffff",
},
light: {
type: "hex",
value: "#0c0c0cff",
},
},
font_name: "RCFM:1151049_font301f1d434e7a40fca59fa031ddcea296:Rubik-Regular",
font_size: 16,
font_weight: "medium",
font_weight_int: 500,
horizontal_alignment: "leading",
id: "UF92jJqM99",
margin: {
bottom: 0,
leading: 0,
top: 0,
trailing: 16,
},
name: "",
padding: {
bottom: 0,
leading: 0,
top: 0,
trailing: 0,
},
size: {
height: {
type: "fit",
value: null,
},
width: {
type: "fill",
value: null,
},
},
text_lid: "Pp3jTYRRT0",
type: "text",
},
{
background_color: null,
color: {
dark: {
type: "hex",
value: "#ffffff99",
},
light: {
type: "hex",
value: "#01010199",
},
},
font_name: "RCFM:1151049_font301f1d434e7a40fca59fa031ddcea296:Rubik-Regular",
font_size: 13,
font_weight: "light",
font_weight_int: 300,
horizontal_alignment: "leading",
id: "nMLhj1a-Ph",
margin: {
bottom: 0,
leading: 0,
top: 0,
trailing: 16,
},
name: "",
padding: {
bottom: 0,
leading: 0,
top: 0,
trailing: 0,
},
size: {
height: {
type: "fit",
value: null,
},
width: {
type: "fill",
value: null,
},
},
text_lid: "PdS0tAaus9",
type: "text",
},
],
dimension: {
alignment: "leading",
distribution: "start",
type: "vertical",
},
id: "N09RiHHypg",
margin: {
bottom: 12,
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: