@revenuecat/purchases-ui-js 2.0.0 → 2.0.2

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 (105) hide show
  1. package/dist/components/button/Button.svelte +1 -5
  2. package/dist/components/button/ButtonNode.stories.svelte +57 -71
  3. package/dist/components/button/ButtonNode.stories.svelte.d.ts +0 -8
  4. package/dist/components/button/ButtonNode.svelte +10 -21
  5. package/dist/components/button/ButtonNode.svelte.d.ts +2 -2
  6. package/dist/components/button/button-utils.d.ts +2 -2
  7. package/dist/components/footer/Footer.stories.svelte +26 -22
  8. package/dist/components/footer/Footer.stories.svelte.d.ts +0 -5
  9. package/dist/components/footer/Footer.svelte +3 -10
  10. package/dist/components/footer/Footer.svelte.d.ts +1 -1
  11. package/dist/components/image/Image.stories.svelte +27 -19
  12. package/dist/components/image/Image.svelte +18 -17
  13. package/dist/components/image/image-utils.d.ts +2 -1
  14. package/dist/components/image/image-utils.js +2 -2
  15. package/dist/components/package/Package.stories.svelte +31 -31
  16. package/dist/components/package/Package.stories.svelte.d.ts +0 -6
  17. package/dist/components/package/Package.svelte +19 -30
  18. package/dist/components/package/Package.svelte.d.ts +1 -1
  19. package/dist/components/paywall/Node.svelte +26 -50
  20. package/dist/components/paywall/Node.svelte.d.ts +11 -14
  21. package/dist/components/paywall/Paywall.stories.svelte +21 -78
  22. package/dist/components/paywall/Paywall.svelte +75 -100
  23. package/dist/components/paywall/Paywall.svelte.d.ts +4 -4
  24. package/dist/components/paywall/paywall-utils.d.ts +3 -2
  25. package/dist/components/paywall/paywall-utils.js +5 -5
  26. package/dist/components/purchase-button/PurchaseButton.stories.svelte +29 -31
  27. package/dist/components/purchase-button/PurchaseButton.stories.svelte.d.ts +0 -5
  28. package/dist/components/purchase-button/PurchaseButton.svelte +9 -20
  29. package/dist/components/purchase-button/PurchaseButton.svelte.d.ts +1 -1
  30. package/dist/components/purchase-button/purchase-button-utils.d.ts +1 -1
  31. package/dist/components/stack/Stack.stories.svelte +17 -94
  32. package/dist/components/stack/Stack.svelte +18 -48
  33. package/dist/components/stack/stack-utils.d.ts +4 -3
  34. package/dist/components/stack/stack-utils.js +7 -10
  35. package/dist/components/text/TextNode.stories.svelte +45 -152
  36. package/dist/components/text/TextNode.svelte +15 -23
  37. package/dist/components/text/text-utils.d.ts +7 -6
  38. package/dist/components/text/text-utils.js +7 -7
  39. package/dist/components/timeline/Timeline.stories.svelte +37 -48
  40. package/dist/components/timeline/Timeline.svelte +0 -2
  41. package/dist/components/timeline/TimelineItem.svelte +28 -11
  42. package/dist/components/timeline/timeline-utils.d.ts +3 -3
  43. package/dist/components/timeline/timeline-utils.js +7 -17
  44. package/dist/data/entities.d.ts +54 -145
  45. package/dist/index.d.ts +10 -10
  46. package/dist/index.js +10 -10
  47. package/dist/stores/color-mode.d.ts +6 -0
  48. package/dist/stores/color-mode.js +15 -0
  49. package/dist/stores/localization.d.ts +13 -0
  50. package/dist/stores/localization.js +26 -0
  51. package/dist/stores/paywall.d.ts +11 -0
  52. package/dist/stores/paywall.js +13 -0
  53. package/dist/stores/variables.d.ts +5 -0
  54. package/dist/stores/variables.js +14 -0
  55. package/dist/stories/fixtures.d.ts +1 -1
  56. package/dist/stories/fixtures.js +30 -135
  57. package/dist/stories/localization-decorator.d.ts +3 -0
  58. package/dist/stories/localization-decorator.js +7 -0
  59. package/dist/stories/paywall-decorator.d.ts +2 -0
  60. package/dist/stories/paywall-decorator.js +19 -0
  61. package/dist/stories/variables-decorator.d.ts +3 -0
  62. package/dist/stories/variables-decorator.js +9 -0
  63. package/dist/stories/with-layout.svelte +4 -4
  64. package/dist/types/alignment.d.ts +19 -0
  65. package/dist/types/background.d.ts +18 -0
  66. package/dist/types/background.js +1 -0
  67. package/dist/types/colors.d.ts +34 -0
  68. package/dist/types/colors.js +1 -0
  69. package/dist/types/component.d.ts +6 -0
  70. package/dist/types/component.js +1 -0
  71. package/dist/types/components/button.d.ts +36 -0
  72. package/dist/types/components/button.js +1 -0
  73. package/dist/types/components/footer.d.ts +5 -0
  74. package/dist/types/components/footer.js +1 -0
  75. package/dist/types/components/package.d.ts +8 -0
  76. package/dist/types/components/package.js +1 -0
  77. package/dist/types/components/purchase-button.d.ts +5 -0
  78. package/dist/types/components/purchase-button.js +1 -0
  79. package/dist/types/localization.d.ts +4 -0
  80. package/dist/types/localization.js +1 -0
  81. package/dist/types/media.d.ts +18 -0
  82. package/dist/types/media.js +1 -0
  83. package/dist/types.d.ts +5 -35
  84. package/dist/ui/atoms/typography.stories.svelte +7 -13
  85. package/dist/ui/atoms/typography.stories.svelte.d.ts +1 -1
  86. package/dist/ui/atoms/typography.svelte +1 -1
  87. package/dist/ui/layout/main-block.svelte +2 -2
  88. package/dist/ui/molecules/button.stories.svelte +8 -15
  89. package/dist/ui/molecules/button.svelte +3 -2
  90. package/dist/ui/molecules/button.svelte.d.ts +2 -26
  91. package/dist/ui/molecules/types.d.ts +2 -1
  92. package/dist/ui/theme/theme.d.ts +2 -2
  93. package/dist/ui/theme/theme.js +2 -2
  94. package/dist/ui/theme/utils.d.ts +2 -2
  95. package/dist/utils/style-utils.d.ts +13 -11
  96. package/dist/utils/style-utils.js +21 -27
  97. package/dist/utils/variable-utils.d.ts +1 -38
  98. package/dist/utils/variable-utils.js +6 -48
  99. package/dist/web-components/index.css +1 -1
  100. package/dist/web-components/index.js +610 -657
  101. package/package.json +33 -36
  102. package/dist/data/state.d.ts +0 -9
  103. package/dist/stores/theme.d.ts +0 -1
  104. package/dist/stores/theme.js +0 -17
  105. /package/dist/{data/state.js → types/alignment.js} +0 -0
