@claspo/common 7.3.1-dev.3 → 7.3.1-dev.4

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 (221) hide show
  1. package/coverage/lcov-report/block-navigation.js +87 -0
  2. package/coverage/lcov-report/prettify.js +2 -0
  3. package/coverage/lcov-report/sorter.js +196 -0
  4. package/jest.config.ts +204 -0
  5. package/out/package.json +50 -0
  6. package/package.json +1 -1
  7. package/src/DefaultEventEmitter.test.ts +84 -0
  8. package/src/DefaultEventEmitter.ts +96 -0
  9. package/src/HttpAbortableLoader.ts +35 -0
  10. package/src/InAppLayoutType.ts +6 -0
  11. package/src/LayoutType.ts +18 -0
  12. package/src/PrizePool.interface.ts +32 -0
  13. package/src/RenderMode.ts +10 -0
  14. package/src/UuidGenerator.ts +16 -0
  15. package/src/WidgetInitConfig.interface.ts +163 -0
  16. package/src/WidgetType.ts +18 -0
  17. package/src/action/type.ts +7 -0
  18. package/src/async/createAsyncIterator.ts +33 -0
  19. package/src/async/debounce.ts +28 -0
  20. package/src/async/timeout.ts +3 -0
  21. package/src/component-manifest/ComponentManifest.interface.ts +160 -0
  22. package/src/component-manifest/ContextMenuManifest.interface.ts +52 -0
  23. package/src/component-manifest/DisplayCondition.interface.ts +65 -0
  24. package/src/component-manifest/FloatingControlManifest.interface.ts +89 -0
  25. package/src/component-manifest/PropPathCondition.interface.ts +4 -0
  26. package/src/component-manifest/PropertyPaneManifest.interface.ts +614 -0
  27. package/src/converter/time/TimeConverter.spec.ts +11 -0
  28. package/src/converter/time/TimeUnit.spec.ts +12 -0
  29. package/src/converter/time/TimeUnit.ts +34 -0
  30. package/src/converter/time/TimerConverter.ts +29 -0
  31. package/src/document/ComponentInsertType.ts +6 -0
  32. package/src/document/Document.interface.ts +625 -0
  33. package/src/document/DocumentCssVarsReplace.test.ts +2947 -0
  34. package/src/document/DocumentCssVarsReplace.ts +31 -0
  35. package/src/document/DocumentUtils.test.ts +595 -0
  36. package/src/document/DocumentUtils.ts +194 -0
  37. package/src/document/hidden-fields.interface.ts +54 -0
  38. package/src/dom/ViewportSize.ts +61 -0
  39. package/src/dom/copyToClipboard.ts +17 -0
  40. package/src/dom/getMostNestedNode.ts +9 -0
  41. package/src/dom/insertHtmlIntoElement.ts +36 -0
  42. package/src/dom/sanitizeHTML.test.ts +59 -0
  43. package/src/dom/sanitizeHTML.ts +78 -0
  44. package/src/element/BaseElementInViewportHandler.ts +41 -0
  45. package/src/element/CssVarsOperations.ts +37 -0
  46. package/src/element/ThemeCssVars.ts +28 -0
  47. package/src/element/recursiveFindParentNodeByAttribute.test.ts +63 -0
  48. package/src/element/recursiveFindParentNodeByAttribute.ts +25 -0
  49. package/src/flat.ts +16 -0
  50. package/src/handler/HandlerTypes.ts +4 -0
  51. package/src/math/RandomDistributor.test.ts +35 -0
  52. package/src/math/RandomDistributor.ts +58 -0
  53. package/src/math/sum.ts +3 -0
  54. package/src/network/HttpClient.ts +28 -0
  55. package/src/network/HttpStatus.ts +4 -0
  56. package/src/object/isDictionary.test.ts +24 -0
  57. package/src/object/isDictionary.ts +13 -0
  58. package/src/object/omitKeys.test.ts +19 -0
  59. package/src/object/omitKeys.ts +20 -0
  60. package/src/storage/BaseCachingStorage.test.ts +70 -0
  61. package/src/storage/BaseCachingStorage.ts +37 -0
  62. package/src/storage/CachingCookieStorage.test.ts +75 -0
  63. package/src/storage/CachingCookieStorage.ts +36 -0
  64. package/src/storage/CachingLocalStorage.test.ts +59 -0
  65. package/src/storage/CachingLocalStorage.ts +34 -0
  66. package/src/storage/getCookie.test.ts +53 -0
  67. package/src/storage/getCookie.ts +10 -0
  68. package/src/storage/setCookie.test.ts +97 -0
  69. package/src/storage/setCookie.ts +49 -0
  70. package/src/theme/theme.utils.ts +50 -0
  71. package/src/url/sanitizeUrl.test.ts +62 -0
  72. package/src/url/sanitizeUrl.ts +51 -0
  73. package/src/utils/CaseTransformer.test.ts +16 -0
  74. package/src/utils/CaseTransformer.ts +10 -0
  75. package/src/utils/NullishCoalescingOperator.ts +3 -0
  76. package/src/utils/NumericDecline.ts +25 -0
  77. package/src/utils/addEventListener.ts +23 -0
  78. package/src/utils/allSettled.ts +6 -0
  79. package/src/utils/checkTimeZone.spec.ts +18 -0
  80. package/src/utils/checkTimeZone.ts +6 -0
  81. package/src/utils/deviceUtils.ts +12 -0
  82. package/src/utils/flatMap.test.ts +21 -0
  83. package/src/utils/flatMap.ts +3 -0
  84. package/src/utils/fromEntries.ts +6 -0
  85. package/src/utils/generateRandomNumber.test.ts +23 -0
  86. package/src/utils/generateRandomNumber.ts +3 -0
  87. package/src/utils/objectSort.ts +41 -0
  88. package/src/utils/orientationUtils.ts +18 -0
  89. package/src/velocity/SysVelocityContext.spec.ts +88 -0
  90. package/src/velocity/SysVelocityContext.ts +129 -0
  91. package/src/velocity/SysVelocityRenderer.spec.ts +36 -0
  92. package/src/velocity/SysVelocityRenderer.ts +11 -0
  93. package/test/__mocks/jestGlobalMocks.js +1887 -0
  94. /package/{DefaultEventEmitter.d.ts → out/DefaultEventEmitter.d.ts} +0 -0
  95. /package/{DefaultEventEmitter.js → out/DefaultEventEmitter.js} +0 -0
  96. /package/{HttpAbortableLoader.d.ts → out/HttpAbortableLoader.d.ts} +0 -0
  97. /package/{HttpAbortableLoader.js → out/HttpAbortableLoader.js} +0 -0
  98. /package/{InAppLayoutType.d.ts → out/InAppLayoutType.d.ts} +0 -0
  99. /package/{InAppLayoutType.js → out/InAppLayoutType.js} +0 -0
  100. /package/{LayoutType.d.ts → out/LayoutType.d.ts} +0 -0
  101. /package/{LayoutType.js → out/LayoutType.js} +0 -0
  102. /package/{PrizePool.interface.d.ts → out/PrizePool.interface.d.ts} +0 -0
  103. /package/{PrizePool.interface.js → out/PrizePool.interface.js} +0 -0
  104. /package/{RenderMode.d.ts → out/RenderMode.d.ts} +0 -0
  105. /package/{RenderMode.js → out/RenderMode.js} +0 -0
  106. /package/{UuidGenerator.d.ts → out/UuidGenerator.d.ts} +0 -0
  107. /package/{UuidGenerator.js → out/UuidGenerator.js} +0 -0
  108. /package/{WidgetInitConfig.interface.d.ts → out/WidgetInitConfig.interface.d.ts} +0 -0
  109. /package/{WidgetInitConfig.interface.js → out/WidgetInitConfig.interface.js} +0 -0
  110. /package/{WidgetType.d.ts → out/WidgetType.d.ts} +0 -0
  111. /package/{WidgetType.js → out/WidgetType.js} +0 -0
  112. /package/{action → out/action}/type.d.ts +0 -0
  113. /package/{action → out/action}/type.js +0 -0
  114. /package/{async → out/async}/createAsyncIterator.d.ts +0 -0
  115. /package/{async → out/async}/createAsyncIterator.js +0 -0
  116. /package/{async → out/async}/debounce.d.ts +0 -0
  117. /package/{async → out/async}/debounce.js +0 -0
  118. /package/{async → out/async}/timeout.d.ts +0 -0
  119. /package/{async → out/async}/timeout.js +0 -0
  120. /package/{component-manifest → out/component-manifest}/ComponentManifest.interface.d.ts +0 -0
  121. /package/{component-manifest → out/component-manifest}/ComponentManifest.interface.js +0 -0
  122. /package/{component-manifest → out/component-manifest}/ContextMenuManifest.interface.d.ts +0 -0
  123. /package/{component-manifest → out/component-manifest}/ContextMenuManifest.interface.js +0 -0
  124. /package/{component-manifest → out/component-manifest}/DisplayCondition.interface.d.ts +0 -0
  125. /package/{component-manifest → out/component-manifest}/DisplayCondition.interface.js +0 -0
  126. /package/{component-manifest → out/component-manifest}/FloatingControlManifest.interface.d.ts +0 -0
  127. /package/{component-manifest → out/component-manifest}/FloatingControlManifest.interface.js +0 -0
  128. /package/{component-manifest → out/component-manifest}/PropPathCondition.interface.d.ts +0 -0
  129. /package/{component-manifest → out/component-manifest}/PropPathCondition.interface.js +0 -0
  130. /package/{component-manifest → out/component-manifest}/PropertyPaneManifest.interface.d.ts +0 -0
  131. /package/{component-manifest → out/component-manifest}/PropertyPaneManifest.interface.js +0 -0
  132. /package/{converter → out/converter}/time/TimeUnit.d.ts +0 -0
  133. /package/{converter → out/converter}/time/TimeUnit.js +0 -0
  134. /package/{converter → out/converter}/time/TimerConverter.d.ts +0 -0
  135. /package/{converter → out/converter}/time/TimerConverter.js +0 -0
  136. /package/{document → out/document}/ComponentInsertType.d.ts +0 -0
  137. /package/{document → out/document}/ComponentInsertType.js +0 -0
  138. /package/{document → out/document}/Document.interface.d.ts +0 -0
  139. /package/{document → out/document}/Document.interface.js +0 -0
  140. /package/{document → out/document}/DocumentCssVarsReplace.d.ts +0 -0
  141. /package/{document → out/document}/DocumentCssVarsReplace.js +0 -0
  142. /package/{document → out/document}/DocumentUtils.d.ts +0 -0
  143. /package/{document → out/document}/DocumentUtils.js +0 -0
  144. /package/{document → out/document}/hidden-fields.interface.d.ts +0 -0
  145. /package/{document → out/document}/hidden-fields.interface.js +0 -0
  146. /package/{dom → out/dom}/ViewportSize.d.ts +0 -0
  147. /package/{dom → out/dom}/ViewportSize.js +0 -0
  148. /package/{dom → out/dom}/copyToClipboard.d.ts +0 -0
  149. /package/{dom → out/dom}/copyToClipboard.js +0 -0
  150. /package/{dom → out/dom}/getMostNestedNode.d.ts +0 -0
  151. /package/{dom → out/dom}/getMostNestedNode.js +0 -0
  152. /package/{dom → out/dom}/insertHtmlIntoElement.d.ts +0 -0
  153. /package/{dom → out/dom}/insertHtmlIntoElement.js +0 -0
  154. /package/{dom → out/dom}/sanitizeHTML.d.ts +0 -0
  155. /package/{dom → out/dom}/sanitizeHTML.js +0 -0
  156. /package/{element → out/element}/BaseElementInViewportHandler.d.ts +0 -0
  157. /package/{element → out/element}/BaseElementInViewportHandler.js +0 -0
  158. /package/{element → out/element}/CssVarsOperations.d.ts +0 -0
  159. /package/{element → out/element}/CssVarsOperations.js +0 -0
  160. /package/{element → out/element}/ThemeCssVars.d.ts +0 -0
  161. /package/{element → out/element}/ThemeCssVars.js +0 -0
  162. /package/{element → out/element}/recursiveFindParentNodeByAttribute.d.ts +0 -0
  163. /package/{element → out/element}/recursiveFindParentNodeByAttribute.js +0 -0
  164. /package/{flat.d.ts → out/flat.d.ts} +0 -0
  165. /package/{flat.js → out/flat.js} +0 -0
  166. /package/{handler → out/handler}/HandlerTypes.d.ts +0 -0
  167. /package/{handler → out/handler}/HandlerTypes.js +0 -0
  168. /package/{math → out/math}/RandomDistributor.d.ts +0 -0
  169. /package/{math → out/math}/RandomDistributor.js +0 -0
  170. /package/{math → out/math}/sum.d.ts +0 -0
  171. /package/{math → out/math}/sum.js +0 -0
  172. /package/{network → out/network}/HttpClient.d.ts +0 -0
  173. /package/{network → out/network}/HttpClient.js +0 -0
  174. /package/{network → out/network}/HttpStatus.d.ts +0 -0
  175. /package/{network → out/network}/HttpStatus.js +0 -0
  176. /package/{object → out/object}/isDictionary.d.ts +0 -0
  177. /package/{object → out/object}/isDictionary.js +0 -0
  178. /package/{object → out/object}/omitKeys.d.ts +0 -0
  179. /package/{object → out/object}/omitKeys.js +0 -0
  180. /package/{storage → out/storage}/BaseCachingStorage.d.ts +0 -0
  181. /package/{storage → out/storage}/BaseCachingStorage.js +0 -0
  182. /package/{storage → out/storage}/CachingCookieStorage.d.ts +0 -0
  183. /package/{storage → out/storage}/CachingCookieStorage.js +0 -0
  184. /package/{storage → out/storage}/CachingLocalStorage.d.ts +0 -0
  185. /package/{storage → out/storage}/CachingLocalStorage.js +0 -0
  186. /package/{storage → out/storage}/getCookie.d.ts +0 -0
  187. /package/{storage → out/storage}/getCookie.js +0 -0
  188. /package/{storage → out/storage}/setCookie.d.ts +0 -0
  189. /package/{storage → out/storage}/setCookie.js +0 -0
  190. /package/{theme → out/theme}/theme.utils.d.ts +0 -0
  191. /package/{theme → out/theme}/theme.utils.js +0 -0
  192. /package/{url → out/url}/sanitizeUrl.d.ts +0 -0
  193. /package/{url → out/url}/sanitizeUrl.js +0 -0
  194. /package/{utils → out/utils}/CaseTransformer.d.ts +0 -0
  195. /package/{utils → out/utils}/CaseTransformer.js +0 -0
  196. /package/{utils → out/utils}/NullishCoalescingOperator.d.ts +0 -0
  197. /package/{utils → out/utils}/NullishCoalescingOperator.js +0 -0
  198. /package/{utils → out/utils}/NumericDecline.d.ts +0 -0
  199. /package/{utils → out/utils}/NumericDecline.js +0 -0
  200. /package/{utils → out/utils}/addEventListener.d.ts +0 -0
  201. /package/{utils → out/utils}/addEventListener.js +0 -0
  202. /package/{utils → out/utils}/allSettled.d.ts +0 -0
  203. /package/{utils → out/utils}/allSettled.js +0 -0
  204. /package/{utils → out/utils}/checkTimeZone.d.ts +0 -0
  205. /package/{utils → out/utils}/checkTimeZone.js +0 -0
  206. /package/{utils → out/utils}/deviceUtils.d.ts +0 -0
  207. /package/{utils → out/utils}/deviceUtils.js +0 -0
  208. /package/{utils → out/utils}/flatMap.d.ts +0 -0
  209. /package/{utils → out/utils}/flatMap.js +0 -0
  210. /package/{utils → out/utils}/fromEntries.d.ts +0 -0
  211. /package/{utils → out/utils}/fromEntries.js +0 -0
  212. /package/{utils → out/utils}/generateRandomNumber.d.ts +0 -0
  213. /package/{utils → out/utils}/generateRandomNumber.js +0 -0
  214. /package/{utils → out/utils}/objectSort.d.ts +0 -0
  215. /package/{utils → out/utils}/objectSort.js +0 -0
  216. /package/{utils → out/utils}/orientationUtils.d.ts +0 -0
  217. /package/{utils → out/utils}/orientationUtils.js +0 -0
  218. /package/{velocity → out/velocity}/SysVelocityContext.d.ts +0 -0
  219. /package/{velocity → out/velocity}/SysVelocityContext.js +0 -0
  220. /package/{velocity → out/velocity}/SysVelocityRenderer.d.ts +0 -0
  221. /package/{velocity → out/velocity}/SysVelocityRenderer.js +0 -0
