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