@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/test/__mocks/jestGlobalMocks.js ADDED
@@ -0,0 +1,1887 @@
1
+ const mock = () => {
2
+ let storage = {};
3
+ return {
4
+ getItem: key => key in storage ? storage[key] : null,
5
+ setItem: (key, value) => storage[key] = value || '',
6
+ removeItem: key => delete storage[key],
7
+ clear: () => storage = {},
8
+ };
9
+ };
10
+ Object.values = (obj) => Object.keys(obj).map(key => obj[key]);
11
+
12
+ Object.defineProperty(window, 'localStorage', {value: mock()});
13
+ Object.defineProperty(window, 'sessionStorage', {value: mock()});
14
+ Object.defineProperty(window, 'CSS', {value: mock()});
15
+ Object.defineProperty(window, 'getComputedStyle', {
16
+ value: () => ['-webkit-appearance']
17
+ });
18
+
19
+ Object.defineProperty(window, 'location', {value: {href: 'http://localhost'}});
20
+ window.location.hostname = 'localhost';
21
+
22
+ Object.defineProperty(document.body.style, 'transform', {
23
+ value: () => {
24
+ return {
25
+ enumerable: true,
26
+ configurable: true
27
+ };
28
+ },
29
+ });
30
+
31
+ Object.defineProperty(window, 'matchMedia', {
32
+ value: () => ({
33
+ addListener: () => {
34
+ }, removeListener: () => {
35
+ }
36
+ })
37
+ });
38
+ Object.defineProperty(window, 'fetch', {
39
+ value: function () {
40
+ return Promise.resolve({
41
+ json: () => Promise.resolve(
42
+ [{
43
+ "id": 259,
44
+ "publishStatus": "DEBUG",
45
+ "json": {
46
+ "document": {
47
+ "shared": {
48
+ "mobileBreakpointWidth": 576.0,
49
+ "headerFontFamily": "Regular",
50
+ "textFontFamily": "Regular",
51
+ "textClasses": {
52
+ "cl-text-class-h1": {
53
+ "id": "cl-text-class-h1",
54
+ "name": "?????????",
55
+ "isHeader": true,
56
+ "styleAttributes": {
57
+ "color": "rgb(0, 0, 0)",
58
+ "textAlign": "center",
59
+ "lineHeight": "120%",
60
+ "fontWeight": "500",
61
+ "fontSize": "72px",
62
+ "textShadow": "none"
63
+ }
64
+ },
65
+ "cl-text-class-h2": {
66
+ "id": "cl-text-class-h2",
67
+ "name": "????????????",
68
+ "isHeader": true,
69
+ "styleAttributes": {
70
+ "color": "rgb(0, 0, 0)",
71
+ "textAlign": "start",
72
+ "lineHeight": "120%",
73
+ "fontWeight": "400",
74
+ "fontSize": "19px",
75
+ "textShadow": "none"
76
+ }
77
+ },
78
+ "cl-text-class-regular-text": {
79
+ "id": "cl-text-class-regular-text",
80
+ "name": "????????? ?????",
81
+ "isHeader": false,
82
+ "styleAttributes": {
83
+ "color": "rgb(0, 0, 0)",
84
+ "textAlign": "center",
85
+ "lineHeight": "120%",
86
+ "fontWeight": "400",
87
+ "fontSize": "26px",
88
+ "textShadow": "none"
89
+ }
90
+ },
91
+ "cl-text-class-button": {
92
+ "id": "cl-text-class-button",
93
+ "name": "????? ??????",
94
+ "isHeader": false,
95
+ "styleAttributes": {
96
+ "color": "rgb(0, 0, 0)",
97
+ "textAlign": "center",
98
+ "lineHeight": "120%",
99
+ "fontWeight": "400",
100
+ "fontSize": "14px",
101
+ "textShadow": "none"
102
+ }
103
+ },
104
+ "cl-text-class-input-label": {
105
+ "id": "cl-text-class-input-label",
106
+ "name": "????????? ????",
107
+ "isHeader": false,
108
+ "styleAttributes": {
109
+ "color": "rgb(0, 0, 0)",
110
+ "textAlign": "start",
111
+ "lineHeight": "120%",
112
+ "fontWeight": "400",
113
+ "fontSize": "16px",
114
+ "textShadow": "none"
115
+ }
116
+ },
117
+ "cl-text-class-input-text": {
118
+ "id": "cl-text-class-input-text",
119
+ "name": "????? ????",
120
+ "isHeader": false,
121
+ "styleAttributes": {
122
+ "color": "rgb(0, 0, 0)",
123
+ "textAlign": "start",
124
+ "lineHeight": "120%",
125
+ "fontWeight": "400",
126
+ "fontSize": "12px",
127
+ "textShadow": "none"
128
+ }
129
+ },
130
+ "cl-text-class-2ee62613-c269-457b-a4ce-47aaf44a6f2d": {
131
+ "id": "cl-text-class-2ee62613-c269-457b-a4ce-47aaf44a6f2d",
132
+ "name": "?????????2",
133
+ "isHeader": false,
134
+ "styleAttributes": {
135
+ "color": "rgb(0, 0, 0)",
136
+ "textAlign": "center",
137
+ "lineHeight": "120%",
138
+ "fontWeight": "700",
139
+ "fontSize": "72px",
140
+ "textShadow": "none"
141
+ }
142
+ }
143
+ }
144
+ },
145
+ "views": [
146
+ {
147
+ "id": "a596db8f-d3d1-4ffa-9892-741e3dc4abf0",
148
+ "path": [
149
+ 0.0
150
+ ],
151
+ "label": "DOCUMENT_VIEW_TYPE_DEFAULT",
152
+ "type": "VIEW",
153
+ "name": "SysContainerComponent",
154
+ "version": "1.0.0",
155
+ "props": {
156
+ "adaptiveStyles": {
157
+ "desktop": [
158
+ {
159
+ "element": "host",
160
+ "styleAttributes": {
161
+ "width": "auto",
162
+ "height": "auto",
163
+ "flexDirection": "row",
164
+ "justifyContent": "center",
165
+ "alignItems": "center",
166
+ "gap": "20px",
167
+ "paddingTop": "20px",
168
+ "paddingBottom": "20px",
169
+ "paddingLeft": "20px",
170
+ "paddingRight": "20px",
171
+ "marginTop": "0px",
172
+ "marginBottom": "0px",
173
+ "marginLeft": "0px",
174
+ "marginRight": "0px",
175
+ "background": "transparent",
176
+ "borderStyle": "solid",
177
+ "borderTopWidth": "0px",
178
+ "borderBottomWidth": "0px",
179
+ "borderLeftWidth": "0px",
180
+ "borderRightWidth": "0px",
181
+ "borderTopColor": "rgb(0, 0, 0)",
182
+ "borderLeftColor": "rgb(0, 0, 0)",
183
+ "borderBottomColor": "rgb(0, 0, 0)",
184
+ "borderRightColor": "rgb(0, 0, 0)",
185
+ "borderTopLeftRadius": "0px",
186
+ "borderTopRightRadius": "0px",
187
+ "borderBottomLeftRadius": "0px",
188
+ "borderBottomRightRadius": "0px",
189
+ "boxShadow": "none"
190
+ },
191
+ "classes": ""
192
+ }
193
+ ],
194
+ "mobile": [
195
+ {
196
+ "element": "host",
197
+ "styleAttributes": {
198
+ "width": "100%",
199
+ "height": "auto",
200
+ "flexDirection": "column",
201
+ "justifyContent": "flex-start",
202
+ "alignItems": "center",
203
+ "gap": "20px",
204
+ "paddingTop": "20px",
205
+ "paddingBottom": "30px",
206
+ "paddingLeft": "20px",
207
+ "paddingRight": "20px",
208
+ "marginTop": "0px",
209
+ "marginBottom": "0px",
210
+ "marginLeft": "0px",
211
+ "marginRight": "0px",
212
+ "background": "url(\"https://cdn.claspo.io/img/7/255/c7b4e9c0-f5c2-4642-8f30-d756ab548b4e.png\") center center / cover no-repeat",
213
+ "borderStyle": "solid",
214
+ "borderTopWidth": "0px",
215
+ "borderBottomWidth": "0px",
216
+ "borderLeftWidth": "0px",
217
+ "borderRightWidth": "0px",
218
+ "borderTopColor": "rgb(0, 0, 0)",
219
+ "borderLeftColor": "rgb(0, 0, 0)",
220
+ "borderBottomColor": "rgb(0, 0, 0)",
221
+ "borderRightColor": "rgb(0, 0, 0)",
222
+ "borderTopLeftRadius": "0px",
223
+ "borderTopRightRadius": "0px",
224
+ "borderBottomLeftRadius": "0px",
225
+ "borderBottomRightRadius": "0px",
226
+ "boxShadow": "none"
227
+ },
228
+ "classes": ""
229
+ }
230
+ ]
231
+ }
232
+ },
233
+ "children": [
234
+ {
235
+ "id": "2a43f50b-967e-4215-9779-262dd4487576",
236
+ "path": [
237
+ 0.0,
238
+ 0.0
239
+ ],
240
+ "type": "CONTAINER",
241
+ "name": "SysContainerComponent",
242
+ "version": "1.0.0",
243
+ "props": {
244
+ "adaptiveStyles": {
245
+ "desktop": [
246
+ {
247
+ "element": "host",
248
+ "styleAttributes": {
249
+ "width": "262px",
250
+ "minWidth": "262px",
251
+ "height": "290px",
252
+ "minHeight": "290px",
253
+ "flexDirection": "column",
254
+ "justifyContent": "center",
255
+ "alignItems": "center",
256
+ "gap": "20px",
257
+ "paddingTop": "0px",
258
+ "paddingBottom": "0px",
259
+ "paddingLeft": "0px",
260
+ "paddingRight": "0px",
261
+ "marginTop": "0px",
262
+ "marginBottom": "0px",
263
+ "marginLeft": "0px",
264
+ "marginRight": "0px",
265
+ "background": "url(\"https://cdn.claspo.io/img/7/255/c7b4e9c0-f5c2-4642-8f30-d756ab548b4e.png\") center center / cover no-repeat",
266
+ "borderStyle": "solid",
267
+ "borderTopWidth": "0px",
268
+ "borderBottomWidth": "0px",
269
+ "borderLeftWidth": "0px",
270
+ "borderRightWidth": "0px",
271
+ "borderTopColor": "rgb(0, 0, 0)",
272
+ "borderLeftColor": "rgb(0, 0, 0)",
273
+ "borderBottomColor": "rgb(0, 0, 0)",
274
+ "borderRightColor": "rgb(0, 0, 0)",
275
+ "borderTopLeftRadius": "0px",
276
+ "borderTopRightRadius": "0px",
277
+ "borderBottomLeftRadius": "0px",
278
+ "borderBottomRightRadius": "0px",
279
+ "boxShadow": "none"
280
+ },
281
+ "classes": ""
282
+ }
283
+ ],
284
+ "mobile": [
285
+ {
286
+ "element": "host",
287
+ "styleAttributes": {
288
+ "width": "100%",
289
+ "height": "100%",
290
+ "flexDirection": "column",
291
+ "justifyContent": "flex-start",
292
+ "alignItems": "flex-start",
293
+ "gap": "20px",
294
+ "paddingTop": "0px",
295
+ "paddingBottom": "0px",
296
+ "paddingLeft": "0px",
297
+ "paddingRight": "0px",
298
+ "marginTop": "0px",
299
+ "marginBottom": "0px",
300
+ "marginLeft": "0px",
301
+ "marginRight": "0px",
302
+ "background": "rgba(255, 255, 255, 0)",
303
+ "borderStyle": "solid",
304
+ "borderTopWidth": "0px",
305
+ "borderBottomWidth": "0px",
306
+ "borderLeftWidth": "0px",
307
+ "borderRightWidth": "0px",
308
+ "borderTopColor": "rgb(0, 0, 0)",
309
+ "borderLeftColor": "rgb(0, 0, 0)",
310
+ "borderBottomColor": "rgb(0, 0, 0)",
311
+ "borderRightColor": "rgb(0, 0, 0)",
312
+ "borderTopLeftRadius": "0px",
313
+ "borderTopRightRadius": "0px",
314
+ "borderBottomLeftRadius": "0px",
315
+ "borderBottomRightRadius": "0px",
316
+ "boxShadow": "none"
317
+ },
318
+ "classes": ""
319
+ }
320
+ ]
321
+ }
322
+ },
323
+ "children": [
324
+ {
325
+ "path": [
326
+ 0.0,
327
+ 0.0,
328
+ 0.0
329
+ ],
330
+ "id": "7f0d78a8-0509-4cd3-a324-714860fc1310",
331
+ "type": "INPUT",
332
+ "name": "SysInputComponent",
333
+ "version": "1.0.0",
334
+ "props": {
335
+ "content": {
336
+ "placeholder": "Name",
337
+ "label": "Label"
338
+ },
339
+ "control": {
340
+ "name": "first_name",
341
+ "defaultValue": "",
342
+ "validation": {
343
+ "required": true,
344
+ "validator": "SYS_NAME",
345
+ "validationErrors": {
346
+ "NAME_CONTAINS_NUMBERS": "Name contains numbers",
347
+ "NAME_CONTAINS_FORBIDDEN_CHARACTERS": "Name contains forbidden characters",
348
+ "MAX_LENGTH_40": "Maximum length is 40",
349
+ "MAX_LENGTH_50": "Maximum length is 50",
350
+ "REQUIRED": "This field can\u0027\u0027t be empty"
351
+ }
352
+ }
353
+ },
354
+ "adaptiveStyles": {
355
+ "desktop": [
356
+ {
357
+ "element": "host",
358
+ "styleAttributes": {
359
+ "width": "200px",
360
+ "minWidth": "200px",
361
+ "height": "30px",
362
+ "minHeight": "30px",
363
+ "marginTop": "0px",
364
+ "marginBottom": "0px",
365
+ "marginLeft": "0px",
366
+ "marginRight": "0px"
367
+ },
368
+ "classes": ""
369
+ },
370
+ {
371
+ "element": "input",
372
+ "styleAttributes": {
373
+ "background": "rgb(255, 255, 255)",
374
+ "borderStyle": "solid",
375
+ "borderTopWidth": "1px",
376
+ "borderBottomWidth": "1px",
377
+ "borderLeftWidth": "1px",
378
+ "borderRightWidth": "1px",
379
+ "borderTopColor": "rgba(0, 0, 0, 0.1)",
380
+ "borderLeftColor": "rgba(0, 0, 0, 0.1)",
381
+ "borderBottomColor": "rgba(0, 0, 0, 0.1)",
382
+ "borderRightColor": "rgba(0, 0, 0, 0.1)",
383
+ "borderTopLeftRadius": "0px",
384
+ "borderTopRightRadius": "0px",
385
+ "borderBottomLeftRadius": "0px",
386
+ "borderBottomRightRadius": "0px",
387
+ "boxShadow": "none"
388
+ },
389
+ "placeholderStyleAttributes": {
390
+ "color": "rgb(81, 81, 81)"
391
+ },
392
+ "classes": "cl-text-class-input-text"
393
+ },
394
+ {
395
+ "element": "label",
396
+ "styleAttributes": {},
397
+ "params": {
398
+ "enabled": false,
399
+ "position": "TOP",
400
+ "margin": 5.0
401
+ },
402
+ "classes": "cl-text-class-input-label"
403
+ }
404
+ ],
405
+ "mobile": [
406
+ {
407
+ "element": "host",
408
+ "styleAttributes": {
409
+ "width": "100%",
410
+ "height": "30px",
411
+ "minHeight": "30px",
412
+ "marginTop": "0px",
413
+ "marginBottom": "0px",
414
+ "marginLeft": "0px",
415
+ "marginRight": "0px"
416
+ },
417
+ "classes": ""
418
+ },
419
+ {
420
+ "element": "input",
421
+ "styleAttributes": {
422
+ "background": "rgb(255, 255, 255)",
423
+ "borderStyle": "solid",
424
+ "borderTopWidth": "1px",
425
+ "borderBottomWidth": "1px",
426
+ "borderLeftWidth": "1px",
427
+ "borderRightWidth": "1px",
428
+ "borderTopColor": "rgba(0, 0, 0, 0.1)",
429
+ "borderLeftColor": "rgba(0, 0, 0, 0.1)",
430
+ "borderBottomColor": "rgba(0, 0, 0, 0.1)",
431
+ "borderRightColor": "rgba(0, 0, 0, 0.1)",
432
+ "borderTopLeftRadius": "0px",
433
+ "borderTopRightRadius": "0px",
434
+ "borderBottomLeftRadius": "0px",
435
+ "borderBottomRightRadius": "0px",
436
+ "boxShadow": "none"
437
+ },
438
+ "placeholderStyleAttributes": {
439
+ "color": "rgb(81, 81, 81)"
440
+ },
441
+ "classes": "cl-text-class-input-text"
442
+ },
443
+ {
444
+ "element": "label",
445
+ "styleAttributes": {},
446
+ "params": {
447
+ "enabled": false,
448
+ "position": "TOP",
449
+ "margin": 5.0
450
+ },
451
+ "classes": "cl-text-class-input-label"
452
+ }
453
+ ]
454
+ }
455
+ }
456
+ },
457
+ {
458
+ "path": [
459
+ 0.0,
460
+ 0.0,
461
+ 1.0
462
+ ],
463
+ "id": "25a44e90-c510-4900-befd-0ad9ef347ba1",
464
+ "type": "INPUT",
465
+ "name": "SysInputComponent",
466
+ "version": "1.0.0",
467
+ "props": {
468
+ "content": {
469
+ "placeholder": "Email",
470
+ "label": "?????????"
471
+ },
472
+ "control": {
473
+ "name": "email",
474
+ "defaultValue": "",
475
+ "validation": {
476
+ "required": true,
477
+ "validator": "EMAIL",
478
+ "validationErrors": {
479
+ "EMAIL_IS_INVALID": "Email is invalid",
480
+ "REQUIRED": "This field can\u0027\u0027t be empty"
481
+ }
482
+ }
483
+ },
484
+ "adaptiveStyles": {
485
+ "desktop": [
486
+ {
487
+ "element": "host",
488
+ "styleAttributes": {
489
+ "width": "200px",
490
+ "minWidth": "200px",
491
+ "height": "30px",
492
+ "minHeight": "30px",
493
+ "marginTop": "0px",
494
+ "marginBottom": "0px",
495
+ "marginLeft": "0px",
496
+ "marginRight": "0px"
497
+ },
498
+ "classes": ""
499
+ },
500
+ {
501
+ "element": "input",
502
+ "styleAttributes": {
503
+ "background": "rgb(255, 255, 255)",
504
+ "borderStyle": "solid",
505
+ "borderTopWidth": "1px",
506
+ "borderBottomWidth": "1px",
507
+ "borderLeftWidth": "1px",
508
+ "borderRightWidth": "1px",
509
+ "borderTopColor": "rgba(0, 0, 0, 0.1)",
510
+ "borderLeftColor": "rgba(0, 0, 0, 0.1)",
511
+ "borderBottomColor": "rgba(0, 0, 0, 0.1)",
512
+ "borderRightColor": "rgba(0, 0, 0, 0.1)",
513
+ "borderTopLeftRadius": "0px",
514
+ "borderTopRightRadius": "0px",
515
+ "borderBottomLeftRadius": "0px",
516
+ "borderBottomRightRadius": "0px",
517
+ "boxShadow": "none"
518
+ },
519
+ "placeholderStyleAttributes": {
520
+ "color": "rgb(81, 81, 81)"
521
+ },
522
+ "classes": "cl-text-class-input-text"
523
+ },
524
+ {
525
+ "element": "label",
526
+ "styleAttributes": {},
527
+ "params": {
528
+ "enabled": false,
529
+ "position": "TOP",
530
+ "margin": 5.0
531
+ },
532
+ "classes": "cl-text-class-input-label"
533
+ }
534
+ ],
535
+ "mobile": [
536
+ {
537
+ "element": "host",
538
+ "styleAttributes": {
539
+ "width": "100%",
540
+ "height": "30px",
541
+ "minHeight": "30px",
542
+ "marginTop": "0px",
543
+ "marginBottom": "0px",
544
+ "marginLeft": "0px",
545
+ "marginRight": "0px"
546
+ },
547
+ "classes": ""
548
+ },
549
+ {
550
+ "element": "input",
551
+ "styleAttributes": {
552
+ "background": "rgb(255, 255, 255)",
553
+ "borderStyle": "solid",
554
+ "borderTopWidth": "1px",
555
+ "borderBottomWidth": "1px",
556
+ "borderLeftWidth": "1px",
557
+ "borderRightWidth": "1px",
558
+ "borderTopColor": "rgba(0, 0, 0, 0.1)",
559
+ "borderLeftColor": "rgba(0, 0, 0, 0.1)",
560
+ "borderBottomColor": "rgba(0, 0, 0, 0.1)",
561
+ "borderRightColor": "rgba(0, 0, 0, 0.1)",
562
+ "borderTopLeftRadius": "0px",
563
+ "borderTopRightRadius": "0px",
564
+ "borderBottomLeftRadius": "0px",
565
+ "borderBottomRightRadius": "0px",
566
+ "boxShadow": "none"
567
+ },
568
+ "placeholderStyleAttributes": {
569
+ "color": "rgb(81, 81, 81)"
570
+ },
571
+ "classes": "cl-text-class-input-text"
572
+ },
573
+ {
574
+ "element": "label",
575
+ "styleAttributes": {},
576
+ "params": {
577
+ "enabled": false,
578
+ "position": "TOP",
579
+ "margin": 5.0
580
+ },
581
+ "classes": "cl-text-class-input-label"
582
+ }
583
+ ]
584
+ }
585
+ }
586
+ },
587
+ {
588
+ "id": "63ffaaef-27e2-4c10-ba7e-8dbae38f5edd",
589
+ "path": [
590
+ 0.0,
591
+ 0.0,
592
+ 2.0
593
+ ],
594
+ "type": "BUTTON",
595
+ "name": "SysButtonComponent",
596
+ "version": "1.0.0",
597
+ "props": {
598
+ "adaptiveStyles": {
599
+ "desktop": [
600
+ {
601
+ "element": "host",
602
+ "styleAttributes": {
603
+ "marginTop": "0px",
604
+ "marginBottom": "0px",
605
+ "marginLeft": "0px",
606
+ "marginRight": "0px",
607
+ "width": "200px",
608
+ "minWidth": "200px",
609
+ "height": "43px",
610
+ "minHeight": "43px",
611
+ "builder": {
612
+ "styles": {}
613
+ }
614
+ }
615
+ },
616
+ {
617
+ "element": "button",
618
+ "styleAttributes": {
619
+ "width": "100%",
620
+ "height": "100%",
621
+ "background": "rgba(255, 150, 220, 1)",
622
+ "borderStyle": "solid",
623
+ "borderTopWidth": "0px",
624
+ "borderBottomWidth": "0px",
625
+ "borderLeftWidth": "0px",
626
+ "borderRightWidth": "0px",
627
+ "borderTopColor": "rgb(243, 73, 44)",
628
+ "borderLeftColor": "rgb(243, 73, 44)",
629
+ "borderBottomColor": "rgb(243, 73, 44)",
630
+ "borderRightColor": "rgb(243, 73, 44)",
631
+ "borderTopLeftRadius": "0px",
632
+ "borderTopRightRadius": "0px",
633
+ "borderBottomLeftRadius": "0px",
634
+ "borderBottomRightRadius": "0px",
635
+ "paddingTop": "0px",
636
+ "paddingBottom": "0px",
637
+ "paddingLeft": "0px",
638
+ "paddingRight": "0px",
639
+ "boxShadow": "none"
640
+ },
641
+ "hoverStyleAttributes": {
642
+ "borderTopColor": "rgb(0, 0, 0)",
643
+ "borderLeftColor": "rgb(0, 0, 0)",
644
+ "borderBottomColor": "rgb(0, 0, 0)",
645
+ "borderRightColor": "rgb(0, 0, 0)"
646
+ },
647
+ "classes": "cl-text-class-button"
648
+ }
649
+ ],
650
+ "mobile": [
651
+ {
652
+ "element": "host",
653
+ "styleAttributes": {
654
+ "marginTop": "0px",
655
+ "marginBottom": "0px",
656
+ "marginLeft": "0px",
657
+ "marginRight": "0px",
658
+ "width": "100%",
659
+ "height": "43px",
660
+ "minHeight": "43px",
661
+ "builder": {
662
+ "styles": {}
663
+ }
664
+ }
665
+ },
666
+ {
667
+ "element": "button",
668
+ "styleAttributes": {
669
+ "width": "100%",
670
+ "height": "100%",
671
+ "background": "rgba(255, 150, 220, 1)",
672
+ "borderStyle": "solid",
673
+ "borderTopWidth": "0px",
674
+ "borderBottomWidth": "0px",
675
+ "borderLeftWidth": "0px",
676
+ "borderRightWidth": "0px",
677
+ "borderTopColor": "rgb(243, 73, 44)",
678
+ "borderLeftColor": "rgb(243, 73, 44)",
679
+ "borderBottomColor": "rgb(243, 73, 44)",
680
+ "borderRightColor": "rgb(243, 73, 44)",
681
+ "borderTopLeftRadius": "0px",
682
+ "borderTopRightRadius": "0px",
683
+ "borderBottomLeftRadius": "0px",
684
+ "borderBottomRightRadius": "0px",
685
+ "paddingTop": "0px",
686
+ "paddingBottom": "0px",
687
+ "paddingLeft": "0px",
688
+ "paddingRight": "0px",
689
+ "boxShadow": "none"
690
+ },
691
+ "hoverStyleAttributes": {
692
+ "borderTopColor": "rgb(0, 0, 0)",
693
+ "borderLeftColor": "rgb(0, 0, 0)",
694
+ "borderBottomColor": "rgb(0, 0, 0)",
695
+ "borderRightColor": "rgb(0, 0, 0)"
696
+ },
697
+ "classes": "cl-text-class-button"
698
+ }
699
+ ]
700
+ },
701
+ "content": {
702
+ "text": "Subscribe"
703
+ },
704
+ "handlers": [
705
+ {
706
+ "type": "CLICK",
707
+ "relativeSelector": "button",
708
+ "actions": [
709
+ {
710
+ "type": "SUBSCRIBE_CONTACT",
711
+ "params": {}
712
+ }
713
+ ]
714
+ }
715
+ ]
716
+ }
717
+ }
718
+ ]
719
+ },
720
+ {
721
+ "path": [
722
+ 0.0,
723
+ 1.0
724
+ ],
725
+ "id": "c2b3cb1b-26cf-489f-b718-a2e8caa612d8",
726
+ "type": "CONTAINER",
727
+ "name": "SysContainerComponent",
728
+ "version": "1.0.0",
729
+ "props": {
730
+ "adaptiveStyles": {
731
+ "desktop": [
732
+ {
733
+ "element": "host",
734
+ "styleAttributes": {
735
+ "width": "320px",
736
+ "minWidth": "320px",
737
+ "height": "450px",
738
+ "minHeight": "450px",
739
+ "flexDirection": "column",
740
+ "justifyContent": "center",
741
+ "alignItems": "center",
742
+ "gap": "0px",
743
+ "paddingTop": "10px",
744
+ "paddingBottom": "10px",
745
+ "paddingLeft": "10px",
746
+ "paddingRight": "10px",
747
+ "marginTop": "0px",
748
+ "marginBottom": "0px",
749
+ "marginLeft": "0px",
750
+ "marginRight": "0px",
751
+ "background": "url(\"https://cdn.claspo.io/img/7/255/82436eb9-f93b-457c-9098-eb8a1ea87a7d.png\") center center / contain no-repeat",
752
+ "borderStyle": "solid",
753
+ "borderTopWidth": "0px",
754
+ "borderTopColor": "rgb(0, 0, 0)",
755
+ "borderBottomWidth": "0px",
756
+ "borderBottomColor": "rgb(0, 0, 0)",
757
+ "borderLeftWidth": "0px",
758
+ "borderLeftColor": "rgb(0, 0, 0)",
759
+ "borderRightWidth": "0px",
760
+ "borderRightColor": "rgb(0, 0, 0)",
761
+ "borderTopLeftRadius": "0px",
762
+ "borderTopRightRadius": "0px",
763
+ "borderBottomLeftRadius": "0px",
764
+ "borderBottomRightRadius": "0px",
765
+ "boxShadow": "none"
766
+ },
767
+ "classes": ""
768
+ }
769
+ ],
770
+ "mobile": [
771
+ {
772
+ "element": "host",
773
+ "styleAttributes": {
774
+ "width": "100%",
775
+ "height": "auto",
776
+ "flexDirection": "column",
777
+ "justifyContent": "flex-start",
778
+ "alignItems": "flex-start",
779
+ "gap": "10px",
780
+ "paddingTop": "10px",
781
+ "paddingBottom": "10px",
782
+ "paddingLeft": "10px",
783
+ "paddingRight": "10px",
784
+ "marginTop": "0px",
785
+ "marginBottom": "0px",
786
+ "marginLeft": "0px",
787
+ "marginRight": "0px",
788
+ "background": "rgba(0, 0, 0, 0.06)",
789
+ "borderStyle": "solid",
790
+ "borderTopWidth": "0px",
791
+ "borderTopColor": "rgb(0, 0, 0)",
792
+ "borderBottomWidth": "0px",
793
+ "borderBottomColor": "rgb(0, 0, 0)",
794
+ "borderLeftWidth": "0px",
795
+ "borderLeftColor": "rgb(0, 0, 0)",
796
+ "borderRightWidth": "0px",
797
+ "borderRightColor": "rgb(0, 0, 0)",
798
+ "borderTopLeftRadius": "0px",
799
+ "borderTopRightRadius": "0px",
800
+ "borderBottomLeftRadius": "0px",
801
+ "borderBottomRightRadius": "0px",
802
+ "boxShadow": "none"
803
+ },
804
+ "classes": ""
805
+ }
806
+ ]
807
+ }
808
+ },
809
+ "children": [
810
+ {
811
+ "path": [
812
+ 0.0,
813
+ 1.0,
814
+ 0.0
815
+ ],
816
+ "id": "f60539fe-d4ef-4098-818c-dbf626f7f602",
817
+ "type": "TEXT",
818
+ "name": "SysTextComponent",
819
+ "version": "1.0.0",
820
+ "props": {
821
+ "adaptiveStyles": {
822
+ "desktop": [
823
+ {
824
+ "element": "host",
825
+ "styleAttributes": {
826
+ "width": "100%",
827
+ "height": "auto",
828
+ "marginTop": "0px",
829
+ "marginBottom": "0px",
830
+ "marginLeft": "25px",
831
+ "marginRight": "0px"
832
+ }
833
+ },
834
+ {
835
+ "element": "text",
836
+ "styleAttributes": {
837
+ "paddingTop": "0px",
838
+ "paddingBottom": "0px",
839
+ "paddingLeft": "0px",
840
+ "paddingRight": "0px"
841
+ },
842
+ "classes": "cl-text-class-h1"
843
+ }
844
+ ],
845
+ "mobile": [
846
+ {
847
+ "element": "host",
848
+ "styleAttributes": {
849
+ "width": "100%",
850
+ "height": "auto",
851
+ "marginTop": "0px",
852
+ "marginBottom": "0px",
853
+ "marginLeft": "0px",
854
+ "marginRight": "0px"
855
+ }
856
+ },
857
+ {
858
+ "element": "text",
859
+ "styleAttributes": {
860
+ "paddingTop": "0px",
861
+ "paddingBottom": "0px",
862
+ "paddingLeft": "0px",
863
+ "paddingRight": "0px",
864
+ "color": "rgb(50, 66, 67)",
865
+ "textAlign": "start",
866
+ "lineHeight": "120%",
867
+ "fontWeight": "400",
868
+ "fontSize": "16px",
869
+ "textShadow": "none"
870
+ },
871
+ "classes": ""
872
+ }
873
+ ]
874
+ },
875
+ "content": {
876
+ "text": "GET\u003cbr\u003e"
877
+ }
878
+ }
879
+ },
880
+ {
881
+ "path": [
882
+ 0.0,
883
+ 1.0,
884
+ 1.0
885
+ ],
886
+ "id": "7a9a3602-0bee-46c3-b3ac-a706135d5d65",
887
+ "type": "TEXT",
888
+ "name": "SysTextComponent",
889
+ "version": "1.0.0",
890
+ "props": {
891
+ "adaptiveStyles": {
892
+ "desktop": [
893
+ {
894
+ "element": "host",
895
+ "styleAttributes": {
896
+ "width": "100%",
897
+ "height": "auto",
898
+ "marginTop": "0px",
899
+ "marginBottom": "0px",
900
+ "marginLeft": "25px",
901
+ "marginRight": "0px"
902
+ }
903
+ },
904
+ {
905
+ "element": "text",
906
+ "styleAttributes": {
907
+ "paddingTop": "0px",
908
+ "paddingBottom": "0px",
909
+ "paddingLeft": "0px",
910
+ "paddingRight": "0px"
911
+ },
912
+ "classes": "cl-text-class-2ee62613-c269-457b-a4ce-47aaf44a6f2d"
913
+ }
914
+ ],
915
+ "mobile": [
916
+ {
917
+ "element": "host",
918
+ "styleAttributes": {
919
+ "width": "100%",
920
+ "height": "auto",
921
+ "marginTop": "0px",
922
+ "marginBottom": "0px",
923
+ "marginLeft": "0px",
924
+ "marginRight": "0px"
925
+ }
926
+ },
927
+ {
928
+ "element": "text",
929
+ "styleAttributes": {
930
+ "paddingTop": "0px",
931
+ "paddingBottom": "0px",
932
+ "paddingLeft": "0px",
933
+ "paddingRight": "0px",
934
+ "color": "rgb(50, 66, 67)",
935
+ "textAlign": "start",
936
+ "lineHeight": "120%",
937
+ "fontWeight": "400",
938
+ "fontSize": "16px",
939
+ "textShadow": "none"
940
+ },
941
+ "classes": ""
942
+ }
943
+ ]
944
+ },
945
+ "content": {
946
+ "text": "50%\u003cbr\u003e"
947
+ }
948
+ }
949
+ },
950
+ {
951
+ "path": [
952
+ 0.0,
953
+ 1.0,
954
+ 2.0
955
+ ],
956
+ "id": "3031e847-350c-4a1d-aedd-ac96ee3ffba9",
957
+ "type": "TEXT",
958
+ "name": "SysTextComponent",
959
+ "version": "1.0.0",
960
+ "props": {
961
+ "adaptiveStyles": {
962
+ "desktop": [
963
+ {
964
+ "element": "host",
965
+ "styleAttributes": {
966
+ "width": "100%",
967
+ "height": "auto",
968
+ "marginTop": "0px",
969
+ "marginBottom": "0px",
970
+ "marginLeft": "25px",
971
+ "marginRight": "0px"
972
+ }
973
+ },
974
+ {
975
+ "element": "text",
976
+ "styleAttributes": {
977
+ "paddingTop": "0px",
978
+ "paddingBottom": "0px",
979
+ "paddingLeft": "0px",
980
+ "paddingRight": "0px"
981
+ },
982
+ "classes": "cl-text-class-h1"
983
+ }
984
+ ],
985
+ "mobile": [
986
+ {
987
+ "element": "host",
988
+ "styleAttributes": {
989
+ "width": "100%",
990
+ "height": "auto",
991
+ "marginTop": "0px",
992
+ "marginBottom": "0px",
993
+ "marginLeft": "0px",
994
+ "marginRight": "0px"
995
+ }
996
+ },
997
+ {
998
+ "element": "text",
999
+ "styleAttributes": {
1000
+ "paddingTop": "0px",
1001
+ "paddingBottom": "0px",
1002
+ "paddingLeft": "0px",
1003
+ "paddingRight": "0px",
1004
+ "color": "rgb(50, 66, 67)",
1005
+ "textAlign": "start",
1006
+ "lineHeight": "120%",
1007
+ "fontWeight": "400",
1008
+ "fontSize": "16px",
1009
+ "textShadow": "none"
1010
+ },
1011
+ "classes": ""
1012
+ }
1013
+ ]
1014
+ },
1015
+ "content": {
1016
+ "text": "OFF"
1017
+ }
1018
+ }
1019
+ },
1020
+ {
1021
+ "path": [
1022
+ 0.0,
1023
+ 1.0,
1024
+ 3.0
1025
+ ],
1026
+ "id": "2fac6fbf-4577-4b52-bcf5-c65d2b475063",
1027
+ "type": "TEXT",
1028
+ "name": "SysTextComponent",
1029
+ "version": "1.0.0",
1030
+ "props": {
1031
+ "adaptiveStyles": {
1032
+ "desktop": [
1033
+ {
1034
+ "element": "host",
1035
+ "styleAttributes": {
1036
+ "width": "100%",
1037
+ "height": "auto",
1038
+ "marginTop": "0px",
1039
+ "marginBottom": "0px",
1040
+ "marginLeft": "25px",
1041
+ "marginRight": "0px"
1042
+ }
1043
+ },
1044
+ {
1045
+ "element": "text",
1046
+ "styleAttributes": {
1047
+ "paddingTop": "0px",
1048
+ "paddingBottom": "0px",
1049
+ "paddingLeft": "0px",
1050
+ "paddingRight": "0px"
1051
+ },
1052
+ "classes": "cl-text-class-regular-text"
1053
+ }
1054
+ ],
1055
+ "mobile": [
1056
+ {
1057
+ "element": "host",
1058
+ "styleAttributes": {
1059
+ "width": "100%",
1060
+ "height": "auto",
1061
+ "marginTop": "0px",
1062
+ "marginBottom": "0px",
1063
+ "marginLeft": "0px",
1064
+ "marginRight": "0px"
1065
+ }
1066
+ },
1067
+ {
1068
+ "element": "text",
1069
+ "styleAttributes": {
1070
+ "paddingTop": "0px",
1071
+ "paddingBottom": "0px",
1072
+ "paddingLeft": "0px",
1073
+ "paddingRight": "0px",
1074
+ "color": "rgb(50, 66, 67)",
1075
+ "textAlign": "start",
1076
+ "lineHeight": "120%",
1077
+ "fontWeight": "400",
1078
+ "fontSize": "16px",
1079
+ "textShadow": "none"
1080
+ },
1081
+ "classes": ""
1082
+ }
1083
+ ]
1084
+ },
1085
+ "content": {
1086
+ "text": "your first purchase"
1087
+ }
1088
+ }
1089
+ }
1090
+ ]
1091
+ }
1092
+ ]
1093
+ },
1094
+ {
1095
+ "id": "72d96bba-7952-4076-b06f-2d18ce08f135",
1096
+ "path": [
1097
+ 1.0
1098
+ ],
1099
+ "label": "DOCUMENT_VIEW_TYPE_SUCCESS",
1100
+ "type": "VIEW",
1101
+ "name": "SysContainerComponent",
1102
+ "version": "1.0.0",
1103
+ "props": {
1104
+ "adaptiveStyles": {
1105
+ "desktop": [
1106
+ {
1107
+ "element": "host",
1108
+ "styleAttributes": {
1109
+ "width": "auto",
1110
+ "height": "auto",
1111
+ "flexDirection": "row",
1112
+ "justifyContent": "center",
1113
+ "alignItems": "center",
1114
+ "gap": "20px",
1115
+ "paddingTop": "20px",
1116
+ "paddingBottom": "20px",
1117
+ "paddingLeft": "20px",
1118
+ "paddingRight": "20px",
1119
+ "marginTop": "0px",
1120
+ "marginBottom": "0px",
1121
+ "marginLeft": "0px",
1122
+ "marginRight": "0px",
1123
+ "background": "url(\"https://cdn.claspo.io/img/7/255/c7b4e9c0-f5c2-4642-8f30-d756ab548b4e.png\") center center / cover no-repeat",
1124
+ "borderStyle": "solid",
1125
+ "borderTopWidth": "0px",
1126
+ "borderTopColor": "rgb(0, 0, 0)",
1127
+ "borderBottomWidth": "0px",
1128
+ "borderBottomColor": "rgb(0, 0, 0)",
1129
+ "borderLeftWidth": "0px",
1130
+ "borderLeftColor": "rgb(0, 0, 0)",
1131
+ "borderRightWidth": "0px",
1132
+ "borderRightColor": "rgb(0, 0, 0)",
1133
+ "borderTopLeftRadius": "0px",
1134
+ "borderTopRightRadius": "0px",
1135
+ "borderBottomLeftRadius": "0px",
1136
+ "borderBottomRightRadius": "0px",
1137
+ "boxShadow": "none"
1138
+ },
1139
+ "classes": ""
1140
+ }
1141
+ ],
1142
+ "mobile": [
1143
+ {
1144
+ "element": "host",
1145
+ "styleAttributes": {
1146
+ "width": "100%",
1147
+ "height": "auto",
1148
+ "flexDirection": "column",
1149
+ "justifyContent": "flex-start",
1150
+ "alignItems": "center",
1151
+ "gap": "20px",
1152
+ "paddingTop": "20px",
1153
+ "paddingBottom": "20px",
1154
+ "paddingLeft": "20px",
1155
+ "paddingRight": "20px",
1156
+ "marginTop": "0px",
1157
+ "marginBottom": "0px",
1158
+ "marginLeft": "0px",
1159
+ "marginRight": "0px",
1160
+ "background": "url(\"https://cdn.claspo.io/img/7/255/c7b4e9c0-f5c2-4642-8f30-d756ab548b4e.png\") center center / cover no-repeat",
1161
+ "borderStyle": "solid",
1162
+ "borderTopWidth": "0px",
1163
+ "borderTopColor": "rgb(0, 0, 0)",
1164
+ "borderBottomWidth": "0px",
1165
+ "borderBottomColor": "rgb(0, 0, 0)",
1166
+ "borderLeftWidth": "0px",
1167
+ "borderLeftColor": "rgb(0, 0, 0)",
1168
+ "borderRightWidth": "0px",
1169
+ "borderRightColor": "rgb(0, 0, 0)",
1170
+ "borderTopLeftRadius": "0px",
1171
+ "borderTopRightRadius": "0px",
1172
+ "borderBottomLeftRadius": "0px",
1173
+ "borderBottomRightRadius": "0px",
1174
+ "boxShadow": "none"
1175
+ },
1176
+ "classes": ""
1177
+ }
1178
+ ]
1179
+ }
1180
+ },
1181
+ "children": [
1182
+ {
1183
+ "id": "7bd8f677-1c7e-4b92-9be8-6c681ed7084b",
1184
+ "path": [
1185
+ 1.0,
1186
+ 0.0
1187
+ ],
1188
+ "type": "TEXT",
1189
+ "name": "SysTextComponent",
1190
+ "version": "1.0.0",
1191
+ "props": {
1192
+ "adaptiveStyles": {
1193
+ "desktop": [
1194
+ {
1195
+ "element": "host",
1196
+ "styleAttributes": {
1197
+ "width": "100%",
1198
+ "height": "100%",
1199
+ "marginTop": "0px",
1200
+ "marginBottom": "0px",
1201
+ "marginLeft": "0px",
1202
+ "marginRight": "0px"
1203
+ }
1204
+ },
1205
+ {
1206
+ "element": "text",
1207
+ "styleAttributes": {
1208
+ "paddingTop": "0px",
1209
+ "paddingBottom": "0px",
1210
+ "paddingLeft": "0px",
1211
+ "paddingRight": "0px"
1212
+ },
1213
+ "classes": "cl-text-class-h2"
1214
+ }
1215
+ ],
1216
+ "mobile": [
1217
+ {
1218
+ "element": "host",
1219
+ "styleAttributes": {
1220
+ "width": "100%",
1221
+ "height": "100%",
1222
+ "marginTop": "0px",
1223
+ "marginBottom": "0px",
1224
+ "marginLeft": "0px",
1225
+ "marginRight": "0px"
1226
+ }
1227
+ },
1228
+ {
1229
+ "element": "text",
1230
+ "styleAttributes": {
1231
+ "paddingTop": "0px",
1232
+ "paddingBottom": "0px",
1233
+ "paddingLeft": "0px",
1234
+ "paddingRight": "0px"
1235
+ },
1236
+ "classes": "cl-text-class-h2"
1237
+ }
1238
+ ]
1239
+ },
1240
+ "content": {
1241
+ "text": "??????? ?? ????????!"
1242
+ }
1243
+ }
1244
+ },
1245
+ {
1246
+ "id": "cdcf4d76-9afb-4323-a0f2-e8ff2dd174a5",
1247
+ "path": [
1248
+ 1.0,
1249
+ 1.0
1250
+ ],
1251
+ "type": "TEXT",
1252
+ "name": "SysTextComponent",
1253
+ "version": "1.0.0",
1254
+ "props": {
1255
+ "adaptiveStyles": {
1256
+ "desktop": [
1257
+ {
1258
+ "element": "host",
1259
+ "styleAttributes": {
1260
+ "width": "100%",
1261
+ "height": "100%",
1262
+ "marginTop": "0px",
1263
+ "marginBottom": "0px",
1264
+ "marginLeft": "0px",
1265
+ "marginRight": "0px"
1266
+ }
1267
+ },
1268
+ {
1269
+ "element": "text",
1270
+ "styleAttributes": {
1271
+ "paddingTop": "0px",
1272
+ "paddingBottom": "0px",
1273
+ "paddingLeft": "0px",
1274
+ "paddingRight": "0px"
1275
+ },
1276
+ "classes": "cl-text-class-regular-text"
1277
+ }
1278
+ ],
1279
+ "mobile": [
1280
+ {
1281
+ "element": "host",
1282
+ "styleAttributes": {
1283
+ "width": "100%",
1284
+ "height": "100%",
1285
+ "marginTop": "0px",
1286
+ "marginBottom": "0px",
1287
+ "marginLeft": "0px",
1288
+ "marginRight": "0px"
1289
+ }
1290
+ },
1291
+ {
1292
+ "element": "text",
1293
+ "styleAttributes": {
1294
+ "paddingTop": "0px",
1295
+ "paddingBottom": "0px",
1296
+ "paddingLeft": "0px",
1297
+ "paddingRight": "0px"
1298
+ },
1299
+ "classes": "cl-text-class-regular-text"
1300
+ }
1301
+ ]
1302
+ },
1303
+ "content": {
1304
+ "text": "??????????? ???? email, ?????????? ?? ?????????? ? ????????????, ??? ?? ??? ??????????"
1305
+ }
1306
+ }
1307
+ }
1308
+ ]
1309
+ },
1310
+ {
1311
+ "id": "ce83c6fd-bea2-4d4c-8959-30d97c0d0a25",
1312
+ "path": [
1313
+ 2.0
1314
+ ],
1315
+ "label": "DOCUMENT_VIEW_TYPE_SUBSCRIBED",
1316
+ "type": "VIEW",
1317
+ "name": "SysContainerComponent",
1318
+ "version": "1.0.0",
1319
+ "props": {
1320
+ "adaptiveStyles": {
1321
+ "desktop": [
1322
+ {
1323
+ "element": "host",
1324
+ "styleAttributes": {
1325
+ "width": "auto",
1326
+ "height": "auto",
1327
+ "flexDirection": "row",
1328
+ "justifyContent": "center",
1329
+ "alignItems": "center",
1330
+ "gap": "20px",
1331
+ "paddingTop": "20px",
1332
+ "paddingBottom": "20px",
1333
+ "paddingLeft": "20px",
1334
+ "paddingRight": "20px",
1335
+ "marginTop": "0px",
1336
+ "marginBottom": "0px",
1337
+ "marginLeft": "0px",
1338
+ "marginRight": "0px",
1339
+ "background": "url(\"https://cdn.claspo.io/img/7/255/c7b4e9c0-f5c2-4642-8f30-d756ab548b4e.png\") center center / cover no-repeat",
1340
+ "borderStyle": "solid",
1341
+ "borderTopWidth": "0px",
1342
+ "borderTopColor": "rgb(0, 0, 0)",
1343
+ "borderBottomWidth": "0px",
1344
+ "borderBottomColor": "rgb(0, 0, 0)",
1345
+ "borderLeftWidth": "0px",
1346
+ "borderLeftColor": "rgb(0, 0, 0)",
1347
+ "borderRightWidth": "0px",
1348
+ "borderRightColor": "rgb(0, 0, 0)",
1349
+ "borderTopLeftRadius": "0px",
1350
+ "borderTopRightRadius": "0px",
1351
+ "borderBottomLeftRadius": "0px",
1352
+ "borderBottomRightRadius": "0px",
1353
+ "boxShadow": "none"
1354
+ },
1355
+ "classes": ""
1356
+ }
1357
+ ],
1358
+ "mobile": [
1359
+ {
1360
+ "element": "host",
1361
+ "styleAttributes": {
1362
+ "width": "100%",
1363
+ "height": "auto",
1364
+ "flexDirection": "column",
1365
+ "justifyContent": "flex-start",
1366
+ "alignItems": "center",
1367
+ "gap": "20px",
1368
+ "paddingTop": "20px",
1369
+ "paddingBottom": "20px",
1370
+ "paddingLeft": "20px",
1371
+ "paddingRight": "20px",
1372
+ "marginTop": "0px",
1373
+ "marginBottom": "0px",
1374
+ "marginLeft": "0px",
1375
+ "marginRight": "0px",
1376
+ "background": "url(\"https://cdn.claspo.io/img/7/255/c7b4e9c0-f5c2-4642-8f30-d756ab548b4e.png\") center center / cover no-repeat",
1377
+ "borderStyle": "solid",
1378
+ "borderTopWidth": "0px",
1379
+ "borderTopColor": "rgb(0, 0, 0)",
1380
+ "borderBottomWidth": "0px",
1381
+ "borderBottomColor": "rgb(0, 0, 0)",
1382
+ "borderLeftWidth": "0px",
1383
+ "borderLeftColor": "rgb(0, 0, 0)",
1384
+ "borderRightWidth": "0px",
1385
+ "borderRightColor": "rgb(0, 0, 0)",
1386
+ "borderTopLeftRadius": "0px",
1387
+ "borderTopRightRadius": "0px",
1388
+ "borderBottomLeftRadius": "0px",
1389
+ "borderBottomRightRadius": "0px",
1390
+ "boxShadow": "none"
1391
+ },
1392
+ "classes": ""
1393
+ }
1394
+ ]
1395
+ }
1396
+ },
1397
+ "children": [
1398
+ {
1399
+ "id": "3e719908-5b15-4be5-8bcf-1ef4d992301c",
1400
+ "path": [
1401
+ 2.0,
1402
+ 0.0
1403
+ ],
1404
+ "type": "TEXT",
1405
+ "name": "SysTextComponent",
1406
+ "version": "1.0.0",
1407
+ "props": {
1408
+ "adaptiveStyles": {
1409
+ "desktop": [
1410
+ {
1411
+ "element": "host",
1412
+ "styleAttributes": {
1413
+ "width": "100%",
1414
+ "height": "100%",
1415
+ "marginTop": "0px",
1416
+ "marginBottom": "0px",
1417
+ "marginLeft": "0px",
1418
+ "marginRight": "0px"
1419
+ }
1420
+ },
1421
+ {
1422
+ "element": "text",
1423
+ "styleAttributes": {
1424
+ "paddingTop": "0px",
1425
+ "paddingBottom": "0px",
1426
+ "paddingLeft": "0px",
1427
+ "paddingRight": "0px"
1428
+ },
1429
+ "classes": "cl-text-class-h2"
1430
+ }
1431
+ ],
1432
+ "mobile": [
1433
+ {
1434
+ "element": "host",
1435
+ "styleAttributes": {
1436
+ "width": "100%",
1437
+ "height": "100%",
1438
+ "marginTop": "0px",
1439
+ "marginBottom": "0px",
1440
+ "marginLeft": "0px",
1441
+ "marginRight": "0px"
1442
+ }
1443
+ },
1444
+ {
1445
+ "element": "text",
1446
+ "styleAttributes": {
1447
+ "paddingTop": "0px",
1448
+ "paddingBottom": "0px",
1449
+ "paddingLeft": "0px",
1450
+ "paddingRight": "0px"
1451
+ },
1452
+ "classes": "cl-text-class-h2"
1453
+ }
1454
+ ]
1455
+ },
1456
+ "content": {
1457
+ "text": "?????? ?? ??? ????????????? ?? ???? ????????"
1458
+ }
1459
+ }
1460
+ },
1461
+ {
1462
+ "id": "14ba0f4d-a569-4f59-9e07-e8eeed750461",
1463
+ "path": [
1464
+ 2.0,
1465
+ 1.0
1466
+ ],
1467
+ "type": "TEXT",
1468
+ "name": "SysTextComponent",
1469
+ "version": "1.0.0",
1470
+ "props": {
1471
+ "adaptiveStyles": {
1472
+ "desktop": [
1473
+ {
1474
+ "element": "host",
1475
+ "styleAttributes": {
1476
+ "width": "100%",
1477
+ "height": "100%",
1478
+ "marginTop": "0px",
1479
+ "marginBottom": "0px",
1480
+ "marginLeft": "0px",
1481
+ "marginRight": "0px"
1482
+ }
1483
+ },
1484
+ {
1485
+ "element": "text",
1486
+ "styleAttributes": {
1487
+ "paddingTop": "0px",
1488
+ "paddingBottom": "0px",
1489
+ "paddingLeft": "0px",
1490
+ "paddingRight": "0px"
1491
+ },
1492
+ "classes": "cl-text-class-regular-text"
1493
+ }
1494
+ ],
1495
+ "mobile": [
1496
+ {
1497
+ "element": "host",
1498
+ "styleAttributes": {
1499
+ "width": "100%",
1500
+ "height": "100%",
1501
+ "marginTop": "0px",
1502
+ "marginBottom": "0px",
1503
+ "marginLeft": "0px",
1504
+ "marginRight": "0px"
1505
+ }
1506
+ },
1507
+ {
1508
+ "element": "text",
1509
+ "styleAttributes": {
1510
+ "paddingTop": "0px",
1511
+ "paddingBottom": "0px",
1512
+ "paddingLeft": "0px",
1513
+ "paddingRight": "0px"
1514
+ },
1515
+ "classes": "cl-text-class-regular-text"
1516
+ }
1517
+ ]
1518
+ },
1519
+ "content": {
1520
+ "text": "???? ?? ?? ????????? ??? ??? ???????????, ????????? ????? ?????? ? ???????, ???????????? ??????????? ????"
1521
+ }
1522
+ }
1523
+ }
1524
+ ]
1525
+ },
1526
+ {
1527
+ "id": "56358ac0-d42e-4380-9acd-055850c19555",
1528
+ "path": [
1529
+ 3.0
1530
+ ],
1531
+ "label": "DOCUMENT_VIEW_TYPE_ERROR",
1532
+ "type": "VIEW",
1533
+ "name": "SysContainerComponent",
1534
+ "version": "1.0.0",
1535
+ "props": {
1536
+ "adaptiveStyles": {
1537
+ "desktop": [
1538
+ {
1539
+ "element": "host",
1540
+ "styleAttributes": {
1541
+ "width": "auto",
1542
+ "height": "auto",
1543
+ "flexDirection": "row",
1544
+ "justifyContent": "center",
1545
+ "alignItems": "center",
1546
+ "gap": "20px",
1547
+ "paddingTop": "20px",
1548
+ "paddingBottom": "20px",
1549
+ "paddingLeft": "20px",
1550
+ "paddingRight": "20px",
1551
+ "marginTop": "0px",
1552
+ "marginBottom": "0px",
1553
+ "marginLeft": "0px",
1554
+ "marginRight": "0px",
1555
+ "background": "url(\"https://cdn.claspo.io/img/7/255/c7b4e9c0-f5c2-4642-8f30-d756ab548b4e.png\") center center / cover no-repeat",
1556
+ "borderStyle": "solid",
1557
+ "borderTopWidth": "0px",
1558
+ "borderTopColor": "rgb(0, 0, 0)",
1559
+ "borderBottomWidth": "0px",
1560
+ "borderBottomColor": "rgb(0, 0, 0)",
1561
+ "borderLeftWidth": "0px",
1562
+ "borderLeftColor": "rgb(0, 0, 0)",
1563
+ "borderRightWidth": "0px",
1564
+ "borderRightColor": "rgb(0, 0, 0)",
1565
+ "borderTopLeftRadius": "0px",
1566
+ "borderTopRightRadius": "0px",
1567
+ "borderBottomLeftRadius": "0px",
1568
+ "borderBottomRightRadius": "0px",
1569
+ "boxShadow": "none"
1570
+ },
1571
+ "classes": ""
1572
+ }
1573
+ ],
1574
+ "mobile": [
1575
+ {
1576
+ "element": "host",
1577
+ "styleAttributes": {
1578
+ "width": "100%",
1579
+ "height": "auto",
1580
+ "flexDirection": "column",
1581
+ "justifyContent": "flex-start",
1582
+ "alignItems": "center",
1583
+ "gap": "20px",
1584
+ "paddingTop": "20px",
1585
+ "paddingBottom": "20px",
1586
+ "paddingLeft": "20px",
1587
+ "paddingRight": "20px",
1588
+ "marginTop": "0px",
1589
+ "marginBottom": "0px",
1590
+ "marginLeft": "0px",
1591
+ "marginRight": "0px",
1592
+ "background": "url(\"https://cdn.claspo.io/img/7/255/c7b4e9c0-f5c2-4642-8f30-d756ab548b4e.png\") center center / cover no-repeat",
1593
+ "borderStyle": "solid",
1594
+ "borderTopWidth": "0px",
1595
+ "borderTopColor": "rgb(0, 0, 0)",
1596
+ "borderBottomWidth": "0px",
1597
+ "borderBottomColor": "rgb(0, 0, 0)",
1598
+ "borderLeftWidth": "0px",
1599
+ "borderLeftColor": "rgb(0, 0, 0)",
1600
+ "borderRightWidth": "0px",
1601
+ "borderRightColor": "rgb(0, 0, 0)",
1602
+ "borderTopLeftRadius": "0px",
1603
+ "borderTopRightRadius": "0px",
1604
+ "borderBottomLeftRadius": "0px",
1605
+ "borderBottomRightRadius": "0px",
1606
+ "boxShadow": "none"
1607
+ },
1608
+ "classes": ""
1609
+ }
1610
+ ]
1611
+ }
1612
+ },
1613
+ "children": [
1614
+ {
1615
+ "id": "4476c345-2c94-4f14-93b5-48de7abd1578",
1616
+ "path": [
1617
+ 3.0,
1618
+ 0.0
1619
+ ],
1620
+ "type": "TEXT",
1621
+ "name": "SysTextComponent",
1622
+ "version": "1.0.0",
1623
+ "props": {
1624
+ "adaptiveStyles": {
1625
+ "desktop": [
1626
+ {
1627
+ "element": "host",
1628
+ "styleAttributes": {
1629
+ "width": "100%",
1630
+ "height": "100%",
1631
+ "marginTop": "0px",
1632
+ "marginBottom": "0px",
1633
+ "marginLeft": "0px",
1634
+ "marginRight": "0px"
1635
+ }
1636
+ },
1637
+ {
1638
+ "element": "text",
1639
+ "styleAttributes": {
1640
+ "paddingTop": "0px",
1641
+ "paddingBottom": "0px",
1642
+ "paddingLeft": "0px",
1643
+ "paddingRight": "0px"
1644
+ },
1645
+ "classes": "cl-text-class-h2"
1646
+ }
1647
+ ],
1648
+ "mobile": [
1649
+ {
1650
+ "element": "host",
1651
+ "styleAttributes": {
1652
+ "width": "100%",
1653
+ "height": "100%",
1654
+ "marginTop": "0px",
1655
+ "marginBottom": "0px",
1656
+ "marginLeft": "0px",
1657
+ "marginRight": "0px"
1658
+ }
1659
+ },
1660
+ {
1661
+ "element": "text",
1662
+ "styleAttributes": {
1663
+ "paddingTop": "0px",
1664
+ "paddingBottom": "0px",
1665
+ "paddingLeft": "0px",
1666
+ "paddingRight": "0px"
1667
+ },
1668
+ "classes": "cl-text-class-h2"
1669
+ }
1670
+ ]
1671
+ },
1672
+ "content": {
1673
+ "text": "???? ????? ?? ???"
1674
+ }
1675
+ }
1676
+ },
1677
+ {
1678
+ "id": "aeaab140-6e11-44b8-a4fd-bd21f17b67a2",
1679
+ "path": [
1680
+ 3.0,
1681
+ 1.0
1682
+ ],
1683
+ "type": "TEXT",
1684
+ "name": "SysTextComponent",
1685
+ "version": "1.0.0",
1686
+ "props": {
1687
+ "adaptiveStyles": {
1688
+ "desktop": [
1689
+ {
1690
+ "element": "host",
1691
+ "styleAttributes": {
1692
+ "width": "100%",
1693
+ "height": "100%",
1694
+ "marginTop": "0px",
1695
+ "marginBottom": "0px",
1696
+ "marginLeft": "0px",
1697
+ "marginRight": "0px"
1698
+ }
1699
+ },
1700
+ {
1701
+ "element": "text",
1702
+ "styleAttributes": {
1703
+ "paddingTop": "0px",
1704
+ "paddingBottom": "0px",
1705
+ "paddingLeft": "0px",
1706
+ "paddingRight": "0px"
1707
+ },
1708
+ "classes": "cl-text-class-regular-text"
1709
+ }
1710
+ ],
1711
+ "mobile": [
1712
+ {
1713
+ "element": "host",
1714
+ "styleAttributes": {
1715
+ "width": "100%",
1716
+ "height": "100%",
1717
+ "marginTop": "0px",
1718
+ "marginBottom": "0px",
1719
+ "marginLeft": "0px",
1720
+ "marginRight": "0px"
1721
+ }
1722
+ },
1723
+ {
1724
+ "element": "text",
1725
+ "styleAttributes": {
1726
+ "paddingTop": "0px",
1727
+ "paddingBottom": "0px",
1728
+ "paddingLeft": "0px",
1729
+ "paddingRight": "0px"
1730
+ },
1731
+ "classes": "cl-text-class-regular-text"
1732
+ }
1733
+ ]
1734
+ },
1735
+ "content": {
1736
+ "text": "??? ?? ??????? ??? ?????????. ????????? ?????????? ???? ?? ???"
1737
+ }
1738
+ }
1739
+ },
1740
+ {
1741
+ "id": "7e0afa03-f7e7-4ae3-9a9f-da580e11dc1c",
1742
+ "path": [
1743
+ 3.0,
1744
+ 2.0
1745
+ ],
1746
+ "type": "BUTTON",
1747
+ "name": "SysButtonComponent",
1748
+ "version": "1.0.0",
1749
+ "props": {
1750
+ "adaptiveStyles": {
1751
+ "desktop": [
1752
+ {
1753
+ "element": "host",
1754
+ "styleAttributes": {
1755
+ "minWidth": "200px",
1756
+ "height": "43px",
1757
+ "minHeight": "43px",
1758
+ "marginTop": "0px",
1759
+ "marginBottom": "0px",
1760
+ "marginLeft": "0px",
1761
+ "marginRight": "0px",
1762
+ "width": "200px"
1763
+ }
1764
+ },
1765
+ {
1766
+ "element": "button",
1767
+ "styleAttributes": {
1768
+ "width": "100%",
1769
+ "height": "100%",
1770
+ "background": "rgba(255, 150, 220, 1)",
1771
+ "borderStyle": "solid",
1772
+ "borderTopWidth": "0px",
1773
+ "borderTopColor": "rgb(243, 73, 44)",
1774
+ "borderBottomWidth": "0px",
1775
+ "borderBottomColor": "rgb(243, 73, 44)",
1776
+ "borderLeftWidth": "0px",
1777
+ "borderLeftColor": "rgb(243, 73, 44)",
1778
+ "borderRightWidth": "0px",
1779
+ "borderRightColor": "rgb(243, 73, 44)",
1780
+ "borderTopLeftRadius": "0px",
1781
+ "borderTopRightRadius": "0px",
1782
+ "borderBottomLeftRadius": "0px",
1783
+ "borderBottomRightRadius": "0px",
1784
+ "boxShadow": "none",
1785
+ "paddingTop": "0px",
1786
+ "paddingBottom": "0px",
1787
+ "paddingLeft": "0px",
1788
+ "paddingRight": "0px"
1789
+ },
1790
+ "hoverStyleAttributes": {
1791
+ "borderTopColor": "rgb(0, 0, 0)",
1792
+ "borderBottomColor": "rgb(0, 0, 0)",
1793
+ "borderLeftColor": "rgb(0, 0, 0)",
1794
+ "borderRightColor": "rgb(0, 0, 0)"
1795
+ },
1796
+ "classes": "cl-text-class-button"
1797
+ }
1798
+ ],
1799
+ "mobile": [
1800
+ {
1801
+ "element": "host",
1802
+ "styleAttributes": {
1803
+ "height": "43px",
1804
+ "minHeight": "43px",
1805
+ "marginTop": "0px",
1806
+ "marginBottom": "0px",
1807
+ "marginLeft": "0px",
1808
+ "marginRight": "0px",
1809
+ "width": "100%"
1810
+ }
1811
+ },
1812
+ {
1813
+ "element": "button",
1814
+ "styleAttributes": {
1815
+ "width": "100%",
1816
+ "height": "100%",
1817
+ "background": "rgba(255, 150, 220, 1)",
1818
+ "borderStyle": "solid",
1819
+ "borderTopWidth": "0px",
1820
+ "borderTopColor": "rgb(243, 73, 44)",
1821
+ "borderBottomWidth": "0px",
1822
+ "borderBottomColor": "rgb(243, 73, 44)",
1823
+ "borderLeftWidth": "0px",
1824
+ "borderLeftColor": "rgb(243, 73, 44)",
1825
+ "borderRightWidth": "0px",
1826
+ "borderRightColor": "rgb(243, 73, 44)",
1827
+ "borderTopLeftRadius": "0px",
1828
+ "borderTopRightRadius": "0px",
1829
+ "borderBottomLeftRadius": "0px",
1830
+ "borderBottomRightRadius": "0px",
1831
+ "boxShadow": "none",
1832
+ "paddingTop": "0px",
1833
+ "paddingBottom": "0px",
1834
+ "paddingLeft": "0px",
1835
+ "paddingRight": "0px"
1836
+ },
1837
+ "hoverStyleAttributes": {
1838
+ "borderTopColor": "rgb(0, 0, 0)",
1839
+ "borderBottomColor": "rgb(0, 0, 0)",
1840
+ "borderLeftColor": "rgb(0, 0, 0)",
1841
+ "borderRightColor": "rgb(0, 0, 0)"
1842
+ },
1843
+ "classes": "cl-text-class-button"
1844
+ }
1845
+ ]
1846
+ },
1847
+ "content": {
1848
+ "text": "????????? ??????"
1849
+ },
1850
+ "handlers": [
1851
+ {
1852
+ "type": "CLICK",
1853
+ "relativeSelector": "button",
1854
+ "actions": [
1855
+ {
1856
+ "type": "SUBSCRIBE_CONTACT",
1857
+ "params": {}
1858
+ }
1859
+ ]
1860
+ }
1861
+ ]
1862
+ }
1863
+ }
1864
+ ]
1865
+ }
1866
+ ]
1867
+ }
1868
+ },
1869
+ "rules": {},
1870
+ "size": {
1871
+ "width": "642px",
1872
+ "height": "490px"
1873
+ },
1874
+ "launchers": [],
1875
+ "layouts": [],
1876
+ "useCases": [],
1877
+ "type": "DYNAMIC",
1878
+ "createdDate": "May 28, 2022, 11:43:16 AM",
1879
+ "updatedDate": "May 28, 2022, 11:43:16 AM",
1880
+ "active": true
1881
+ }
1882
+ ]
1883
+ )
1884
+ });
1885
+
1886
+ }
1887
+ });