@micromag/core 0.3.420 → 0.3.429
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 +13 -13
- package/assets/css/vendor.css +1 -1
- package/es/components.js +76 -54
- package/es/hooks.js +9 -8
- package/es/index.js +202 -120
- package/es/utils.js +109 -5
- package/lib/components.js +1139 -1156
- package/lib/contexts.js +199 -233
- package/lib/hooks.js +89 -124
- package/lib/index.js +660 -603
- package/lib/utils.js +155 -73
- package/package.json +23 -7
- package/scss/styles.scss +1 -1
- package/scss/upload.scss +2 -2
- package/scss/vendor.scss +1 -1
package/lib/index.js
CHANGED
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
3
|
var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
|
|
6
4
|
var PropTypes$1 = require('prop-types');
|
|
7
|
-
var
|
|
5
|
+
var tslib = require('tslib');
|
|
8
6
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
9
7
|
var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
|
|
10
8
|
var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
|
|
@@ -17,13 +15,11 @@ var _inherits = require('@babel/runtime/helpers/inherits');
|
|
|
17
15
|
var _createSuper = require('@babel/runtime/helpers/createSuper');
|
|
18
16
|
var EventEmitter = require('wolfy87-eventemitter');
|
|
19
17
|
require('lodash/isNumber');
|
|
20
|
-
require('param-case');
|
|
21
18
|
require('@babel/runtime/helpers/regeneratorRuntime');
|
|
22
19
|
require('@babel/runtime/helpers/asyncToGenerator');
|
|
23
20
|
require('react');
|
|
24
21
|
var isString = require('lodash/isString');
|
|
25
22
|
require('tinycolor2');
|
|
26
|
-
var changeCase = require('change-case');
|
|
27
23
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
28
24
|
var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
|
|
29
25
|
require('slugify');
|
|
@@ -33,389 +29,432 @@ var uniq = require('lodash/uniq');
|
|
|
33
29
|
var isEmpty = require('lodash/isEmpty');
|
|
34
30
|
var tracking = require('@folklore/tracking');
|
|
35
31
|
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
var
|
|
48
|
-
|
|
49
|
-
var
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
var
|
|
32
|
+
/**
|
|
33
|
+
* Source: ftp://ftp.unicode.org/Public/UCD/latest/ucd/SpecialCasing.txt
|
|
34
|
+
*/
|
|
35
|
+
/**
|
|
36
|
+
* Lower case as a function.
|
|
37
|
+
*/
|
|
38
|
+
function lowerCase(str) {
|
|
39
|
+
return str.toLowerCase();
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
// Support camel case ("camelCase" -> "camel Case" and "CAMELCase" -> "CAMEL Case").
|
|
43
|
+
var DEFAULT_SPLIT_REGEXP = [/([a-z0-9])([A-Z])/g, /([A-Z])([A-Z][a-z])/g];
|
|
44
|
+
// Remove all non-word characters.
|
|
45
|
+
var DEFAULT_STRIP_REGEXP = /[^A-Z0-9]+/gi;
|
|
46
|
+
/**
|
|
47
|
+
* Normalize the string into something other libraries can manipulate easier.
|
|
48
|
+
*/
|
|
49
|
+
function noCase(input, options) {
|
|
50
|
+
if (options === void 0) {
|
|
51
|
+
options = {};
|
|
52
|
+
}
|
|
53
|
+
var _a = options.splitRegexp,
|
|
54
|
+
splitRegexp = _a === void 0 ? DEFAULT_SPLIT_REGEXP : _a,
|
|
55
|
+
_b = options.stripRegexp,
|
|
56
|
+
stripRegexp = _b === void 0 ? DEFAULT_STRIP_REGEXP : _b,
|
|
57
|
+
_c = options.transform,
|
|
58
|
+
transform = _c === void 0 ? lowerCase : _c,
|
|
59
|
+
_d = options.delimiter,
|
|
60
|
+
delimiter = _d === void 0 ? " " : _d;
|
|
61
|
+
var result = replace(replace(input, splitRegexp, "$1\0$2"), stripRegexp, "\0");
|
|
62
|
+
var start = 0;
|
|
63
|
+
var end = result.length;
|
|
64
|
+
// Trim the delimiter from around the output string.
|
|
65
|
+
while (result.charAt(start) === "\0") start++;
|
|
66
|
+
while (result.charAt(end - 1) === "\0") end--;
|
|
67
|
+
// Transform each token independently.
|
|
68
|
+
return result.slice(start, end).split("\0").map(transform).join(delimiter);
|
|
69
|
+
}
|
|
70
|
+
/**
|
|
71
|
+
* Replace `re` in the input string with the replacement value.
|
|
72
|
+
*/
|
|
73
|
+
function replace(input, re, value) {
|
|
74
|
+
if (re instanceof RegExp) return input.replace(re, value);
|
|
75
|
+
return re.reduce(function (input, re) {
|
|
76
|
+
return input.replace(re, value);
|
|
77
|
+
}, input);
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
function dotCase(input, options) {
|
|
81
|
+
if (options === void 0) {
|
|
82
|
+
options = {};
|
|
83
|
+
}
|
|
84
|
+
return noCase(input, tslib.__assign({
|
|
85
|
+
delimiter: "."
|
|
86
|
+
}, options));
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
function snakeCase(input, options) {
|
|
90
|
+
if (options === void 0) {
|
|
91
|
+
options = {};
|
|
92
|
+
}
|
|
93
|
+
return dotCase(input, tslib.__assign({
|
|
94
|
+
delimiter: "_"
|
|
95
|
+
}, options));
|
|
96
|
+
}
|
|
58
97
|
|
|
59
98
|
/**
|
|
60
99
|
* Core
|
|
61
100
|
*/
|
|
62
|
-
var history =
|
|
63
|
-
listen:
|
|
64
|
-
push:
|
|
101
|
+
var history = PropTypes$1.shape({
|
|
102
|
+
listen: PropTypes$1.func.isRequired,
|
|
103
|
+
push: PropTypes$1.func.isRequired
|
|
65
104
|
});
|
|
66
|
-
var location =
|
|
67
|
-
pathname:
|
|
68
|
-
search:
|
|
105
|
+
var location = PropTypes$1.shape({
|
|
106
|
+
pathname: PropTypes$1.string,
|
|
107
|
+
search: PropTypes$1.string
|
|
69
108
|
});
|
|
70
|
-
var intl =
|
|
71
|
-
locale:
|
|
72
|
-
formatMessage:
|
|
109
|
+
var intl = PropTypes$1.shape({
|
|
110
|
+
locale: PropTypes$1.string.isRequired,
|
|
111
|
+
formatMessage: PropTypes$1.func.isRequired
|
|
73
112
|
});
|
|
74
|
-
var defaultMessageContent =
|
|
75
|
-
type:
|
|
76
|
-
value:
|
|
113
|
+
var defaultMessageContent = PropTypes$1.shape({
|
|
114
|
+
type: PropTypes$1.number,
|
|
115
|
+
value: PropTypes$1.string
|
|
77
116
|
});
|
|
78
|
-
var defaultMessage =
|
|
79
|
-
var message =
|
|
80
|
-
id:
|
|
117
|
+
var defaultMessage = PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.arrayOf(defaultMessageContent)]);
|
|
118
|
+
var message = PropTypes$1.shape({
|
|
119
|
+
id: PropTypes$1.string,
|
|
81
120
|
defaultMessage: defaultMessage.isRequired,
|
|
82
|
-
description:
|
|
121
|
+
description: PropTypes$1.string
|
|
83
122
|
});
|
|
84
|
-
var text =
|
|
85
|
-
var label =
|
|
86
|
-
var statusCode =
|
|
87
|
-
var ref =
|
|
88
|
-
current:
|
|
89
|
-
}),
|
|
90
|
-
var target =
|
|
91
|
-
var interaction =
|
|
92
|
-
var interactions =
|
|
93
|
-
var trackingVariables =
|
|
94
|
-
var progress =
|
|
95
|
-
currentTime:
|
|
96
|
-
duration:
|
|
123
|
+
var text = PropTypes$1.oneOfType([message, PropTypes$1.string]);
|
|
124
|
+
var label = PropTypes$1.oneOfType([message, PropTypes$1.node]);
|
|
125
|
+
var statusCode = PropTypes$1.oneOf([401, 403, 404, 500]);
|
|
126
|
+
var ref = PropTypes$1.oneOfType([PropTypes$1.shape({
|
|
127
|
+
current: PropTypes$1.any // eslint-disable-line react/forbid-prop-types
|
|
128
|
+
}), PropTypes$1.func]);
|
|
129
|
+
var target = PropTypes$1.oneOf(['_blank', '_self', '_parent']);
|
|
130
|
+
var interaction = PropTypes$1.oneOf(['tap', 'swipe']);
|
|
131
|
+
var interactions = PropTypes$1.arrayOf(interaction);
|
|
132
|
+
var trackingVariables = PropTypes$1.objectOf(PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.number, PropTypes$1.array]));
|
|
133
|
+
var progress = PropTypes$1.shape({
|
|
134
|
+
currentTime: PropTypes$1.number,
|
|
135
|
+
duration: PropTypes$1.number
|
|
97
136
|
});
|
|
98
137
|
|
|
99
138
|
/**
|
|
100
139
|
* Site
|
|
101
140
|
*/
|
|
102
|
-
var user =
|
|
103
|
-
id:
|
|
104
|
-
firstname:
|
|
105
|
-
lastname:
|
|
106
|
-
email:
|
|
107
|
-
gender:
|
|
108
|
-
birthdate:
|
|
141
|
+
var user = PropTypes$1.shape({
|
|
142
|
+
id: PropTypes$1.number,
|
|
143
|
+
firstname: PropTypes$1.string,
|
|
144
|
+
lastname: PropTypes$1.string,
|
|
145
|
+
email: PropTypes$1.string,
|
|
146
|
+
gender: PropTypes$1.string,
|
|
147
|
+
birthdate: PropTypes$1.string
|
|
109
148
|
});
|
|
110
|
-
var menuItem =
|
|
111
|
-
id:
|
|
149
|
+
var menuItem = PropTypes$1.shape({
|
|
150
|
+
id: PropTypes$1.oneOfType([PropTypes$1.number, PropTypes$1.string]),
|
|
112
151
|
label: label,
|
|
113
|
-
url:
|
|
114
|
-
external:
|
|
115
|
-
active:
|
|
152
|
+
url: PropTypes$1.string,
|
|
153
|
+
external: PropTypes$1.bool,
|
|
154
|
+
active: PropTypes$1.bool
|
|
116
155
|
});
|
|
117
|
-
var menuItems =
|
|
118
|
-
var breadcrumb =
|
|
156
|
+
var menuItems = PropTypes$1.arrayOf(menuItem);
|
|
157
|
+
var breadcrumb = PropTypes$1.shape({
|
|
119
158
|
label: label,
|
|
120
|
-
url:
|
|
159
|
+
url: PropTypes$1.string
|
|
121
160
|
});
|
|
122
|
-
var breadcrumbs =
|
|
123
|
-
var device =
|
|
124
|
-
id:
|
|
161
|
+
var breadcrumbs = PropTypes$1.arrayOf(breadcrumb);
|
|
162
|
+
var device = PropTypes$1.shape({
|
|
163
|
+
id: PropTypes$1.string.isRequired
|
|
125
164
|
});
|
|
126
|
-
var devices =
|
|
127
|
-
var modal =
|
|
128
|
-
id:
|
|
165
|
+
var devices = PropTypes$1.arrayOf(device);
|
|
166
|
+
var modal = PropTypes$1.shape({
|
|
167
|
+
id: PropTypes$1.string.isRequired
|
|
129
168
|
});
|
|
130
|
-
var modals =
|
|
131
|
-
var panel =
|
|
132
|
-
id:
|
|
169
|
+
var modals = PropTypes$1.arrayOf(modal);
|
|
170
|
+
var panel = PropTypes$1.shape({
|
|
171
|
+
id: PropTypes$1.string.isRequired
|
|
133
172
|
});
|
|
134
|
-
var panels =
|
|
135
|
-
var button =
|
|
173
|
+
var panels = PropTypes$1.arrayOf(panel);
|
|
174
|
+
var button = PropTypes$1.shape({
|
|
136
175
|
label: label,
|
|
137
|
-
onClick:
|
|
176
|
+
onClick: PropTypes$1.func
|
|
138
177
|
});
|
|
139
|
-
var buttons =
|
|
178
|
+
var buttons = PropTypes$1.arrayOf(button);
|
|
140
179
|
var bootstrapThemeStrings = ['primary', 'secondary', 'success', 'danger', 'warning', 'info', 'light', 'dark'];
|
|
141
|
-
var bootstrapThemes =
|
|
142
|
-
var buttonTheme =
|
|
143
|
-
var buttonSize =
|
|
144
|
-
var formControlSize =
|
|
145
|
-
var dropdownAlign =
|
|
180
|
+
var bootstrapThemes = PropTypes$1.oneOf(bootstrapThemeStrings);
|
|
181
|
+
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]));
|
|
182
|
+
var buttonSize = PropTypes$1.oneOf(['lg', 'sm', null]);
|
|
183
|
+
var formControlSize = PropTypes$1.oneOf(['lg', 'sm', null]);
|
|
184
|
+
var dropdownAlign = PropTypes$1.oneOf(['start', 'end']);
|
|
146
185
|
var componentNames = function componentNames(Components) {
|
|
147
|
-
return
|
|
148
|
-
return snakeCase
|
|
186
|
+
return PropTypes$1.oneOf(Object.keys(Components).map(function (it) {
|
|
187
|
+
return snakeCase(it);
|
|
149
188
|
}));
|
|
150
189
|
};
|
|
151
|
-
var component =
|
|
152
|
-
var components =
|
|
190
|
+
var component = PropTypes$1.oneOfType([PropTypes$1.object, PropTypes$1.func]);
|
|
191
|
+
var components = PropTypes$1.objectOf(component);
|
|
153
192
|
|
|
154
193
|
/**
|
|
155
194
|
* Forms
|
|
156
195
|
*/
|
|
157
|
-
var errors =
|
|
158
|
-
var formErrors =
|
|
159
|
-
var selectOption =
|
|
160
|
-
value:
|
|
196
|
+
var errors = PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.arrayOf(PropTypes$1.string)]);
|
|
197
|
+
var formErrors = PropTypes$1.objectOf(errors);
|
|
198
|
+
var selectOption = PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.shape({
|
|
199
|
+
value: PropTypes$1.any,
|
|
161
200
|
// eslint-disable-line
|
|
162
201
|
label: label
|
|
163
202
|
})]);
|
|
164
|
-
var selectOptions =
|
|
165
|
-
var formField =
|
|
166
|
-
name:
|
|
203
|
+
var selectOptions = PropTypes$1.arrayOf(selectOption);
|
|
204
|
+
var formField = PropTypes$1.shape({
|
|
205
|
+
name: PropTypes$1.string,
|
|
167
206
|
component: component
|
|
168
207
|
});
|
|
169
|
-
var formFields =
|
|
208
|
+
var formFields = PropTypes$1.arrayOf(formField);
|
|
170
209
|
|
|
171
210
|
/**
|
|
172
211
|
* Medias
|
|
173
212
|
*/
|
|
174
213
|
var mediaMetadataShape = {
|
|
175
|
-
filename:
|
|
176
|
-
size:
|
|
177
|
-
mime:
|
|
214
|
+
filename: PropTypes$1.string,
|
|
215
|
+
size: PropTypes$1.number,
|
|
216
|
+
mime: PropTypes$1.string
|
|
178
217
|
};
|
|
179
|
-
var mediaFile =
|
|
180
|
-
id:
|
|
181
|
-
handle:
|
|
182
|
-
type:
|
|
183
|
-
mime:
|
|
184
|
-
url:
|
|
218
|
+
var mediaFile = PropTypes$1.shape({
|
|
219
|
+
id: PropTypes$1.string,
|
|
220
|
+
handle: PropTypes$1.string,
|
|
221
|
+
type: PropTypes$1.string,
|
|
222
|
+
mime: PropTypes$1.string,
|
|
223
|
+
url: PropTypes$1.string
|
|
185
224
|
});
|
|
186
225
|
var mediaShape = {
|
|
187
|
-
id:
|
|
188
|
-
type:
|
|
189
|
-
url:
|
|
226
|
+
id: PropTypes$1.string,
|
|
227
|
+
type: PropTypes$1.string.isRequired,
|
|
228
|
+
url: PropTypes$1.string,
|
|
190
229
|
// .isRequired,
|
|
191
|
-
thumbnail_url:
|
|
192
|
-
name:
|
|
193
|
-
metadata:
|
|
194
|
-
files:
|
|
230
|
+
thumbnail_url: PropTypes$1.string,
|
|
231
|
+
name: PropTypes$1.string,
|
|
232
|
+
metadata: PropTypes$1.shape(_objectSpread({}, mediaMetadataShape)),
|
|
233
|
+
files: PropTypes$1.objectOf(mediaFile)
|
|
195
234
|
};
|
|
196
|
-
var media =
|
|
197
|
-
var medias =
|
|
198
|
-
var mediaTypes =
|
|
199
|
-
var imageMedia =
|
|
200
|
-
type:
|
|
201
|
-
metadata:
|
|
202
|
-
width:
|
|
203
|
-
height:
|
|
235
|
+
var media = PropTypes$1.shape(mediaShape);
|
|
236
|
+
var medias = PropTypes$1.arrayOf(media);
|
|
237
|
+
var mediaTypes = PropTypes$1.oneOf(['image', 'video', 'audio', 'closed-captions', 'font']);
|
|
238
|
+
var imageMedia = PropTypes$1.shape(_objectSpread(_objectSpread({}, mediaShape), {}, {
|
|
239
|
+
type: PropTypes$1.oneOf(['image', 'video']),
|
|
240
|
+
metadata: PropTypes$1.shape(_objectSpread(_objectSpread({}, mediaMetadataShape), {}, {
|
|
241
|
+
width: PropTypes$1.number,
|
|
242
|
+
height: PropTypes$1.number
|
|
204
243
|
}))
|
|
205
244
|
}));
|
|
206
|
-
var imageMedias =
|
|
207
|
-
var fontMedia =
|
|
208
|
-
type:
|
|
209
|
-
metadata:
|
|
245
|
+
var imageMedias = PropTypes$1.arrayOf(imageMedia);
|
|
246
|
+
var fontMedia = PropTypes$1.shape(_objectSpread(_objectSpread({}, mediaShape), {}, {
|
|
247
|
+
type: PropTypes$1.oneOf(['font']),
|
|
248
|
+
metadata: PropTypes$1.shape(_objectSpread({}, mediaMetadataShape))
|
|
210
249
|
}));
|
|
211
|
-
var fontMedias =
|
|
212
|
-
var videoMedia =
|
|
213
|
-
type:
|
|
214
|
-
metadata:
|
|
215
|
-
width:
|
|
216
|
-
height:
|
|
217
|
-
duration:
|
|
250
|
+
var fontMedias = PropTypes$1.arrayOf(fontMedia);
|
|
251
|
+
var videoMedia = PropTypes$1.shape(_objectSpread(_objectSpread({}, mediaShape), {}, {
|
|
252
|
+
type: PropTypes$1.oneOf(['video']),
|
|
253
|
+
metadata: PropTypes$1.shape(_objectSpread(_objectSpread({}, mediaMetadataShape), {}, {
|
|
254
|
+
width: PropTypes$1.number,
|
|
255
|
+
height: PropTypes$1.number,
|
|
256
|
+
duration: PropTypes$1.number
|
|
218
257
|
}))
|
|
219
258
|
}));
|
|
220
|
-
var videoMedias =
|
|
221
|
-
var audioMedia =
|
|
222
|
-
type:
|
|
223
|
-
metadata:
|
|
224
|
-
duration:
|
|
259
|
+
var videoMedias = PropTypes$1.arrayOf(videoMedia);
|
|
260
|
+
var audioMedia = PropTypes$1.shape(_objectSpread(_objectSpread({}, mediaShape), {}, {
|
|
261
|
+
type: PropTypes$1.oneOf(['audio']),
|
|
262
|
+
metadata: PropTypes$1.shape(_objectSpread(_objectSpread({}, mediaMetadataShape), {}, {
|
|
263
|
+
duration: PropTypes$1.number
|
|
225
264
|
}))
|
|
226
265
|
}));
|
|
227
|
-
var audioMedias =
|
|
228
|
-
var closedCaptionsMedia =
|
|
229
|
-
type:
|
|
266
|
+
var audioMedias = PropTypes$1.arrayOf(audioMedia);
|
|
267
|
+
var closedCaptionsMedia = PropTypes$1.shape(_objectSpread(_objectSpread({}, mediaShape), {}, {
|
|
268
|
+
type: PropTypes$1.oneOf(['closed-captions'])
|
|
230
269
|
}));
|
|
231
270
|
|
|
232
271
|
/**
|
|
233
272
|
* Style
|
|
234
273
|
*/
|
|
235
274
|
|
|
236
|
-
var customFont =
|
|
237
|
-
type:
|
|
238
|
-
name:
|
|
275
|
+
var customFont = PropTypes$1.shape({
|
|
276
|
+
type: PropTypes$1.oneOf(['system', 'google', 'custom']),
|
|
277
|
+
name: PropTypes$1.string,
|
|
239
278
|
media: fontMedia
|
|
240
279
|
});
|
|
241
|
-
var font =
|
|
242
|
-
var fonts =
|
|
243
|
-
var textAlign =
|
|
244
|
-
var color =
|
|
245
|
-
color:
|
|
246
|
-
alpha:
|
|
280
|
+
var font = PropTypes$1.oneOfType([PropTypes$1.object, PropTypes$1.string]);
|
|
281
|
+
var fonts = PropTypes$1.arrayOf(font);
|
|
282
|
+
var textAlign = PropTypes$1.oneOf(['left', 'right', 'center']);
|
|
283
|
+
var color = PropTypes$1.shape({
|
|
284
|
+
color: PropTypes$1.string,
|
|
285
|
+
alpha: PropTypes$1.number
|
|
247
286
|
});
|
|
248
|
-
var textStyle =
|
|
287
|
+
var textStyle = PropTypes$1.shape({
|
|
249
288
|
fontFamily: font,
|
|
250
|
-
fontSize:
|
|
251
|
-
fontStyle:
|
|
252
|
-
bold:
|
|
253
|
-
italic:
|
|
254
|
-
underline:
|
|
255
|
-
upperCase:
|
|
289
|
+
fontSize: PropTypes$1.number,
|
|
290
|
+
fontStyle: PropTypes$1.shape({
|
|
291
|
+
bold: PropTypes$1.bool,
|
|
292
|
+
italic: PropTypes$1.bool,
|
|
293
|
+
underline: PropTypes$1.bool,
|
|
294
|
+
upperCase: PropTypes$1.bool
|
|
256
295
|
}),
|
|
257
296
|
align: textAlign,
|
|
258
297
|
color: color,
|
|
259
|
-
letterSpacing:
|
|
260
|
-
lineHeight:
|
|
298
|
+
letterSpacing: PropTypes$1.number,
|
|
299
|
+
lineHeight: PropTypes$1.number
|
|
261
300
|
});
|
|
262
|
-
var borderTypes =
|
|
263
|
-
var shadowType =
|
|
264
|
-
shadowDistance:
|
|
265
|
-
shadowBlur:
|
|
301
|
+
var borderTypes = PropTypes$1.oneOf(['dotted', 'dashed', 'solid', 'double', 'groove', 'ridge', 'inset', 'outset', 'hidden']);
|
|
302
|
+
var shadowType = PropTypes$1.shape({
|
|
303
|
+
shadowDistance: PropTypes$1.number,
|
|
304
|
+
shadowBlur: PropTypes$1.number,
|
|
266
305
|
shadowColor: color
|
|
267
306
|
});
|
|
268
|
-
var borderStyle =
|
|
269
|
-
width:
|
|
307
|
+
var borderStyle = PropTypes$1.shape({
|
|
308
|
+
width: PropTypes$1.number,
|
|
270
309
|
style: borderTypes,
|
|
271
|
-
radius:
|
|
310
|
+
radius: PropTypes$1.number,
|
|
272
311
|
color: color
|
|
273
312
|
});
|
|
274
|
-
var boxStyle =
|
|
313
|
+
var boxStyle = PropTypes$1.shape({
|
|
275
314
|
backgroundColor: color,
|
|
276
|
-
borderRadius:
|
|
277
|
-
borderWidth:
|
|
315
|
+
borderRadius: PropTypes$1.number,
|
|
316
|
+
borderWidth: PropTypes$1.number,
|
|
278
317
|
borderColor: color,
|
|
279
318
|
borderStyle: borderTypes,
|
|
280
319
|
shadow: shadowType
|
|
281
320
|
});
|
|
282
|
-
var margin =
|
|
283
|
-
top:
|
|
284
|
-
bottom:
|
|
321
|
+
var margin = PropTypes$1.shape({
|
|
322
|
+
top: PropTypes$1.number,
|
|
323
|
+
bottom: PropTypes$1.number
|
|
285
324
|
});
|
|
286
|
-
var gridLayout =
|
|
287
|
-
rows:
|
|
288
|
-
columns:
|
|
325
|
+
var gridLayout = PropTypes$1.arrayOf(PropTypes$1.shape({
|
|
326
|
+
rows: PropTypes$1.oneOfType([PropTypes$1.number, PropTypes$1.arrayOf(PropTypes$1.number)]),
|
|
327
|
+
columns: PropTypes$1.oneOfType([PropTypes$1.number, PropTypes$1.arrayOf(PropTypes$1.number)])
|
|
289
328
|
}));
|
|
290
|
-
var objectFitSize =
|
|
291
|
-
var objectFit =
|
|
329
|
+
var objectFitSize = PropTypes$1.oneOf(['cover', 'contain', null]);
|
|
330
|
+
var objectFit = PropTypes$1.shape({
|
|
292
331
|
fit: objectFitSize,
|
|
293
|
-
horizontalPosition:
|
|
294
|
-
verticalPosition:
|
|
332
|
+
horizontalPosition: PropTypes$1.oneOf(['left', 'center', 'right']),
|
|
333
|
+
verticalPosition: PropTypes$1.oneOf(['top', 'center', 'bottom'])
|
|
295
334
|
});
|
|
296
335
|
|
|
297
336
|
/**
|
|
298
337
|
* Elements
|
|
299
338
|
*/
|
|
300
339
|
|
|
301
|
-
var textElement =
|
|
302
|
-
body:
|
|
340
|
+
var textElement = PropTypes$1.shape({
|
|
341
|
+
body: PropTypes$1.string,
|
|
303
342
|
textStyle: textStyle
|
|
304
343
|
});
|
|
305
344
|
var headingElement = textElement;
|
|
306
|
-
var inputElement =
|
|
307
|
-
label:
|
|
345
|
+
var inputElement = PropTypes$1.shape({
|
|
346
|
+
label: PropTypes$1.string,
|
|
308
347
|
textStyle: textStyle
|
|
309
348
|
});
|
|
310
|
-
var imageElement =
|
|
349
|
+
var imageElement = PropTypes$1.shape({
|
|
311
350
|
media: imageMedia
|
|
312
351
|
});
|
|
313
|
-
var imageElements =
|
|
314
|
-
var videoElement =
|
|
352
|
+
var imageElements = PropTypes$1.arrayOf(imageElement);
|
|
353
|
+
var videoElement = PropTypes$1.shape({
|
|
315
354
|
media: videoMedia,
|
|
316
|
-
autoPlay:
|
|
317
|
-
loop:
|
|
355
|
+
autoPlay: PropTypes$1.bool,
|
|
356
|
+
loop: PropTypes$1.bool,
|
|
318
357
|
closedCaptions: closedCaptionsMedia,
|
|
319
|
-
withSeekBar:
|
|
320
|
-
withControls:
|
|
358
|
+
withSeekBar: PropTypes$1.bool,
|
|
359
|
+
withControls: PropTypes$1.bool
|
|
321
360
|
});
|
|
322
|
-
var visualElement =
|
|
361
|
+
var visualElement = PropTypes$1.shape({
|
|
323
362
|
media: imageMedia
|
|
324
363
|
});
|
|
325
|
-
var visualElements =
|
|
326
|
-
var audioElement =
|
|
364
|
+
var visualElements = PropTypes$1.arrayOf(visualElement);
|
|
365
|
+
var audioElement = PropTypes$1.shape({
|
|
327
366
|
media: audioMedia,
|
|
328
|
-
autoPlay:
|
|
329
|
-
loop:
|
|
367
|
+
autoPlay: PropTypes$1.bool,
|
|
368
|
+
loop: PropTypes$1.bool,
|
|
330
369
|
closedCaptions: closedCaptionsMedia,
|
|
331
|
-
withPlayPause:
|
|
370
|
+
withPlayPause: PropTypes$1.bool
|
|
332
371
|
});
|
|
333
|
-
var closedCaptionsElement =
|
|
372
|
+
var closedCaptionsElement = PropTypes$1.shape({
|
|
334
373
|
media: closedCaptionsMedia
|
|
335
374
|
});
|
|
336
|
-
var backgroundElement =
|
|
375
|
+
var backgroundElement = PropTypes$1.shape({
|
|
337
376
|
color: color,
|
|
338
377
|
image: imageMedia,
|
|
339
378
|
video: videoMedia
|
|
340
379
|
});
|
|
341
|
-
var imageElementWithCaption =
|
|
380
|
+
var imageElementWithCaption = PropTypes$1.shape({
|
|
342
381
|
image: imageMedia,
|
|
343
382
|
caption: textElement
|
|
344
383
|
});
|
|
345
|
-
var imageElementsWithCaption =
|
|
346
|
-
var stackDirection =
|
|
347
|
-
var stackAlign =
|
|
348
|
-
var stackSpacing =
|
|
349
|
-
var stackElement =
|
|
384
|
+
var imageElementsWithCaption = PropTypes$1.arrayOf(imageElementWithCaption);
|
|
385
|
+
var stackDirection = PropTypes$1.oneOf(['horizontal', 'vertical']);
|
|
386
|
+
var stackAlign = PropTypes$1.oneOf(['start', 'center', 'end']);
|
|
387
|
+
var stackSpacing = PropTypes$1.oneOfType([PropTypes$1.number, PropTypes$1.oneOf(['between', 'evenly', 'around'])]);
|
|
388
|
+
var stackElement = PropTypes$1.shape({
|
|
350
389
|
direction: stackDirection,
|
|
351
390
|
align: stackAlign,
|
|
352
|
-
width:
|
|
353
|
-
height:
|
|
391
|
+
width: PropTypes$1.number,
|
|
392
|
+
height: PropTypes$1.number,
|
|
354
393
|
spacing: stackSpacing,
|
|
355
|
-
reverse:
|
|
394
|
+
reverse: PropTypes$1.bool
|
|
356
395
|
});
|
|
357
|
-
var gridElement =
|
|
358
|
-
layout:
|
|
359
|
-
spacing:
|
|
396
|
+
var gridElement = PropTypes$1.shape({
|
|
397
|
+
layout: PropTypes$1.arrayOf(PropTypes$1.string),
|
|
398
|
+
spacing: PropTypes$1.number
|
|
360
399
|
});
|
|
361
|
-
var geoPosition =
|
|
362
|
-
lat:
|
|
363
|
-
lng:
|
|
400
|
+
var geoPosition = PropTypes$1.shape({
|
|
401
|
+
lat: PropTypes$1.number,
|
|
402
|
+
lng: PropTypes$1.number
|
|
364
403
|
});
|
|
365
404
|
var markerShape = {
|
|
366
|
-
id:
|
|
405
|
+
id: PropTypes$1.number,
|
|
367
406
|
geoPosition: geoPosition,
|
|
368
407
|
title: headingElement,
|
|
369
408
|
subtitle: headingElement,
|
|
370
409
|
description: textElement
|
|
371
410
|
};
|
|
372
|
-
var marker =
|
|
373
|
-
var markers =
|
|
374
|
-
var markerWithImage =
|
|
411
|
+
var marker = PropTypes$1.shape(_objectSpread({}, markerShape));
|
|
412
|
+
var markers = PropTypes$1.arrayOf(marker);
|
|
413
|
+
var markerWithImage = PropTypes$1.shape(_objectSpread(_objectSpread({}, markerShape), {}, {
|
|
375
414
|
image: imageMedia
|
|
376
415
|
}));
|
|
377
|
-
var markersWithImage =
|
|
416
|
+
var markersWithImage = PropTypes$1.arrayOf(markerWithImage);
|
|
378
417
|
var answerShape = {
|
|
379
|
-
id:
|
|
418
|
+
id: PropTypes$1.string,
|
|
380
419
|
label: textElement
|
|
381
420
|
};
|
|
382
|
-
var answer =
|
|
383
|
-
var quizAnswer =
|
|
384
|
-
good:
|
|
421
|
+
var answer = PropTypes$1.shape(_objectSpread({}, answerShape));
|
|
422
|
+
var quizAnswer = PropTypes$1.shape(_objectSpread(_objectSpread({}, answerShape), {}, {
|
|
423
|
+
good: PropTypes$1.bool
|
|
385
424
|
}));
|
|
386
|
-
var answers =
|
|
387
|
-
var quizAnswers =
|
|
388
|
-
var callToActionTypes =
|
|
389
|
-
var callToAction =
|
|
390
|
-
active:
|
|
425
|
+
var answers = PropTypes$1.arrayOf(answer);
|
|
426
|
+
var quizAnswers = PropTypes$1.arrayOf(quizAnswer);
|
|
427
|
+
var callToActionTypes = PropTypes$1.oneOf(['swipe-up', 'button']);
|
|
428
|
+
var callToAction = PropTypes$1.shape({
|
|
429
|
+
active: PropTypes$1.bool,
|
|
391
430
|
type: callToActionTypes,
|
|
392
|
-
url:
|
|
431
|
+
url: PropTypes$1.string,
|
|
393
432
|
label: textElement,
|
|
394
433
|
buttonStyle: boxStyle
|
|
395
434
|
});
|
|
396
|
-
var shareIncentive =
|
|
397
|
-
active:
|
|
435
|
+
var shareIncentive = PropTypes$1.shape({
|
|
436
|
+
active: PropTypes$1.bool,
|
|
398
437
|
label: textElement,
|
|
399
438
|
boxStyle: boxStyle
|
|
400
439
|
});
|
|
401
|
-
var activeForm =
|
|
402
|
-
active:
|
|
440
|
+
var activeForm = PropTypes$1.shape({
|
|
441
|
+
active: PropTypes$1.bool
|
|
403
442
|
});
|
|
404
|
-
var speaker =
|
|
405
|
-
id:
|
|
406
|
-
name:
|
|
443
|
+
var speaker = PropTypes$1.shape({
|
|
444
|
+
id: PropTypes$1.string,
|
|
445
|
+
name: PropTypes$1.string,
|
|
407
446
|
avatar: imageMedia,
|
|
408
|
-
side:
|
|
447
|
+
side: PropTypes$1.oneOf(['left', 'right']),
|
|
409
448
|
color: color
|
|
410
449
|
});
|
|
411
|
-
var speakers =
|
|
412
|
-
var conversationMessage =
|
|
413
|
-
speaker:
|
|
414
|
-
message:
|
|
450
|
+
var speakers = PropTypes$1.arrayOf(speaker);
|
|
451
|
+
var conversationMessage = PropTypes$1.shape({
|
|
452
|
+
speaker: PropTypes$1.string,
|
|
453
|
+
message: PropTypes$1.string,
|
|
415
454
|
image: imageMedia
|
|
416
455
|
});
|
|
417
|
-
var conversationMessages =
|
|
418
|
-
var conversation =
|
|
456
|
+
var conversationMessages = PropTypes$1.arrayOf(conversationMessage);
|
|
457
|
+
var conversation = PropTypes$1.shape({
|
|
419
458
|
speakers: speakers,
|
|
420
459
|
textStyle: textStyle,
|
|
421
460
|
messages: conversationMessages
|
|
@@ -426,55 +465,55 @@ var conversation = PropTypes__default["default"].shape({
|
|
|
426
465
|
*/
|
|
427
466
|
|
|
428
467
|
var fieldShape = {
|
|
429
|
-
name:
|
|
430
|
-
type:
|
|
468
|
+
name: PropTypes$1.string,
|
|
469
|
+
type: PropTypes$1.string.isRequired,
|
|
431
470
|
label: text
|
|
432
471
|
};
|
|
433
|
-
var field =
|
|
434
|
-
isSection:
|
|
435
|
-
fields:
|
|
472
|
+
var field = PropTypes$1.shape(_objectSpread(_objectSpread({}, fieldShape), {}, {
|
|
473
|
+
isSection: PropTypes$1.bool,
|
|
474
|
+
fields: PropTypes$1.arrayOf(PropTypes$1.shape(fieldShape))
|
|
436
475
|
}));
|
|
437
|
-
var fields =
|
|
438
|
-
var screenDefinition =
|
|
439
|
-
id:
|
|
440
|
-
type:
|
|
476
|
+
var fields = PropTypes$1.arrayOf(field);
|
|
477
|
+
var screenDefinition = PropTypes$1.shape({
|
|
478
|
+
id: PropTypes$1.string.isRequired,
|
|
479
|
+
type: PropTypes$1.oneOf(['screen']).isRequired,
|
|
441
480
|
title: text.isRequired,
|
|
442
|
-
layouts:
|
|
481
|
+
layouts: PropTypes$1.arrayOf(PropTypes$1.string),
|
|
443
482
|
fields: fields
|
|
444
483
|
});
|
|
445
|
-
var screenDefinitions =
|
|
446
|
-
var fieldDefinition =
|
|
447
|
-
id:
|
|
448
|
-
type:
|
|
484
|
+
var screenDefinitions = PropTypes$1.arrayOf(screenDefinition);
|
|
485
|
+
var fieldDefinition = PropTypes$1.shape({
|
|
486
|
+
id: PropTypes$1.string.isRequired,
|
|
487
|
+
type: PropTypes$1.oneOf(['field']).isRequired,
|
|
449
488
|
title: text.isRequired,
|
|
450
489
|
fields: fields
|
|
451
490
|
});
|
|
452
|
-
var fieldDefinitions =
|
|
491
|
+
var fieldDefinitions = PropTypes$1.arrayOf(fieldDefinition);
|
|
453
492
|
|
|
454
493
|
/**
|
|
455
494
|
* Components
|
|
456
495
|
*/
|
|
457
496
|
var storyComponentShape = {
|
|
458
|
-
type:
|
|
497
|
+
type: PropTypes$1.string.isRequired
|
|
459
498
|
};
|
|
460
|
-
var storyComponent =
|
|
461
|
-
var storyComponents =
|
|
462
|
-
var screenComponent =
|
|
463
|
-
var screenComponents =
|
|
499
|
+
var storyComponent = PropTypes$1.shape(_objectSpread({}, storyComponentShape));
|
|
500
|
+
var storyComponents = PropTypes$1.arrayOf(storyComponent);
|
|
501
|
+
var screenComponent = PropTypes$1.shape(_objectSpread({}, storyComponentShape));
|
|
502
|
+
var screenComponents = PropTypes$1.arrayOf(screenComponent);
|
|
464
503
|
var screen = screenComponent; // @NOTE should be removed
|
|
465
504
|
|
|
466
505
|
/**
|
|
467
506
|
* Theme
|
|
468
507
|
*/
|
|
469
|
-
var theme =
|
|
470
|
-
id:
|
|
471
|
-
textStyles:
|
|
508
|
+
var theme = PropTypes$1.shape({
|
|
509
|
+
id: PropTypes$1.string,
|
|
510
|
+
textStyles: PropTypes$1.objectOf(textStyle),
|
|
472
511
|
// renamed to textstyles
|
|
473
512
|
background: backgroundElement,
|
|
474
|
-
colors:
|
|
513
|
+
colors: PropTypes$1.objectOf(color),
|
|
475
514
|
components: screenComponents
|
|
476
515
|
});
|
|
477
|
-
var viewerTheme =
|
|
516
|
+
var viewerTheme = PropTypes$1.shape(_objectSpread({
|
|
478
517
|
logo: imageMedia
|
|
479
518
|
}, theme));
|
|
480
519
|
|
|
@@ -493,23 +532,23 @@ var viewerTheme = PropTypes__default["default"].shape(_objectSpread__default["de
|
|
|
493
532
|
/**
|
|
494
533
|
* Metadata
|
|
495
534
|
*/
|
|
496
|
-
var metadata =
|
|
497
|
-
description:
|
|
498
|
-
shareUrl:
|
|
535
|
+
var metadata = PropTypes$1.shape({
|
|
536
|
+
description: PropTypes$1.string,
|
|
537
|
+
shareUrl: PropTypes$1.string,
|
|
499
538
|
shareImage: imageMedia,
|
|
500
539
|
favIcon: imageMedia
|
|
501
540
|
});
|
|
502
|
-
var tag =
|
|
503
|
-
label:
|
|
504
|
-
value:
|
|
541
|
+
var tag = PropTypes$1.shape({
|
|
542
|
+
label: PropTypes$1.string,
|
|
543
|
+
value: PropTypes$1.oneOfType([PropTypes$1.number, PropTypes$1.string])
|
|
505
544
|
});
|
|
506
|
-
var tags =
|
|
545
|
+
var tags = PropTypes$1.arrayOf(tag);
|
|
507
546
|
|
|
508
547
|
/**
|
|
509
548
|
* Story
|
|
510
549
|
*/
|
|
511
|
-
var story =
|
|
512
|
-
id:
|
|
550
|
+
var story = PropTypes$1.shape({
|
|
551
|
+
id: PropTypes$1.string,
|
|
513
552
|
theme: theme,
|
|
514
553
|
components: screenComponents,
|
|
515
554
|
metadata: metadata
|
|
@@ -518,68 +557,68 @@ var story = PropTypes__default["default"].shape({
|
|
|
518
557
|
/**
|
|
519
558
|
* Render
|
|
520
559
|
*/
|
|
521
|
-
var deviceScreen =
|
|
522
|
-
name:
|
|
523
|
-
mediaQuery:
|
|
560
|
+
var deviceScreen = PropTypes$1.shape({
|
|
561
|
+
name: PropTypes$1.string.isRequired,
|
|
562
|
+
mediaQuery: PropTypes$1.string
|
|
524
563
|
});
|
|
525
|
-
var deviceScreens =
|
|
526
|
-
var screenSize =
|
|
527
|
-
screen:
|
|
528
|
-
screens:
|
|
529
|
-
width:
|
|
530
|
-
height:
|
|
531
|
-
landscape:
|
|
564
|
+
var deviceScreens = PropTypes$1.arrayOf(deviceScreen);
|
|
565
|
+
var screenSize = PropTypes$1.shape({
|
|
566
|
+
screen: PropTypes$1.string,
|
|
567
|
+
screens: PropTypes$1.arrayOf(PropTypes$1.string),
|
|
568
|
+
width: PropTypes$1.number,
|
|
569
|
+
height: PropTypes$1.number,
|
|
570
|
+
landscape: PropTypes$1.bool
|
|
532
571
|
});
|
|
533
|
-
var renderContext =
|
|
572
|
+
var renderContext = PropTypes$1.oneOf(['view', 'placeholder', 'edit', 'preview', 'static', 'capture']);
|
|
534
573
|
|
|
535
574
|
/**
|
|
536
575
|
* Screens
|
|
537
576
|
*/
|
|
538
577
|
|
|
539
|
-
var adFormats =
|
|
540
|
-
width:
|
|
541
|
-
height:
|
|
578
|
+
var adFormats = PropTypes$1.shape({
|
|
579
|
+
width: PropTypes$1.number,
|
|
580
|
+
height: PropTypes$1.number
|
|
542
581
|
});
|
|
543
|
-
var adFormat =
|
|
544
|
-
width:
|
|
545
|
-
height:
|
|
546
|
-
url:
|
|
582
|
+
var adFormat = PropTypes$1.shape({
|
|
583
|
+
width: PropTypes$1.number,
|
|
584
|
+
height: PropTypes$1.number,
|
|
585
|
+
url: PropTypes$1.string,
|
|
547
586
|
target: target,
|
|
548
|
-
iframe:
|
|
587
|
+
iframe: PropTypes$1.string,
|
|
549
588
|
image: imageMedia
|
|
550
589
|
});
|
|
551
|
-
var audioComponent =
|
|
552
|
-
src:
|
|
553
|
-
track:
|
|
554
|
-
trackLng:
|
|
555
|
-
controls:
|
|
590
|
+
var audioComponent = PropTypes$1.shape({
|
|
591
|
+
src: PropTypes$1.string,
|
|
592
|
+
track: PropTypes$1.string,
|
|
593
|
+
trackLng: PropTypes$1.number,
|
|
594
|
+
controls: PropTypes$1.bool
|
|
556
595
|
});
|
|
557
|
-
var slide =
|
|
596
|
+
var slide = PropTypes$1.shape({
|
|
558
597
|
image: imageMedia,
|
|
559
|
-
text:
|
|
598
|
+
text: PropTypes$1.string
|
|
560
599
|
});
|
|
561
|
-
var slides =
|
|
600
|
+
var slides = PropTypes$1.arrayOf(slide);
|
|
562
601
|
|
|
563
602
|
// export const imageStyle = PropTypes.shape({
|
|
564
603
|
// alt: PropTypes.string,
|
|
565
604
|
// fit: PropTypes.object,
|
|
566
605
|
// });
|
|
567
606
|
|
|
568
|
-
var containerStyle =
|
|
607
|
+
var containerStyle = PropTypes$1.shape({});
|
|
569
608
|
|
|
570
609
|
/**
|
|
571
610
|
* Transitions
|
|
572
611
|
*/
|
|
573
612
|
|
|
574
|
-
var transitionName =
|
|
613
|
+
var transitionName = PropTypes$1.oneOf(['fade', 'scale', 'slide']);
|
|
575
614
|
var transitionParams = {
|
|
576
|
-
duration:
|
|
577
|
-
easing:
|
|
615
|
+
duration: PropTypes$1.number,
|
|
616
|
+
easing: PropTypes$1.oneOf(['ease', 'ease-in', 'ease-out', 'ease-in-out', 'linear'])
|
|
578
617
|
};
|
|
579
|
-
var transition =
|
|
618
|
+
var transition = PropTypes$1.oneOfType([transitionName.isRequired, PropTypes$1.shape(_objectSpread({
|
|
580
619
|
name: transitionName.isRequired
|
|
581
620
|
}, transitionParams))]);
|
|
582
|
-
var transitions =
|
|
621
|
+
var transitions = PropTypes$1.shape({
|
|
583
622
|
"in": transition,
|
|
584
623
|
out: transition
|
|
585
624
|
});
|
|
@@ -588,221 +627,221 @@ var transitions = PropTypes__default["default"].shape({
|
|
|
588
627
|
* Search
|
|
589
628
|
*/
|
|
590
629
|
|
|
591
|
-
var searchFilter =
|
|
592
|
-
type:
|
|
593
|
-
value:
|
|
630
|
+
var searchFilter = PropTypes$1.shape({
|
|
631
|
+
type: PropTypes$1.string,
|
|
632
|
+
value: PropTypes$1.oneOf([PropTypes$1.string, PropTypes$1.number])
|
|
594
633
|
});
|
|
595
|
-
var searchFilters =
|
|
634
|
+
var searchFilters = PropTypes$1.arrayOf(searchFilter);
|
|
596
635
|
|
|
597
636
|
/**
|
|
598
637
|
* Payments
|
|
599
638
|
*/
|
|
600
639
|
|
|
601
|
-
var paymentItem =
|
|
602
|
-
id:
|
|
603
|
-
date:
|
|
604
|
-
type:
|
|
605
|
-
invoice_link:
|
|
606
|
-
amount:
|
|
640
|
+
var paymentItem = PropTypes$1.shape({
|
|
641
|
+
id: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.number]),
|
|
642
|
+
date: PropTypes$1.string,
|
|
643
|
+
type: PropTypes$1.string,
|
|
644
|
+
invoice_link: PropTypes$1.string,
|
|
645
|
+
amount: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.number])
|
|
607
646
|
});
|
|
608
|
-
var paymentItems =
|
|
647
|
+
var paymentItems = PropTypes$1.arrayOf(paymentItem);
|
|
609
648
|
|
|
610
649
|
/**
|
|
611
650
|
* Page Metadada
|
|
612
651
|
*/
|
|
613
652
|
|
|
614
|
-
var pageMetadata =
|
|
615
|
-
canonical:
|
|
616
|
-
description:
|
|
617
|
-
keywords:
|
|
618
|
-
image:
|
|
619
|
-
url:
|
|
653
|
+
var pageMetadata = PropTypes$1.shape({
|
|
654
|
+
canonical: PropTypes$1.string,
|
|
655
|
+
description: PropTypes$1.string,
|
|
656
|
+
keywords: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.array]),
|
|
657
|
+
image: PropTypes$1.shape({
|
|
658
|
+
url: PropTypes$1.string
|
|
620
659
|
}),
|
|
621
|
-
favicon:
|
|
622
|
-
url:
|
|
660
|
+
favicon: PropTypes$1.shape({
|
|
661
|
+
url: PropTypes$1.string
|
|
623
662
|
}),
|
|
624
|
-
rssUrl:
|
|
625
|
-
atomUrl:
|
|
626
|
-
microformats:
|
|
663
|
+
rssUrl: PropTypes$1.string,
|
|
664
|
+
atomUrl: PropTypes$1.string,
|
|
665
|
+
microformats: PropTypes$1.arrayOf(PropTypes$1.shape({}))
|
|
627
666
|
});
|
|
628
|
-
var authorElement =
|
|
667
|
+
var authorElement = PropTypes$1.shape({
|
|
629
668
|
name: textElement,
|
|
630
|
-
avatar:
|
|
631
|
-
url:
|
|
669
|
+
avatar: PropTypes$1.shape({
|
|
670
|
+
url: PropTypes$1.string
|
|
632
671
|
})
|
|
633
672
|
});
|
|
634
|
-
var visitor =
|
|
635
|
-
id:
|
|
636
|
-
name:
|
|
673
|
+
var visitor = PropTypes$1.shape({
|
|
674
|
+
id: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.number]),
|
|
675
|
+
name: PropTypes$1.string
|
|
637
676
|
});
|
|
638
|
-
var badge =
|
|
677
|
+
var badge = PropTypes$1.shape({
|
|
639
678
|
label: textElement,
|
|
640
679
|
buttonStyle: boxStyle
|
|
641
680
|
});
|
|
642
|
-
var header =
|
|
681
|
+
var header = PropTypes$1.shape({
|
|
643
682
|
badge: badge
|
|
644
683
|
});
|
|
645
|
-
var footer =
|
|
684
|
+
var footer = PropTypes$1.shape({
|
|
646
685
|
callToAction: callToAction
|
|
647
686
|
});
|
|
648
|
-
var reload =
|
|
687
|
+
var reload = PropTypes$1.shape();
|
|
649
688
|
|
|
650
689
|
var PropTypes = /*#__PURE__*/Object.freeze({
|
|
651
690
|
__proto__: null,
|
|
652
|
-
|
|
653
|
-
|
|
654
|
-
|
|
655
|
-
|
|
656
|
-
|
|
657
|
-
|
|
658
|
-
|
|
659
|
-
|
|
660
|
-
|
|
661
|
-
|
|
662
|
-
|
|
663
|
-
|
|
664
|
-
|
|
665
|
-
|
|
666
|
-
|
|
667
|
-
|
|
668
|
-
|
|
669
|
-
menuItems: menuItems,
|
|
691
|
+
activeForm: activeForm,
|
|
692
|
+
adFormat: adFormat,
|
|
693
|
+
adFormats: adFormats,
|
|
694
|
+
answer: answer,
|
|
695
|
+
answerShape: answerShape,
|
|
696
|
+
answers: answers,
|
|
697
|
+
audioComponent: audioComponent,
|
|
698
|
+
audioElement: audioElement,
|
|
699
|
+
audioMedia: audioMedia,
|
|
700
|
+
audioMedias: audioMedias,
|
|
701
|
+
authorElement: authorElement,
|
|
702
|
+
backgroundElement: backgroundElement,
|
|
703
|
+
badge: badge,
|
|
704
|
+
bootstrapThemes: bootstrapThemes,
|
|
705
|
+
borderStyle: borderStyle,
|
|
706
|
+
borderTypes: borderTypes,
|
|
707
|
+
boxStyle: boxStyle,
|
|
670
708
|
breadcrumb: breadcrumb,
|
|
671
709
|
breadcrumbs: breadcrumbs,
|
|
672
|
-
device: device,
|
|
673
|
-
devices: devices,
|
|
674
|
-
modal: modal,
|
|
675
|
-
modals: modals,
|
|
676
|
-
panel: panel,
|
|
677
|
-
panels: panels,
|
|
678
710
|
button: button,
|
|
679
|
-
buttons: buttons,
|
|
680
|
-
bootstrapThemes: bootstrapThemes,
|
|
681
|
-
buttonTheme: buttonTheme,
|
|
682
711
|
buttonSize: buttonSize,
|
|
683
|
-
|
|
684
|
-
|
|
685
|
-
|
|
712
|
+
buttonTheme: buttonTheme,
|
|
713
|
+
buttons: buttons,
|
|
714
|
+
callToAction: callToAction,
|
|
715
|
+
callToActionTypes: callToActionTypes,
|
|
716
|
+
closedCaptionsElement: closedCaptionsElement,
|
|
717
|
+
closedCaptionsMedia: closedCaptionsMedia,
|
|
718
|
+
color: color,
|
|
686
719
|
component: component,
|
|
720
|
+
componentNames: componentNames,
|
|
687
721
|
components: components,
|
|
722
|
+
containerStyle: containerStyle,
|
|
723
|
+
conversation: conversation,
|
|
724
|
+
conversationMessage: conversationMessage,
|
|
725
|
+
conversationMessages: conversationMessages,
|
|
726
|
+
customFont: customFont,
|
|
727
|
+
defaultMessage: defaultMessage,
|
|
728
|
+
defaultMessageContent: defaultMessageContent,
|
|
729
|
+
device: device,
|
|
730
|
+
deviceScreen: deviceScreen,
|
|
731
|
+
deviceScreens: deviceScreens,
|
|
732
|
+
devices: devices,
|
|
733
|
+
dropdownAlign: dropdownAlign,
|
|
688
734
|
errors: errors,
|
|
689
|
-
|
|
690
|
-
|
|
691
|
-
|
|
692
|
-
|
|
693
|
-
|
|
694
|
-
mediaFile: mediaFile,
|
|
695
|
-
media: media,
|
|
696
|
-
medias: medias,
|
|
697
|
-
mediaTypes: mediaTypes,
|
|
698
|
-
imageMedia: imageMedia,
|
|
699
|
-
imageMedias: imageMedias,
|
|
735
|
+
field: field,
|
|
736
|
+
fieldDefinition: fieldDefinition,
|
|
737
|
+
fieldDefinitions: fieldDefinitions,
|
|
738
|
+
fields: fields,
|
|
739
|
+
font: font,
|
|
700
740
|
fontMedia: fontMedia,
|
|
701
741
|
fontMedias: fontMedias,
|
|
702
|
-
videoMedia: videoMedia,
|
|
703
|
-
videoMedias: videoMedias,
|
|
704
|
-
audioMedia: audioMedia,
|
|
705
|
-
audioMedias: audioMedias,
|
|
706
|
-
closedCaptionsMedia: closedCaptionsMedia,
|
|
707
|
-
customFont: customFont,
|
|
708
|
-
font: font,
|
|
709
742
|
fonts: fonts,
|
|
710
|
-
|
|
711
|
-
|
|
712
|
-
|
|
713
|
-
|
|
714
|
-
|
|
715
|
-
|
|
716
|
-
|
|
717
|
-
margin: margin,
|
|
743
|
+
footer: footer,
|
|
744
|
+
formControlSize: formControlSize,
|
|
745
|
+
formErrors: formErrors,
|
|
746
|
+
formField: formField,
|
|
747
|
+
formFields: formFields,
|
|
748
|
+
geoPosition: geoPosition,
|
|
749
|
+
gridElement: gridElement,
|
|
718
750
|
gridLayout: gridLayout,
|
|
719
|
-
|
|
720
|
-
objectFit: objectFit,
|
|
721
|
-
textElement: textElement,
|
|
751
|
+
header: header,
|
|
722
752
|
headingElement: headingElement,
|
|
723
|
-
|
|
753
|
+
history: history,
|
|
724
754
|
imageElement: imageElement,
|
|
725
|
-
imageElements: imageElements,
|
|
726
|
-
videoElement: videoElement,
|
|
727
|
-
visualElement: visualElement,
|
|
728
|
-
visualElements: visualElements,
|
|
729
|
-
audioElement: audioElement,
|
|
730
|
-
closedCaptionsElement: closedCaptionsElement,
|
|
731
|
-
backgroundElement: backgroundElement,
|
|
732
755
|
imageElementWithCaption: imageElementWithCaption,
|
|
756
|
+
imageElements: imageElements,
|
|
733
757
|
imageElementsWithCaption: imageElementsWithCaption,
|
|
734
|
-
|
|
735
|
-
|
|
736
|
-
|
|
737
|
-
|
|
738
|
-
|
|
739
|
-
|
|
758
|
+
imageMedia: imageMedia,
|
|
759
|
+
imageMedias: imageMedias,
|
|
760
|
+
inputElement: inputElement,
|
|
761
|
+
interaction: interaction,
|
|
762
|
+
interactions: interactions,
|
|
763
|
+
intl: intl,
|
|
764
|
+
label: label,
|
|
765
|
+
location: location,
|
|
766
|
+
margin: margin,
|
|
740
767
|
marker: marker,
|
|
741
|
-
markers: markers,
|
|
742
768
|
markerWithImage: markerWithImage,
|
|
769
|
+
markers: markers,
|
|
743
770
|
markersWithImage: markersWithImage,
|
|
744
|
-
|
|
745
|
-
|
|
771
|
+
media: media,
|
|
772
|
+
mediaFile: mediaFile,
|
|
773
|
+
mediaTypes: mediaTypes,
|
|
774
|
+
medias: medias,
|
|
775
|
+
menuItem: menuItem,
|
|
776
|
+
menuItems: menuItems,
|
|
777
|
+
message: message,
|
|
778
|
+
metadata: metadata,
|
|
779
|
+
modal: modal,
|
|
780
|
+
modals: modals,
|
|
781
|
+
objectFit: objectFit,
|
|
782
|
+
objectFitSize: objectFitSize,
|
|
783
|
+
pageMetadata: pageMetadata,
|
|
784
|
+
panel: panel,
|
|
785
|
+
panels: panels,
|
|
786
|
+
paymentItem: paymentItem,
|
|
787
|
+
paymentItems: paymentItems,
|
|
788
|
+
progress: progress,
|
|
746
789
|
quizAnswer: quizAnswer,
|
|
747
|
-
answers: answers,
|
|
748
790
|
quizAnswers: quizAnswers,
|
|
749
|
-
|
|
750
|
-
|
|
791
|
+
ref: ref,
|
|
792
|
+
reload: reload,
|
|
793
|
+
renderContext: renderContext,
|
|
794
|
+
screen: screen,
|
|
795
|
+
screenComponent: screenComponent,
|
|
796
|
+
screenComponents: screenComponents,
|
|
797
|
+
screenDefinition: screenDefinition,
|
|
798
|
+
screenDefinitions: screenDefinitions,
|
|
799
|
+
screenSize: screenSize,
|
|
800
|
+
searchFilter: searchFilter,
|
|
801
|
+
searchFilters: searchFilters,
|
|
802
|
+
selectOption: selectOption,
|
|
803
|
+
selectOptions: selectOptions,
|
|
804
|
+
shadowType: shadowType,
|
|
751
805
|
shareIncentive: shareIncentive,
|
|
752
|
-
|
|
806
|
+
slide: slide,
|
|
807
|
+
slides: slides,
|
|
753
808
|
speaker: speaker,
|
|
754
809
|
speakers: speakers,
|
|
755
|
-
|
|
756
|
-
|
|
757
|
-
|
|
758
|
-
|
|
759
|
-
|
|
760
|
-
|
|
761
|
-
screenDefinitions: screenDefinitions,
|
|
762
|
-
fieldDefinition: fieldDefinition,
|
|
763
|
-
fieldDefinitions: fieldDefinitions,
|
|
810
|
+
stackAlign: stackAlign,
|
|
811
|
+
stackDirection: stackDirection,
|
|
812
|
+
stackElement: stackElement,
|
|
813
|
+
stackSpacing: stackSpacing,
|
|
814
|
+
statusCode: statusCode,
|
|
815
|
+
story: story,
|
|
764
816
|
storyComponent: storyComponent,
|
|
765
817
|
storyComponents: storyComponents,
|
|
766
|
-
screenComponent: screenComponent,
|
|
767
|
-
screenComponents: screenComponents,
|
|
768
|
-
screen: screen,
|
|
769
|
-
theme: theme,
|
|
770
|
-
viewerTheme: viewerTheme,
|
|
771
|
-
metadata: metadata,
|
|
772
818
|
tag: tag,
|
|
773
819
|
tags: tags,
|
|
774
|
-
|
|
775
|
-
|
|
776
|
-
|
|
777
|
-
|
|
778
|
-
|
|
779
|
-
|
|
780
|
-
|
|
781
|
-
audioComponent: audioComponent,
|
|
782
|
-
slide: slide,
|
|
783
|
-
slides: slides,
|
|
784
|
-
containerStyle: containerStyle,
|
|
785
|
-
transitionName: transitionName,
|
|
820
|
+
target: target,
|
|
821
|
+
text: text,
|
|
822
|
+
textAlign: textAlign,
|
|
823
|
+
textElement: textElement,
|
|
824
|
+
textStyle: textStyle,
|
|
825
|
+
theme: theme,
|
|
826
|
+
trackingVariables: trackingVariables,
|
|
786
827
|
transition: transition,
|
|
828
|
+
transitionName: transitionName,
|
|
787
829
|
transitions: transitions,
|
|
788
|
-
|
|
789
|
-
|
|
790
|
-
|
|
791
|
-
|
|
792
|
-
|
|
793
|
-
authorElement: authorElement,
|
|
830
|
+
user: user,
|
|
831
|
+
videoElement: videoElement,
|
|
832
|
+
videoMedia: videoMedia,
|
|
833
|
+
videoMedias: videoMedias,
|
|
834
|
+
viewerTheme: viewerTheme,
|
|
794
835
|
visitor: visitor,
|
|
795
|
-
|
|
796
|
-
|
|
797
|
-
footer: footer,
|
|
798
|
-
reload: reload
|
|
836
|
+
visualElement: visualElement,
|
|
837
|
+
visualElements: visualElements
|
|
799
838
|
});
|
|
800
839
|
|
|
801
840
|
var sortedColors = function sortedColors(colors) {
|
|
802
|
-
return
|
|
841
|
+
return sortBy(colors, ['color', 'alpha']);
|
|
803
842
|
};
|
|
804
843
|
var uniqueColors = function uniqueColors(colors) {
|
|
805
|
-
return
|
|
844
|
+
return uniqWith(colors, function (colorA, colorB) {
|
|
806
845
|
return colorA.alpha === colorB.alpha && colorA.color === colorB.color;
|
|
807
846
|
});
|
|
808
847
|
};
|
|
@@ -810,13 +849,13 @@ var ColorsParser = /*#__PURE__*/function () {
|
|
|
810
849
|
function ColorsParser(_ref) {
|
|
811
850
|
var fieldsManager = _ref.fieldsManager,
|
|
812
851
|
screensManager = _ref.screensManager;
|
|
813
|
-
|
|
852
|
+
_classCallCheck(this, ColorsParser);
|
|
814
853
|
this.fieldsManager = fieldsManager;
|
|
815
854
|
this.screensManager = screensManager;
|
|
816
855
|
}
|
|
817
856
|
|
|
818
857
|
// Convert medias object to path
|
|
819
|
-
|
|
858
|
+
_createClass(ColorsParser, [{
|
|
820
859
|
key: "parse",
|
|
821
860
|
value: function parse(story) {
|
|
822
861
|
var _this = this;
|
|
@@ -839,7 +878,7 @@ var ColorsParser = /*#__PURE__*/function () {
|
|
|
839
878
|
var _ColorsParser$getColo = ColorsParser.getColorsFromPath(screen, fieldsPattern),
|
|
840
879
|
newColors = _ColorsParser$getColo.colors;
|
|
841
880
|
return {
|
|
842
|
-
colors: [].concat(
|
|
881
|
+
colors: [].concat(_toConsumableArray(currentColors), _toConsumableArray(newColors))
|
|
843
882
|
};
|
|
844
883
|
}, {
|
|
845
884
|
colors: []
|
|
@@ -847,7 +886,7 @@ var ColorsParser = /*#__PURE__*/function () {
|
|
|
847
886
|
colors = _components$reduce.colors;
|
|
848
887
|
if (theme !== null) {
|
|
849
888
|
var themeColors = this.parse(theme);
|
|
850
|
-
return colors !== null || themeColors !== null ? uniqueColors([].concat(
|
|
889
|
+
return colors !== null || themeColors !== null ? uniqueColors([].concat(_toConsumableArray(sortedColors(themeColors || [])), _toConsumableArray(sortedColors(colors || [])))) : [];
|
|
851
890
|
}
|
|
852
891
|
return colors !== null ? sortedColors(uniqueColors(colors || [])) : [];
|
|
853
892
|
}
|
|
@@ -864,7 +903,7 @@ var ColorsParser = /*#__PURE__*/function () {
|
|
|
864
903
|
var path = [namePrefix, name].filter(function (it) {
|
|
865
904
|
return it !== null;
|
|
866
905
|
}).join('\\.');
|
|
867
|
-
var fieldDefinition =
|
|
906
|
+
var fieldDefinition = _objectSpread(_objectSpread({}, type !== null ? _this2.fieldsManager.getDefinition(type) : null), field);
|
|
868
907
|
// also check settings fields
|
|
869
908
|
var _fieldDefinition$fiel = fieldDefinition.fields,
|
|
870
909
|
subFields = _fieldDefinition$fiel === void 0 ? [] : _fieldDefinition$fiel,
|
|
@@ -872,7 +911,7 @@ var ColorsParser = /*#__PURE__*/function () {
|
|
|
872
911
|
itemsField = _fieldDefinition$item === void 0 ? null : _fieldDefinition$item,
|
|
873
912
|
_fieldDefinition$sett = fieldDefinition.settings,
|
|
874
913
|
settings = _fieldDefinition$sett === void 0 ? [] : _fieldDefinition$sett;
|
|
875
|
-
return [].concat(
|
|
914
|
+
return [].concat(_toConsumableArray(patterns), _toConsumableArray(ColorsParser.fieldIsColor(fieldDefinition) ? [new RegExp("^".concat(path, "$"))] : []), _toConsumableArray(_this2.getColorFieldPatterns(subFields, path)), _toConsumableArray(_this2.getColorFieldPatterns(settings, path)), _toConsumableArray(itemsField !== null ? _this2.getColorFieldPatterns([itemsField], "".concat(path, "\\.[0-9]+")) : []));
|
|
876
915
|
}, []);
|
|
877
916
|
}
|
|
878
917
|
}], [{
|
|
@@ -887,8 +926,8 @@ var ColorsParser = /*#__PURE__*/function () {
|
|
|
887
926
|
value: function getColorsFromPath(data, patterns) {
|
|
888
927
|
var colors = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
|
|
889
928
|
var keyPrefix = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
|
|
890
|
-
var dataIsArray =
|
|
891
|
-
var keys = dataIsArray ?
|
|
929
|
+
var dataIsArray = isArray(data);
|
|
930
|
+
var keys = dataIsArray ? _toConsumableArray(data.keys()) : Object.keys(data);
|
|
892
931
|
return keys.reduce(function (_ref6, key) {
|
|
893
932
|
var currentData = _ref6.data,
|
|
894
933
|
_ref6$colors = _ref6.colors,
|
|
@@ -903,7 +942,7 @@ var ColorsParser = /*#__PURE__*/function () {
|
|
|
903
942
|
var color = null;
|
|
904
943
|
var newValue = null;
|
|
905
944
|
var subColors = null;
|
|
906
|
-
if (patternMatch &&
|
|
945
|
+
if (patternMatch && isObject(value)) {
|
|
907
946
|
if (value.color && value.color.length === 4) {
|
|
908
947
|
var innerColor = value.color.split('').map(function (hex, i) {
|
|
909
948
|
return i > 0 ? hex + hex : hex;
|
|
@@ -918,7 +957,7 @@ var ColorsParser = /*#__PURE__*/function () {
|
|
|
918
957
|
color: value.color.toUpperCase()
|
|
919
958
|
};
|
|
920
959
|
}
|
|
921
|
-
} else if (
|
|
960
|
+
} else if (isObject(value) || isArray(value)) {
|
|
922
961
|
var subReturn = ColorsParser.getColorsFromPath(value, patterns, colors, path);
|
|
923
962
|
newValue = subReturn.data;
|
|
924
963
|
subColors = subReturn.colors;
|
|
@@ -926,8 +965,8 @@ var ColorsParser = /*#__PURE__*/function () {
|
|
|
926
965
|
newValue = value;
|
|
927
966
|
}
|
|
928
967
|
return {
|
|
929
|
-
data: dataIsArray ? [].concat(
|
|
930
|
-
colors: color !== null ? [].concat(
|
|
968
|
+
data: dataIsArray ? [].concat(_toConsumableArray(currentData || []), [newValue]) : _objectSpread(_objectSpread({}, currentData), {}, _defineProperty({}, key, newValue)),
|
|
969
|
+
colors: color !== null ? [].concat(_toConsumableArray(currentColors || []), _toConsumableArray(subColors || []), [color]) : [].concat(_toConsumableArray(currentColors || []), _toConsumableArray(subColors || []))
|
|
931
970
|
};
|
|
932
971
|
}, {
|
|
933
972
|
data: keys.length === 0 ? data : null,
|
|
@@ -938,6 +977,24 @@ var ColorsParser = /*#__PURE__*/function () {
|
|
|
938
977
|
return ColorsParser;
|
|
939
978
|
}();
|
|
940
979
|
|
|
980
|
+
function pascalCaseTransform(input, index) {
|
|
981
|
+
var firstChar = input.charAt(0);
|
|
982
|
+
var lowerChars = input.substr(1).toLowerCase();
|
|
983
|
+
if (index > 0 && firstChar >= "0" && firstChar <= "9") {
|
|
984
|
+
return "_" + firstChar + lowerChars;
|
|
985
|
+
}
|
|
986
|
+
return "" + firstChar.toUpperCase() + lowerChars;
|
|
987
|
+
}
|
|
988
|
+
function pascalCase(input, options) {
|
|
989
|
+
if (options === void 0) {
|
|
990
|
+
options = {};
|
|
991
|
+
}
|
|
992
|
+
return noCase(input, tslib.__assign({
|
|
993
|
+
delimiter: "",
|
|
994
|
+
transform: pascalCaseTransform
|
|
995
|
+
}, options));
|
|
996
|
+
}
|
|
997
|
+
|
|
941
998
|
var getComponentFromName = function getComponentFromName() {
|
|
942
999
|
var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
|
|
943
1000
|
var components = arguments.length > 1 ? arguments[1] : undefined;
|
|
@@ -945,35 +1002,35 @@ var getComponentFromName = function getComponentFromName() {
|
|
|
945
1002
|
if (components === null || name === null) {
|
|
946
1003
|
return defaultComponent;
|
|
947
1004
|
}
|
|
948
|
-
var pascalName =
|
|
1005
|
+
var pascalName = pascalCase(name);
|
|
949
1006
|
return components[pascalName] || components[name] || defaultComponent;
|
|
950
1007
|
};
|
|
951
1008
|
|
|
952
1009
|
var ComponentsManager = /*#__PURE__*/function (_EventEmitter) {
|
|
953
|
-
|
|
954
|
-
var _super =
|
|
1010
|
+
_inherits(ComponentsManager, _EventEmitter);
|
|
1011
|
+
var _super = _createSuper(ComponentsManager);
|
|
955
1012
|
function ComponentsManager() {
|
|
956
1013
|
var _this;
|
|
957
1014
|
var components = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
958
|
-
|
|
1015
|
+
_classCallCheck(this, ComponentsManager);
|
|
959
1016
|
_this = _super.call(this);
|
|
960
1017
|
_this.components = components;
|
|
961
1018
|
return _this;
|
|
962
1019
|
}
|
|
963
|
-
|
|
1020
|
+
_createClass(ComponentsManager, [{
|
|
964
1021
|
key: "addComponent",
|
|
965
1022
|
value: function addComponent(name, component) {
|
|
966
1023
|
var namespace = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
|
|
967
|
-
return this.addComponents(
|
|
1024
|
+
return this.addComponents(_defineProperty({}, name, component), namespace);
|
|
968
1025
|
}
|
|
969
1026
|
}, {
|
|
970
1027
|
key: "addComponents",
|
|
971
1028
|
value: function addComponents(components) {
|
|
972
1029
|
var namespace = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
|
|
973
1030
|
var newComponents = namespace !== null ? Object.keys(components).reduce(function (componentsMaps, name) {
|
|
974
|
-
return
|
|
1031
|
+
return _objectSpread(_objectSpread({}, componentsMaps), {}, _defineProperty({}, "".concat(namespace, ".").concat(name), components[name]));
|
|
975
1032
|
}, {}) : components;
|
|
976
|
-
this.components =
|
|
1033
|
+
this.components = _objectSpread(_objectSpread({}, this.components), newComponents);
|
|
977
1034
|
this.emit('change');
|
|
978
1035
|
return this;
|
|
979
1036
|
}
|
|
@@ -991,7 +1048,7 @@ var ComponentsManager = /*#__PURE__*/function (_EventEmitter) {
|
|
|
991
1048
|
return this;
|
|
992
1049
|
}
|
|
993
1050
|
this.components = Object.keys(this.components).reduce(function (componentsMap, name) {
|
|
994
|
-
return
|
|
1051
|
+
return _objectSpread(_objectSpread({}, componentsMap), {}, _defineProperty({}, "".concat(namespace, ".").concat(name), _this2.components[name]));
|
|
995
1052
|
}, {});
|
|
996
1053
|
return this;
|
|
997
1054
|
}
|
|
@@ -1010,7 +1067,7 @@ var ComponentsManager = /*#__PURE__*/function (_EventEmitter) {
|
|
|
1010
1067
|
return namespace !== null ? Object.keys(this.components || {}).reduce(function (componentsMap, name) {
|
|
1011
1068
|
var pattern = new RegExp("^".concat(namespace, "\\.(.*)$"));
|
|
1012
1069
|
var matches = pattern.exec(name);
|
|
1013
|
-
return matches !== null ?
|
|
1070
|
+
return matches !== null ? _objectSpread(_objectSpread({}, componentsMap), {}, _defineProperty({}, matches[1], _this3.components[name])) : componentsMap;
|
|
1014
1071
|
}, null) : this.components;
|
|
1015
1072
|
}
|
|
1016
1073
|
}, {
|
|
@@ -1021,29 +1078,29 @@ var ComponentsManager = /*#__PURE__*/function (_EventEmitter) {
|
|
|
1021
1078
|
}
|
|
1022
1079
|
}]);
|
|
1023
1080
|
return ComponentsManager;
|
|
1024
|
-
}(
|
|
1081
|
+
}(EventEmitter);
|
|
1025
1082
|
|
|
1026
1083
|
var DefinitionsManager = /*#__PURE__*/function (_EventEmitter) {
|
|
1027
|
-
|
|
1028
|
-
var _super =
|
|
1084
|
+
_inherits(DefinitionsManager, _EventEmitter);
|
|
1085
|
+
var _super = _createSuper(DefinitionsManager);
|
|
1029
1086
|
function DefinitionsManager() {
|
|
1030
1087
|
var _this;
|
|
1031
1088
|
var definitions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
1032
|
-
|
|
1089
|
+
_classCallCheck(this, DefinitionsManager);
|
|
1033
1090
|
_this = _super.call(this);
|
|
1034
1091
|
_this.definitions = definitions || [];
|
|
1035
1092
|
return _this;
|
|
1036
1093
|
}
|
|
1037
|
-
|
|
1094
|
+
_createClass(DefinitionsManager, [{
|
|
1038
1095
|
key: "addDefinition",
|
|
1039
1096
|
value: function addDefinition(definition) {
|
|
1040
|
-
this.addDefinitions(
|
|
1097
|
+
this.addDefinitions(isArray(definition) ? definition : [definition]);
|
|
1041
1098
|
return this;
|
|
1042
1099
|
}
|
|
1043
1100
|
}, {
|
|
1044
1101
|
key: "addDefinitions",
|
|
1045
1102
|
value: function addDefinitions(definitions) {
|
|
1046
|
-
this.definitions =
|
|
1103
|
+
this.definitions = uniqBy([].concat(_toConsumableArray(definitions), _toConsumableArray(this.definitions)), function (it) {
|
|
1047
1104
|
return it.id;
|
|
1048
1105
|
});
|
|
1049
1106
|
this.emit('change');
|
|
@@ -1096,30 +1153,30 @@ var DefinitionsManager = /*#__PURE__*/function (_EventEmitter) {
|
|
|
1096
1153
|
var id = _ref2.id,
|
|
1097
1154
|
_ref2$component = _ref2.component,
|
|
1098
1155
|
component = _ref2$component === void 0 ? null : _ref2$component;
|
|
1099
|
-
return component !== null ?
|
|
1156
|
+
return component !== null ? _objectSpread(_objectSpread({}, allComponents), {}, _defineProperty({}, id, component)) : allComponents;
|
|
1100
1157
|
}, {});
|
|
1101
1158
|
}
|
|
1102
1159
|
}]);
|
|
1103
1160
|
return DefinitionsManager;
|
|
1104
|
-
}(
|
|
1161
|
+
}(EventEmitter);
|
|
1105
1162
|
|
|
1106
1163
|
var EventsManager = /*#__PURE__*/function (_EventEmitter) {
|
|
1107
|
-
|
|
1108
|
-
var _super =
|
|
1164
|
+
_inherits(EventsManager, _EventEmitter);
|
|
1165
|
+
var _super = _createSuper(EventsManager);
|
|
1109
1166
|
function EventsManager(element) {
|
|
1110
1167
|
var _this;
|
|
1111
|
-
|
|
1168
|
+
_classCallCheck(this, EventsManager);
|
|
1112
1169
|
_this = _super.call(this);
|
|
1113
1170
|
_this.element = element;
|
|
1114
1171
|
_this.events = {};
|
|
1115
1172
|
_this.listeners = {};
|
|
1116
1173
|
return _this;
|
|
1117
1174
|
}
|
|
1118
|
-
|
|
1175
|
+
_createClass(EventsManager, [{
|
|
1119
1176
|
key: "subscribe",
|
|
1120
1177
|
value: function subscribe(event, callback) {
|
|
1121
1178
|
this.on(event, callback);
|
|
1122
|
-
this.events =
|
|
1179
|
+
this.events = _objectSpread(_objectSpread({}, this.events), {}, _defineProperty({}, event, [].concat(_toConsumableArray(this.events[event] || []), [callback])));
|
|
1123
1180
|
if (this.events[event].length === 1) {
|
|
1124
1181
|
this.addEventListener(event);
|
|
1125
1182
|
}
|
|
@@ -1131,12 +1188,12 @@ var EventsManager = /*#__PURE__*/function (_EventEmitter) {
|
|
|
1131
1188
|
this.off(event, callback);
|
|
1132
1189
|
this.events = Object.keys(this.events).reduce(function (newEvents, eventName) {
|
|
1133
1190
|
if (eventName !== event) {
|
|
1134
|
-
return
|
|
1191
|
+
return _objectSpread(_objectSpread({}, newEvents), {}, _defineProperty({}, eventName, _this2.events[eventName]));
|
|
1135
1192
|
}
|
|
1136
1193
|
var newListeners = _this2.events[eventName].filter(function (listener) {
|
|
1137
1194
|
return listener !== callback;
|
|
1138
1195
|
});
|
|
1139
|
-
return newListeners.length > 0 ?
|
|
1196
|
+
return newListeners.length > 0 ? _objectSpread(_objectSpread({}, newEvents), {}, _defineProperty({}, eventName, newListeners)) : newEvents;
|
|
1140
1197
|
}, {});
|
|
1141
1198
|
if (typeof this.events[event] === 'undefined') {
|
|
1142
1199
|
this.removeEventListener(event);
|
|
@@ -1163,16 +1220,16 @@ var EventsManager = /*#__PURE__*/function (_EventEmitter) {
|
|
|
1163
1220
|
}
|
|
1164
1221
|
}]);
|
|
1165
1222
|
return EventsManager;
|
|
1166
|
-
}(
|
|
1223
|
+
}(EventEmitter);
|
|
1167
1224
|
|
|
1168
1225
|
var FieldsManager = /*#__PURE__*/function (_DefinitionsManager) {
|
|
1169
|
-
|
|
1170
|
-
var _super =
|
|
1226
|
+
_inherits(FieldsManager, _DefinitionsManager);
|
|
1227
|
+
var _super = _createSuper(FieldsManager);
|
|
1171
1228
|
function FieldsManager() {
|
|
1172
|
-
|
|
1229
|
+
_classCallCheck(this, FieldsManager);
|
|
1173
1230
|
return _super.apply(this, arguments);
|
|
1174
1231
|
}
|
|
1175
|
-
|
|
1232
|
+
_createClass(FieldsManager, [{
|
|
1176
1233
|
key: "filter",
|
|
1177
1234
|
value: function filter(_filter) {
|
|
1178
1235
|
return new FieldsManager(this.definitions.filter(_filter));
|
|
@@ -1189,19 +1246,19 @@ var MediasParser = /*#__PURE__*/function () {
|
|
|
1189
1246
|
function MediasParser(_ref) {
|
|
1190
1247
|
var fieldsManager = _ref.fieldsManager,
|
|
1191
1248
|
screensManager = _ref.screensManager;
|
|
1192
|
-
|
|
1249
|
+
_classCallCheck(this, MediasParser);
|
|
1193
1250
|
this.fieldsManager = fieldsManager;
|
|
1194
1251
|
this.screensManager = screensManager;
|
|
1195
1252
|
this.fieldsPatternCache = {};
|
|
1196
1253
|
this.parsedThemesCache = {};
|
|
1197
1254
|
}
|
|
1198
|
-
|
|
1255
|
+
_createClass(MediasParser, [{
|
|
1199
1256
|
key: "getParsedStoryTheme",
|
|
1200
1257
|
value: function getParsedStoryTheme(storyId, theme) {
|
|
1201
1258
|
if (typeof this.parsedThemesCache[storyId] === 'undefined') {
|
|
1202
1259
|
var _this$toPath = this.toPath(theme),
|
|
1203
1260
|
themeMedias = _this$toPath.medias,
|
|
1204
|
-
newTheme =
|
|
1261
|
+
newTheme = _objectWithoutProperties(_this$toPath, _excluded$4);
|
|
1205
1262
|
this.parsedThemesCache[storyId] = {
|
|
1206
1263
|
themeMedias: themeMedias,
|
|
1207
1264
|
newTheme: newTheme
|
|
@@ -1245,8 +1302,8 @@ var MediasParser = /*#__PURE__*/function () {
|
|
|
1245
1302
|
newScreen = _MediasParser$replace.data,
|
|
1246
1303
|
newMedias = _MediasParser$replace.medias;
|
|
1247
1304
|
return {
|
|
1248
|
-
components: [].concat(
|
|
1249
|
-
medias:
|
|
1305
|
+
components: [].concat(_toConsumableArray(previousComponents), [newScreen]),
|
|
1306
|
+
medias: _objectSpread(_objectSpread({}, currentMedias), newMedias)
|
|
1250
1307
|
};
|
|
1251
1308
|
}, {
|
|
1252
1309
|
components: [],
|
|
@@ -1257,14 +1314,14 @@ var MediasParser = /*#__PURE__*/function () {
|
|
|
1257
1314
|
if (theme !== null) {
|
|
1258
1315
|
var _this$getParsedStoryT = this.getParsedStoryTheme(storyId, theme),
|
|
1259
1316
|
themeMedias = _this$getParsedStoryT.medias,
|
|
1260
|
-
newTheme =
|
|
1261
|
-
return medias !== null || themeMedias !== null ?
|
|
1317
|
+
newTheme = _objectWithoutProperties(_this$getParsedStoryT, _excluded2$2);
|
|
1318
|
+
return medias !== null || themeMedias !== null ? _objectSpread(_objectSpread({}, story), {}, {
|
|
1262
1319
|
theme: newTheme,
|
|
1263
1320
|
components: newComponents,
|
|
1264
|
-
medias:
|
|
1321
|
+
medias: _objectSpread(_objectSpread({}, themeMedias), medias)
|
|
1265
1322
|
}) : story;
|
|
1266
1323
|
}
|
|
1267
|
-
return medias !== null ?
|
|
1324
|
+
return medias !== null ? _objectSpread(_objectSpread({}, story), {}, {
|
|
1268
1325
|
components: newComponents,
|
|
1269
1326
|
medias: medias
|
|
1270
1327
|
}) : story;
|
|
@@ -1306,12 +1363,12 @@ var MediasParser = /*#__PURE__*/function () {
|
|
|
1306
1363
|
// Replace path with medias object in theme
|
|
1307
1364
|
if (theme !== null) {
|
|
1308
1365
|
var newTheme = this.fromPath(theme, medias);
|
|
1309
|
-
return newTheme !== theme || newComponents !== components ?
|
|
1366
|
+
return newTheme !== theme || newComponents !== components ? _objectSpread(_objectSpread({}, story), {}, {
|
|
1310
1367
|
theme: newTheme,
|
|
1311
1368
|
components: newComponents
|
|
1312
1369
|
}) : story;
|
|
1313
1370
|
}
|
|
1314
|
-
return newComponents !== components ?
|
|
1371
|
+
return newComponents !== components ? _objectSpread(_objectSpread({}, story), {}, {
|
|
1315
1372
|
components: newComponents
|
|
1316
1373
|
}) : story;
|
|
1317
1374
|
}
|
|
@@ -1328,7 +1385,7 @@ var MediasParser = /*#__PURE__*/function () {
|
|
|
1328
1385
|
var path = [namePrefix, name].filter(function (it) {
|
|
1329
1386
|
return it !== null;
|
|
1330
1387
|
}).join('\\.');
|
|
1331
|
-
var fieldDefinition =
|
|
1388
|
+
var fieldDefinition = _objectSpread(_objectSpread({}, type !== null ? _this2.fieldsManager.getDefinition(type) : null), field);
|
|
1332
1389
|
|
|
1333
1390
|
// also check settings fields
|
|
1334
1391
|
var _fieldDefinition$fiel = fieldDefinition.fields,
|
|
@@ -1337,7 +1394,7 @@ var MediasParser = /*#__PURE__*/function () {
|
|
|
1337
1394
|
itemsField = _fieldDefinition$item === void 0 ? null : _fieldDefinition$item,
|
|
1338
1395
|
_fieldDefinition$sett = fieldDefinition.settings,
|
|
1339
1396
|
settings = _fieldDefinition$sett === void 0 ? [] : _fieldDefinition$sett;
|
|
1340
|
-
return [].concat(
|
|
1397
|
+
return [].concat(_toConsumableArray(patterns), _toConsumableArray(MediasParser.fieldIsMedia(fieldDefinition) ? [new RegExp("^".concat(path, "$"))] : []), _toConsumableArray(MediasParser.fieldIsFontFamily(fieldDefinition) ? [new RegExp("^".concat(path, "\\.media$")), new RegExp("^".concat(path, "\\.variants\\.[0-9]+\\.media$"))] : []), _toConsumableArray(_this2.getMediaFieldsPattern(subFields, path)), _toConsumableArray(_this2.getMediaFieldsPattern(settings, path)), _toConsumableArray(itemsField !== null ? _this2.getMediaFieldsPattern([itemsField], "".concat(path, "\\.[0-9]+")) : []));
|
|
1341
1398
|
}, []);
|
|
1342
1399
|
}
|
|
1343
1400
|
}], [{
|
|
@@ -1358,7 +1415,7 @@ var MediasParser = /*#__PURE__*/function () {
|
|
|
1358
1415
|
key: "replacePathsWithMedias",
|
|
1359
1416
|
value: function replacePathsWithMedias(data, medias, patterns) {
|
|
1360
1417
|
var keyPrefix = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
|
|
1361
|
-
var dataIsArray =
|
|
1418
|
+
var dataIsArray = isArray(data);
|
|
1362
1419
|
return MediasParser.keys(data).reduce(function (newData, key) {
|
|
1363
1420
|
var path = [keyPrefix, key].filter(function (it) {
|
|
1364
1421
|
return it !== null;
|
|
@@ -1369,11 +1426,11 @@ var MediasParser = /*#__PURE__*/function () {
|
|
|
1369
1426
|
var value = data[key];
|
|
1370
1427
|
var newValue;
|
|
1371
1428
|
if (patternMatch) {
|
|
1372
|
-
newValue =
|
|
1429
|
+
newValue = isObject(value) ? value : medias[value] || value;
|
|
1373
1430
|
} else {
|
|
1374
|
-
newValue =
|
|
1431
|
+
newValue = isObject(value) || isArray(value) ? MediasParser.replacePathsWithMedias(value, medias, patterns, path) : value;
|
|
1375
1432
|
}
|
|
1376
|
-
return dataIsArray ? [].concat(
|
|
1433
|
+
return dataIsArray ? [].concat(_toConsumableArray(newData), [newValue]) : _objectSpread(_objectSpread({}, newData), {}, _defineProperty({}, key, newValue));
|
|
1377
1434
|
}, dataIsArray ? [] : {});
|
|
1378
1435
|
}
|
|
1379
1436
|
}, {
|
|
@@ -1388,7 +1445,7 @@ var MediasParser = /*#__PURE__*/function () {
|
|
|
1388
1445
|
value: function replaceMediasWithPaths(data, patterns) {
|
|
1389
1446
|
var medias = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
|
|
1390
1447
|
var keyPrefix = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
|
|
1391
|
-
var dataIsArray =
|
|
1448
|
+
var dataIsArray = isArray(data);
|
|
1392
1449
|
var dataKeys = MediasParser.keys(data);
|
|
1393
1450
|
return dataKeys.reduce(function (_ref9, key) {
|
|
1394
1451
|
var currentData = _ref9.data,
|
|
@@ -1403,11 +1460,11 @@ var MediasParser = /*#__PURE__*/function () {
|
|
|
1403
1460
|
var newValue;
|
|
1404
1461
|
var media = null;
|
|
1405
1462
|
var subMedias = null;
|
|
1406
|
-
if (patternMatch &&
|
|
1463
|
+
if (patternMatch && isObject(value)) {
|
|
1407
1464
|
var mediaPath = MediasParser.getMediaPath(value);
|
|
1408
1465
|
newValue = mediaPath !== null ? mediaPath : value;
|
|
1409
1466
|
media = mediaPath !== null ? value : null;
|
|
1410
|
-
} else if (
|
|
1467
|
+
} else if (isObject(value) || isArray(value)) {
|
|
1411
1468
|
var subReturn = MediasParser.replaceMediasWithPaths(value, patterns, medias, path);
|
|
1412
1469
|
newValue = subReturn.data;
|
|
1413
1470
|
subMedias = subReturn.medias;
|
|
@@ -1415,8 +1472,8 @@ var MediasParser = /*#__PURE__*/function () {
|
|
|
1415
1472
|
newValue = value;
|
|
1416
1473
|
}
|
|
1417
1474
|
return {
|
|
1418
|
-
data: dataIsArray ? [].concat(
|
|
1419
|
-
medias: media !== null ?
|
|
1475
|
+
data: dataIsArray ? [].concat(_toConsumableArray(currentData || []), [newValue]) : _objectSpread(_objectSpread({}, currentData), {}, _defineProperty({}, key, newValue)),
|
|
1476
|
+
medias: media !== null ? _objectSpread(_objectSpread(_objectSpread({}, currentMedias), subMedias), {}, _defineProperty({}, newValue, media)) : _objectSpread(_objectSpread({}, currentMedias), subMedias)
|
|
1420
1477
|
};
|
|
1421
1478
|
}, {
|
|
1422
1479
|
data: dataKeys.length === 0 ? data : null,
|
|
@@ -1428,7 +1485,7 @@ var MediasParser = /*#__PURE__*/function () {
|
|
|
1428
1485
|
value: function getMediaPatternsFromData(obj) {
|
|
1429
1486
|
var dotObj = MediasParser.dot(obj);
|
|
1430
1487
|
return Object.keys(dotObj).filter(function (key) {
|
|
1431
|
-
return
|
|
1488
|
+
return isString(dotObj[key]) && dotObj[key].match(/^media:\/\/([^/]+)$/) !== null;
|
|
1432
1489
|
}).map(function (it) {
|
|
1433
1490
|
return new RegExp("^".concat(it, "$"));
|
|
1434
1491
|
});
|
|
@@ -1437,32 +1494,32 @@ var MediasParser = /*#__PURE__*/function () {
|
|
|
1437
1494
|
key: "dot",
|
|
1438
1495
|
value: function dot(obj) {
|
|
1439
1496
|
return MediasParser.keys(obj).reduce(function (acc, key) {
|
|
1440
|
-
if (
|
|
1441
|
-
return
|
|
1497
|
+
if (_typeof(obj[key]) !== 'object' || !obj[key]) {
|
|
1498
|
+
return _objectSpread(_objectSpread({}, acc), {}, _defineProperty({}, key, obj[key]));
|
|
1442
1499
|
}
|
|
1443
1500
|
var flattenedChild = MediasParser.dot(obj[key]);
|
|
1444
|
-
return
|
|
1445
|
-
return
|
|
1501
|
+
return _objectSpread(_objectSpread({}, acc), MediasParser.keys(flattenedChild).reduce(function (childAcc, childKey) {
|
|
1502
|
+
return _objectSpread(_objectSpread({}, childAcc), {}, _defineProperty({}, "".concat(key, ".").concat(childKey), flattenedChild[childKey]));
|
|
1446
1503
|
}, {}));
|
|
1447
1504
|
}, {});
|
|
1448
1505
|
}
|
|
1449
1506
|
}, {
|
|
1450
1507
|
key: "keys",
|
|
1451
1508
|
value: function keys(obj) {
|
|
1452
|
-
return
|
|
1509
|
+
return isArray(obj) ? _toConsumableArray(obj.keys()) : Object.keys(obj);
|
|
1453
1510
|
}
|
|
1454
1511
|
}]);
|
|
1455
1512
|
return MediasParser;
|
|
1456
1513
|
}();
|
|
1457
1514
|
|
|
1458
1515
|
var ScreensManager = /*#__PURE__*/function (_DefinitionsManager) {
|
|
1459
|
-
|
|
1460
|
-
var _super =
|
|
1516
|
+
_inherits(ScreensManager, _DefinitionsManager);
|
|
1517
|
+
var _super = _createSuper(ScreensManager);
|
|
1461
1518
|
function ScreensManager() {
|
|
1462
|
-
|
|
1519
|
+
_classCallCheck(this, ScreensManager);
|
|
1463
1520
|
return _super.apply(this, arguments);
|
|
1464
1521
|
}
|
|
1465
|
-
|
|
1522
|
+
_createClass(ScreensManager, [{
|
|
1466
1523
|
key: "getFields",
|
|
1467
1524
|
value: function getFields(id) {
|
|
1468
1525
|
var _ref = this.getDefinition(id) || {},
|
|
@@ -1494,12 +1551,12 @@ var FontsParser = /*#__PURE__*/function () {
|
|
|
1494
1551
|
function FontsParser(_ref) {
|
|
1495
1552
|
var fieldsManager = _ref.fieldsManager,
|
|
1496
1553
|
screensManager = _ref.screensManager;
|
|
1497
|
-
|
|
1554
|
+
_classCallCheck(this, FontsParser);
|
|
1498
1555
|
this.fieldsManager = fieldsManager;
|
|
1499
1556
|
this.screensManager = screensManager;
|
|
1500
1557
|
this.fieldsPatternCache = {};
|
|
1501
1558
|
}
|
|
1502
|
-
|
|
1559
|
+
_createClass(FontsParser, [{
|
|
1503
1560
|
key: "getFieldsPatternByScreen",
|
|
1504
1561
|
value: function getFieldsPatternByScreen(type) {
|
|
1505
1562
|
if (typeof this.fieldsPatternCache[type] === 'undefined') {
|
|
@@ -1526,11 +1583,11 @@ var FontsParser = /*#__PURE__*/function () {
|
|
|
1526
1583
|
theme = _ref3$theme === void 0 ? null : _ref3$theme,
|
|
1527
1584
|
_ref3$components = _ref3.components,
|
|
1528
1585
|
components = _ref3$components === void 0 ? [] : _ref3$components;
|
|
1529
|
-
var fonts =
|
|
1586
|
+
var fonts = uniq(components.reduce(function (currentFonts, screen) {
|
|
1530
1587
|
var type = screen.type;
|
|
1531
1588
|
var fieldsPattern = _this.getFieldsPatternByScreen(type);
|
|
1532
1589
|
var newFonts = FontsParser.extractFontsWithPaths(screen, fieldsPattern);
|
|
1533
|
-
return newFonts.length > 0 ? [].concat(
|
|
1590
|
+
return newFonts.length > 0 ? [].concat(_toConsumableArray(currentFonts), _toConsumableArray(newFonts)) : currentFonts;
|
|
1534
1591
|
}, []), 'name');
|
|
1535
1592
|
|
|
1536
1593
|
// Extract fonts from theme
|
|
@@ -1538,13 +1595,13 @@ var FontsParser = /*#__PURE__*/function () {
|
|
|
1538
1595
|
var _this$parse = this.parse(theme),
|
|
1539
1596
|
_this$parse$fonts = _this$parse.fonts,
|
|
1540
1597
|
themeFonts = _this$parse$fonts === void 0 ? [] : _this$parse$fonts,
|
|
1541
|
-
newTheme =
|
|
1542
|
-
return fonts.length > 0 || themeFonts.length > 0 ?
|
|
1598
|
+
newTheme = _objectWithoutProperties(_this$parse, _excluded$3);
|
|
1599
|
+
return fonts.length > 0 || themeFonts.length > 0 ? _objectSpread(_objectSpread({}, story), {}, {
|
|
1543
1600
|
theme: newTheme,
|
|
1544
|
-
fonts:
|
|
1601
|
+
fonts: uniq([].concat(_toConsumableArray(themeFonts), _toConsumableArray(fonts)), 'name')
|
|
1545
1602
|
}) : story;
|
|
1546
1603
|
}
|
|
1547
|
-
return fonts.length > 0 ?
|
|
1604
|
+
return fonts.length > 0 ? _objectSpread(_objectSpread({}, story), {}, {
|
|
1548
1605
|
fonts: fonts
|
|
1549
1606
|
}) : story;
|
|
1550
1607
|
}
|
|
@@ -1561,7 +1618,7 @@ var FontsParser = /*#__PURE__*/function () {
|
|
|
1561
1618
|
var path = [namePrefix, name].filter(function (it) {
|
|
1562
1619
|
return it !== null;
|
|
1563
1620
|
}).join('\\.');
|
|
1564
|
-
var fieldDefinition =
|
|
1621
|
+
var fieldDefinition = _objectSpread(_objectSpread({}, type !== null ? _this2.fieldsManager.getDefinition(type) : null), field);
|
|
1565
1622
|
|
|
1566
1623
|
// also check settings fields
|
|
1567
1624
|
var _fieldDefinition$fiel = fieldDefinition.fields,
|
|
@@ -1570,7 +1627,7 @@ var FontsParser = /*#__PURE__*/function () {
|
|
|
1570
1627
|
itemsField = _fieldDefinition$item === void 0 ? null : _fieldDefinition$item,
|
|
1571
1628
|
_fieldDefinition$sett = fieldDefinition.settings,
|
|
1572
1629
|
settings = _fieldDefinition$sett === void 0 ? [] : _fieldDefinition$sett;
|
|
1573
|
-
return [].concat(
|
|
1630
|
+
return [].concat(_toConsumableArray(patterns), _toConsumableArray(FontsParser.fieldIsFontFamily(fieldDefinition) ? [new RegExp("^".concat(path, "$"))] : []), _toConsumableArray(_this2.getFieldsPattern(subFields, path)), _toConsumableArray(_this2.getFieldsPattern(settings, path)), _toConsumableArray(itemsField !== null ? _this2.getFieldsPattern([itemsField], "".concat(path, "\\.[0-9]+")) : []));
|
|
1574
1631
|
}, []);
|
|
1575
1632
|
}
|
|
1576
1633
|
}], [{
|
|
@@ -1591,8 +1648,8 @@ var FontsParser = /*#__PURE__*/function () {
|
|
|
1591
1648
|
key: "extractFontsWithPaths",
|
|
1592
1649
|
value: function extractFontsWithPaths(data, patterns) {
|
|
1593
1650
|
var keyPrefix = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
|
|
1594
|
-
var dataIsArray =
|
|
1595
|
-
var keys = dataIsArray ?
|
|
1651
|
+
var dataIsArray = isArray(data);
|
|
1652
|
+
var keys = dataIsArray ? _toConsumableArray(data.keys()) : Object.keys(data);
|
|
1596
1653
|
return keys.reduce(function (currentFonts, key) {
|
|
1597
1654
|
var path = [keyPrefix, key].filter(function (it) {
|
|
1598
1655
|
return it !== null;
|
|
@@ -1603,12 +1660,12 @@ var FontsParser = /*#__PURE__*/function () {
|
|
|
1603
1660
|
var value = data[key];
|
|
1604
1661
|
var font = null;
|
|
1605
1662
|
var subFonts = null;
|
|
1606
|
-
if (patternMatch &&
|
|
1663
|
+
if (patternMatch && isObject(value) && FontsParser.valueIsFont(value)) {
|
|
1607
1664
|
font = value;
|
|
1608
|
-
} else if (
|
|
1665
|
+
} else if (isObject(value) || isArray(value)) {
|
|
1609
1666
|
subFonts = FontsParser.extractFontsWithPaths(value, patterns, path);
|
|
1610
1667
|
}
|
|
1611
|
-
return subFonts !== null || font !== null ? [].concat(
|
|
1668
|
+
return subFonts !== null || font !== null ? [].concat(_toConsumableArray(currentFonts), _toConsumableArray(subFonts || []), _toConsumableArray(font !== null ? [font] : [])) : currentFonts;
|
|
1612
1669
|
}, []);
|
|
1613
1670
|
}
|
|
1614
1671
|
}]);
|
|
@@ -1621,13 +1678,13 @@ var MigrationsParser = /*#__PURE__*/function () {
|
|
|
1621
1678
|
function MigrationsParser(_ref) {
|
|
1622
1679
|
var fieldsManager = _ref.fieldsManager,
|
|
1623
1680
|
screensManager = _ref.screensManager;
|
|
1624
|
-
|
|
1681
|
+
_classCallCheck(this, MigrationsParser);
|
|
1625
1682
|
this.fieldsManager = fieldsManager;
|
|
1626
1683
|
this.screensManager = screensManager;
|
|
1627
1684
|
}
|
|
1628
1685
|
|
|
1629
1686
|
// eslint-disable-next-line class-methods-use-this
|
|
1630
|
-
|
|
1687
|
+
_createClass(MigrationsParser, [{
|
|
1631
1688
|
key: "parse",
|
|
1632
1689
|
value: function parse(story) {
|
|
1633
1690
|
if (story === null) {
|
|
@@ -1636,16 +1693,16 @@ var MigrationsParser = /*#__PURE__*/function () {
|
|
|
1636
1693
|
var _ref2 = story || {},
|
|
1637
1694
|
_ref2$components = _ref2.components,
|
|
1638
1695
|
components = _ref2$components === void 0 ? [] : _ref2$components,
|
|
1639
|
-
restStory =
|
|
1696
|
+
restStory = _objectWithoutProperties(_ref2, _excluded$2);
|
|
1640
1697
|
var finalComponents = components.reduce(function (currentComponents, screen) {
|
|
1641
1698
|
var _ref3 = screen || {},
|
|
1642
1699
|
_ref3$shareIncentive = _ref3.shareIncentive,
|
|
1643
1700
|
shareIncentive = _ref3$shareIncentive === void 0 ? null : _ref3$shareIncentive,
|
|
1644
1701
|
_ref3$callToAction = _ref3.callToAction,
|
|
1645
1702
|
callToAction = _ref3$callToAction === void 0 ? null : _ref3$callToAction,
|
|
1646
|
-
restScreen =
|
|
1703
|
+
restScreen = _objectWithoutProperties(_ref3, _excluded2$1);
|
|
1647
1704
|
if (shareIncentive === null && callToAction === null) {
|
|
1648
|
-
return [].concat(
|
|
1705
|
+
return [].concat(_toConsumableArray(currentComponents), [restScreen]);
|
|
1649
1706
|
}
|
|
1650
1707
|
var _ref4 = screen || {},
|
|
1651
1708
|
_ref4$header = _ref4.header,
|
|
@@ -1654,24 +1711,24 @@ var MigrationsParser = /*#__PURE__*/function () {
|
|
|
1654
1711
|
footer = _ref4$footer === void 0 ? null : _ref4$footer;
|
|
1655
1712
|
|
|
1656
1713
|
// Carful for recursivity here cause same key name
|
|
1657
|
-
var newHeader = shareIncentive !== null ?
|
|
1714
|
+
var newHeader = shareIncentive !== null ? _objectSpread(_objectSpread({}, shareIncentive !== null ? {
|
|
1658
1715
|
shareIncentive: shareIncentive
|
|
1659
1716
|
} : null), header !== null ? {
|
|
1660
1717
|
header: header
|
|
1661
1718
|
} : null) : header;
|
|
1662
|
-
var newFooter = callToAction !== null ?
|
|
1719
|
+
var newFooter = callToAction !== null ? _objectSpread(_objectSpread({}, callToAction !== null ? {
|
|
1663
1720
|
callToAction: callToAction
|
|
1664
1721
|
} : null), footer !== null ? {
|
|
1665
1722
|
footer: footer
|
|
1666
1723
|
} : null) : footer;
|
|
1667
|
-
var newScreen =
|
|
1724
|
+
var newScreen = _objectSpread(_objectSpread(_objectSpread({}, restScreen), newHeader !== null ? {
|
|
1668
1725
|
header: newHeader
|
|
1669
1726
|
} : null), newFooter !== null ? {
|
|
1670
1727
|
footer: newFooter
|
|
1671
1728
|
} : null);
|
|
1672
|
-
return [].concat(
|
|
1729
|
+
return [].concat(_toConsumableArray(currentComponents), [newScreen]);
|
|
1673
1730
|
}, []);
|
|
1674
|
-
return
|
|
1731
|
+
return _objectSpread(_objectSpread({}, restStory), {}, {
|
|
1675
1732
|
components: finalComponents
|
|
1676
1733
|
});
|
|
1677
1734
|
}
|
|
@@ -1683,12 +1740,12 @@ var _excluded$1 = ["textStyle", "color", "boxStyle"];
|
|
|
1683
1740
|
var ThemeParser = /*#__PURE__*/function () {
|
|
1684
1741
|
function ThemeParser(_ref) {
|
|
1685
1742
|
var screensManager = _ref.screensManager;
|
|
1686
|
-
|
|
1743
|
+
_classCallCheck(this, ThemeParser);
|
|
1687
1744
|
this.screensManager = screensManager;
|
|
1688
1745
|
this.definitionCache = {};
|
|
1689
1746
|
this.fieldsCache = {};
|
|
1690
1747
|
}
|
|
1691
|
-
|
|
1748
|
+
_createClass(ThemeParser, [{
|
|
1692
1749
|
key: "getDefinitionByScreen",
|
|
1693
1750
|
value: function getDefinitionByScreen(type, themeComponents) {
|
|
1694
1751
|
if (typeof this.definitionCache[type] === 'undefined') {
|
|
@@ -1811,9 +1868,9 @@ var ThemeParser = /*#__PURE__*/function () {
|
|
|
1811
1868
|
var newScreen = _this.parseScreen(definition, screen, themeScreen, themeBackground, themeColors, themeTextStyles, themeBoxStyles);
|
|
1812
1869
|
|
|
1813
1870
|
// Only switch screen if it has changed
|
|
1814
|
-
return newScreen !== screen || themeScreen !== null ? [].concat(
|
|
1871
|
+
return newScreen !== screen || themeScreen !== null ? [].concat(_toConsumableArray(currentComponents.slice(0, index)), [_objectSpread(_objectSpread({}, themeScreen), newScreen)], _toConsumableArray(currentComponents.slice(index + 1))) : currentComponents;
|
|
1815
1872
|
}, components);
|
|
1816
|
-
return newComponents !== components ?
|
|
1873
|
+
return newComponents !== components ? _objectSpread(_objectSpread({}, story), {}, {
|
|
1817
1874
|
components: newComponents
|
|
1818
1875
|
}) : story;
|
|
1819
1876
|
}
|
|
@@ -1828,7 +1885,7 @@ var ThemeParser = /*#__PURE__*/function () {
|
|
|
1828
1885
|
repetableStates = _this$getFieldsForDef3 === void 0 ? null : _this$getFieldsForDef3;
|
|
1829
1886
|
var newThemeValue = themeValue === null && themeBackground !== null ? {} : themeValue;
|
|
1830
1887
|
if (themeBackground !== null && typeof newThemeValue.background !== 'undefined') {
|
|
1831
|
-
newThemeValue.background =
|
|
1888
|
+
newThemeValue.background = _objectSpread(_objectSpread({}, themeBackground), newThemeValue.background);
|
|
1832
1889
|
} else if (themeBackground !== null) {
|
|
1833
1890
|
newThemeValue.background = themeBackground;
|
|
1834
1891
|
}
|
|
@@ -1851,8 +1908,8 @@ var ThemeParser = /*#__PURE__*/function () {
|
|
|
1851
1908
|
var _ref8 = fieldDefinition || {},
|
|
1852
1909
|
_ref8$theme = _ref8.theme,
|
|
1853
1910
|
theme = _ref8$theme === void 0 ? null : _ref8$theme;
|
|
1854
|
-
if ((theme === null || !
|
|
1855
|
-
return
|
|
1911
|
+
if ((theme === null || !isObject(theme)) && fields === null) {
|
|
1912
|
+
return _objectSpread(_objectSpread({}, currentValue), {}, _defineProperty({}, key, fieldValue));
|
|
1856
1913
|
}
|
|
1857
1914
|
|
|
1858
1915
|
// console.log('start', key, fieldValue);
|
|
@@ -1862,9 +1919,9 @@ var ThemeParser = /*#__PURE__*/function () {
|
|
|
1862
1919
|
// const newFieldValue = fieldValue;
|
|
1863
1920
|
|
|
1864
1921
|
// Only switch field if it has changed
|
|
1865
|
-
return newFieldValue !== fieldValue ?
|
|
1922
|
+
return newFieldValue !== fieldValue ? _objectSpread(_objectSpread({}, currentValue), {}, _defineProperty({}, key, newFieldValue)) : currentValue;
|
|
1866
1923
|
}, value);
|
|
1867
|
-
return newThemeValue !== null ?
|
|
1924
|
+
return newThemeValue !== null ? _objectSpread(_objectSpread({}, newThemeValue), newScreenValue) : newScreenValue;
|
|
1868
1925
|
}
|
|
1869
1926
|
|
|
1870
1927
|
// eslint-disable-next-line class-methods-use-this
|
|
@@ -1879,7 +1936,7 @@ var ThemeParser = /*#__PURE__*/function () {
|
|
|
1879
1936
|
|
|
1880
1937
|
// There are sub-fields in this definition
|
|
1881
1938
|
if (definitionFields !== null && value !== null) {
|
|
1882
|
-
return
|
|
1939
|
+
return isArray(value) ? value.map(function (innerFieldValue) {
|
|
1883
1940
|
if (innerFieldValue === null) {
|
|
1884
1941
|
return innerFieldValue;
|
|
1885
1942
|
}
|
|
@@ -1888,16 +1945,16 @@ var ThemeParser = /*#__PURE__*/function () {
|
|
|
1888
1945
|
}
|
|
1889
1946
|
|
|
1890
1947
|
// Early return
|
|
1891
|
-
if (fieldTheme === null || !
|
|
1948
|
+
if (fieldTheme === null || !isObject(fieldTheme)) {
|
|
1892
1949
|
return value;
|
|
1893
1950
|
}
|
|
1894
1951
|
|
|
1895
1952
|
// @TODO very slooow...
|
|
1896
|
-
if (
|
|
1953
|
+
if (isArray(value)) {
|
|
1897
1954
|
var newFieldValue = value.map(function (innerField) {
|
|
1898
1955
|
return innerField !== null ? Object.keys(innerField).reduce(function (newInnerField, innerFieldName) {
|
|
1899
1956
|
// Early return
|
|
1900
|
-
if (!
|
|
1957
|
+
if (!isObject(innerField[innerFieldName])) {
|
|
1901
1958
|
return newInnerField;
|
|
1902
1959
|
}
|
|
1903
1960
|
var _ref9 = fieldTheme[innerFieldName] || {},
|
|
@@ -1920,20 +1977,20 @@ var ThemeParser = /*#__PURE__*/function () {
|
|
|
1920
1977
|
|
|
1921
1978
|
// Text style
|
|
1922
1979
|
var textStyleValue = innerFieldTextStyle !== null ? {
|
|
1923
|
-
textStyle:
|
|
1980
|
+
textStyle: _objectSpread(_objectSpread({}, innerFieldTextStyle !== null && themeTextStyles !== null ? themeTextStyles[innerFieldTextStyle] || null : null), innerField[innerFieldName].textStyle || null)
|
|
1924
1981
|
} : null;
|
|
1925
1982
|
var boxStyleValue = innerFieldBoxStyle !== null ? {
|
|
1926
|
-
boxStyle:
|
|
1983
|
+
boxStyle: _objectSpread(_objectSpread({}, innerFieldBoxStyle !== null && themeBoxStyles !== null ? themeBoxStyles[innerFieldBoxStyle] || null : null), innerField[innerFieldName].boxStyle || null)
|
|
1927
1984
|
} : null;
|
|
1928
1985
|
if (colorValue === null && textStyleValue === null && boxStyleValue === null) {
|
|
1929
1986
|
return newInnerField;
|
|
1930
1987
|
}
|
|
1931
|
-
return
|
|
1988
|
+
return _objectSpread(_objectSpread({}, newInnerField), {}, _defineProperty({}, innerFieldName, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, colorValue), innerField[innerFieldName]), textStyleValue), boxStyleValue)));
|
|
1932
1989
|
}, innerField) : innerField;
|
|
1933
1990
|
});
|
|
1934
1991
|
return newFieldValue;
|
|
1935
1992
|
}
|
|
1936
|
-
if (
|
|
1993
|
+
if (isObject(value)) {
|
|
1937
1994
|
return this.parseValue(value, fieldTheme, themeValue, themeColors, themeTextStyles, themeBoxStyles);
|
|
1938
1995
|
}
|
|
1939
1996
|
return value;
|
|
@@ -1943,7 +2000,7 @@ var ThemeParser = /*#__PURE__*/function () {
|
|
|
1943
2000
|
value: function parseInnerFields(value, fieldsOrDefinition, themeValue, themeColors, themeTextStyles, themeBoxStyles) {
|
|
1944
2001
|
var _this4 = this;
|
|
1945
2002
|
var newValue = Object.keys(value).reduce(function (finalValue, innerFieldName) {
|
|
1946
|
-
var innerDefinition =
|
|
2003
|
+
var innerDefinition = isArray(fieldsOrDefinition) ? fieldsOrDefinition.find(function (it) {
|
|
1947
2004
|
return it.name === innerFieldName;
|
|
1948
2005
|
}) || null : fieldsOrDefinition;
|
|
1949
2006
|
var _ref10 = innerDefinition || {},
|
|
@@ -1952,14 +2009,14 @@ var ThemeParser = /*#__PURE__*/function () {
|
|
|
1952
2009
|
var innerValue = value[innerFieldName];
|
|
1953
2010
|
|
|
1954
2011
|
// For items fields
|
|
1955
|
-
if (innerValue !== null && innerDefinition !== null &&
|
|
2012
|
+
if (innerValue !== null && innerDefinition !== null && isArray(innerValue)) {
|
|
1956
2013
|
// eslint-disable-next-line no-param-reassign
|
|
1957
2014
|
finalValue[innerFieldName] = _this4.parseField(innerValue, innerDefinition, themeValue, themeColors, themeTextStyles, themeBoxStyles);
|
|
1958
2015
|
return finalValue;
|
|
1959
2016
|
}
|
|
1960
2017
|
|
|
1961
2018
|
// For fields with fields
|
|
1962
|
-
if (innerValue !== null && idfTheme !== null &&
|
|
2019
|
+
if (innerValue !== null && idfTheme !== null && isObject(idfTheme) && isObject(innerValue)) {
|
|
1963
2020
|
// eslint-disable-next-line no-param-reassign
|
|
1964
2021
|
finalValue[innerFieldName] = _this4.parseValue(innerValue, idfTheme, themeValue, themeColors, themeTextStyles, themeBoxStyles);
|
|
1965
2022
|
return finalValue;
|
|
@@ -1977,7 +2034,7 @@ var ThemeParser = /*#__PURE__*/function () {
|
|
|
1977
2034
|
key: "parseValue",
|
|
1978
2035
|
value: function parseValue(initialValue, fieldTheme, themeValue, themeColors, themeTextStyles, themeBoxStyles) {
|
|
1979
2036
|
var _this5 = this;
|
|
1980
|
-
if (
|
|
2037
|
+
if (isObject(initialValue) || isObject(fieldTheme)) {
|
|
1981
2038
|
var value = initialValue || null;
|
|
1982
2039
|
var _ref11 = fieldTheme || {},
|
|
1983
2040
|
_ref11$textStyle = _ref11.textStyle,
|
|
@@ -1986,16 +2043,16 @@ var ThemeParser = /*#__PURE__*/function () {
|
|
|
1986
2043
|
fieldColorName = _ref11$color === void 0 ? null : _ref11$color,
|
|
1987
2044
|
_ref11$boxStyle = _ref11.boxStyle,
|
|
1988
2045
|
fieldBoxStyleName = _ref11$boxStyle === void 0 ? null : _ref11$boxStyle,
|
|
1989
|
-
otherProps =
|
|
1990
|
-
if (fieldTextStyleName === null && fieldColorName === null && fieldBoxStyleName === null &&
|
|
2046
|
+
otherProps = _objectWithoutProperties(_ref11, _excluded$1);
|
|
2047
|
+
if (fieldTextStyleName === null && fieldColorName === null && fieldBoxStyleName === null && isEmpty(otherProps) && !isObject(fieldTheme)) {
|
|
1991
2048
|
return value;
|
|
1992
2049
|
}
|
|
1993
2050
|
var complexValue = null;
|
|
1994
|
-
if (!
|
|
2051
|
+
if (!isEmpty(otherProps)) {
|
|
1995
2052
|
complexValue = Object.keys(otherProps).reduce(function (newObject, key) {
|
|
1996
2053
|
var innerValue = value !== null ? value[key] || null : null;
|
|
1997
2054
|
var newValue = _this5.parseValue(innerValue, otherProps[key], themeValue, themeColors, themeTextStyles, themeBoxStyles);
|
|
1998
|
-
return
|
|
2055
|
+
return _objectSpread(_objectSpread({}, newObject), newValue !== null ? _defineProperty({}, key, newValue) : null);
|
|
1999
2056
|
}, {});
|
|
2000
2057
|
}
|
|
2001
2058
|
var _ref13 = value || {},
|
|
@@ -2014,18 +2071,18 @@ var ThemeParser = /*#__PURE__*/function () {
|
|
|
2014
2071
|
var fieldTextStyle = fieldTextStyleName !== null && themeTextStyles !== null ? themeTextStyles[fieldTextStyleName] || null : null;
|
|
2015
2072
|
var fieldThemeComponentTextStyle = themeValue !== null ? themeValue.textStyle || null : null;
|
|
2016
2073
|
var textStyleValue = fieldTextStyle !== null || fieldThemeComponentTextStyle !== null ? {
|
|
2017
|
-
textStyle:
|
|
2074
|
+
textStyle: _objectSpread(_objectSpread(_objectSpread({}, fieldTextStyle), fieldThemeComponentTextStyle), valueTextStyle || null)
|
|
2018
2075
|
} : null;
|
|
2019
2076
|
|
|
2020
2077
|
// Box style
|
|
2021
2078
|
var fieldBoxStyle = fieldBoxStyleName !== null && themeBoxStyles !== null ? themeBoxStyles[fieldBoxStyleName] || null : null;
|
|
2022
2079
|
var fieldThemeComponentBoxStyle = themeValue !== null ? themeValue.boxStyle || null : null;
|
|
2023
2080
|
var boxStyleValue = fieldBoxStyle !== null || fieldThemeComponentBoxStyle !== null ? {
|
|
2024
|
-
boxStyle:
|
|
2081
|
+
boxStyle: _objectSpread(_objectSpread(_objectSpread({}, fieldBoxStyle), fieldThemeComponentBoxStyle), valueBoxStyle || null)
|
|
2025
2082
|
} : null;
|
|
2026
2083
|
|
|
2027
2084
|
// Only change value if something is overrided
|
|
2028
|
-
return colorValue !== null || themeValue !== null || textStyleValue !== null || boxStyleValue !== null || complexValue !== null ?
|
|
2085
|
+
return colorValue !== null || themeValue !== null || textStyleValue !== null || boxStyleValue !== null || complexValue !== null ? _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, colorValue), themeValue), value), boxStyleValue), textStyleValue), complexValue) : value;
|
|
2029
2086
|
}
|
|
2030
2087
|
return initialValue;
|
|
2031
2088
|
}
|
|
@@ -2037,7 +2094,7 @@ var StoryParser = /*#__PURE__*/function () {
|
|
|
2037
2094
|
function StoryParser(_ref) {
|
|
2038
2095
|
var screensManager = _ref.screensManager,
|
|
2039
2096
|
fieldsManager = _ref.fieldsManager;
|
|
2040
|
-
|
|
2097
|
+
_classCallCheck(this, StoryParser);
|
|
2041
2098
|
this.themeParser = new ThemeParser({
|
|
2042
2099
|
screensManager: screensManager
|
|
2043
2100
|
});
|
|
@@ -2054,7 +2111,7 @@ var StoryParser = /*#__PURE__*/function () {
|
|
|
2054
2111
|
fieldsManager: fieldsManager
|
|
2055
2112
|
});
|
|
2056
2113
|
}
|
|
2057
|
-
|
|
2114
|
+
_createClass(StoryParser, [{
|
|
2058
2115
|
key: "parse",
|
|
2059
2116
|
value: function parse(story) {
|
|
2060
2117
|
var _this = this;
|
|
@@ -2080,7 +2137,7 @@ var StoryParser = /*#__PURE__*/function () {
|
|
|
2080
2137
|
return _this.migrationsParser.parse(newStory);
|
|
2081
2138
|
}]];
|
|
2082
2139
|
return parsers.reduce(function (parsedStory, _ref3) {
|
|
2083
|
-
var _ref4 =
|
|
2140
|
+
var _ref4 = _slicedToArray(_ref3, 2),
|
|
2084
2141
|
enabled = _ref4[0],
|
|
2085
2142
|
parse = _ref4[1];
|
|
2086
2143
|
return enabled ? parse(parsedStory) : parsedStory;
|
|
@@ -2093,12 +2150,12 @@ var StoryParser = /*#__PURE__*/function () {
|
|
|
2093
2150
|
var _excluded = ["value"],
|
|
2094
2151
|
_excluded2 = ["value", "currentTime"];
|
|
2095
2152
|
var Tracking = /*#__PURE__*/function (_BaseTracking) {
|
|
2096
|
-
|
|
2097
|
-
var _super =
|
|
2153
|
+
_inherits(Tracking, _BaseTracking);
|
|
2154
|
+
var _super = _createSuper(Tracking);
|
|
2098
2155
|
function Tracking() {
|
|
2099
2156
|
var _this;
|
|
2100
2157
|
var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
2101
|
-
|
|
2158
|
+
_classCallCheck(this, Tracking);
|
|
2102
2159
|
_this = _super.call(this, opts);
|
|
2103
2160
|
var _this$options$variabl = _this.options.variables,
|
|
2104
2161
|
variables = _this$options$variabl === void 0 ? null : _this$options$variabl;
|
|
@@ -2109,7 +2166,7 @@ var Tracking = /*#__PURE__*/function (_BaseTracking) {
|
|
|
2109
2166
|
}
|
|
2110
2167
|
return _this;
|
|
2111
2168
|
}
|
|
2112
|
-
|
|
2169
|
+
_createClass(Tracking, [{
|
|
2113
2170
|
key: "setVariables",
|
|
2114
2171
|
value: function setVariables(variables) {
|
|
2115
2172
|
this.variables = variables;
|
|
@@ -2138,7 +2195,7 @@ var Tracking = /*#__PURE__*/function (_BaseTracking) {
|
|
|
2138
2195
|
var _ref3 = metadata || {},
|
|
2139
2196
|
screenTitle = _ref3.title;
|
|
2140
2197
|
if (this.screensViewed.indexOf(screenId || screenIndex) !== -1) {
|
|
2141
|
-
this.screensViewed = [].concat(
|
|
2198
|
+
this.screensViewed = [].concat(_toConsumableArray(this.screensViewed), [screenId || screenIndex]);
|
|
2142
2199
|
}
|
|
2143
2200
|
var data = {
|
|
2144
2201
|
event: 'screenView',
|
|
@@ -2158,8 +2215,8 @@ var Tracking = /*#__PURE__*/function (_BaseTracking) {
|
|
|
2158
2215
|
var _ref4 = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {},
|
|
2159
2216
|
_ref4$value = _ref4.value,
|
|
2160
2217
|
value = _ref4$value === void 0 ? null : _ref4$value,
|
|
2161
|
-
opts =
|
|
2162
|
-
var data =
|
|
2218
|
+
opts = _objectWithoutProperties(_ref4, _excluded);
|
|
2219
|
+
var data = _objectSpread(_objectSpread({}, opts), {}, {
|
|
2163
2220
|
event: 'eventInteraction',
|
|
2164
2221
|
eventCategory: category,
|
|
2165
2222
|
eventAction: action,
|
|
@@ -2176,7 +2233,7 @@ var Tracking = /*#__PURE__*/function (_BaseTracking) {
|
|
|
2176
2233
|
value = _ref5$value === void 0 ? null : _ref5$value,
|
|
2177
2234
|
_ref5$currentTime = _ref5.currentTime,
|
|
2178
2235
|
optsCurrentTime = _ref5$currentTime === void 0 ? null : _ref5$currentTime,
|
|
2179
|
-
opts =
|
|
2236
|
+
opts = _objectWithoutProperties(_ref5, _excluded2);
|
|
2180
2237
|
var _ref6 = media || {},
|
|
2181
2238
|
_ref6$id = _ref6.id,
|
|
2182
2239
|
mediaId = _ref6$id === void 0 ? null : _ref6$id,
|
|
@@ -2192,7 +2249,7 @@ var Tracking = /*#__PURE__*/function (_BaseTracking) {
|
|
|
2192
2249
|
_ref7$duration = _ref7.duration,
|
|
2193
2250
|
duration = _ref7$duration === void 0 ? rootDuration : _ref7$duration;
|
|
2194
2251
|
var label = name;
|
|
2195
|
-
var data =
|
|
2252
|
+
var data = _objectSpread(_objectSpread({}, opts), {}, {
|
|
2196
2253
|
event: 'eventInteraction',
|
|
2197
2254
|
eventCategory: type,
|
|
2198
2255
|
eventAction: action,
|