@micromag/screen-image 0.4.71 → 0.4.74

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/es/index.d.ts +2 -2
  2. package/es/index.js +681 -440
  3. package/package.json +17 -16
package/es/index.js CHANGED
@@ -1,9 +1,7 @@
1
1
  import { FormattedMessage, defineMessage } from 'react-intl';
2
- import _defineProperty from '@babel/runtime/helpers/defineProperty';
3
- import _objectSpread from '@babel/runtime/helpers/objectSpread2';
4
- import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
2
+ import { c } from 'react/compiler-runtime';
5
3
  import classNames from 'classnames';
6
- import { useState, useCallback, useMemo } from 'react';
4
+ import { useState } from 'react';
7
5
  import { ScreenElement } from '@micromag/core/components';
8
6
  import { useScreenSize, useScreenRenderContext, useViewerContext, useViewerWebView, usePlaybackContext, usePlaybackMediaRef } from '@micromag/core/contexts';
9
7
  import { useDimensionObserver } from '@micromag/core/hooks';
@@ -17,206 +15,391 @@ import Layout from '@micromag/element-layout';
17
15
  import Text from '@micromag/element-text';
18
16
  import Visual from '@micromag/element-visual';
19
17
  import { jsx, jsxs } from 'react/jsx-runtime';
20
- import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
21
- import _extends from '@babel/runtime/helpers/extends';
22
18
 
23
19
  var styles = {"container":"micromag-screen-image-container","background":"micromag-screen-image-background","content":"micromag-screen-image-content","emptyImage":"micromag-screen-image-emptyImage","emptyTitle":"micromag-screen-image-emptyTitle","emptyText":"micromag-screen-image-emptyText","emptyLegend":"micromag-screen-image-emptyLegend","imageContainer":"micromag-screen-image-imageContainer","image":"micromag-screen-image-image","placeholderImage":"micromag-screen-image-placeholderImage","isPlaceholder":"micromag-screen-image-isPlaceholder","layout":"micromag-screen-image-layout","isCard":"micromag-screen-image-isCard","isCardReverse":"micromag-screen-image-isCardReverse","footer":"micromag-screen-image-footer","isFullscreen":"micromag-screen-image-isFullscreen","header":"micromag-screen-image-header"};
24
20
 
