@revenuecat/purchases-ui-js 3.5.1 → 3.5.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (34) hide show
  1. package/dist/components/express-purchase-button/ExpressPurchaseButton.stories.svelte +368 -0
  2. package/dist/components/express-purchase-button/ExpressPurchaseButton.stories.svelte.d.ts +19 -0
  3. package/dist/components/express-purchase-button/ExpressPurchaseButton.svelte +43 -0
  4. package/dist/components/express-purchase-button/ExpressPurchaseButton.svelte.d.ts +4 -0
  5. package/dist/components/options/InputOption.svelte +5 -2
  6. package/dist/components/paywall/Node.svelte +6 -0
  7. package/dist/components/paywall/Paywall.stories.svelte +46 -2
  8. package/dist/components/paywall/Paywall.svelte +30 -34
  9. package/dist/components/paywall/Paywall.svelte.d.ts +2 -2
  10. package/dist/components/paywall/fixtures/express-purchase-button-paywall.d.ts +1786 -0
  11. package/dist/components/paywall/fixtures/express-purchase-button-paywall.js +1819 -0
  12. package/dist/components/purchase-button/PurchaseButton.svelte +2 -145
  13. package/dist/components/skeleton-loader/SkeletonLoader.svelte +127 -0
  14. package/dist/components/skeleton-loader/SkeletonLoader.svelte.d.ts +8 -0
  15. package/dist/components/stack/Stack.svelte +2 -2
  16. package/dist/components/wallet-button/WalletButton.svelte +75 -0
  17. package/dist/components/wallet-button/WalletButton.svelte.d.ts +8 -0
  18. package/dist/stores/paywall.d.ts +3 -2
  19. package/dist/stories/paywall-decorator.d.ts +3 -3
  20. package/dist/stories/paywall-decorator.js +5 -5
  21. package/dist/stories/paywall-wrapper-decorator.d.ts +2 -0
  22. package/dist/stories/paywall-wrapper-decorator.js +7 -0
  23. package/dist/stories/paywall-wrapper.svelte +20 -0
  24. package/dist/stories/paywall-wrapper.svelte.d.ts +7 -0
  25. package/dist/stories/selected-package-id-decorator.d.ts +2 -0
  26. package/dist/stories/selected-package-id-decorator.js +12 -0
  27. package/dist/types/component.d.ts +4 -1
  28. package/dist/types/components/express-purchase-button-props.d.ts +8 -0
  29. package/dist/types/components/express-purchase-button-props.js +1 -0
  30. package/dist/types/components/skeleton-loader-props.d.ts +13 -0
  31. package/dist/types/components/skeleton-loader-props.js +1 -0
  32. package/dist/types/components/wallet-button.d.ts +14 -0
  33. package/dist/types/components/wallet-button.js +1 -0
  34. package/package.json +1 -1
