@developer_tribe/react-builder 1.2.40 → 1.2.42

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 (71) hide show
  1. package/dist/attributes-editor/FallbackLocalizationField.d.ts +6 -0
  2. package/dist/build-components/PaywallFooter/PaywallFooter.d.ts +5 -0
  3. package/dist/build-components/PaywallFooter/PaywallFooterProps.generated.d.ts +68 -0
  4. package/dist/build-components/index.d.ts +2 -1
  5. package/dist/build-components/patterns.generated.d.ts +495 -3
  6. package/dist/index.cjs.js +1 -1
  7. package/dist/index.cjs.js.map +1 -1
  8. package/dist/index.esm.js +1 -1
  9. package/dist/index.esm.js.map +1 -1
  10. package/dist/index.web.cjs.js +4 -4
  11. package/dist/index.web.cjs.js.map +1 -1
  12. package/dist/index.web.d.ts +8 -0
  13. package/dist/index.web.esm.js +4 -4
  14. package/dist/index.web.esm.js.map +1 -1
  15. package/dist/modals/IconPickerModal.d.ts +1 -1
  16. package/dist/product-base/types.d.ts +3 -0
  17. package/dist/store.d.ts +25 -0
  18. package/dist/styles.css +1 -1
  19. package/dist/types/PreviewConfig.d.ts +1 -1
  20. package/package.json +2 -2
  21. package/scripts/public/bin.js +0 -0
  22. package/src/RenderPage.tsx +1 -1
  23. package/src/assets/meta.json +1 -1
  24. package/src/assets/prompt-scheme-onboard.generated.ts +1 -1
  25. package/src/assets/prompt-scheme-paywall.generated.ts +1 -1
  26. package/src/assets/samples/paywall-1.json +18 -1
  27. package/src/assets/samples/paywall-2.json +2 -2
  28. package/src/assets/samples/paywall-app-delete-offer.json +2 -2
  29. package/src/assets/samples/paywall-app-open-offer.json +2 -2
  30. package/src/assets/samples/paywall-back-offer.json +1 -1
  31. package/src/assets/samples/paywall-notification-offer.json +1 -1
  32. package/src/assets/samples/vpn-onboard-1.json +3 -3
  33. package/src/assets/samples/vpn-onboard-2.json +3 -3
  34. package/src/assets/samples/vpn-onboard-3.json +3 -3
  35. package/src/assets/samples/vpn-onboard-4.json +3 -3
  36. package/src/assets/samples/vpn-onboard-5.json +3 -3
  37. package/src/assets/samples/vpn-onboard-6.json +3 -3
  38. package/src/assets/samples/vpn-onboard-7.json +3 -3
  39. package/src/attributes-editor/AttributesEditorFields.tsx +1 -1
  40. package/src/attributes-editor/AttributesEditorView.tsx +17 -6
  41. package/src/attributes-editor/FallbackLocalizationField.tsx +384 -0
  42. package/src/build-components/BIcon/BIcon.tsx +1 -1
  43. package/src/build-components/OnboardButton/OnboardButton.tsx +1 -1
  44. package/src/build-components/OnboardButton/pattern.json +1 -1
  45. package/src/build-components/OnboardFooter/OnboardFooter.tsx +29 -20
  46. package/src/build-components/OnboardFooter/pattern.json +2 -1
  47. package/src/build-components/OnboardProvider/pattern.json +1 -1
  48. package/src/build-components/PaywallCloseButton/PaywallCloseButton.tsx +1 -1
  49. package/src/build-components/PaywallFooter/PaywallFooter.tsx +242 -0
  50. package/src/build-components/PaywallFooter/PaywallFooterProps.generated.ts +85 -0
  51. package/src/build-components/PaywallFooter/pattern.json +86 -0
  52. package/src/build-components/RenderNode.generated.tsx +5 -0
  53. package/src/build-components/index.ts +5 -0
  54. package/src/build-components/patterns.generated.ts +511 -3
  55. package/src/components/BottomBar.tsx +136 -32
  56. package/src/components/DeviceNavigationBar.tsx +2 -2
  57. package/src/hooks/useLocalize.ts +13 -1
  58. package/src/index.web.ts +19 -0
  59. package/src/mockOS/managers/mockPermissionManager.ts +5 -3
  60. package/src/mockOS/managers/navigationManager.ts +6 -4
  61. package/src/modals/IconPickerModal.tsx +1 -1
  62. package/src/modals/InspectModal.tsx +106 -0
  63. package/src/product-base/buildPaywallLocalizationParams.ts +3 -0
  64. package/src/product-base/types.ts +3 -0
  65. package/src/store.ts +39 -0
  66. package/src/styles/base/_global.scss +1 -1
  67. package/src/types/PreviewConfig.ts +30 -6
  68. package/dist/build-components/index.generated.d.ts +0 -38
  69. package/dist/types/Icons.generated.d.ts +0 -2
  70. package/src/build-components/index.generated.ts +0 -184
  71. package/src/types/Icons.generated.ts +0 -244
