@antscorp/antsomi-ui 1.3.3-beta.4 → 1.3.3-beta.41

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 (197) hide show
  1. package/es/assets/images/iphone-top-bar.png +0 -0
  2. package/es/assets/images/iphone.png +0 -0
  3. package/es/assets/images/stars_slider.png +0 -0
  4. package/es/components/atoms/Input/Input.d.ts +3 -0
  5. package/es/components/atoms/Input/Input.js +4 -3
  6. package/es/components/atoms/InputDynamic/EditCaretPositioning.d.ts +2 -0
  7. package/es/components/atoms/InputDynamic/EditCaretPositioning.js +89 -0
  8. package/es/components/atoms/InputDynamic/InputDynamic.d.ts +30 -0
  9. package/es/components/atoms/InputDynamic/InputDynamic.js +320 -0
  10. package/es/components/atoms/InputDynamic/PopupShortLink.d.ts +16 -0
  11. package/es/components/atoms/InputDynamic/PopupShortLink.js +85 -0
  12. package/es/components/atoms/InputDynamic/index.d.ts +2 -0
  13. package/es/components/atoms/InputDynamic/index.js +1 -0
  14. package/es/components/atoms/InputDynamic/styled.d.ts +12 -0
  15. package/es/components/atoms/InputDynamic/styled.js +281 -0
  16. package/es/components/atoms/InputDynamic/utils.d.ts +22 -0
  17. package/es/components/atoms/InputDynamic/utils.js +751 -0
  18. package/es/components/atoms/MobileFrame/MobileFrame.d.ts +4 -0
  19. package/es/components/atoms/MobileFrame/MobileFrame.js +22 -0
  20. package/es/components/atoms/MobileFrame/constants.d.ts +4 -0
  21. package/es/components/atoms/MobileFrame/constants.js +4 -0
  22. package/es/components/atoms/MobileFrame/index.d.ts +2 -0
  23. package/es/components/atoms/MobileFrame/index.js +1 -0
  24. package/es/components/atoms/MobileFrame/styled.d.ts +3 -0
  25. package/es/components/atoms/MobileFrame/styled.js +33 -0
  26. package/es/components/atoms/Pagination/index.d.ts +1 -0
  27. package/es/components/atoms/PreviewTabs/PreviewTabs.d.ts +7 -0
  28. package/es/components/atoms/PreviewTabs/PreviewTabs.js +67 -0
  29. package/es/components/atoms/PreviewTabs/index.d.ts +2 -0
  30. package/es/components/atoms/PreviewTabs/index.js +1 -0
  31. package/es/components/atoms/PreviewTabs/styled.d.ts +6 -0
  32. package/es/components/atoms/PreviewTabs/styled.js +79 -0
  33. package/es/components/atoms/RateV2/RateV2.d.ts +18 -0
  34. package/es/components/atoms/RateV2/RateV2.js +73 -0
  35. package/es/components/atoms/RateV2/index.d.ts +1 -0
  36. package/es/components/atoms/RateV2/index.js +1 -0
  37. package/es/components/atoms/RequiredLabel/index.d.ts +1 -0
  38. package/es/components/atoms/RequiredLabel/index.js +4 -3
  39. package/es/components/atoms/Slider/index.d.ts +2 -1
  40. package/es/components/atoms/Slider/index.js +7 -14
  41. package/es/components/atoms/SliderV2/index.d.ts +6 -0
  42. package/es/components/atoms/SliderV2/index.js +21 -0
  43. package/es/components/atoms/Spin/Spin.d.ts +2 -1
  44. package/es/components/atoms/Spin/styled.d.ts +1 -1
  45. package/es/components/atoms/index.d.ts +7 -0
  46. package/es/components/atoms/index.js +5 -0
  47. package/es/components/common/ConfigProvider/GlobalStyle.js +66 -2
  48. package/es/components/icons/ArrowGrowIcon.d.ts +2 -1
  49. package/es/components/icons/AudioRecordIcon.d.ts +2 -1
  50. package/es/components/icons/BugIcon.d.ts +2 -1
  51. package/es/components/icons/CameraIcon.d.ts +2 -1
  52. package/es/components/icons/CaptureIcon.d.ts +2 -1
  53. package/es/components/icons/CheckSlimIcon.d.ts +2 -1
  54. package/es/components/icons/CloseIcon.d.ts +2 -1
  55. package/es/components/icons/CommentIcon.d.ts +2 -1
  56. package/es/components/icons/EventIcon.d.ts +2 -1
  57. package/es/components/icons/FreeDrawIcon.d.ts +2 -1
  58. package/es/components/icons/GPTIcon.d.ts +2 -1
  59. package/es/components/icons/GPTIconV2.d.ts +2 -1
  60. package/es/components/icons/GPTIconV3.d.ts +2 -1
  61. package/es/components/icons/HighlightIcon.d.ts +2 -1
  62. package/es/components/icons/IdeaIcon.d.ts +2 -1
  63. package/es/components/icons/InvisibleIcon.d.ts +2 -1
  64. package/es/components/icons/MuteIcon.d.ts +2 -1
  65. package/es/components/icons/OpenUrlIcon.d.ts +2 -1
  66. package/es/components/icons/PauseIcon.d.ts +2 -1
  67. package/es/components/icons/PlaneIcon.d.ts +2 -1
  68. package/es/components/icons/RequestIcon.d.ts +2 -1
  69. package/es/components/icons/StopRecordIcon.d.ts +2 -1
  70. package/es/components/icons/UserIcon.d.ts +2 -1
  71. package/es/components/icons/VerticalDotsIcon.d.ts +2 -1
  72. package/es/components/icons/WarningIcon.d.ts +2 -1
  73. package/es/components/molecules/CaptureScreen/CaptureScreen.d.ts +2 -1
  74. package/es/components/molecules/CaptureScreen/components/CommentBox/CommentBox.d.ts +2 -1
  75. package/es/components/molecules/CaptureScreen/components/Cursor/Cursor.d.ts +2 -1
  76. package/es/components/molecules/FontSetting/constants.d.ts +3 -0
  77. package/es/components/molecules/FontSetting/constants.js +22 -0
  78. package/es/components/molecules/FontSetting/index.d.ts +10 -4
  79. package/es/components/molecules/FontSetting/index.js +36 -35
  80. package/es/components/molecules/FontSetting/types.d.ts +1 -1
  81. package/es/components/molecules/Modal/Modal.d.ts +2 -2
  82. package/es/components/molecules/Modal/index.d.ts +1 -0
  83. package/es/components/molecules/Modal/styled.d.ts +1 -1
  84. package/es/components/molecules/ModalV2/ModalV2.d.ts +5 -0
  85. package/es/components/molecules/ModalV2/ModalV2.js +26 -0
  86. package/es/components/molecules/ModalV2/index.d.ts +2 -0
  87. package/es/components/molecules/ModalV2/index.js +1 -0
  88. package/es/components/molecules/ModalV2/styled.d.ts +7 -0
  89. package/es/components/molecules/ModalV2/styled.js +22 -0
  90. package/es/components/molecules/PreviewModal/PreviewModal.d.ts +7 -0
  91. package/es/components/molecules/PreviewModal/PreviewModal.js +30 -0
  92. package/es/components/molecules/PreviewModal/index.d.ts +2 -0
  93. package/es/components/molecules/PreviewModal/index.js +1 -0
  94. package/es/components/molecules/PreviewModal/styled.d.ts +4 -0
  95. package/es/components/molecules/PreviewModal/styled.js +39 -0
  96. package/es/components/molecules/ResizeGrid/ResizeGrid.d.ts +3 -0
  97. package/es/components/molecules/ResizeGrid/ResizeGrid.js +719 -0
  98. package/es/components/molecules/ResizeGrid/components/Cell/Cell.d.ts +3 -0
  99. package/es/components/molecules/ResizeGrid/components/Cell/Cell.js +86 -0
  100. package/es/components/molecules/ResizeGrid/components/Cell/index.d.ts +1 -0
  101. package/es/components/molecules/ResizeGrid/components/Cell/index.js +1 -0
  102. package/es/components/molecules/ResizeGrid/components/Cell/styled.d.ts +3 -0
  103. package/es/components/molecules/ResizeGrid/components/Cell/styled.js +80 -0
  104. package/es/components/molecules/ResizeGrid/constant.d.ts +35 -0
  105. package/es/components/molecules/ResizeGrid/constant.js +111 -0
  106. package/es/components/molecules/ResizeGrid/index.d.ts +2 -0
  107. package/es/components/molecules/ResizeGrid/index.js +1 -0
  108. package/es/components/molecules/ResizeGrid/styled.d.ts +10 -0
  109. package/es/components/molecules/ResizeGrid/styled.js +56 -0
  110. package/es/components/molecules/ResizeGrid/types.d.ts +147 -0
  111. package/es/components/molecules/ResizeGrid/types.js +1 -0
  112. package/es/components/molecules/RichMenu/RichMenuBlock/RichMenuBlock.d.ts +9 -0
  113. package/es/components/molecules/RichMenu/RichMenuBlock/RichMenuBlock.js +49 -0
  114. package/es/components/molecules/RichMenu/RichMenuBlock/RichMenuCell/index.d.ts +10 -0
  115. package/es/components/molecules/RichMenu/RichMenuBlock/RichMenuCell/index.js +47 -0
  116. package/es/components/molecules/RichMenu/RichMenuBlock/RichMenuCell/styled.d.ts +8 -0
  117. package/es/components/molecules/RichMenu/RichMenuBlock/RichMenuCell/styled.js +36 -0
  118. package/es/components/molecules/RichMenu/RichMenuBlock/constants.d.ts +2 -0
  119. package/es/components/molecules/RichMenu/RichMenuBlock/constants.js +765 -0
  120. package/es/components/molecules/RichMenu/RichMenuBlock/index.d.ts +3 -0
  121. package/es/components/molecules/RichMenu/RichMenuBlock/index.js +2 -0
  122. package/es/components/molecules/RichMenu/RichMenuBlock/styled.d.ts +9 -0
  123. package/es/components/molecules/RichMenu/RichMenuBlock/styled.js +17 -0
  124. package/es/components/molecules/RichMenu/RichMenuChatBar/RichMenuChatBar.d.ts +10 -0
  125. package/es/components/molecules/RichMenu/RichMenuChatBar/RichMenuChatBar.js +32 -0
  126. package/es/components/molecules/RichMenu/RichMenuChatBar/TypingChat/index.d.ts +6 -0
  127. package/es/components/molecules/RichMenu/RichMenuChatBar/TypingChat/index.js +15 -0
  128. package/es/components/molecules/RichMenu/RichMenuChatBar/TypingChat/styled.d.ts +4 -0
  129. package/es/components/molecules/RichMenu/RichMenuChatBar/TypingChat/styled.js +47 -0
  130. package/es/components/molecules/RichMenu/RichMenuChatBar/index.d.ts +2 -0
  131. package/es/components/molecules/RichMenu/RichMenuChatBar/index.js +1 -0
  132. package/es/components/molecules/RichMenu/RichMenuChatBar/styled.d.ts +9 -0
  133. package/es/components/molecules/RichMenu/RichMenuChatBar/styled.js +37 -0
  134. package/es/components/molecules/RichMenu/RichMenuMobileView/RichMenuMobileView.d.ts +10 -0
  135. package/es/components/molecules/RichMenu/RichMenuMobileView/RichMenuMobileView.js +37 -0
  136. package/es/components/molecules/RichMenu/RichMenuMobileView/index.d.ts +1 -0
  137. package/es/components/molecules/RichMenu/RichMenuMobileView/index.js +1 -0
  138. package/es/components/molecules/RichMenu/RichMenuMobileView/styled.d.ts +6 -0
  139. package/es/components/molecules/RichMenu/RichMenuMobileView/styled.js +20 -0
  140. package/es/components/molecules/RichMenu/index.d.ts +3 -0
  141. package/es/components/molecules/RichMenu/index.js +3 -0
  142. package/es/components/molecules/Select/Select.d.ts +4 -2
  143. package/es/components/molecules/Select/Test.d.ts +2 -1
  144. package/es/components/molecules/TreeSelect/TreeSelect.d.ts +4 -2
  145. package/es/components/molecules/UploadImage/MediaIcon.d.ts +2 -1
  146. package/es/components/molecules/index.d.ts +6 -0
  147. package/es/components/molecules/index.js +4 -0
  148. package/es/components/organism/Help/styled.d.ts +6 -2
  149. package/es/constants/index.d.ts +1 -0
  150. package/es/constants/index.js +1 -0
  151. package/es/constants/richMenu.d.ts +19 -0
  152. package/es/constants/richMenu.js +19 -0
  153. package/es/constants/storybook.d.ts +2 -1
  154. package/es/constants/theme.js +13 -2
  155. package/es/hooks/useDeepCompareEffect.d.ts +1 -0
  156. package/es/hooks/useDeepCompareEffect.js +21 -0
  157. package/es/locales/en/translation.json +3 -1
  158. package/es/locales/i18n.d.ts +3 -0
  159. package/es/locales/translations.d.ts +2 -0
  160. package/es/locales/vi/translation.json +2 -1
  161. package/es/test.d.ts +2 -1
  162. package/es/test.js +164 -66
  163. package/es/types/index.d.ts +12 -0
  164. package/es/types/index.js +2 -1
  165. package/es/types/richMenu.d.ts +191 -0
  166. package/es/types/richMenu.js +1 -0
  167. package/es/types/variables.d.ts +2 -0
  168. package/es/types/variables.js +1 -0
  169. package/es/utils/common.d.ts +2 -0
  170. package/es/utils/common.js +16 -0
  171. package/es/utils/handleError.d.ts +32 -2
  172. package/es/utils/handleError.js +42 -4
  173. package/package.json +8 -6
  174. package/dist/0173b5993573afa04880.woff +0 -0
  175. package/dist/0dfb9214dfd945cd7290.png +0 -1
  176. package/dist/2883cad25a2b4e87ce5f.eot +0 -0
  177. package/dist/4f54a37971347e3d7122.png +0 -1
  178. package/dist/574b7bee0563a9fe9a29.png +0 -1
  179. package/dist/6b586356e837581204dc.svg +0 -1
  180. package/dist/72eec5c1c786b45a667f.ttf +0 -0
  181. package/dist/bc6bf11c6f5e6743aa4c.png +0 -1
  182. package/dist/dbc405edd6e0806efbc9.svg +0 -1
  183. package/dist/e32f09119052a55cce3c.png +0 -1
  184. package/dist/e3851b9384a984c6fdb5.png +0 -1
  185. package/dist/index.js +0 -2
  186. package/dist/index.js.LICENSE.txt +0 -69
  187. package/dist/main.css +0 -69
  188. package/dist/public/icons/2d496b55d85a9545d7311c073af442bb.png +0 -0
  189. package/dist/public/icons/2fbb4e0927d18e3f8e5c6511ab88d5b3.png +0 -0
  190. package/dist/public/icons/725a52bd91a3ce534b10833df510e5fa.png +0 -0
  191. package/dist/public/icons/7d037e0b378e87a82804443636cd0e13.svg +0 -346
  192. package/dist/public/icons/90553767e0a05b9585a54797cfd9ce51.png +0 -0
  193. package/dist/public/icons/bb64e23a1ff390a416d765ee556096ab.svg +0 -87
  194. package/dist/public/icons/d327b24e9c5d8f486f08d253aab58ce6.png +0 -0
  195. package/dist/public/icons/f1cf266d0a0a53ce07f2dbb859869b7a.png +0 -0
  196. package/dist/public/icons/placeholder-image.png +0 -0
  197. package/dist/public/icons/transparent.svg +0 -1
