@micromag/screen-urbania-article 0.3.362 → 0.3.370
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 +1 -1
- package/es/index.js +102 -84
- package/lib/index.js +101 -83
- package/package.json +15 -15
package/assets/css/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-visual,.micromag-screen-urbania-article-content,.micromag-screen-urbania-article-empty,.micromag-screen-urbania-article-footerContainer,.micromag-screen-urbania-article-video{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-screen-urbania-article-container{height:100%;overflow:hidden;position:relative;width:100%}.micromag-screen-urbania-article-disabled.micromag-screen-urbania-article-container{overflow:hidden;pointer-events:none}.micromag-screen-urbania-article-hidden.micromag-screen-urbania-article-container{display:none;visibility:hidden}.micromag-screen-urbania-article-placeholder.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content{padding:6px;position:relative}.micromag-screen-urbania-article-empty{border:2px dashed #343434;color:#343434;margin:5px auto}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isPlaceholder .micromag-screen-urbania-article-articleContent{background-color:transparent;background-color:#2b2b2b;height:35%;margin:5px auto;width:80%}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isPlaceholder .micromag-screen-urbania-article-visual{-ms-flex-positive:1;flex-grow:1;height:50%;margin:5px auto;position:relative;width:80%}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-articleContent{-ms-flex-positive:1;-ms-flex-pack:end;background-color:transparent;flex-grow:1;justify-content:flex-end;margin-bottom:70px;position:relative}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-articleContent .micromag-screen-urbania-article-description,.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-articleContent .micromag-screen-urbania-article-title{color:#fff;text-shadow:0 0 6px #222}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-articleContent .micromag-screen-urbania-article-sponsors{margin-top:0}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-
|
|
1
|
+
.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-visual,.micromag-screen-urbania-article-content,.micromag-screen-urbania-article-empty,.micromag-screen-urbania-article-footerContainer,.micromag-screen-urbania-article-video{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-screen-urbania-article-container{height:100%;overflow:hidden;position:relative;width:100%}.micromag-screen-urbania-article-disabled.micromag-screen-urbania-article-container{overflow:hidden;pointer-events:none}.micromag-screen-urbania-article-hidden.micromag-screen-urbania-article-container{display:none;visibility:hidden}.micromag-screen-urbania-article-placeholder.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content{padding:6px;position:relative}.micromag-screen-urbania-article-empty{border:2px dashed #343434;color:#343434;margin:5px auto}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isPlaceholder .micromag-screen-urbania-article-articleContent{background-color:transparent;background-color:#2b2b2b;height:35%;margin:5px auto;width:80%}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isPlaceholder .micromag-screen-urbania-article-visual{-ms-flex-positive:1;flex-grow:1;height:50%;margin:5px auto;position:relative;width:80%}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-articleContent{-ms-flex-positive:1;-ms-flex-pack:end;background-color:transparent;flex-grow:1;justify-content:flex-end;margin-bottom:70px;position:relative}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-articleContent .micromag-screen-urbania-article-description,.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-articleContent .micromag-screen-urbania-article-title{color:#fff;text-shadow:0 0 6px #222}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-articleContent .micromag-screen-urbania-article-sponsors{margin-top:0}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-callToAction{position:absolute}.micromag-screen-urbania-article-placeholder{background-color:#6c6c6c}.micromag-screen-urbania-article-emptyContainer{height:0;margin-bottom:10px;padding-bottom:20%;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);width:100%}.micromag-screen-urbania-article-emptyContainer.micromag-screen-urbania-article-small{padding-bottom:15%}.micromag-screen-urbania-article-empty{margin:0}.micromag-screen-urbania-article-background{z-index:1}.micromag-screen-urbania-article-content{height:100%;z-index:2}.micromag-screen-urbania-article-articleContent,.micromag-screen-urbania-article-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%}.micromag-screen-urbania-article-articleContent{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;color:#222;justify-content:center;text-align:center;z-index:3}.micromag-screen-urbania-article-articleContent .micromag-screen-urbania-article-authors,.micromag-screen-urbania-article-articleContent .micromag-screen-urbania-article-description,.micromag-screen-urbania-article-articleContent .micromag-screen-urbania-article-overTitle,.micromag-screen-urbania-article-articleContent .micromag-screen-urbania-article-title{padding:3px 20px}.micromag-screen-urbania-article-articleContent .micromag-screen-urbania-article-overTitle{border-bottom:1px solid;font-family:Agrandir Tight;font-size:10px;font-weight:700;margin-bottom:10px;padding:30px 0 2px;text-transform:uppercase}.micromag-screen-urbania-article-articleContent .micromag-screen-urbania-article-title{font-family:GarageGothic-Bold;line-height:.88;text-transform:uppercase}.micromag-screen-urbania-article-articleContent .micromag-screen-urbania-article-description{padding:6px 20px 12px}.micromag-screen-urbania-article-articleContent .micromag-screen-urbania-article-lede{font-family:Agrandir;line-height:1.1}.micromag-screen-urbania-article-articleContent .micromag-screen-urbania-article-lede p{margin:0}.micromag-screen-urbania-article-articleContent .micromag-screen-urbania-article-authors{margin-bottom:6px}.micromag-screen-urbania-article-articleContent .micromag-screen-urbania-article-authors.micromag-screen-urbania-article-isAboveDescription{margin-bottom:0}.micromag-screen-urbania-article-articleContent .micromag-screen-urbania-article-sponsors{background-color:#ff0;color:#222;display:inline-block;letter-spacing:.04em;line-height:.7;margin-top:auto;padding:2px 10px 4px;width:100%}.micromag-screen-urbania-article-articleContent .micromag-screen-urbania-article-sponsors p,.micromag-screen-urbania-article-articleContent .micromag-screen-urbania-article-sponsors span{line-height:.7}.micromag-screen-urbania-article-articleContent .micromag-screen-urbania-article-sponsor{display:inline;font-family:Agrandir;font-size:9px;font-weight:400;line-height:.7;text-transform:uppercase}.micromag-screen-urbania-article-articleContent.micromag-screen-urbania-article-quatre95{background-color:#fff}.micromag-screen-urbania-article-articleContent.micromag-screen-urbania-article-quatre95 .micromag-screen-urbania-article-author{color:#5e79ff}.micromag-screen-urbania-article-articleContent.micromag-screen-urbania-article-quatre95 .micromag-screen-urbania-article-sponsors,.micromag-screen-urbania-article-articleContent.micromag-screen-urbania-article-urbania{background-color:#ff0;color:#222}.micromag-screen-urbania-article-articleContent.micromag-screen-urbania-article-urbania .micromag-screen-urbania-article-author{color:#222}.micromag-screen-urbania-article-articleContent.micromag-screen-urbania-article-urbania .micromag-screen-urbania-article-sponsors{background-color:#222;color:#ff0}.micromag-screen-urbania-article-articleContent.micromag-screen-urbania-article-dehors{background-color:#00c693;color:#ffeada}.micromag-screen-urbania-article-articleContent.micromag-screen-urbania-article-dehors .micromag-screen-urbania-article-author{color:#ffeada}.micromag-screen-urbania-article-articleContent.micromag-screen-urbania-article-universities{background-color:#fff;color:#f33}.micromag-screen-urbania-article-articleContent.micromag-screen-urbania-article-universities .micromag-screen-urbania-article-overTitle{color:#222}.micromag-screen-urbania-article-visual{height:100%;z-index:2}.micromag-screen-urbania-article-footerContainer{z-index:3}.micromag-screen-urbania-article-footer{bottom:0;left:0;padding-bottom:5px;position:absolute;right:0;-webkit-transform:translateZ(0);transform:translateZ(0);vertical-align:middle;z-index:10}.micromag-screen-urbania-article-footer .micromag-screen-urbania-article-arrow{margin-bottom:5px;opacity:.95}.micromag-screen-urbania-article-footer .micromag-screen-urbania-article-icon{display:inline-block;margin-right:3px;margin-top:-3px;padding:1px}.micromag-screen-urbania-article-mediaControls{padding:10px 20px 20px}.micromag-screen-urbania-article-placeholder{display:block}.micromag-screen-urbania-article-header{left:0;position:absolute;top:0;width:100%;z-index:4}.micromag-screen-urbania-article-bottom{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.micromag-screen-urbania-article-bottom.micromag-screen-urbania-article-visible{opacity:1}.micromag-screen-urbania-article-bottom.micromag-screen-urbania-article-withGradient{background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.4)));background:-o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.4));background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.4))}.micromag-screen-urbania-article-image{height:100%!important;position:relative!important;width:100%!important}.micromag-screen-urbania-article-isCurrent .micromag-screen-urbania-article-image{-webkit-animation:micromag-screen-urbania-article-slowZoom 15s ease-out 1 forwards;animation:micromag-screen-urbania-article-slowZoom 15s ease-out 1 forwards}.micromag-screen-urbania-article-img{height:100%!important;left:auto!important;-o-object-fit:cover;object-fit:cover;position:relative!important;top:auto!important;width:100%!important}@-webkit-keyframes micromag-screen-urbania-article-slowZoom{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes micromag-screen-urbania-article-slowZoom{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.2);transform:scale(1.2)}}
|
package/es/index.js
CHANGED
|
@@ -10,7 +10,7 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
|
10
10
|
import classNames from 'classnames';
|
|
11
11
|
import { PropTypes as PropTypes$1 } from '@micromag/core';
|
|
12
12
|
import { ScreenElement, PlaceholderSubtitle, Empty, PlaceholderTitle, PlaceholderImage } from '@micromag/core/components';
|
|
13
|
-
import { useScreenSize, useScreenRenderContext, useViewerWebView, useViewerContext, usePlaybackContext, usePlaybackMediaRef } from '@micromag/core/contexts';
|
|
13
|
+
import { useScreenSize, useScreenRenderContext, useViewerWebView, useViewerContext, useViewerInteraction, usePlaybackContext, usePlaybackMediaRef } from '@micromag/core/contexts';
|
|
14
14
|
import { useDimensionObserver } from '@micromag/core/hooks';
|
|
15
15
|
import Background from '@micromag/element-background';
|
|
16
16
|
import Container from '@micromag/element-container';
|
|
@@ -93,8 +93,9 @@ var WatchIcon = function WatchIcon(_ref) {
|
|
|
93
93
|
WatchIcon.propTypes = propTypes$2;
|
|
94
94
|
WatchIcon.defaultProps = defaultProps$2;
|
|
95
95
|
|
|
96
|
-
var styles = {"footerContainer":"micromag-screen-urbania-article-footerContainer","content":"micromag-screen-urbania-article-content","video":"micromag-screen-urbania-article-video","empty":"micromag-screen-urbania-article-empty","container":"micromag-screen-urbania-article-container","isVideo":"micromag-screen-urbania-article-isVideo","visual":"micromag-screen-urbania-article-visual","disabled":"micromag-screen-urbania-article-disabled","hidden":"micromag-screen-urbania-article-hidden","placeholder":"micromag-screen-urbania-article-placeholder","isPlaceholder":"micromag-screen-urbania-article-isPlaceholder","articleContent":"micromag-screen-urbania-article-articleContent","title":"micromag-screen-urbania-article-title","description":"micromag-screen-urbania-article-description","sponsors":"micromag-screen-urbania-article-sponsors","
|
|
96
|
+
var styles = {"footerContainer":"micromag-screen-urbania-article-footerContainer","content":"micromag-screen-urbania-article-content","video":"micromag-screen-urbania-article-video","empty":"micromag-screen-urbania-article-empty","container":"micromag-screen-urbania-article-container","isVideo":"micromag-screen-urbania-article-isVideo","visual":"micromag-screen-urbania-article-visual","disabled":"micromag-screen-urbania-article-disabled","hidden":"micromag-screen-urbania-article-hidden","placeholder":"micromag-screen-urbania-article-placeholder","isPlaceholder":"micromag-screen-urbania-article-isPlaceholder","articleContent":"micromag-screen-urbania-article-articleContent","title":"micromag-screen-urbania-article-title","description":"micromag-screen-urbania-article-description","sponsors":"micromag-screen-urbania-article-sponsors","callToAction":"micromag-screen-urbania-article-callToAction","emptyContainer":"micromag-screen-urbania-article-emptyContainer","small":"micromag-screen-urbania-article-small","background":"micromag-screen-urbania-article-background","overTitle":"micromag-screen-urbania-article-overTitle","authors":"micromag-screen-urbania-article-authors","lede":"micromag-screen-urbania-article-lede","isAboveDescription":"micromag-screen-urbania-article-isAboveDescription","sponsor":"micromag-screen-urbania-article-sponsor","quatre95":"micromag-screen-urbania-article-quatre95","author":"micromag-screen-urbania-article-author","urbania":"micromag-screen-urbania-article-urbania","dehors":"micromag-screen-urbania-article-dehors","universities":"micromag-screen-urbania-article-universities","footer":"micromag-screen-urbania-article-footer","arrow":"micromag-screen-urbania-article-arrow","icon":"micromag-screen-urbania-article-icon","mediaControls":"micromag-screen-urbania-article-mediaControls","header":"micromag-screen-urbania-article-header","bottom":"micromag-screen-urbania-article-bottom","visible":"micromag-screen-urbania-article-visible","withGradient":"micromag-screen-urbania-article-withGradient","image":"micromag-screen-urbania-article-image","isCurrent":"micromag-screen-urbania-article-isCurrent","slowZoom":"micromag-screen-urbania-article-slowZoom","img":"micromag-screen-urbania-article-img"};
|
|
97
97
|
|
|
98
|
+
var _excluded$1 = ["callToAction"];
|
|
98
99
|
var propTypes$1 = {
|
|
99
100
|
hasArticle: PropTypes.bool,
|
|
100
101
|
type: PropTypes.oneOf(['article', 'video']),
|
|
@@ -138,7 +139,7 @@ var defaultProps$1 = {
|
|
|
138
139
|
className: null
|
|
139
140
|
};
|
|
140
141
|
var UrbaniaArticle = function UrbaniaArticle(_ref) {
|
|
141
|
-
var
|
|
142
|
+
var _ref10;
|
|
142
143
|
var hasArticle = _ref.hasArticle,
|
|
143
144
|
type = _ref.type,
|
|
144
145
|
image = _ref.image,
|
|
@@ -177,6 +178,9 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
|
|
|
177
178
|
var _useViewerContext = useViewerContext(),
|
|
178
179
|
viewerBottomSidesWidth = _useViewerContext.bottomSidesWidth,
|
|
179
180
|
viewerTopHeight = _useViewerContext.topHeight;
|
|
181
|
+
var _useViewerInteraction = useViewerInteraction(),
|
|
182
|
+
enableInteraction = _useViewerInteraction.enableInteraction,
|
|
183
|
+
disableInteraction = _useViewerInteraction.disableInteraction;
|
|
180
184
|
var _usePlaybackContext = usePlaybackContext(),
|
|
181
185
|
muted = _usePlaybackContext.muted,
|
|
182
186
|
playing = _usePlaybackContext.playing;
|
|
@@ -190,6 +194,8 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
|
|
|
190
194
|
var _useMemo = useMemo(function () {
|
|
191
195
|
var defaultImageHeight = width * 0.8;
|
|
192
196
|
var difference = height - contentHeight - contentTop + 1;
|
|
197
|
+
|
|
198
|
+
// @TODO: seems like this returns the same thing no matter what
|
|
193
199
|
if (difference > defaultImageHeight) {
|
|
194
200
|
return {
|
|
195
201
|
imageHeight: difference
|
|
@@ -217,15 +223,34 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
|
|
|
217
223
|
var hasImage = url !== null;
|
|
218
224
|
var hasHeader = isHeaderFilled(header);
|
|
219
225
|
var hasFooter = isFooterFilled(footer);
|
|
220
|
-
var
|
|
226
|
+
var footerCta = {
|
|
227
|
+
buttonClassName: styles.button,
|
|
228
|
+
labelClassName: styles.label,
|
|
229
|
+
arrowClassName: styles.arrow,
|
|
230
|
+
arrow: /*#__PURE__*/React.createElement(Arrow, null),
|
|
231
|
+
icon: type === 'video' ? /*#__PURE__*/React.createElement(WatchIcon, {
|
|
232
|
+
className: styles.icon
|
|
233
|
+
}) : null
|
|
234
|
+
};
|
|
235
|
+
var _ref6 = footer || {},
|
|
236
|
+
_ref6$callToAction = _ref6.callToAction,
|
|
237
|
+
callToAction = _ref6$callToAction === void 0 ? null : _ref6$callToAction,
|
|
238
|
+
otherFooterProps = _objectWithoutProperties(_ref6, _excluded$1);
|
|
239
|
+
var footerProps = getFooterProps(_objectSpread(_objectSpread({}, otherFooterProps), {}, {
|
|
240
|
+
callToAction: _objectSpread(_objectSpread({}, callToAction), footerCta)
|
|
241
|
+
}), {
|
|
221
242
|
isView: isView,
|
|
222
243
|
current: current,
|
|
223
244
|
openWebView: openWebView,
|
|
224
|
-
isPreview: isPreview
|
|
245
|
+
isPreview: isPreview,
|
|
246
|
+
animationDisabled: isPreview,
|
|
247
|
+
focusable: current && isView,
|
|
248
|
+
enableInteraction: enableInteraction,
|
|
249
|
+
disableInteraction: disableInteraction
|
|
225
250
|
});
|
|
226
|
-
var
|
|
227
|
-
|
|
228
|
-
backgroundVideo =
|
|
251
|
+
var _ref7 = background || {},
|
|
252
|
+
_ref7$video = _ref7.video,
|
|
253
|
+
backgroundVideo = _ref7$video === void 0 ? null : _ref7$video;
|
|
229
254
|
var hasVideoBackground = backgroundVideo !== null;
|
|
230
255
|
var mediaShouldLoad = current || active;
|
|
231
256
|
var finalPlaying = playing && current;
|
|
@@ -287,7 +312,7 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
|
|
|
287
312
|
}, /*#__PURE__*/React.createElement(UrbaniaAuthor, {
|
|
288
313
|
author: author,
|
|
289
314
|
shouldLoad: mediaShouldLoad
|
|
290
|
-
})) : null),
|
|
315
|
+
})) : null), /*#__PURE__*/React.createElement(ScreenElement, {
|
|
291
316
|
key: "description",
|
|
292
317
|
empty: /*#__PURE__*/React.createElement("div", {
|
|
293
318
|
className: styles.emptyContainer
|
|
@@ -300,12 +325,12 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
|
|
|
300
325
|
"value": "Lede"
|
|
301
326
|
}]
|
|
302
327
|
}))),
|
|
303
|
-
isEmpty: !hasDescription
|
|
328
|
+
isEmpty: !hasDescription && !hasArticle
|
|
304
329
|
}, hasDescription ? /*#__PURE__*/React.createElement("div", {
|
|
305
330
|
className: classNames([styles.description])
|
|
306
331
|
}, /*#__PURE__*/React.createElement(Text, Object.assign({
|
|
307
332
|
className: classNames([styles.lede])
|
|
308
|
-
}, description))) : null)
|
|
333
|
+
}, description))) : null), /*#__PURE__*/React.createElement(ScreenElement, {
|
|
309
334
|
key: "sponsors",
|
|
310
335
|
empty: /*#__PURE__*/React.createElement("div", {
|
|
311
336
|
className: classNames([styles.emptyContainer, styles.small])
|
|
@@ -324,8 +349,9 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
|
|
|
324
349
|
style: _objectSpread({}, getStyleFromColor(sponsorColor))
|
|
325
350
|
}, sponsors.map(function () {
|
|
326
351
|
var sponsor = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
|
|
327
|
-
var
|
|
328
|
-
body =
|
|
352
|
+
var _ref9 = sponsor || {},
|
|
353
|
+
_ref9$body = _ref9.body,
|
|
354
|
+
body = _ref9$body === void 0 ? '' : _ref9$body;
|
|
329
355
|
return /*#__PURE__*/React.createElement(React.Fragment, {
|
|
330
356
|
key: body
|
|
331
357
|
}, sponsorPrefix !== null ? /*#__PURE__*/React.createElement("span", {
|
|
@@ -338,7 +364,7 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
|
|
|
338
364
|
return it !== null;
|
|
339
365
|
});
|
|
340
366
|
return /*#__PURE__*/React.createElement("div", {
|
|
341
|
-
className: classNames([styles.container, (
|
|
367
|
+
className: classNames([styles.container, (_ref10 = {}, _defineProperty(_ref10, className, className !== null), _defineProperty(_ref10, styles.isCurrent, current), _defineProperty(_ref10, styles.isVideo, isVideo), _defineProperty(_ref10, styles.hasVideoBackground, hasVideoBackground), _defineProperty(_ref10, styles.isPlaceholder, isPlaceholder), _ref10)]),
|
|
342
368
|
"data-screen-ready": isStatic || isCapture
|
|
343
369
|
}, /*#__PURE__*/React.createElement(Background, {
|
|
344
370
|
className: styles.background,
|
|
@@ -389,7 +415,7 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
|
|
|
389
415
|
"value": "Image"
|
|
390
416
|
}]
|
|
391
417
|
}))),
|
|
392
|
-
isEmpty: !hasImage
|
|
418
|
+
isEmpty: !hasImage && !hasArticle
|
|
393
419
|
}, hasImage && !isVideo ? /*#__PURE__*/React.createElement(Visual, {
|
|
394
420
|
className: styles.image,
|
|
395
421
|
imageClassName: styles.img,
|
|
@@ -425,18 +451,7 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
|
|
|
425
451
|
paddingRight: Math.max(0, viewerBottomSidesWidth - spacing)
|
|
426
452
|
},
|
|
427
453
|
className: styles.footer
|
|
428
|
-
}, /*#__PURE__*/React.createElement(Footer,
|
|
429
|
-
buttonClassName: styles.button,
|
|
430
|
-
labelClassName: styles.label,
|
|
431
|
-
arrowClassName: styles.arrow,
|
|
432
|
-
animationDisabled: isPreview,
|
|
433
|
-
focusable: current && isView,
|
|
434
|
-
arrow: /*#__PURE__*/React.createElement(Arrow, null),
|
|
435
|
-
icon: type === 'video' ? /*#__PURE__*/React.createElement(WatchIcon, {
|
|
436
|
-
className: styles.icon
|
|
437
|
-
}) : null,
|
|
438
|
-
openWebView: openWebView
|
|
439
|
-
}))) : null)));
|
|
454
|
+
}, /*#__PURE__*/React.createElement(Footer, footerProps)) : null)));
|
|
440
455
|
};
|
|
441
456
|
UrbaniaArticle.propTypes = propTypes$1;
|
|
442
457
|
UrbaniaArticle.defaultProps = defaultProps$1;
|
|
@@ -490,49 +505,52 @@ var UrbaniaLoader = function UrbaniaLoader(_ref) {
|
|
|
490
505
|
author = _ref3$author === void 0 ? null : _ref3$author,
|
|
491
506
|
_ref3$image = _ref3.image,
|
|
492
507
|
image = _ref3$image === void 0 ? {} : _ref3$image,
|
|
493
|
-
_ref3$
|
|
494
|
-
|
|
508
|
+
_ref3$footer = _ref3.footer,
|
|
509
|
+
footer = _ref3$footer === void 0 ? {} : _ref3$footer;
|
|
495
510
|
var _ref4 = image || {},
|
|
496
511
|
_ref4$url = _ref4.url,
|
|
497
512
|
imageUrl = _ref4$url === void 0 ? null : _ref4$url;
|
|
498
|
-
var _ref5 =
|
|
499
|
-
_ref5$
|
|
500
|
-
|
|
513
|
+
var _ref5 = footer || {},
|
|
514
|
+
_ref5$callToAction = _ref5.callToAction,
|
|
515
|
+
callToAction = _ref5$callToAction === void 0 ? null : _ref5$callToAction;
|
|
516
|
+
var _ref6 = callToAction || {},
|
|
517
|
+
_ref6$url = _ref6.url,
|
|
518
|
+
ctaUrl = _ref6$url === void 0 ? null : _ref6$url;
|
|
501
519
|
|
|
502
520
|
// Straight from article
|
|
503
|
-
var
|
|
504
|
-
|
|
505
|
-
type =
|
|
506
|
-
|
|
507
|
-
articleTitle =
|
|
508
|
-
|
|
509
|
-
articleImage =
|
|
510
|
-
|
|
511
|
-
metadata =
|
|
521
|
+
var _ref7 = article || {},
|
|
522
|
+
_ref7$type = _ref7.type,
|
|
523
|
+
type = _ref7$type === void 0 ? null : _ref7$type,
|
|
524
|
+
_ref7$title = _ref7.title,
|
|
525
|
+
articleTitle = _ref7$title === void 0 ? null : _ref7$title,
|
|
526
|
+
_ref7$image = _ref7.image,
|
|
527
|
+
articleImage = _ref7$image === void 0 ? null : _ref7$image,
|
|
528
|
+
_ref7$metadata = _ref7.metadata,
|
|
529
|
+
metadata = _ref7$metadata === void 0 ? {} : _ref7$metadata;
|
|
512
530
|
var hasArticle = article !== null;
|
|
513
|
-
var
|
|
514
|
-
|
|
515
|
-
authors =
|
|
516
|
-
|
|
517
|
-
sponsors =
|
|
518
|
-
|
|
519
|
-
site =
|
|
520
|
-
|
|
521
|
-
canonical =
|
|
522
|
-
|
|
523
|
-
readerUrl =
|
|
524
|
-
var
|
|
525
|
-
|
|
526
|
-
sizes =
|
|
527
|
-
var
|
|
528
|
-
medium =
|
|
529
|
-
large =
|
|
531
|
+
var _ref8 = metadata || {},
|
|
532
|
+
_ref8$authors = _ref8.authors,
|
|
533
|
+
authors = _ref8$authors === void 0 ? [] : _ref8$authors,
|
|
534
|
+
_ref8$sponsors = _ref8.sponsors,
|
|
535
|
+
sponsors = _ref8$sponsors === void 0 ? [] : _ref8$sponsors,
|
|
536
|
+
_ref8$site = _ref8.site,
|
|
537
|
+
site = _ref8$site === void 0 ? null : _ref8$site,
|
|
538
|
+
_ref8$canonical = _ref8.canonical,
|
|
539
|
+
canonical = _ref8$canonical === void 0 ? null : _ref8$canonical,
|
|
540
|
+
_ref8$readerUrl = _ref8.readerUrl,
|
|
541
|
+
readerUrl = _ref8$readerUrl === void 0 ? null : _ref8$readerUrl;
|
|
542
|
+
var _ref9 = articleImage || {},
|
|
543
|
+
_ref9$sizes = _ref9.sizes,
|
|
544
|
+
sizes = _ref9$sizes === void 0 ? {} : _ref9$sizes;
|
|
545
|
+
var _ref10 = sizes || {},
|
|
546
|
+
medium = _ref10.medium,
|
|
547
|
+
large = _ref10.large;
|
|
530
548
|
var articleAuthor = (authors || []).length > 0 ? authors[0] : null;
|
|
531
|
-
var
|
|
532
|
-
|
|
533
|
-
authorName =
|
|
534
|
-
|
|
535
|
-
authorImage =
|
|
549
|
+
var _ref11 = articleAuthor || {},
|
|
550
|
+
_ref11$name = _ref11.name,
|
|
551
|
+
authorName = _ref11$name === void 0 ? null : _ref11$name,
|
|
552
|
+
_ref11$avatar = _ref11.avatar,
|
|
553
|
+
authorImage = _ref11$avatar === void 0 ? null : _ref11$avatar;
|
|
536
554
|
var finalArticleAuthor = _objectSpread(_objectSpread({}, authorName !== null ? {
|
|
537
555
|
name: {
|
|
538
556
|
body: "<p>".concat(authorName, "</p>")
|
|
@@ -545,9 +563,9 @@ var UrbaniaLoader = function UrbaniaLoader(_ref) {
|
|
|
545
563
|
var defaultType = articleType || type;
|
|
546
564
|
|
|
547
565
|
// Sponsors
|
|
548
|
-
var defaultSponsor = (sponsors || []).length > 0 ? (sponsors || []).map(function (
|
|
549
|
-
var
|
|
550
|
-
name =
|
|
566
|
+
var defaultSponsor = (sponsors || []).length > 0 ? (sponsors || []).map(function (_ref12) {
|
|
567
|
+
var _ref12$name = _ref12.name,
|
|
568
|
+
name = _ref12$name === void 0 ? null : _ref12$name;
|
|
551
569
|
return name;
|
|
552
570
|
}).filter(function (name) {
|
|
553
571
|
return name !== null;
|
|
@@ -586,21 +604,21 @@ var UrbaniaLoader = function UrbaniaLoader(_ref) {
|
|
|
586
604
|
large: large
|
|
587
605
|
}
|
|
588
606
|
}),
|
|
589
|
-
|
|
590
|
-
|
|
591
|
-
|
|
592
|
-
|
|
593
|
-
|
|
594
|
-
|
|
595
|
-
|
|
596
|
-
|
|
597
|
-
|
|
598
|
-
|
|
599
|
-
|
|
600
|
-
|
|
601
|
-
|
|
602
|
-
|
|
603
|
-
|
|
607
|
+
footer: _objectSpread(_objectSpread({}, footer), {}, {
|
|
608
|
+
callToAction: _objectSpread(_objectSpread(_objectSpread({
|
|
609
|
+
type: 'swipe-up',
|
|
610
|
+
label: defaultType === 'video' ? {
|
|
611
|
+
body: 'Regarder'
|
|
612
|
+
} : {
|
|
613
|
+
body: 'Lire'
|
|
614
|
+
},
|
|
615
|
+
// icon: defaultType === 'video' ? <WatchIcon /> : null,
|
|
616
|
+
inWebView: true
|
|
617
|
+
}, callToAction), hasArticle ? {
|
|
618
|
+
active: true
|
|
619
|
+
} : null), {}, {
|
|
620
|
+
url: ctaUrl || readerUrl || canonical
|
|
621
|
+
})
|
|
604
622
|
})
|
|
605
623
|
};
|
|
606
624
|
}, [article, url, hostname, props]);
|
|
@@ -719,13 +737,13 @@ var definition = {
|
|
|
719
737
|
}]
|
|
720
738
|
})
|
|
721
739
|
}, {
|
|
722
|
-
name: '
|
|
740
|
+
name: 'sponsorLabel',
|
|
723
741
|
type: 'heading-element',
|
|
724
742
|
label: defineMessage({
|
|
725
|
-
id: "
|
|
743
|
+
id: "hzvEim",
|
|
726
744
|
defaultMessage: [{
|
|
727
745
|
"type": 0,
|
|
728
|
-
"value": "Sponsor"
|
|
746
|
+
"value": "Sponsor Label"
|
|
729
747
|
}]
|
|
730
748
|
})
|
|
731
749
|
}, {
|
package/lib/index.js
CHANGED
|
@@ -115,8 +115,9 @@ var WatchIcon = function WatchIcon(_ref) {
|
|
|
115
115
|
WatchIcon.propTypes = propTypes$2;
|
|
116
116
|
WatchIcon.defaultProps = defaultProps$2;
|
|
117
117
|
|
|
118
|
-
var styles = {"footerContainer":"micromag-screen-urbania-article-footerContainer","content":"micromag-screen-urbania-article-content","video":"micromag-screen-urbania-article-video","empty":"micromag-screen-urbania-article-empty","container":"micromag-screen-urbania-article-container","isVideo":"micromag-screen-urbania-article-isVideo","visual":"micromag-screen-urbania-article-visual","disabled":"micromag-screen-urbania-article-disabled","hidden":"micromag-screen-urbania-article-hidden","placeholder":"micromag-screen-urbania-article-placeholder","isPlaceholder":"micromag-screen-urbania-article-isPlaceholder","articleContent":"micromag-screen-urbania-article-articleContent","title":"micromag-screen-urbania-article-title","description":"micromag-screen-urbania-article-description","sponsors":"micromag-screen-urbania-article-sponsors","
|
|
118
|
+
var styles = {"footerContainer":"micromag-screen-urbania-article-footerContainer","content":"micromag-screen-urbania-article-content","video":"micromag-screen-urbania-article-video","empty":"micromag-screen-urbania-article-empty","container":"micromag-screen-urbania-article-container","isVideo":"micromag-screen-urbania-article-isVideo","visual":"micromag-screen-urbania-article-visual","disabled":"micromag-screen-urbania-article-disabled","hidden":"micromag-screen-urbania-article-hidden","placeholder":"micromag-screen-urbania-article-placeholder","isPlaceholder":"micromag-screen-urbania-article-isPlaceholder","articleContent":"micromag-screen-urbania-article-articleContent","title":"micromag-screen-urbania-article-title","description":"micromag-screen-urbania-article-description","sponsors":"micromag-screen-urbania-article-sponsors","callToAction":"micromag-screen-urbania-article-callToAction","emptyContainer":"micromag-screen-urbania-article-emptyContainer","small":"micromag-screen-urbania-article-small","background":"micromag-screen-urbania-article-background","overTitle":"micromag-screen-urbania-article-overTitle","authors":"micromag-screen-urbania-article-authors","lede":"micromag-screen-urbania-article-lede","isAboveDescription":"micromag-screen-urbania-article-isAboveDescription","sponsor":"micromag-screen-urbania-article-sponsor","quatre95":"micromag-screen-urbania-article-quatre95","author":"micromag-screen-urbania-article-author","urbania":"micromag-screen-urbania-article-urbania","dehors":"micromag-screen-urbania-article-dehors","universities":"micromag-screen-urbania-article-universities","footer":"micromag-screen-urbania-article-footer","arrow":"micromag-screen-urbania-article-arrow","icon":"micromag-screen-urbania-article-icon","mediaControls":"micromag-screen-urbania-article-mediaControls","header":"micromag-screen-urbania-article-header","bottom":"micromag-screen-urbania-article-bottom","visible":"micromag-screen-urbania-article-visible","withGradient":"micromag-screen-urbania-article-withGradient","image":"micromag-screen-urbania-article-image","isCurrent":"micromag-screen-urbania-article-isCurrent","slowZoom":"micromag-screen-urbania-article-slowZoom","img":"micromag-screen-urbania-article-img"};
|
|
119
119
|
|
|
120
|
+
var _excluded$1 = ["callToAction"];
|
|
120
121
|
var propTypes$1 = {
|
|
121
122
|
hasArticle: PropTypes__default["default"].bool,
|
|
122
123
|
type: PropTypes__default["default"].oneOf(['article', 'video']),
|
|
@@ -160,7 +161,7 @@ var defaultProps$1 = {
|
|
|
160
161
|
className: null
|
|
161
162
|
};
|
|
162
163
|
var UrbaniaArticle = function UrbaniaArticle(_ref) {
|
|
163
|
-
var
|
|
164
|
+
var _ref10;
|
|
164
165
|
var hasArticle = _ref.hasArticle,
|
|
165
166
|
type = _ref.type,
|
|
166
167
|
image = _ref.image,
|
|
@@ -199,6 +200,9 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
|
|
|
199
200
|
var _useViewerContext = contexts.useViewerContext(),
|
|
200
201
|
viewerBottomSidesWidth = _useViewerContext.bottomSidesWidth,
|
|
201
202
|
viewerTopHeight = _useViewerContext.topHeight;
|
|
203
|
+
var _useViewerInteraction = contexts.useViewerInteraction(),
|
|
204
|
+
enableInteraction = _useViewerInteraction.enableInteraction,
|
|
205
|
+
disableInteraction = _useViewerInteraction.disableInteraction;
|
|
202
206
|
var _usePlaybackContext = contexts.usePlaybackContext(),
|
|
203
207
|
muted = _usePlaybackContext.muted,
|
|
204
208
|
playing = _usePlaybackContext.playing;
|
|
@@ -212,6 +216,8 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
|
|
|
212
216
|
var _useMemo = React.useMemo(function () {
|
|
213
217
|
var defaultImageHeight = width * 0.8;
|
|
214
218
|
var difference = height - contentHeight - contentTop + 1;
|
|
219
|
+
|
|
220
|
+
// @TODO: seems like this returns the same thing no matter what
|
|
215
221
|
if (difference > defaultImageHeight) {
|
|
216
222
|
return {
|
|
217
223
|
imageHeight: difference
|
|
@@ -239,15 +245,34 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
|
|
|
239
245
|
var hasImage = url !== null;
|
|
240
246
|
var hasHeader = utils.isHeaderFilled(header);
|
|
241
247
|
var hasFooter = utils.isFooterFilled(footer);
|
|
242
|
-
var
|
|
248
|
+
var footerCta = {
|
|
249
|
+
buttonClassName: styles.button,
|
|
250
|
+
labelClassName: styles.label,
|
|
251
|
+
arrowClassName: styles.arrow,
|
|
252
|
+
arrow: /*#__PURE__*/React__default["default"].createElement(Arrow, null),
|
|
253
|
+
icon: type === 'video' ? /*#__PURE__*/React__default["default"].createElement(WatchIcon, {
|
|
254
|
+
className: styles.icon
|
|
255
|
+
}) : null
|
|
256
|
+
};
|
|
257
|
+
var _ref6 = footer || {},
|
|
258
|
+
_ref6$callToAction = _ref6.callToAction,
|
|
259
|
+
callToAction = _ref6$callToAction === void 0 ? null : _ref6$callToAction,
|
|
260
|
+
otherFooterProps = _objectWithoutProperties__default["default"](_ref6, _excluded$1);
|
|
261
|
+
var footerProps = utils.getFooterProps(_objectSpread__default["default"](_objectSpread__default["default"]({}, otherFooterProps), {}, {
|
|
262
|
+
callToAction: _objectSpread__default["default"](_objectSpread__default["default"]({}, callToAction), footerCta)
|
|
263
|
+
}), {
|
|
243
264
|
isView: isView,
|
|
244
265
|
current: current,
|
|
245
266
|
openWebView: openWebView,
|
|
246
|
-
isPreview: isPreview
|
|
267
|
+
isPreview: isPreview,
|
|
268
|
+
animationDisabled: isPreview,
|
|
269
|
+
focusable: current && isView,
|
|
270
|
+
enableInteraction: enableInteraction,
|
|
271
|
+
disableInteraction: disableInteraction
|
|
247
272
|
});
|
|
248
|
-
var
|
|
249
|
-
|
|
250
|
-
backgroundVideo =
|
|
273
|
+
var _ref7 = background || {},
|
|
274
|
+
_ref7$video = _ref7.video,
|
|
275
|
+
backgroundVideo = _ref7$video === void 0 ? null : _ref7$video;
|
|
251
276
|
var hasVideoBackground = backgroundVideo !== null;
|
|
252
277
|
var mediaShouldLoad = current || active;
|
|
253
278
|
var finalPlaying = playing && current;
|
|
@@ -309,7 +334,7 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
|
|
|
309
334
|
}, /*#__PURE__*/React__default["default"].createElement(UrbaniaAuthor__default["default"], {
|
|
310
335
|
author: author,
|
|
311
336
|
shouldLoad: mediaShouldLoad
|
|
312
|
-
})) : null),
|
|
337
|
+
})) : null), /*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
|
|
313
338
|
key: "description",
|
|
314
339
|
empty: /*#__PURE__*/React__default["default"].createElement("div", {
|
|
315
340
|
className: styles.emptyContainer
|
|
@@ -322,12 +347,12 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
|
|
|
322
347
|
"value": "Lede"
|
|
323
348
|
}]
|
|
324
349
|
}))),
|
|
325
|
-
isEmpty: !hasDescription
|
|
350
|
+
isEmpty: !hasDescription && !hasArticle
|
|
326
351
|
}, hasDescription ? /*#__PURE__*/React__default["default"].createElement("div", {
|
|
327
352
|
className: classNames__default["default"]([styles.description])
|
|
328
353
|
}, /*#__PURE__*/React__default["default"].createElement(Text__default["default"], Object.assign({
|
|
329
354
|
className: classNames__default["default"]([styles.lede])
|
|
330
|
-
}, description))) : null)
|
|
355
|
+
}, description))) : null), /*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
|
|
331
356
|
key: "sponsors",
|
|
332
357
|
empty: /*#__PURE__*/React__default["default"].createElement("div", {
|
|
333
358
|
className: classNames__default["default"]([styles.emptyContainer, styles.small])
|
|
@@ -346,8 +371,9 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
|
|
|
346
371
|
style: _objectSpread__default["default"]({}, utils.getStyleFromColor(sponsorColor))
|
|
347
372
|
}, sponsors.map(function () {
|
|
348
373
|
var sponsor = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
|
|
349
|
-
var
|
|
350
|
-
body =
|
|
374
|
+
var _ref9 = sponsor || {},
|
|
375
|
+
_ref9$body = _ref9.body,
|
|
376
|
+
body = _ref9$body === void 0 ? '' : _ref9$body;
|
|
351
377
|
return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
|
|
352
378
|
key: body
|
|
353
379
|
}, sponsorPrefix !== null ? /*#__PURE__*/React__default["default"].createElement("span", {
|
|
@@ -360,7 +386,7 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
|
|
|
360
386
|
return it !== null;
|
|
361
387
|
});
|
|
362
388
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
363
|
-
className: classNames__default["default"]([styles.container, (
|
|
389
|
+
className: classNames__default["default"]([styles.container, (_ref10 = {}, _defineProperty__default["default"](_ref10, className, className !== null), _defineProperty__default["default"](_ref10, styles.isCurrent, current), _defineProperty__default["default"](_ref10, styles.isVideo, isVideo), _defineProperty__default["default"](_ref10, styles.hasVideoBackground, hasVideoBackground), _defineProperty__default["default"](_ref10, styles.isPlaceholder, isPlaceholder), _ref10)]),
|
|
364
390
|
"data-screen-ready": isStatic || isCapture
|
|
365
391
|
}, /*#__PURE__*/React__default["default"].createElement(Background__default["default"], {
|
|
366
392
|
className: styles.background,
|
|
@@ -411,7 +437,7 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
|
|
|
411
437
|
"value": "Image"
|
|
412
438
|
}]
|
|
413
439
|
}))),
|
|
414
|
-
isEmpty: !hasImage
|
|
440
|
+
isEmpty: !hasImage && !hasArticle
|
|
415
441
|
}, hasImage && !isVideo ? /*#__PURE__*/React__default["default"].createElement(Visual__default["default"], {
|
|
416
442
|
className: styles.image,
|
|
417
443
|
imageClassName: styles.img,
|
|
@@ -447,18 +473,7 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
|
|
|
447
473
|
paddingRight: Math.max(0, viewerBottomSidesWidth - spacing)
|
|
448
474
|
},
|
|
449
475
|
className: styles.footer
|
|
450
|
-
}, /*#__PURE__*/React__default["default"].createElement(Footer__default["default"],
|
|
451
|
-
buttonClassName: styles.button,
|
|
452
|
-
labelClassName: styles.label,
|
|
453
|
-
arrowClassName: styles.arrow,
|
|
454
|
-
animationDisabled: isPreview,
|
|
455
|
-
focusable: current && isView,
|
|
456
|
-
arrow: /*#__PURE__*/React__default["default"].createElement(Arrow, null),
|
|
457
|
-
icon: type === 'video' ? /*#__PURE__*/React__default["default"].createElement(WatchIcon, {
|
|
458
|
-
className: styles.icon
|
|
459
|
-
}) : null,
|
|
460
|
-
openWebView: openWebView
|
|
461
|
-
}))) : null)));
|
|
476
|
+
}, /*#__PURE__*/React__default["default"].createElement(Footer__default["default"], footerProps)) : null)));
|
|
462
477
|
};
|
|
463
478
|
UrbaniaArticle.propTypes = propTypes$1;
|
|
464
479
|
UrbaniaArticle.defaultProps = defaultProps$1;
|
|
@@ -512,49 +527,52 @@ var UrbaniaLoader = function UrbaniaLoader(_ref) {
|
|
|
512
527
|
author = _ref3$author === void 0 ? null : _ref3$author,
|
|
513
528
|
_ref3$image = _ref3.image,
|
|
514
529
|
image = _ref3$image === void 0 ? {} : _ref3$image,
|
|
515
|
-
_ref3$
|
|
516
|
-
|
|
530
|
+
_ref3$footer = _ref3.footer,
|
|
531
|
+
footer = _ref3$footer === void 0 ? {} : _ref3$footer;
|
|
517
532
|
var _ref4 = image || {},
|
|
518
533
|
_ref4$url = _ref4.url,
|
|
519
534
|
imageUrl = _ref4$url === void 0 ? null : _ref4$url;
|
|
520
|
-
var _ref5 =
|
|
521
|
-
_ref5$
|
|
522
|
-
|
|
535
|
+
var _ref5 = footer || {},
|
|
536
|
+
_ref5$callToAction = _ref5.callToAction,
|
|
537
|
+
callToAction = _ref5$callToAction === void 0 ? null : _ref5$callToAction;
|
|
538
|
+
var _ref6 = callToAction || {},
|
|
539
|
+
_ref6$url = _ref6.url,
|
|
540
|
+
ctaUrl = _ref6$url === void 0 ? null : _ref6$url;
|
|
523
541
|
|
|
524
542
|
// Straight from article
|
|
525
|
-
var
|
|
526
|
-
|
|
527
|
-
type =
|
|
528
|
-
|
|
529
|
-
articleTitle =
|
|
530
|
-
|
|
531
|
-
articleImage =
|
|
532
|
-
|
|
533
|
-
metadata =
|
|
543
|
+
var _ref7 = article || {},
|
|
544
|
+
_ref7$type = _ref7.type,
|
|
545
|
+
type = _ref7$type === void 0 ? null : _ref7$type,
|
|
546
|
+
_ref7$title = _ref7.title,
|
|
547
|
+
articleTitle = _ref7$title === void 0 ? null : _ref7$title,
|
|
548
|
+
_ref7$image = _ref7.image,
|
|
549
|
+
articleImage = _ref7$image === void 0 ? null : _ref7$image,
|
|
550
|
+
_ref7$metadata = _ref7.metadata,
|
|
551
|
+
metadata = _ref7$metadata === void 0 ? {} : _ref7$metadata;
|
|
534
552
|
var hasArticle = article !== null;
|
|
535
|
-
var
|
|
536
|
-
|
|
537
|
-
authors =
|
|
538
|
-
|
|
539
|
-
sponsors =
|
|
540
|
-
|
|
541
|
-
site =
|
|
542
|
-
|
|
543
|
-
canonical =
|
|
544
|
-
|
|
545
|
-
readerUrl =
|
|
546
|
-
var
|
|
547
|
-
|
|
548
|
-
sizes =
|
|
549
|
-
var
|
|
550
|
-
medium =
|
|
551
|
-
large =
|
|
553
|
+
var _ref8 = metadata || {},
|
|
554
|
+
_ref8$authors = _ref8.authors,
|
|
555
|
+
authors = _ref8$authors === void 0 ? [] : _ref8$authors,
|
|
556
|
+
_ref8$sponsors = _ref8.sponsors,
|
|
557
|
+
sponsors = _ref8$sponsors === void 0 ? [] : _ref8$sponsors,
|
|
558
|
+
_ref8$site = _ref8.site,
|
|
559
|
+
site = _ref8$site === void 0 ? null : _ref8$site,
|
|
560
|
+
_ref8$canonical = _ref8.canonical,
|
|
561
|
+
canonical = _ref8$canonical === void 0 ? null : _ref8$canonical,
|
|
562
|
+
_ref8$readerUrl = _ref8.readerUrl,
|
|
563
|
+
readerUrl = _ref8$readerUrl === void 0 ? null : _ref8$readerUrl;
|
|
564
|
+
var _ref9 = articleImage || {},
|
|
565
|
+
_ref9$sizes = _ref9.sizes,
|
|
566
|
+
sizes = _ref9$sizes === void 0 ? {} : _ref9$sizes;
|
|
567
|
+
var _ref10 = sizes || {},
|
|
568
|
+
medium = _ref10.medium,
|
|
569
|
+
large = _ref10.large;
|
|
552
570
|
var articleAuthor = (authors || []).length > 0 ? authors[0] : null;
|
|
553
|
-
var
|
|
554
|
-
|
|
555
|
-
authorName =
|
|
556
|
-
|
|
557
|
-
authorImage =
|
|
571
|
+
var _ref11 = articleAuthor || {},
|
|
572
|
+
_ref11$name = _ref11.name,
|
|
573
|
+
authorName = _ref11$name === void 0 ? null : _ref11$name,
|
|
574
|
+
_ref11$avatar = _ref11.avatar,
|
|
575
|
+
authorImage = _ref11$avatar === void 0 ? null : _ref11$avatar;
|
|
558
576
|
var finalArticleAuthor = _objectSpread__default["default"](_objectSpread__default["default"]({}, authorName !== null ? {
|
|
559
577
|
name: {
|
|
560
578
|
body: "<p>".concat(authorName, "</p>")
|
|
@@ -567,9 +585,9 @@ var UrbaniaLoader = function UrbaniaLoader(_ref) {
|
|
|
567
585
|
var defaultType = articleType || type;
|
|
568
586
|
|
|
569
587
|
// Sponsors
|
|
570
|
-
var defaultSponsor = (sponsors || []).length > 0 ? (sponsors || []).map(function (
|
|
571
|
-
var
|
|
572
|
-
name =
|
|
588
|
+
var defaultSponsor = (sponsors || []).length > 0 ? (sponsors || []).map(function (_ref12) {
|
|
589
|
+
var _ref12$name = _ref12.name,
|
|
590
|
+
name = _ref12$name === void 0 ? null : _ref12$name;
|
|
573
591
|
return name;
|
|
574
592
|
}).filter(function (name) {
|
|
575
593
|
return name !== null;
|
|
@@ -608,21 +626,21 @@ var UrbaniaLoader = function UrbaniaLoader(_ref) {
|
|
|
608
626
|
large: large
|
|
609
627
|
}
|
|
610
628
|
}),
|
|
611
|
-
|
|
612
|
-
|
|
613
|
-
|
|
614
|
-
|
|
615
|
-
|
|
616
|
-
|
|
617
|
-
|
|
618
|
-
|
|
619
|
-
|
|
620
|
-
|
|
621
|
-
|
|
622
|
-
|
|
623
|
-
|
|
624
|
-
|
|
625
|
-
|
|
629
|
+
footer: _objectSpread__default["default"](_objectSpread__default["default"]({}, footer), {}, {
|
|
630
|
+
callToAction: _objectSpread__default["default"](_objectSpread__default["default"](_objectSpread__default["default"]({
|
|
631
|
+
type: 'swipe-up',
|
|
632
|
+
label: defaultType === 'video' ? {
|
|
633
|
+
body: 'Regarder'
|
|
634
|
+
} : {
|
|
635
|
+
body: 'Lire'
|
|
636
|
+
},
|
|
637
|
+
// icon: defaultType === 'video' ? <WatchIcon /> : null,
|
|
638
|
+
inWebView: true
|
|
639
|
+
}, callToAction), hasArticle ? {
|
|
640
|
+
active: true
|
|
641
|
+
} : null), {}, {
|
|
642
|
+
url: ctaUrl || readerUrl || canonical
|
|
643
|
+
})
|
|
626
644
|
})
|
|
627
645
|
};
|
|
628
646
|
}, [article, url, hostname, props]);
|
|
@@ -741,13 +759,13 @@ var definition = {
|
|
|
741
759
|
}]
|
|
742
760
|
})
|
|
743
761
|
}, {
|
|
744
|
-
name: '
|
|
762
|
+
name: 'sponsorLabel',
|
|
745
763
|
type: 'heading-element',
|
|
746
764
|
label: reactIntl.defineMessage({
|
|
747
|
-
id: "
|
|
765
|
+
id: "hzvEim",
|
|
748
766
|
defaultMessage: [{
|
|
749
767
|
"type": 0,
|
|
750
|
-
"value": "Sponsor"
|
|
768
|
+
"value": "Sponsor Label"
|
|
751
769
|
}]
|
|
752
770
|
})
|
|
753
771
|
}, {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@micromag/screen-urbania-article",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.370",
|
|
4
4
|
"description": "",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"javascript"
|
|
@@ -51,19 +51,19 @@
|
|
|
51
51
|
"@babel/runtime": "^7.13.10",
|
|
52
52
|
"@folklore/fetch": "^0.1.15",
|
|
53
53
|
"@folklore/size": "^0.1.20",
|
|
54
|
-
"@micromag/core": "^0.3.
|
|
55
|
-
"@micromag/element-background": "^0.3.
|
|
56
|
-
"@micromag/element-closed-captions": "^0.3.
|
|
57
|
-
"@micromag/element-container": "^0.3.
|
|
58
|
-
"@micromag/element-footer": "^0.3.
|
|
59
|
-
"@micromag/element-header": "^0.3.
|
|
60
|
-
"@micromag/element-heading": "^0.3.
|
|
61
|
-
"@micromag/element-image": "^0.3.
|
|
62
|
-
"@micromag/element-text": "^0.3.
|
|
63
|
-
"@micromag/element-urbania-author": "^0.3.
|
|
64
|
-
"@micromag/element-video": "^0.3.
|
|
65
|
-
"@micromag/element-visual": "^0.3.
|
|
66
|
-
"@micromag/transforms": "^0.3.
|
|
54
|
+
"@micromag/core": "^0.3.370",
|
|
55
|
+
"@micromag/element-background": "^0.3.370",
|
|
56
|
+
"@micromag/element-closed-captions": "^0.3.370",
|
|
57
|
+
"@micromag/element-container": "^0.3.370",
|
|
58
|
+
"@micromag/element-footer": "^0.3.370",
|
|
59
|
+
"@micromag/element-header": "^0.3.370",
|
|
60
|
+
"@micromag/element-heading": "^0.3.370",
|
|
61
|
+
"@micromag/element-image": "^0.3.370",
|
|
62
|
+
"@micromag/element-text": "^0.3.370",
|
|
63
|
+
"@micromag/element-urbania-author": "^0.3.370",
|
|
64
|
+
"@micromag/element-video": "^0.3.370",
|
|
65
|
+
"@micromag/element-visual": "^0.3.370",
|
|
66
|
+
"@micromag/transforms": "^0.3.370",
|
|
67
67
|
"classnames": "^2.2.6",
|
|
68
68
|
"lodash": "^4.17.21",
|
|
69
69
|
"prop-types": "^15.7.2",
|
|
@@ -73,5 +73,5 @@
|
|
|
73
73
|
"publishConfig": {
|
|
74
74
|
"access": "public"
|
|
75
75
|
},
|
|
76
|
-
"gitHead": "
|
|
76
|
+
"gitHead": "69c07e59593e42e3d6f3f4e9deba937a7ea60734"
|
|
77
77
|
}
|