@@ -0,0 +1,1786 @@
1
+ export declare const DUELINGUE_PAYWALL: {
2
+ components_config: {
3
+ base: {
4
+ background: {
5
+ type: "color";
6
+ value: {
7
+ light: {
8
+ type: "hex";
9
+ value: string;
10
+ };
11
+ };
12
+ };
13
+ stack: {
14
+ background: null;
15
+ background_color: null;
16
+ badge: null;
17
+ border: null;
18
+ components: {
19
+ background: {
20
+ type: "color";
21
+ value: {
22
+ light: {
23
+ type: "hex";
24
+ value: string;
25
+ };
26
+ };
27
+ };
28
+ background_color: null;
29
+ badge: null;
30
+ border: null;
31
+ components: ({
32
+ background: {
33
+ type: "color";
34
+ value: {
35
+ light: {
36
+ type: "hex";
37
+ value: string;
38
+ };
39
+ };
40
+ };
41
+ background_color: null;
42
+ badge: null;
43
+ border: null;
44
+ components: {
45
+ border: null;
46
+ color_overlay: null;
47
+ fit_mode: "fill";
48
+ id: string;
49
+ margin: {
50
+ bottom: number;
51
+ leading: number;
52
+ top: number;
53
+ trailing: number;
54
+ };
55
+ mask_shape: null;
56
+ name: string;
57
+ padding: {
58
+ bottom: number;
59
+ leading: number;
60
+ top: number;
61
+ trailing: number;
62
+ };
63
+ shadow: null;
64
+ size: {
65
+ height: {
66
+ type: "fit";
67
+ value: null;
68
+ };
69
+ width: {
70
+ type: "fill";
71
+ value: null;
72
+ };
73
+ };
74
+ source: {
75
+ light: {
76
+ heic: string;
77
+ heic_low_res: string;
78
+ height: number;
79
+ original: string;
80
+ webp: string;
81
+ webp_low_res: string;
82
+ width: number;
83
+ };
84
+ };
85
+ type: "image";
86
+ }[];
87
+ dimension: {
88
+ alignment: "leading";
89
+ distribution: "start";
90
+ type: "vertical";
91
+ };
92
+ id: string;
93
+ margin: {
94
+ bottom: number;
95
+ leading: number;
96
+ top: number;
97
+ trailing: number;
98
+ };
99
+ name: string;
100
+ padding: {
101
+ bottom: number;
102
+ leading: number;
103
+ top: number;
104
+ trailing: number;
105
+ };
106
+ shadow: null;
107
+ shape: null;
108
+ size: {
109
+ height: {
110
+ type: "fit";
111
+ value: null;
112
+ };
113
+ width: {
114
+ type: "fill";
115
+ value: null;
116
+ };
117
+ };
118
+ spacing: number;
119
+ type: "stack";
120
+ } | {
121
+ background: {
122
+ type: "color";
123
+ value: {
124
+ light: {
125
+ type: "hex";
126
+ value: string;
127
+ };
128
+ };
129
+ };
130
+ background_color: null;
131
+ badge: null;
132
+ border: null;
133
+ components: ({
134
+ background_color: null;
135
+ color: {
136
+ light: {
137
+ type: "hex";
138
+ value: string;
139
+ };
140
+ };
141
+ font_name: null;
142
+ font_size: number;
143
+ font_weight: "bold";
144
+ font_weight_int: number;
145
+ horizontal_alignment: "center";
146
+ id: string;
147
+ margin: {
148
+ bottom: number;
149
+ leading: number;
150
+ top: number;
151
+ trailing: number;
152
+ };
153
+ name: string;
154
+ padding: {
155
+ bottom: number;
156
+ leading: number;
157
+ top: number;
158
+ trailing: number;
159
+ };
160
+ size: {
161
+ height: {
162
+ type: "fit";
163
+ value: null;
164
+ };
165
+ width: {
166
+ type: "fit";
167
+ value: null;
168
+ };
169
+ };
170
+ text_lid: string;
171
+ type: "text";
172
+ background?: undefined;
173
+ badge?: undefined;
174
+ border?: undefined;
175
+ components?: undefined;
176
+ dimension?: undefined;
177
+ shadow?: undefined;
178
+ shape?: undefined;
179
+ spacing?: undefined;
180
+ } | {
181
+ background: null;
182
+ background_color: null;
183
+ badge: null;
184
+ border: null;
185
+ components: ({
186
+ apple_promo_offer_product_code: null;
187
+ id: string;
188
+ is_selected_by_default: true;
189
+ name: string;
190
+ package_id: string;
191
+ stack: {
192
+ background: {
193
+ type: "color";
194
+ value: {
195
+ light: {
196
+ type: "hex";
197
+ value: string;
198
+ };
199
+ };
200
+ };
201
+ background_color: null;
202
+ badge: null;
203
+ border: {
204
+ color: {
205
+ light: {
206
+ type: "hex";
207
+ value: string;
208
+ };
209
+ };
210
+ width: number;
211
+ };
212
+ components: ({
213
+ background: null;
214
+ background_color: null;
215
+ badge: null;
216
+ border: null;
217
+ components: {
218
+ background: null;
219
+ background_color: null;
220
+ badge: null;
221
+ border: null;
222
+ components: {
223
+ background_color: null;
224
+ color: {
225
+ light: {
226
+ type: "hex";
227
+ value: string;
228
+ };
229
+ };
230
+ font_name: null;
231
+ font_size: number;
232
+ font_weight: "medium";
233
+ font_weight_int: number;
234
+ horizontal_alignment: "leading";
235
+ id: string;
236
+ margin: {
237
+ bottom: number;
238
+ leading: number;
239
+ top: number;
240
+ trailing: number;
241
+ };
242
+ name: string;
243
+ padding: {
244
+ bottom: number;
245
+ leading: number;
246
+ top: number;
247
+ trailing: number;
248
+ };
249
+ size: {
250
+ height: {
251
+ type: "fit";
252
+ value: null;
253
+ };
254
+ width: {
255
+ type: "fill";
256
+ value: null;
257
+ };
258
+ };
259
+ text_lid: string;
260
+ type: "text";
261
+ }[];
262
+ dimension: {
263
+ alignment: "leading";
264
+ distribution: "start";
265
+ type: "vertical";
266
+ };
267
+ id: string;
268
+ margin: {
269
+ bottom: number;
270
+ leading: number;
271
+ top: number;
272
+ trailing: number;
273
+ };
274
+ name: string;
275
+ padding: {
276
+ bottom: number;
277
+ leading: number;
278
+ top: number;
279
+ trailing: number;
280
+ };
281
+ shadow: null;
282
+ shape: {
283
+ corners: {
284
+ bottom_leading: number;
285
+ bottom_trailing: number;
286
+ top_leading: number;
287
+ top_trailing: number;
288
+ };
289
+ type: "rectangle";
290
+ };
291
+ size: {
292
+ height: {
293
+ type: "fit";
294
+ value: null;
295
+ };
296
+ width: {
297
+ type: "fill";
298
+ value: null;
299
+ };
300
+ };
301
+ spacing: number;
302
+ type: "stack";
303
+ }[];
304
+ dimension: {
305
+ alignment: "center";
306
+ distribution: "start";
307
+ type: "horizontal";
308
+ };
309
+ id: string;
310
+ margin: {
311
+ bottom: number;
312
+ leading: number;
313
+ top: number;
314
+ trailing: number;
315
+ };
316
+ name: string;
317
+ padding: {
318
+ bottom: number;
319
+ leading: number;
320
+ top: number;
321
+ trailing: number;
322
+ };
323
+ shadow: null;
324
+ shape: {
325
+ corners: {
326
+ bottom_leading: number;
327
+ bottom_trailing: number;
328
+ top_leading: number;
329
+ top_trailing: number;
330
+ };
331
+ type: "rectangle";
332
+ };
333
+ size: {
334
+ height: {
335
+ type: "fit";
336
+ value: null;
337
+ };
338
+ width: {
339
+ type: "fill";
340
+ value: null;
341
+ };
342
+ };
343
+ spacing: number;
344
+ type: "stack";
345
+ overrides?: undefined;
346
+ } | {
347
+ background: null;
348
+ background_color: null;
349
+ badge: null;
350
+ border: null;
351
+ components: ({
352
+ background_color: null;
353
+ color: {
354
+ light: {
355
+ type: "hex";
356
+ value: string;
357
+ };
358
+ };
359
+ font_name: null;
360
+ font_size: number;
361
+ font_weight: "regular";
362
+ font_weight_int: number;
363
+ horizontal_alignment: "center";
364
+ id: string;
365
+ margin: {
366
+ bottom: number;
367
+ leading: number;
368
+ top: number;
369
+ trailing: number;
370
+ };
371
+ name: string;
372
+ padding: {
373
+ bottom: number;
374
+ leading: number;
375
+ top: number;
376
+ trailing: number;
377
+ };
378
+ size: {
379
+ height: {
380
+ type: "fit";
381
+ value: null;
382
+ };
383
+ width: {
384
+ type: "fit";
385
+ value: null;
386
+ };
387
+ };
388
+ text_lid: string;
389
+ type: "text";
390
+ base_url?: undefined;
391
+ formats?: undefined;
392
+ icon_background?: undefined;
393
+ icon_name?: undefined;
394
+ overrides?: undefined;
395
+ } | {
396
+ base_url: string;
397
+ color: {
398
+ light: {
399
+ type: "hex";
400
+ value: string;
401
+ };
402
+ };
403
+ formats: {
404
+ heic: string;
405
+ png: string;
406
+ svg: string;
407
+ webp: string;
408
+ };
409
+ icon_background: null;
410
+ icon_name: string;
411
+ id: string;
412
+ margin: {
413
+ bottom: number;
414
+ leading: number;
415
+ top: number;
416
+ trailing: number;
417
+ };
418
+ name: string;
419
+ overrides: {
420
+ conditions: {
421
+ type: "selected";
422
+ }[];
423
+ properties: {
424
+ color: {
425
+ light: {
426
+ type: "hex";
427
+ value: string;
428
+ };
429
+ };
430
+ formats: {
431
+ heic: string;
432
+ png: string;
433
+ svg: string;
434
+ webp: string;
435
+ };
436
+ icon_name: string;
437
+ };
438
+ }[];
439
+ padding: {
440
+ bottom: number;
441
+ leading: number;
442
+ top: number;
443
+ trailing: number;
444
+ };
445
+ size: {
446
+ height: {
447
+ type: "fixed";
448
+ value: number;
449
+ };
450
+ width: {
451
+ type: "fixed";
452
+ value: number;
453
+ };
454
+ };
455
+ type: "icon";
456
+ background_color?: undefined;
457
+ font_name?: undefined;
458
+ font_size?: undefined;
459
+ font_weight?: undefined;
460
+ font_weight_int?: undefined;
461
+ horizontal_alignment?: undefined;
462
+ text_lid?: undefined;
463
+ })[];
464
+ dimension: {
465
+ alignment: "center";
466
+ distribution: "start";
467
+ type: "horizontal";
468
+ };
469
+ id: string;
470
+ margin: {
471
+ bottom: number;
472
+ leading: number;
473
+ top: number;
474
+ trailing: number;
475
+ };
476
+ name: string;
477
+ overrides: {
478
+ conditions: {
479
+ type: "selected";
480
+ }[];
481
+ properties: {
482
+ spacing: number;
483
+ };
484
+ }[];
485
+ padding: {
486
+ bottom: number;
487
+ leading: number;
488
+ top: number;
489
+ trailing: number;
490
+ };
491
+ shadow: null;
492
+ shape: {
493
+ corners: {
494
+ bottom_leading: number;
495
+ bottom_trailing: number;
496
+ top_leading: number;
497
+ top_trailing: number;
498
+ };
499
+ type: "rectangle";
500
+ };
501
+ size: {
502
+ height: {
503
+ type: "fit";
504
+ value: null;
505
+ };
506
+ width: {
507
+ type: "fit";
508
+ value: null;
509
+ };
510
+ };
511
+ spacing: number;
512
+ type: "stack";
513
+ })[];
514
+ dimension: {
515
+ alignment: "center";
516
+ distribution: "space_between";
517
+ type: "horizontal";
518
+ };
519
+ id: string;
520
+ margin: {
521
+ bottom: number;
522
+ leading: number;
523
+ top: number;
524
+ trailing: number;
525
+ };
526
+ name: string;
527
+ overrides: {
528
+ conditions: {
529
+ type: "selected";
530
+ }[];
531
+ properties: {
532
+ border: {
533
+ color: {
534
+ light: {
535
+ type: "hex";
536
+ value: string;
537
+ };
538
+ };
539
+ width: number;
540
+ };
541
+ };
542
+ }[];
543
+ padding: {
544
+ bottom: number;
545
+ leading: number;
546
+ top: number;
547
+ trailing: number;
548
+ };
549
+ shadow: {
550
+ color: {
551
+ light: {
552
+ type: "hex";
553
+ value: string;
554
+ };
555
+ };
556
+ radius: number;
557
+ x: number;
558
+ y: number;
559
+ };
560
+ shape: {
561
+ corners: {
562
+ bottom_leading: number;
563
+ bottom_trailing: number;
564
+ top_leading: number;
565
+ top_trailing: number;
566
+ };
567
+ type: "rectangle";
568
+ };
569
+ size: {
570
+ height: {
571
+ type: "fit";
572
+ value: null;
573
+ };
574
+ width: {
575
+ type: "fill";
576
+ value: null;
577
+ };
578
+ };
579
+ spacing: number;
580
+ type: "stack";
581
+ };
582
+ type: "package";
583
+ } | {
584
+ apple_promo_offer_product_code: null;
585
+ id: string;
586
+ is_selected_by_default: false;
587
+ name: string;
588
+ package_id: string;
589
+ stack: {
590
+ background: {
591
+ type: "color";
592
+ value: {
593
+ light: {
594
+ type: "hex";
595
+ value: string;
596
+ };
597
+ };
598
+ };
599
+ background_color: null;
600
+ badge: {
601
+ alignment: "top_trailing";
602
+ stack: {
603
+ background: {
604
+ type: "color";
605
+ value: {
606
+ dark: {
607
+ type: "hex";
608
+ value: string;
609
+ };
610
+ light: {
611
+ type: "hex";
612
+ value: string;
613
+ };
614
+ };
615
+ };
616
+ background_color: {
617
+ dark: {
618
+ type: "hex";
619
+ value: string;
620
+ };
621
+ light: {
622
+ type: "hex";
623
+ value: string;
624
+ };
625
+ };
626
+ badge: null;
627
+ border: null;
628
+ components: {
629
+ background_color: null;
630
+ color: {
631
+ light: {
632
+ type: "hex";
633
+ value: string;
634
+ };
635
+ };
636
+ font_name: null;
637
+ font_size: number;
638
+ font_weight: "bold";
639
+ font_weight_int: number;
640
+ horizontal_alignment: "center";
641
+ id: string;
642
+ margin: {
643
+ bottom: number;
644
+ leading: number;
645
+ top: number;
646
+ trailing: number;
647
+ };
648
+ name: string;
649
+ padding: {
650
+ bottom: number;
651
+ leading: number;
652
+ top: number;
653
+ trailing: number;
654
+ };
655
+ size: {
656
+ height: {
657
+ type: "fit";
658
+ value: null;
659
+ };
660
+ width: {
661
+ type: "fit";
662
+ value: null;
663
+ };
664
+ };
665
+ text_lid: string;
666
+ type: "text";
667
+ }[];
668
+ dimension: {
669
+ alignment: "center";
670
+ distribution: "center";
671
+ type: "vertical";
672
+ };
673
+ id: string;
674
+ margin: {
675
+ bottom: number;
676
+ leading: number;
677
+ top: number;
678
+ trailing: number;
679
+ };
680
+ name: string;
681
+ padding: {
682
+ bottom: number;
683
+ leading: number;
684
+ top: number;
685
+ trailing: number;
686
+ };
687
+ shadow: null;
688
+ shape: {
689
+ corners: {
690
+ bottom_leading: number;
691
+ bottom_trailing: number;
692
+ top_leading: number;
693
+ top_trailing: number;
694
+ };
695
+ type: "rectangle";
696
+ };
697
+ size: {
698
+ height: {
699
+ type: "fit";
700
+ value: null;
701
+ };
702
+ width: {
703
+ type: "fit";
704
+ value: null;
705
+ };
706
+ };
707
+ spacing: number;
708
+ type: "stack";
709
+ };
710
+ style: "overlay";
711
+ };
712
+ border: {
713
+ color: {
714
+ light: {
715
+ type: "hex";
716
+ value: string;
717
+ };
718
+ };
719
+ width: number;
720
+ };
721
+ components: ({
722
+ background: null;
723
+ background_color: null;
724
+ badge: null;
725
+ border: null;
726
+ components: {
727
+ background: null;
728
+ background_color: null;
729
+ badge: null;
730
+ border: null;
731
+ components: {
732
+ background_color: null;
733
+ color: {
734
+ light: {
735
+ type: "hex";
736
+ value: string;
737
+ };
738
+ };
739
+ font_name: null;
740
+ font_size: number;
741
+ font_weight: "regular";
742
+ font_weight_int: number;
743
+ horizontal_alignment: "leading";
744
+ id: string;
745
+ margin: {
746
+ bottom: number;
747
+ leading: number;
748
+ top: number;
749
+ trailing: number;
750
+ };
751
+ name: string;
752
+ overrides: {
753
+ conditions: {
754
+ type: "selected";
755
+ }[];
756
+ properties: {
757
+ text_lid: string;
758
+ };
759
+ }[];
760
+ padding: {
761
+ bottom: number;
762
+ leading: number;
763
+ top: number;
764
+ trailing: number;
765
+ };
766
+ size: {
767
+ height: {
768
+ type: "fit";
769
+ value: null;
770
+ };
771
+ width: {
772
+ type: "fill";
773
+ value: null;
774
+ };
775
+ };
776
+ text_lid: string;
777
+ type: "text";
778
+ }[];
779
+ dimension: {
780
+ alignment: "leading";
781
+ distribution: "start";
782
+ type: "vertical";
783
+ };
784
+ id: string;
785
+ margin: {
786
+ bottom: number;
787
+ leading: number;
788
+ top: number;
789
+ trailing: number;
790
+ };
791
+ name: string;
792
+ padding: {
793
+ bottom: number;
794
+ leading: number;
795
+ top: number;
796
+ trailing: number;
797
+ };
798
+ shadow: null;
799
+ shape: {
800
+ corners: {
801
+ bottom_leading: number;
802
+ bottom_trailing: number;
803
+ top_leading: number;
804
+ top_trailing: number;
805
+ };
806
+ type: "rectangle";
807
+ };
808
+ size: {
809
+ height: {
810
+ type: "fit";
811
+ value: null;
812
+ };
813
+ width: {
814
+ type: "fill";
815
+ value: null;
816
+ };
817
+ };
818
+ spacing: number;
819
+ type: "stack";
820
+ }[];
821
+ dimension: {
822
+ alignment: "center";
823
+ distribution: "start";
824
+ type: "horizontal";
825
+ };
826
+ id: string;
827
+ margin: {
828
+ bottom: number;
829
+ leading: number;
830
+ top: number;
831
+ trailing: number;
832
+ };
833
+ name: string;
834
+ padding: {
835
+ bottom: number;
836
+ leading: number;
837
+ top: number;
838
+ trailing: number;
839
+ };
840
+ shadow: null;
841
+ shape: {
842
+ corners: {
843
+ bottom_leading: number;
844
+ bottom_trailing: number;
845
+ top_leading: number;
846
+ top_trailing: number;
847
+ };
848
+ type: "rectangle";
849
+ };
850
+ size: {
851
+ height: {
852
+ type: "fit";
853
+ value: null;
854
+ };
855
+ width: {
856
+ type: "fill";
857
+ value: null;
858
+ };
859
+ };
860
+ spacing: number;
861
+ type: "stack";
862
+ } | {
863
+ background: null;
864
+ background_color: null;
865
+ badge: null;
866
+ border: null;
867
+ components: ({
868
+ background_color: null;
869
+ color: {
870
+ light: {
871
+ type: "hex";
872
+ value: string;
873
+ };
874
+ };
875
+ font_name: null;
876
+ font_size: number;
877
+ font_weight: "regular";
878
+ font_weight_int: number;
879
+ horizontal_alignment: "center";
880
+ id: string;
881
+ margin: {
882
+ bottom: number;
883
+ leading: number;
884
+ top: number;
885
+ trailing: number;
886
+ };
887
+ name: string;
888
+ padding: {
889
+ bottom: number;
890
+ leading: number;
891
+ top: number;
892
+ trailing: number;
893
+ };
894
+ size: {
895
+ height: {
896
+ type: "fit";
897
+ value: null;
898
+ };
899
+ width: {
900
+ type: "fit";
901
+ value: null;
902
+ };
903
+ };
904
+ text_lid: string;
905
+ type: "text";
906
+ base_url?: undefined;
907
+ formats?: undefined;
908
+ icon_background?: undefined;
909
+ icon_name?: undefined;
910
+ overrides?: undefined;
911
+ } | {
912
+ base_url: string;
913
+ color: {
914
+ light: {
915
+ type: "hex";
916
+ value: string;
917
+ };
918
+ };
919
+ formats: {
920
+ heic: string;
921
+ png: string;
922
+ svg: string;
923
+ webp: string;
924
+ };
925
+ icon_background: {
926
+ color: {
927
+ light: {
928
+ type: "hex";
929
+ value: string;
930
+ };
931
+ };
932
+ shape: {
933
+ corners: {
934
+ bottom_leading: number;
935
+ bottom_trailing: number;
936
+ top_leading: number;
937
+ top_trailing: number;
938
+ };
939
+ type: "rectangle";
940
+ };
941
+ };
942
+ icon_name: string;
943
+ id: string;
944
+ margin: {
945
+ bottom: number;
946
+ leading: number;
947
+ top: number;
948
+ trailing: number;
949
+ };
950
+ name: string;
951
+ overrides: {
952
+ conditions: {
953
+ type: "selected";
954
+ }[];
955
+ properties: {
956
+ color: {
957
+ light: {
958
+ type: "hex";
959
+ value: string;
960
+ };
961
+ };
962
+ formats: {
963
+ heic: string;
964
+ png: string;
965
+ svg: string;
966
+ webp: string;
967
+ };
968
+ icon_name: string;
969
+ };
970
+ }[];
971
+ padding: {
972
+ bottom: number;
973
+ leading: number;
974
+ top: number;
975
+ trailing: number;
976
+ };
977
+ size: {
978
+ height: {
979
+ type: "fixed";
980
+ value: number;
981
+ };
982
+ width: {
983
+ type: "fixed";
984
+ value: number;
985
+ };
986
+ };
987
+ type: "icon";
988
+ background_color?: undefined;
989
+ font_name?: undefined;
990
+ font_size?: undefined;
991
+ font_weight?: undefined;
992
+ font_weight_int?: undefined;
993
+ horizontal_alignment?: undefined;
994
+ text_lid?: undefined;
995
+ })[];
996
+ dimension: {
997
+ alignment: "center";
998
+ distribution: "start";
999
+ type: "horizontal";
1000
+ };
1001
+ id: string;
1002
+ margin: {
1003
+ bottom: number;
1004
+ leading: number;
1005
+ top: number;
1006
+ trailing: number;
1007
+ };
1008
+ name: string;
1009
+ padding: {
1010
+ bottom: number;
1011
+ leading: number;
1012
+ top: number;
1013
+ trailing: number;
1014
+ };
1015
+ shadow: null;
1016
+ shape: {
1017
+ corners: {
1018
+ bottom_leading: number;
1019
+ bottom_trailing: number;
1020
+ top_leading: number;
1021
+ top_trailing: number;
1022
+ };
1023
+ type: "rectangle";
1024
+ };
1025
+ size: {
1026
+ height: {
1027
+ type: "fit";
1028
+ value: null;
1029
+ };
1030
+ width: {
1031
+ type: "fit";
1032
+ value: null;
1033
+ };
1034
+ };
1035
+ spacing: number;
1036
+ type: "stack";
1037
+ })[];
1038
+ dimension: {
1039
+ alignment: "center";
1040
+ distribution: "space_between";
1041
+ type: "horizontal";
1042
+ };
1043
+ id: string;
1044
+ margin: {
1045
+ bottom: number;
1046
+ leading: number;
1047
+ top: number;
1048
+ trailing: number;
1049
+ };
1050
+ name: string;
1051
+ overrides: {
1052
+ conditions: {
1053
+ type: "selected";
1054
+ }[];
1055
+ properties: {
1056
+ border: {
1057
+ color: {
1058
+ light: {
1059
+ type: "hex";
1060
+ value: string;
1061
+ };
1062
+ };
1063
+ width: number;
1064
+ };
1065
+ };
1066
+ }[];
1067
+ padding: {
1068
+ bottom: number;
1069
+ leading: number;
1070
+ top: number;
1071
+ trailing: number;
1072
+ };
1073
+ shadow: {
1074
+ color: {
1075
+ light: {
1076
+ type: "hex";
1077
+ value: string;
1078
+ };
1079
+ };
1080
+ radius: number;
1081
+ x: number;
1082
+ y: number;
1083
+ };
1084
+ shape: {
1085
+ corners: {
1086
+ bottom_leading: number;
1087
+ bottom_trailing: number;
1088
+ top_leading: number;
1089
+ top_trailing: number;
1090
+ };
1091
+ type: "rectangle";
1092
+ };
1093
+ size: {
1094
+ height: {
1095
+ type: "fit";
1096
+ value: null;
1097
+ };
1098
+ width: {
1099
+ type: "fill";
1100
+ value: null;
1101
+ };
1102
+ };
1103
+ spacing: number;
1104
+ type: "stack";
1105
+ };
1106
+ type: "package";
1107
+ })[];
1108
+ dimension: {
1109
+ alignment: "center";
1110
+ distribution: "start";
1111
+ type: "vertical";
1112
+ };
1113
+ id: string;
1114
+ margin: {
1115
+ bottom: number;
1116
+ leading: number;
1117
+ top: number;
1118
+ trailing: number;
1119
+ };
1120
+ name: string;
1121
+ padding: {
1122
+ bottom: number;
1123
+ leading: number;
1124
+ top: number;
1125
+ trailing: number;
1126
+ };
1127
+ shadow: null;
1128
+ shape: {
1129
+ corners: {
1130
+ bottom_leading: number;
1131
+ bottom_trailing: number;
1132
+ top_leading: number;
1133
+ top_trailing: number;
1134
+ };
1135
+ type: "rectangle";
1136
+ };
1137
+ size: {
1138
+ height: {
1139
+ type: "fit";
1140
+ value: null;
1141
+ };
1142
+ width: {
1143
+ type: "fill";
1144
+ value: null;
1145
+ };
1146
+ };
1147
+ spacing: number;
1148
+ type: "stack";
1149
+ color?: undefined;
1150
+ font_name?: undefined;
1151
+ font_size?: undefined;
1152
+ font_weight?: undefined;
1153
+ font_weight_int?: undefined;
1154
+ horizontal_alignment?: undefined;
1155
+ text_lid?: undefined;
1156
+ })[];
1157
+ dimension: {
1158
+ alignment: "center";
1159
+ distribution: "start";
1160
+ type: "vertical";
1161
+ };
1162
+ id: string;
1163
+ margin: {
1164
+ bottom: number;
1165
+ leading: number;
1166
+ top: number;
1167
+ trailing: number;
1168
+ };
1169
+ name: string;
1170
+ padding: {
1171
+ bottom: number;
1172
+ leading: number;
1173
+ top: number;
1174
+ trailing: number;
1175
+ };
1176
+ shadow: null;
1177
+ shape: {
1178
+ corners: null;
1179
+ type: "rectangle";
1180
+ };
1181
+ size: {
1182
+ height: {
1183
+ type: "fit";
1184
+ value: null;
1185
+ };
1186
+ width: {
1187
+ type: "fill";
1188
+ value: null;
1189
+ };
1190
+ };
1191
+ spacing: number;
1192
+ type: "stack";
1193
+ } | {
1194
+ background: {
1195
+ type: "color";
1196
+ value: {
1197
+ light: {
1198
+ type: "hex";
1199
+ value: string;
1200
+ };
1201
+ };
1202
+ };
1203
+ background_color: null;
1204
+ badge: null;
1205
+ border: null;
1206
+ components: {
1207
+ type: "express_purchase_button";
1208
+ id: string;
1209
+ name: string;
1210
+ wallet_available_stack: {
1211
+ type: "stack";
1212
+ id: string;
1213
+ name: string;
1214
+ components: ({
1215
+ type: "wallet_button";
1216
+ id: string;
1217
+ name: string;
1218
+ size: {
1219
+ width: {
1220
+ type: "fill";
1221
+ };
1222
+ height: {
1223
+ type: "fit";
1224
+ };
1225
+ };
1226
+ dimension: {
1227
+ type: "vertical";
1228
+ alignment: "center";
1229
+ distribution: "center";
1230
+ };
1231
+ spacing: number;
1232
+ margin: {
1233
+ top: number;
1234
+ trailing: number;
1235
+ bottom: number;
1236
+ leading: number;
1237
+ };
1238
+ border: null;
1239
+ shape: {
1240
+ type: "rectangle";
1241
+ corners: {
1242
+ top_leading: number;
1243
+ top_trailing: number;
1244
+ bottom_leading: number;
1245
+ bottom_trailing: number;
1246
+ };
1247
+ };
1248
+ shadow: null;
1249
+ stack?: undefined;
1250
+ } | {
1251
+ id: string;
1252
+ name: string;
1253
+ stack: {
1254
+ background: {
1255
+ type: "color";
1256
+ value: {
1257
+ light: {
1258
+ type: "hex";
1259
+ value: string;
1260
+ };
1261
+ };
1262
+ };
1263
+ background_color: null;
1264
+ border: null;
1265
+ components: {
1266
+ color: {
1267
+ light: {
1268
+ type: "hex";
1269
+ value: string;
1270
+ };
1271
+ };
1272
+ font_size: number;
1273
+ font_weight: "semibold";
1274
+ font_weight_int: number;
1275
+ horizontal_alignment: "center";
1276
+ id: string;
1277
+ margin: {
1278
+ bottom: number;
1279
+ leading: number;
1280
+ top: number;
1281
+ trailing: number;
1282
+ };
1283
+ name: string;
1284
+ overrides: {
1285
+ conditions: {
1286
+ type: "intro_offer";
1287
+ }[];
1288
+ properties: {
1289
+ color: {
1290
+ light: {
1291
+ type: "hex";
1292
+ value: string;
1293
+ };
1294
+ };
1295
+ font_size: number;
1296
+ text_lid: string;
1297
+ };
1298
+ }[];
1299
+ padding: {
1300
+ bottom: number;
1301
+ leading: number;
1302
+ top: number;
1303
+ trailing: number;
1304
+ };
1305
+ size: {
1306
+ height: {
1307
+ type: "fit";
1308
+ };
1309
+ width: {
1310
+ type: "fit";
1311
+ };
1312
+ };
1313
+ text_lid: string;
1314
+ type: "text";
1315
+ }[];
1316
+ dimension: {
1317
+ alignment: "center";
1318
+ distribution: "start";
1319
+ type: "vertical";
1320
+ };
1321
+ id: string;
1322
+ margin: {
1323
+ bottom: number;
1324
+ leading: number;
1325
+ top: number;
1326
+ trailing: number;
1327
+ };
1328
+ name: string;
1329
+ padding: {
1330
+ bottom: number;
1331
+ leading: number;
1332
+ top: number;
1333
+ trailing: number;
1334
+ };
1335
+ shadow: null;
1336
+ shape: {
1337
+ corners: {
1338
+ bottom_leading: number;
1339
+ bottom_trailing: number;
1340
+ top_leading: number;
1341
+ top_trailing: number;
1342
+ };
1343
+ type: "rectangle";
1344
+ };
1345
+ size: {
1346
+ height: {
1347
+ type: "fixed";
1348
+ value: number;
1349
+ };
1350
+ width: {
1351
+ type: "fill";
1352
+ };
1353
+ };
1354
+ spacing: number;
1355
+ type: "stack";
1356
+ };
1357
+ type: "purchase_button";
1358
+ size?: undefined;
1359
+ dimension?: undefined;
1360
+ spacing?: undefined;
1361
+ margin?: undefined;
1362
+ border?: undefined;
1363
+ shape?: undefined;
1364
+ shadow?: undefined;
1365
+ })[];
1366
+ size: {
1367
+ width: {
1368
+ type: "fill";
1369
+ };
1370
+ height: {
1371
+ type: "fit";
1372
+ };
1373
+ };
1374
+ dimension: {
1375
+ type: "vertical";
1376
+ alignment: "center";
1377
+ distribution: "center";
1378
+ };
1379
+ spacing: number;
1380
+ margin: {
1381
+ top: number;
1382
+ trailing: number;
1383
+ bottom: number;
1384
+ leading: number;
1385
+ };
1386
+ padding: {
1387
+ top: number;
1388
+ trailing: number;
1389
+ bottom: number;
1390
+ leading: number;
1391
+ };
1392
+ background_color: null;
1393
+ background: null;
1394
+ border: null;
1395
+ shape: {
1396
+ type: "rectangle";
1397
+ corners: {
1398
+ top_leading: number;
1399
+ top_trailing: number;
1400
+ bottom_leading: number;
1401
+ bottom_trailing: number;
1402
+ };
1403
+ };
1404
+ shadow: null;
1405
+ badge: null;
1406
+ };
1407
+ wallet_unavailable_stack: {
1408
+ type: "stack";
1409
+ id: string;
1410
+ name: string;
1411
+ components: {
1412
+ id: string;
1413
+ name: string;
1414
+ stack: {
1415
+ background: {
1416
+ type: "color";
1417
+ value: {
1418
+ light: {
1419
+ type: "hex";
1420
+ value: string;
1421
+ };
1422
+ };
1423
+ };
1424
+ background_color: null;
1425
+ border: null;
1426
+ components: {
1427
+ color: {
1428
+ light: {
1429
+ type: "hex";
1430
+ value: string;
1431
+ };
1432
+ };
1433
+ font_size: number;
1434
+ font_weight: "semibold";
1435
+ font_weight_int: number;
1436
+ horizontal_alignment: "center";
1437
+ id: string;
1438
+ margin: {
1439
+ bottom: number;
1440
+ leading: number;
1441
+ top: number;
1442
+ trailing: number;
1443
+ };
1444
+ name: string;
1445
+ overrides: {
1446
+ conditions: {
1447
+ type: "intro_offer";
1448
+ }[];
1449
+ properties: {
1450
+ color: {
1451
+ light: {
1452
+ type: "hex";
1453
+ value: string;
1454
+ };
1455
+ };
1456
+ font_size: number;
1457
+ text_lid: string;
1458
+ };
1459
+ }[];
1460
+ padding: {
1461
+ bottom: number;
1462
+ leading: number;
1463
+ top: number;
1464
+ trailing: number;
1465
+ };
1466
+ size: {
1467
+ height: {
1468
+ type: "fit";
1469
+ };
1470
+ width: {
1471
+ type: "fit";
1472
+ };
1473
+ };
1474
+ text_lid: string;
1475
+ type: "text";
1476
+ }[];
1477
+ dimension: {
1478
+ alignment: "center";
1479
+ distribution: "start";
1480
+ type: "vertical";
1481
+ };
1482
+ id: string;
1483
+ margin: {
1484
+ bottom: number;
1485
+ leading: number;
1486
+ top: number;
1487
+ trailing: number;
1488
+ };
1489
+ name: string;
1490
+ padding: {
1491
+ bottom: number;
1492
+ leading: number;
1493
+ top: number;
1494
+ trailing: number;
1495
+ };
1496
+ shadow: null;
1497
+ shape: {
1498
+ corners: {
1499
+ bottom_leading: number;
1500
+ bottom_trailing: number;
1501
+ top_leading: number;
1502
+ top_trailing: number;
1503
+ };
1504
+ type: "rectangle";
1505
+ };
1506
+ size: {
1507
+ height: {
1508
+ type: "fixed";
1509
+ value: number;
1510
+ };
1511
+ width: {
1512
+ type: "fill";
1513
+ };
1514
+ };
1515
+ spacing: number;
1516
+ type: "stack";
1517
+ };
1518
+ type: "purchase_button";
1519
+ }[];
1520
+ size: {
1521
+ width: {
1522
+ type: "fill";
1523
+ };
1524
+ height: {
1525
+ type: "fit";
1526
+ };
1527
+ };
1528
+ dimension: {
1529
+ type: "vertical";
1530
+ alignment: "center";
1531
+ distribution: "center";
1532
+ };
1533
+ spacing: number;
1534
+ margin: {
1535
+ top: number;
1536
+ trailing: number;
1537
+ bottom: number;
1538
+ leading: number;
1539
+ };
1540
+ padding: {
1541
+ top: number;
1542
+ trailing: number;
1543
+ bottom: number;
1544
+ leading: number;
1545
+ };
1546
+ background_color: null;
1547
+ background: null;
1548
+ border: null;
1549
+ shape: {
1550
+ type: "rectangle";
1551
+ corners: {
1552
+ top_leading: number;
1553
+ top_trailing: number;
1554
+ bottom_leading: number;
1555
+ bottom_trailing: number;
1556
+ };
1557
+ };
1558
+ shadow: null;
1559
+ badge: null;
1560
+ };
1561
+ wallet_unknown_stack: {
1562
+ type: "stack";
1563
+ id: string;
1564
+ name: string;
1565
+ components: {
1566
+ type: "skeleton_loader";
1567
+ id: string;
1568
+ name: string;
1569
+ size: {
1570
+ width: {
1571
+ type: "fill";
1572
+ };
1573
+ height: {
1574
+ type: "fit";
1575
+ };
1576
+ };
1577
+ margin: {
1578
+ top: number;
1579
+ trailing: number;
1580
+ bottom: number;
1581
+ leading: number;
1582
+ };
1583
+ border: null;
1584
+ shape: {
1585
+ type: "rectangle";
1586
+ corners: {
1587
+ top_leading: number;
1588
+ top_trailing: number;
1589
+ bottom_leading: number;
1590
+ bottom_trailing: number;
1591
+ };
1592
+ };
1593
+ shadow: null;
1594
+ }[];
1595
+ size: {
1596
+ width: {
1597
+ type: "fill";
1598
+ };
1599
+ height: {
1600
+ type: "fit";
1601
+ };
1602
+ };
1603
+ dimension: {
1604
+ type: "vertical";
1605
+ alignment: "center";
1606
+ distribution: "center";
1607
+ };
1608
+ spacing: number;
1609
+ margin: {
1610
+ top: number;
1611
+ trailing: number;
1612
+ bottom: number;
1613
+ leading: number;
1614
+ };
1615
+ padding: {
1616
+ top: number;
1617
+ trailing: number;
1618
+ bottom: number;
1619
+ leading: number;
1620
+ };
1621
+ background_color: null;
1622
+ background: null;
1623
+ border: null;
1624
+ shape: {
1625
+ type: "rectangle";
1626
+ corners: {
1627
+ top_leading: number;
1628
+ top_trailing: number;
1629
+ bottom_leading: number;
1630
+ bottom_trailing: number;
1631
+ };
1632
+ };
1633
+ shadow: null;
1634
+ badge: null;
1635
+ };
1636
+ }[];
1637
+ dimension: {
1638
+ alignment: "leading";
1639
+ distribution: "start";
1640
+ type: "vertical";
1641
+ };
1642
+ id: string;
1643
+ margin: {
1644
+ bottom: number;
1645
+ leading: number;
1646
+ top: number;
1647
+ trailing: number;
1648
+ };
1649
+ name: string;
1650
+ padding: {
1651
+ bottom: number;
1652
+ leading: number;
1653
+ top: number;
1654
+ trailing: number;
1655
+ };
1656
+ shadow: null;
1657
+ shape: {
1658
+ corners: {
1659
+ bottom_leading: number;
1660
+ bottom_trailing: number;
1661
+ top_leading: number;
1662
+ top_trailing: number;
1663
+ };
1664
+ type: "rectangle";
1665
+ };
1666
+ size: {
1667
+ height: {
1668
+ type: "fit";
1669
+ value: null;
1670
+ };
1671
+ width: {
1672
+ type: "fill";
1673
+ value: null;
1674
+ };
1675
+ };
1676
+ spacing: number;
1677
+ type: "stack";
1678
+ })[];
1679
+ dimension: {
1680
+ alignment: "leading";
1681
+ distribution: "center";
1682
+ type: "vertical";
1683
+ };
1684
+ id: string;
1685
+ margin: {
1686
+ bottom: number;
1687
+ leading: number;
1688
+ top: number;
1689
+ trailing: number;
1690
+ };
1691
+ name: string;
1692
+ padding: {
1693
+ bottom: number;
1694
+ leading: number;
1695
+ top: number;
1696
+ trailing: number;
1697
+ };
1698
+ shadow: null;
1699
+ shape: {
1700
+ corners: {
1701
+ bottom_leading: number;
1702
+ bottom_trailing: number;
1703
+ top_leading: number;
1704
+ top_trailing: number;
1705
+ };
1706
+ type: "rectangle";
1707
+ };
1708
+ size: {
1709
+ height: {
1710
+ type: "fit";
1711
+ value: null;
1712
+ };
1713
+ width: {
1714
+ type: "fill";
1715
+ value: null;
1716
+ };
1717
+ };
1718
+ spacing: number;
1719
+ type: "stack";
1720
+ }[];
1721
+ dimension: {
1722
+ alignment: "center";
1723
+ distribution: "start";
1724
+ type: "vertical";
1725
+ };
1726
+ id: string;
1727
+ margin: {
1728
+ bottom: number;
1729
+ leading: number;
1730
+ top: number;
1731
+ trailing: number;
1732
+ };
1733
+ name: string;
1734
+ padding: {
1735
+ bottom: number;
1736
+ leading: number;
1737
+ top: number;
1738
+ trailing: number;
1739
+ };
1740
+ shadow: null;
1741
+ shape: {
1742
+ corners: {
1743
+ bottom_leading: number;
1744
+ bottom_trailing: number;
1745
+ top_leading: number;
1746
+ top_trailing: number;
1747
+ };
1748
+ type: "rectangle";
1749
+ };
1750
+ size: {
1751
+ height: {
1752
+ type: "fit";
1753
+ value: null;
1754
+ };
1755
+ width: {
1756
+ type: "fill";
1757
+ value: null;
1758
+ };
1759
+ };
1760
+ spacing: number;
1761
+ type: "stack";
1762
+ };
1763
+ sticky_footer: null;
1764
+ };
1765
+ };
1766
+ components_localizations: {
1767
+ en_US: {
1768
+ "-MHgg_nokE": string;
1769
+ "0gz-q6z1sl": string;
1770
+ "6S-UJ5Cuzw": string;
1771
+ "6z23G9j6bL": string;
1772
+ "7cKwKlLm2A": string;
1773
+ D5Wq1mkN7T: string;
1774
+ KBS_xwutSi: string;
1775
+ MTDCNECdAJ: string;
1776
+ Wz2fPzc0D6: string;
1777
+ d8xMen5SAp: string;
1778
+ dzcPhv7jgZ: string;
1779
+ iuFGR2yPjh: string;
1780
+ mzfBHTmU1A: string;
1781
+ n3EZmkzooK: string;
1782
+ "soL3-3izWU": string;
1783
+ };
1784
+ };
1785
+ default_locale: string;
1786
+ };