25
- function ImageScreen(_ref) {
26
- var _ref$layout = _ref.layout,
27
- layout = _ref$layout === void 0 ? 'normal' : _ref$layout,
28
- _ref$image = _ref.image,
29
- image = _ref$image === void 0 ? null : _ref$image,
30
- _ref$imageFit = _ref.imageFit,
31
- imageFit = _ref$imageFit === void 0 ? null : _ref$imageFit,
32
- _ref$defaultImageFit = _ref.defaultImageFit,
33
- defaultImageFit = _ref$defaultImageFit === void 0 ? 'cover' : _ref$defaultImageFit,
34
- _ref$title = _ref.title,
35
- title = _ref$title === void 0 ? null : _ref$title,
36
- _ref$text = _ref.text,
37
- text = _ref$text === void 0 ? null : _ref$text,
38
- _ref$legend = _ref.legend,
39
- legend = _ref$legend === void 0 ? null : _ref$legend,
40
- _ref$withTitle = _ref.withTitle,
41
- withTitle = _ref$withTitle === void 0 ? false : _ref$withTitle,
42
- _ref$withText = _ref.withText,
43
- withText = _ref$withText === void 0 ? false : _ref$withText,
44
- _ref$withLegend = _ref.withLegend,
45
- withLegend = _ref$withLegend === void 0 ? false : _ref$withLegend,
46
- _ref$spacing = _ref.spacing,
47
- spacing = _ref$spacing === void 0 ? 20 : _ref$spacing,
48
- _ref$background = _ref.background,
49
- background = _ref$background === void 0 ? null : _ref$background,
50
- _ref$header = _ref.header,
51
- header = _ref$header === void 0 ? null : _ref$header,
52
- _ref$footer = _ref.footer,
53
- footer = _ref$footer === void 0 ? null : _ref$footer,
54
- _ref$current = _ref.current,
55
- current = _ref$current === void 0 ? true : _ref$current,
56
- _ref$active = _ref.active,
57
- active = _ref$active === void 0 ? true : _ref$active,
58
- _ref$preload = _ref.preload,
59
- preload = _ref$preload === void 0 ? true : _ref$preload,
60
- _ref$mediaRef = _ref.mediaRef,
61
- customMediaRef = _ref$mediaRef === void 0 ? null : _ref$mediaRef,
62
- _ref$className = _ref.className,
63
- className = _ref$className === void 0 ? null : _ref$className;
64
- var _useScreenSize = useScreenSize(),
65
- width = _useScreenSize.width,
66
- height = _useScreenSize.height,
67
- resolution = _useScreenSize.resolution;
68
- var _useScreenRenderConte = useScreenRenderContext(),
69
- isView = _useScreenRenderConte.isView,
70
- isPreview = _useScreenRenderConte.isPreview,
71
- isPlaceholder = _useScreenRenderConte.isPlaceholder,
72
- isEdit = _useScreenRenderConte.isEdit;
73
- var _useViewerContext = useViewerContext(),
74
- viewerTopHeight = _useViewerContext.topHeight,
75
- viewerBottomHeight = _useViewerContext.bottomHeight,
76
- viewerBottomSidesWidth = _useViewerContext.bottomSidesWidth;
77
- var _useViewerWebView = useViewerWebView(),
78
- openWebView = _useViewerWebView.open;
79
- var _usePlaybackContext = usePlaybackContext(),
80
- muted = _usePlaybackContext.muted;
81
- var _usePlaybackMediaRef = usePlaybackMediaRef(current, true),
82
- mediaRef = _usePlaybackMediaRef.ref,
83
- _usePlaybackMediaRef$ = _usePlaybackMediaRef.isCurrent,
84
- isCurrentMedia = _usePlaybackMediaRef$ === void 0 ? false : _usePlaybackMediaRef$;
85
- var hasHeader = isHeaderFilled(header);
86
- var hasFooter = isFooterFilled(footer);
87
- var footerProps = getFooterProps(footer, {
88
- isView: isView,
89
- current: current,
90
- openWebView: openWebView,
91
- isPreview: isPreview
92
- });
93
- var hasImage = image !== null;
94
- var hasTitle = isTextFilled(title);
95
- var hasText = isTextFilled(text);
96
- var hasLegend = isTextFilled(legend);
97
- var _useState = useState(!hasImage),
98
- _useState2 = _slicedToArray(_useState, 2),
99
- ready = _useState2[0],
100
- setReady = _useState2[1];
101
- var backgroundPlaying = current && (isView || isEdit) && (isCurrentMedia || !isView);
102
- var mediaShouldLoad = current || preload;
103
- var onImageLoaded = useCallback(function () {
104
- setReady(true);
105
- }, [setReady]);
106
- var finalImageFit = useMemo(function () {
107
- return {
108
- fit: imageFit || defaultImageFit
21
+ function ImageScreen(t0) {
22
+ const $ = c(133);
23
+ const {
24
+ layout: t1,
25
+ image: t2,
26
+ imageFit: t3,
27
+ defaultImageFit: t4,
28
+ title: t5,
29
+ text: t6,
30
+ legend: t7,
31
+ withTitle: t8,
32
+ withText: t9,
33
+ withLegend: t10,
34
+ spacing: t11,
35
+ background: t12,
36
+ header: t13,
37
+ footer: t14,
38
+ current: t15,
39
+ active: t16,
40
+ preload: t17,
41
+ mediaRef: t18,
42
+ className: t19
43
+ } = t0;
44
+ const layout = t1 === undefined ? "normal" : t1;
45
+ const image = t2 === undefined ? null : t2;
46
+ const imageFit = t3 === undefined ? null : t3;
47
+ const defaultImageFit = t4 === undefined ? "cover" : t4;
48
+ const title = t5 === undefined ? null : t5;
49
+ const text = t6 === undefined ? null : t6;
50
+ const legend = t7 === undefined ? null : t7;
51
+ const withTitle = t8 === undefined ? false : t8;
52
+ const withText = t9 === undefined ? false : t9;
53
+ const withLegend = t10 === undefined ? false : t10;
54
+ const spacing = t11 === undefined ? 20 : t11;
55
+ const background = t12 === undefined ? null : t12;
56
+ const header = t13 === undefined ? null : t13;
57
+ const footer = t14 === undefined ? null : t14;
58
+ const current = t15 === undefined ? true : t15;
59
+ const active = t16 === undefined ? true : t16;
60
+ const preload = t17 === undefined ? true : t17;
61
+ const customMediaRef = t18 === undefined ? null : t18;
62
+ const className = t19 === undefined ? null : t19;
63
+ const {
64
+ width,
65
+ height,
66
+ resolution
67
+ } = useScreenSize();
68
+ const {
69
+ isView,
70
+ isPreview,
71
+ isPlaceholder,
72
+ isEdit
73
+ } = useScreenRenderContext();
74
+ const {
75
+ topHeight: viewerTopHeight,
76
+ bottomHeight: viewerBottomHeight,
77
+ bottomSidesWidth: viewerBottomSidesWidth
78
+ } = useViewerContext();
79
+ const {
80
+ open: openWebView
81
+ } = useViewerWebView();
82
+ const {
83
+ muted
84
+ } = usePlaybackContext();
85
+ const {
86
+ ref: mediaRef,
87
+ isCurrent: t20
88
+ } = usePlaybackMediaRef(current, true);
89
+ const isCurrentMedia = t20 === undefined ? false : t20;
90
+ let t21;
91
+ if ($[0] !== header) {
92
+ t21 = isHeaderFilled(header);
93
+ $[0] = header;
94
+ $[1] = t21;
95
+ } else {
96
+ t21 = $[1];
97
+ }
98
+ const hasHeader = t21;
99
+ let t22;
100
+ if ($[2] !== footer) {
101
+ t22 = isFooterFilled(footer);
102
+ $[2] = footer;
103
+ $[3] = t22;
104
+ } else {
105
+ t22 = $[3];
106
+ }
107
+ const hasFooter = t22;
108
+ let t23;
109
+ if ($[4] !== current || $[5] !== footer || $[6] !== isPreview || $[7] !== isView || $[8] !== openWebView) {
110
+ t23 = getFooterProps(footer, {
111
+ isView,
112
+ current,
113
+ openWebView,
114
+ isPreview
115
+ });
116
+ $[4] = current;
117
+ $[5] = footer;
118
+ $[6] = isPreview;
119
+ $[7] = isView;
120
+ $[8] = openWebView;
121
+ $[9] = t23;
122
+ } else {
123
+ t23 = $[9];
124
+ }
125
+ const footerProps = t23;
126
+ const hasImage = image !== null;
127
+ let t24;
128
+ if ($[10] !== title) {
129
+ t24 = isTextFilled(title);
130
+ $[10] = title;
131
+ $[11] = t24;
132
+ } else {
133
+ t24 = $[11];
134
+ }
135
+ const hasTitle = t24;
136
+ let t25;
137
+ if ($[12] !== text) {
138
+ t25 = isTextFilled(text);
139
+ $[12] = text;
140
+ $[13] = t25;
141
+ } else {
142
+ t25 = $[13];
143
+ }
144
+ const hasText = t25;
145
+ let t26;
146
+ if ($[14] !== legend) {
147
+ t26 = isTextFilled(legend);
148
+ $[14] = legend;
149
+ $[15] = t26;
150
+ } else {
151
+ t26 = $[15];
152
+ }
153
+ const hasLegend = t26;
154
+ const [ready, setReady] = useState(!hasImage);
155
+ const backgroundPlaying = current && (isView || isEdit) && (isCurrentMedia || !isView);
156
+ const mediaShouldLoad = current || preload;
157
+ let t27;
158
+ if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
159
+ t27 = () => {
160
+ setReady(true);
161
+ };
162
+ $[16] = t27;
163
+ } else {
164
+ t27 = $[16];
165
+ }
166
+ const onImageLoaded = t27;
167
+ const t28 = imageFit || defaultImageFit;
168
+ let t29;
169
+ if ($[17] !== t28) {
170
+ t29 = {
171
+ fit: t28
109
172
  };
110
- }, [imageFit, defaultImageFit]);
111
- var isReversed = layout === 'reverse' || layout === 'card-reverse';
112
- var isTitleTop = layout === 'title-top';
113
- var isCardLayout = layout === 'card' || layout === 'card-reverse';
114
- var isCard = layout === 'card';
115
- var isCardReverse = layout === 'card-reverse';
116
- var isFullscreen = layout === 'fullscreen';
117
- var finalSpacing = !isFullscreen && !isPlaceholder ? spacing : 0;
118
- var _useDimensionObserver = useDimensionObserver(),
119
- imageCntRef = _useDimensionObserver.ref,
120
- imageWidth = _useDimensionObserver.width,
121
- imageHeight = _useDimensionObserver.height;
122
- var cardImageMargin = isCardReverse ? "".concat(finalSpacing / 2, "px ").concat(-finalSpacing / 2, "px 0") : "0 ".concat(-finalSpacing / 2, "px ").concat(finalSpacing / 2, "px");
123
- var imageMargin = isCardLayout ? cardImageMargin : finalSpacing / 2;
124
- var itemMarginStyle = !isPlaceholder ? {
125
- margin: finalSpacing / 2,
126
- marginTop: isCardReverse && !hasHeader ? finalSpacing : finalSpacing / 2,
127
- marginBottom: isCard && !hasHeader ? finalSpacing : finalSpacing / 2
128
- } : null;
129
- var items = [/*#__PURE__*/jsx("div", {
173
+ $[17] = t28;
174
+ $[18] = t29;
175
+ } else {
176
+ t29 = $[18];
177
+ }
178
+ const finalImageFit = t29;
179
+ const isReversed = layout === "reverse" || layout === "card-reverse";
180
+ const isTitleTop = layout === "title-top";
181
+ const isCardLayout = layout === "card" || layout === "card-reverse";
182
+ const isCard = layout === "card";
183
+ const isCardReverse = layout === "card-reverse";
184
+ const isFullscreen = layout === "fullscreen";
185
+ const finalSpacing = !isFullscreen && !isPlaceholder ? spacing : 0;
186
+ const {
130
187
  ref: imageCntRef,
131
- className: styles.imageContainer,
132
- style: !isPlaceholder ? {
188
+ width: imageWidth,
189
+ height: imageHeight
190
+ } = useDimensionObserver();
191
+ const cardImageMargin = isCardReverse ? `${finalSpacing / 2}px ${-finalSpacing / 2}px 0` : `0 ${-finalSpacing / 2}px ${finalSpacing / 2}px`;
192
+ const imageMargin = isCardLayout ? cardImageMargin : finalSpacing / 2;
193
+ let t30;
194
+ if ($[19] !== finalSpacing || $[20] !== hasHeader || $[21] !== isCard || $[22] !== isCardReverse || $[23] !== isPlaceholder) {
195
+ t30 = !isPlaceholder ? {
196
+ margin: finalSpacing / 2,
197
+ marginTop: isCardReverse && !hasHeader ? finalSpacing : finalSpacing / 2,
198
+ marginBottom: isCard && !hasHeader ? finalSpacing : finalSpacing / 2
199
+ } : null;
200
+ $[19] = finalSpacing;
201
+ $[20] = hasHeader;
202
+ $[21] = isCard;
203
+ $[22] = isCardReverse;
204
+ $[23] = isPlaceholder;
205
+ $[24] = t30;
206
+ } else {
207
+ t30 = $[24];
208
+ }
209
+ const itemMarginStyle = t30;
210
+ let t31;
211
+ if ($[25] !== imageMargin || $[26] !== isPlaceholder) {
212
+ t31 = !isPlaceholder ? {
133
213
  margin: imageMargin
134
- } : null,
135
- children: /*#__PURE__*/jsx(ScreenElement, {
214
+ } : null;
215
+ $[25] = imageMargin;
216
+ $[26] = isPlaceholder;
217
+ $[27] = t31;
218
+ } else {
219
+ t31 = $[27];
220
+ }
221
+ let t32;
222
+ let t33;
223
+ if ($[28] === Symbol.for("react.memo_cache_sentinel")) {
224
+ t32 = {
225
+ className: styles.placeholderImage,
226
+ height: "100%"
227
+ };
228
+ t33 = /*#__PURE__*/jsx(FormattedMessage, {
229
+ id: "ebsPd4",
230
+ defaultMessage: "Image"
231
+ });
232
+ $[28] = t32;
233
+ $[29] = t33;
234
+ } else {
235
+ t32 = $[28];
236
+ t33 = $[29];
237
+ }
238
+ const t34 = !hasImage;
239
+ let t35;
240
+ if ($[30] !== active || $[31] !== backgroundPlaying || $[32] !== finalImageFit || $[33] !== hasImage || $[34] !== image || $[35] !== imageHeight || $[36] !== imageWidth || $[37] !== isPreview || $[38] !== mediaShouldLoad || $[39] !== muted || $[40] !== resolution) {
241
+ t35 = hasImage ? /*#__PURE__*/jsx(Visual, {
242
+ className: styles.image,
243
+ media: image,
244
+ objectFit: finalImageFit,
245
+ width: imageWidth,
246
+ height: imageHeight,
247
+ resolution: resolution,
248
+ playing: backgroundPlaying,
249
+ muted: muted,
250
+ active: active,
251
+ shouldLoad: mediaShouldLoad,
252
+ withoutVideo: isPreview,
253
+ onLoaded: onImageLoaded
254
+ }) : null;
255
+ $[30] = active;
256
+ $[31] = backgroundPlaying;
257
+ $[32] = finalImageFit;
258
+ $[33] = hasImage;
259
+ $[34] = image;
260
+ $[35] = imageHeight;
261
+ $[36] = imageWidth;
262
+ $[37] = isPreview;
263
+ $[38] = mediaShouldLoad;
264
+ $[39] = muted;
265
+ $[40] = resolution;
266
+ $[41] = t35;
267
+ } else {
268
+ t35 = $[41];
269
+ }
270
+ let t36;
271
+ if ($[42] !== t34 || $[43] !== t35) {
272
+ t36 = /*#__PURE__*/jsx(ScreenElement, {
136
273
  placeholder: "image",
137
- placeholderProps: {
138
- className: styles.placeholderImage,
139
- height: '100%'
140
- },
274
+ placeholderProps: t32,
275
+ emptyLabel: t33,
276
+ emptyClassName: styles.emptyImage,
277
+ isEmpty: t34,
278
+ children: t35
279
+ });
280
+ $[42] = t34;
281
+ $[43] = t35;
282
+ $[44] = t36;
283
+ } else {
284
+ t36 = $[44];
285
+ }
286
+ let t37;
287
+ if ($[45] !== imageCntRef || $[46] !== t31 || $[47] !== t36) {
288
+ t37 = /*#__PURE__*/jsx("div", {
289
+ ref: imageCntRef,
290
+ className: styles.imageContainer,
291
+ style: t31,
292
+ children: t36
293
+ }, "image");
294
+ $[45] = imageCntRef;
295
+ $[46] = t31;
296
+ $[47] = t36;
297
+ $[48] = t37;
298
+ } else {
299
+ t37 = $[48];
300
+ }
301
+ let t38;
302
+ if ($[49] !== hasTitle || $[50] !== itemMarginStyle || $[51] !== title || $[52] !== withTitle) {
303
+ t38 = withTitle && /*#__PURE__*/jsx(ScreenElement, {
304
+ placeholder: "title",
141
305
  emptyLabel: /*#__PURE__*/jsx(FormattedMessage, {
142
- id: "ebsPd4",
143
- defaultMessage: [{
144
- "type": 0,
145
- "value": "Image"
146
- }]
306
+ id: "2ZOPe+",
307
+ defaultMessage: "Title"
147
308
  }),
148
- emptyClassName: styles.emptyImage,
149
- isEmpty: !hasImage,
150
- children: hasImage ? /*#__PURE__*/jsx(Visual, {
151
- className: styles.image,
152
- media: image,
153
- objectFit: finalImageFit,
154
- width: imageWidth,
155
- height: imageHeight,
156
- resolution: resolution,
157
- playing: backgroundPlaying,
158
- muted: muted,
159
- active: active,
160
- shouldLoad: mediaShouldLoad,
161
- withoutVideo: isPreview,
162
- onLoaded: onImageLoaded
309
+ emptyClassName: styles.emptyTitle,
310
+ isEmpty: !hasTitle,
311
+ children: hasTitle ? /*#__PURE__*/jsx("div", {
312
+ style: itemMarginStyle,
313
+ children: /*#__PURE__*/jsx(Heading, {
314
+ ...title
315
+ })
163
316
  }) : null
164
- })
165
- }, "image"), withTitle && /*#__PURE__*/jsx(ScreenElement, {
166
- placeholder: "title",
167
- emptyLabel: /*#__PURE__*/jsx(FormattedMessage, {
168
- id: "2ZOPe+",
169
- defaultMessage: [{
170
- "type": 0,
171
- "value": "Title"
172
- }]
173
- }),
174
- emptyClassName: styles.emptyTitle,
175
- isEmpty: !hasTitle,
176
- children: hasTitle ? /*#__PURE__*/jsx("div", {
177
- style: itemMarginStyle,
178
- children: /*#__PURE__*/jsx(Heading, _objectSpread({}, title))
179
- }) : null
180
- }, "title"), withText && /*#__PURE__*/jsx(ScreenElement, {
181
- placeholder: "text",
182
- emptyLabel: /*#__PURE__*/jsx(FormattedMessage, {
183
- id: "z4CiV1",
184
- defaultMessage: [{
185
- "type": 0,
186
- "value": "Text"
187
- }]
188
- }),
189
- emptyClassName: styles.emptyText,
190
- isEmpty: !hasText,
191
- children: hasText ? /*#__PURE__*/jsx("div", {
192
- style: itemMarginStyle,
193
- children: /*#__PURE__*/jsx(Text, _objectSpread({}, text))
194
- }) : null
195
- }, "text"), withLegend && /*#__PURE__*/jsx(ScreenElement, {
196
- placeholder: "shortText",
197
- emptyLabel: /*#__PURE__*/jsx(FormattedMessage, {
198
- id: "dqnkQk",
199
- defaultMessage: [{
200
- "type": 0,
201
- "value": "Legend"
202
- }]
203
- }),
204
- emptyClassName: styles.emptyLegend,
205
- isEmpty: !hasLegend,
206
- children: hasLegend ? /*#__PURE__*/jsx("div", {
207
- style: itemMarginStyle,
208
- children: /*#__PURE__*/jsx(Text, _objectSpread({}, legend))
209
- }) : null
210
- }, "legend")];
211
- if (isReversed) {
212
- items.reverse();
213
- } else if (isTitleTop) {
214
- if (withTitle && (hasTitle || isPlaceholder)) {
215
- items.splice(0, 0, items.splice(1, 1)[0]);
317
+ }, "title");
318
+ $[49] = hasTitle;
319
+ $[50] = itemMarginStyle;
320
+ $[51] = title;
321
+ $[52] = withTitle;
322
+ $[53] = t38;
323
+ } else {
324
+ t38 = $[53];
325
+ }
326
+ let t39;
327
+ if ($[54] !== hasText || $[55] !== itemMarginStyle || $[56] !== text || $[57] !== withText) {
328
+ t39 = withText && /*#__PURE__*/jsx(ScreenElement, {
329
+ placeholder: "text",
330
+ emptyLabel: /*#__PURE__*/jsx(FormattedMessage, {
331
+ id: "z4CiV1",
332
+ defaultMessage: "Text"
333
+ }),
334
+ emptyClassName: styles.emptyText,
335
+ isEmpty: !hasText,
336
+ children: hasText ? /*#__PURE__*/jsx("div", {
337
+ style: itemMarginStyle,
338
+ children: /*#__PURE__*/jsx(Text, {
339
+ ...text
340
+ })
341
+ }) : null
342
+ }, "text");
343
+ $[54] = hasText;
344
+ $[55] = itemMarginStyle;
345
+ $[56] = text;
346
+ $[57] = withText;
347
+ $[58] = t39;
348
+ } else {
349
+ t39 = $[58];
350
+ }
351
+ let t40;
352
+ if ($[59] !== hasLegend || $[60] !== itemMarginStyle || $[61] !== legend || $[62] !== withLegend) {
353
+ t40 = withLegend && /*#__PURE__*/jsx(ScreenElement, {
354
+ placeholder: "shortText",
355
+ emptyLabel: /*#__PURE__*/jsx(FormattedMessage, {
356
+ id: "dqnkQk",
357
+ defaultMessage: "Legend"
358
+ }),
359
+ emptyClassName: styles.emptyLegend,
360
+ isEmpty: !hasLegend,
361
+ children: hasLegend ? /*#__PURE__*/jsx("div", {
362
+ style: itemMarginStyle,
363
+ children: /*#__PURE__*/jsx(Text, {
364
+ ...legend
365
+ })
366
+ }) : null
367
+ }, "legend");
368
+ $[59] = hasLegend;
369
+ $[60] = itemMarginStyle;
370
+ $[61] = legend;
371
+ $[62] = withLegend;
372
+ $[63] = t40;
373
+ } else {
374
+ t40 = $[63];
375
+ }
376
+ let items;
377
+ if ($[64] !== hasTitle || $[65] !== isPlaceholder || $[66] !== isReversed || $[67] !== isTitleTop || $[68] !== t37 || $[69] !== t38 || $[70] !== t39 || $[71] !== t40 || $[72] !== withTitle) {
378
+ items = [t37, t38, t39, t40];
379
+ if (isReversed) {
380
+ items.reverse();
381
+ } else {
382
+ if (isTitleTop) {
383
+ if (withTitle && (hasTitle || isPlaceholder)) {
384
+ items.splice(0, 0, items.splice(1, 1)[0]);
385
+ }
386
+ }
216
387
  }
388
+ $[64] = hasTitle;
389
+ $[65] = isPlaceholder;
390
+ $[66] = isReversed;
391
+ $[67] = isTitleTop;
392
+ $[68] = t37;
393
+ $[69] = t38;
394
+ $[70] = t39;
395
+ $[71] = t40;
396
+ $[72] = withTitle;
397
+ $[73] = items;
398
+ } else {
399
+ items = $[73];
217
400
  }
218
- var paddingBottom = (current && !isPreview ? viewerBottomHeight : 0) + finalSpacing / 2;
219
- var paddingTop = (!isPreview ? viewerTopHeight : 0) + finalSpacing / 2;
401
+ let paddingBottom = (current && !isPreview ? viewerBottomHeight : 0) + finalSpacing / 2;
402
+ let paddingTop = (!isPreview ? viewerTopHeight : 0) + finalSpacing / 2;
220
403
  if (isCardLayout || isFullscreen) {
221
404
  paddingTop = 0;
222
405
  paddingBottom = 0;
@@ -225,54 +408,141 @@ function ImageScreen(_ref) {
225
408
  paddingTop = current && !isPreview ? viewerTopHeight : 0;
226
409
  paddingBottom = current && !isPreview ? viewerBottomHeight : 0;
227
410
  }
228
- return /*#__PURE__*/jsxs("div", {
229
- className: classNames([styles.container, className, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, styles.isReversed, isReversed), styles.isPlaceholder, isPlaceholder), styles.isCard, isCard), styles.isCardReverse, isCardReverse), styles.isFullscreen, isFullscreen)]),
230
- "data-screen-ready": ready,
231
- children: [/*#__PURE__*/jsx(Container, {
411
+ let t41;
412
+ if ($[74] !== className || $[75] !== isCard || $[76] !== isCardReverse || $[77] !== isFullscreen || $[78] !== isPlaceholder || $[79] !== isReversed) {
413
+ t41 = classNames([styles.container, className, {
414
+ [styles.isReversed]: isReversed,
415
+ [styles.isPlaceholder]: isPlaceholder,
416
+ [styles.isCard]: isCard,
417
+ [styles.isCardReverse]: isCardReverse,
418
+ [styles.isFullscreen]: isFullscreen
419
+ }]);
420
+ $[74] = className;
421
+ $[75] = isCard;
422
+ $[76] = isCardReverse;
423
+ $[77] = isFullscreen;
424
+ $[78] = isPlaceholder;
425
+ $[79] = isReversed;
426
+ $[80] = t41;
427
+ } else {
428
+ t41 = $[80];
429
+ }
430
+ let t42;
431
+ if ($[81] !== finalSpacing || $[82] !== isPlaceholder || $[83] !== paddingBottom || $[84] !== paddingTop) {
432
+ t42 = !isPlaceholder ? {
433
+ padding: finalSpacing / 2,
434
+ paddingTop,
435
+ paddingBottom
436
+ } : null;
437
+ $[81] = finalSpacing;
438
+ $[82] = isPlaceholder;
439
+ $[83] = paddingBottom;
440
+ $[84] = paddingTop;
441
+ $[85] = t42;
442
+ } else {
443
+ t42 = $[85];
444
+ }
445
+ let t43;
446
+ if ($[86] !== hasHeader || $[87] !== header || $[88] !== isCardLayout || $[89] !== isCardReverse || $[90] !== isFullscreen || $[91] !== isPlaceholder || $[92] !== isPreview || $[93] !== spacing || $[94] !== viewerTopHeight) {
447
+ t43 = !isPlaceholder && hasHeader ? /*#__PURE__*/jsx("div", {
448
+ className: styles.header,
449
+ style: isFullscreen || isCardReverse ? {
450
+ paddingTop: hasHeader ? spacing / 2 : spacing,
451
+ paddingBottom: hasHeader ? spacing / 2 : spacing,
452
+ paddingLeft: isCardReverse ? spacing / 2 : spacing,
453
+ paddingRight: isCardReverse ? spacing / 2 : spacing,
454
+ transform: !isPreview ? `translate(0, ${viewerTopHeight}px)` : null
455
+ } : {
456
+ paddingTop: isCardLayout ? spacing / 2 : null,
457
+ paddingBottom: isCardLayout ? spacing : spacing / 2,
458
+ paddingLeft: spacing / 2,
459
+ paddingRight: spacing / 2
460
+ },
461
+ children: /*#__PURE__*/jsx(Header, {
462
+ ...header
463
+ })
464
+ }) : null;
465
+ $[86] = hasHeader;
466
+ $[87] = header;
467
+ $[88] = isCardLayout;
468
+ $[89] = isCardReverse;
469
+ $[90] = isFullscreen;
470
+ $[91] = isPlaceholder;
471
+ $[92] = isPreview;
472
+ $[93] = spacing;
473
+ $[94] = viewerTopHeight;
474
+ $[95] = t43;
475
+ } else {
476
+ t43 = $[95];
477
+ }
478
+ let t44;
479
+ if ($[96] !== footerProps || $[97] !== hasFooter || $[98] !== isCardLayout || $[99] !== isCardReverse || $[100] !== isFullscreen || $[101] !== isPlaceholder || $[102] !== isPreview || $[103] !== spacing || $[104] !== viewerBottomHeight || $[105] !== viewerBottomSidesWidth) {
480
+ t44 = !isPlaceholder && hasFooter ? /*#__PURE__*/jsx("div", {
481
+ className: styles.footer,
482
+ style: isFullscreen || isCardReverse ? {
483
+ paddingLeft: Math.max(spacing / 2, viewerBottomSidesWidth),
484
+ paddingRight: Math.max(spacing / 2, viewerBottomSidesWidth),
485
+ paddingTop: spacing / 2,
486
+ paddingBottom: spacing / 2,
487
+ transform: !isPreview ? `translate(0, -${viewerBottomHeight}px)` : null
488
+ } : {
489
+ paddingLeft: Math.max(viewerBottomSidesWidth - spacing, 0),
490
+ paddingRight: Math.max(viewerBottomSidesWidth - spacing, 0),
491
+ paddingTop: isCardLayout ? spacing / 2 : null,
492
+ paddingBottom: isCardLayout ? spacing / 2 : null
493
+ },
494
+ children: /*#__PURE__*/jsx(Footer, {
495
+ ...footerProps
496
+ })
497
+ }) : null;
498
+ $[96] = footerProps;
499
+ $[97] = hasFooter;
500
+ $[98] = isCardLayout;
501
+ $[99] = isCardReverse;
502
+ $[100] = isFullscreen;
503
+ $[101] = isPlaceholder;
504
+ $[102] = isPreview;
505
+ $[103] = spacing;
506
+ $[104] = viewerBottomHeight;
507
+ $[105] = viewerBottomSidesWidth;
508
+ $[106] = t44;
509
+ } else {
510
+ t44 = $[106];
511
+ }
512
+ let t45;
513
+ if ($[107] !== items || $[108] !== t42 || $[109] !== t43 || $[110] !== t44) {
514
+ t45 = /*#__PURE__*/jsxs(Layout, {
515
+ className: styles.layout,
516
+ fullscreen: true,
517
+ style: t42,
518
+ children: [t43, items, t44]
519
+ });
520
+ $[107] = items;
521
+ $[108] = t42;
522
+ $[109] = t43;
523
+ $[110] = t44;
524
+ $[111] = t45;
525
+ } else {
526
+ t45 = $[111];
527
+ }
528
+ let t46;
529
+ if ($[112] !== height || $[113] !== t45 || $[114] !== width) {
530
+ t46 = /*#__PURE__*/jsx(Container, {
232
531
  width: width,
233
532
  height: height,
234
533
  className: styles.content,
235
- children: /*#__PURE__*/jsxs(Layout, {
236
- className: styles.layout,
237
- fullscreen: true,
238
- style: !isPlaceholder ? {
239
- padding: finalSpacing / 2,
240
- paddingTop: paddingTop,
241
- paddingBottom: paddingBottom
242
- } : null,
243
- children: [!isPlaceholder && hasHeader ? /*#__PURE__*/jsx("div", {
244
- className: styles.header,
245
- style: isFullscreen || isCardReverse ? {
246
- paddingTop: hasHeader ? spacing / 2 : spacing,
247
- paddingBottom: hasHeader ? spacing / 2 : spacing,
248
- paddingLeft: isCardReverse ? spacing / 2 : spacing,
249
- paddingRight: isCardReverse ? spacing / 2 : spacing,
250
- transform: !isPreview ? "translate(0, ".concat(viewerTopHeight, "px)") : null
251
- } : {
252
- paddingTop: isCardLayout ? spacing / 2 : null,
253
- paddingBottom: isCardLayout ? spacing : spacing / 2,
254
- paddingLeft: spacing / 2,
255
- paddingRight: spacing / 2
256
- },
257
- children: /*#__PURE__*/jsx(Header, _objectSpread({}, header))
258
- }) : null, items, !isPlaceholder && hasFooter ? /*#__PURE__*/jsx("div", {
259
- className: styles.footer,
260
- style: isFullscreen || isCardReverse ? {
261
- paddingLeft: Math.max(spacing / 2, viewerBottomSidesWidth),
262
- paddingRight: Math.max(spacing / 2, viewerBottomSidesWidth),
263
- paddingTop: spacing / 2,
264
- paddingBottom: spacing / 2,
265
- transform: !isPreview ? "translate(0, -".concat(viewerBottomHeight, "px)") : null
266
- } : {
267
- paddingLeft: Math.max(viewerBottomSidesWidth - spacing, 0),
268
- paddingRight: Math.max(viewerBottomSidesWidth - spacing, 0),
269
- paddingTop: isCardLayout ? spacing / 2 : null,
270
- paddingBottom: isCardLayout ? spacing / 2 : null
271
- },
272
- children: /*#__PURE__*/jsx(Footer, _objectSpread({}, footerProps))
273
- }) : null]
274
- })
275
- }), !isPlaceholder ? /*#__PURE__*/jsx(Background, {
534
+ children: t45
535
+ });
536
+ $[112] = height;
537
+ $[113] = t45;
538
+ $[114] = width;
539
+ $[115] = t46;
540
+ } else {
541
+ t46 = $[115];
542
+ }
543
+ let t47;
544
+ if ($[116] !== background || $[117] !== backgroundPlaying || $[118] !== customMediaRef || $[119] !== height || $[120] !== isPlaceholder || $[121] !== isPreview || $[122] !== mediaRef || $[123] !== mediaShouldLoad || $[124] !== muted || $[125] !== resolution || $[126] !== width) {
545
+ t47 = !isPlaceholder ? /*#__PURE__*/jsx(Background, {
276
546
  background: background,
277
547
  width: width,
278
548
  height: height,
@@ -283,37 +553,143 @@ function ImageScreen(_ref) {
283
553
  mediaRef: mergeRefs(mediaRef, customMediaRef),
284
554
  withoutVideo: isPreview,
285
555
  className: styles.background
286
- }) : null]
287
- });
556
+ }) : null;
557
+ $[116] = background;
558
+ $[117] = backgroundPlaying;
559
+ $[118] = customMediaRef;
560
+ $[119] = height;
561
+ $[120] = isPlaceholder;
562
+ $[121] = isPreview;
563
+ $[122] = mediaRef;
564
+ $[123] = mediaShouldLoad;
565
+ $[124] = muted;
566
+ $[125] = resolution;
567
+ $[126] = width;
568
+ $[127] = t47;
569
+ } else {
570
+ t47 = $[127];
571
+ }
572
+ let t48;
573
+ if ($[128] !== ready || $[129] !== t41 || $[130] !== t46 || $[131] !== t47) {
574
+ t48 = /*#__PURE__*/jsxs("div", {
575
+ className: t41,
576
+ "data-screen-ready": ready,
577
+ children: [t46, t47]
578
+ });
579
+ $[128] = ready;
580
+ $[129] = t41;
581
+ $[130] = t46;
582
+ $[131] = t47;
583
+ $[132] = t48;
584
+ } else {
585
+ t48 = $[132];
586
+ }
587
+ return t48;
288
588
  }
289
589
 
290
- function ImageLegendScreen(_ref) {
291
- var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
292
- return /*#__PURE__*/jsx(ImageScreen, _objectSpread(_objectSpread({}, props), {}, {
293
- withLegend: true
294
- }));
590
+ function ImageLegendScreen(t0) {
591
+ const $ = c(4);
592
+ let props;
593
+ if ($[0] !== t0) {
594
+ ({
595
+ ...props
596
+ } = t0);
597
+ $[0] = t0;
598
+ $[1] = props;
599
+ } else {
600
+ props = $[1];
601
+ }
602
+ let t1;
603
+ if ($[2] !== props) {
604
+ t1 = /*#__PURE__*/jsx(ImageScreen, {
605
+ ...props,
606
+ withLegend: true
607
+ });
608
+ $[2] = props;
609
+ $[3] = t1;
610
+ } else {
611
+ t1 = $[3];
612
+ }
613
+ return t1;
295
614
  }
296
615
 
297
- function ImageTextScreen(_ref) {
298
- var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
299
- return /*#__PURE__*/jsx(ImageScreen, _objectSpread(_objectSpread({}, props), {}, {
300
- withText: true
301
- }));
616
+ function ImageTextScreen(t0) {
617
+ const $ = c(4);
618
+ let props;
619
+ if ($[0] !== t0) {
620
+ ({
621
+ ...props
622
+ } = t0);
623
+ $[0] = t0;
624
+ $[1] = props;
625
+ } else {
626
+ props = $[1];
627
+ }
628
+ let t1;
629
+ if ($[2] !== props) {
630
+ t1 = /*#__PURE__*/jsx(ImageScreen, {
631
+ ...props,
632
+ withText: true
633
+ });
634
+ $[2] = props;
635
+ $[3] = t1;
636
+ } else {
637
+ t1 = $[3];
638
+ }
639
+ return t1;
302
640
  }
303
641
 
304
- function ImageTitleScreen(_ref) {
305
- var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
306
- return /*#__PURE__*/jsx(ImageScreen, _objectSpread(_objectSpread({}, props), {}, {
307
- withTitle: true
308
- }));
642
+ function ImageTitleScreen(t0) {
643
+ const $ = c(4);
644
+ let props;
645
+ if ($[0] !== t0) {
646
+ ({
647
+ ...props
648
+ } = t0);
649
+ $[0] = t0;
650
+ $[1] = props;
651
+ } else {
652
+ props = $[1];
653
+ }
654
+ let t1;
655
+ if ($[2] !== props) {
656
+ t1 = /*#__PURE__*/jsx(ImageScreen, {
657
+ ...props,
658
+ withTitle: true
659
+ });
660
+ $[2] = props;
661
+ $[3] = t1;
662
+ } else {
663
+ t1 = $[3];
664
+ }
665
+ return t1;
309
666
  }
310
667
 
311
- function ImageTitleTextScreen(_ref) {
312
- var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
313
- return /*#__PURE__*/jsx(ImageScreen, _objectSpread(_objectSpread({}, props), {}, {
314
- withTitle: true,
315
- withText: true
316
- }));
668
+ function ImageTitleTextScreen(t0) {
669
+ const $ = c(4);
670
+ let props;
671
+ if ($[0] !== t0) {
672
+ ({
673
+ ...props
674
+ } = t0);
675
+ $[0] = t0;
676
+ $[1] = props;
677
+ } else {
678
+ props = $[1];
679
+ }
680
+ let t1;
681
+ if ($[2] !== props) {
682
+ t1 = /*#__PURE__*/jsx(ImageScreen, {
683
+ ...props,
684
+ withTitle: true,
685
+ withText: true
686
+ });
687
+ $[2] = props;
688
+ $[3] = t1;
689
+ } else {
690
+ t1 = $[3];
691
+ }
692
+ return t1;
317
693
  }
318
694
 
319
695
  // import * as transforms from './transforms/index';
@@ -324,19 +700,13 @@ var definition = [{
324
700
  group: {
325
701
  label: defineMessage({
326
702
  id: "6mX2ya",
327
- defaultMessage: [{
328
- "type": 0,
329
- "value": "Images"
330
- }]
703
+ defaultMessage: "Images"
331
704
  }),
332
705
  order: 4
333
706
  },
334
707
  title: defineMessage({
335
708
  id: "uJ9eBc",
336
- defaultMessage: [{
337
- "type": 0,
338
- "value": "Image"
339
- }]
709
+ defaultMessage: "Image"
340
710
  }),
341
711
  component: ImageScreen,
342
712
  layouts: ['normal', 'fullscreen'],
@@ -347,20 +717,14 @@ var definition = [{
347
717
  defaultValue: 'normal',
348
718
  label: defineMessage({
349
719
  id: "4iBXj2",
350
- defaultMessage: [{
351
- "type": 0,
352
- "value": "Layout"
353
- }]
720
+ defaultMessage: "Layout"
354
721
  })
355
722
  }, {
356
723
  name: 'image',
357
724
  type: 'visual',
358
725
  label: defineMessage({
359
726
  id: "xsipID",
360
- defaultMessage: [{
361
- "type": 0,
362
- "value": "Image"
363
- }]
727
+ defaultMessage: "Image"
364
728
  })
365
729
  }, {
366
730
  name: 'imageFit',
@@ -369,30 +733,21 @@ var definition = [{
369
733
  values: ['cover', 'contain'],
370
734
  label: defineMessage({
371
735
  id: "dkBBRa",
372
- defaultMessage: [{
373
- "type": 0,
374
- "value": "Image fit"
375
- }]
736
+ defaultMessage: "Image fit"
376
737
  })
377
738
  }, {
378
739
  name: 'background',
379
740
  type: 'background',
380
741
  label: defineMessage({
381
742
  id: "+MPZRu",
382
- defaultMessage: [{
383
- "type": 0,
384
- "value": "Background"
385
- }]
743
+ defaultMessage: "Background"
386
744
  })
387
745
  }, {
388
746
  name: 'header',
389
747
  type: 'header',
390
748
  label: defineMessage({
391
749
  id: "rhuDxI",
392
- defaultMessage: [{
393
- "type": 0,
394
- "value": "Header"
395
- }]
750
+ defaultMessage: "Header"
396
751
  }),
397
752
  theme: {
398
753
  badge: {
@@ -407,10 +762,7 @@ var definition = [{
407
762
  type: 'footer',
408
763
  label: defineMessage({
409
764
  id: "g4nybp",
410
- defaultMessage: [{
411
- "type": 0,
412
- "value": "Footer"
413
- }]
765
+ defaultMessage: "Footer"
414
766
  }),
415
767
  theme: {
416
768
  callToAction: {
@@ -427,19 +779,13 @@ var definition = [{
427
779
  group: {
428
780
  label: defineMessage({
429
781
  id: "S/mavZ",
430
- defaultMessage: [{
431
- "type": 0,
432
- "value": "Text and Images"
433
- }]
782
+ defaultMessage: "Text and Images"
434
783
  }),
435
784
  order: 3
436
785
  },
437
786
  title: defineMessage({
438
787
  id: "AA8TV9",
439
- defaultMessage: [{
440
- "type": 0,
441
- "value": "Image with title"
442
- }]
788
+ defaultMessage: "Image with title"
443
789
  }),
444
790
  component: ImageTitleScreen,
445
791
  layouts: ['normal', 'reverse', 'card', 'card-reverse'],
@@ -450,20 +796,14 @@ var definition = [{
450
796
  defaultValue: 'normal',
451
797
  label: defineMessage({
452
798
  id: "4iBXj2",
453
- defaultMessage: [{
454
- "type": 0,
455
- "value": "Layout"
456
- }]
799
+ defaultMessage: "Layout"
457
800
  })
458
801
  }, {
459
802
  name: 'image',
460
803
  type: 'visual',
461
804
  label: defineMessage({
462
805
  id: "xsipID",
463
- defaultMessage: [{
464
- "type": 0,
465
- "value": "Image"
466
- }]
806
+ defaultMessage: "Image"
467
807
  })
468
808
  }, {
469
809
  name: 'imageFit',
@@ -472,10 +812,7 @@ var definition = [{
472
812
  values: ['cover', 'contain'],
473
813
  label: defineMessage({
474
814
  id: "dkBBRa",
475
- defaultMessage: [{
476
- "type": 0,
477
- "value": "Image fit"
478
- }]
815
+ defaultMessage: "Image fit"
479
816
  })
480
817
  }, {
481
818
  name: 'title',
@@ -486,30 +823,21 @@ var definition = [{
486
823
  },
487
824
  label: defineMessage({
488
825
  id: "N25iDO",
489
- defaultMessage: [{
490
- "type": 0,
491
- "value": "Title"
492
- }]
826
+ defaultMessage: "Title"
493
827
  })
494
828
  }, {
495
829
  name: 'background',
496
830
  type: 'background',
497
831
  label: defineMessage({
498
832
  id: "+MPZRu",
499
- defaultMessage: [{
500
- "type": 0,
501
- "value": "Background"
502
- }]
833
+ defaultMessage: "Background"
503
834
  })
504
835
  }, {
505
836
  name: 'header',
506
837
  type: 'header',
507
838
  label: defineMessage({
508
839
  id: "rhuDxI",
509
- defaultMessage: [{
510
- "type": 0,
511
- "value": "Header"
512
- }]
840
+ defaultMessage: "Header"
513
841
  }),
514
842
  theme: {
515
843
  badge: {
@@ -524,10 +852,7 @@ var definition = [{
524
852
  type: 'footer',
525
853
  label: defineMessage({
526
854
  id: "g4nybp",
527
- defaultMessage: [{
528
- "type": 0,
529
- "value": "Footer"
530
- }]
855
+ defaultMessage: "Footer"
531
856
  }),
532
857
  theme: {
533
858
  callToAction: {
@@ -544,19 +869,13 @@ var definition = [{
544
869
  group: {
545
870
  label: defineMessage({
546
871
  id: "S/mavZ",
547
- defaultMessage: [{
548
- "type": 0,
549
- "value": "Text and Images"
550
- }]
872
+ defaultMessage: "Text and Images"
551
873
  }),
552
874
  order: 3
553
875
  },
554
876
  title: defineMessage({
555
877
  id: "CJmQeh",
556
- defaultMessage: [{
557
- "type": 0,
558
- "value": "Image with text"
559
- }]
878
+ defaultMessage: "Image with text"
560
879
  }),
561
880
  component: ImageTextScreen,
562
881
  layouts: ['normal', 'reverse', 'card', 'card-reverse'],
@@ -567,20 +886,14 @@ var definition = [{
567
886
  defaultValue: 'normal',
568
887
  label: defineMessage({
569
888
  id: "4iBXj2",
570
- defaultMessage: [{
571
- "type": 0,
572
- "value": "Layout"
573
- }]
889
+ defaultMessage: "Layout"
574
890
  })
575
891
  }, {
576
892
  name: 'image',
577
893
  type: 'visual',
578
894
  label: defineMessage({
579
895
  id: "xsipID",
580
- defaultMessage: [{
581
- "type": 0,
582
- "value": "Image"
583
- }]
896
+ defaultMessage: "Image"
584
897
  })
585
898
  }, {
586
899
  name: 'imageFit',
@@ -589,10 +902,7 @@ var definition = [{
589
902
  values: ['cover', 'contain'],
590
903
  label: defineMessage({
591
904
  id: "dkBBRa",
592
- defaultMessage: [{
593
- "type": 0,
594
- "value": "Image fit"
595
- }]
905
+ defaultMessage: "Image fit"
596
906
  })
597
907
  }, {
598
908
  name: 'text',
@@ -602,30 +912,21 @@ var definition = [{
602
912
  },
603
913
  label: defineMessage({
604
914
  id: "4E2gbX",
605
- defaultMessage: [{
606
- "type": 0,
607
- "value": "Text"
608
- }]
915
+ defaultMessage: "Text"
609
916
  })
610
917
  }, {
611
918
  name: 'background',
612
919
  type: 'background',
613
920
  label: defineMessage({
614
921
  id: "+MPZRu",
615
- defaultMessage: [{
616
- "type": 0,
617
- "value": "Background"
618
- }]
922
+ defaultMessage: "Background"
619
923
  })
620
924
  }, {
621
925
  name: 'header',
622
926
  type: 'header',
623
927
  label: defineMessage({
624
928
  id: "rhuDxI",
625
- defaultMessage: [{
626
- "type": 0,
627
- "value": "Header"
628
- }]
929
+ defaultMessage: "Header"
629
930
  }),
630
931
  theme: {
631
932
  badge: {
@@ -640,10 +941,7 @@ var definition = [{
640
941
  type: 'footer',
641
942
  label: defineMessage({
642
943
  id: "g4nybp",
643
- defaultMessage: [{
644
- "type": 0,
645
- "value": "Footer"
646
- }]
944
+ defaultMessage: "Footer"
647
945
  }),
648
946
  theme: {
649
947
  callToAction: {
@@ -660,19 +958,13 @@ var definition = [{
660
958
  group: {
661
959
  label: defineMessage({
662
960
  id: "S/mavZ",
663
- defaultMessage: [{
664
- "type": 0,
665
- "value": "Text and Images"
666
- }]
961
+ defaultMessage: "Text and Images"
667
962
  }),
668
963
  order: 3
669
964
  },
670
965
  title: defineMessage({
671
966
  id: "eWIM/8",
672
- defaultMessage: [{
673
- "type": 0,
674
- "value": "Image with title and text"
675
- }]
967
+ defaultMessage: "Image with title and text"
676
968
  }),
677
969
  component: ImageTitleTextScreen,
678
970
  layouts: ['normal', 'reverse', 'title-top', 'card', 'card-reverse'],
@@ -683,10 +975,7 @@ var definition = [{
683
975
  defaultValue: 'normal',
684
976
  label: defineMessage({
685
977
  id: "4iBXj2",
686
- defaultMessage: [{
687
- "type": 0,
688
- "value": "Layout"
689
- }]
978
+ defaultMessage: "Layout"
690
979
  })
691
980
  }, {
692
981
  name: 'image',
@@ -694,10 +983,7 @@ var definition = [{
694
983
  isHorizontal: false,
695
984
  label: defineMessage({
696
985
  id: "xsipID",
697
- defaultMessage: [{
698
- "type": 0,
699
- "value": "Image"
700
- }]
986
+ defaultMessage: "Image"
701
987
  })
702
988
  }, {
703
989
  name: 'imageFit',
@@ -706,10 +992,7 @@ var definition = [{
706
992
  values: ['cover', 'contain'],
707
993
  label: defineMessage({
708
994
  id: "dkBBRa",
709
- defaultMessage: [{
710
- "type": 0,
711
- "value": "Image fit"
712
- }]
995
+ defaultMessage: "Image fit"
713
996
  })
714
997
  }, {
715
998
  name: 'title',
@@ -720,10 +1003,7 @@ var definition = [{
720
1003
  },
721
1004
  label: defineMessage({
722
1005
  id: "N25iDO",
723
- defaultMessage: [{
724
- "type": 0,
725
- "value": "Title"
726
- }]
1006
+ defaultMessage: "Title"
727
1007
  })
728
1008
  }, {
729
1009
  name: 'text',
@@ -733,30 +1013,21 @@ var definition = [{
733
1013
  },
734
1014
  label: defineMessage({
735
1015
  id: "4E2gbX",
736
- defaultMessage: [{
737
- "type": 0,
738
- "value": "Text"
739
- }]
1016
+ defaultMessage: "Text"
740
1017
  })
741
1018
  }, {
742
1019
  name: 'background',
743
1020
  type: 'background',
744
1021
  label: defineMessage({
745
1022
  id: "+MPZRu",
746
- defaultMessage: [{
747
- "type": 0,
748
- "value": "Background"
749
- }]
1023
+ defaultMessage: "Background"
750
1024
  })
751
1025
  }, {
752
1026
  name: 'header',
753
1027
  type: 'header',
754
1028
  label: defineMessage({
755
1029
  id: "rhuDxI",
756
- defaultMessage: [{
757
- "type": 0,
758
- "value": "Header"
759
- }]
1030
+ defaultMessage: "Header"
760
1031
  }),
761
1032
  theme: {
762
1033
  badge: {
@@ -771,10 +1042,7 @@ var definition = [{
771
1042
  type: 'footer',
772
1043
  label: defineMessage({
773
1044
  id: "g4nybp",
774
- defaultMessage: [{
775
- "type": 0,
776
- "value": "Footer"
777
- }]
1045
+ defaultMessage: "Footer"
778
1046
  }),
779
1047
  theme: {
780
1048
  callToAction: {
@@ -791,19 +1059,13 @@ var definition = [{
791
1059
  group: {
792
1060
  label: defineMessage({
793
1061
  id: "6mX2ya",
794
- defaultMessage: [{
795
- "type": 0,
796
- "value": "Images"
797
- }]
1062
+ defaultMessage: "Images"
798
1063
  }),
799
1064
  order: 4
800
1065
  },
801
1066
  title: defineMessage({
802
1067
  id: "H1YcaV",
803
- defaultMessage: [{
804
- "type": 0,
805
- "value": "Image with legend"
806
- }]
1068
+ defaultMessage: "Image with legend"
807
1069
  }),
808
1070
  component: ImageLegendScreen,
809
1071
  layouts: ['normal', 'reverse', 'card', 'card-reverse'],
@@ -814,20 +1076,14 @@ var definition = [{
814
1076
  defaultValue: 'normal',
815
1077
  label: defineMessage({
816
1078
  id: "4iBXj2",
817
- defaultMessage: [{
818
- "type": 0,
819
- "value": "Layout"
820
- }]
1079
+ defaultMessage: "Layout"
821
1080
  })
822
1081
  }, {
823
1082
  name: 'image',
824
1083
  type: 'visual',
825
1084
  label: defineMessage({
826
1085
  id: "xsipID",
827
- defaultMessage: [{
828
- "type": 0,
829
- "value": "Image"
830
- }]
1086
+ defaultMessage: "Image"
831
1087
  })
832
1088
  }, {
833
1089
  name: 'imageFit',
@@ -836,10 +1092,7 @@ var definition = [{
836
1092
  values: ['cover', 'contain'],
837
1093
  label: defineMessage({
838
1094
  id: "dkBBRa",
839
- defaultMessage: [{
840
- "type": 0,
841
- "value": "Image fit"
842
- }]
1095
+ defaultMessage: "Image fit"
843
1096
  })
844
1097
  }, {
845
1098
  name: 'legend',
@@ -849,30 +1102,21 @@ var definition = [{
849
1102
  },
850
1103
  label: defineMessage({
851
1104
  id: "3OS3Ms",
852
- defaultMessage: [{
853
- "type": 0,
854
- "value": "Legend"
855
- }]
1105
+ defaultMessage: "Legend"
856
1106
  })
857
1107
  }, {
858
1108
  name: 'background',
859
1109
  type: 'background',
860
1110
  label: defineMessage({
861
1111
  id: "+MPZRu",
862
- defaultMessage: [{
863
- "type": 0,
864
- "value": "Background"
865
- }]
1112
+ defaultMessage: "Background"
866
1113
  })
867
1114
  }, {
868
1115
  name: 'header',
869
1116
  type: 'header',
870
1117
  label: defineMessage({
871
1118
  id: "rhuDxI",
872
- defaultMessage: [{
873
- "type": 0,
874
- "value": "Header"
875
- }]
1119
+ defaultMessage: "Header"
876
1120
  }),
877
1121
  theme: {
878
1122
  badge: {
@@ -887,10 +1131,7 @@ var definition = [{
887
1131
  type: 'footer',
888
1132
  label: defineMessage({
889
1133
  id: "g4nybp",
890
- defaultMessage: [{
891
- "type": 0,
892
- "value": "Footer"
893
- }]
1134
+ defaultMessage: "Footer"
894
1135
  }),
895
1136
  theme: {
896
1137
  callToAction: {