@@ -0,0 +1,765 @@
1
+ export const SAMPLE_RICHMENU = {
2
+ id: '7eqstz6ez3',
3
+ menuName: 'Untitled Menu 2024-01-17 10:55:34',
4
+ aliasId: '',
5
+ isDefault: true,
6
+ cells: [
7
+ {
8
+ rowEnd: 2,
9
+ colEnd: 2,
10
+ action: {
11
+ type: 'message',
12
+ text: 'Hello',
13
+ },
14
+ image: {
15
+ imageUrl: '',
16
+ imageStyles: {
17
+ borderTopLeftRadius: '0px',
18
+ borderTopRightRadius: '0px',
19
+ borderBottomRightRadius: '0px',
20
+ borderBottomLeftRadius: '0px',
21
+ borderTopWidth: '0px',
22
+ borderRightWidth: '0px',
23
+ borderBottomWidth: '0px',
24
+ borderLeftWidth: '0px',
25
+ borderStyle: 'solid',
26
+ borderColor: '#ffffff',
27
+ boxShadow: 'none',
28
+ opacity: 1,
29
+ width: '100%',
30
+ height: 'auto',
31
+ objectPosition: 'center center',
32
+ objectFit: 'unset',
33
+ paddingBottom: '0px',
34
+ paddingLeft: '0px',
35
+ paddingRight: '0px',
36
+ paddingTop: '0px',
37
+ },
38
+ imageSettings: {
39
+ borderRadiusStyle: 'none',
40
+ borderRadiusSuffix: 'px',
41
+ linkedBorderRadiusInput: true,
42
+ linkedBorderWidthInput: true,
43
+ boxShadowStyle: 'none',
44
+ boxShadowColor: 'rgba(0, 0, 0, 0.5)',
45
+ boxShadowBlur: '0px',
46
+ boxShadowSpread: '0px',
47
+ boxShadowHorizontal: '0px',
48
+ boxShadowVertical: '0px',
49
+ boxShadowInset: false,
50
+ widthSuffix: '%',
51
+ heightSuffix: 'auto',
52
+ linkedPaddingInput: false,
53
+ paddingSuffix: 'px',
54
+ },
55
+ },
56
+ outerContainerStyles: {
57
+ textAlign: 'center',
58
+ },
59
+ areaStyles: {
60
+ borderTopLeftRadius: '0px',
61
+ borderTopRightRadius: '0px',
62
+ borderBottomRightRadius: '0px',
63
+ borderBottomLeftRadius: '0px',
64
+ borderTopWidth: '0px',
65
+ borderRightWidth: '0px',
66
+ borderBottomWidth: '0px',
67
+ borderLeftWidth: '0px',
68
+ paddingTop: '0px',
69
+ paddingRight: '0px',
70
+ paddingBottom: '0px',
71
+ paddingLeft: '0px',
72
+ marginTop: '0px',
73
+ marginRight: '0px',
74
+ marginBottom: '0px',
75
+ marginLeft: '0px',
76
+ background: 'transparent',
77
+ borderStyle: 'none',
78
+ borderColor: '#000000',
79
+ boxShadow: 'none',
80
+ position: 'relative',
81
+ },
82
+ areaStylesSettings: {
83
+ borderRadiusStyle: 'none',
84
+ borderRadiusSuffix: 'px',
85
+ linkedBorderRadiusInput: true,
86
+ linkedBorderWidthInput: true,
87
+ linkedPaddingInput: false,
88
+ paddingSuffix: 'px',
89
+ linkedMarginInput: true,
90
+ marginSuffix: 'px',
91
+ boxShadowStyle: 'none',
92
+ boxShadowColor: '#ffffff',
93
+ boxShadowBlur: '0px',
94
+ boxShadowSpread: '0px',
95
+ boxShadowHorizontal: '0px',
96
+ boxShadowVertical: '0px',
97
+ boxShadowInset: false,
98
+ backgroundColor: 'transparent',
99
+ backgroundColorStyle: 'color',
100
+ backgroundPosition: 'left top',
101
+ backgroundRepeat: 'no-repeat',
102
+ backgroundSize: 'cover',
103
+ gradientType: 'linear-gradient',
104
+ radialPosition: 'center center',
105
+ linearAngle: 45,
106
+ gradients: [
107
+ {
108
+ gradientColor: '#ffffff',
109
+ gradientColorLocation: 0,
110
+ },
111
+ {
112
+ gradientColor: '#000000',
113
+ gradientColorLocation: 50,
114
+ },
115
+ ],
116
+ },
117
+ rowStart: 1,
118
+ colStart: 1,
119
+ active: false,
120
+ x: 0,
121
+ y: 0,
122
+ width: 111.984375,
123
+ height: 112,
124
+ },
125
+ {
126
+ rowEnd: 2,
127
+ colEnd: 3,
128
+ action: {
129
+ type: 'message',
130
+ text: '',
131
+ },
132
+ image: {
133
+ imageUrl: '',
134
+ imageStyles: {
135
+ borderTopLeftRadius: '0px',
136
+ borderTopRightRadius: '0px',
137
+ borderBottomRightRadius: '0px',
138
+ borderBottomLeftRadius: '0px',
139
+ borderTopWidth: '0px',
140
+ borderRightWidth: '0px',
141
+ borderBottomWidth: '0px',
142
+ borderLeftWidth: '0px',
143
+ borderStyle: 'solid',
144
+ borderColor: '#ffffff',
145
+ boxShadow: 'none',
146
+ opacity: 1,
147
+ width: '100%',
148
+ height: 'auto',
149
+ objectPosition: 'center center',
150
+ objectFit: 'unset',
151
+ paddingBottom: '0px',
152
+ paddingLeft: '0px',
153
+ paddingRight: '0px',
154
+ paddingTop: '0px',
155
+ },
156
+ imageSettings: {
157
+ borderRadiusStyle: 'none',
158
+ borderRadiusSuffix: 'px',
159
+ linkedBorderRadiusInput: true,
160
+ linkedBorderWidthInput: true,
161
+ boxShadowStyle: 'none',
162
+ boxShadowColor: 'rgba(0, 0, 0, 0.5)',
163
+ boxShadowBlur: '0px',
164
+ boxShadowSpread: '0px',
165
+ boxShadowHorizontal: '0px',
166
+ boxShadowVertical: '0px',
167
+ boxShadowInset: false,
168
+ widthSuffix: '%',
169
+ heightSuffix: 'auto',
170
+ linkedPaddingInput: false,
171
+ paddingSuffix: 'px',
172
+ },
173
+ },
174
+ outerContainerStyles: {
175
+ textAlign: 'center',
176
+ },
177
+ areaStyles: {
178
+ borderTopLeftRadius: '0px',
179
+ borderTopRightRadius: '0px',
180
+ borderBottomRightRadius: '0px',
181
+ borderBottomLeftRadius: '0px',
182
+ borderTopWidth: '0px',
183
+ borderRightWidth: '0px',
184
+ borderBottomWidth: '0px',
185
+ borderLeftWidth: '0px',
186
+ paddingTop: '0px',
187
+ paddingRight: '0px',
188
+ paddingBottom: '0px',
189
+ paddingLeft: '0px',
190
+ marginTop: '0px',
191
+ marginRight: '0px',
192
+ marginBottom: '0px',
193
+ marginLeft: '0px',
194
+ background: 'transparent',
195
+ borderStyle: 'none',
196
+ borderColor: '#000000',
197
+ boxShadow: 'none',
198
+ position: 'relative',
199
+ },
200
+ areaStylesSettings: {
201
+ borderRadiusStyle: 'none',
202
+ borderRadiusSuffix: 'px',
203
+ linkedBorderRadiusInput: true,
204
+ linkedBorderWidthInput: true,
205
+ linkedPaddingInput: false,
206
+ paddingSuffix: 'px',
207
+ linkedMarginInput: true,
208
+ marginSuffix: 'px',
209
+ boxShadowStyle: 'none',
210
+ boxShadowColor: '#ffffff',
211
+ boxShadowBlur: '0px',
212
+ boxShadowSpread: '0px',
213
+ boxShadowHorizontal: '0px',
214
+ boxShadowVertical: '0px',
215
+ boxShadowInset: false,
216
+ backgroundColor: 'transparent',
217
+ backgroundColorStyle: 'color',
218
+ backgroundPosition: 'left top',
219
+ backgroundRepeat: 'no-repeat',
220
+ backgroundSize: 'cover',
221
+ gradientType: 'linear-gradient',
222
+ radialPosition: 'center center',
223
+ linearAngle: 45,
224
+ gradients: [
225
+ {
226
+ gradientColor: '#ffffff',
227
+ gradientColorLocation: 0,
228
+ },
229
+ {
230
+ gradientColor: '#000000',
231
+ gradientColorLocation: 50,
232
+ },
233
+ ],
234
+ },
235
+ rowStart: 1,
236
+ colStart: 2,
237
+ active: false,
238
+ x: 111.984375,
239
+ y: 0,
240
+ width: 111.984375,
241
+ height: 112,
242
+ },
243
+ {
244
+ rowEnd: 2,
245
+ colEnd: 4,
246
+ action: {
247
+ type: 'none',
248
+ },
249
+ image: {
250
+ imageUrl: '',
251
+ imageStyles: {
252
+ borderTopLeftRadius: '0px',
253
+ borderTopRightRadius: '0px',
254
+ borderBottomRightRadius: '0px',
255
+ borderBottomLeftRadius: '0px',
256
+ borderTopWidth: '0px',
257
+ borderRightWidth: '0px',
258
+ borderBottomWidth: '0px',
259
+ borderLeftWidth: '0px',
260
+ borderStyle: 'solid',
261
+ borderColor: '#ffffff',
262
+ boxShadow: 'none',
263
+ opacity: 1,
264
+ width: '100%',
265
+ height: 'auto',
266
+ objectPosition: 'center center',
267
+ objectFit: 'unset',
268
+ paddingBottom: '0px',
269
+ paddingLeft: '0px',
270
+ paddingRight: '0px',
271
+ paddingTop: '0px',
272
+ },
273
+ imageSettings: {
274
+ borderRadiusStyle: 'none',
275
+ borderRadiusSuffix: 'px',
276
+ linkedBorderRadiusInput: true,
277
+ linkedBorderWidthInput: true,
278
+ boxShadowStyle: 'none',
279
+ boxShadowColor: 'rgba(0, 0, 0, 0.5)',
280
+ boxShadowBlur: '0px',
281
+ boxShadowSpread: '0px',
282
+ boxShadowHorizontal: '0px',
283
+ boxShadowVertical: '0px',
284
+ boxShadowInset: false,
285
+ widthSuffix: '%',
286
+ heightSuffix: 'auto',
287
+ linkedPaddingInput: false,
288
+ paddingSuffix: 'px',
289
+ },
290
+ },
291
+ outerContainerStyles: {
292
+ textAlign: 'center',
293
+ },
294
+ areaStyles: {
295
+ borderTopLeftRadius: '0px',
296
+ borderTopRightRadius: '0px',
297
+ borderBottomRightRadius: '0px',
298
+ borderBottomLeftRadius: '0px',
299
+ borderTopWidth: '0px',
300
+ borderRightWidth: '0px',
301
+ borderBottomWidth: '0px',
302
+ borderLeftWidth: '0px',
303
+ paddingTop: '0px',
304
+ paddingRight: '0px',
305
+ paddingBottom: '0px',
306
+ paddingLeft: '0px',
307
+ marginTop: '0px',
308
+ marginRight: '0px',
309
+ marginBottom: '0px',
310
+ marginLeft: '0px',
311
+ background: 'transparent',
312
+ borderStyle: 'none',
313
+ borderColor: '#000000',
314
+ boxShadow: 'none',
315
+ position: 'relative',
316
+ },
317
+ areaStylesSettings: {
318
+ borderRadiusStyle: 'none',
319
+ borderRadiusSuffix: 'px',
320
+ linkedBorderRadiusInput: true,
321
+ linkedBorderWidthInput: true,
322
+ linkedPaddingInput: false,
323
+ paddingSuffix: 'px',
324
+ linkedMarginInput: true,
325
+ marginSuffix: 'px',
326
+ boxShadowStyle: 'none',
327
+ boxShadowColor: '#ffffff',
328
+ boxShadowBlur: '0px',
329
+ boxShadowSpread: '0px',
330
+ boxShadowHorizontal: '0px',
331
+ boxShadowVertical: '0px',
332
+ boxShadowInset: false,
333
+ backgroundColor: 'transparent',
334
+ backgroundColorStyle: 'color',
335
+ backgroundPosition: 'left top',
336
+ backgroundRepeat: 'no-repeat',
337
+ backgroundSize: 'cover',
338
+ gradientType: 'linear-gradient',
339
+ radialPosition: 'center center',
340
+ linearAngle: 45,
341
+ gradients: [
342
+ {
343
+ gradientColor: '#ffffff',
344
+ gradientColorLocation: 0,
345
+ },
346
+ {
347
+ gradientColor: '#000000',
348
+ gradientColorLocation: 50,
349
+ },
350
+ ],
351
+ },
352
+ rowStart: 1,
353
+ colStart: 3,
354
+ active: false,
355
+ x: 223.96875,
356
+ y: 0,
357
+ width: 111.984375,
358
+ height: 112,
359
+ },
360
+ {
361
+ rowEnd: 3,
362
+ colEnd: 2,
363
+ action: {
364
+ type: 'none',
365
+ },
366
+ image: {
367
+ imageUrl: '',
368
+ imageStyles: {
369
+ borderTopLeftRadius: '0px',
370
+ borderTopRightRadius: '0px',
371
+ borderBottomRightRadius: '0px',
372
+ borderBottomLeftRadius: '0px',
373
+ borderTopWidth: '0px',
374
+ borderRightWidth: '0px',
375
+ borderBottomWidth: '0px',
376
+ borderLeftWidth: '0px',
377
+ borderStyle: 'solid',
378
+ borderColor: '#ffffff',
379
+ boxShadow: 'none',
380
+ opacity: 1,
381
+ width: '100%',
382
+ height: 'auto',
383
+ objectPosition: 'center center',
384
+ objectFit: 'unset',
385
+ paddingBottom: '0px',
386
+ paddingLeft: '0px',
387
+ paddingRight: '0px',
388
+ paddingTop: '0px',
389
+ },
390
+ imageSettings: {
391
+ borderRadiusStyle: 'none',
392
+ borderRadiusSuffix: 'px',
393
+ linkedBorderRadiusInput: true,
394
+ linkedBorderWidthInput: true,
395
+ boxShadowStyle: 'none',
396
+ boxShadowColor: 'rgba(0, 0, 0, 0.5)',
397
+ boxShadowBlur: '0px',
398
+ boxShadowSpread: '0px',
399
+ boxShadowHorizontal: '0px',
400
+ boxShadowVertical: '0px',
401
+ boxShadowInset: false,
402
+ widthSuffix: '%',
403
+ heightSuffix: 'auto',
404
+ linkedPaddingInput: false,
405
+ paddingSuffix: 'px',
406
+ },
407
+ },
408
+ outerContainerStyles: {
409
+ textAlign: 'center',
410
+ },
411
+ areaStyles: {
412
+ borderTopLeftRadius: '0px',
413
+ borderTopRightRadius: '0px',
414
+ borderBottomRightRadius: '0px',
415
+ borderBottomLeftRadius: '0px',
416
+ borderTopWidth: '0px',
417
+ borderRightWidth: '0px',
418
+ borderBottomWidth: '0px',
419
+ borderLeftWidth: '0px',
420
+ paddingTop: '0px',
421
+ paddingRight: '0px',
422
+ paddingBottom: '0px',
423
+ paddingLeft: '0px',
424
+ marginTop: '0px',
425
+ marginRight: '0px',
426
+ marginBottom: '0px',
427
+ marginLeft: '0px',
428
+ background: 'transparent',
429
+ borderStyle: 'none',
430
+ borderColor: '#000000',
431
+ boxShadow: 'none',
432
+ position: 'relative',
433
+ },
434
+ areaStylesSettings: {
435
+ borderRadiusStyle: 'none',
436
+ borderRadiusSuffix: 'px',
437
+ linkedBorderRadiusInput: true,
438
+ linkedBorderWidthInput: true,
439
+ linkedPaddingInput: false,
440
+ paddingSuffix: 'px',
441
+ linkedMarginInput: true,
442
+ marginSuffix: 'px',
443
+ boxShadowStyle: 'none',
444
+ boxShadowColor: '#ffffff',
445
+ boxShadowBlur: '0px',
446
+ boxShadowSpread: '0px',
447
+ boxShadowHorizontal: '0px',
448
+ boxShadowVertical: '0px',
449
+ boxShadowInset: false,
450
+ backgroundColor: 'transparent',
451
+ backgroundColorStyle: 'color',
452
+ backgroundPosition: 'left top',
453
+ backgroundRepeat: 'no-repeat',
454
+ backgroundSize: 'cover',
455
+ gradientType: 'linear-gradient',
456
+ radialPosition: 'center center',
457
+ linearAngle: 45,
458
+ gradients: [
459
+ {
460
+ gradientColor: '#ffffff',
461
+ gradientColorLocation: 0,
462
+ },
463
+ {
464
+ gradientColor: '#000000',
465
+ gradientColorLocation: 50,
466
+ },
467
+ ],
468
+ },
469
+ rowStart: 2,
470
+ colStart: 1,
471
+ active: false,
472
+ x: 0,
473
+ y: 112,
474
+ width: 111.984375,
475
+ height: 112,
476
+ },
477
+ {
478
+ rowEnd: 3,
479
+ colEnd: 3,
480
+ action: {
481
+ type: 'none',
482
+ },
483
+ image: {
484
+ imageUrl: '',
485
+ imageStyles: {
486
+ borderTopLeftRadius: '0px',
487
+ borderTopRightRadius: '0px',
488
+ borderBottomRightRadius: '0px',
489
+ borderBottomLeftRadius: '0px',
490
+ borderTopWidth: '0px',
491
+ borderRightWidth: '0px',
492
+ borderBottomWidth: '0px',
493
+ borderLeftWidth: '0px',
494
+ borderStyle: 'solid',
495
+ borderColor: '#ffffff',
496
+ boxShadow: 'none',
497
+ opacity: 1,
498
+ width: '100%',
499
+ height: 'auto',
500
+ objectPosition: 'center center',
501
+ objectFit: 'unset',
502
+ paddingBottom: '0px',
503
+ paddingLeft: '0px',
504
+ paddingRight: '0px',
505
+ paddingTop: '0px',
506
+ },
507
+ imageSettings: {
508
+ borderRadiusStyle: 'none',
509
+ borderRadiusSuffix: 'px',
510
+ linkedBorderRadiusInput: true,
511
+ linkedBorderWidthInput: true,
512
+ boxShadowStyle: 'none',
513
+ boxShadowColor: 'rgba(0, 0, 0, 0.5)',
514
+ boxShadowBlur: '0px',
515
+ boxShadowSpread: '0px',
516
+ boxShadowHorizontal: '0px',
517
+ boxShadowVertical: '0px',
518
+ boxShadowInset: false,
519
+ widthSuffix: '%',
520
+ heightSuffix: 'auto',
521
+ linkedPaddingInput: false,
522
+ paddingSuffix: 'px',
523
+ },
524
+ },
525
+ outerContainerStyles: {
526
+ textAlign: 'center',
527
+ },
528
+ areaStyles: {
529
+ borderTopLeftRadius: '0px',
530
+ borderTopRightRadius: '0px',
531
+ borderBottomRightRadius: '0px',
532
+ borderBottomLeftRadius: '0px',
533
+ borderTopWidth: '0px',
534
+ borderRightWidth: '0px',
535
+ borderBottomWidth: '0px',
536
+ borderLeftWidth: '0px',
537
+ paddingTop: '0px',
538
+ paddingRight: '0px',
539
+ paddingBottom: '0px',
540
+ paddingLeft: '0px',
541
+ marginTop: '0px',
542
+ marginRight: '0px',
543
+ marginBottom: '0px',
544
+ marginLeft: '0px',
545
+ background: 'transparent',
546
+ borderStyle: 'none',
547
+ borderColor: '#000000',
548
+ boxShadow: 'none',
549
+ position: 'relative',
550
+ },
551
+ areaStylesSettings: {
552
+ borderRadiusStyle: 'none',
553
+ borderRadiusSuffix: 'px',
554
+ linkedBorderRadiusInput: true,
555
+ linkedBorderWidthInput: true,
556
+ linkedPaddingInput: false,
557
+ paddingSuffix: 'px',
558
+ linkedMarginInput: true,
559
+ marginSuffix: 'px',
560
+ boxShadowStyle: 'none',
561
+ boxShadowColor: '#ffffff',
562
+ boxShadowBlur: '0px',
563
+ boxShadowSpread: '0px',
564
+ boxShadowHorizontal: '0px',
565
+ boxShadowVertical: '0px',
566
+ boxShadowInset: false,
567
+ backgroundColor: 'transparent',
568
+ backgroundColorStyle: 'color',
569
+ backgroundPosition: 'left top',
570
+ backgroundRepeat: 'no-repeat',
571
+ backgroundSize: 'cover',
572
+ gradientType: 'linear-gradient',
573
+ radialPosition: 'center center',
574
+ linearAngle: 45,
575
+ gradients: [
576
+ {
577
+ gradientColor: '#ffffff',
578
+ gradientColorLocation: 0,
579
+ },
580
+ {
581
+ gradientColor: '#000000',
582
+ gradientColorLocation: 50,
583
+ },
584
+ ],
585
+ },
586
+ rowStart: 2,
587
+ colStart: 2,
588
+ active: false,
589
+ x: 111.984375,
590
+ y: 112,
591
+ width: 111.984375,
592
+ height: 112,
593
+ },
594
+ {
595
+ rowEnd: 3,
596
+ colEnd: 4,
597
+ action: {
598
+ type: 'none',
599
+ },
600
+ image: {
601
+ imageUrl: '',
602
+ imageStyles: {
603
+ borderTopLeftRadius: '0px',
604
+ borderTopRightRadius: '0px',
605
+ borderBottomRightRadius: '0px',
606
+ borderBottomLeftRadius: '0px',
607
+ borderTopWidth: '0px',
608
+ borderRightWidth: '0px',
609
+ borderBottomWidth: '0px',
610
+ borderLeftWidth: '0px',
611
+ borderStyle: 'solid',
612
+ borderColor: '#ffffff',
613
+ boxShadow: 'none',
614
+ opacity: 1,
615
+ width: '100%',
616
+ height: 'auto',
617
+ objectPosition: 'center center',
618
+ objectFit: 'unset',
619
+ paddingBottom: '0px',
620
+ paddingLeft: '0px',
621
+ paddingRight: '0px',
622
+ paddingTop: '0px',
623
+ },
624
+ imageSettings: {
625
+ borderRadiusStyle: 'none',
626
+ borderRadiusSuffix: 'px',
627
+ linkedBorderRadiusInput: true,
628
+ linkedBorderWidthInput: true,
629
+ boxShadowStyle: 'none',
630
+ boxShadowColor: 'rgba(0, 0, 0, 0.5)',
631
+ boxShadowBlur: '0px',
632
+ boxShadowSpread: '0px',
633
+ boxShadowHorizontal: '0px',
634
+ boxShadowVertical: '0px',
635
+ boxShadowInset: false,
636
+ widthSuffix: '%',
637
+ heightSuffix: 'auto',
638
+ linkedPaddingInput: false,
639
+ paddingSuffix: 'px',
640
+ },
641
+ },
642
+ outerContainerStyles: {
643
+ textAlign: 'center',
644
+ },
645
+ areaStyles: {
646
+ borderTopLeftRadius: '0px',
647
+ borderTopRightRadius: '0px',
648
+ borderBottomRightRadius: '0px',
649
+ borderBottomLeftRadius: '0px',
650
+ borderTopWidth: '0px',
651
+ borderRightWidth: '0px',
652
+ borderBottomWidth: '0px',
653
+ borderLeftWidth: '0px',
654
+ paddingTop: '0px',
655
+ paddingRight: '0px',
656
+ paddingBottom: '0px',
657
+ paddingLeft: '0px',
658
+ marginTop: '0px',
659
+ marginRight: '0px',
660
+ marginBottom: '0px',
661
+ marginLeft: '0px',
662
+ background: 'transparent',
663
+ borderStyle: 'none',
664
+ borderColor: '#000000',
665
+ boxShadow: 'none',
666
+ position: 'relative',
667
+ },
668
+ areaStylesSettings: {
669
+ borderRadiusStyle: 'none',
670
+ borderRadiusSuffix: 'px',
671
+ linkedBorderRadiusInput: true,
672
+ linkedBorderWidthInput: true,
673
+ linkedPaddingInput: false,
674
+ paddingSuffix: 'px',
675
+ linkedMarginInput: true,
676
+ marginSuffix: 'px',
677
+ boxShadowStyle: 'none',
678
+ boxShadowColor: '#ffffff',
679
+ boxShadowBlur: '0px',
680
+ boxShadowSpread: '0px',
681
+ boxShadowHorizontal: '0px',
682
+ boxShadowVertical: '0px',
683
+ boxShadowInset: false,
684
+ backgroundColor: 'transparent',
685
+ backgroundColorStyle: 'color',
686
+ backgroundPosition: 'left top',
687
+ backgroundRepeat: 'no-repeat',
688
+ backgroundSize: 'cover',
689
+ gradientType: 'linear-gradient',
690
+ radialPosition: 'center center',
691
+ linearAngle: 45,
692
+ gradients: [
693
+ {
694
+ gradientColor: '#ffffff',
695
+ gradientColorLocation: 0,
696
+ },
697
+ {
698
+ gradientColor: '#000000',
699
+ gradientColorLocation: 50,
700
+ },
701
+ ],
702
+ },
703
+ rowStart: 2,
704
+ colStart: 3,
705
+ active: false,
706
+ x: 223.96875,
707
+ y: 112,
708
+ width: 111.984375,
709
+ height: 112,
710
+ },
711
+ ],
712
+ cols: 3,
713
+ rows: 2,
714
+ areaLayoutId: 'LAYOUT_1',
715
+ gridTemplateRows: ['50%', '50%'],
716
+ gridTemplateCols: ['33.33%', '33.33%', '33.33%'],
717
+ layoutType: 'large',
718
+ uploadMode: 'single',
719
+ chatBar: {
720
+ label: 'Menu',
721
+ displayDefault: true,
722
+ },
723
+ image: {
724
+ imageUrl: 'https://s.cystack.net/portal/organizations/487b0f9dd9d8543312dc25e32ac71e4f/logo.jpg',
725
+ imageStyles: {
726
+ borderTopLeftRadius: '0px',
727
+ borderTopRightRadius: '0px',
728
+ borderBottomRightRadius: '0px',
729
+ borderBottomLeftRadius: '0px',
730
+ borderTopWidth: '10px',
731
+ borderRightWidth: '10px',
732
+ borderBottomWidth: '10px',
733
+ borderLeftWidth: '10px',
734
+ borderStyle: 'solid',
735
+ borderColor: '#df3030',
736
+ boxShadow: 'rgba(0, 0, 0, 0.5) 0px 0px 20px 0px ',
737
+ opacity: 1,
738
+ width: '100%',
739
+ height: 'auto',
740
+ objectPosition: 'center center',
741
+ objectFit: 'cover',
742
+ paddingBottom: '0px',
743
+ paddingLeft: '0px',
744
+ paddingRight: '0px',
745
+ paddingTop: '0px',
746
+ },
747
+ imageSettings: {
748
+ borderRadiusStyle: 'none',
749
+ borderRadiusSuffix: 'px',
750
+ linkedBorderRadiusInput: true,
751
+ linkedBorderWidthInput: true,
752
+ boxShadowStyle: 'light',
753
+ boxShadowColor: 'rgba(0, 0, 0, 0.5)',
754
+ boxShadowBlur: '20px',
755
+ boxShadowSpread: '0px',
756
+ boxShadowHorizontal: '0px',
757
+ boxShadowVertical: '0px',
758
+ boxShadowInset: false,
759
+ widthSuffix: '%',
760
+ heightSuffix: 'auto',
761
+ linkedPaddingInput: false,
762
+ paddingSuffix: 'px',
763
+ },
764
+ },
765
+ };