@micromag/core 0.3.832 → 0.4.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.
- package/assets/css/styles.css +31 -31
- package/assets/css/vendor.css +4 -3
- package/es/components.d.ts +628 -0
- package/es/components.js +947 -2301
- package/es/contexts.d.ts +297 -0
- package/es/contexts.js +154 -341
- package/es/hooks.d.ts +333 -0
- package/es/hooks.js +22 -17
- package/es/index.d.ts +665 -0
- package/es/index.js +2 -772
- package/es/styles.css +35 -0
- package/es/utils.d.ts +214 -0
- package/lib/components.js +955 -2309
- package/lib/contexts.js +153 -340
- package/lib/hooks.js +21 -16
- package/lib/index.js +0 -771
- package/lib/styles.css +35 -0
- package/package.json +39 -46
- package/styles/bootstrap-overrides.css +111 -0
- package/styles/bootstrap-patches.css +486 -0
- package/styles/breadcrumb.module.css +5 -0
- package/styles/button.module.css +82 -0
- package/styles/buttons.module.css +3 -0
- package/styles/clear.module.css +23 -0
- package/styles/collapsable-panel.module.css +31 -0
- package/styles/conversation.module.css +37 -0
- package/styles/dialog.module.css +13 -0
- package/styles/empty.module.css +22 -0
- package/styles/form-panel.module.css +3 -0
- package/styles/form.module.css +22 -0
- package/styles/link.module.css +9 -0
- package/styles/map.module.css +43 -0
- package/styles/media.module.css +3 -0
- package/styles/modal.module.css +22 -0
- package/styles/modals.module.css +12 -0
- package/styles/navbar.module.css +9 -0
- package/styles/pagination.module.css +3 -0
- package/styles/panel.module.css +3 -0
- package/styles/panels.module.css +3 -0
- package/styles/placeholder-block.module.css +29 -0
- package/styles/placeholder-text.module.css +17 -0
- package/styles/placeholders.module.css +3 -0
- package/styles/preview.module.css +34 -0
- package/styles/quiz-answer.module.css +29 -0
- package/styles/screen-placeholder.module.css +5 -0
- package/styles/screen-sizer.module.css +14 -0
- package/styles/screen.module.css +52 -0
- package/styles/screens.module.css +16 -0
- package/styles/share-options.module.css +27 -0
- package/{scss/_placeholders.scss → styles/shared.module.css} +103 -97
- package/styles/slideshow.module.css +28 -0
- package/styles/spinner.module.css +43 -0
- package/styles/styles.css +1 -0
- package/styles/survey-answer.module.css +18 -0
- package/styles/tabs.module.css +4 -0
- package/styles/theme.css +84 -0
- package/styles/transition.module.css +9 -0
- package/{scss/vendor.scss → styles/vendor.css} +16 -30
- package/styles/video-360.module.css +15 -0
- package/scss/_mixins.scss +0 -34
- package/scss/_theme.scss +0 -114
- package/scss/_variables.scss +0 -12
- package/scss/styles.scss +0 -1
- package/scss/upload.scss +0 -1
package/es/index.js
CHANGED
|
@@ -10,7 +10,7 @@ import sortBy from 'lodash/sortBy';
|
|
|
10
10
|
import _callSuper from '@babel/runtime/helpers/callSuper';
|
|
11
11
|
import _inherits from '@babel/runtime/helpers/inherits';
|
|
12
12
|
import EventEmitter from 'wolfy87-eventemitter';
|
|
13
|
-
import {
|
|
13
|
+
import { pascalCase } from 'change-case';
|
|
14
14
|
import uniqBy from 'lodash/uniqBy';
|
|
15
15
|
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
16
16
|
import uniq from 'lodash/uniq';
|
|
@@ -19,776 +19,6 @@ import isString from 'lodash/isString';
|
|
|
19
19
|
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
20
20
|
import isEmpty from 'lodash/isEmpty';
|
|
21
21
|
import { Tracking as Tracking$1 } from '@folklore/tracking';
|
|
22
|
-
import PropTypes$1 from 'prop-types';
|
|
23
|
-
|
|
24
|
-
/**
|
|
25
|
-
* Core
|
|
26
|
-
*/
|
|
27
|
-
var history = PropTypes$1.shape({
|
|
28
|
-
listen: PropTypes$1.func.isRequired,
|
|
29
|
-
push: PropTypes$1.func.isRequired
|
|
30
|
-
});
|
|
31
|
-
var location = PropTypes$1.shape({
|
|
32
|
-
pathname: PropTypes$1.string,
|
|
33
|
-
search: PropTypes$1.string
|
|
34
|
-
});
|
|
35
|
-
var intl = PropTypes$1.shape({
|
|
36
|
-
locale: PropTypes$1.string.isRequired,
|
|
37
|
-
formatMessage: PropTypes$1.func.isRequired
|
|
38
|
-
});
|
|
39
|
-
var defaultMessageContent = PropTypes$1.shape({
|
|
40
|
-
type: PropTypes$1.number,
|
|
41
|
-
value: PropTypes$1.string
|
|
42
|
-
});
|
|
43
|
-
var defaultMessage = PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.arrayOf(defaultMessageContent)]);
|
|
44
|
-
var message = PropTypes$1.shape({
|
|
45
|
-
id: PropTypes$1.string,
|
|
46
|
-
defaultMessage: defaultMessage.isRequired,
|
|
47
|
-
description: PropTypes$1.string
|
|
48
|
-
});
|
|
49
|
-
var text = PropTypes$1.oneOfType([message, PropTypes$1.string]);
|
|
50
|
-
var label = PropTypes$1.oneOfType([message, PropTypes$1.node]);
|
|
51
|
-
var statusCode = PropTypes$1.oneOf([401, 403, 404, 500]);
|
|
52
|
-
var ref = PropTypes$1.oneOfType([PropTypes$1.shape({
|
|
53
|
-
current: PropTypes$1.any // eslint-disable-line react/forbid-prop-types
|
|
54
|
-
}), PropTypes$1.func]);
|
|
55
|
-
var target = PropTypes$1.oneOf(['_blank', '_self', '_parent']);
|
|
56
|
-
var interaction = PropTypes$1.oneOf(['tap', 'swipe']);
|
|
57
|
-
var interactions = PropTypes$1.arrayOf(interaction);
|
|
58
|
-
var trackingVariables = PropTypes$1.objectOf(PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.number, PropTypes$1.array]));
|
|
59
|
-
var progress = PropTypes$1.shape({
|
|
60
|
-
currentTime: PropTypes$1.number,
|
|
61
|
-
duration: PropTypes$1.number
|
|
62
|
-
});
|
|
63
|
-
|
|
64
|
-
/**
|
|
65
|
-
* Site
|
|
66
|
-
*/
|
|
67
|
-
var user = PropTypes$1.shape({
|
|
68
|
-
id: PropTypes$1.number,
|
|
69
|
-
firstname: PropTypes$1.string,
|
|
70
|
-
lastname: PropTypes$1.string,
|
|
71
|
-
email: PropTypes$1.string,
|
|
72
|
-
gender: PropTypes$1.string,
|
|
73
|
-
birthdate: PropTypes$1.string
|
|
74
|
-
});
|
|
75
|
-
var menuItem = PropTypes$1.shape({
|
|
76
|
-
id: PropTypes$1.oneOfType([PropTypes$1.number, PropTypes$1.string]),
|
|
77
|
-
label: label,
|
|
78
|
-
url: PropTypes$1.string,
|
|
79
|
-
external: PropTypes$1.bool,
|
|
80
|
-
active: PropTypes$1.bool
|
|
81
|
-
});
|
|
82
|
-
var menuItems = PropTypes$1.arrayOf(menuItem);
|
|
83
|
-
var breadcrumb = PropTypes$1.shape({
|
|
84
|
-
label: label,
|
|
85
|
-
url: PropTypes$1.string
|
|
86
|
-
});
|
|
87
|
-
var breadcrumbs = PropTypes$1.arrayOf(breadcrumb);
|
|
88
|
-
var device = PropTypes$1.shape({
|
|
89
|
-
id: PropTypes$1.string.isRequired
|
|
90
|
-
});
|
|
91
|
-
var devices = PropTypes$1.arrayOf(device);
|
|
92
|
-
var modal = PropTypes$1.shape({
|
|
93
|
-
id: PropTypes$1.string.isRequired
|
|
94
|
-
});
|
|
95
|
-
var modals = PropTypes$1.arrayOf(modal);
|
|
96
|
-
var panel = PropTypes$1.shape({
|
|
97
|
-
id: PropTypes$1.string.isRequired
|
|
98
|
-
});
|
|
99
|
-
var panels = PropTypes$1.arrayOf(panel);
|
|
100
|
-
var button = PropTypes$1.shape({
|
|
101
|
-
label: label,
|
|
102
|
-
onClick: PropTypes$1.func
|
|
103
|
-
});
|
|
104
|
-
var buttons = PropTypes$1.arrayOf(button);
|
|
105
|
-
var bootstrapThemeStrings = ['primary', 'secondary', 'success', 'danger', 'warning', 'info', 'light', 'dark'];
|
|
106
|
-
var bootstrapThemes = PropTypes$1.oneOf(bootstrapThemeStrings);
|
|
107
|
-
var buttonTheme = PropTypes$1.oneOf([].concat(bootstrapThemeStrings, ['outline-primary', 'outline-secondary', 'outline-success', 'outline-danger', 'outline-warning', 'outline-info', 'outline-light', 'outline-dark', 'outline-link', null]));
|
|
108
|
-
var buttonSize = PropTypes$1.oneOf(['lg', 'sm', null]);
|
|
109
|
-
var formControlSize = PropTypes$1.oneOf(['lg', 'sm', null]);
|
|
110
|
-
var dropdownAlign = PropTypes$1.oneOf(['start', 'end']);
|
|
111
|
-
var componentNames = function componentNames(Components) {
|
|
112
|
-
return PropTypes$1.oneOf(Object.keys(Components).map(function (it) {
|
|
113
|
-
return snakeCase(it);
|
|
114
|
-
}));
|
|
115
|
-
};
|
|
116
|
-
var component = PropTypes$1.oneOfType([PropTypes$1.object, PropTypes$1.func]);
|
|
117
|
-
var components = PropTypes$1.objectOf(component);
|
|
118
|
-
|
|
119
|
-
/**
|
|
120
|
-
* Forms
|
|
121
|
-
*/
|
|
122
|
-
var errors = PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.arrayOf(PropTypes$1.string)]);
|
|
123
|
-
var formErrors = PropTypes$1.objectOf(errors);
|
|
124
|
-
var selectOption = PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.shape({
|
|
125
|
-
value: PropTypes$1.any,
|
|
126
|
-
// eslint-disable-line
|
|
127
|
-
label: label
|
|
128
|
-
})]);
|
|
129
|
-
var selectOptions = PropTypes$1.arrayOf(selectOption);
|
|
130
|
-
var formField = PropTypes$1.shape({
|
|
131
|
-
name: PropTypes$1.string,
|
|
132
|
-
component: component
|
|
133
|
-
});
|
|
134
|
-
var formFields = PropTypes$1.arrayOf(formField);
|
|
135
|
-
|
|
136
|
-
/**
|
|
137
|
-
* Medias
|
|
138
|
-
*/
|
|
139
|
-
var mediaMetadataShape = {
|
|
140
|
-
filename: PropTypes$1.string,
|
|
141
|
-
size: PropTypes$1.number,
|
|
142
|
-
mime: PropTypes$1.string
|
|
143
|
-
};
|
|
144
|
-
var mediaFile = PropTypes$1.shape({
|
|
145
|
-
id: PropTypes$1.string,
|
|
146
|
-
handle: PropTypes$1.string,
|
|
147
|
-
type: PropTypes$1.string,
|
|
148
|
-
mime: PropTypes$1.string,
|
|
149
|
-
url: PropTypes$1.string
|
|
150
|
-
});
|
|
151
|
-
var mediaShape = {
|
|
152
|
-
id: PropTypes$1.string,
|
|
153
|
-
type: PropTypes$1.string.isRequired,
|
|
154
|
-
url: PropTypes$1.string,
|
|
155
|
-
// .isRequired,
|
|
156
|
-
thumbnail_url: PropTypes$1.string,
|
|
157
|
-
name: PropTypes$1.string,
|
|
158
|
-
metadata: PropTypes$1.shape(_objectSpread({}, mediaMetadataShape)),
|
|
159
|
-
files: PropTypes$1.objectOf(mediaFile)
|
|
160
|
-
};
|
|
161
|
-
var media = PropTypes$1.shape(mediaShape);
|
|
162
|
-
var medias = PropTypes$1.arrayOf(media);
|
|
163
|
-
var mediaTypes = PropTypes$1.oneOf(['image', 'video', 'audio', 'closed-captions', 'font']);
|
|
164
|
-
var imageMedia = PropTypes$1.shape(_objectSpread(_objectSpread({}, mediaShape), {}, {
|
|
165
|
-
type: PropTypes$1.oneOf(['image', 'video']),
|
|
166
|
-
metadata: PropTypes$1.shape(_objectSpread(_objectSpread({}, mediaMetadataShape), {}, {
|
|
167
|
-
width: PropTypes$1.number,
|
|
168
|
-
height: PropTypes$1.number
|
|
169
|
-
}))
|
|
170
|
-
}));
|
|
171
|
-
var imageMedias = PropTypes$1.arrayOf(imageMedia);
|
|
172
|
-
var fontMedia = PropTypes$1.shape(_objectSpread(_objectSpread({}, mediaShape), {}, {
|
|
173
|
-
type: PropTypes$1.oneOf(['font']),
|
|
174
|
-
metadata: PropTypes$1.shape(_objectSpread({}, mediaMetadataShape))
|
|
175
|
-
}));
|
|
176
|
-
var fontMedias = PropTypes$1.arrayOf(fontMedia);
|
|
177
|
-
var videoMedia = PropTypes$1.shape(_objectSpread(_objectSpread({}, mediaShape), {}, {
|
|
178
|
-
type: PropTypes$1.oneOf(['video']),
|
|
179
|
-
metadata: PropTypes$1.shape(_objectSpread(_objectSpread({}, mediaMetadataShape), {}, {
|
|
180
|
-
width: PropTypes$1.number,
|
|
181
|
-
height: PropTypes$1.number,
|
|
182
|
-
duration: PropTypes$1.number
|
|
183
|
-
}))
|
|
184
|
-
}));
|
|
185
|
-
var videoMedias = PropTypes$1.arrayOf(videoMedia);
|
|
186
|
-
var audioMedia = PropTypes$1.shape(_objectSpread(_objectSpread({}, mediaShape), {}, {
|
|
187
|
-
type: PropTypes$1.oneOf(['audio']),
|
|
188
|
-
metadata: PropTypes$1.shape(_objectSpread(_objectSpread({}, mediaMetadataShape), {}, {
|
|
189
|
-
duration: PropTypes$1.number
|
|
190
|
-
}))
|
|
191
|
-
}));
|
|
192
|
-
var audioMedias = PropTypes$1.arrayOf(audioMedia);
|
|
193
|
-
var closedCaptionsMedia = PropTypes$1.shape(_objectSpread(_objectSpread({}, mediaShape), {}, {
|
|
194
|
-
type: PropTypes$1.oneOf(['closed-captions'])
|
|
195
|
-
}));
|
|
196
|
-
|
|
197
|
-
/**
|
|
198
|
-
* Style
|
|
199
|
-
*/
|
|
200
|
-
|
|
201
|
-
var customFont = PropTypes$1.shape({
|
|
202
|
-
type: PropTypes$1.oneOf(['system', 'google', 'custom']),
|
|
203
|
-
name: PropTypes$1.string,
|
|
204
|
-
media: fontMedia
|
|
205
|
-
});
|
|
206
|
-
var font = PropTypes$1.oneOfType([PropTypes$1.object, PropTypes$1.string]);
|
|
207
|
-
var fonts = PropTypes$1.arrayOf(font);
|
|
208
|
-
var textAlign = PropTypes$1.oneOf(['left', 'right', 'center']);
|
|
209
|
-
var colorObject = PropTypes$1.shape({
|
|
210
|
-
color: PropTypes$1.string,
|
|
211
|
-
alpha: PropTypes$1.number
|
|
212
|
-
});
|
|
213
|
-
var color = PropTypes$1.oneOfType([colorObject, PropTypes$1.string]);
|
|
214
|
-
var textStyle = PropTypes$1.shape({
|
|
215
|
-
fontFamily: font,
|
|
216
|
-
fontSize: PropTypes$1.number,
|
|
217
|
-
fontStyle: PropTypes$1.shape({
|
|
218
|
-
bold: PropTypes$1.bool,
|
|
219
|
-
italic: PropTypes$1.bool,
|
|
220
|
-
underline: PropTypes$1.bool,
|
|
221
|
-
upperCase: PropTypes$1.bool
|
|
222
|
-
}),
|
|
223
|
-
align: textAlign,
|
|
224
|
-
color: color,
|
|
225
|
-
letterSpacing: PropTypes$1.number,
|
|
226
|
-
lineHeight: PropTypes$1.number
|
|
227
|
-
});
|
|
228
|
-
var borderTypes = PropTypes$1.oneOf(['dotted', 'dashed', 'solid', 'double', 'groove', 'ridge', 'inset', 'outset', 'hidden']);
|
|
229
|
-
var shadowType = PropTypes$1.shape({
|
|
230
|
-
shadowDistance: PropTypes$1.number,
|
|
231
|
-
shadowBlur: PropTypes$1.number,
|
|
232
|
-
shadowColor: color
|
|
233
|
-
});
|
|
234
|
-
var borderStyle = PropTypes$1.shape({
|
|
235
|
-
width: PropTypes$1.number,
|
|
236
|
-
style: borderTypes,
|
|
237
|
-
radius: PropTypes$1.number,
|
|
238
|
-
color: color
|
|
239
|
-
});
|
|
240
|
-
var boxStyle = PropTypes$1.shape({
|
|
241
|
-
backgroundColor: color,
|
|
242
|
-
borderRadius: PropTypes$1.number,
|
|
243
|
-
borderWidth: PropTypes$1.number,
|
|
244
|
-
borderColor: color,
|
|
245
|
-
borderStyle: borderTypes,
|
|
246
|
-
shadow: shadowType
|
|
247
|
-
});
|
|
248
|
-
var margin = PropTypes$1.shape({
|
|
249
|
-
top: PropTypes$1.number,
|
|
250
|
-
bottom: PropTypes$1.number
|
|
251
|
-
});
|
|
252
|
-
var gridLayout = PropTypes$1.arrayOf(PropTypes$1.shape({
|
|
253
|
-
rows: PropTypes$1.oneOfType([PropTypes$1.number, PropTypes$1.arrayOf(PropTypes$1.number)]),
|
|
254
|
-
columns: PropTypes$1.oneOfType([PropTypes$1.number, PropTypes$1.arrayOf(PropTypes$1.number)])
|
|
255
|
-
}));
|
|
256
|
-
var objectFitSize = PropTypes$1.oneOf(['cover', 'contain', null]);
|
|
257
|
-
var objectFit = PropTypes$1.shape({
|
|
258
|
-
fit: objectFitSize,
|
|
259
|
-
horizontalPosition: PropTypes$1.oneOf(['left', 'center', 'right']),
|
|
260
|
-
verticalPosition: PropTypes$1.oneOf(['top', 'center', 'bottom'])
|
|
261
|
-
});
|
|
262
|
-
|
|
263
|
-
/**
|
|
264
|
-
* Elements
|
|
265
|
-
*/
|
|
266
|
-
|
|
267
|
-
var textElement = PropTypes$1.shape({
|
|
268
|
-
body: PropTypes$1.string,
|
|
269
|
-
textStyle: textStyle
|
|
270
|
-
});
|
|
271
|
-
var headingElement = textElement;
|
|
272
|
-
var inputElement = PropTypes$1.shape({
|
|
273
|
-
label: PropTypes$1.string,
|
|
274
|
-
textStyle: textStyle
|
|
275
|
-
});
|
|
276
|
-
var imageElement = PropTypes$1.shape({
|
|
277
|
-
media: imageMedia
|
|
278
|
-
});
|
|
279
|
-
var imageElements = PropTypes$1.arrayOf(imageElement);
|
|
280
|
-
var videoElement = PropTypes$1.shape({
|
|
281
|
-
media: videoMedia,
|
|
282
|
-
autoPlay: PropTypes$1.bool,
|
|
283
|
-
loop: PropTypes$1.bool,
|
|
284
|
-
closedCaptions: closedCaptionsMedia,
|
|
285
|
-
withSeekBar: PropTypes$1.bool,
|
|
286
|
-
withControls: PropTypes$1.bool
|
|
287
|
-
});
|
|
288
|
-
var visualElement = PropTypes$1.shape({
|
|
289
|
-
media: imageMedia
|
|
290
|
-
});
|
|
291
|
-
var visualElements = PropTypes$1.arrayOf(visualElement);
|
|
292
|
-
var audioElement = PropTypes$1.shape({
|
|
293
|
-
media: audioMedia,
|
|
294
|
-
autoPlay: PropTypes$1.bool,
|
|
295
|
-
loop: PropTypes$1.bool,
|
|
296
|
-
closedCaptions: closedCaptionsMedia,
|
|
297
|
-
withPlayPause: PropTypes$1.bool
|
|
298
|
-
});
|
|
299
|
-
var closedCaptionsElement = PropTypes$1.shape({
|
|
300
|
-
media: closedCaptionsMedia
|
|
301
|
-
});
|
|
302
|
-
var backgroundElement = PropTypes$1.shape({
|
|
303
|
-
color: color,
|
|
304
|
-
image: imageMedia,
|
|
305
|
-
video: videoMedia
|
|
306
|
-
});
|
|
307
|
-
var imageElementWithCaption = PropTypes$1.shape({
|
|
308
|
-
image: imageMedia,
|
|
309
|
-
caption: textElement
|
|
310
|
-
});
|
|
311
|
-
var imageElementsWithCaption = PropTypes$1.arrayOf(imageElementWithCaption);
|
|
312
|
-
var stackDirection = PropTypes$1.oneOf(['horizontal', 'vertical']);
|
|
313
|
-
var stackAlign = PropTypes$1.oneOf(['start', 'center', 'end']);
|
|
314
|
-
var stackSpacing = PropTypes$1.oneOfType([PropTypes$1.number, PropTypes$1.oneOf(['between', 'evenly', 'around'])]);
|
|
315
|
-
var stackElement = PropTypes$1.shape({
|
|
316
|
-
direction: stackDirection,
|
|
317
|
-
align: stackAlign,
|
|
318
|
-
width: PropTypes$1.number,
|
|
319
|
-
height: PropTypes$1.number,
|
|
320
|
-
spacing: stackSpacing,
|
|
321
|
-
reverse: PropTypes$1.bool
|
|
322
|
-
});
|
|
323
|
-
var gridElement = PropTypes$1.shape({
|
|
324
|
-
layout: PropTypes$1.arrayOf(PropTypes$1.string),
|
|
325
|
-
spacing: PropTypes$1.number
|
|
326
|
-
});
|
|
327
|
-
var geoPosition = PropTypes$1.shape({
|
|
328
|
-
lat: PropTypes$1.number,
|
|
329
|
-
lng: PropTypes$1.number
|
|
330
|
-
});
|
|
331
|
-
var markerShape = {
|
|
332
|
-
id: PropTypes$1.number,
|
|
333
|
-
geoPosition: geoPosition,
|
|
334
|
-
title: headingElement,
|
|
335
|
-
subtitle: headingElement,
|
|
336
|
-
description: textElement
|
|
337
|
-
};
|
|
338
|
-
var marker = PropTypes$1.shape(_objectSpread({}, markerShape));
|
|
339
|
-
var markers = PropTypes$1.arrayOf(marker);
|
|
340
|
-
var markerWithImage = PropTypes$1.shape(_objectSpread(_objectSpread({}, markerShape), {}, {
|
|
341
|
-
image: imageMedia
|
|
342
|
-
}));
|
|
343
|
-
var markersWithImage = PropTypes$1.arrayOf(markerWithImage);
|
|
344
|
-
var answerShape = {
|
|
345
|
-
id: PropTypes$1.string,
|
|
346
|
-
label: textElement
|
|
347
|
-
};
|
|
348
|
-
var answer = PropTypes$1.shape(_objectSpread({}, answerShape));
|
|
349
|
-
var quizAnswer = PropTypes$1.shape(_objectSpread(_objectSpread({}, answerShape), {}, {
|
|
350
|
-
good: PropTypes$1.bool
|
|
351
|
-
}));
|
|
352
|
-
var answers = PropTypes$1.arrayOf(answer);
|
|
353
|
-
var quizAnswers = PropTypes$1.arrayOf(quizAnswer);
|
|
354
|
-
var callToActionTypes = PropTypes$1.oneOf(['swipe-up', 'button']);
|
|
355
|
-
var callToAction = PropTypes$1.shape({
|
|
356
|
-
active: PropTypes$1.bool,
|
|
357
|
-
type: callToActionTypes,
|
|
358
|
-
url: PropTypes$1.string,
|
|
359
|
-
label: textElement,
|
|
360
|
-
buttonStyle: boxStyle
|
|
361
|
-
});
|
|
362
|
-
var shareIncentive = PropTypes$1.shape({
|
|
363
|
-
active: PropTypes$1.bool,
|
|
364
|
-
label: textElement,
|
|
365
|
-
boxStyle: boxStyle
|
|
366
|
-
});
|
|
367
|
-
var activeForm = PropTypes$1.shape({
|
|
368
|
-
active: PropTypes$1.bool
|
|
369
|
-
});
|
|
370
|
-
var speaker = PropTypes$1.shape({
|
|
371
|
-
id: PropTypes$1.string,
|
|
372
|
-
name: PropTypes$1.string,
|
|
373
|
-
avatar: imageMedia,
|
|
374
|
-
side: PropTypes$1.oneOf(['left', 'right']),
|
|
375
|
-
color: color
|
|
376
|
-
});
|
|
377
|
-
var speakers = PropTypes$1.arrayOf(speaker);
|
|
378
|
-
var conversationMessage = PropTypes$1.shape({
|
|
379
|
-
speaker: PropTypes$1.string,
|
|
380
|
-
message: PropTypes$1.string,
|
|
381
|
-
image: imageMedia,
|
|
382
|
-
audio: audioMedia,
|
|
383
|
-
timingOverrides: PropTypes$1.shape({
|
|
384
|
-
enabled: PropTypes$1.bool,
|
|
385
|
-
appearDelay: PropTypes$1.number,
|
|
386
|
-
writingStateDuration: PropTypes$1.number
|
|
387
|
-
})
|
|
388
|
-
});
|
|
389
|
-
var conversationMessages = PropTypes$1.arrayOf(conversationMessage);
|
|
390
|
-
var conversation = PropTypes$1.shape({
|
|
391
|
-
speakers: speakers,
|
|
392
|
-
textStyle: textStyle,
|
|
393
|
-
messages: conversationMessages
|
|
394
|
-
});
|
|
395
|
-
var alternatives = PropTypes$1.shape({
|
|
396
|
-
audio: audioElement
|
|
397
|
-
});
|
|
398
|
-
|
|
399
|
-
/**
|
|
400
|
-
* Definitions
|
|
401
|
-
*/
|
|
402
|
-
|
|
403
|
-
var fieldShape = {
|
|
404
|
-
name: PropTypes$1.string,
|
|
405
|
-
type: PropTypes$1.string.isRequired,
|
|
406
|
-
label: text
|
|
407
|
-
};
|
|
408
|
-
var field = PropTypes$1.shape(_objectSpread(_objectSpread({}, fieldShape), {}, {
|
|
409
|
-
isSection: PropTypes$1.bool,
|
|
410
|
-
fields: PropTypes$1.arrayOf(PropTypes$1.shape(fieldShape))
|
|
411
|
-
}));
|
|
412
|
-
var fields = PropTypes$1.arrayOf(field);
|
|
413
|
-
var screenDefinition = PropTypes$1.shape({
|
|
414
|
-
id: PropTypes$1.string.isRequired,
|
|
415
|
-
type: PropTypes$1.oneOf(['screen']).isRequired,
|
|
416
|
-
title: text.isRequired,
|
|
417
|
-
layouts: PropTypes$1.arrayOf(PropTypes$1.string),
|
|
418
|
-
fields: fields
|
|
419
|
-
});
|
|
420
|
-
var screenDefinitions = PropTypes$1.arrayOf(screenDefinition);
|
|
421
|
-
var fieldDefinition = PropTypes$1.shape({
|
|
422
|
-
id: PropTypes$1.string.isRequired,
|
|
423
|
-
type: PropTypes$1.oneOf(['field']).isRequired,
|
|
424
|
-
title: text.isRequired,
|
|
425
|
-
fields: fields
|
|
426
|
-
});
|
|
427
|
-
var fieldDefinitions = PropTypes$1.arrayOf(fieldDefinition);
|
|
428
|
-
|
|
429
|
-
/**
|
|
430
|
-
* Components
|
|
431
|
-
*/
|
|
432
|
-
var storyComponentShape = {
|
|
433
|
-
type: PropTypes$1.string.isRequired
|
|
434
|
-
};
|
|
435
|
-
var storyComponent = PropTypes$1.shape(_objectSpread({}, storyComponentShape));
|
|
436
|
-
var storyComponents = PropTypes$1.arrayOf(storyComponent);
|
|
437
|
-
var screenComponent = PropTypes$1.shape(_objectSpread({}, storyComponentShape));
|
|
438
|
-
var screenComponents = PropTypes$1.arrayOf(screenComponent);
|
|
439
|
-
var screen = screenComponent; // @NOTE should be removed
|
|
440
|
-
|
|
441
|
-
/**
|
|
442
|
-
* Theme
|
|
443
|
-
*/
|
|
444
|
-
var theme = PropTypes$1.shape({
|
|
445
|
-
id: PropTypes$1.string,
|
|
446
|
-
textStyles: PropTypes$1.objectOf(textStyle),
|
|
447
|
-
// renamed to textstyles
|
|
448
|
-
background: backgroundElement,
|
|
449
|
-
colors: PropTypes$1.objectOf(color),
|
|
450
|
-
components: screenComponents
|
|
451
|
-
});
|
|
452
|
-
var viewerTheme = PropTypes$1.shape(_objectSpread({
|
|
453
|
-
logo: imageMedia
|
|
454
|
-
}, theme));
|
|
455
|
-
|
|
456
|
-
/**
|
|
457
|
-
* Branding
|
|
458
|
-
*/
|
|
459
|
-
|
|
460
|
-
// export const branding = PropTypes.shape({
|
|
461
|
-
// logo: imageMedia,
|
|
462
|
-
// primaryColor: color,
|
|
463
|
-
// secondaryColor: color,
|
|
464
|
-
// backgroundColor: color,
|
|
465
|
-
// textStyle,
|
|
466
|
-
// });
|
|
467
|
-
|
|
468
|
-
/**
|
|
469
|
-
* Metadata
|
|
470
|
-
*/
|
|
471
|
-
var metadata = PropTypes$1.shape({
|
|
472
|
-
description: PropTypes$1.string,
|
|
473
|
-
shareUrl: PropTypes$1.string,
|
|
474
|
-
shareImage: imageMedia,
|
|
475
|
-
favIcon: imageMedia
|
|
476
|
-
});
|
|
477
|
-
var tag = PropTypes$1.shape({
|
|
478
|
-
label: PropTypes$1.string,
|
|
479
|
-
value: PropTypes$1.oneOfType([PropTypes$1.number, PropTypes$1.string])
|
|
480
|
-
});
|
|
481
|
-
var tags = PropTypes$1.arrayOf(tag);
|
|
482
|
-
|
|
483
|
-
/**
|
|
484
|
-
* Story
|
|
485
|
-
*/
|
|
486
|
-
var story = PropTypes$1.shape({
|
|
487
|
-
id: PropTypes$1.string,
|
|
488
|
-
theme: theme,
|
|
489
|
-
components: screenComponents,
|
|
490
|
-
metadata: metadata
|
|
491
|
-
});
|
|
492
|
-
|
|
493
|
-
/**
|
|
494
|
-
* Render
|
|
495
|
-
*/
|
|
496
|
-
var deviceScreen = PropTypes$1.shape({
|
|
497
|
-
name: PropTypes$1.string.isRequired,
|
|
498
|
-
mediaQuery: PropTypes$1.string
|
|
499
|
-
});
|
|
500
|
-
var deviceScreens = PropTypes$1.arrayOf(deviceScreen);
|
|
501
|
-
var screenSize = PropTypes$1.shape({
|
|
502
|
-
screen: PropTypes$1.string,
|
|
503
|
-
screens: PropTypes$1.arrayOf(PropTypes$1.string),
|
|
504
|
-
width: PropTypes$1.number,
|
|
505
|
-
height: PropTypes$1.number,
|
|
506
|
-
landscape: PropTypes$1.bool
|
|
507
|
-
});
|
|
508
|
-
var renderContext = PropTypes$1.oneOf(['view', 'placeholder', 'edit', 'preview', 'static', 'capture']);
|
|
509
|
-
|
|
510
|
-
/**
|
|
511
|
-
* Screens
|
|
512
|
-
*/
|
|
513
|
-
|
|
514
|
-
var adFormats = PropTypes$1.shape({
|
|
515
|
-
width: PropTypes$1.number,
|
|
516
|
-
height: PropTypes$1.number
|
|
517
|
-
});
|
|
518
|
-
var adFormat = PropTypes$1.shape({
|
|
519
|
-
width: PropTypes$1.number,
|
|
520
|
-
height: PropTypes$1.number,
|
|
521
|
-
url: PropTypes$1.string,
|
|
522
|
-
target: target,
|
|
523
|
-
iframe: PropTypes$1.string,
|
|
524
|
-
image: imageMedia
|
|
525
|
-
});
|
|
526
|
-
var audioComponent = PropTypes$1.shape({
|
|
527
|
-
src: PropTypes$1.string,
|
|
528
|
-
track: PropTypes$1.string,
|
|
529
|
-
trackLng: PropTypes$1.number,
|
|
530
|
-
controls: PropTypes$1.bool
|
|
531
|
-
});
|
|
532
|
-
var slide = PropTypes$1.shape({
|
|
533
|
-
image: imageMedia,
|
|
534
|
-
text: PropTypes$1.string
|
|
535
|
-
});
|
|
536
|
-
var slides = PropTypes$1.arrayOf(slide);
|
|
537
|
-
|
|
538
|
-
// export const imageStyle = PropTypes.shape({
|
|
539
|
-
// alt: PropTypes.string,
|
|
540
|
-
// fit: PropTypes.object,
|
|
541
|
-
// });
|
|
542
|
-
|
|
543
|
-
var containerStyle = PropTypes$1.shape({});
|
|
544
|
-
|
|
545
|
-
/**
|
|
546
|
-
* Transitions
|
|
547
|
-
*/
|
|
548
|
-
|
|
549
|
-
var transitionName = PropTypes$1.oneOf(['fade', 'scale', 'slide']);
|
|
550
|
-
var transitionParams = {
|
|
551
|
-
duration: PropTypes$1.number,
|
|
552
|
-
easing: PropTypes$1.oneOf(['ease', 'ease-in', 'ease-out', 'ease-in-out', 'linear'])
|
|
553
|
-
};
|
|
554
|
-
var transition = PropTypes$1.oneOfType([transitionName.isRequired, PropTypes$1.shape(_objectSpread({
|
|
555
|
-
name: transitionName.isRequired
|
|
556
|
-
}, transitionParams))]);
|
|
557
|
-
var transitions = PropTypes$1.shape({
|
|
558
|
-
"in": transition,
|
|
559
|
-
out: transition
|
|
560
|
-
});
|
|
561
|
-
|
|
562
|
-
/**
|
|
563
|
-
* Search
|
|
564
|
-
*/
|
|
565
|
-
|
|
566
|
-
var searchFilter = PropTypes$1.shape({
|
|
567
|
-
type: PropTypes$1.string,
|
|
568
|
-
value: PropTypes$1.oneOf([PropTypes$1.string, PropTypes$1.number])
|
|
569
|
-
});
|
|
570
|
-
var searchFilters = PropTypes$1.arrayOf(searchFilter);
|
|
571
|
-
|
|
572
|
-
/**
|
|
573
|
-
* Payments
|
|
574
|
-
*/
|
|
575
|
-
|
|
576
|
-
var paymentItem = PropTypes$1.shape({
|
|
577
|
-
id: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.number]),
|
|
578
|
-
date: PropTypes$1.string,
|
|
579
|
-
type: PropTypes$1.string,
|
|
580
|
-
invoice_link: PropTypes$1.string,
|
|
581
|
-
amount: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.number])
|
|
582
|
-
});
|
|
583
|
-
var paymentItems = PropTypes$1.arrayOf(paymentItem);
|
|
584
|
-
|
|
585
|
-
/**
|
|
586
|
-
* Page Metadada
|
|
587
|
-
*/
|
|
588
|
-
|
|
589
|
-
var pageMetadata = PropTypes$1.shape({
|
|
590
|
-
canonical: PropTypes$1.string,
|
|
591
|
-
description: PropTypes$1.string,
|
|
592
|
-
keywords: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.array]),
|
|
593
|
-
image: PropTypes$1.shape({
|
|
594
|
-
url: PropTypes$1.string
|
|
595
|
-
}),
|
|
596
|
-
favicon: PropTypes$1.shape({
|
|
597
|
-
url: PropTypes$1.string
|
|
598
|
-
}),
|
|
599
|
-
rssUrl: PropTypes$1.string,
|
|
600
|
-
atomUrl: PropTypes$1.string,
|
|
601
|
-
microformats: PropTypes$1.arrayOf(PropTypes$1.shape({}))
|
|
602
|
-
});
|
|
603
|
-
var authorElement = PropTypes$1.shape({
|
|
604
|
-
name: textElement,
|
|
605
|
-
avatar: PropTypes$1.shape({
|
|
606
|
-
url: PropTypes$1.string
|
|
607
|
-
})
|
|
608
|
-
});
|
|
609
|
-
var visitor = PropTypes$1.shape({
|
|
610
|
-
id: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.number]),
|
|
611
|
-
name: PropTypes$1.string
|
|
612
|
-
});
|
|
613
|
-
var badge = PropTypes$1.shape({
|
|
614
|
-
label: textElement,
|
|
615
|
-
buttonStyle: boxStyle
|
|
616
|
-
});
|
|
617
|
-
var customAnswer = PropTypes$1.shape({
|
|
618
|
-
active: PropTypes$1.bool,
|
|
619
|
-
placeholder: textElement,
|
|
620
|
-
textStyle: textStyle,
|
|
621
|
-
boxStyle: boxStyle
|
|
622
|
-
});
|
|
623
|
-
var header = PropTypes$1.shape({
|
|
624
|
-
badge: badge
|
|
625
|
-
});
|
|
626
|
-
var footer = PropTypes$1.shape({
|
|
627
|
-
callToAction: callToAction
|
|
628
|
-
});
|
|
629
|
-
var reload = PropTypes$1.shape();
|
|
630
|
-
var closedCaptions = PropTypes$1.shape({
|
|
631
|
-
file: closedCaptionsMedia,
|
|
632
|
-
textStyle: textStyle,
|
|
633
|
-
boxStyle: boxStyle
|
|
634
|
-
});
|
|
635
|
-
var buttonLayout = PropTypes$1.oneOf(['label-bottom', 'label-top', 'no-label', 'label-over', 'label-left', 'label-right']);
|
|
636
|
-
|
|
637
|
-
var PropTypes = /*#__PURE__*/Object.freeze({
|
|
638
|
-
__proto__: null,
|
|
639
|
-
activeForm: activeForm,
|
|
640
|
-
adFormat: adFormat,
|
|
641
|
-
adFormats: adFormats,
|
|
642
|
-
alternatives: alternatives,
|
|
643
|
-
answer: answer,
|
|
644
|
-
answerShape: answerShape,
|
|
645
|
-
answers: answers,
|
|
646
|
-
audioComponent: audioComponent,
|
|
647
|
-
audioElement: audioElement,
|
|
648
|
-
audioMedia: audioMedia,
|
|
649
|
-
audioMedias: audioMedias,
|
|
650
|
-
authorElement: authorElement,
|
|
651
|
-
backgroundElement: backgroundElement,
|
|
652
|
-
badge: badge,
|
|
653
|
-
bootstrapThemes: bootstrapThemes,
|
|
654
|
-
borderStyle: borderStyle,
|
|
655
|
-
borderTypes: borderTypes,
|
|
656
|
-
boxStyle: boxStyle,
|
|
657
|
-
breadcrumb: breadcrumb,
|
|
658
|
-
breadcrumbs: breadcrumbs,
|
|
659
|
-
button: button,
|
|
660
|
-
buttonLayout: buttonLayout,
|
|
661
|
-
buttonSize: buttonSize,
|
|
662
|
-
buttonTheme: buttonTheme,
|
|
663
|
-
buttons: buttons,
|
|
664
|
-
callToAction: callToAction,
|
|
665
|
-
callToActionTypes: callToActionTypes,
|
|
666
|
-
closedCaptions: closedCaptions,
|
|
667
|
-
closedCaptionsElement: closedCaptionsElement,
|
|
668
|
-
closedCaptionsMedia: closedCaptionsMedia,
|
|
669
|
-
color: color,
|
|
670
|
-
colorObject: colorObject,
|
|
671
|
-
component: component,
|
|
672
|
-
componentNames: componentNames,
|
|
673
|
-
components: components,
|
|
674
|
-
containerStyle: containerStyle,
|
|
675
|
-
conversation: conversation,
|
|
676
|
-
conversationMessage: conversationMessage,
|
|
677
|
-
conversationMessages: conversationMessages,
|
|
678
|
-
customAnswer: customAnswer,
|
|
679
|
-
customFont: customFont,
|
|
680
|
-
defaultMessage: defaultMessage,
|
|
681
|
-
defaultMessageContent: defaultMessageContent,
|
|
682
|
-
device: device,
|
|
683
|
-
deviceScreen: deviceScreen,
|
|
684
|
-
deviceScreens: deviceScreens,
|
|
685
|
-
devices: devices,
|
|
686
|
-
dropdownAlign: dropdownAlign,
|
|
687
|
-
errors: errors,
|
|
688
|
-
field: field,
|
|
689
|
-
fieldDefinition: fieldDefinition,
|
|
690
|
-
fieldDefinitions: fieldDefinitions,
|
|
691
|
-
fields: fields,
|
|
692
|
-
font: font,
|
|
693
|
-
fontMedia: fontMedia,
|
|
694
|
-
fontMedias: fontMedias,
|
|
695
|
-
fonts: fonts,
|
|
696
|
-
footer: footer,
|
|
697
|
-
formControlSize: formControlSize,
|
|
698
|
-
formErrors: formErrors,
|
|
699
|
-
formField: formField,
|
|
700
|
-
formFields: formFields,
|
|
701
|
-
geoPosition: geoPosition,
|
|
702
|
-
gridElement: gridElement,
|
|
703
|
-
gridLayout: gridLayout,
|
|
704
|
-
header: header,
|
|
705
|
-
headingElement: headingElement,
|
|
706
|
-
history: history,
|
|
707
|
-
imageElement: imageElement,
|
|
708
|
-
imageElementWithCaption: imageElementWithCaption,
|
|
709
|
-
imageElements: imageElements,
|
|
710
|
-
imageElementsWithCaption: imageElementsWithCaption,
|
|
711
|
-
imageMedia: imageMedia,
|
|
712
|
-
imageMedias: imageMedias,
|
|
713
|
-
inputElement: inputElement,
|
|
714
|
-
interaction: interaction,
|
|
715
|
-
interactions: interactions,
|
|
716
|
-
intl: intl,
|
|
717
|
-
label: label,
|
|
718
|
-
location: location,
|
|
719
|
-
margin: margin,
|
|
720
|
-
marker: marker,
|
|
721
|
-
markerWithImage: markerWithImage,
|
|
722
|
-
markers: markers,
|
|
723
|
-
markersWithImage: markersWithImage,
|
|
724
|
-
media: media,
|
|
725
|
-
mediaFile: mediaFile,
|
|
726
|
-
mediaTypes: mediaTypes,
|
|
727
|
-
medias: medias,
|
|
728
|
-
menuItem: menuItem,
|
|
729
|
-
menuItems: menuItems,
|
|
730
|
-
message: message,
|
|
731
|
-
metadata: metadata,
|
|
732
|
-
modal: modal,
|
|
733
|
-
modals: modals,
|
|
734
|
-
objectFit: objectFit,
|
|
735
|
-
objectFitSize: objectFitSize,
|
|
736
|
-
pageMetadata: pageMetadata,
|
|
737
|
-
panel: panel,
|
|
738
|
-
panels: panels,
|
|
739
|
-
paymentItem: paymentItem,
|
|
740
|
-
paymentItems: paymentItems,
|
|
741
|
-
progress: progress,
|
|
742
|
-
quizAnswer: quizAnswer,
|
|
743
|
-
quizAnswers: quizAnswers,
|
|
744
|
-
ref: ref,
|
|
745
|
-
reload: reload,
|
|
746
|
-
renderContext: renderContext,
|
|
747
|
-
screen: screen,
|
|
748
|
-
screenComponent: screenComponent,
|
|
749
|
-
screenComponents: screenComponents,
|
|
750
|
-
screenDefinition: screenDefinition,
|
|
751
|
-
screenDefinitions: screenDefinitions,
|
|
752
|
-
screenSize: screenSize,
|
|
753
|
-
searchFilter: searchFilter,
|
|
754
|
-
searchFilters: searchFilters,
|
|
755
|
-
selectOption: selectOption,
|
|
756
|
-
selectOptions: selectOptions,
|
|
757
|
-
shadowType: shadowType,
|
|
758
|
-
shareIncentive: shareIncentive,
|
|
759
|
-
slide: slide,
|
|
760
|
-
slides: slides,
|
|
761
|
-
speaker: speaker,
|
|
762
|
-
speakers: speakers,
|
|
763
|
-
stackAlign: stackAlign,
|
|
764
|
-
stackDirection: stackDirection,
|
|
765
|
-
stackElement: stackElement,
|
|
766
|
-
stackSpacing: stackSpacing,
|
|
767
|
-
statusCode: statusCode,
|
|
768
|
-
story: story,
|
|
769
|
-
storyComponent: storyComponent,
|
|
770
|
-
storyComponents: storyComponents,
|
|
771
|
-
tag: tag,
|
|
772
|
-
tags: tags,
|
|
773
|
-
target: target,
|
|
774
|
-
text: text,
|
|
775
|
-
textAlign: textAlign,
|
|
776
|
-
textElement: textElement,
|
|
777
|
-
textStyle: textStyle,
|
|
778
|
-
theme: theme,
|
|
779
|
-
trackingVariables: trackingVariables,
|
|
780
|
-
transition: transition,
|
|
781
|
-
transitionName: transitionName,
|
|
782
|
-
transitions: transitions,
|
|
783
|
-
user: user,
|
|
784
|
-
videoElement: videoElement,
|
|
785
|
-
videoMedia: videoMedia,
|
|
786
|
-
videoMedias: videoMedias,
|
|
787
|
-
viewerTheme: viewerTheme,
|
|
788
|
-
visitor: visitor,
|
|
789
|
-
visualElement: visualElement,
|
|
790
|
-
visualElements: visualElements
|
|
791
|
-
});
|
|
792
22
|
|
|
793
23
|
var sortedColors = function sortedColors(colors) {
|
|
794
24
|
return sortBy(colors, ['color', 'alpha']);
|
|
@@ -2470,4 +1700,4 @@ var Tracking = /*#__PURE__*/function (_BaseTracking) {
|
|
|
2470
1700
|
}]);
|
|
2471
1701
|
}(Tracking$1);
|
|
2472
1702
|
|
|
2473
|
-
export { ColorsParser, ComponentsManager, DefinitionsManager, EventsManager, FieldsManager, FontsParser, MediasParser,
|
|
1703
|
+
export { ColorsParser, ComponentsManager, DefinitionsManager, EventsManager, FieldsManager, FontsParser, MediasParser, ScreensManager, StoryParser, ThemeParser, Tracking };
|