@@ -4992,7 +4992,7 @@ export const patterns = [
4992
4992
  meta: {
4993
4993
  desiredParent: ['=OnboardButtons'],
4994
4994
  label: 'Onboard Button',
4995
- description: 'Single action button for onboarding.',
4995
+ description: 'Single action button for onboard.',
4996
4996
  specialCategories: {
4997
4997
  padding: {
4998
4998
  label: 'Padding',
@@ -6730,11 +6730,12 @@ export const patterns = [
6730
6730
  alignSelf: 'flex-start',
6731
6731
  flexGrow: 0,
6732
6732
  flexShrink: 0,
6733
+ minHeight: '50@vs',
6733
6734
  flexWrap: 'wrap',
6734
6735
  alignItems: 'center',
6735
6736
  justifyContent: 'center',
6736
6737
  textAlign: 'center',
6737
- paddingHorizontal: '24@s',
6738
+ paddingHorizontal: '16@s',
6738
6739
  },
6739
6740
  },
6740
6741
  types: {},
@@ -7618,7 +7619,7 @@ export const patterns = [
7618
7619
  meta: {
7619
7620
  desiredParent: ['root'],
7620
7621
  label: 'Onboard Provider',
7621
- description: 'Provides shared settings for onboarding.',
7622
+ description: 'Provides shared settings for onboard.',
7622
7623
  specialCategories: {
7623
7624
  padding: {
7624
7625
  label: 'Padding',
@@ -9711,6 +9712,513 @@ export const patterns = [
9711
9712
  },
9712
9713
  types: {},
9713
9714
  },
9715
+ {
9716
+ schemaVersion: 2,
9717
+ pattern: {
9718
+ type: 'PaywallFooter',
9719
+ title: 'title',
9720
+ description: 'description',
9721
+ children: 'never',
9722
+ attributes: {
9723
+ adjustsFontSizeToFit: 'boolean',
9724
+ showEllipsis: 'boolean',
9725
+ translateCounter: 'number',
9726
+ styles: {
9727
+ color: 'color',
9728
+ fontSize: 'size',
9729
+ fontFamily: 'fontFamily',
9730
+ fontWeight: 'fontWeight',
9731
+ textAlign: 'string',
9732
+ flexDirection: ['row', 'column'],
9733
+ flexWrap: ['nowrap', 'wrap', 'wrap-reverse'],
9734
+ alignItems: [
9735
+ 'flex-start',
9736
+ 'center',
9737
+ 'flex-end',
9738
+ 'stretch',
9739
+ 'baseline',
9740
+ ],
9741
+ justifyContent: [
9742
+ 'flex-start',
9743
+ 'center',
9744
+ 'flex-end',
9745
+ 'space-between',
9746
+ 'space-around',
9747
+ 'space-evenly',
9748
+ ],
9749
+ gap: 'size',
9750
+ padding: 'size',
9751
+ paddingHorizontal: 'size',
9752
+ paddingVertical: 'size',
9753
+ paddingTop: 'size',
9754
+ paddingBottom: 'size',
9755
+ paddingLeft: 'size',
9756
+ paddingRight: 'size',
9757
+ margin: 'size',
9758
+ marginHorizontal: 'size',
9759
+ marginVertical: 'size',
9760
+ marginTop: 'size',
9761
+ marginBottom: 'size',
9762
+ marginLeft: 'size',
9763
+ marginRight: 'size',
9764
+ backgroundColor: 'color',
9765
+ borderRadius: 'size',
9766
+ width: 'size',
9767
+ minWidth: 'size',
9768
+ maxWidth: 'size',
9769
+ height: 'size',
9770
+ minHeight: 'size',
9771
+ maxHeight: 'size',
9772
+ flex: 'number',
9773
+ position: ['relative', 'absolute'],
9774
+ top: 'size',
9775
+ bottom: 'size',
9776
+ left: 'size',
9777
+ right: 'size',
9778
+ zIndex: 'number',
9779
+ },
9780
+ scrollable: 'boolean',
9781
+ testID: 'string',
9782
+ textLocalizationKey: 'string',
9783
+ linkedWordFirstLocalizationKey: 'string',
9784
+ linkedWordFirstColor: 'color',
9785
+ linkedWordFirstPage: 'string',
9786
+ linkedWordSecondLocalizationKey: 'string',
9787
+ linkedWordSecondColor: 'color',
9788
+ linkedWordSecondPage: 'string',
9789
+ },
9790
+ },
9791
+ meta: {
9792
+ desiredParent: ['>PaywallProvider'],
9793
+ label: 'Paywall Footer',
9794
+ description: 'Footer text with optional links for paywall screens.',
9795
+ styles: {
9796
+ color: {
9797
+ label: 'Color',
9798
+ description: 'Text color.',
9799
+ category: 'style',
9800
+ specialCategory: null,
9801
+ sort: 1,
9802
+ },
9803
+ fontSize: {
9804
+ label: 'Font Size',
9805
+ description: 'Text size.',
9806
+ category: 'style',
9807
+ specialCategory: null,
9808
+ sort: 2,
9809
+ preferredScale: 'f',
9810
+ },
9811
+ fontFamily: {
9812
+ label: 'Font Family',
9813
+ description: 'Font family used for the text.',
9814
+ category: 'style',
9815
+ specialCategory: null,
9816
+ sort: 3,
9817
+ },
9818
+ fontWeight: {
9819
+ label: 'Font Weight',
9820
+ description: 'Text weight.',
9821
+ category: 'style',
9822
+ specialCategory: null,
9823
+ sort: 4,
9824
+ },
9825
+ textAlign: {
9826
+ label: 'Text Align',
9827
+ description: 'Text alignment.',
9828
+ category: 'style',
9829
+ specialCategory: null,
9830
+ sort: 5,
9831
+ },
9832
+ },
9833
+ attributes: {
9834
+ adjustsFontSizeToFit: {
9835
+ label: 'Adjust Font Size To Fit',
9836
+ description:
9837
+ 'Automatically reduces font size to fit the available space.',
9838
+ category: 'other',
9839
+ specialCategory: null,
9840
+ sort: 1,
9841
+ },
9842
+ showEllipsis: {
9843
+ label: 'Show Ellipsis',
9844
+ description:
9845
+ 'If text overflows, show ellipsis (…); applied as single-line truncation.',
9846
+ category: 'other',
9847
+ specialCategory: null,
9848
+ sort: 2,
9849
+ },
9850
+ scrollable: {
9851
+ label: 'Scrollable',
9852
+ description: 'Turns scroll interaction on.',
9853
+ category: 'container',
9854
+ specialCategory: null,
9855
+ sort: -1,
9856
+ },
9857
+ styles: {
9858
+ backgroundColor: {
9859
+ label: 'Background Color',
9860
+ description: 'Background fill color.',
9861
+ category: 'style',
9862
+ specialCategory: null,
9863
+ sort: 20,
9864
+ },
9865
+ borderRadius: {
9866
+ label: 'Border Radius',
9867
+ description: 'Corner rounding amount.',
9868
+ category: 'style',
9869
+ specialCategory: null,
9870
+ sort: 21,
9871
+ preferredScale: 's',
9872
+ },
9873
+ flexDirection: {
9874
+ label: 'Flex Direction',
9875
+ description: 'Sets row or column layout.',
9876
+ category: 'container',
9877
+ specialCategory: null,
9878
+ sort: 4,
9879
+ },
9880
+ flexWrap: {
9881
+ label: 'Flex Wrap',
9882
+ description: 'Controls whether flex items wrap to multiple lines.',
9883
+ category: 'container',
9884
+ specialCategory: null,
9885
+ sort: 4.5,
9886
+ },
9887
+ alignItems: {
9888
+ label: 'Align Items',
9889
+ description: 'Controls cross-axis alignment.',
9890
+ category: 'container',
9891
+ specialCategory: null,
9892
+ sort: 3,
9893
+ },
9894
+ justifyContent: {
9895
+ label: 'Justify Content',
9896
+ description: 'Controls main-axis alignment.',
9897
+ category: 'container',
9898
+ specialCategory: null,
9899
+ sort: 5,
9900
+ },
9901
+ gap: {
9902
+ label: 'Gap',
9903
+ description: 'Space between children.',
9904
+ category: 'container',
9905
+ specialCategory: null,
9906
+ sort: 10,
9907
+ preferredScale: 's',
9908
+ },
9909
+ padding: {
9910
+ label: 'Padding',
9911
+ description: 'Uniform padding on all sides.',
9912
+ category: 'container',
9913
+ specialCategory: 'padding',
9914
+ sort: 6,
9915
+ preferredScale: 's',
9916
+ },
9917
+ paddingHorizontal: {
9918
+ label: 'Padding Horizontal',
9919
+ description: 'Left and right padding.',
9920
+ category: 'container',
9921
+ specialCategory: 'padding',
9922
+ sort: 7,
9923
+ preferredScale: 's',
9924
+ },
9925
+ paddingVertical: {
9926
+ label: 'Padding Vertical',
9927
+ description: 'Top and bottom padding.',
9928
+ category: 'container',
9929
+ specialCategory: 'padding',
9930
+ sort: 8,
9931
+ preferredScale: 'vs',
9932
+ },
9933
+ paddingTop: {
9934
+ label: 'Padding Top',
9935
+ description: 'Top padding only.',
9936
+ category: 'container',
9937
+ specialCategory: 'padding',
9938
+ sort: 9,
9939
+ preferredScale: 'vs',
9940
+ },
9941
+ paddingBottom: {
9942
+ label: 'Padding Bottom',
9943
+ description: 'Bottom padding only.',
9944
+ category: 'container',
9945
+ specialCategory: 'padding',
9946
+ sort: 10,
9947
+ preferredScale: 'vs',
9948
+ },
9949
+ paddingLeft: {
9950
+ label: 'Padding Left',
9951
+ description: 'Left padding only.',
9952
+ category: 'container',
9953
+ specialCategory: 'padding',
9954
+ sort: 11,
9955
+ preferredScale: 's',
9956
+ },
9957
+ paddingRight: {
9958
+ label: 'Padding Right',
9959
+ description: 'Right padding only.',
9960
+ category: 'container',
9961
+ specialCategory: 'padding',
9962
+ sort: 12,
9963
+ preferredScale: 's',
9964
+ },
9965
+ margin: {
9966
+ label: 'Margin',
9967
+ description: 'Uniform margin on all sides.',
9968
+ category: 'container',
9969
+ specialCategory: 'margin',
9970
+ sort: 13,
9971
+ preferredScale: 's',
9972
+ },
9973
+ marginHorizontal: {
9974
+ label: 'Margin Horizontal',
9975
+ description: 'Left and right margin.',
9976
+ category: 'container',
9977
+ specialCategory: 'margin',
9978
+ sort: 14,
9979
+ preferredScale: 's',
9980
+ },
9981
+ marginVertical: {
9982
+ label: 'Margin Vertical',
9983
+ description: 'Top and bottom margin.',
9984
+ category: 'container',
9985
+ specialCategory: 'margin',
9986
+ sort: 15,
9987
+ preferredScale: 'vs',
9988
+ },
9989
+ marginTop: {
9990
+ label: 'Margin Top',
9991
+ description: 'Top margin only.',
9992
+ category: 'container',
9993
+ specialCategory: 'margin',
9994
+ sort: 16,
9995
+ preferredScale: 'vs',
9996
+ },
9997
+ marginBottom: {
9998
+ label: 'Margin Bottom',
9999
+ description: 'Bottom margin only.',
10000
+ category: 'container',
10001
+ specialCategory: 'margin',
10002
+ sort: 17,
10003
+ preferredScale: 'vs',
10004
+ },
10005
+ marginLeft: {
10006
+ label: 'Margin Left',
10007
+ description: 'Left margin only.',
10008
+ category: 'container',
10009
+ specialCategory: 'margin',
10010
+ sort: 18,
10011
+ preferredScale: 's',
10012
+ },
10013
+ marginRight: {
10014
+ label: 'Margin Right',
10015
+ description: 'Right margin only.',
10016
+ category: 'container',
10017
+ specialCategory: 'margin',
10018
+ sort: 19,
10019
+ preferredScale: 's',
10020
+ },
10021
+ width: {
10022
+ label: 'Width',
10023
+ description: 'Fixed width value.',
10024
+ category: 'container',
10025
+ specialCategory: 'size',
10026
+ sort: 0,
10027
+ preferredScale: 's',
10028
+ },
10029
+ minWidth: {
10030
+ label: 'Min Width',
10031
+ description: 'Minimum width constraint.',
10032
+ category: 'container',
10033
+ specialCategory: 'size',
10034
+ sort: 1,
10035
+ preferredScale: 's',
10036
+ },
10037
+ maxWidth: {
10038
+ label: 'Max Width',
10039
+ description: 'Maximum width constraint.',
10040
+ category: 'container',
10041
+ specialCategory: 'size',
10042
+ sort: 2,
10043
+ preferredScale: 's',
10044
+ },
10045
+ height: {
10046
+ label: 'Height',
10047
+ description: 'Fixed height value.',
10048
+ category: 'container',
10049
+ specialCategory: 'size',
10050
+ sort: 3,
10051
+ preferredScale: 'vs',
10052
+ },
10053
+ minHeight: {
10054
+ label: 'Min Height',
10055
+ description: 'Minimum height constraint.',
10056
+ category: 'container',
10057
+ specialCategory: 'size',
10058
+ sort: 4,
10059
+ preferredScale: 'vs',
10060
+ },
10061
+ maxHeight: {
10062
+ label: 'Max Height',
10063
+ description: 'Maximum height constraint.',
10064
+ category: 'container',
10065
+ specialCategory: 'size',
10066
+ sort: 5,
10067
+ preferredScale: 'vs',
10068
+ },
10069
+ flex: {
10070
+ label: 'Flex',
10071
+ description: 'Flex grow factor (e.g. 1 fills available space).',
10072
+ category: 'container',
10073
+ specialCategory: 'size',
10074
+ sort: 6,
10075
+ },
10076
+ position: {
10077
+ label: 'Position',
10078
+ description: 'Sets layout positioning mode.',
10079
+ category: 'container',
10080
+ specialCategory: null,
10081
+ sort: 3,
10082
+ },
10083
+ top: {
10084
+ label: 'Top',
10085
+ description: 'Offset from the top edge.',
10086
+ category: 'container',
10087
+ specialCategory: 'offset',
10088
+ sort: 22,
10089
+ preferredScale: 'vs',
10090
+ },
10091
+ bottom: {
10092
+ label: 'Bottom',
10093
+ description: 'Offset from the bottom edge.',
10094
+ category: 'container',
10095
+ specialCategory: 'offset',
10096
+ sort: 23,
10097
+ preferredScale: 'vs',
10098
+ },
10099
+ left: {
10100
+ label: 'Left',
10101
+ description: 'Offset from the left edge.',
10102
+ category: 'container',
10103
+ specialCategory: 'offset',
10104
+ sort: 24,
10105
+ preferredScale: 's',
10106
+ },
10107
+ right: {
10108
+ label: 'Right',
10109
+ description: 'Offset from the right edge.',
10110
+ category: 'container',
10111
+ specialCategory: 'offset',
10112
+ sort: 25,
10113
+ preferredScale: 's',
10114
+ },
10115
+ zIndex: {
10116
+ label: 'Z-Index',
10117
+ description: 'Controls stacking order.',
10118
+ category: 'container',
10119
+ specialCategory: null,
10120
+ sort: 26,
10121
+ },
10122
+ },
10123
+ textLocalizationKey: {
10124
+ label: 'Text Localization Key',
10125
+ description: 'Localization key for the footer text.',
10126
+ category: 'other',
10127
+ specialCategory: null,
10128
+ sort: 1,
10129
+ },
10130
+ linkedWordFirstLocalizationKey: {
10131
+ label: 'Linked Word First Localization Key',
10132
+ description: 'Key for the first linked word.',
10133
+ category: 'other',
10134
+ specialCategory: null,
10135
+ sort: 2,
10136
+ },
10137
+ linkedWordFirstColor: {
10138
+ label: 'Linked Word First Color',
10139
+ description: 'Color of the first linked word.',
10140
+ category: 'other',
10141
+ specialCategory: null,
10142
+ sort: 3,
10143
+ },
10144
+ linkedWordFirstPage: {
10145
+ label: 'Linked Word First Page',
10146
+ description: 'Page opened by the first link.',
10147
+ category: 'other',
10148
+ specialCategory: null,
10149
+ sort: 4,
10150
+ },
10151
+ linkedWordSecondLocalizationKey: {
10152
+ label: 'Linked Word Second Localization Key',
10153
+ description: 'Key for the second linked word.',
10154
+ category: 'other',
10155
+ specialCategory: null,
10156
+ sort: 5,
10157
+ },
10158
+ linkedWordSecondColor: {
10159
+ label: 'Linked Word Second Color',
10160
+ description: 'Color of the second linked word.',
10161
+ category: 'other',
10162
+ specialCategory: null,
10163
+ sort: 6,
10164
+ },
10165
+ linkedWordSecondPage: {
10166
+ label: 'Linked Word Second Page',
10167
+ description: 'Page opened by the second link.',
10168
+ category: 'other',
10169
+ specialCategory: null,
10170
+ sort: 7,
10171
+ },
10172
+ },
10173
+ specialCategories: {
10174
+ padding: {
10175
+ label: 'Padding',
10176
+ description: 'Uniform padding on all sides.',
10177
+ category: 'container',
10178
+ sort: 1,
10179
+ },
10180
+ margin: {
10181
+ label: 'Margin',
10182
+ description: 'Uniform margin on all sides.',
10183
+ category: 'container',
10184
+ sort: 2,
10185
+ },
10186
+ size: {
10187
+ label: 'Size',
10188
+ description: 'Fixed dimensions.',
10189
+ category: 'container',
10190
+ sort: 3,
10191
+ },
10192
+ offset: {
10193
+ label: 'Offset',
10194
+ description: 'Absolute positioning offsets.',
10195
+ category: 'container',
10196
+ sort: 4,
10197
+ },
10198
+ },
10199
+ },
10200
+ defaults: {
10201
+ translateCounter: 1,
10202
+ styles: {
10203
+ color: 'THEME_COLORS.TEXT',
10204
+ fontSize: '16@fs',
10205
+ fontWeight: '400',
10206
+ flexDirection: 'row',
10207
+ position: 'relative',
10208
+ zIndex: 1,
10209
+ alignSelf: 'flex-start',
10210
+ flexGrow: 0,
10211
+ flexShrink: 0,
10212
+ minHeight: '50@vs',
10213
+ flexWrap: 'wrap',
10214
+ alignItems: 'center',
10215
+ justifyContent: 'center',
10216
+ textAlign: 'center',
10217
+ paddingHorizontal: '16@s',
10218
+ },
10219
+ },
10220
+ types: {},
10221
+ },
9714
10222
  {
9715
10223
  schemaVersion: 2,
9716
10224
  pattern: {