package/src/document/DocumentCssVarsReplace.test.ts ADDED
@@ -0,0 +1,2947 @@
1
+ import DocumentCssVarsReplace from './DocumentCssVarsReplace';
2
+
3
+ describe('DocumentCssVarsReplace', function () {
4
+ it('should replace vars', function () {
5
+ const documentObject: any = {
6
+ 'shared': {
7
+ 'mobileBreakpointWidth': 576,
8
+ 'headerFontFamily': '',
9
+ 'textFontFamily': '',
10
+ 'textClasses': {
11
+ 'cl-text-class-h1': {
12
+ 'id': 'cl-text-class-h1',
13
+ 'name': 'Title',
14
+ 'isHeader': true,
15
+ 'styleAttributes': {
16
+ 'color': 'var(--cl-schema-background)',
17
+ 'textAlign': 'center',
18
+ 'lineHeight': '120%',
19
+ 'fontWeight': '700',
20
+ 'fontSize': '23px',
21
+ 'textShadow': 'none'
22
+ }
23
+ },
24
+ 'cl-text-class-h2': {
25
+ 'id': 'cl-text-class-h2',
26
+ 'name': 'Subtitle',
27
+ 'isHeader': true,
28
+ 'styleAttributes': {
29
+ 'color': 'var(--cl-schema-background)',
30
+ 'textAlign': 'start',
31
+ 'lineHeight': '120%',
32
+ 'fontWeight': '700',
33
+ 'fontSize': '19px',
34
+ 'textShadow': 'none'
35
+ }
36
+ },
37
+ 'cl-text-class-regular-text': {
38
+ 'id': 'cl-text-class-regular-text',
39
+ 'name': 'Regular text',
40
+ 'isHeader': false,
41
+ 'styleAttributes': {
42
+ 'color': 'var(--cl-schema-background)',
43
+ 'textAlign': 'start',
44
+ 'lineHeight': '120%',
45
+ 'fontWeight': '400',
46
+ 'fontSize': '16px',
47
+ 'textShadow': 'none'
48
+ }
49
+ },
50
+ 'cl-text-class-button': {
51
+ 'id': 'cl-text-class-button',
52
+ 'name': 'Button text',
53
+ 'isHeader': false,
54
+ 'styleAttributes': {
55
+ 'color': 'var(--cl-schema-background)',
56
+ 'textAlign': 'center',
57
+ 'lineHeight': '120%',
58
+ 'fontWeight': '700',
59
+ 'fontSize': '14px',
60
+ 'textShadow': 'none'
61
+ }
62
+ },
63
+ 'cl-text-class-input-label': {
64
+ 'id': 'cl-text-class-input-label',
65
+ 'name': 'Field title',
66
+ 'isHeader': false,
67
+ 'styleAttributes': {
68
+ 'color': 'var(--cl-schema-background)',
69
+ 'textAlign': 'start',
70
+ 'lineHeight': '120%',
71
+ 'fontWeight': '700',
72
+ 'fontSize': '16px',
73
+ 'textShadow': 'none'
74
+ }
75
+ },
76
+ 'cl-text-class-input-text': {
77
+ 'id': 'cl-text-class-input-text',
78
+ 'name': 'Field text',
79
+ 'isHeader': false,
80
+ 'styleAttributes': {
81
+ 'color': 'var(--cl-schema-background)',
82
+ 'textAlign': 'start',
83
+ 'lineHeight': '120%',
84
+ 'fontWeight': '400',
85
+ 'fontSize': '16px',
86
+ 'textShadow': 'none'
87
+ }
88
+ }
89
+ },
90
+ 'closeIcon': {
91
+ 'desktop': {
92
+ 'verticalOffset': '-42px',
93
+ 'horizontalOffset': '-42px',
94
+ 'width': '34px',
95
+ 'height': '34px',
96
+ 'content': '0',
97
+ 'inlineSvg': true,
98
+ 'color': 'rgb(255, 255, 255)'
99
+ },
100
+ 'mobile': {
101
+ 'verticalOffset': '-37px',
102
+ 'horizontalOffset': '0px',
103
+ 'width': '34px',
104
+ 'height': '34px',
105
+ 'content': '0',
106
+ 'inlineSvg': true,
107
+ 'color': 'rgb(255, 255, 255)'
108
+ }
109
+ },
110
+ 'colorSchemaName': 'ACCENT',
111
+ 'cssVars': {
112
+ 'cl-schema-background': '#000',
113
+ 'cl-schema-accent': 'rgb(44, 243, 82)'
114
+ }
115
+ },
116
+ 'views': [
117
+ {
118
+ 'id': 'eb81c193-b751-43ae-a2b7-fefc2f3d1f9d',
119
+ 'path': [
120
+ 0
121
+ ],
122
+ 'label': 'DOCUMENT_VIEW_TYPE_DEFAULT',
123
+ 'type': 'VIEW',
124
+ 'name': 'SysContainerComponent',
125
+ 'version': '1.0.0',
126
+ 'props': {
127
+ 'adaptiveStyles': {
128
+ 'desktop': [
129
+ {
130
+ 'element': 'host',
131
+ 'styleAttributes': {
132
+ 'width': '400px',
133
+ 'minWidth': '400px',
134
+ 'height': 'auto',
135
+ 'minHeight': null,
136
+ 'flexDirection': 'column',
137
+ 'justifyContent': 'flex-start',
138
+ 'alignItems': 'center',
139
+ 'gap': '20px',
140
+ 'paddingTop': '0px',
141
+ 'paddingBottom': '0px',
142
+ 'paddingLeft': '0px',
143
+ 'paddingRight': '0px',
144
+ 'marginTop': '0px',
145
+ 'marginBottom': '0px',
146
+ 'marginLeft': '0px',
147
+ 'marginRight': '0px',
148
+ 'background': 'rgb(255, 255, 255)',
149
+ 'borderStyle': 'solid',
150
+ 'borderTopWidth': '0px',
151
+ 'borderBottomWidth': '0px',
152
+ 'borderLeftWidth': '0px',
153
+ 'borderRightWidth': '0px',
154
+ 'borderTopColor': 'rgb(0, 0, 0)',
155
+ 'borderLeftColor': 'rgb(0, 0, 0)',
156
+ 'borderBottomColor': 'rgb(0, 0, 0)',
157
+ 'borderRightColor': 'rgb(0, 0, 0)',
158
+ 'borderTopLeftRadius': '15px',
159
+ 'borderTopRightRadius': '15px',
160
+ 'borderBottomLeftRadius': '15px',
161
+ 'borderBottomRightRadius': '15px',
162
+ 'boxShadow': 'none'
163
+ },
164
+ 'classes': ''
165
+ }
166
+ ],
167
+ 'mobile': [
168
+ {
169
+ 'element': 'host',
170
+ 'styleAttributes': {
171
+ 'width': '320px',
172
+ 'minWidth': '320px',
173
+ 'height': 'auto',
174
+ 'minHeight': null,
175
+ 'flexDirection': 'column',
176
+ 'justifyContent': 'flex-start',
177
+ 'alignItems': 'center',
178
+ 'gap': '20px',
179
+ 'paddingTop': '0px',
180
+ 'paddingBottom': '0px',
181
+ 'paddingLeft': '0px',
182
+ 'paddingRight': '0px',
183
+ 'marginTop': '0px',
184
+ 'marginBottom': '0px',
185
+ 'marginLeft': '0px',
186
+ 'marginRight': '0px',
187
+ 'background': 'rgb(255, 255, 255)',
188
+ 'borderStyle': 'solid',
189
+ 'borderTopWidth': '0px',
190
+ 'borderBottomWidth': '0px',
191
+ 'borderLeftWidth': '0px',
192
+ 'borderRightWidth': '0px',
193
+ 'borderTopColor': 'rgb(0, 0, 0)',
194
+ 'borderLeftColor': 'rgb(0, 0, 0)',
195
+ 'borderBottomColor': 'rgb(0, 0, 0)',
196
+ 'borderRightColor': 'rgb(0, 0, 0)',
197
+ 'borderTopLeftRadius': '15px',
198
+ 'borderTopRightRadius': '15px',
199
+ 'borderBottomLeftRadius': '15px',
200
+ 'borderBottomRightRadius': '15px',
201
+ 'boxShadow': 'none'
202
+ },
203
+ 'classes': ''
204
+ }
205
+ ]
206
+ }
207
+ },
208
+ 'children': [
209
+ {
210
+ 'id': '0bd30fe8-2fa2-47e6-8581-74b17c2df1fe',
211
+ 'path': [
212
+ 0,
213
+ 0
214
+ ],
215
+ 'type': 'CONTAINER',
216
+ 'name': 'SysContainerComponent',
217
+ 'version': '1.0.0',
218
+ 'props': {
219
+ 'adaptiveStyles': {
220
+ 'desktop': [
221
+ {
222
+ 'element': 'host',
223
+ 'styleAttributes': {
224
+ 'width': '100%',
225
+ 'minWidth': null,
226
+ 'height': '100%',
227
+ 'minHeight': null,
228
+ 'flexDirection': 'column',
229
+ 'justifyContent': 'flex-start',
230
+ 'alignItems': 'flex-start',
231
+ 'gap': '20px',
232
+ 'paddingTop': '30px',
233
+ 'paddingBottom': '50px',
234
+ 'paddingLeft': '30px',
235
+ 'paddingRight': '30px',
236
+ 'marginTop': '0px',
237
+ 'marginBottom': '0px',
238
+ 'marginLeft': '0px',
239
+ 'marginRight': '0px',
240
+ 'background': 'url("https://forms.esputnik.com/img/templates/assets/form-template-img18.png") center center / cover no-repeat',
241
+ 'borderStyle': 'solid',
242
+ 'borderTopWidth': '0px',
243
+ 'borderBottomWidth': '0px',
244
+ 'borderLeftWidth': '0px',
245
+ 'borderRightWidth': '0px',
246
+ 'borderTopColor': 'rgb(0, 0, 0)',
247
+ 'borderLeftColor': 'rgb(0, 0, 0)',
248
+ 'borderBottomColor': 'rgb(0, 0, 0)',
249
+ 'borderRightColor': 'rgb(0, 0, 0)',
250
+ 'borderTopLeftRadius': '15px',
251
+ 'borderTopRightRadius': '15px',
252
+ 'borderBottomLeftRadius': '15px',
253
+ 'borderBottomRightRadius': '15px',
254
+ 'boxShadow': 'none'
255
+ },
256
+ 'classes': ''
257
+ }
258
+ ],
259
+ 'mobile': [
260
+ {
261
+ 'element': 'host',
262
+ 'styleAttributes': {
263
+ 'width': '100%',
264
+ 'minWidth': null,
265
+ 'height': '100%',
266
+ 'minHeight': null,
267
+ 'flexDirection': 'column',
268
+ 'justifyContent': 'flex-start',
269
+ 'alignItems': 'flex-start',
270
+ 'gap': '20px',
271
+ 'paddingTop': '30px',
272
+ 'paddingBottom': '50px',
273
+ 'paddingLeft': '30px',
274
+ 'paddingRight': '30px',
275
+ 'marginTop': '0px',
276
+ 'marginBottom': '0px',
277
+ 'marginLeft': '0px',
278
+ 'marginRight': '0px',
279
+ 'background': 'url("https://forms.esputnik.com/img/templates/assets/form-template-img18.png") center center / cover no-repeat',
280
+ 'borderStyle': 'solid',
281
+ 'borderTopWidth': '0px',
282
+ 'borderBottomWidth': '0px',
283
+ 'borderLeftWidth': '0px',
284
+ 'borderRightWidth': '0px',
285
+ 'borderTopColor': 'rgb(0, 0, 0)',
286
+ 'borderLeftColor': 'rgb(0, 0, 0)',
287
+ 'borderBottomColor': 'rgb(0, 0, 0)',
288
+ 'borderRightColor': 'rgb(0, 0, 0)',
289
+ 'borderTopLeftRadius': '15px',
290
+ 'borderTopRightRadius': '15px',
291
+ 'borderBottomLeftRadius': '15px',
292
+ 'borderBottomRightRadius': '15px',
293
+ 'boxShadow': 'none'
294
+ },
295
+ 'classes': ''
296
+ }
297
+ ]
298
+ }
299
+ },
300
+ 'children': [
301
+ {
302
+ 'id': '903286ba-e6d6-4aee-84f1-6f2ee389f13b',
303
+ 'path': [
304
+ 0,
305
+ 0,
306
+ 0
307
+ ],
308
+ 'type': 'TEXT',
309
+ 'name': 'SysTextComponent',
310
+ 'version': '1.0.0',
311
+ 'props': {
312
+ 'adaptiveStyles': {
313
+ 'desktop': [
314
+ {
315
+ 'element': 'host',
316
+ 'styleAttributes': {
317
+ 'width': '100%',
318
+ 'minWidth': null,
319
+ 'height': '100%',
320
+ 'minHeight': null,
321
+ 'marginTop': '0px',
322
+ 'marginBottom': '0px',
323
+ 'marginLeft': '0px',
324
+ 'marginRight': '0px'
325
+ }
326
+ },
327
+ {
328
+ 'element': 'text',
329
+ 'styleAttributes': {
330
+ 'paddingTop': '0px',
331
+ 'paddingBottom': '0px',
332
+ 'paddingLeft': '0px',
333
+ 'paddingRight': '0px'
334
+ },
335
+ 'classes': 'cl-text-class-h1'
336
+ }
337
+ ],
338
+ 'mobile': [
339
+ {
340
+ 'element': 'host',
341
+ 'styleAttributes': {
342
+ 'width': '100%',
343
+ 'minWidth': null,
344
+ 'height': '100%',
345
+ 'minHeight': null,
346
+ 'marginTop': '0px',
347
+ 'marginBottom': '0px',
348
+ 'marginLeft': '0px',
349
+ 'marginRight': '0px'
350
+ }
351
+ },
352
+ {
353
+ 'element': 'text',
354
+ 'styleAttributes': {
355
+ 'paddingTop': '0px',
356
+ 'paddingBottom': '0px',
357
+ 'paddingLeft': '0px',
358
+ 'paddingRight': '0px'
359
+ },
360
+ 'classes': 'cl-text-class-h1'
361
+ }
362
+ ]
363
+ },
364
+ 'content': {
365
+ 'text': 'Receive our personalized offers to your inbox'
366
+ }
367
+ }
368
+ },
369
+ {
370
+ 'path': [
371
+ 0,
372
+ 0,
373
+ 1
374
+ ],
375
+ 'id': '36f2ab52-b061-4465-81f6-54283b752fde',
376
+ 'type': 'INPUT',
377
+ 'name': 'SysInputComponent',
378
+ 'version': '1.0.0',
379
+ 'props': {
380
+ 'content': {
381
+ 'placeholder': 'Email',
382
+ 'label': 'Label'
383
+ },
384
+ 'control': {
385
+ 'name': 'email',
386
+ 'defaultValue': '',
387
+ 'validation': {
388
+ 'required': true,
389
+ 'validator': 'EMAIL',
390
+ 'validationErrors': {
391
+ 'EMAIL_IS_INVALID': 'Email is invalid',
392
+ 'REQUIRED': 'This field can\'t be empty'
393
+ }
394
+ }
395
+ },
396
+ 'adaptiveStyles': {
397
+ 'desktop': [
398
+ {
399
+ 'element': 'host',
400
+ 'styleAttributes': {
401
+ 'width': '100%',
402
+ 'minWidth': null,
403
+ 'height': '35px',
404
+ 'minHeight': '35px',
405
+ 'marginTop': '0px',
406
+ 'marginBottom': '0px',
407
+ 'marginLeft': '0px',
408
+ 'marginRight': '0px'
409
+ },
410
+ 'classes': ''
411
+ },
412
+ {
413
+ 'element': 'input',
414
+ 'styleAttributes': {
415
+ 'background': 'rgb(255, 255, 255)',
416
+ 'borderStyle': 'solid',
417
+ 'borderTopWidth': '1px',
418
+ 'borderBottomWidth': '1px',
419
+ 'borderLeftWidth': '1px',
420
+ 'borderRightWidth': '1px',
421
+ 'borderTopColor': 'rgba(0, 0, 0, 0.2)',
422
+ 'borderLeftColor': 'rgba(0, 0, 0, 0.2)',
423
+ 'borderBottomColor': 'rgba(0, 0, 0, 0.2)',
424
+ 'borderRightColor': 'rgba(0, 0, 0, 0.2)',
425
+ 'borderTopLeftRadius': '8px',
426
+ 'borderTopRightRadius': '8px',
427
+ 'borderBottomLeftRadius': '8px',
428
+ 'borderBottomRightRadius': '8px',
429
+ 'boxShadow': 'none'
430
+ },
431
+ 'placeholderStyleAttributes': {
432
+ 'color': 'rgb(81, 81, 81)'
433
+ },
434
+ 'classes': 'cl-text-class-input-text'
435
+ },
436
+ {
437
+ 'element': 'label',
438
+ 'styleAttributes': {},
439
+ 'params': {
440
+ 'enabled': false,
441
+ 'position': 'TOP',
442
+ 'margin': 5
443
+ },
444
+ 'classes': 'cl-text-class-input-label'
445
+ }
446
+ ],
447
+ 'mobile': [
448
+ {
449
+ 'element': 'host',
450
+ 'styleAttributes': {
451
+ 'width': '100%',
452
+ 'minWidth': null,
453
+ 'height': '35px',
454
+ 'minHeight': '35px',
455
+ 'marginTop': '0px',
456
+ 'marginBottom': '0px',
457
+ 'marginLeft': '0px',
458
+ 'marginRight': '0px'
459
+ },
460
+ 'classes': ''
461
+ },
462
+ {
463
+ 'element': 'input',
464
+ 'styleAttributes': {
465
+ 'background': 'rgb(255, 255, 255)',
466
+ 'borderStyle': 'solid',
467
+ 'borderTopWidth': '1px',
468
+ 'borderBottomWidth': '1px',
469
+ 'borderLeftWidth': '1px',
470
+ 'borderRightWidth': '1px',
471
+ 'borderTopColor': 'rgba(0, 0, 0, 0.2)',
472
+ 'borderLeftColor': 'rgba(0, 0, 0, 0.2)',
473
+ 'borderBottomColor': 'rgba(0, 0, 0, 0.2)',
474
+ 'borderRightColor': 'rgba(0, 0, 0, 0.2)',
475
+ 'borderTopLeftRadius': '8px',
476
+ 'borderTopRightRadius': '8px',
477
+ 'borderBottomLeftRadius': '8px',
478
+ 'borderBottomRightRadius': '8px',
479
+ 'boxShadow': 'none'
480
+ },
481
+ 'placeholderStyleAttributes': {
482
+ 'color': 'rgb(81, 81, 81)'
483
+ },
484
+ 'classes': 'cl-text-class-input-text'
485
+ },
486
+ {
487
+ 'element': 'label',
488
+ 'styleAttributes': {},
489
+ 'params': {
490
+ 'enabled': false,
491
+ 'position': 'TOP',
492
+ 'margin': 5
493
+ },
494
+ 'classes': 'cl-text-class-input-label'
495
+ }
496
+ ]
497
+ }
498
+ }
499
+ },
500
+ {
501
+ 'id': 'f104d4ae-2f72-470c-b21b-967a36a1d6dc',
502
+ 'path': [
503
+ 0,
504
+ 0,
505
+ 2
506
+ ],
507
+ 'type': 'BUTTON',
508
+ 'name': 'SysButtonComponent',
509
+ 'version': '1.0.0',
510
+ 'props': {
511
+ 'adaptiveStyles': {
512
+ 'desktop': [
513
+ {
514
+ 'element': 'host',
515
+ 'styleAttributes': {
516
+ 'marginTop': '0px',
517
+ 'marginBottom': '0px',
518
+ 'marginLeft': '0px',
519
+ 'marginRight': '0px',
520
+ 'width': '100%',
521
+ 'minWidth': null,
522
+ 'height': '35px',
523
+ 'minHeight': '35px',
524
+ 'builder': {
525
+ 'styles': {}
526
+ }
527
+ }
528
+ },
529
+ {
530
+ 'element': 'button',
531
+ 'styleAttributes': {
532
+ 'width': '100%',
533
+ 'minWidth': null,
534
+ 'height': '100%',
535
+ 'minHeight': null,
536
+ 'background': 'var(--cl-schema-accent)',
537
+ 'borderStyle': 'solid',
538
+ 'borderTopWidth': '0px',
539
+ 'borderBottomWidth': '0px',
540
+ 'borderLeftWidth': '0px',
541
+ 'borderRightWidth': '0px',
542
+ 'borderTopColor': 'rgba(44, 243, 82, 1)',
543
+ 'borderLeftColor': 'rgba(44, 243, 82, 1)',
544
+ 'borderBottomColor': 'rgba(44, 243, 82, 1)',
545
+ 'borderRightColor': 'rgba(44, 243, 82, 1)',
546
+ 'borderTopLeftRadius': '8px',
547
+ 'borderTopRightRadius': '8px',
548
+ 'borderBottomLeftRadius': '8px',
549
+ 'borderBottomRightRadius': '8px',
550
+ 'paddingTop': '0px',
551
+ 'paddingBottom': '0px',
552
+ 'paddingLeft': '0px',
553
+ 'paddingRight': '0px',
554
+ 'boxShadow': '0px 2px 4px 0px rgba(0, 0, 0, 0.12)'
555
+ },
556
+ 'hoverStyleAttributes': {
557
+ 'background': 'linear-gradient(180deg, rgb(153, 249, 171), rgba(44, 243, 82, 1), rgb(9, 163, 39))',
558
+ 'borderTopColor': 'rgb(0, 0, 0)',
559
+ 'borderLeftColor': 'rgb(0, 0, 0)',
560
+ 'borderBottomColor': 'rgb(0, 0, 0)',
561
+ 'borderRightColor': 'rgb(0, 0, 0)'
562
+ },
563
+ 'classes': 'cl-text-class-button'
564
+ }
565
+ ],
566
+ 'mobile': [
567
+ {
568
+ 'element': 'host',
569
+ 'styleAttributes': {
570
+ 'marginTop': '0px',
571
+ 'marginBottom': '0px',
572
+ 'marginLeft': '0px',
573
+ 'marginRight': '0px',
574
+ 'width': '100%',
575
+ 'minWidth': null,
576
+ 'height': '35px',
577
+ 'minHeight': '35px',
578
+ 'builder': {
579
+ 'styles': {}
580
+ }
581
+ }
582
+ },
583
+ {
584
+ 'element': 'button',
585
+ 'styleAttributes': {
586
+ 'width': '100%',
587
+ 'minWidth': null,
588
+ 'height': '100%',
589
+ 'minHeight': null,
590
+ 'background': 'var(--cl-schema-accent)',
591
+ 'borderStyle': 'solid',
592
+ 'borderTopWidth': '0px',
593
+ 'borderBottomWidth': '0px',
594
+ 'borderLeftWidth': '0px',
595
+ 'borderRightWidth': '0px',
596
+ 'borderTopColor': 'rgba(44, 243, 82, 1)',
597
+ 'borderLeftColor': 'rgba(44, 243, 82, 1)',
598
+ 'borderBottomColor': 'rgba(44, 243, 82, 1)',
599
+ 'borderRightColor': 'rgba(44, 243, 82, 1)',
600
+ 'borderTopLeftRadius': '8px',
601
+ 'borderTopRightRadius': '8px',
602
+ 'borderBottomLeftRadius': '8px',
603
+ 'borderBottomRightRadius': '8px',
604
+ 'paddingTop': '0px',
605
+ 'paddingBottom': '0px',
606
+ 'paddingLeft': '0px',
607
+ 'paddingRight': '0px',
608
+ 'boxShadow': '0px 2px 4px 0px rgba(0, 0, 0, 0.12)'
609
+ },
610
+ 'hoverStyleAttributes': {
611
+ 'background': 'linear-gradient(180deg, rgb(153, 249, 171), rgba(44, 243, 82, 1), rgb(9, 163, 39))',
612
+ 'borderTopColor': 'rgb(0, 0, 0)',
613
+ 'borderLeftColor': 'rgb(0, 0, 0)',
614
+ 'borderBottomColor': 'rgb(0, 0, 0)',
615
+ 'borderRightColor': 'rgb(0, 0, 0)'
616
+ },
617
+ 'classes': 'cl-text-class-button'
618
+ }
619
+ ]
620
+ },
621
+ 'content': {
622
+ 'text': 'Subscribe'
623
+ },
624
+ 'handlers': [
625
+ {
626
+ 'type': 'CLICK',
627
+ 'relativeSelector': 'button',
628
+ 'actions': [
629
+ {
630
+ 'type': 'SUBSCRIBE_CONTACT',
631
+ 'params': {
632
+ 'viewIndexOnSuccess': 1,
633
+ 'viewIndexOnSubscribed': 2,
634
+ 'viewIndexOnError': 3
635
+ }
636
+ }
637
+ ]
638
+ }
639
+ ]
640
+ }
641
+ }
642
+ ]
643
+ }
644
+ ]
645
+ },
646
+ {
647
+ 'id': '2da876a2-0c1b-48ca-ac09-a32ee9cc35ef',
648
+ 'path': [
649
+ 1
650
+ ],
651
+ 'label': 'DOCUMENT_VIEW_TYPE_SUCCESS',
652
+ 'type': 'VIEW',
653
+ 'name': 'SysContainerComponent',
654
+ 'version': '1.0.0',
655
+ 'props': {
656
+ 'adaptiveStyles': {
657
+ 'desktop': [
658
+ {
659
+ 'element': 'host',
660
+ 'styleAttributes': {
661
+ 'width': '400px',
662
+ 'minWidth': '400px',
663
+ 'height': 'auto',
664
+ 'minHeight': null,
665
+ 'flexDirection': 'column',
666
+ 'justifyContent': 'flex-start',
667
+ 'alignItems': 'center',
668
+ 'gap': '20px',
669
+ 'paddingTop': '20px',
670
+ 'paddingBottom': '20px',
671
+ 'paddingLeft': '20px',
672
+ 'paddingRight': '20px',
673
+ 'marginTop': '0px',
674
+ 'marginBottom': '0px',
675
+ 'marginLeft': '0px',
676
+ 'marginRight': '0px',
677
+ 'background': 'rgb(255, 255, 255)',
678
+ 'borderStyle': 'solid',
679
+ 'borderTopWidth': '0px',
680
+ 'borderTopColor': 'rgb(0, 0, 0)',
681
+ 'borderBottomWidth': '0px',
682
+ 'borderBottomColor': 'rgb(0, 0, 0)',
683
+ 'borderLeftWidth': '0px',
684
+ 'borderLeftColor': 'rgb(0, 0, 0)',
685
+ 'borderRightWidth': '0px',
686
+ 'borderRightColor': 'rgb(0, 0, 0)',
687
+ 'borderTopLeftRadius': '15px',
688
+ 'borderTopRightRadius': '15px',
689
+ 'borderBottomLeftRadius': '15px',
690
+ 'borderBottomRightRadius': '15px',
691
+ 'boxShadow': 'none'
692
+ },
693
+ 'classes': ''
694
+ }
695
+ ],
696
+ 'mobile': [
697
+ {
698
+ 'element': 'host',
699
+ 'styleAttributes': {
700
+ 'width': '320px',
701
+ 'minWidth': '320px',
702
+ 'height': 'auto',
703
+ 'minHeight': null,
704
+ 'flexDirection': 'column',
705
+ 'justifyContent': 'flex-start',
706
+ 'alignItems': 'center',
707
+ 'gap': '20px',
708
+ 'paddingTop': '20px',
709
+ 'paddingBottom': '20px',
710
+ 'paddingLeft': '20px',
711
+ 'paddingRight': '20px',
712
+ 'marginTop': '0px',
713
+ 'marginBottom': '0px',
714
+ 'marginLeft': '0px',
715
+ 'marginRight': '0px',
716
+ 'background': 'rgb(255, 255, 255)',
717
+ 'borderStyle': 'solid',
718
+ 'borderTopWidth': '0px',
719
+ 'borderTopColor': 'rgb(0, 0, 0)',
720
+ 'borderBottomWidth': '0px',
721
+ 'borderBottomColor': 'rgb(0, 0, 0)',
722
+ 'borderLeftWidth': '0px',
723
+ 'borderLeftColor': 'rgb(0, 0, 0)',
724
+ 'borderRightWidth': '0px',
725
+ 'borderRightColor': 'rgb(0, 0, 0)',
726
+ 'borderTopLeftRadius': '15px',
727
+ 'borderTopRightRadius': '15px',
728
+ 'borderBottomLeftRadius': '15px',
729
+ 'borderBottomRightRadius': '15px',
730
+ 'boxShadow': 'none'
731
+ },
732
+ 'classes': ''
733
+ }
734
+ ]
735
+ }
736
+ },
737
+ 'children': [
738
+ {
739
+ 'id': '4428a5f9-20c8-4d93-9a87-5b83e5ac7be2',
740
+ 'path': [
741
+ 1,
742
+ 0
743
+ ],
744
+ 'type': 'TEXT',
745
+ 'name': 'SysTextComponent',
746
+ 'version': '1.0.0',
747
+ 'props': {
748
+ 'adaptiveStyles': {
749
+ 'desktop': [
750
+ {
751
+ 'element': 'host',
752
+ 'styleAttributes': {
753
+ 'width': '100%',
754
+ 'minWidth': null,
755
+ 'height': '100%',
756
+ 'minHeight': null,
757
+ 'marginTop': '0px',
758
+ 'marginBottom': '0px',
759
+ 'marginLeft': '0px',
760
+ 'marginRight': '0px'
761
+ }
762
+ },
763
+ {
764
+ 'element': 'text',
765
+ 'styleAttributes': {
766
+ 'paddingTop': '0px',
767
+ 'paddingBottom': '0px',
768
+ 'paddingLeft': '0px',
769
+ 'paddingRight': '0px'
770
+ },
771
+ 'classes': 'cl-text-class-h2'
772
+ }
773
+ ],
774
+ 'mobile': [
775
+ {
776
+ 'element': 'host',
777
+ 'styleAttributes': {
778
+ 'width': '100%',
779
+ 'minWidth': null,
780
+ 'height': '100%',
781
+ 'minHeight': null,
782
+ 'marginTop': '0px',
783
+ 'marginBottom': '0px',
784
+ 'marginLeft': '0px',
785
+ 'marginRight': '0px'
786
+ }
787
+ },
788
+ {
789
+ 'element': 'text',
790
+ 'styleAttributes': {
791
+ 'paddingTop': '0px',
792
+ 'paddingBottom': '0px',
793
+ 'paddingLeft': '0px',
794
+ 'paddingRight': '0px'
795
+ },
796
+ 'classes': 'cl-text-class-h2'
797
+ }
798
+ ]
799
+ },
800
+ 'content': {
801
+ 'text': 'Thanks for subscribe!'
802
+ }
803
+ }
804
+ },
805
+ {
806
+ 'id': '95f540f9-9363-4f3a-b8db-f03b848927c1',
807
+ 'path': [
808
+ 1,
809
+ 1
810
+ ],
811
+ 'type': 'TEXT',
812
+ 'name': 'SysTextComponent',
813
+ 'version': '1.0.0',
814
+ 'props': {
815
+ 'adaptiveStyles': {
816
+ 'desktop': [
817
+ {
818
+ 'element': 'host',
819
+ 'styleAttributes': {
820
+ 'width': '100%',
821
+ 'minWidth': null,
822
+ 'height': '100%',
823
+ 'minHeight': null,
824
+ 'marginTop': '0px',
825
+ 'marginBottom': '0px',
826
+ 'marginLeft': '0px',
827
+ 'marginRight': '0px'
828
+ }
829
+ },
830
+ {
831
+ 'element': 'text',
832
+ 'styleAttributes': {
833
+ 'paddingTop': '0px',
834
+ 'paddingBottom': '0px',
835
+ 'paddingLeft': '0px',
836
+ 'paddingRight': '0px'
837
+ },
838
+ 'classes': 'cl-text-class-regular-text'
839
+ }
840
+ ],
841
+ 'mobile': [
842
+ {
843
+ 'element': 'host',
844
+ 'styleAttributes': {
845
+ 'width': '100%',
846
+ 'minWidth': null,
847
+ 'height': '100%',
848
+ 'minHeight': null,
849
+ 'marginTop': '0px',
850
+ 'marginBottom': '0px',
851
+ 'marginLeft': '0px',
852
+ 'marginRight': '0px'
853
+ }
854
+ },
855
+ {
856
+ 'element': 'text',
857
+ 'styleAttributes': {
858
+ 'paddingTop': '0px',
859
+ 'paddingBottom': '0px',
860
+ 'paddingLeft': '0px',
861
+ 'paddingRight': '0px'
862
+ },
863
+ 'classes': 'cl-text-class-regular-text'
864
+ }
865
+ ]
866
+ },
867
+ 'content': {
868
+ 'text': 'We’ve sent an email with a confirmation link to your email address. To complete subscription, please click the confirmation link.'
869
+ }
870
+ }
871
+ }
872
+ ]
873
+ },
874
+ {
875
+ 'id': '865c1323-7272-4001-b377-6bb4eee16d44',
876
+ 'path': [
877
+ 2
878
+ ],
879
+ 'label': 'DOCUMENT_VIEW_TYPE_SUBSCRIBED',
880
+ 'type': 'VIEW',
881
+ 'name': 'SysContainerComponent',
882
+ 'version': '1.0.0',
883
+ 'props': {
884
+ 'adaptiveStyles': {
885
+ 'desktop': [
886
+ {
887
+ 'element': 'host',
888
+ 'styleAttributes': {
889
+ 'width': '400px',
890
+ 'minWidth': '400px',
891
+ 'height': 'auto',
892
+ 'minHeight': null,
893
+ 'flexDirection': 'column',
894
+ 'justifyContent': 'flex-start',
895
+ 'alignItems': 'center',
896
+ 'gap': '20px',
897
+ 'paddingTop': '20px',
898
+ 'paddingBottom': '20px',
899
+ 'paddingLeft': '20px',
900
+ 'paddingRight': '20px',
901
+ 'marginTop': '0px',
902
+ 'marginBottom': '0px',
903
+ 'marginLeft': '0px',
904
+ 'marginRight': '0px',
905
+ 'background': 'rgb(255, 255, 255)',
906
+ 'borderStyle': 'solid',
907
+ 'borderTopWidth': '0px',
908
+ 'borderTopColor': 'rgb(0, 0, 0)',
909
+ 'borderBottomWidth': '0px',
910
+ 'borderBottomColor': 'rgb(0, 0, 0)',
911
+ 'borderLeftWidth': '0px',
912
+ 'borderLeftColor': 'rgb(0, 0, 0)',
913
+ 'borderRightWidth': '0px',
914
+ 'borderRightColor': 'rgb(0, 0, 0)',
915
+ 'borderTopLeftRadius': '15px',
916
+ 'borderTopRightRadius': '15px',
917
+ 'borderBottomLeftRadius': '15px',
918
+ 'borderBottomRightRadius': '15px',
919
+ 'boxShadow': 'none'
920
+ },
921
+ 'classes': ''
922
+ }
923
+ ],
924
+ 'mobile': [
925
+ {
926
+ 'element': 'host',
927
+ 'styleAttributes': {
928
+ 'width': '320px',
929
+ 'minWidth': '320px',
930
+ 'height': 'auto',
931
+ 'minHeight': null,
932
+ 'flexDirection': 'column',
933
+ 'justifyContent': 'flex-start',
934
+ 'alignItems': 'center',
935
+ 'gap': '20px',
936
+ 'paddingTop': '20px',
937
+ 'paddingBottom': '20px',
938
+ 'paddingLeft': '20px',
939
+ 'paddingRight': '20px',
940
+ 'marginTop': '0px',
941
+ 'marginBottom': '0px',
942
+ 'marginLeft': '0px',
943
+ 'marginRight': '0px',
944
+ 'background': 'rgb(255, 255, 255)',
945
+ 'borderStyle': 'solid',
946
+ 'borderTopWidth': '0px',
947
+ 'borderTopColor': 'rgb(0, 0, 0)',
948
+ 'borderBottomWidth': '0px',
949
+ 'borderBottomColor': 'rgb(0, 0, 0)',
950
+ 'borderLeftWidth': '0px',
951
+ 'borderLeftColor': 'rgb(0, 0, 0)',
952
+ 'borderRightWidth': '0px',
953
+ 'borderRightColor': 'rgb(0, 0, 0)',
954
+ 'borderTopLeftRadius': '15px',
955
+ 'borderTopRightRadius': '15px',
956
+ 'borderBottomLeftRadius': '15px',
957
+ 'borderBottomRightRadius': '15px',
958
+ 'boxShadow': 'none'
959
+ },
960
+ 'classes': ''
961
+ }
962
+ ]
963
+ }
964
+ },
965
+ 'children': [
966
+ {
967
+ 'id': '7f59153e-626b-4236-958b-4fac2ddc84c4',
968
+ 'path': [
969
+ 2,
970
+ 0
971
+ ],
972
+ 'type': 'TEXT',
973
+ 'name': 'SysTextComponent',
974
+ 'version': '1.0.0',
975
+ 'props': {
976
+ 'adaptiveStyles': {
977
+ 'desktop': [
978
+ {
979
+ 'element': 'host',
980
+ 'styleAttributes': {
981
+ 'width': '100%',
982
+ 'minWidth': null,
983
+ 'height': '100%',
984
+ 'minHeight': null,
985
+ 'marginTop': '0px',
986
+ 'marginBottom': '0px',
987
+ 'marginLeft': '0px',
988
+ 'marginRight': '0px'
989
+ }
990
+ },
991
+ {
992
+ 'element': 'text',
993
+ 'styleAttributes': {
994
+ 'paddingTop': '0px',
995
+ 'paddingBottom': '0px',
996
+ 'paddingLeft': '0px',
997
+ 'paddingRight': '0px'
998
+ },
999
+ 'classes': 'cl-text-class-h2'
1000
+ }
1001
+ ],
1002
+ 'mobile': [
1003
+ {
1004
+ 'element': 'host',
1005
+ 'styleAttributes': {
1006
+ 'width': '100%',
1007
+ 'minWidth': null,
1008
+ 'height': '100%',
1009
+ 'minHeight': null,
1010
+ 'marginTop': '0px',
1011
+ 'marginBottom': '0px',
1012
+ 'marginLeft': '0px',
1013
+ 'marginRight': '0px'
1014
+ }
1015
+ },
1016
+ {
1017
+ 'element': 'text',
1018
+ 'styleAttributes': {
1019
+ 'paddingTop': '0px',
1020
+ 'paddingBottom': '0px',
1021
+ 'paddingLeft': '0px',
1022
+ 'paddingRight': '0px'
1023
+ },
1024
+ 'classes': 'cl-text-class-h2'
1025
+ }
1026
+ ]
1027
+ },
1028
+ 'content': {
1029
+ 'text': 'You’re already subscribed.'
1030
+ }
1031
+ }
1032
+ },
1033
+ {
1034
+ 'id': 'c2117990-b290-4539-bdb0-f6382e78d075',
1035
+ 'path': [
1036
+ 2,
1037
+ 1
1038
+ ],
1039
+ 'type': 'TEXT',
1040
+ 'name': 'SysTextComponent',
1041
+ 'version': '1.0.0',
1042
+ 'props': {
1043
+ 'adaptiveStyles': {
1044
+ 'desktop': [
1045
+ {
1046
+ 'element': 'host',
1047
+ 'styleAttributes': {
1048
+ 'width': '100%',
1049
+ 'minWidth': null,
1050
+ 'height': '100%',
1051
+ 'minHeight': null,
1052
+ 'marginTop': '0px',
1053
+ 'marginBottom': '0px',
1054
+ 'marginLeft': '0px',
1055
+ 'marginRight': '0px'
1056
+ }
1057
+ },
1058
+ {
1059
+ 'element': 'text',
1060
+ 'styleAttributes': {
1061
+ 'paddingTop': '0px',
1062
+ 'paddingBottom': '0px',
1063
+ 'paddingLeft': '0px',
1064
+ 'paddingRight': '0px'
1065
+ },
1066
+ 'classes': 'cl-text-class-regular-text'
1067
+ }
1068
+ ],
1069
+ 'mobile': [
1070
+ {
1071
+ 'element': 'host',
1072
+ 'styleAttributes': {
1073
+ 'width': '100%',
1074
+ 'minWidth': null,
1075
+ 'height': '100%',
1076
+ 'minHeight': null,
1077
+ 'marginTop': '0px',
1078
+ 'marginBottom': '0px',
1079
+ 'marginLeft': '0px',
1080
+ 'marginRight': '0px'
1081
+ }
1082
+ },
1083
+ {
1084
+ 'element': 'text',
1085
+ 'styleAttributes': {
1086
+ 'paddingTop': '0px',
1087
+ 'paddingBottom': '0px',
1088
+ 'paddingLeft': '0px',
1089
+ 'paddingRight': '0px'
1090
+ },
1091
+ 'classes': 'cl-text-class-regular-text'
1092
+ }
1093
+ ]
1094
+ },
1095
+ 'content': {
1096
+ 'text': 'If you aren’t getting our emails, please check your Spam folder in case they are being delivered there instead of Inbox.'
1097
+ }
1098
+ }
1099
+ }
1100
+ ]
1101
+ },
1102
+ {
1103
+ 'id': '920b8363-0ee1-4482-81c8-ded4bf73d0e4',
1104
+ 'path': [
1105
+ 3
1106
+ ],
1107
+ 'label': 'DOCUMENT_VIEW_TYPE_ERROR',
1108
+ 'type': 'VIEW',
1109
+ 'name': 'SysContainerComponent',
1110
+ 'version': '1.0.0',
1111
+ 'props': {
1112
+ 'adaptiveStyles': {
1113
+ 'desktop': [
1114
+ {
1115
+ 'element': 'host',
1116
+ 'styleAttributes': {
1117
+ 'width': '400px',
1118
+ 'minWidth': '400px',
1119
+ 'height': 'auto',
1120
+ 'minHeight': null,
1121
+ 'flexDirection': 'column',
1122
+ 'justifyContent': 'flex-start',
1123
+ 'alignItems': 'center',
1124
+ 'gap': '20px',
1125
+ 'paddingTop': '20px',
1126
+ 'paddingBottom': '20px',
1127
+ 'paddingLeft': '20px',
1128
+ 'paddingRight': '20px',
1129
+ 'marginTop': '0px',
1130
+ 'marginBottom': '0px',
1131
+ 'marginLeft': '0px',
1132
+ 'marginRight': '0px',
1133
+ 'background': 'rgb(255, 255, 255)',
1134
+ 'borderStyle': 'solid',
1135
+ 'borderTopWidth': '0px',
1136
+ 'borderTopColor': 'rgb(0, 0, 0)',
1137
+ 'borderBottomWidth': '0px',
1138
+ 'borderBottomColor': 'rgb(0, 0, 0)',
1139
+ 'borderLeftWidth': '0px',
1140
+ 'borderLeftColor': 'rgb(0, 0, 0)',
1141
+ 'borderRightWidth': '0px',
1142
+ 'borderRightColor': 'rgb(0, 0, 0)',
1143
+ 'borderTopLeftRadius': '15px',
1144
+ 'borderTopRightRadius': '15px',
1145
+ 'borderBottomLeftRadius': '15px',
1146
+ 'borderBottomRightRadius': '15px',
1147
+ 'boxShadow': 'none'
1148
+ },
1149
+ 'classes': ''
1150
+ }
1151
+ ],
1152
+ 'mobile': [
1153
+ {
1154
+ 'element': 'host',
1155
+ 'styleAttributes': {
1156
+ 'width': '320px',
1157
+ 'minWidth': '320px',
1158
+ 'height': 'auto',
1159
+ 'minHeight': null,
1160
+ 'flexDirection': 'column',
1161
+ 'justifyContent': 'flex-start',
1162
+ 'alignItems': 'center',
1163
+ 'gap': '20px',
1164
+ 'paddingTop': '20px',
1165
+ 'paddingBottom': '20px',
1166
+ 'paddingLeft': '20px',
1167
+ 'paddingRight': '20px',
1168
+ 'marginTop': '0px',
1169
+ 'marginBottom': '0px',
1170
+ 'marginLeft': '0px',
1171
+ 'marginRight': '0px',
1172
+ 'background': 'rgb(255, 255, 255)',
1173
+ 'borderStyle': 'solid',
1174
+ 'borderTopWidth': '0px',
1175
+ 'borderTopColor': 'rgb(0, 0, 0)',
1176
+ 'borderBottomWidth': '0px',
1177
+ 'borderBottomColor': 'rgb(0, 0, 0)',
1178
+ 'borderLeftWidth': '0px',
1179
+ 'borderLeftColor': 'rgb(0, 0, 0)',
1180
+ 'borderRightWidth': '0px',
1181
+ 'borderRightColor': 'rgb(0, 0, 0)',
1182
+ 'borderTopLeftRadius': '15px',
1183
+ 'borderTopRightRadius': '15px',
1184
+ 'borderBottomLeftRadius': '15px',
1185
+ 'borderBottomRightRadius': '15px',
1186
+ 'boxShadow': 'none'
1187
+ },
1188
+ 'classes': ''
1189
+ }
1190
+ ]
1191
+ }
1192
+ },
1193
+ 'children': [
1194
+ {
1195
+ 'id': '530381f0-696c-4d13-b59a-e7d754035bfd',
1196
+ 'path': [
1197
+ 3,
1198
+ 0
1199
+ ],
1200
+ 'type': 'TEXT',
1201
+ 'name': 'SysTextComponent',
1202
+ 'version': '1.0.0',
1203
+ 'props': {
1204
+ 'adaptiveStyles': {
1205
+ 'desktop': [
1206
+ {
1207
+ 'element': 'host',
1208
+ 'styleAttributes': {
1209
+ 'width': '100%',
1210
+ 'minWidth': null,
1211
+ 'height': '100%',
1212
+ 'minHeight': null,
1213
+ 'marginTop': '0px',
1214
+ 'marginBottom': '0px',
1215
+ 'marginLeft': '0px',
1216
+ 'marginRight': '0px'
1217
+ }
1218
+ },
1219
+ {
1220
+ 'element': 'text',
1221
+ 'styleAttributes': {
1222
+ 'paddingTop': '0px',
1223
+ 'paddingBottom': '0px',
1224
+ 'paddingLeft': '0px',
1225
+ 'paddingRight': '0px'
1226
+ },
1227
+ 'classes': 'cl-text-class-h2'
1228
+ }
1229
+ ],
1230
+ 'mobile': [
1231
+ {
1232
+ 'element': 'host',
1233
+ 'styleAttributes': {
1234
+ 'width': '100%',
1235
+ 'minWidth': null,
1236
+ 'height': '100%',
1237
+ 'minHeight': null,
1238
+ 'marginTop': '0px',
1239
+ 'marginBottom': '0px',
1240
+ 'marginLeft': '0px',
1241
+ 'marginRight': '0px'
1242
+ }
1243
+ },
1244
+ {
1245
+ 'element': 'text',
1246
+ 'styleAttributes': {
1247
+ 'paddingTop': '0px',
1248
+ 'paddingBottom': '0px',
1249
+ 'paddingLeft': '0px',
1250
+ 'paddingRight': '0px'
1251
+ },
1252
+ 'classes': 'cl-text-class-h2'
1253
+ }
1254
+ ]
1255
+ },
1256
+ 'content': {
1257
+ 'text': 'Something went wrong'
1258
+ }
1259
+ }
1260
+ },
1261
+ {
1262
+ 'id': '77724912-623e-44db-8c77-7716b0fefef5',
1263
+ 'path': [
1264
+ 3,
1265
+ 1
1266
+ ],
1267
+ 'type': 'TEXT',
1268
+ 'name': 'SysTextComponent',
1269
+ 'version': '1.0.0',
1270
+ 'props': {
1271
+ 'adaptiveStyles': {
1272
+ 'desktop': [
1273
+ {
1274
+ 'element': 'host',
1275
+ 'styleAttributes': {
1276
+ 'width': '100%',
1277
+ 'minWidth': null,
1278
+ 'height': '100%',
1279
+ 'minHeight': null,
1280
+ 'marginTop': '0px',
1281
+ 'marginBottom': '0px',
1282
+ 'marginLeft': '0px',
1283
+ 'marginRight': '0px'
1284
+ }
1285
+ },
1286
+ {
1287
+ 'element': 'text',
1288
+ 'styleAttributes': {
1289
+ 'paddingTop': '0px',
1290
+ 'paddingBottom': '0px',
1291
+ 'paddingLeft': '0px',
1292
+ 'paddingRight': '0px'
1293
+ },
1294
+ 'classes': 'cl-text-class-regular-text'
1295
+ }
1296
+ ],
1297
+ 'mobile': [
1298
+ {
1299
+ 'element': 'host',
1300
+ 'styleAttributes': {
1301
+ 'width': '100%',
1302
+ 'minWidth': null,
1303
+ 'height': '100%',
1304
+ 'minHeight': null,
1305
+ 'marginTop': '0px',
1306
+ 'marginBottom': '0px',
1307
+ 'marginLeft': '0px',
1308
+ 'marginRight': '0px'
1309
+ }
1310
+ },
1311
+ {
1312
+ 'element': 'text',
1313
+ 'styleAttributes': {
1314
+ 'paddingTop': '0px',
1315
+ 'paddingBottom': '0px',
1316
+ 'paddingLeft': '0px',
1317
+ 'paddingRight': '0px'
1318
+ },
1319
+ 'classes': 'cl-text-class-regular-text'
1320
+ }
1321
+ ]
1322
+ },
1323
+ 'content': {
1324
+ 'text': 'Subscription failed. Please try to subscribe again.'
1325
+ }
1326
+ }
1327
+ },
1328
+ {
1329
+ 'id': 'f61853fb-0a67-475a-92f3-5f9c4a5ffd89',
1330
+ 'path': [
1331
+ 3,
1332
+ 2
1333
+ ],
1334
+ 'type': 'BUTTON',
1335
+ 'name': 'SysButtonComponent',
1336
+ 'version': '1.0.0',
1337
+ 'props': {
1338
+ 'adaptiveStyles': {
1339
+ 'desktop': [
1340
+ {
1341
+ 'element': 'host',
1342
+ 'styleAttributes': {
1343
+ 'minWidth': null,
1344
+ 'height': '35px',
1345
+ 'minHeight': '35px',
1346
+ 'marginTop': '0px',
1347
+ 'marginBottom': '0px',
1348
+ 'marginLeft': '0px',
1349
+ 'marginRight': '0px',
1350
+ 'width': '100%'
1351
+ }
1352
+ },
1353
+ {
1354
+ 'element': 'button',
1355
+ 'styleAttributes': {
1356
+ 'width': '100%',
1357
+ 'height': '100%',
1358
+ 'background': 'linear-gradient(180deg, rgb(153, 249, 171), rgba(44, 243, 82, 1), rgb(9, 163, 39))',
1359
+ 'borderStyle': 'solid',
1360
+ 'borderTopWidth': '0px',
1361
+ 'borderTopColor': 'rgba(44, 243, 82, 1)',
1362
+ 'borderBottomWidth': '0px',
1363
+ 'borderBottomColor': 'rgba(44, 243, 82, 1)',
1364
+ 'borderLeftWidth': '0px',
1365
+ 'borderLeftColor': 'rgba(44, 243, 82, 1)',
1366
+ 'borderRightWidth': '0px',
1367
+ 'borderRightColor': 'rgba(44, 243, 82, 1)',
1368
+ 'borderTopLeftRadius': '8px',
1369
+ 'borderTopRightRadius': '8px',
1370
+ 'borderBottomLeftRadius': '8px',
1371
+ 'borderBottomRightRadius': '8px',
1372
+ 'boxShadow': '0px 2px 4px 0px rgba(0, 0, 0, 0.12)',
1373
+ 'paddingTop': '0px',
1374
+ 'paddingBottom': '0px',
1375
+ 'paddingLeft': '0px',
1376
+ 'paddingRight': '0px'
1377
+ },
1378
+ 'hoverStyleAttributes': {
1379
+ 'background': 'linear-gradient(180deg, rgb(153, 249, 171), rgba(44, 243, 82, 1), rgb(9, 163, 39))',
1380
+ 'borderTopColor': 'rgb(0, 0, 0)',
1381
+ 'borderBottomColor': 'rgb(0, 0, 0)',
1382
+ 'borderLeftColor': 'rgb(0, 0, 0)',
1383
+ 'borderRightColor': 'rgb(0, 0, 0)',
1384
+ 'boxShadow': null
1385
+ },
1386
+ 'classes': 'cl-text-class-button'
1387
+ }
1388
+ ],
1389
+ 'mobile': [
1390
+ {
1391
+ 'element': 'host',
1392
+ 'styleAttributes': {
1393
+ 'minWidth': null,
1394
+ 'height': '35px',
1395
+ 'minHeight': '35px',
1396
+ 'marginTop': '0px',
1397
+ 'marginBottom': '0px',
1398
+ 'marginLeft': '0px',
1399
+ 'marginRight': '0px',
1400
+ 'width': '100%'
1401
+ }
1402
+ },
1403
+ {
1404
+ 'element': 'button',
1405
+ 'styleAttributes': {
1406
+ 'width': '100%',
1407
+ 'height': '100%',
1408
+ 'background': 'linear-gradient(180deg, rgb(153, 249, 171), rgba(44, 243, 82, 1), rgb(9, 163, 39))',
1409
+ 'borderStyle': 'solid',
1410
+ 'borderTopWidth': '0px',
1411
+ 'borderTopColor': 'rgba(44, 243, 82, 1)',
1412
+ 'borderBottomWidth': '0px',
1413
+ 'borderBottomColor': 'rgba(44, 243, 82, 1)',
1414
+ 'borderLeftWidth': '0px',
1415
+ 'borderLeftColor': 'rgba(44, 243, 82, 1)',
1416
+ 'borderRightWidth': '0px',
1417
+ 'borderRightColor': 'rgba(44, 243, 82, 1)',
1418
+ 'borderTopLeftRadius': '8px',
1419
+ 'borderTopRightRadius': '8px',
1420
+ 'borderBottomLeftRadius': '8px',
1421
+ 'borderBottomRightRadius': '8px',
1422
+ 'boxShadow': '0px 2px 4px 0px rgba(0, 0, 0, 0.12)',
1423
+ 'paddingTop': '0px',
1424
+ 'paddingBottom': '0px',
1425
+ 'paddingLeft': '0px',
1426
+ 'paddingRight': '0px'
1427
+ },
1428
+ 'hoverStyleAttributes': {
1429
+ 'background': 'linear-gradient(180deg, rgb(153, 249, 171), rgba(44, 243, 82, 1), rgb(9, 163, 39))',
1430
+ 'borderTopColor': 'rgb(0, 0, 0)',
1431
+ 'borderBottomColor': 'rgb(0, 0, 0)',
1432
+ 'borderLeftColor': 'rgb(0, 0, 0)',
1433
+ 'borderRightColor': 'rgb(0, 0, 0)',
1434
+ 'boxShadow': null
1435
+ },
1436
+ 'classes': 'cl-text-class-button'
1437
+ }
1438
+ ]
1439
+ },
1440
+ 'content': {
1441
+ 'text': 'Try again'
1442
+ },
1443
+ 'handlers': [
1444
+ {
1445
+ 'type': 'CLICK',
1446
+ 'relativeSelector': 'button',
1447
+ 'actions': [
1448
+ {
1449
+ 'type': 'SUBSCRIBE_CONTACT',
1450
+ 'params': {
1451
+ 'viewIndexOnSuccess': 1,
1452
+ 'viewIndexOnSubscribed': 2,
1453
+ 'viewIndexOnError': 3
1454
+ }
1455
+ }
1456
+ ]
1457
+ }
1458
+ ]
1459
+ }
1460
+ }
1461
+ ]
1462
+ }
1463
+ ]
1464
+ };
1465
+ const colorUpdate = {['cl-schema-accent']: '#f00'};
1466
+ const documentUpdate = DocumentCssVarsReplace.replaceVars(documentObject, colorUpdate);
1467
+ const documentUpdateString = JSON.stringify(documentUpdate);
1468
+ const hasAccentColor = documentUpdateString.includes(`var(--${'cl-schema-accent'})`);
1469
+ const hasBackgroundColor = documentUpdateString.includes(`var(--${'cl-schema-background'})`);
1470
+ expect(hasAccentColor).toBeFalsy();
1471
+ expect(hasBackgroundColor).toBeFalsy();
1472
+
1473
+ });
1474
+
1475
+ it('should replace values', function () {
1476
+
1477
+ // GIVEN
1478
+ const documentObject: any = {
1479
+ 'shared': {
1480
+ 'mobileBreakpointWidth': 576,
1481
+ 'headerFontFamily': '',
1482
+ 'textFontFamily': '',
1483
+ 'textClasses': {
1484
+ 'cl-text-class-h1': {
1485
+ 'id': 'cl-text-class-h1',
1486
+ 'name': 'Title',
1487
+ 'isHeader': true,
1488
+ 'styleAttributes': {
1489
+ 'color': 'green',
1490
+ 'textAlign': 'center',
1491
+ 'lineHeight': '120%',
1492
+ 'fontWeight': '700',
1493
+ 'fontSize': '23px',
1494
+ 'textShadow': 'none'
1495
+ }
1496
+ },
1497
+ 'cl-text-class-h2': {
1498
+ 'id': 'cl-text-class-h2',
1499
+ 'name': 'Subtitle',
1500
+ 'isHeader': true,
1501
+ 'styleAttributes': {
1502
+ 'color': 'green',
1503
+ 'textAlign': 'start',
1504
+ 'lineHeight': '120%',
1505
+ 'fontWeight': '700',
1506
+ 'fontSize': '19px',
1507
+ 'textShadow': 'none'
1508
+ }
1509
+ },
1510
+ 'cl-text-class-regular-text': {
1511
+ 'id': 'cl-text-class-regular-text',
1512
+ 'name': 'Regular text',
1513
+ 'isHeader': false,
1514
+ 'styleAttributes': {
1515
+ 'color': 'green',
1516
+ 'textAlign': 'start',
1517
+ 'lineHeight': '120%',
1518
+ 'fontWeight': '400',
1519
+ 'fontSize': '16px',
1520
+ 'textShadow': 'none'
1521
+ }
1522
+ },
1523
+ 'cl-text-class-button': {
1524
+ 'id': 'cl-text-class-button',
1525
+ 'name': 'Button text',
1526
+ 'isHeader': false,
1527
+ 'styleAttributes': {
1528
+ 'color': 'green',
1529
+ 'textAlign': 'center',
1530
+ 'lineHeight': '120%',
1531
+ 'fontWeight': '700',
1532
+ 'fontSize': '14px',
1533
+ 'textShadow': 'none'
1534
+ }
1535
+ },
1536
+ 'cl-text-class-input-label': {
1537
+ 'id': 'cl-text-class-input-label',
1538
+ 'name': 'Field title',
1539
+ 'isHeader': false,
1540
+ 'styleAttributes': {
1541
+ 'color': 'green',
1542
+ 'textAlign': 'start',
1543
+ 'lineHeight': '120%',
1544
+ 'fontWeight': '700',
1545
+ 'fontSize': '16px',
1546
+ 'textShadow': 'none'
1547
+ }
1548
+ },
1549
+ 'cl-text-class-input-text': {
1550
+ 'id': 'cl-text-class-input-text',
1551
+ 'name': 'Field text',
1552
+ 'isHeader': false,
1553
+ 'styleAttributes': {
1554
+ 'color': 'green',
1555
+ 'textAlign': 'start',
1556
+ 'lineHeight': '120%',
1557
+ 'fontWeight': '400',
1558
+ 'fontSize': '16px',
1559
+ 'textShadow': 'none'
1560
+ }
1561
+ }
1562
+ },
1563
+ 'closeIcon': {
1564
+ 'desktop': {
1565
+ 'verticalOffset': '-42px',
1566
+ 'horizontalOffset': '-42px',
1567
+ 'width': '34px',
1568
+ 'height': '34px',
1569
+ 'content': '0',
1570
+ 'inlineSvg': true,
1571
+ 'color': 'green'
1572
+ },
1573
+ 'mobile': {
1574
+ 'verticalOffset': '-37px',
1575
+ 'horizontalOffset': '0px',
1576
+ 'width': '34px',
1577
+ 'height': '34px',
1578
+ 'content': '0',
1579
+ 'inlineSvg': true,
1580
+ 'color': 'rgb(255, 255, 255)'
1581
+ }
1582
+ },
1583
+ },
1584
+ 'views': [
1585
+ {
1586
+ 'id': 'eb81c193-b751-43ae-a2b7-fefc2f3d1f9d',
1587
+ 'path': [
1588
+ 0
1589
+ ],
1590
+ 'label': 'DOCUMENT_VIEW_TYPE_DEFAULT',
1591
+ 'type': 'VIEW',
1592
+ 'name': 'SysContainerComponent',
1593
+ 'version': '1.0.0',
1594
+ 'props': {
1595
+ 'adaptiveStyles': {
1596
+ 'desktop': [
1597
+ {
1598
+ 'element': 'host',
1599
+ 'styleAttributes': {
1600
+ 'width': '400px',
1601
+ 'minWidth': '400px',
1602
+ 'height': 'auto',
1603
+ 'minHeight': null,
1604
+ 'flexDirection': 'column',
1605
+ 'justifyContent': 'flex-start',
1606
+ 'alignItems': 'center',
1607
+ 'gap': '20px',
1608
+ 'paddingTop': '0px',
1609
+ 'paddingBottom': '0px',
1610
+ 'paddingLeft': '0px',
1611
+ 'paddingRight': '0px',
1612
+ 'marginTop': '0px',
1613
+ 'marginBottom': '0px',
1614
+ 'marginLeft': '0px',
1615
+ 'marginRight': '0px',
1616
+ 'background': 'rgb(255, 255, 255)',
1617
+ 'borderStyle': 'solid',
1618
+ 'borderTopWidth': '0px',
1619
+ 'borderBottomWidth': '0px',
1620
+ 'borderLeftWidth': '0px',
1621
+ 'borderRightWidth': '0px',
1622
+ 'borderTopColor': 'rgb(0, 0, 0)',
1623
+ 'borderLeftColor': 'rgb(0, 0, 0)',
1624
+ 'borderBottomColor': 'rgb(0, 0, 0)',
1625
+ 'borderRightColor': 'rgb(0, 0, 0)',
1626
+ 'borderTopLeftRadius': '15px',
1627
+ 'borderTopRightRadius': '15px',
1628
+ 'borderBottomLeftRadius': '15px',
1629
+ 'borderBottomRightRadius': '15px',
1630
+ 'boxShadow': 'none'
1631
+ },
1632
+ 'classes': ''
1633
+ }
1634
+ ],
1635
+ 'mobile': [
1636
+ {
1637
+ 'element': 'host',
1638
+ 'styleAttributes': {
1639
+ 'width': '320px',
1640
+ 'minWidth': '320px',
1641
+ 'height': 'auto',
1642
+ 'minHeight': null,
1643
+ 'flexDirection': 'column',
1644
+ 'justifyContent': 'flex-start',
1645
+ 'alignItems': 'center',
1646
+ 'gap': '20px',
1647
+ 'paddingTop': '0px',
1648
+ 'paddingBottom': '0px',
1649
+ 'paddingLeft': '0px',
1650
+ 'paddingRight': '0px',
1651
+ 'marginTop': '0px',
1652
+ 'marginBottom': '0px',
1653
+ 'marginLeft': '0px',
1654
+ 'marginRight': '0px',
1655
+ 'background': 'rgb(255, 255, 255)',
1656
+ 'borderStyle': 'solid',
1657
+ 'borderTopWidth': '0px',
1658
+ 'borderBottomWidth': '0px',
1659
+ 'borderLeftWidth': '0px',
1660
+ 'borderRightWidth': '0px',
1661
+ 'borderTopColor': 'rgb(0, 0, 0)',
1662
+ 'borderLeftColor': 'rgb(0, 0, 0)',
1663
+ 'borderBottomColor': 'rgb(0, 0, 0)',
1664
+ 'borderRightColor': 'rgb(0, 0, 0)',
1665
+ 'borderTopLeftRadius': '15px',
1666
+ 'borderTopRightRadius': '15px',
1667
+ 'borderBottomLeftRadius': '15px',
1668
+ 'borderBottomRightRadius': '15px',
1669
+ 'boxShadow': 'none'
1670
+ },
1671
+ 'classes': ''
1672
+ }
1673
+ ]
1674
+ }
1675
+ },
1676
+ 'children': [
1677
+ {
1678
+ 'id': '0bd30fe8-2fa2-47e6-8581-74b17c2df1fe',
1679
+ 'path': [
1680
+ 0,
1681
+ 0
1682
+ ],
1683
+ 'type': 'CONTAINER',
1684
+ 'name': 'SysContainerComponent',
1685
+ 'version': '1.0.0',
1686
+ 'props': {
1687
+ 'adaptiveStyles': {
1688
+ 'desktop': [
1689
+ {
1690
+ 'element': 'host',
1691
+ 'styleAttributes': {
1692
+ 'width': '100%',
1693
+ 'minWidth': null,
1694
+ 'height': '100%',
1695
+ 'minHeight': null,
1696
+ 'flexDirection': 'column',
1697
+ 'justifyContent': 'flex-start',
1698
+ 'alignItems': 'flex-start',
1699
+ 'gap': '20px',
1700
+ 'paddingTop': '30px',
1701
+ 'paddingBottom': '50px',
1702
+ 'paddingLeft': '30px',
1703
+ 'paddingRight': '30px',
1704
+ 'marginTop': '0px',
1705
+ 'marginBottom': '0px',
1706
+ 'marginLeft': '0px',
1707
+ 'marginRight': '0px',
1708
+ 'background': 'url("https://forms.esputnik.com/img/templates/assets/form-template-img18.png") center center / cover no-repeat',
1709
+ 'borderStyle': 'solid',
1710
+ 'borderTopWidth': '0px',
1711
+ 'borderBottomWidth': '0px',
1712
+ 'borderLeftWidth': '0px',
1713
+ 'borderRightWidth': '0px',
1714
+ 'borderTopColor': 'rgb(0, 0, 0)',
1715
+ 'borderLeftColor': 'rgb(0, 0, 0)',
1716
+ 'borderBottomColor': 'rgb(0, 0, 0)',
1717
+ 'borderRightColor': 'rgb(0, 0, 0)',
1718
+ 'borderTopLeftRadius': '15px',
1719
+ 'borderTopRightRadius': '15px',
1720
+ 'borderBottomLeftRadius': '15px',
1721
+ 'borderBottomRightRadius': '15px',
1722
+ 'boxShadow': 'none'
1723
+ },
1724
+ 'classes': ''
1725
+ }
1726
+ ],
1727
+ 'mobile': [
1728
+ {
1729
+ 'element': 'host',
1730
+ 'styleAttributes': {
1731
+ 'width': '100%',
1732
+ 'minWidth': null,
1733
+ 'height': '100%',
1734
+ 'minHeight': null,
1735
+ 'flexDirection': 'column',
1736
+ 'justifyContent': 'flex-start',
1737
+ 'alignItems': 'flex-start',
1738
+ 'gap': '20px',
1739
+ 'paddingTop': '30px',
1740
+ 'paddingBottom': '50px',
1741
+ 'paddingLeft': '30px',
1742
+ 'paddingRight': '30px',
1743
+ 'marginTop': '0px',
1744
+ 'marginBottom': '0px',
1745
+ 'marginLeft': '0px',
1746
+ 'marginRight': '0px',
1747
+ 'background': 'url("https://forms.esputnik.com/img/templates/assets/form-template-img18.png") center center / cover no-repeat',
1748
+ 'borderStyle': 'solid',
1749
+ 'borderTopWidth': '0px',
1750
+ 'borderBottomWidth': '0px',
1751
+ 'borderLeftWidth': '0px',
1752
+ 'borderRightWidth': '0px',
1753
+ 'borderTopColor': 'rgb(0, 0, 0)',
1754
+ 'borderLeftColor': 'rgb(0, 0, 0)',
1755
+ 'borderBottomColor': 'rgb(0, 0, 0)',
1756
+ 'borderRightColor': 'rgb(0, 0, 0)',
1757
+ 'borderTopLeftRadius': '15px',
1758
+ 'borderTopRightRadius': '15px',
1759
+ 'borderBottomLeftRadius': '15px',
1760
+ 'borderBottomRightRadius': '15px',
1761
+ 'boxShadow': 'none'
1762
+ },
1763
+ 'classes': ''
1764
+ }
1765
+ ]
1766
+ }
1767
+ },
1768
+ 'children': [
1769
+ {
1770
+ 'id': '903286ba-e6d6-4aee-84f1-6f2ee389f13b',
1771
+ 'path': [
1772
+ 0,
1773
+ 0,
1774
+ 0
1775
+ ],
1776
+ 'type': 'TEXT',
1777
+ 'name': 'SysTextComponent',
1778
+ 'version': '1.0.0',
1779
+ 'props': {
1780
+ 'adaptiveStyles': {
1781
+ 'desktop': [
1782
+ {
1783
+ 'element': 'host',
1784
+ 'styleAttributes': {
1785
+ 'width': '100%',
1786
+ 'minWidth': null,
1787
+ 'height': '100%',
1788
+ 'minHeight': null,
1789
+ 'marginTop': '0px',
1790
+ 'marginBottom': '0px',
1791
+ 'marginLeft': '0px',
1792
+ 'marginRight': '0px'
1793
+ }
1794
+ },
1795
+ {
1796
+ 'element': 'text',
1797
+ 'styleAttributes': {
1798
+ 'paddingTop': '0px',
1799
+ 'paddingBottom': '0px',
1800
+ 'paddingLeft': '0px',
1801
+ 'paddingRight': '0px'
1802
+ },
1803
+ 'classes': 'cl-text-class-h1'
1804
+ }
1805
+ ],
1806
+ 'mobile': [
1807
+ {
1808
+ 'element': 'host',
1809
+ 'styleAttributes': {
1810
+ 'width': '100%',
1811
+ 'minWidth': null,
1812
+ 'height': '100%',
1813
+ 'minHeight': null,
1814
+ 'marginTop': '0px',
1815
+ 'marginBottom': '0px',
1816
+ 'marginLeft': '0px',
1817
+ 'marginRight': '0px'
1818
+ }
1819
+ },
1820
+ {
1821
+ 'element': 'text',
1822
+ 'styleAttributes': {
1823
+ 'paddingTop': '0px',
1824
+ 'paddingBottom': '0px',
1825
+ 'paddingLeft': '0px',
1826
+ 'paddingRight': '0px'
1827
+ },
1828
+ 'classes': 'cl-text-class-h1'
1829
+ }
1830
+ ]
1831
+ },
1832
+ 'content': {
1833
+ 'text': 'Receive our personalized offers to your inbox'
1834
+ }
1835
+ }
1836
+ },
1837
+ {
1838
+ 'path': [
1839
+ 0,
1840
+ 0,
1841
+ 1
1842
+ ],
1843
+ 'id': '36f2ab52-b061-4465-81f6-54283b752fde',
1844
+ 'type': 'INPUT',
1845
+ 'name': 'SysInputComponent',
1846
+ 'version': '1.0.0',
1847
+ 'props': {
1848
+ 'content': {
1849
+ 'placeholder': 'Email',
1850
+ 'label': 'Label'
1851
+ },
1852
+ 'control': {
1853
+ 'name': 'email',
1854
+ 'defaultValue': '',
1855
+ 'validation': {
1856
+ 'required': true,
1857
+ 'validator': 'EMAIL',
1858
+ 'validationErrors': {
1859
+ 'EMAIL_IS_INVALID': 'Email is invalid',
1860
+ 'REQUIRED': 'This field can\'t be empty'
1861
+ }
1862
+ }
1863
+ },
1864
+ 'adaptiveStyles': {
1865
+ 'desktop': [
1866
+ {
1867
+ 'element': 'host',
1868
+ 'styleAttributes': {
1869
+ 'width': '100%',
1870
+ 'minWidth': null,
1871
+ 'height': '35px',
1872
+ 'minHeight': '35px',
1873
+ 'marginTop': '0px',
1874
+ 'marginBottom': '0px',
1875
+ 'marginLeft': '0px',
1876
+ 'marginRight': '0px'
1877
+ },
1878
+ 'classes': ''
1879
+ },
1880
+ {
1881
+ 'element': 'input',
1882
+ 'styleAttributes': {
1883
+ 'background': 'rgb(255, 255, 255)',
1884
+ 'borderStyle': 'solid',
1885
+ 'borderTopWidth': '1px',
1886
+ 'borderBottomWidth': '1px',
1887
+ 'borderLeftWidth': '1px',
1888
+ 'borderRightWidth': '1px',
1889
+ 'borderTopColor': 'rgba(0, 0, 0, 0.2)',
1890
+ 'borderLeftColor': 'rgba(0, 0, 0, 0.2)',
1891
+ 'borderBottomColor': 'rgba(0, 0, 0, 0.2)',
1892
+ 'borderRightColor': 'rgba(0, 0, 0, 0.2)',
1893
+ 'borderTopLeftRadius': '8px',
1894
+ 'borderTopRightRadius': '8px',
1895
+ 'borderBottomLeftRadius': '8px',
1896
+ 'borderBottomRightRadius': '8px',
1897
+ 'boxShadow': 'none'
1898
+ },
1899
+ 'placeholderStyleAttributes': {
1900
+ 'color': 'rgb(81, 81, 81)'
1901
+ },
1902
+ 'classes': 'cl-text-class-input-text'
1903
+ },
1904
+ {
1905
+ 'element': 'label',
1906
+ 'styleAttributes': {},
1907
+ 'params': {
1908
+ 'enabled': false,
1909
+ 'position': 'TOP',
1910
+ 'margin': 5
1911
+ },
1912
+ 'classes': 'cl-text-class-input-label'
1913
+ }
1914
+ ],
1915
+ 'mobile': [
1916
+ {
1917
+ 'element': 'host',
1918
+ 'styleAttributes': {
1919
+ 'width': '100%',
1920
+ 'minWidth': null,
1921
+ 'height': '35px',
1922
+ 'minHeight': '35px',
1923
+ 'marginTop': '0px',
1924
+ 'marginBottom': '0px',
1925
+ 'marginLeft': '0px',
1926
+ 'marginRight': '0px'
1927
+ },
1928
+ 'classes': ''
1929
+ },
1930
+ {
1931
+ 'element': 'input',
1932
+ 'styleAttributes': {
1933
+ 'background': 'rgb(255, 255, 255)',
1934
+ 'borderStyle': 'solid',
1935
+ 'borderTopWidth': '1px',
1936
+ 'borderBottomWidth': '1px',
1937
+ 'borderLeftWidth': '1px',
1938
+ 'borderRightWidth': '1px',
1939
+ 'borderTopColor': 'rgba(0, 0, 0, 0.2)',
1940
+ 'borderLeftColor': 'rgba(0, 0, 0, 0.2)',
1941
+ 'borderBottomColor': 'rgba(0, 0, 0, 0.2)',
1942
+ 'borderRightColor': 'rgba(0, 0, 0, 0.2)',
1943
+ 'borderTopLeftRadius': '8px',
1944
+ 'borderTopRightRadius': '8px',
1945
+ 'borderBottomLeftRadius': '8px',
1946
+ 'borderBottomRightRadius': '8px',
1947
+ 'boxShadow': 'none'
1948
+ },
1949
+ 'placeholderStyleAttributes': {
1950
+ 'color': 'rgb(81, 81, 81)'
1951
+ },
1952
+ 'classes': 'cl-text-class-input-text'
1953
+ },
1954
+ {
1955
+ 'element': 'label',
1956
+ 'styleAttributes': {},
1957
+ 'params': {
1958
+ 'enabled': false,
1959
+ 'position': 'TOP',
1960
+ 'margin': 5
1961
+ },
1962
+ 'classes': 'cl-text-class-input-label'
1963
+ }
1964
+ ]
1965
+ }
1966
+ }
1967
+ },
1968
+ {
1969
+ 'id': 'f104d4ae-2f72-470c-b21b-967a36a1d6dc',
1970
+ 'path': [
1971
+ 0,
1972
+ 0,
1973
+ 2
1974
+ ],
1975
+ 'type': 'BUTTON',
1976
+ 'name': 'SysButtonComponent',
1977
+ 'version': '1.0.0',
1978
+ 'props': {
1979
+ 'adaptiveStyles': {
1980
+ 'desktop': [
1981
+ {
1982
+ 'element': 'host',
1983
+ 'styleAttributes': {
1984
+ 'marginTop': '0px',
1985
+ 'marginBottom': '0px',
1986
+ 'marginLeft': '0px',
1987
+ 'marginRight': '0px',
1988
+ 'width': '100%',
1989
+ 'minWidth': null,
1990
+ 'height': '35px',
1991
+ 'minHeight': '35px',
1992
+ 'builder': {
1993
+ 'styles': {}
1994
+ }
1995
+ }
1996
+ },
1997
+ {
1998
+ 'element': 'button',
1999
+ 'styleAttributes': {
2000
+ 'width': '100%',
2001
+ 'minWidth': null,
2002
+ 'height': '100%',
2003
+ 'minHeight': null,
2004
+ 'background': 'var(--cl-schema-accent)',
2005
+ 'borderStyle': 'solid',
2006
+ 'borderTopWidth': '0px',
2007
+ 'borderBottomWidth': '0px',
2008
+ 'borderLeftWidth': '0px',
2009
+ 'borderRightWidth': '0px',
2010
+ 'borderTopColor': 'rgba(44, 243, 82, 1)',
2011
+ 'borderLeftColor': 'rgba(44, 243, 82, 1)',
2012
+ 'borderBottomColor': 'rgba(44, 243, 82, 1)',
2013
+ 'borderRightColor': 'rgba(44, 243, 82, 1)',
2014
+ 'borderTopLeftRadius': '8px',
2015
+ 'borderTopRightRadius': '8px',
2016
+ 'borderBottomLeftRadius': '8px',
2017
+ 'borderBottomRightRadius': '8px',
2018
+ 'paddingTop': '0px',
2019
+ 'paddingBottom': '0px',
2020
+ 'paddingLeft': '0px',
2021
+ 'paddingRight': '0px',
2022
+ 'boxShadow': '0px 2px 4px 0px rgba(0, 0, 0, 0.12)'
2023
+ },
2024
+ 'hoverStyleAttributes': {
2025
+ 'background': 'linear-gradient(180deg, rgb(153, 249, 171), rgba(44, 243, 82, 1), rgb(9, 163, 39))',
2026
+ 'borderTopColor': 'rgb(0, 0, 0)',
2027
+ 'borderLeftColor': 'rgb(0, 0, 0)',
2028
+ 'borderBottomColor': 'rgb(0, 0, 0)',
2029
+ 'borderRightColor': 'rgb(0, 0, 0)'
2030
+ },
2031
+ 'classes': 'cl-text-class-button'
2032
+ }
2033
+ ],
2034
+ 'mobile': [
2035
+ {
2036
+ 'element': 'host',
2037
+ 'styleAttributes': {
2038
+ 'marginTop': '0px',
2039
+ 'marginBottom': '0px',
2040
+ 'marginLeft': '0px',
2041
+ 'marginRight': '0px',
2042
+ 'width': '100%',
2043
+ 'minWidth': null,
2044
+ 'height': '35px',
2045
+ 'minHeight': '35px',
2046
+ 'builder': {
2047
+ 'styles': {}
2048
+ }
2049
+ }
2050
+ },
2051
+ {
2052
+ 'element': 'button',
2053
+ 'styleAttributes': {
2054
+ 'width': '100%',
2055
+ 'minWidth': null,
2056
+ 'height': '100%',
2057
+ 'minHeight': null,
2058
+ 'background': 'var(--cl-schema-accent)',
2059
+ 'borderStyle': 'solid',
2060
+ 'borderTopWidth': '0px',
2061
+ 'borderBottomWidth': '0px',
2062
+ 'borderLeftWidth': '0px',
2063
+ 'borderRightWidth': '0px',
2064
+ 'borderTopColor': 'rgba(44, 243, 82, 1)',
2065
+ 'borderLeftColor': 'rgba(44, 243, 82, 1)',
2066
+ 'borderBottomColor': 'rgba(44, 243, 82, 1)',
2067
+ 'borderRightColor': 'rgba(44, 243, 82, 1)',
2068
+ 'borderTopLeftRadius': '8px',
2069
+ 'borderTopRightRadius': '8px',
2070
+ 'borderBottomLeftRadius': '8px',
2071
+ 'borderBottomRightRadius': '8px',
2072
+ 'paddingTop': '0px',
2073
+ 'paddingBottom': '0px',
2074
+ 'paddingLeft': '0px',
2075
+ 'paddingRight': '0px',
2076
+ 'boxShadow': '0px 2px 4px 0px rgba(0, 0, 0, 0.12)'
2077
+ },
2078
+ 'hoverStyleAttributes': {
2079
+ 'background': 'linear-gradient(180deg, rgb(153, 249, 171), rgba(44, 243, 82, 1), rgb(9, 163, 39))',
2080
+ 'borderTopColor': 'rgb(0, 0, 0)',
2081
+ 'borderLeftColor': 'rgb(0, 0, 0)',
2082
+ 'borderBottomColor': 'rgb(0, 0, 0)',
2083
+ 'borderRightColor': 'rgb(0, 0, 0)'
2084
+ },
2085
+ 'classes': 'cl-text-class-button'
2086
+ }
2087
+ ]
2088
+ },
2089
+ 'content': {
2090
+ 'text': 'Subscribe'
2091
+ },
2092
+ 'handlers': [
2093
+ {
2094
+ 'type': 'CLICK',
2095
+ 'relativeSelector': 'button',
2096
+ 'actions': [
2097
+ {
2098
+ 'type': 'SUBSCRIBE_CONTACT',
2099
+ 'params': {
2100
+ 'viewIndexOnSuccess': 1,
2101
+ 'viewIndexOnSubscribed': 2,
2102
+ 'viewIndexOnError': 3
2103
+ }
2104
+ }
2105
+ ]
2106
+ }
2107
+ ]
2108
+ }
2109
+ }
2110
+ ]
2111
+ }
2112
+ ]
2113
+ },
2114
+ {
2115
+ 'id': '2da876a2-0c1b-48ca-ac09-a32ee9cc35ef',
2116
+ 'path': [
2117
+ 1
2118
+ ],
2119
+ 'label': 'DOCUMENT_VIEW_TYPE_SUCCESS',
2120
+ 'type': 'VIEW',
2121
+ 'name': 'SysContainerComponent',
2122
+ 'version': '1.0.0',
2123
+ 'props': {
2124
+ 'adaptiveStyles': {
2125
+ 'desktop': [
2126
+ {
2127
+ 'element': 'host',
2128
+ 'styleAttributes': {
2129
+ 'width': '400px',
2130
+ 'minWidth': '400px',
2131
+ 'height': 'auto',
2132
+ 'minHeight': null,
2133
+ 'flexDirection': 'column',
2134
+ 'justifyContent': 'flex-start',
2135
+ 'alignItems': 'center',
2136
+ 'gap': '20px',
2137
+ 'paddingTop': '20px',
2138
+ 'paddingBottom': '20px',
2139
+ 'paddingLeft': '20px',
2140
+ 'paddingRight': '20px',
2141
+ 'marginTop': '0px',
2142
+ 'marginBottom': '0px',
2143
+ 'marginLeft': '0px',
2144
+ 'marginRight': '0px',
2145
+ 'background': 'rgb(255, 255, 255)',
2146
+ 'borderStyle': 'solid',
2147
+ 'borderTopWidth': '0px',
2148
+ 'borderTopColor': 'rgb(0, 0, 0)',
2149
+ 'borderBottomWidth': '0px',
2150
+ 'borderBottomColor': 'rgb(0, 0, 0)',
2151
+ 'borderLeftWidth': '0px',
2152
+ 'borderLeftColor': 'rgb(0, 0, 0)',
2153
+ 'borderRightWidth': '0px',
2154
+ 'borderRightColor': 'rgb(0, 0, 0)',
2155
+ 'borderTopLeftRadius': '15px',
2156
+ 'borderTopRightRadius': '15px',
2157
+ 'borderBottomLeftRadius': '15px',
2158
+ 'borderBottomRightRadius': '15px',
2159
+ 'boxShadow': 'none'
2160
+ },
2161
+ 'classes': ''
2162
+ }
2163
+ ],
2164
+ 'mobile': [
2165
+ {
2166
+ 'element': 'host',
2167
+ 'styleAttributes': {
2168
+ 'width': '320px',
2169
+ 'minWidth': '320px',
2170
+ 'height': 'auto',
2171
+ 'minHeight': null,
2172
+ 'flexDirection': 'column',
2173
+ 'justifyContent': 'flex-start',
2174
+ 'alignItems': 'center',
2175
+ 'gap': '20px',
2176
+ 'paddingTop': '20px',
2177
+ 'paddingBottom': '20px',
2178
+ 'paddingLeft': '20px',
2179
+ 'paddingRight': '20px',
2180
+ 'marginTop': '0px',
2181
+ 'marginBottom': '0px',
2182
+ 'marginLeft': '0px',
2183
+ 'marginRight': '0px',
2184
+ 'background': 'rgb(255, 255, 255)',
2185
+ 'borderStyle': 'solid',
2186
+ 'borderTopWidth': '0px',
2187
+ 'borderTopColor': 'rgb(0, 0, 0)',
2188
+ 'borderBottomWidth': '0px',
2189
+ 'borderBottomColor': 'rgb(0, 0, 0)',
2190
+ 'borderLeftWidth': '0px',
2191
+ 'borderLeftColor': 'rgb(0, 0, 0)',
2192
+ 'borderRightWidth': '0px',
2193
+ 'borderRightColor': 'rgb(0, 0, 0)',
2194
+ 'borderTopLeftRadius': '15px',
2195
+ 'borderTopRightRadius': '15px',
2196
+ 'borderBottomLeftRadius': '15px',
2197
+ 'borderBottomRightRadius': '15px',
2198
+ 'boxShadow': 'none'
2199
+ },
2200
+ 'classes': ''
2201
+ }
2202
+ ]
2203
+ }
2204
+ },
2205
+ 'children': [
2206
+ {
2207
+ 'id': '4428a5f9-20c8-4d93-9a87-5b83e5ac7be2',
2208
+ 'path': [
2209
+ 1,
2210
+ 0
2211
+ ],
2212
+ 'type': 'TEXT',
2213
+ 'name': 'SysTextComponent',
2214
+ 'version': '1.0.0',
2215
+ 'props': {
2216
+ 'adaptiveStyles': {
2217
+ 'desktop': [
2218
+ {
2219
+ 'element': 'host',
2220
+ 'styleAttributes': {
2221
+ 'width': '100%',
2222
+ 'minWidth': null,
2223
+ 'height': '100%',
2224
+ 'minHeight': null,
2225
+ 'marginTop': '0px',
2226
+ 'marginBottom': '0px',
2227
+ 'marginLeft': '0px',
2228
+ 'marginRight': '0px'
2229
+ }
2230
+ },
2231
+ {
2232
+ 'element': 'text',
2233
+ 'styleAttributes': {
2234
+ 'paddingTop': '0px',
2235
+ 'paddingBottom': '0px',
2236
+ 'paddingLeft': '0px',
2237
+ 'paddingRight': '0px'
2238
+ },
2239
+ 'classes': 'cl-text-class-h2'
2240
+ }
2241
+ ],
2242
+ 'mobile': [
2243
+ {
2244
+ 'element': 'host',
2245
+ 'styleAttributes': {
2246
+ 'width': '100%',
2247
+ 'minWidth': null,
2248
+ 'height': '100%',
2249
+ 'minHeight': null,
2250
+ 'marginTop': '0px',
2251
+ 'marginBottom': '0px',
2252
+ 'marginLeft': '0px',
2253
+ 'marginRight': '0px'
2254
+ }
2255
+ },
2256
+ {
2257
+ 'element': 'text',
2258
+ 'styleAttributes': {
2259
+ 'paddingTop': '0px',
2260
+ 'paddingBottom': '0px',
2261
+ 'paddingLeft': '0px',
2262
+ 'paddingRight': '0px'
2263
+ },
2264
+ 'classes': 'cl-text-class-h2'
2265
+ }
2266
+ ]
2267
+ },
2268
+ 'content': {
2269
+ 'text': 'Thanks for subscribe!'
2270
+ }
2271
+ }
2272
+ },
2273
+ {
2274
+ 'id': '95f540f9-9363-4f3a-b8db-f03b848927c1',
2275
+ 'path': [
2276
+ 1,
2277
+ 1
2278
+ ],
2279
+ 'type': 'TEXT',
2280
+ 'name': 'SysTextComponent',
2281
+ 'version': '1.0.0',
2282
+ 'props': {
2283
+ 'adaptiveStyles': {
2284
+ 'desktop': [
2285
+ {
2286
+ 'element': 'host',
2287
+ 'styleAttributes': {
2288
+ 'width': '100%',
2289
+ 'minWidth': null,
2290
+ 'height': '100%',
2291
+ 'minHeight': null,
2292
+ 'marginTop': '0px',
2293
+ 'marginBottom': '0px',
2294
+ 'marginLeft': '0px',
2295
+ 'marginRight': '0px'
2296
+ }
2297
+ },
2298
+ {
2299
+ 'element': 'text',
2300
+ 'styleAttributes': {
2301
+ 'paddingTop': '0px',
2302
+ 'paddingBottom': '0px',
2303
+ 'paddingLeft': '0px',
2304
+ 'paddingRight': '0px'
2305
+ },
2306
+ 'classes': 'cl-text-class-regular-text'
2307
+ }
2308
+ ],
2309
+ 'mobile': [
2310
+ {
2311
+ 'element': 'host',
2312
+ 'styleAttributes': {
2313
+ 'width': '100%',
2314
+ 'minWidth': null,
2315
+ 'height': '100%',
2316
+ 'minHeight': null,
2317
+ 'marginTop': '0px',
2318
+ 'marginBottom': '0px',
2319
+ 'marginLeft': '0px',
2320
+ 'marginRight': '0px'
2321
+ }
2322
+ },
2323
+ {
2324
+ 'element': 'text',
2325
+ 'styleAttributes': {
2326
+ 'paddingTop': '0px',
2327
+ 'paddingBottom': '0px',
2328
+ 'paddingLeft': '0px',
2329
+ 'paddingRight': '0px'
2330
+ },
2331
+ 'classes': 'cl-text-class-regular-text'
2332
+ }
2333
+ ]
2334
+ },
2335
+ 'content': {
2336
+ 'text': 'We’ve sent an email with a confirmation link to your email address. To complete subscription, please click the confirmation link.'
2337
+ }
2338
+ }
2339
+ }
2340
+ ]
2341
+ },
2342
+ {
2343
+ 'id': '865c1323-7272-4001-b377-6bb4eee16d44',
2344
+ 'path': [
2345
+ 2
2346
+ ],
2347
+ 'label': 'DOCUMENT_VIEW_TYPE_SUBSCRIBED',
2348
+ 'type': 'VIEW',
2349
+ 'name': 'SysContainerComponent',
2350
+ 'version': '1.0.0',
2351
+ 'props': {
2352
+ 'adaptiveStyles': {
2353
+ 'desktop': [
2354
+ {
2355
+ 'element': 'host',
2356
+ 'styleAttributes': {
2357
+ 'width': '400px',
2358
+ 'minWidth': '400px',
2359
+ 'height': 'auto',
2360
+ 'minHeight': null,
2361
+ 'flexDirection': 'column',
2362
+ 'justifyContent': 'flex-start',
2363
+ 'alignItems': 'center',
2364
+ 'gap': '20px',
2365
+ 'paddingTop': '20px',
2366
+ 'paddingBottom': '20px',
2367
+ 'paddingLeft': '20px',
2368
+ 'paddingRight': '20px',
2369
+ 'marginTop': '0px',
2370
+ 'marginBottom': '0px',
2371
+ 'marginLeft': '0px',
2372
+ 'marginRight': '0px',
2373
+ 'background': 'rgb(255, 255, 255)',
2374
+ 'borderStyle': 'solid',
2375
+ 'borderTopWidth': '0px',
2376
+ 'borderTopColor': 'rgb(0, 0, 0)',
2377
+ 'borderBottomWidth': '0px',
2378
+ 'borderBottomColor': 'rgb(0, 0, 0)',
2379
+ 'borderLeftWidth': '0px',
2380
+ 'borderLeftColor': 'rgb(0, 0, 0)',
2381
+ 'borderRightWidth': '0px',
2382
+ 'borderRightColor': 'rgb(0, 0, 0)',
2383
+ 'borderTopLeftRadius': '15px',
2384
+ 'borderTopRightRadius': '15px',
2385
+ 'borderBottomLeftRadius': '15px',
2386
+ 'borderBottomRightRadius': '15px',
2387
+ 'boxShadow': 'none'
2388
+ },
2389
+ 'classes': ''
2390
+ }
2391
+ ],
2392
+ 'mobile': [
2393
+ {
2394
+ 'element': 'host',
2395
+ 'styleAttributes': {
2396
+ 'width': '320px',
2397
+ 'minWidth': '320px',
2398
+ 'height': 'auto',
2399
+ 'minHeight': null,
2400
+ 'flexDirection': 'column',
2401
+ 'justifyContent': 'flex-start',
2402
+ 'alignItems': 'center',
2403
+ 'gap': '20px',
2404
+ 'paddingTop': '20px',
2405
+ 'paddingBottom': '20px',
2406
+ 'paddingLeft': '20px',
2407
+ 'paddingRight': '20px',
2408
+ 'marginTop': '0px',
2409
+ 'marginBottom': '0px',
2410
+ 'marginLeft': '0px',
2411
+ 'marginRight': '0px',
2412
+ 'background': 'rgb(255, 255, 255)',
2413
+ 'borderStyle': 'solid',
2414
+ 'borderTopWidth': '0px',
2415
+ 'borderTopColor': 'rgb(0, 0, 0)',
2416
+ 'borderBottomWidth': '0px',
2417
+ 'borderBottomColor': 'rgb(0, 0, 0)',
2418
+ 'borderLeftWidth': '0px',
2419
+ 'borderLeftColor': 'rgb(0, 0, 0)',
2420
+ 'borderRightWidth': '0px',
2421
+ 'borderRightColor': 'rgb(0, 0, 0)',
2422
+ 'borderTopLeftRadius': '15px',
2423
+ 'borderTopRightRadius': '15px',
2424
+ 'borderBottomLeftRadius': '15px',
2425
+ 'borderBottomRightRadius': '15px',
2426
+ 'boxShadow': 'none'
2427
+ },
2428
+ 'classes': ''
2429
+ }
2430
+ ]
2431
+ }
2432
+ },
2433
+ 'children': [
2434
+ {
2435
+ 'id': '7f59153e-626b-4236-958b-4fac2ddc84c4',
2436
+ 'path': [
2437
+ 2,
2438
+ 0
2439
+ ],
2440
+ 'type': 'TEXT',
2441
+ 'name': 'SysTextComponent',
2442
+ 'version': '1.0.0',
2443
+ 'props': {
2444
+ 'adaptiveStyles': {
2445
+ 'desktop': [
2446
+ {
2447
+ 'element': 'host',
2448
+ 'styleAttributes': {
2449
+ 'width': '100%',
2450
+ 'minWidth': null,
2451
+ 'height': '100%',
2452
+ 'minHeight': null,
2453
+ 'marginTop': '0px',
2454
+ 'marginBottom': '0px',
2455
+ 'marginLeft': '0px',
2456
+ 'marginRight': '0px'
2457
+ }
2458
+ },
2459
+ {
2460
+ 'element': 'text',
2461
+ 'styleAttributes': {
2462
+ 'paddingTop': '0px',
2463
+ 'paddingBottom': '0px',
2464
+ 'paddingLeft': '0px',
2465
+ 'paddingRight': '0px'
2466
+ },
2467
+ 'classes': 'cl-text-class-h2'
2468
+ }
2469
+ ],
2470
+ 'mobile': [
2471
+ {
2472
+ 'element': 'host',
2473
+ 'styleAttributes': {
2474
+ 'width': '100%',
2475
+ 'minWidth': null,
2476
+ 'height': '100%',
2477
+ 'minHeight': null,
2478
+ 'marginTop': '0px',
2479
+ 'marginBottom': '0px',
2480
+ 'marginLeft': '0px',
2481
+ 'marginRight': '0px'
2482
+ }
2483
+ },
2484
+ {
2485
+ 'element': 'text',
2486
+ 'styleAttributes': {
2487
+ 'paddingTop': '0px',
2488
+ 'paddingBottom': '0px',
2489
+ 'paddingLeft': '0px',
2490
+ 'paddingRight': '0px'
2491
+ },
2492
+ 'classes': 'cl-text-class-h2'
2493
+ }
2494
+ ]
2495
+ },
2496
+ 'content': {
2497
+ 'text': 'You’re already subscribed.'
2498
+ }
2499
+ }
2500
+ },
2501
+ {
2502
+ 'id': 'c2117990-b290-4539-bdb0-f6382e78d075',
2503
+ 'path': [
2504
+ 2,
2505
+ 1
2506
+ ],
2507
+ 'type': 'TEXT',
2508
+ 'name': 'SysTextComponent',
2509
+ 'version': '1.0.0',
2510
+ 'props': {
2511
+ 'adaptiveStyles': {
2512
+ 'desktop': [
2513
+ {
2514
+ 'element': 'host',
2515
+ 'styleAttributes': {
2516
+ 'width': '100%',
2517
+ 'minWidth': null,
2518
+ 'height': '100%',
2519
+ 'minHeight': null,
2520
+ 'marginTop': '0px',
2521
+ 'marginBottom': '0px',
2522
+ 'marginLeft': '0px',
2523
+ 'marginRight': '0px'
2524
+ }
2525
+ },
2526
+ {
2527
+ 'element': 'text',
2528
+ 'styleAttributes': {
2529
+ 'paddingTop': '0px',
2530
+ 'paddingBottom': '0px',
2531
+ 'paddingLeft': '0px',
2532
+ 'paddingRight': '0px'
2533
+ },
2534
+ 'classes': 'cl-text-class-regular-text'
2535
+ }
2536
+ ],
2537
+ 'mobile': [
2538
+ {
2539
+ 'element': 'host',
2540
+ 'styleAttributes': {
2541
+ 'width': '100%',
2542
+ 'minWidth': null,
2543
+ 'height': '100%',
2544
+ 'minHeight': null,
2545
+ 'marginTop': '0px',
2546
+ 'marginBottom': '0px',
2547
+ 'marginLeft': '0px',
2548
+ 'marginRight': '0px'
2549
+ }
2550
+ },
2551
+ {
2552
+ 'element': 'text',
2553
+ 'styleAttributes': {
2554
+ 'paddingTop': '0px',
2555
+ 'paddingBottom': '0px',
2556
+ 'paddingLeft': '0px',
2557
+ 'paddingRight': '0px'
2558
+ },
2559
+ 'classes': 'cl-text-class-regular-text'
2560
+ }
2561
+ ]
2562
+ },
2563
+ 'content': {
2564
+ 'text': 'If you aren’t getting our emails, please check your Spam folder in case they are being delivered there instead of Inbox.'
2565
+ }
2566
+ }
2567
+ }
2568
+ ]
2569
+ },
2570
+ {
2571
+ 'id': '920b8363-0ee1-4482-81c8-ded4bf73d0e4',
2572
+ 'path': [
2573
+ 3
2574
+ ],
2575
+ 'label': 'DOCUMENT_VIEW_TYPE_ERROR',
2576
+ 'type': 'VIEW',
2577
+ 'name': 'SysContainerComponent',
2578
+ 'version': '1.0.0',
2579
+ 'props': {
2580
+ 'adaptiveStyles': {
2581
+ 'desktop': [
2582
+ {
2583
+ 'element': 'host',
2584
+ 'styleAttributes': {
2585
+ 'width': '400px',
2586
+ 'minWidth': '400px',
2587
+ 'height': 'auto',
2588
+ 'minHeight': null,
2589
+ 'flexDirection': 'column',
2590
+ 'justifyContent': 'flex-start',
2591
+ 'alignItems': 'center',
2592
+ 'gap': '20px',
2593
+ 'paddingTop': '20px',
2594
+ 'paddingBottom': '20px',
2595
+ 'paddingLeft': '20px',
2596
+ 'paddingRight': '20px',
2597
+ 'marginTop': '0px',
2598
+ 'marginBottom': '0px',
2599
+ 'marginLeft': '0px',
2600
+ 'marginRight': '0px',
2601
+ 'background': 'rgb(255, 255, 255)',
2602
+ 'borderStyle': 'solid',
2603
+ 'borderTopWidth': '0px',
2604
+ 'borderTopColor': 'rgb(0, 0, 0)',
2605
+ 'borderBottomWidth': '0px',
2606
+ 'borderBottomColor': 'rgb(0, 0, 0)',
2607
+ 'borderLeftWidth': '0px',
2608
+ 'borderLeftColor': 'rgb(0, 0, 0)',
2609
+ 'borderRightWidth': '0px',
2610
+ 'borderRightColor': 'rgb(0, 0, 0)',
2611
+ 'borderTopLeftRadius': '15px',
2612
+ 'borderTopRightRadius': '15px',
2613
+ 'borderBottomLeftRadius': '15px',
2614
+ 'borderBottomRightRadius': '15px',
2615
+ 'boxShadow': 'none'
2616
+ },
2617
+ 'classes': ''
2618
+ }
2619
+ ],
2620
+ 'mobile': [
2621
+ {
2622
+ 'element': 'host',
2623
+ 'styleAttributes': {
2624
+ 'width': '320px',
2625
+ 'minWidth': '320px',
2626
+ 'height': 'auto',
2627
+ 'minHeight': null,
2628
+ 'flexDirection': 'column',
2629
+ 'justifyContent': 'flex-start',
2630
+ 'alignItems': 'center',
2631
+ 'gap': '20px',
2632
+ 'paddingTop': '20px',
2633
+ 'paddingBottom': '20px',
2634
+ 'paddingLeft': '20px',
2635
+ 'paddingRight': '20px',
2636
+ 'marginTop': '0px',
2637
+ 'marginBottom': '0px',
2638
+ 'marginLeft': '0px',
2639
+ 'marginRight': '0px',
2640
+ 'background': 'rgb(255, 255, 255)',
2641
+ 'borderStyle': 'solid',
2642
+ 'borderTopWidth': '0px',
2643
+ 'borderTopColor': 'rgb(0, 0, 0)',
2644
+ 'borderBottomWidth': '0px',
2645
+ 'borderBottomColor': 'rgb(0, 0, 0)',
2646
+ 'borderLeftWidth': '0px',
2647
+ 'borderLeftColor': 'rgb(0, 0, 0)',
2648
+ 'borderRightWidth': '0px',
2649
+ 'borderRightColor': 'rgb(0, 0, 0)',
2650
+ 'borderTopLeftRadius': '15px',
2651
+ 'borderTopRightRadius': '15px',
2652
+ 'borderBottomLeftRadius': '15px',
2653
+ 'borderBottomRightRadius': '15px',
2654
+ 'boxShadow': 'none'
2655
+ },
2656
+ 'classes': ''
2657
+ }
2658
+ ]
2659
+ }
2660
+ },
2661
+ 'children': [
2662
+ {
2663
+ 'id': '530381f0-696c-4d13-b59a-e7d754035bfd',
2664
+ 'path': [
2665
+ 3,
2666
+ 0
2667
+ ],
2668
+ 'type': 'TEXT',
2669
+ 'name': 'SysTextComponent',
2670
+ 'version': '1.0.0',
2671
+ 'props': {
2672
+ 'adaptiveStyles': {
2673
+ 'desktop': [
2674
+ {
2675
+ 'element': 'host',
2676
+ 'styleAttributes': {
2677
+ 'width': '100%',
2678
+ 'minWidth': null,
2679
+ 'height': '100%',
2680
+ 'minHeight': null,
2681
+ 'marginTop': '0px',
2682
+ 'marginBottom': '0px',
2683
+ 'marginLeft': '0px',
2684
+ 'marginRight': '0px'
2685
+ }
2686
+ },
2687
+ {
2688
+ 'element': 'text',
2689
+ 'styleAttributes': {
2690
+ 'paddingTop': '0px',
2691
+ 'paddingBottom': '0px',
2692
+ 'paddingLeft': '0px',
2693
+ 'paddingRight': '0px'
2694
+ },
2695
+ 'classes': 'cl-text-class-h2'
2696
+ }
2697
+ ],
2698
+ 'mobile': [
2699
+ {
2700
+ 'element': 'host',
2701
+ 'styleAttributes': {
2702
+ 'width': '100%',
2703
+ 'minWidth': null,
2704
+ 'height': '100%',
2705
+ 'minHeight': null,
2706
+ 'marginTop': '0px',
2707
+ 'marginBottom': '0px',
2708
+ 'marginLeft': '0px',
2709
+ 'marginRight': '0px'
2710
+ }
2711
+ },
2712
+ {
2713
+ 'element': 'text',
2714
+ 'styleAttributes': {
2715
+ 'paddingTop': '0px',
2716
+ 'paddingBottom': '0px',
2717
+ 'paddingLeft': '0px',
2718
+ 'paddingRight': '0px'
2719
+ },
2720
+ 'classes': 'cl-text-class-h2'
2721
+ }
2722
+ ]
2723
+ },
2724
+ 'content': {
2725
+ 'text': 'Something went wrong'
2726
+ }
2727
+ }
2728
+ },
2729
+ {
2730
+ 'id': '77724912-623e-44db-8c77-7716b0fefef5',
2731
+ 'path': [
2732
+ 3,
2733
+ 1
2734
+ ],
2735
+ 'type': 'TEXT',
2736
+ 'name': 'SysTextComponent',
2737
+ 'version': '1.0.0',
2738
+ 'props': {
2739
+ 'adaptiveStyles': {
2740
+ 'desktop': [
2741
+ {
2742
+ 'element': 'host',
2743
+ 'styleAttributes': {
2744
+ 'width': '100%',
2745
+ 'minWidth': null,
2746
+ 'height': '100%',
2747
+ 'minHeight': null,
2748
+ 'marginTop': '0px',
2749
+ 'marginBottom': '0px',
2750
+ 'marginLeft': '0px',
2751
+ 'marginRight': '0px'
2752
+ }
2753
+ },
2754
+ {
2755
+ 'element': 'text',
2756
+ 'styleAttributes': {
2757
+ 'paddingTop': '0px',
2758
+ 'paddingBottom': '0px',
2759
+ 'paddingLeft': '0px',
2760
+ 'paddingRight': '0px'
2761
+ },
2762
+ 'classes': 'cl-text-class-regular-text'
2763
+ }
2764
+ ],
2765
+ 'mobile': [
2766
+ {
2767
+ 'element': 'host',
2768
+ 'styleAttributes': {
2769
+ 'width': '100%',
2770
+ 'minWidth': null,
2771
+ 'height': '100%',
2772
+ 'minHeight': null,
2773
+ 'marginTop': '0px',
2774
+ 'marginBottom': '0px',
2775
+ 'marginLeft': '0px',
2776
+ 'marginRight': '0px'
2777
+ }
2778
+ },
2779
+ {
2780
+ 'element': 'text',
2781
+ 'styleAttributes': {
2782
+ 'paddingTop': '0px',
2783
+ 'paddingBottom': '0px',
2784
+ 'paddingLeft': '0px',
2785
+ 'paddingRight': '0px'
2786
+ },
2787
+ 'classes': 'cl-text-class-regular-text'
2788
+ }
2789
+ ]
2790
+ },
2791
+ 'content': {
2792
+ 'text': 'Subscription failed. Please try to subscribe again.'
2793
+ }
2794
+ }
2795
+ },
2796
+ {
2797
+ 'id': 'f61853fb-0a67-475a-92f3-5f9c4a5ffd89',
2798
+ 'path': [
2799
+ 3,
2800
+ 2
2801
+ ],
2802
+ 'type': 'BUTTON',
2803
+ 'name': 'SysButtonComponent',
2804
+ 'version': '1.0.0',
2805
+ 'props': {
2806
+ 'adaptiveStyles': {
2807
+ 'desktop': [
2808
+ {
2809
+ 'element': 'host',
2810
+ 'styleAttributes': {
2811
+ 'minWidth': null,
2812
+ 'height': '35px',
2813
+ 'minHeight': '35px',
2814
+ 'marginTop': '0px',
2815
+ 'marginBottom': '0px',
2816
+ 'marginLeft': '0px',
2817
+ 'marginRight': '0px',
2818
+ 'width': '100%'
2819
+ }
2820
+ },
2821
+ {
2822
+ 'element': 'button',
2823
+ 'styleAttributes': {
2824
+ 'width': '100%',
2825
+ 'height': '100%',
2826
+ 'background': 'linear-gradient(180deg, rgb(153, 249, 171), rgba(44, 243, 82, 1), rgb(9, 163, 39))',
2827
+ 'borderStyle': 'solid',
2828
+ 'borderTopWidth': '0px',
2829
+ 'borderTopColor': 'rgba(44, 243, 82, 1)',
2830
+ 'borderBottomWidth': '0px',
2831
+ 'borderBottomColor': 'rgba(44, 243, 82, 1)',
2832
+ 'borderLeftWidth': '0px',
2833
+ 'borderLeftColor': 'rgba(44, 243, 82, 1)',
2834
+ 'borderRightWidth': '0px',
2835
+ 'borderRightColor': 'rgba(44, 243, 82, 1)',
2836
+ 'borderTopLeftRadius': '8px',
2837
+ 'borderTopRightRadius': '8px',
2838
+ 'borderBottomLeftRadius': '8px',
2839
+ 'borderBottomRightRadius': '8px',
2840
+ 'boxShadow': '0px 2px 4px 0px rgba(0, 0, 0, 0.12)',
2841
+ 'paddingTop': '0px',
2842
+ 'paddingBottom': '0px',
2843
+ 'paddingLeft': '0px',
2844
+ 'paddingRight': '0px'
2845
+ },
2846
+ 'hoverStyleAttributes': {
2847
+ 'background': 'linear-gradient(180deg, rgb(153, 249, 171), rgba(44, 243, 82, 1), rgb(9, 163, 39))',
2848
+ 'borderTopColor': 'rgb(0, 0, 0)',
2849
+ 'borderBottomColor': 'rgb(0, 0, 0)',
2850
+ 'borderLeftColor': 'rgb(0, 0, 0)',
2851
+ 'borderRightColor': 'rgb(0, 0, 0)',
2852
+ 'boxShadow': null
2853
+ },
2854
+ 'classes': 'cl-text-class-button'
2855
+ }
2856
+ ],
2857
+ 'mobile': [
2858
+ {
2859
+ 'element': 'host',
2860
+ 'styleAttributes': {
2861
+ 'minWidth': null,
2862
+ 'height': '35px',
2863
+ 'minHeight': '35px',
2864
+ 'marginTop': '0px',
2865
+ 'marginBottom': '0px',
2866
+ 'marginLeft': '0px',
2867
+ 'marginRight': '0px',
2868
+ 'width': '100%'
2869
+ }
2870
+ },
2871
+ {
2872
+ 'element': 'button',
2873
+ 'styleAttributes': {
2874
+ 'width': '100%',
2875
+ 'height': '100%',
2876
+ 'background': 'linear-gradient(180deg, rgb(153, 249, 171), rgba(44, 243, 82, 1), rgb(9, 163, 39))',
2877
+ 'borderStyle': 'solid',
2878
+ 'borderTopWidth': '0px',
2879
+ 'borderTopColor': 'rgba(44, 243, 82, 1)',
2880
+ 'borderBottomWidth': '0px',
2881
+ 'borderBottomColor': 'rgba(44, 243, 82, 1)',
2882
+ 'borderLeftWidth': '0px',
2883
+ 'borderLeftColor': 'rgba(44, 243, 82, 1)',
2884
+ 'borderRightWidth': '0px',
2885
+ 'borderRightColor': 'rgba(44, 243, 82, 1)',
2886
+ 'borderTopLeftRadius': '8px',
2887
+ 'borderTopRightRadius': '8px',
2888
+ 'borderBottomLeftRadius': '8px',
2889
+ 'borderBottomRightRadius': '8px',
2890
+ 'boxShadow': '0px 2px 4px 0px rgba(0, 0, 0, 0.12)',
2891
+ 'paddingTop': '0px',
2892
+ 'paddingBottom': '0px',
2893
+ 'paddingLeft': '0px',
2894
+ 'paddingRight': '0px'
2895
+ },
2896
+ 'hoverStyleAttributes': {
2897
+ 'background': 'linear-gradient(180deg, rgb(153, 249, 171), rgba(44, 243, 82, 1), rgb(9, 163, 39))',
2898
+ 'borderTopColor': 'rgb(0, 0, 0)',
2899
+ 'borderBottomColor': 'rgb(0, 0, 0)',
2900
+ 'borderLeftColor': 'rgb(0, 0, 0)',
2901
+ 'borderRightColor': 'rgb(0, 0, 0)',
2902
+ 'boxShadow': null
2903
+ },
2904
+ 'classes': 'cl-text-class-button'
2905
+ }
2906
+ ]
2907
+ },
2908
+ 'content': {
2909
+ 'text': 'Try again'
2910
+ },
2911
+ 'handlers': [
2912
+ {
2913
+ 'type': 'CLICK',
2914
+ 'relativeSelector': 'button',
2915
+ 'actions': [
2916
+ {
2917
+ 'type': 'SUBSCRIBE_CONTACT',
2918
+ 'params': {
2919
+ 'viewIndexOnSuccess': 1,
2920
+ 'viewIndexOnSubscribed': 2,
2921
+ 'viewIndexOnError': 3
2922
+ }
2923
+ }
2924
+ ]
2925
+ }
2926
+ ]
2927
+ }
2928
+ }
2929
+ ]
2930
+ }
2931
+ ]
2932
+ };
2933
+ const colorUpdate = {['cl-schema-accent']: 'green'};
2934
+
2935
+ // WHEN
2936
+ const documentUpdate: any = DocumentCssVarsReplace.replaceValues(documentObject, colorUpdate);
2937
+
2938
+ // THEN
2939
+ // text class color replaced with var (all 6 text classes share same pattern)
2940
+ expect(documentUpdate.shared.textClasses['cl-text-class-h1'].styleAttributes.color).toBe('var(--cl-schema-accent)');
2941
+ // close icon color replaced with var
2942
+ expect(documentUpdate.shared.closeIcon.desktop.color).toBe('var(--cl-schema-accent)');
2943
+ // button background already had var() - preserved
2944
+ expect(documentUpdate.views[0].children[0].children[2].props.adaptiveStyles.desktop[1].styleAttributes.background).toBe('var(--cl-schema-accent)');
2945
+
2946
+ });
2947
+ });