package/dist/stories/fixtures.js CHANGED
@@ -424,7 +424,6 @@ export const paywallData = {
424
424
  type: "package",
425
425
  },
426
426
  {
427
- components: [],
428
427
  id: "lPNvA6W9st",
429
428
  is_selected_by_default: false,
430
429
  name: "Package - Annual",
@@ -748,7 +747,6 @@ export const paywallData = {
748
747
  type: "stack",
749
748
  },
750
749
  {
751
- components: [],
752
750
  id: "jNZK5yseV6",
753
751
  is_selected_by_default: false,
754
752
  name: "Package - Lifetime",
@@ -998,6 +996,7 @@ export const paywallData = {
998
996
  stack: {
999
997
  background_color: null,
1000
998
  border: null,
999
+ shadow: null,
1001
1000
  components: [
1002
1001
  {
1003
1002
  background_color: null,
@@ -2223,13 +2222,8 @@ export const paywallData = {
2223
2222
  zwOsIynvC9: "Annual",
2224
2223
  },
2225
2224
  },
2226
- config: {},
2227
2225
  created_at: "2024-11-07T04:36:37Z",
2228
2226
  default_locale: "en_US",
2229
- localized_strings: {
2230
- en_US: {},
2231
- },
2232
- localized_strings_by_tier: {},
2233
2227
  offering_id: "ofrngbfce748e08",
2234
2228
  published_at: null,
2235
2229
  published_revision: null,
@@ -2485,7 +2479,6 @@ export const alignmentPaywallData = {
2485
2479
  },
2486
2480
  shadow: null,
2487
2481
  shape: {
2488
- corners: null,
2489
2482
  type: "pill",
2490
2483
  },
2491
2484
  size: {
@@ -3823,13 +3816,8 @@ export const alignmentPaywallData = {
3823
3816
  components_localizations: {
3824
3817
  en_US: {},
3825
3818
  },
3826
- config: {},
3827
3819
  created_at: "2024-11-08T02:34:09Z",
3828
3820
  default_locale: "en_US",
3829
- localized_strings: {
3830
- en_US: {},
3831
- },
3832
- localized_strings_by_tier: {},
3833
3821
  offering_id: "ofrng4be31354c4",
3834
3822
  published_at: null,
3835
3823
  published_revision: null,
@@ -4883,13 +4871,8 @@ export const fontsPaywallData = {
4883
4871
  uzD2rPJ68m: "**this is bold text**\\\n*this is italics*\\\n~this is strikethrough~\\\n`this is code`\\\n[this is a link](https://www.google.com)",
4884
4872
  },
4885
4873
  },
4886
- config: {},
4887
4874
  created_at: "2024-11-08T21:39:13Z",
4888
4875
  default_locale: "en_US",
4889
- localized_strings: {
4890
- en_US: {},
4891
- },
4892
- localized_strings_by_tier: {},
4893
4876
  offering_id: "ofrng0bfa13d98f",
4894
4877
  published_at: null,
4895
4878
  published_revision: null,
@@ -5353,7 +5336,7 @@ export const pastaPaywallData = {
5353
5336
  },
5354
5337
  ],
5355
5338
  dimension: {
5356
- alignment: "leading",
5339
+ alignment: "top",
5357
5340
  distribution: "space_between",
5358
5341
  type: "horizontal",
5359
5342
  },
@@ -5929,7 +5912,7 @@ export const pastaPaywallData = {
5929
5912
  },
5930
5913
  ],
5931
5914
  dimension: {
5932
- alignment: "leading",
5915
+ alignment: "top",
5933
5916
  distribution: "space_between",
5934
5917
  type: "horizontal",
5935
5918
  },
@@ -6505,7 +6488,7 @@ export const pastaPaywallData = {
6505
6488
  },
6506
6489
  ],
6507
6490
  dimension: {
6508
- alignment: "leading",
6491
+ alignment: "top",
6509
6492
  distribution: "space_between",
6510
6493
  type: "horizontal",
6511
6494
  },
@@ -6932,13 +6915,8 @@ export const pastaPaywallData = {
6932
6915
  uYHuXwbuaS: "500g - 9 min",
6933
6916
  },
6934
6917
  },
6935
- config: {},
6936
6918
  created_at: "2024-11-12T15:45:09Z",
6937
6919
  default_locale: "en_US",
6938
- localized_strings: {
6939
- en_US: {},
6940
- },
6941
- localized_strings_by_tier: {},
6942
6920
  offering_id: "ofrng284f6b25f9",
6943
6921
  revision: 10,
6944
6922
  template_name: "components",
@@ -7400,7 +7378,7 @@ export const variablesPastaPaywallData = {
7400
7378
  },
7401
7379
  ],
7402
7380
  dimension: {
7403
- alignment: "leading",
7381
+ alignment: "top",
7404
7382
  distribution: "space_between",
7405
7383
  type: "horizontal",
7406
7384
  },
@@ -7976,7 +7954,7 @@ export const variablesPastaPaywallData = {
7976
7954
  },
7977
7955
  ],
7978
7956
  dimension: {
7979
- alignment: "leading",
7957
+ alignment: "top",
7980
7958
  distribution: "space_between",
7981
7959
  type: "horizontal",
7982
7960
  },
@@ -8552,7 +8530,7 @@ export const variablesPastaPaywallData = {
8552
8530
  },
8553
8531
  ],
8554
8532
  dimension: {
8555
- alignment: "leading",
8533
+ alignment: "top",
8556
8534
  distribution: "space_between",
8557
8535
  type: "horizontal",
8558
8536
  },
@@ -8979,13 +8957,8 @@ export const variablesPastaPaywallData = {
8979
8957
  uYHuXwbuaS: "500g - 9 min",
8980
8958
  },
8981
8959
  },
8982
- config: {},
8983
8960
  created_at: "2024-11-12T15:45:09Z",
8984
8961
  default_locale: "en_US",
8985
- localized_strings: {
8986
- en_US: {},
8987
- },
8988
- localized_strings_by_tier: {},
8989
8962
  offering_id: "ofrng284f6b25f9",
8990
8963
  revision: 10,
8991
8964
  template_name: "components",
@@ -8993,6 +8966,9 @@ export const variablesPastaPaywallData = {
8993
8966
  };
8994
8967
  export const gradientPaywallData = {
8995
8968
  asset_base_url: "https://assets.pawwalls.com",
8969
+ offering_id: "ofrngbfce748e08",
8970
+ created_at: "2024-11-08T22:38:41Z",
8971
+ updated_at: "2024-11-08T22:38:41Z",
8996
8972
  components_config: {
8997
8973
  base: {
8998
8974
  stack: {
@@ -9514,7 +9490,7 @@ export const gradientPaywallData = {
9514
9490
  },
9515
9491
  ],
9516
9492
  dimension: {
9517
- alignment: "leading",
9493
+ alignment: "top",
9518
9494
  distribution: "space_between",
9519
9495
  type: "horizontal",
9520
9496
  },
@@ -10136,7 +10112,7 @@ export const gradientPaywallData = {
10136
10112
  },
10137
10113
  ],
10138
10114
  dimension: {
10139
- alignment: "leading",
10115
+ alignment: "top",
10140
10116
  distribution: "space_between",
10141
10117
  type: "horizontal",
10142
10118
  },
@@ -10845,7 +10821,7 @@ export const gradientPaywallData = {
10845
10821
  },
10846
10822
  ],
10847
10823
  dimension: {
10848
- alignment: "leading",
10824
+ alignment: "top",
10849
10825
  distribution: "space_between",
10850
10826
  type: "horizontal",
10851
10827
  },
@@ -11195,10 +11171,6 @@ export const gradientPaywallData = {
11195
11171
  default_locale: "en_US",
11196
11172
  revision: 21,
11197
11173
  template_name: "components",
11198
- zero_decimal_place_countries: {
11199
- apple: ["TWN", "KAZ", "MEX", "PHL", "THA"],
11200
- google: ["TW", "KZ", "MX", "PH", "TH"],
11201
- },
11202
11174
  };
11203
11175
  export const calmPaywallData = {
11204
11176
  asset_base_url: "https://assets.pawwalls.com",
@@ -12182,7 +12154,6 @@ export const calmPaywallData = {
12182
12154
  },
12183
12155
  shadow: null,
12184
12156
  shape: {
12185
- corners: null,
12186
12157
  type: "pill",
12187
12158
  },
12188
12159
  size: {
@@ -12263,13 +12234,8 @@ export const calmPaywallData = {
12263
12234
  wUmW3cccab: "100+ guided meditations on anxiety, stress, sleep and more",
12264
12235
  },
12265
12236
  },
12266
- config: {},
12267
12237
  created_at: "2024-11-08T21:36:50Z",
12268
12238
  default_locale: "en_US",
12269
- localized_strings: {
12270
- en_US: {},
12271
- },
12272
- localized_strings_by_tier: {},
12273
12239
  offering_id: "ofrngae6ecdad78",
12274
12240
  revision: 9,
12275
12241
  template_name: "components",
@@ -13645,13 +13611,8 @@ export const stateTemplate = {
13645
13611
  xwdoMifL43: "Habit",
13646
13612
  },
13647
13613
  },
13648
- config: {},
13649
13614
  created_at: "2024-11-08T21:36:50Z",
13650
13615
  default_locale: "en_US",
13651
- localized_strings: {
13652
- en_US: {},
13653
- },
13654
- localized_strings_by_tier: {},
13655
13616
  offering_id: "ofrngae6ecdad78",
13656
13617
  revision: 9,
13657
13618
  template_name: "state",
@@ -14347,7 +14308,6 @@ export const posterMakerTemplate = {
14347
14308
  type: "package",
14348
14309
  },
14349
14310
  {
14350
- components: [],
14351
14311
  id: "pAZxZ1NZie",
14352
14312
  is_selected_by_default: false,
14353
14313
  name: "Package",
@@ -15254,13 +15214,8 @@ export const posterMakerTemplate = {
15254
15214
  vRN5_ma4Yq: "",
15255
15215
  },
15256
15216
  },
15257
- config: {},
15258
15217
  created_at: "2024-11-11T16:25:20Z",
15259
15218
  default_locale: "en_US",
15260
- localized_strings: {
15261
- en_US: {},
15262
- },
15263
- localized_strings_by_tier: {},
15264
15219
  offering_id: "ofrng4db5c5b61d",
15265
15220
  published_at: null,
15266
15221
  published_revision: null,
@@ -15338,7 +15293,6 @@ export const zStackTemplate = {
15338
15293
  border: null,
15339
15294
  components: [
15340
15295
  {
15341
- border: null,
15342
15296
  color_overlay: null,
15343
15297
  fit_mode: "fill",
15344
15298
  id: "ldMMGT6WBc",
@@ -15364,7 +15318,6 @@ export const zStackTemplate = {
15364
15318
  top: 0,
15365
15319
  trailing: 0,
15366
15320
  },
15367
- shadow: null,
15368
15321
  size: {
15369
15322
  height: {
15370
15323
  type: "fit",
@@ -15482,7 +15435,6 @@ export const zStackTemplate = {
15482
15435
  ],
15483
15436
  dimension: {
15484
15437
  alignment: "top_leading",
15485
- distribution: "space_between",
15486
15438
  type: "zlayer",
15487
15439
  },
15488
15440
  id: "HBJemxppcn",
@@ -15613,7 +15565,6 @@ export const zStackTemplate = {
15613
15565
  border: null,
15614
15566
  components: [
15615
15567
  {
15616
- border: null,
15617
15568
  color_overlay: null,
15618
15569
  fit_mode: "fill",
15619
15570
  id: "R-N_r7mv1F",
@@ -15639,7 +15590,6 @@ export const zStackTemplate = {
15639
15590
  top: 0,
15640
15591
  trailing: 0,
15641
15592
  },
15642
- shadow: null,
15643
15593
  size: {
15644
15594
  height: {
15645
15595
  type: "fit",
@@ -15757,7 +15707,6 @@ export const zStackTemplate = {
15757
15707
  ],
15758
15708
  dimension: {
15759
15709
  alignment: "top",
15760
- distribution: "space_between",
15761
15710
  type: "zlayer",
15762
15711
  },
15763
15712
  id: "a-EeCgJyJ7",
@@ -15888,7 +15837,6 @@ export const zStackTemplate = {
15888
15837
  border: null,
15889
15838
  components: [
15890
15839
  {
15891
- border: null,
15892
15840
  color_overlay: null,
15893
15841
  fit_mode: "fill",
15894
15842
  id: "2eFzI0Oq2i",
@@ -15914,7 +15862,6 @@ export const zStackTemplate = {
15914
15862
  top: 0,
15915
15863
  trailing: 0,
15916
15864
  },
15917
- shadow: null,
15918
15865
  size: {
15919
15866
  height: {
15920
15867
  type: "fit",
@@ -16032,7 +15979,6 @@ export const zStackTemplate = {
16032
15979
  ],
16033
15980
  dimension: {
16034
15981
  alignment: "top_trailing",
16035
- distribution: "space_between",
16036
15982
  type: "zlayer",
16037
15983
  },
16038
15984
  id: "nomeNzWJFI",
@@ -16163,7 +16109,6 @@ export const zStackTemplate = {
16163
16109
  border: null,
16164
16110
  components: [
16165
16111
  {
16166
- border: null,
16167
16112
  color_overlay: null,
16168
16113
  fit_mode: "fill",
16169
16114
  id: "s09LRT9G-i",
@@ -16189,7 +16134,6 @@ export const zStackTemplate = {
16189
16134
  top: 0,
16190
16135
  trailing: 0,
16191
16136
  },
16192
- shadow: null,
16193
16137
  size: {
16194
16138
  height: {
16195
16139
  type: "fit",
@@ -16307,7 +16251,6 @@ export const zStackTemplate = {
16307
16251
  ],
16308
16252
  dimension: {
16309
16253
  alignment: "leading",
16310
- distribution: "space_between",
16311
16254
  type: "zlayer",
16312
16255
  },
16313
16256
  id: "n0VN7PK6BS",
@@ -16438,7 +16381,6 @@ export const zStackTemplate = {
16438
16381
  border: null,
16439
16382
  components: [
16440
16383
  {
16441
- border: null,
16442
16384
  color_overlay: null,
16443
16385
  fit_mode: "fill",
16444
16386
  id: "qHkC63g-3P",
@@ -16464,7 +16406,6 @@ export const zStackTemplate = {
16464
16406
  top: 0,
16465
16407
  trailing: 0,
16466
16408
  },
16467
- shadow: null,
16468
16409
  size: {
16469
16410
  height: {
16470
16411
  type: "fit",
@@ -16582,7 +16523,6 @@ export const zStackTemplate = {
16582
16523
  ],
16583
16524
  dimension: {
16584
16525
  alignment: "center",
16585
- distribution: "space_between",
16586
16526
  type: "zlayer",
16587
16527
  },
16588
16528
  id: "NPR4_35vT4",
@@ -16713,7 +16653,6 @@ export const zStackTemplate = {
16713
16653
  border: null,
16714
16654
  components: [
16715
16655
  {
16716
- border: null,
16717
16656
  color_overlay: null,
16718
16657
  fit_mode: "fill",
16719
16658
  id: "fUjDWt68DD",
@@ -16739,7 +16678,6 @@ export const zStackTemplate = {
16739
16678
  top: 0,
16740
16679
  trailing: 0,
16741
16680
  },
16742
- shadow: null,
16743
16681
  size: {
16744
16682
  height: {
16745
16683
  type: "fit",
@@ -16857,7 +16795,6 @@ export const zStackTemplate = {
16857
16795
  ],
16858
16796
  dimension: {
16859
16797
  alignment: "trailing",
16860
- distribution: "space_between",
16861
16798
  type: "zlayer",
16862
16799
  },
16863
16800
  id: "7iP6_oGu2k",
@@ -16988,7 +16925,6 @@ export const zStackTemplate = {
16988
16925
  border: null,
16989
16926
  components: [
16990
16927
  {
16991
- border: null,
16992
16928
  color_overlay: null,
16993
16929
  fit_mode: "fill",
16994
16930
  id: "1fB4IrDJjf",
@@ -17014,7 +16950,6 @@ export const zStackTemplate = {
17014
16950
  top: 0,
17015
16951
  trailing: 0,
17016
16952
  },
17017
- shadow: null,
17018
16953
  size: {
17019
16954
  height: {
17020
16955
  type: "fit",
@@ -17132,7 +17067,6 @@ export const zStackTemplate = {
17132
17067
  ],
17133
17068
  dimension: {
17134
17069
  alignment: "bottom_leading",
17135
- distribution: "space_between",
17136
17070
  type: "zlayer",
17137
17071
  },
17138
17072
  id: "iWoIgqlLPc",
@@ -17263,7 +17197,6 @@ export const zStackTemplate = {
17263
17197
  border: null,
17264
17198
  components: [
17265
17199
  {
17266
- border: null,
17267
17200
  color_overlay: null,
17268
17201
  fit_mode: "fill",
17269
17202
  id: "IplwaswsEf",
@@ -17289,7 +17222,6 @@ export const zStackTemplate = {
17289
17222
  top: 0,
17290
17223
  trailing: 0,
17291
17224
  },
17292
- shadow: null,
17293
17225
  size: {
17294
17226
  height: {
17295
17227
  type: "fit",
@@ -17407,7 +17339,6 @@ export const zStackTemplate = {
17407
17339
  ],
17408
17340
  dimension: {
17409
17341
  alignment: "bottom",
17410
- distribution: "space_between",
17411
17342
  type: "zlayer",
17412
17343
  },
17413
17344
  id: "RlXufyEV-f",
@@ -17538,7 +17469,6 @@ export const zStackTemplate = {
17538
17469
  border: null,
17539
17470
  components: [
17540
17471
  {
17541
- border: null,
17542
17472
  color_overlay: null,
17543
17473
  fit_mode: "fill",
17544
17474
  id: "CvagVsuuGt",
@@ -17564,7 +17494,6 @@ export const zStackTemplate = {
17564
17494
  top: 0,
17565
17495
  trailing: 0,
17566
17496
  },
17567
- shadow: null,
17568
17497
  size: {
17569
17498
  height: {
17570
17499
  type: "fit",
@@ -17682,7 +17611,6 @@ export const zStackTemplate = {
17682
17611
  ],
17683
17612
  dimension: {
17684
17613
  alignment: "bottom_trailing",
17685
- distribution: "space_between",
17686
17614
  type: "zlayer",
17687
17615
  },
17688
17616
  id: "tYUlzIOV4B",
@@ -17833,13 +17761,8 @@ export const zStackTemplate = {
17833
17761
  zMxG0H664k: "Bottom trailing",
17834
17762
  },
17835
17763
  },
17836
- config: {},
17837
17764
  created_at: "2024-12-19T20:46:54Z",
17838
17765
  default_locale: "en_US",
17839
- localized_strings: {
17840
- en_US: {},
17841
- },
17842
- localized_strings_by_tier: {},
17843
17766
  offering_id: "ofrng2063b5def2",
17844
17767
  published_at: null,
17845
17768
  published_components_config: null,
@@ -17849,7 +17772,7 @@ export const zStackTemplate = {
17849
17772
  template_name: "components",
17850
17773
  updated_at: "2024-12-19T20:52:22Z",
17851
17774
  };
17852
- export const labelsData = {
17775
+ export const localizations = {
17853
17776
  en_US: {
17854
17777
  id1: "Item 1",
17855
17778
  id2: "Item 2",
@@ -17899,7 +17822,6 @@ export const colorModeOverrideTemplate = {
17899
17822
  },
17900
17823
  ],
17901
17824
  type: "linear",
17902
- value: "#ffffffff",
17903
17825
  },
17904
17826
  },
17905
17827
  border: null,
@@ -18706,13 +18628,8 @@ export const colorModeOverrideTemplate = {
18706
18628
  qy4JKggbZ_: "Monthly",
18707
18629
  },
18708
18630
  },
18709
- config: {},
18710
18631
  created_at: "2024-12-06T17:20:24Z",
18711
18632
  default_locale: "en_US",
18712
- localized_strings: {
18713
- en_US: {},
18714
- },
18715
- localized_strings_by_tier: {},
18716
18633
  offering_id: "ofrngb4d6b67d35",
18717
18634
  published_at: null,
18718
18635
  published_revision: null,
@@ -18748,7 +18665,6 @@ export const paywallWithFooter = {
18748
18665
  },
18749
18666
  ],
18750
18667
  type: "linear",
18751
- value: "#ffffffff",
18752
18668
  },
18753
18669
  },
18754
18670
  border: null,
@@ -19660,13 +19576,8 @@ export const paywallWithFooter = {
19660
19576
  qy4JKggbZ_: "Monthly",
19661
19577
  },
19662
19578
  },
19663
- config: {},
19664
19579
  created_at: "2024-12-03T17:07:27Z",
19665
19580
  default_locale: "en_US",
19666
- localized_strings: {
19667
- en_US: {},
19668
- },
19669
- localized_strings_by_tier: {},
19670
19581
  offering_id: "ofrngea57cd715b",
19671
19582
  published_at: "2024-12-03T17:34:02Z",
19672
19583
  published_revision: 4,
@@ -19735,7 +19646,7 @@ export const errorPaywallData = {
19735
19646
  },
19736
19647
  },
19737
19648
  spacing: 0,
19738
- // @ts-expect-error placing this intentionally to test the error boundary
19649
+ // Intentional: testing unkown components.
19739
19650
  type: "stackkkk",
19740
19651
  },
19741
19652
  ],
@@ -19777,13 +19688,8 @@ export const errorPaywallData = {
19777
19688
  components_localizations: {
19778
19689
  en_US: {},
19779
19690
  },
19780
- config: {},
19781
19691
  created_at: "2024-11-07T04:36:37Z",
19782
19692
  default_locale: "en_US",
19783
- localized_strings: {
19784
- en_US: {},
19785
- },
19786
- localized_strings_by_tier: {},
19787
19693
  offering_id: "ofrngbfce748e08",
19788
19694
  published_at: null,
19789
19695
  published_revision: null,
@@ -20260,7 +20166,6 @@ export const fallbackPaywallData = {
20260
20166
  type: "package",
20261
20167
  },
20262
20168
  {
20263
- components: [],
20264
20169
  id: "lPNvA6W9st",
20265
20170
  is_selected_by_default: false,
20266
20171
  name: "Package - Annual",
@@ -20584,7 +20489,6 @@ export const fallbackPaywallData = {
20584
20489
  type: "stack",
20585
20490
  },
20586
20491
  {
20587
- components: [],
20588
20492
  id: "jNZK5yseV6",
20589
20493
  is_selected_by_default: false,
20590
20494
  name: "Package - Lifetime",
@@ -22060,13 +21964,8 @@ export const fallbackPaywallData = {
22060
21964
  fallbackText123: "This is a fallback text",
22061
21965
  },
22062
21966
  },
22063
- config: {},
22064
21967
  created_at: "2024-11-07T04:36:37Z",
22065
21968
  default_locale: "en_US",
22066
- localized_strings: {
22067
- en_US: {},
22068
- },
22069
- localized_strings_by_tier: {},
22070
21969
  offering_id: "ofrngbfce748e08",
22071
21970
  published_at: null,
22072
21971
  published_revision: null,
@@ -22076,6 +21975,9 @@ export const fallbackPaywallData = {
22076
21975
  };
22077
21976
  export const e2eTestTemplate = {
22078
21977
  asset_base_url: "https://assets.pawwalls.com",
21978
+ offering_id: "ofrngbfce748e08",
21979
+ created_at: "2024-11-08T22:38:41Z",
21980
+ updated_at: "2024-11-08T22:38:41Z",
22079
21981
  components_config: {
22080
21982
  base: {
22081
21983
  background: {
@@ -22225,7 +22127,6 @@ export const e2eTestTemplate = {
22225
22127
  ],
22226
22128
  dimension: {
22227
22129
  alignment: "top_trailing",
22228
- distribution: "space_between",
22229
22130
  type: "zlayer",
22230
22131
  },
22231
22132
  id: "1G0XaOjb8n",
@@ -22255,11 +22156,9 @@ export const e2eTestTemplate = {
22255
22156
  size: {
22256
22157
  height: {
22257
22158
  type: "fit",
22258
- value: 160,
22259
22159
  },
22260
22160
  width: {
22261
22161
  type: "fill",
22262
- value: null,
22263
22162
  },
22264
22163
  },
22265
22164
  spacing: 0,
@@ -22886,7 +22785,12 @@ export const e2eTestTemplate = {
22886
22785
  font_weight: "bold",
22887
22786
  horizontal_alignment: "leading",
22888
22787
  id: "c13Mv5wrJU",
22889
- margin: {},
22788
+ margin: {
22789
+ bottom: 0,
22790
+ leading: 0,
22791
+ top: 0,
22792
+ trailing: 0,
22793
+ },
22890
22794
  name: "",
22891
22795
  overrides: {
22892
22796
  states: {
@@ -22900,7 +22804,12 @@ export const e2eTestTemplate = {
22900
22804
  },
22901
22805
  },
22902
22806
  },
22903
- padding: {},
22807
+ padding: {
22808
+ bottom: 0,
22809
+ leading: 0,
22810
+ top: 0,
22811
+ trailing: 0,
22812
+ },
22904
22813
  size: {
22905
22814
  height: {
22906
22815
  type: "fit",
@@ -23035,7 +22944,6 @@ export const e2eTestTemplate = {
23035
22944
  font_weight: "regular",
23036
22945
  horizontal_alignment: "leading",
23037
22946
  id: "ahQAs554G5",
23038
- margin: {},
23039
22947
  name: "",
23040
22948
  overrides: {
23041
22949
  states: {
@@ -23049,7 +22957,6 @@ export const e2eTestTemplate = {
23049
22957
  },
23050
22958
  },
23051
22959
  },
23052
- padding: {},
23053
22960
  size: {
23054
22961
  height: {
23055
22962
  type: "fit",
@@ -23185,7 +23092,6 @@ export const e2eTestTemplate = {
23185
23092
  font_weight: "bold",
23186
23093
  horizontal_alignment: "leading",
23187
23094
  id: "TN5ev2tbbB",
23188
- margin: {},
23189
23095
  name: "",
23190
23096
  overrides: {
23191
23097
  states: {
@@ -23199,7 +23105,6 @@ export const e2eTestTemplate = {
23199
23105
  },
23200
23106
  },
23201
23107
  },
23202
- padding: {},
23203
23108
  size: {
23204
23109
  height: {
23205
23110
  type: "fit",
@@ -23334,7 +23239,6 @@ export const e2eTestTemplate = {
23334
23239
  font_weight: "regular",
23335
23240
  horizontal_alignment: "leading",
23336
23241
  id: "ts9NTw_QjO",
23337
- margin: {},
23338
23242
  name: "",
23339
23243
  overrides: {
23340
23244
  states: {
@@ -23348,7 +23252,6 @@ export const e2eTestTemplate = {
23348
23252
  },
23349
23253
  },
23350
23254
  },
23351
- padding: {},
23352
23255
  size: {
23353
23256
  height: {
23354
23257
  type: "fit",
@@ -23469,7 +23372,6 @@ export const e2eTestTemplate = {
23469
23372
  font_weight: "bold",
23470
23373
  horizontal_alignment: "leading",
23471
23374
  id: "b1EI5ueRHY",
23472
- margin: {},
23473
23375
  name: "",
23474
23376
  overrides: {
23475
23377
  states: {
@@ -23483,7 +23385,6 @@ export const e2eTestTemplate = {
23483
23385
  },
23484
23386
  },
23485
23387
  },
23486
- padding: {},
23487
23388
  size: {
23488
23389
  height: {
23489
23390
  type: "fit",
@@ -23618,7 +23519,6 @@ export const e2eTestTemplate = {
23618
23519
  font_weight: "regular",
23619
23520
  horizontal_alignment: "leading",
23620
23521
  id: "G9o5ydFUoY",
23621
- margin: {},
23622
23522
  name: "",
23623
23523
  overrides: {
23624
23524
  states: {
@@ -23632,7 +23532,6 @@ export const e2eTestTemplate = {
23632
23532
  },
23633
23533
  },
23634
23534
  },
23635
- padding: {},
23636
23535
  size: {
23637
23536
  height: {
23638
23537
  type: "fit",
@@ -24328,10 +24227,6 @@ export const e2eTestTemplate = {
24328
24227
  default_locale: "en_US",
24329
24228
  revision: 4,
24330
24229
  template_name: "components",
24331
- zero_decimal_place_countries: {
24332
- apple: ["TWN", "KAZ", "MEX", "PHL", "THA"],
24333
- google: ["TW", "KZ", "MX", "PH", "TH"],
24334
- },
24335
24230
  };
24336
24231
  export const brandingAppearances = {
24337
24232
  None: null,