@micromag/screen-urbania-article 0.3.61 → 0.3.65

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 (4) hide show
  1. package/assets/css/styles.css +1 -1
  2. package/es/index.js +251 -231
  3. package/lib/index.js +256 -236
  4. package/package.json +14 -14
package/assets/css/styles.css CHANGED
@@ -1 +1 @@
1
- .micromag-screen-urbania-article-container .micromag-screen-urbania-article-empty,.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-video,.micromag-screen-urbania-article-container .micromag-screen-urbania-article-video{position:absolute;top:0;left:0;width:100%;height:100%}.micromag-screen-urbania-article-container{position:relative;width:100%;height:100%;overflow:hidden}.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{position:relative;padding:6px}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-empty{margin:5px auto;border:2px dashed #343434;color:#343434}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-placeholder{background-color:#6c6c6c}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-emptyContainer{width:100%;height:0;margin-bottom:10px;padding-bottom:20%;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-emptyContainer.micromag-screen-urbania-article-small{padding-bottom:15%}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-empty{margin:0}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-inner{height:100%}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content,.micromag-screen-urbania-article-container .micromag-screen-urbania-article-inner{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content{z-index:1;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:#222;text-align:center}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-authors,.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-overTitle,.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-title{padding:10px}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-overTitle{font-family:Agrandir Grand;font-size:10px;font-weight:500;text-decoration:underline;text-transform:uppercase}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-title{font-family:GarageGothic-Bold;text-transform:uppercase}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-authors{margin-bottom:10px}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-sponsors{display:inline-block;width:100%;margin-top:auto;padding:3px 10px 4px;background-color:#222;color:#ff0}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-sponsor{display:inline;font-family:Agrandir;font-size:9px;font-weight:400;line-height:1;text-transform:uppercase}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content.micromag-screen-urbania-article-quatre95{background-color:#fff}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content.micromag-screen-urbania-article-quatre95 .micromag-screen-urbania-article-author{color:#5e79ff}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content.micromag-screen-urbania-article-quatre95 .micromag-screen-urbania-article-sponsors,.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content.micromag-screen-urbania-article-urbania{background-color:#ff0;color:#222}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content.micromag-screen-urbania-article-urbania .micromag-screen-urbania-article-author{color:#222}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content.micromag-screen-urbania-article-dehors{background-color:#00c693;color:#ffeada}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content.micromag-screen-urbania-article-dehors .micromag-screen-urbania-article-author{color:#ffeada}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-callToAction{position:absolute;z-index:1;right:0;bottom:0;left:0;padding-bottom:5px}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-callToAction .micromag-screen-urbania-article-button{display:inline-block;min-width:100px;margin:0 auto;padding:0;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out;border:4px solid rgba(255,255,0,.5);border-radius:20px}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-callToAction .micromag-screen-urbania-article-button:hover{border-color:rgba(0,0,0,0)}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-callToAction .micromag-screen-urbania-article-button .micromag-screen-urbania-article-label{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:6px 15px 4px;border-radius:20px;background-color:#ff0}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-callToAction .micromag-screen-urbania-article-button .micromag-screen-urbania-article-label svg{display:block;margin-bottom:2px}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-callToAction .micromag-screen-urbania-article-button .micromag-screen-urbania-article-label span{display:block;margin:0 5px;color:#222;font-family:Agrandir Tight;font-size:18px;font-weight:700;line-height:1}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-callToAction .micromag-screen-urbania-article-button .micromag-screen-urbania-article-label span:last-child{margin-top:2px}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-callToAction .micromag-screen-urbania-article-arrow{margin-bottom:5px;opacity:.95;color:#ff0}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-mediaControls{padding:10px 20px 20px}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-placeholder{display:block}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-videoContainer{position:absolute}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-bottomContent{position:absolute;bottom:0;width:100%}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-bottom{-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear;opacity:0}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-bottom.micromag-screen-urbania-article-visible{opacity:1}.micromag-screen-urbania-article-container .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-container.micromag-screen-urbania-article-isPlaceholder .micromag-screen-urbania-article-content{width:80%;height:35%;margin:5px auto;background-color:rgba(0,0,0,0);background-color:#2b2b2b}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isPlaceholder .micromag-screen-urbania-article-visual{position:relative;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;width:80%;height:50%;margin:5px auto}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-content{-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;margin-bottom:10px;background-color:rgba(0,0,0,0)}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-content .micromag-screen-urbania-article-overTitle{margin-bottom:auto}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-content .micromag-screen-urbania-article-title{color:#fff;text-shadow:2px 2px 0 #222}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-content .micromag-screen-urbania-article-sponsors{margin-top:0}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-emptyContainer{top:0;height:100%;padding-bottom:0;-webkit-transform:none;-ms-transform:none;transform:none}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-callToAction{position:relative}
1
+ .micromag-screen-urbania-article-container .micromag-screen-urbania-article-empty,.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-video,.micromag-screen-urbania-article-container .micromag-screen-urbania-article-video{position:absolute;top:0;left:0;width:100%;height:100%}.micromag-screen-urbania-article-container{position:relative;width:100%;height:100%;overflow:hidden}.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{position:relative;padding:6px}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-empty{margin:5px auto;border:2px dashed #343434;color:#343434}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-placeholder{background-color:#6c6c6c}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-emptyContainer{width:100%;height:0;margin-bottom:10px;padding-bottom:20%;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-emptyContainer.micromag-screen-urbania-article-small{padding-bottom:15%}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-empty{margin:0}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-inner{height:100%}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content,.micromag-screen-urbania-article-container .micromag-screen-urbania-article-inner{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content{z-index:1;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:#222;text-align:center}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-authors,.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-overTitle,.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-title{padding:10px}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-overTitle{padding-top:30px;font-family:Agrandir Grand;font-size:10px;font-weight:500;text-decoration:underline;text-transform:uppercase}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-title{font-family:GarageGothic-Bold;text-transform:uppercase}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-authors{margin-bottom:10px}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-sponsors{display:inline-block;width:100%;margin-top:auto;padding:0 10px 4px;background-color:#222;color:#ff0}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content .micromag-screen-urbania-article-sponsor{display:inline;font-family:Agrandir;font-size:9px;font-weight:400;line-height:1;text-transform:uppercase}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content.micromag-screen-urbania-article-quatre95{background-color:#fff}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content.micromag-screen-urbania-article-quatre95 .micromag-screen-urbania-article-author{color:#5e79ff}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content.micromag-screen-urbania-article-quatre95 .micromag-screen-urbania-article-sponsors,.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content.micromag-screen-urbania-article-urbania{background-color:#ff0;color:#222}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content.micromag-screen-urbania-article-urbania .micromag-screen-urbania-article-author{color:#222}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content.micromag-screen-urbania-article-dehors{background-color:#00c693;color:#ffeada}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-content.micromag-screen-urbania-article-dehors .micromag-screen-urbania-article-author{color:#ffeada}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-callToAction{position:absolute;z-index:10;right:0;bottom:0;left:0;padding-bottom:5px;vertical-align:middle}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-callToAction .micromag-screen-urbania-article-arrow{margin-bottom:5px;opacity:.95}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-callToAction .micromag-screen-urbania-article-icon{display:inline-block;margin-right:2px;margin-bottom:2px;padding:1px}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-mediaControls{padding:10px 20px 20px}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-placeholder{display:block}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-videoContainer{position:absolute}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-bottomContent{position:absolute;bottom:0;width:100%}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-bottom{-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear;opacity:0}.micromag-screen-urbania-article-container .micromag-screen-urbania-article-bottom.micromag-screen-urbania-article-visible{opacity:1}.micromag-screen-urbania-article-container .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-container.micromag-screen-urbania-article-isPlaceholder .micromag-screen-urbania-article-content{width:80%;height:35%;margin:5px auto;background-color:rgba(0,0,0,0);background-color:#2b2b2b}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isPlaceholder .micromag-screen-urbania-article-visual{position:relative;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;width:80%;height:50%;margin:5px auto}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-content{-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;margin-bottom:10px;background-color:rgba(0,0,0,0)}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-content .micromag-screen-urbania-article-overTitle{margin-bottom:auto}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-content .micromag-screen-urbania-article-title{color:#fff;text-shadow:2px 2px 0 #222}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-content .micromag-screen-urbania-article-sponsors{margin-top:0}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-emptyContainer{top:0;height:100%;padding-bottom:0;-webkit-transform:none;-ms-transform:none;transform:none}.micromag-screen-urbania-article-container.micromag-screen-urbania-article-isVideo .micromag-screen-urbania-article-callToAction{position:relative}
package/es/index.js CHANGED
@@ -1,8 +1,13 @@
1
1
  import { FormattedMessage, defineMessage } from 'react-intl';
2
- import _defineProperty from '@babel/runtime/helpers/defineProperty';
3
- import classNames from 'classnames';
2
+ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
3
+ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
4
+ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
5
+ import { getJSON } from '@folklore/fetch';
4
6
  import PropTypes from 'prop-types';
5
7
  import React, { useMemo, useState, useEffect } from 'react';
8
+ import { isTextFilled } from '@micromag/core/utils';
9
+ import _defineProperty from '@babel/runtime/helpers/defineProperty';
10
+ import classNames from 'classnames';
6
11
  import { PropTypes as PropTypes$1 } from '@micromag/core';
7
12
  import { ScreenElement, PlaceholderSubtitle, Empty, PlaceholderTitle, Transitions, PlaceholderImage } from '@micromag/core/components';
8
13
  import { useScreenSize, useScreenRenderContext } from '@micromag/core/contexts';
@@ -13,10 +18,6 @@ import Container from '@micromag/element-container';
13
18
  import Heading from '@micromag/element-heading';
14
19
  import UrbaniaAuthor from '@micromag/element-urbania-author';
15
20
  import Visual from '@micromag/element-visual';
16
- import _objectSpread from '@babel/runtime/helpers/objectSpread2';
17
- import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
18
- import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
19
- import { getJSON } from '@folklore/fetch';
20
21
 
21
22
  var propTypes$3 = {
22
23
  color: PropTypes.string,
@@ -94,9 +95,10 @@ var WatchIcon = function WatchIcon(_ref) {
94
95
  WatchIcon.propTypes = propTypes$2;
95
96
  WatchIcon.defaultProps = defaultProps$2;
96
97
 
97
- var styles = {"container":"micromag-screen-urbania-article-container","empty":"micromag-screen-urbania-article-empty","isVideo":"micromag-screen-urbania-article-isVideo","video":"micromag-screen-urbania-article-video","disabled":"micromag-screen-urbania-article-disabled","hidden":"micromag-screen-urbania-article-hidden","placeholder":"micromag-screen-urbania-article-placeholder","content":"micromag-screen-urbania-article-content","emptyContainer":"micromag-screen-urbania-article-emptyContainer","small":"micromag-screen-urbania-article-small","inner":"micromag-screen-urbania-article-inner","authors":"micromag-screen-urbania-article-authors","overTitle":"micromag-screen-urbania-article-overTitle","title":"micromag-screen-urbania-article-title","sponsors":"micromag-screen-urbania-article-sponsors","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","callToAction":"micromag-screen-urbania-article-callToAction","button":"micromag-screen-urbania-article-button","label":"micromag-screen-urbania-article-label","arrow":"micromag-screen-urbania-article-arrow","mediaControls":"micromag-screen-urbania-article-mediaControls","videoContainer":"micromag-screen-urbania-article-videoContainer","bottomContent":"micromag-screen-urbania-article-bottomContent","bottom":"micromag-screen-urbania-article-bottom","visible":"micromag-screen-urbania-article-visible","withGradient":"micromag-screen-urbania-article-withGradient","isPlaceholder":"micromag-screen-urbania-article-isPlaceholder","visual":"micromag-screen-urbania-article-visual"};
98
+ var styles = {"container":"micromag-screen-urbania-article-container","empty":"micromag-screen-urbania-article-empty","isVideo":"micromag-screen-urbania-article-isVideo","video":"micromag-screen-urbania-article-video","disabled":"micromag-screen-urbania-article-disabled","hidden":"micromag-screen-urbania-article-hidden","placeholder":"micromag-screen-urbania-article-placeholder","content":"micromag-screen-urbania-article-content","emptyContainer":"micromag-screen-urbania-article-emptyContainer","small":"micromag-screen-urbania-article-small","inner":"micromag-screen-urbania-article-inner","authors":"micromag-screen-urbania-article-authors","overTitle":"micromag-screen-urbania-article-overTitle","title":"micromag-screen-urbania-article-title","sponsors":"micromag-screen-urbania-article-sponsors","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","callToAction":"micromag-screen-urbania-article-callToAction","arrow":"micromag-screen-urbania-article-arrow","icon":"micromag-screen-urbania-article-icon","mediaControls":"micromag-screen-urbania-article-mediaControls","videoContainer":"micromag-screen-urbania-article-videoContainer","bottomContent":"micromag-screen-urbania-article-bottomContent","bottom":"micromag-screen-urbania-article-bottom","visible":"micromag-screen-urbania-article-visible","withGradient":"micromag-screen-urbania-article-withGradient","isPlaceholder":"micromag-screen-urbania-article-isPlaceholder","visual":"micromag-screen-urbania-article-visual"};
98
99
 
99
100
  var propTypes$1 = {
101
+ hasArticle: PropTypes.bool,
100
102
  type: PropTypes.oneOf(['article', 'video']),
101
103
  video: PropTypes$1.videoElement,
102
104
  image: PropTypes$1.visualElement,
@@ -116,6 +118,7 @@ var propTypes$1 = {
116
118
  className: PropTypes.string
117
119
  };
118
120
  var defaultProps$1 = {
121
+ hasArticle: false,
119
122
  type: null,
120
123
  video: null,
121
124
  image: null,
@@ -136,9 +139,10 @@ var defaultProps$1 = {
136
139
  };
137
140
 
138
141
  var UrbaniaArticle = function UrbaniaArticle(_ref) {
139
- var _ref9;
142
+ var _ref6;
140
143
 
141
- var type = _ref.type;
144
+ var hasArticle = _ref.hasArticle,
145
+ type = _ref.type;
142
146
  _ref.video;
143
147
  var image = _ref.image,
144
148
  title = _ref.title,
@@ -169,10 +173,8 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
169
173
  contentTop = _ref2.top;
170
174
 
171
175
  var _useMemo = useMemo(function () {
172
- var defaultHeight = width * 0.8; // Think about this
173
-
174
- // Think about this
175
- var difference = height - contentHeight - contentTop;
176
+ var defaultHeight = width * 0.8;
177
+ var difference = height - contentHeight - contentTop + 1;
176
178
 
177
179
  if (difference > defaultHeight) {
178
180
  return {
@@ -199,44 +201,28 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
199
201
  isCapture = _useScreenRenderConte.isCapture;
200
202
 
201
203
  var isVideo = type === 'video';
202
-
203
- var _ref3 = overTitle || {},
204
- _ref3$body = _ref3.body,
205
- overTitleText = _ref3$body === void 0 ? null : _ref3$body;
206
-
207
- var hasOverTitle = overTitleText !== null;
208
-
209
- var _ref4 = title || {},
210
- _ref4$body = _ref4.body,
211
- titleText = _ref4$body === void 0 ? null : _ref4$body;
212
-
213
- var hasTitle = titleText !== null;
214
-
215
- var _ref5 = sponsor || {},
216
- _ref5$body = _ref5.body,
217
- sponsorText = _ref5$body === void 0 ? null : _ref5$body;
218
-
219
- var hasSponsor = sponsorText !== null;
204
+ var hasOverTitle = isTextFilled(overTitle);
205
+ var hasTitle = isTextFilled(title);
206
+ var hasSponsor = isTextFilled(sponsor);
220
207
  var hasAuthors = (authors || []).length > 0 || author !== null;
221
208
 
222
- var _ref6 = author || {},
223
- authorFullName = _ref6.name;
224
-
225
- var _ref7 = authorFullName || {},
226
- authorName = _ref7.body;
209
+ var _ref3 = author || {},
210
+ authorFullName = _ref3.name;
227
211
 
228
- console.log('author', author, authors);
212
+ var _ref4 = authorFullName || {},
213
+ authorName = _ref4.body;
229
214
 
230
- var _ref8 = image || {},
231
- _ref8$url = _ref8.url,
232
- url = _ref8$url === void 0 ? null : _ref8$url;
215
+ var _ref5 = image || {},
216
+ _ref5$url = _ref5.url,
217
+ url = _ref5$url === void 0 ? null : _ref5$url;
233
218
 
234
219
  var hasImage = url !== null;
235
220
  var backgroundPlaying = current && (isView || isEdit);
236
221
  var backgroundShouldLoad = current || active || !isView;
237
222
  var transitionPlaying = current;
238
223
  var transitionDisabled = isStatic || isCapture || isPlaceholder || isPreview || isEdit;
239
- var hasCallToAction = callToAction !== null && callToAction.active === true;
224
+ var hasCallToAction = callToAction !== null && callToAction.active === true; // console.log('hasCTA', hasCallToAction, isEdit);
225
+
240
226
  var items = [/*#__PURE__*/React.createElement(ScreenElement, {
241
227
  key: "overTitle",
242
228
  placeholder: /*#__PURE__*/React.createElement(PlaceholderSubtitle, {
@@ -310,7 +296,7 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
310
296
  "value": "Sponsors"
311
297
  }]
312
298
  }))),
313
- isEmpty: !hasSponsor
299
+ isEmpty: !hasSponsor && !hasArticle
314
300
  }, hasSponsor ? /*#__PURE__*/React.createElement("div", {
315
301
  className: styles.sponsors
316
302
  }, sponsorPrefix !== null ? /*#__PURE__*/React.createElement("span", {
@@ -322,7 +308,7 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
322
308
  return it !== null;
323
309
  });
324
310
  return /*#__PURE__*/React.createElement("div", {
325
- className: classNames([styles.container, (_ref9 = {}, _defineProperty(_ref9, className, className !== null), _defineProperty(_ref9, styles.isVideo, isVideo), _defineProperty(_ref9, styles.isPlaceholder, isPlaceholder), _ref9)]),
311
+ className: classNames([styles.container, (_ref6 = {}, _defineProperty(_ref6, className, className !== null), _defineProperty(_ref6, styles.isVideo, isVideo), _defineProperty(_ref6, styles.isPlaceholder, isPlaceholder), _ref6)]),
326
312
  "data-screen-ready": isStatic || isCapture
327
313
  }, /*#__PURE__*/React.createElement(Background, {
328
314
  background: background,
@@ -380,7 +366,7 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
380
366
  objectFit: {
381
367
  fit: 'cover'
382
368
  }
383
- }) : null, !isPlaceholder && hasCallToAction ? /*#__PURE__*/React.createElement("div", {
369
+ }) : null), !isPlaceholder && hasCallToAction ? /*#__PURE__*/React.createElement("div", {
384
370
  key: "call-to-action"
385
371
  }, /*#__PURE__*/React.createElement(CallToAction, {
386
372
  className: styles.callToAction,
@@ -395,14 +381,200 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
395
381
  height: height
396
382
  },
397
383
  arrow: /*#__PURE__*/React.createElement(Arrow, null),
398
- icon: type === 'video' ? /*#__PURE__*/React.createElement(WatchIcon, null) : null
399
- })) : null)))));
384
+ icon: type === 'video' ? /*#__PURE__*/React.createElement(WatchIcon, {
385
+ className: styles.icon
386
+ }) : null
387
+ })) : null))));
400
388
  };
401
389
 
402
390
  UrbaniaArticle.propTypes = propTypes$1;
403
391
  UrbaniaArticle.defaultProps = defaultProps$1;
404
392
  var UrbaniaArticle$1 = /*#__PURE__*/React.memo(UrbaniaArticle);
405
393
 
394
+ var _excluded = ["url", "article"],
395
+ _excluded2 = ["name", "url"];
396
+ var propTypes = {
397
+ url: PropTypes.string,
398
+ article: PropTypes.shape({
399
+ type: PropTypes.string
400
+ })
401
+ };
402
+ var defaultProps = {
403
+ url: null,
404
+ article: null
405
+ };
406
+
407
+ var UrbaniaLoader = function UrbaniaLoader(_ref) {
408
+ var url = _ref.url,
409
+ initialArticle = _ref.article,
410
+ props = _objectWithoutProperties(_ref, _excluded);
411
+
412
+ var _useState = useState(initialArticle),
413
+ _useState2 = _slicedToArray(_useState, 2),
414
+ article = _useState2[0],
415
+ setArticle = _useState2[1];
416
+
417
+ var hostname = useMemo(function () {
418
+ var _ref2 = url !== null ? new URL(url) : {},
419
+ _ref2$hostname = _ref2.hostname,
420
+ urlHostname = _ref2$hostname === void 0 ? null : _ref2$hostname;
421
+
422
+ return urlHostname;
423
+ }, [url]);
424
+ useEffect(function () {
425
+ if (url !== null) {
426
+ // TODO: fix cors on urbania.ca
427
+ getJSON("".concat(url, ".json"), {
428
+ mode: 'cors'
429
+ }).then(function (art) {
430
+ setArticle(art);
431
+ });
432
+ }
433
+ }, [url, setArticle]);
434
+ var values = useMemo(function () {
435
+ var _ref3 = props || {},
436
+ _ref3$articleType = _ref3.articleType,
437
+ articleType = _ref3$articleType === void 0 ? null : _ref3$articleType,
438
+ _ref3$title = _ref3.title,
439
+ title = _ref3$title === void 0 ? {} : _ref3$title,
440
+ _ref3$overTitle = _ref3.overTitle,
441
+ overTitle = _ref3$overTitle === void 0 ? {} : _ref3$overTitle,
442
+ _ref3$sponsor = _ref3.sponsor,
443
+ sponsor = _ref3$sponsor === void 0 ? {} : _ref3$sponsor,
444
+ _ref3$author = _ref3.author,
445
+ author = _ref3$author === void 0 ? null : _ref3$author,
446
+ _ref3$image = _ref3.image,
447
+ image = _ref3$image === void 0 ? {} : _ref3$image,
448
+ _ref3$video = _ref3.video,
449
+ video = _ref3$video === void 0 ? {} : _ref3$video,
450
+ _ref3$callToAction = _ref3.callToAction,
451
+ callToAction = _ref3$callToAction === void 0 ? null : _ref3$callToAction;
452
+
453
+ var _ref4 = title || {},
454
+ _ref4$body = _ref4.body,
455
+ titleBody = _ref4$body === void 0 ? null : _ref4$body;
456
+
457
+ var _ref5 = overTitle || {},
458
+ _ref5$body = _ref5.body,
459
+ overTitleBody = _ref5$body === void 0 ? null : _ref5$body;
460
+
461
+ var _ref6 = image || {},
462
+ _ref6$url = _ref6.url,
463
+ imageUrl = _ref6$url === void 0 ? null : _ref6$url;
464
+
465
+ var _ref7 = video || {},
466
+ _ref7$media = _ref7.media,
467
+ videoMedia = _ref7$media === void 0 ? null : _ref7$media; // Straight from article
468
+
469
+
470
+ var _ref8 = article || {},
471
+ _ref8$type = _ref8.type,
472
+ type = _ref8$type === void 0 ? null : _ref8$type,
473
+ _ref8$title = _ref8.title,
474
+ articleTitle = _ref8$title === void 0 ? null : _ref8$title,
475
+ _ref8$image = _ref8.image,
476
+ articleImage = _ref8$image === void 0 ? null : _ref8$image,
477
+ _ref8$metadata = _ref8.metadata,
478
+ metadata = _ref8$metadata === void 0 ? {} : _ref8$metadata;
479
+
480
+ var _ref9 = metadata || {},
481
+ _ref9$authors = _ref9.authors,
482
+ authors = _ref9$authors === void 0 ? [] : _ref9$authors,
483
+ _ref9$sponsors = _ref9.sponsors,
484
+ sponsors = _ref9$sponsors === void 0 ? [] : _ref9$sponsors,
485
+ _ref9$site = _ref9.site,
486
+ site = _ref9$site === void 0 ? null : _ref9$site,
487
+ _ref9$canonical = _ref9.canonical,
488
+ canonical = _ref9$canonical === void 0 ? null : _ref9$canonical;
489
+
490
+ var _ref10 = articleImage || {},
491
+ _ref10$sizes = _ref10.sizes,
492
+ sizes = _ref10$sizes === void 0 ? {} : _ref10$sizes;
493
+
494
+ var _ref11 = sizes || {},
495
+ medium = _ref11.medium,
496
+ large = _ref11.large;
497
+
498
+ var hasSponsor = isTextFilled(sponsor); // Type
499
+
500
+ var defaultType = articleType || type; // Sponsors
501
+
502
+ var sponsorPrefix = !hasSponsor ? /*#__PURE__*/React.createElement(FormattedMessage, {
503
+ id: "+TPjd4",
504
+ defaultMessage: [{
505
+ "type": 0,
506
+ "value": "Presented by"
507
+ }]
508
+ }) : null;
509
+ var defaultSponsor = (sponsors || []).length > 0 ? (sponsors || []).map(function (_ref12) {
510
+ var _ref12$name = _ref12.name,
511
+ name = _ref12$name === void 0 ? null : _ref12$name;
512
+ return name;
513
+ }).filter(function (name) {
514
+ return name !== null;
515
+ }).join(', ').trim() : null;
516
+ return {
517
+ type: defaultType,
518
+ title: titleBody !== null ? title : _objectSpread(_objectSpread({}, title), {}, {
519
+ body: articleTitle
520
+ }),
521
+ overTitle: overTitleBody !== null ? overTitle : _objectSpread(_objectSpread({}, overTitle), {}, {
522
+ body: 'En vedette'
523
+ }),
524
+ authors: authors.map(function (_ref13) {
525
+ var _ref13$name = _ref13.name,
526
+ name = _ref13$name === void 0 ? null : _ref13$name,
527
+ _ref13$url = _ref13.url,
528
+ authorUrl = _ref13$url === void 0 ? null : _ref13$url,
529
+ otherProps = _objectWithoutProperties(_ref13, _excluded2);
530
+
531
+ return _objectSpread({
532
+ name: {
533
+ body: "<p>".concat(name, "</p>")
534
+ },
535
+ url: "".concat(hostname).concat(authorUrl)
536
+ }, otherProps);
537
+ }),
538
+ author: author,
539
+ sponsor: !hasSponsor ? _objectSpread(_objectSpread({}, sponsor), {}, {
540
+ body: "<strong>".concat(defaultSponsor, "</strong>")
541
+ }) : sponsor,
542
+ sponsorPrefix: sponsorPrefix,
543
+ site: site,
544
+ image: imageUrl !== null ? image : _objectSpread(_objectSpread({
545
+ type: 'image'
546
+ }, articleImage), {}, {
547
+ sizes: {
548
+ medium: medium,
549
+ large: large
550
+ }
551
+ }),
552
+ video: _objectSpread({}, video),
553
+ callToAction: _objectSpread({
554
+ active: true,
555
+ type: 'swipe-up',
556
+ url: videoMedia !== null ? videoMedia.url : canonical,
557
+ label: defaultType === 'video' ? {
558
+ body: 'Regarder'
559
+ } : {
560
+ body: 'Lire'
561
+ },
562
+ icon: defaultType === 'video' ? {
563
+ id: 'play'
564
+ } : null,
565
+ inWebView: true
566
+ }, callToAction)
567
+ };
568
+ }, [article, url, hostname, props]);
569
+ return /*#__PURE__*/React.createElement(UrbaniaArticle$1, Object.assign({}, props, values, {
570
+ hasArticle: url !== null
571
+ }));
572
+ };
573
+
574
+ UrbaniaLoader.propTypes = propTypes;
575
+ UrbaniaLoader.defaultProps = defaultProps;
576
+ var UrbaniaLoaderScreen = /*#__PURE__*/React.memo(UrbaniaLoader);
577
+
406
578
  var definition = {
407
579
  id: 'urbania-article',
408
580
  type: 'screen',
@@ -424,7 +596,7 @@ var definition = {
424
596
  "value": "Urbania article screen"
425
597
  }]
426
598
  }),
427
- component: UrbaniaArticle$1,
599
+ component: UrbaniaLoaderScreen,
428
600
  fields: [{
429
601
  name: 'url',
430
602
  type: 'url',
@@ -435,6 +607,35 @@ var definition = {
435
607
  "value": "Url"
436
608
  }]
437
609
  })
610
+ }, {
611
+ name: 'articleType',
612
+ type: 'select',
613
+ label: defineMessage({
614
+ id: "ppq6CK",
615
+ defaultMessage: [{
616
+ "type": 0,
617
+ "value": "Type"
618
+ }]
619
+ }),
620
+ options: [{
621
+ value: 'article',
622
+ label: defineMessage({
623
+ id: "pE7UhY",
624
+ defaultMessage: [{
625
+ "type": 0,
626
+ "value": "Article"
627
+ }]
628
+ })
629
+ }, {
630
+ value: 'video',
631
+ label: defineMessage({
632
+ id: "J9e9Qb",
633
+ defaultMessage: [{
634
+ "type": 0,
635
+ "value": "Video"
636
+ }]
637
+ })
638
+ }]
438
639
  }, {
439
640
  name: 'overTitle',
440
641
  type: 'heading-element',
@@ -538,193 +739,12 @@ var definition = {
538
739
  name: 'callToAction',
539
740
  type: 'call-to-action',
540
741
  theme: {
742
+ boxStyle: 'cta',
541
743
  label: {
542
- textStyle: 'heading2'
744
+ textStyle: 'cta'
543
745
  }
544
746
  }
545
747
  }]
546
748
  };
547
749
 
548
- var _excluded = ["url", "article"],
549
- _excluded2 = ["name", "url"];
550
- var propTypes = {
551
- url: PropTypes.string,
552
- article: PropTypes.shape({})
553
- };
554
- var defaultProps = {
555
- url: null,
556
- article: null
557
- };
558
-
559
- var UrbaniaLoader = function UrbaniaLoader(_ref) {
560
- var url = _ref.url,
561
- initialArticle = _ref.article,
562
- props = _objectWithoutProperties(_ref, _excluded);
563
-
564
- var _useState = useState(initialArticle),
565
- _useState2 = _slicedToArray(_useState, 2),
566
- article = _useState2[0],
567
- setArticle = _useState2[1];
568
-
569
- var hostname = useMemo(function () {
570
- var _ref2 = url !== null ? new URL(url) : {},
571
- _ref2$hostname = _ref2.hostname,
572
- urlHostname = _ref2$hostname === void 0 ? null : _ref2$hostname;
573
-
574
- return urlHostname;
575
- }, [url]);
576
- useEffect(function () {
577
- if (url !== null) {
578
- // TODO: fix cors on urbania.ca
579
- getJSON("".concat(url, ".json"), {
580
- mode: 'cors'
581
- }).then(function (art) {
582
- setArticle(art);
583
- });
584
- }
585
- }, [url, setArticle]);
586
- var values = useMemo(function () {
587
- console.log('article', article);
588
-
589
- var _ref3 = props || {},
590
- _ref3$title = _ref3.title,
591
- title = _ref3$title === void 0 ? {} : _ref3$title,
592
- _ref3$overTitle = _ref3.overTitle,
593
- overTitle = _ref3$overTitle === void 0 ? {} : _ref3$overTitle,
594
- _ref3$sponsor = _ref3.sponsor,
595
- sponsor = _ref3$sponsor === void 0 ? {} : _ref3$sponsor,
596
- _ref3$author = _ref3.author,
597
- author = _ref3$author === void 0 ? null : _ref3$author,
598
- _ref3$image = _ref3.image,
599
- image = _ref3$image === void 0 ? {} : _ref3$image,
600
- _ref3$video = _ref3.video,
601
- video = _ref3$video === void 0 ? {} : _ref3$video,
602
- _ref3$callToAction = _ref3.callToAction,
603
- callToAction = _ref3$callToAction === void 0 ? null : _ref3$callToAction;
604
-
605
- var _ref4 = title || {},
606
- _ref4$body = _ref4.body,
607
- titleBody = _ref4$body === void 0 ? null : _ref4$body;
608
-
609
- var _ref5 = overTitle || {},
610
- _ref5$body = _ref5.body,
611
- overTitleBody = _ref5$body === void 0 ? null : _ref5$body;
612
-
613
- var _ref6 = sponsor || {},
614
- _ref6$body = _ref6.body,
615
- sponsorBody = _ref6$body === void 0 ? null : _ref6$body;
616
-
617
- var _ref7 = image || {},
618
- _ref7$url = _ref7.url,
619
- imageUrl = _ref7$url === void 0 ? null : _ref7$url;
620
-
621
- var _ref8 = video || {},
622
- _ref8$media = _ref8.media,
623
- videoMedia = _ref8$media === void 0 ? null : _ref8$media; // Straight from article
624
-
625
-
626
- var _ref9 = article || {},
627
- _ref9$type = _ref9.type,
628
- type = _ref9$type === void 0 ? null : _ref9$type,
629
- _ref9$title = _ref9.title,
630
- articleTitle = _ref9$title === void 0 ? null : _ref9$title,
631
- _ref9$image = _ref9.image,
632
- articleImage = _ref9$image === void 0 ? null : _ref9$image,
633
- _ref9$metadata = _ref9.metadata,
634
- metadata = _ref9$metadata === void 0 ? {} : _ref9$metadata;
635
-
636
- var _ref10 = metadata || {},
637
- _ref10$authors = _ref10.authors,
638
- authors = _ref10$authors === void 0 ? [] : _ref10$authors,
639
- _ref10$sponsors = _ref10.sponsors,
640
- sponsors = _ref10$sponsors === void 0 ? [] : _ref10$sponsors,
641
- _ref10$site = _ref10.site,
642
- site = _ref10$site === void 0 ? null : _ref10$site,
643
- _ref10$canonical = _ref10.canonical,
644
- canonical = _ref10$canonical === void 0 ? null : _ref10$canonical;
645
-
646
- var _ref11 = articleImage || {},
647
- _ref11$sizes = _ref11.sizes,
648
- sizes = _ref11$sizes === void 0 ? {} : _ref11$sizes;
649
-
650
- var _ref12 = sizes || {},
651
- medium = _ref12.medium,
652
- large = _ref12.large; // Sponsors
653
-
654
-
655
- var sponsorPrefix = sponsorBody === null ? /*#__PURE__*/React.createElement(FormattedMessage, {
656
- id: "+TPjd4",
657
- defaultMessage: [{
658
- "type": 0,
659
- "value": "Presented by"
660
- }]
661
- }) : null;
662
- var defaultSponsor = (sponsors || []).length > 0 ? (sponsors || []).map(function (_ref13) {
663
- var _ref13$name = _ref13.name,
664
- name = _ref13$name === void 0 ? null : _ref13$name;
665
- return name;
666
- }).filter(function (name) {
667
- return name !== null;
668
- }).join(', ').trim() : null;
669
- return {
670
- type: type,
671
- title: titleBody !== null ? title : _objectSpread(_objectSpread({}, title), {}, {
672
- body: articleTitle
673
- }),
674
- overTitle: overTitleBody !== null ? overTitle : _objectSpread(_objectSpread({}, overTitle), {}, {
675
- body: 'En vedette'
676
- }),
677
- authors: authors.map(function (_ref14) {
678
- var _ref14$name = _ref14.name,
679
- name = _ref14$name === void 0 ? null : _ref14$name,
680
- _ref14$url = _ref14.url,
681
- authorUrl = _ref14$url === void 0 ? null : _ref14$url,
682
- otherProps = _objectWithoutProperties(_ref14, _excluded2);
683
-
684
- return _objectSpread({
685
- name: {
686
- body: "<p>".concat(name, "</p>")
687
- },
688
- url: "".concat(hostname).concat(authorUrl)
689
- }, otherProps);
690
- }),
691
- author: author,
692
- sponsor: defaultSponsor !== null ? [_objectSpread(_objectSpread({}, sponsor), {}, {
693
- body: "<strong>".concat(defaultSponsor || sponsorBody, "</strong>")
694
- })] : null,
695
- sponsorPrefix: sponsorPrefix,
696
- site: site,
697
- image: imageUrl !== null ? image : _objectSpread(_objectSpread({
698
- type: 'image'
699
- }, articleImage), {}, {
700
- sizes: {
701
- medium: medium,
702
- large: large
703
- }
704
- }),
705
- video: _objectSpread({}, video),
706
- callToAction: _objectSpread({
707
- active: true,
708
- type: 'swipe-up',
709
- url: videoMedia !== null ? videoMedia.url : canonical,
710
- label: type === 'video' ? {
711
- body: 'Regarder'
712
- } : {
713
- body: 'Lire'
714
- },
715
- icon: type === 'video' ? {
716
- id: 'play'
717
- } : null,
718
- inWebView: true
719
- }, callToAction)
720
- };
721
- }, [article, props, hostname]);
722
- console.log('values', values);
723
- return /*#__PURE__*/React.createElement(UrbaniaArticle$1, Object.assign({}, props, values));
724
- };
725
-
726
- UrbaniaLoader.propTypes = propTypes;
727
- UrbaniaLoader.defaultProps = defaultProps;
728
- var UrbaniaLoader$1 = /*#__PURE__*/React.memo(UrbaniaLoader);
729
-
730
- export { UrbaniaLoader$1 as UrbaniaArticle, UrbaniaArticle$1 as UrbaniaBaseArticle, definition as default };
750
+ export { UrbaniaLoaderScreen as UrbaniaArticle, UrbaniaArticle$1 as UrbaniaBaseArticle, definition as default };
package/lib/index.js CHANGED
@@ -3,10 +3,15 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var reactIntl = require('react-intl');
6
- var _defineProperty = require('@babel/runtime/helpers/defineProperty');
7
- var classNames = require('classnames');
6
+ var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
7
+ var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
8
+ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
9
+ var fetch = require('@folklore/fetch');
8
10
  var PropTypes = require('prop-types');
9
11
  var React = require('react');
12
+ var utils = require('@micromag/core/utils');
13
+ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
14
+ var classNames = require('classnames');
10
15
  var core = require('@micromag/core');
11
16
  var components = require('@micromag/core/components');
12
17
  var contexts = require('@micromag/core/contexts');
@@ -17,26 +22,22 @@ var Container = require('@micromag/element-container');
17
22
  var Heading = require('@micromag/element-heading');
18
23
  var UrbaniaAuthor = require('@micromag/element-urbania-author');
19
24
  var Visual = require('@micromag/element-visual');
20
- var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
21
- var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
22
- var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
23
- var fetch = require('@folklore/fetch');
24
25
 
25
26
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
26
27
 
27
- var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
28
- var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
28
+ var _objectSpread__default = /*#__PURE__*/_interopDefaultLegacy(_objectSpread);
29
+ var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
30
+ var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
29
31
  var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
30
32
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
33
+ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
34
+ var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
31
35
  var Background__default = /*#__PURE__*/_interopDefaultLegacy(Background);
32
36
  var CallToAction__default = /*#__PURE__*/_interopDefaultLegacy(CallToAction);
33
37
  var Container__default = /*#__PURE__*/_interopDefaultLegacy(Container);
34
38
  var Heading__default = /*#__PURE__*/_interopDefaultLegacy(Heading);
35
39
  var UrbaniaAuthor__default = /*#__PURE__*/_interopDefaultLegacy(UrbaniaAuthor);
36
40
  var Visual__default = /*#__PURE__*/_interopDefaultLegacy(Visual);
37
- var _objectSpread__default = /*#__PURE__*/_interopDefaultLegacy(_objectSpread);
38
- var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
39
- var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
40
41
 
41
42
  var propTypes$3 = {
42
43
  color: PropTypes__default["default"].string,
@@ -114,9 +115,10 @@ var WatchIcon = function WatchIcon(_ref) {
114
115
  WatchIcon.propTypes = propTypes$2;
115
116
  WatchIcon.defaultProps = defaultProps$2;
116
117
 
117
- var styles = {"container":"micromag-screen-urbania-article-container","empty":"micromag-screen-urbania-article-empty","isVideo":"micromag-screen-urbania-article-isVideo","video":"micromag-screen-urbania-article-video","disabled":"micromag-screen-urbania-article-disabled","hidden":"micromag-screen-urbania-article-hidden","placeholder":"micromag-screen-urbania-article-placeholder","content":"micromag-screen-urbania-article-content","emptyContainer":"micromag-screen-urbania-article-emptyContainer","small":"micromag-screen-urbania-article-small","inner":"micromag-screen-urbania-article-inner","authors":"micromag-screen-urbania-article-authors","overTitle":"micromag-screen-urbania-article-overTitle","title":"micromag-screen-urbania-article-title","sponsors":"micromag-screen-urbania-article-sponsors","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","callToAction":"micromag-screen-urbania-article-callToAction","button":"micromag-screen-urbania-article-button","label":"micromag-screen-urbania-article-label","arrow":"micromag-screen-urbania-article-arrow","mediaControls":"micromag-screen-urbania-article-mediaControls","videoContainer":"micromag-screen-urbania-article-videoContainer","bottomContent":"micromag-screen-urbania-article-bottomContent","bottom":"micromag-screen-urbania-article-bottom","visible":"micromag-screen-urbania-article-visible","withGradient":"micromag-screen-urbania-article-withGradient","isPlaceholder":"micromag-screen-urbania-article-isPlaceholder","visual":"micromag-screen-urbania-article-visual"};
118
+ var styles = {"container":"micromag-screen-urbania-article-container","empty":"micromag-screen-urbania-article-empty","isVideo":"micromag-screen-urbania-article-isVideo","video":"micromag-screen-urbania-article-video","disabled":"micromag-screen-urbania-article-disabled","hidden":"micromag-screen-urbania-article-hidden","placeholder":"micromag-screen-urbania-article-placeholder","content":"micromag-screen-urbania-article-content","emptyContainer":"micromag-screen-urbania-article-emptyContainer","small":"micromag-screen-urbania-article-small","inner":"micromag-screen-urbania-article-inner","authors":"micromag-screen-urbania-article-authors","overTitle":"micromag-screen-urbania-article-overTitle","title":"micromag-screen-urbania-article-title","sponsors":"micromag-screen-urbania-article-sponsors","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","callToAction":"micromag-screen-urbania-article-callToAction","arrow":"micromag-screen-urbania-article-arrow","icon":"micromag-screen-urbania-article-icon","mediaControls":"micromag-screen-urbania-article-mediaControls","videoContainer":"micromag-screen-urbania-article-videoContainer","bottomContent":"micromag-screen-urbania-article-bottomContent","bottom":"micromag-screen-urbania-article-bottom","visible":"micromag-screen-urbania-article-visible","withGradient":"micromag-screen-urbania-article-withGradient","isPlaceholder":"micromag-screen-urbania-article-isPlaceholder","visual":"micromag-screen-urbania-article-visual"};
118
119
 
119
120
  var propTypes$1 = {
121
+ hasArticle: PropTypes__default["default"].bool,
120
122
  type: PropTypes__default["default"].oneOf(['article', 'video']),
121
123
  video: core.PropTypes.videoElement,
122
124
  image: core.PropTypes.visualElement,
@@ -136,6 +138,7 @@ var propTypes$1 = {
136
138
  className: PropTypes__default["default"].string
137
139
  };
138
140
  var defaultProps$1 = {
141
+ hasArticle: false,
139
142
  type: null,
140
143
  video: null,
141
144
  image: null,
@@ -156,9 +159,10 @@ var defaultProps$1 = {
156
159
  };
157
160
 
158
161
  var UrbaniaArticle = function UrbaniaArticle(_ref) {
159
- var _ref9;
162
+ var _ref6;
160
163
 
161
- var type = _ref.type;
164
+ var hasArticle = _ref.hasArticle,
165
+ type = _ref.type;
162
166
  _ref.video;
163
167
  var image = _ref.image,
164
168
  title = _ref.title,
@@ -189,10 +193,8 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
189
193
  contentTop = _ref2.top;
190
194
 
191
195
  var _useMemo = React.useMemo(function () {
192
- var defaultHeight = width * 0.8; // Think about this
193
-
194
- // Think about this
195
- var difference = height - contentHeight - contentTop;
196
+ var defaultHeight = width * 0.8;
197
+ var difference = height - contentHeight - contentTop + 1;
196
198
 
197
199
  if (difference > defaultHeight) {
198
200
  return {
@@ -219,44 +221,28 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
219
221
  isCapture = _useScreenRenderConte.isCapture;
220
222
 
221
223
  var isVideo = type === 'video';
222
-
223
- var _ref3 = overTitle || {},
224
- _ref3$body = _ref3.body,
225
- overTitleText = _ref3$body === void 0 ? null : _ref3$body;
226
-
227
- var hasOverTitle = overTitleText !== null;
228
-
229
- var _ref4 = title || {},
230
- _ref4$body = _ref4.body,
231
- titleText = _ref4$body === void 0 ? null : _ref4$body;
232
-
233
- var hasTitle = titleText !== null;
234
-
235
- var _ref5 = sponsor || {},
236
- _ref5$body = _ref5.body,
237
- sponsorText = _ref5$body === void 0 ? null : _ref5$body;
238
-
239
- var hasSponsor = sponsorText !== null;
224
+ var hasOverTitle = utils.isTextFilled(overTitle);
225
+ var hasTitle = utils.isTextFilled(title);
226
+ var hasSponsor = utils.isTextFilled(sponsor);
240
227
  var hasAuthors = (authors || []).length > 0 || author !== null;
241
228
 
242
- var _ref6 = author || {},
243
- authorFullName = _ref6.name;
244
-
245
- var _ref7 = authorFullName || {},
246
- authorName = _ref7.body;
229
+ var _ref3 = author || {},
230
+ authorFullName = _ref3.name;
247
231
 
248
- console.log('author', author, authors);
232
+ var _ref4 = authorFullName || {},
233
+ authorName = _ref4.body;
249
234
 
250
- var _ref8 = image || {},
251
- _ref8$url = _ref8.url,
252
- url = _ref8$url === void 0 ? null : _ref8$url;
235
+ var _ref5 = image || {},
236
+ _ref5$url = _ref5.url,
237
+ url = _ref5$url === void 0 ? null : _ref5$url;
253
238
 
254
239
  var hasImage = url !== null;
255
240
  var backgroundPlaying = current && (isView || isEdit);
256
241
  var backgroundShouldLoad = current || active || !isView;
257
242
  var transitionPlaying = current;
258
243
  var transitionDisabled = isStatic || isCapture || isPlaceholder || isPreview || isEdit;
259
- var hasCallToAction = callToAction !== null && callToAction.active === true;
244
+ var hasCallToAction = callToAction !== null && callToAction.active === true; // console.log('hasCTA', hasCallToAction, isEdit);
245
+
260
246
  var items = [/*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
261
247
  key: "overTitle",
262
248
  placeholder: /*#__PURE__*/React__default["default"].createElement(components.PlaceholderSubtitle, {
@@ -330,7 +316,7 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
330
316
  "value": "Sponsors"
331
317
  }]
332
318
  }))),
333
- isEmpty: !hasSponsor
319
+ isEmpty: !hasSponsor && !hasArticle
334
320
  }, hasSponsor ? /*#__PURE__*/React__default["default"].createElement("div", {
335
321
  className: styles.sponsors
336
322
  }, sponsorPrefix !== null ? /*#__PURE__*/React__default["default"].createElement("span", {
@@ -342,7 +328,7 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
342
328
  return it !== null;
343
329
  });
344
330
  return /*#__PURE__*/React__default["default"].createElement("div", {
345
- className: classNames__default["default"]([styles.container, (_ref9 = {}, _defineProperty__default["default"](_ref9, className, className !== null), _defineProperty__default["default"](_ref9, styles.isVideo, isVideo), _defineProperty__default["default"](_ref9, styles.isPlaceholder, isPlaceholder), _ref9)]),
331
+ className: classNames__default["default"]([styles.container, (_ref6 = {}, _defineProperty__default["default"](_ref6, className, className !== null), _defineProperty__default["default"](_ref6, styles.isVideo, isVideo), _defineProperty__default["default"](_ref6, styles.isPlaceholder, isPlaceholder), _ref6)]),
346
332
  "data-screen-ready": isStatic || isCapture
347
333
  }, /*#__PURE__*/React__default["default"].createElement(Background__default["default"], {
348
334
  background: background,
@@ -400,7 +386,7 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
400
386
  objectFit: {
401
387
  fit: 'cover'
402
388
  }
403
- }) : null, !isPlaceholder && hasCallToAction ? /*#__PURE__*/React__default["default"].createElement("div", {
389
+ }) : null), !isPlaceholder && hasCallToAction ? /*#__PURE__*/React__default["default"].createElement("div", {
404
390
  key: "call-to-action"
405
391
  }, /*#__PURE__*/React__default["default"].createElement(CallToAction__default["default"], {
406
392
  className: styles.callToAction,
@@ -415,14 +401,200 @@ var UrbaniaArticle = function UrbaniaArticle(_ref) {
415
401
  height: height
416
402
  },
417
403
  arrow: /*#__PURE__*/React__default["default"].createElement(Arrow, null),
418
- icon: type === 'video' ? /*#__PURE__*/React__default["default"].createElement(WatchIcon, null) : null
419
- })) : null)))));
404
+ icon: type === 'video' ? /*#__PURE__*/React__default["default"].createElement(WatchIcon, {
405
+ className: styles.icon
406
+ }) : null
407
+ })) : null))));
420
408
  };
421
409
 
422
410
  UrbaniaArticle.propTypes = propTypes$1;
423
411
  UrbaniaArticle.defaultProps = defaultProps$1;
424
412
  var UrbaniaArticle$1 = /*#__PURE__*/React__default["default"].memo(UrbaniaArticle);
425
413
 
414
+ var _excluded = ["url", "article"],
415
+ _excluded2 = ["name", "url"];
416
+ var propTypes = {
417
+ url: PropTypes__default["default"].string,
418
+ article: PropTypes__default["default"].shape({
419
+ type: PropTypes__default["default"].string
420
+ })
421
+ };
422
+ var defaultProps = {
423
+ url: null,
424
+ article: null
425
+ };
426
+
427
+ var UrbaniaLoader = function UrbaniaLoader(_ref) {
428
+ var url = _ref.url,
429
+ initialArticle = _ref.article,
430
+ props = _objectWithoutProperties__default["default"](_ref, _excluded);
431
+
432
+ var _useState = React.useState(initialArticle),
433
+ _useState2 = _slicedToArray__default["default"](_useState, 2),
434
+ article = _useState2[0],
435
+ setArticle = _useState2[1];
436
+
437
+ var hostname = React.useMemo(function () {
438
+ var _ref2 = url !== null ? new URL(url) : {},
439
+ _ref2$hostname = _ref2.hostname,
440
+ urlHostname = _ref2$hostname === void 0 ? null : _ref2$hostname;
441
+
442
+ return urlHostname;
443
+ }, [url]);
444
+ React.useEffect(function () {
445
+ if (url !== null) {
446
+ // TODO: fix cors on urbania.ca
447
+ fetch.getJSON("".concat(url, ".json"), {
448
+ mode: 'cors'
449
+ }).then(function (art) {
450
+ setArticle(art);
451
+ });
452
+ }
453
+ }, [url, setArticle]);
454
+ var values = React.useMemo(function () {
455
+ var _ref3 = props || {},
456
+ _ref3$articleType = _ref3.articleType,
457
+ articleType = _ref3$articleType === void 0 ? null : _ref3$articleType,
458
+ _ref3$title = _ref3.title,
459
+ title = _ref3$title === void 0 ? {} : _ref3$title,
460
+ _ref3$overTitle = _ref3.overTitle,
461
+ overTitle = _ref3$overTitle === void 0 ? {} : _ref3$overTitle,
462
+ _ref3$sponsor = _ref3.sponsor,
463
+ sponsor = _ref3$sponsor === void 0 ? {} : _ref3$sponsor,
464
+ _ref3$author = _ref3.author,
465
+ author = _ref3$author === void 0 ? null : _ref3$author,
466
+ _ref3$image = _ref3.image,
467
+ image = _ref3$image === void 0 ? {} : _ref3$image,
468
+ _ref3$video = _ref3.video,
469
+ video = _ref3$video === void 0 ? {} : _ref3$video,
470
+ _ref3$callToAction = _ref3.callToAction,
471
+ callToAction = _ref3$callToAction === void 0 ? null : _ref3$callToAction;
472
+
473
+ var _ref4 = title || {},
474
+ _ref4$body = _ref4.body,
475
+ titleBody = _ref4$body === void 0 ? null : _ref4$body;
476
+
477
+ var _ref5 = overTitle || {},
478
+ _ref5$body = _ref5.body,
479
+ overTitleBody = _ref5$body === void 0 ? null : _ref5$body;
480
+
481
+ var _ref6 = image || {},
482
+ _ref6$url = _ref6.url,
483
+ imageUrl = _ref6$url === void 0 ? null : _ref6$url;
484
+
485
+ var _ref7 = video || {},
486
+ _ref7$media = _ref7.media,
487
+ videoMedia = _ref7$media === void 0 ? null : _ref7$media; // Straight from article
488
+
489
+
490
+ var _ref8 = article || {},
491
+ _ref8$type = _ref8.type,
492
+ type = _ref8$type === void 0 ? null : _ref8$type,
493
+ _ref8$title = _ref8.title,
494
+ articleTitle = _ref8$title === void 0 ? null : _ref8$title,
495
+ _ref8$image = _ref8.image,
496
+ articleImage = _ref8$image === void 0 ? null : _ref8$image,
497
+ _ref8$metadata = _ref8.metadata,
498
+ metadata = _ref8$metadata === void 0 ? {} : _ref8$metadata;
499
+
500
+ var _ref9 = metadata || {},
501
+ _ref9$authors = _ref9.authors,
502
+ authors = _ref9$authors === void 0 ? [] : _ref9$authors,
503
+ _ref9$sponsors = _ref9.sponsors,
504
+ sponsors = _ref9$sponsors === void 0 ? [] : _ref9$sponsors,
505
+ _ref9$site = _ref9.site,
506
+ site = _ref9$site === void 0 ? null : _ref9$site,
507
+ _ref9$canonical = _ref9.canonical,
508
+ canonical = _ref9$canonical === void 0 ? null : _ref9$canonical;
509
+
510
+ var _ref10 = articleImage || {},
511
+ _ref10$sizes = _ref10.sizes,
512
+ sizes = _ref10$sizes === void 0 ? {} : _ref10$sizes;
513
+
514
+ var _ref11 = sizes || {},
515
+ medium = _ref11.medium,
516
+ large = _ref11.large;
517
+
518
+ var hasSponsor = utils.isTextFilled(sponsor); // Type
519
+
520
+ var defaultType = articleType || type; // Sponsors
521
+
522
+ var sponsorPrefix = !hasSponsor ? /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
523
+ id: "+TPjd4",
524
+ defaultMessage: [{
525
+ "type": 0,
526
+ "value": "Presented by"
527
+ }]
528
+ }) : null;
529
+ var defaultSponsor = (sponsors || []).length > 0 ? (sponsors || []).map(function (_ref12) {
530
+ var _ref12$name = _ref12.name,
531
+ name = _ref12$name === void 0 ? null : _ref12$name;
532
+ return name;
533
+ }).filter(function (name) {
534
+ return name !== null;
535
+ }).join(', ').trim() : null;
536
+ return {
537
+ type: defaultType,
538
+ title: titleBody !== null ? title : _objectSpread__default["default"](_objectSpread__default["default"]({}, title), {}, {
539
+ body: articleTitle
540
+ }),
541
+ overTitle: overTitleBody !== null ? overTitle : _objectSpread__default["default"](_objectSpread__default["default"]({}, overTitle), {}, {
542
+ body: 'En vedette'
543
+ }),
544
+ authors: authors.map(function (_ref13) {
545
+ var _ref13$name = _ref13.name,
546
+ name = _ref13$name === void 0 ? null : _ref13$name,
547
+ _ref13$url = _ref13.url,
548
+ authorUrl = _ref13$url === void 0 ? null : _ref13$url,
549
+ otherProps = _objectWithoutProperties__default["default"](_ref13, _excluded2);
550
+
551
+ return _objectSpread__default["default"]({
552
+ name: {
553
+ body: "<p>".concat(name, "</p>")
554
+ },
555
+ url: "".concat(hostname).concat(authorUrl)
556
+ }, otherProps);
557
+ }),
558
+ author: author,
559
+ sponsor: !hasSponsor ? _objectSpread__default["default"](_objectSpread__default["default"]({}, sponsor), {}, {
560
+ body: "<strong>".concat(defaultSponsor, "</strong>")
561
+ }) : sponsor,
562
+ sponsorPrefix: sponsorPrefix,
563
+ site: site,
564
+ image: imageUrl !== null ? image : _objectSpread__default["default"](_objectSpread__default["default"]({
565
+ type: 'image'
566
+ }, articleImage), {}, {
567
+ sizes: {
568
+ medium: medium,
569
+ large: large
570
+ }
571
+ }),
572
+ video: _objectSpread__default["default"]({}, video),
573
+ callToAction: _objectSpread__default["default"]({
574
+ active: true,
575
+ type: 'swipe-up',
576
+ url: videoMedia !== null ? videoMedia.url : canonical,
577
+ label: defaultType === 'video' ? {
578
+ body: 'Regarder'
579
+ } : {
580
+ body: 'Lire'
581
+ },
582
+ icon: defaultType === 'video' ? {
583
+ id: 'play'
584
+ } : null,
585
+ inWebView: true
586
+ }, callToAction)
587
+ };
588
+ }, [article, url, hostname, props]);
589
+ return /*#__PURE__*/React__default["default"].createElement(UrbaniaArticle$1, Object.assign({}, props, values, {
590
+ hasArticle: url !== null
591
+ }));
592
+ };
593
+
594
+ UrbaniaLoader.propTypes = propTypes;
595
+ UrbaniaLoader.defaultProps = defaultProps;
596
+ var UrbaniaLoaderScreen = /*#__PURE__*/React__default["default"].memo(UrbaniaLoader);
597
+
426
598
  var definition = {
427
599
  id: 'urbania-article',
428
600
  type: 'screen',
@@ -444,7 +616,7 @@ var definition = {
444
616
  "value": "Urbania article screen"
445
617
  }]
446
618
  }),
447
- component: UrbaniaArticle$1,
619
+ component: UrbaniaLoaderScreen,
448
620
  fields: [{
449
621
  name: 'url',
450
622
  type: 'url',
@@ -455,6 +627,35 @@ var definition = {
455
627
  "value": "Url"
456
628
  }]
457
629
  })
630
+ }, {
631
+ name: 'articleType',
632
+ type: 'select',
633
+ label: reactIntl.defineMessage({
634
+ id: "ppq6CK",
635
+ defaultMessage: [{
636
+ "type": 0,
637
+ "value": "Type"
638
+ }]
639
+ }),
640
+ options: [{
641
+ value: 'article',
642
+ label: reactIntl.defineMessage({
643
+ id: "pE7UhY",
644
+ defaultMessage: [{
645
+ "type": 0,
646
+ "value": "Article"
647
+ }]
648
+ })
649
+ }, {
650
+ value: 'video',
651
+ label: reactIntl.defineMessage({
652
+ id: "J9e9Qb",
653
+ defaultMessage: [{
654
+ "type": 0,
655
+ "value": "Video"
656
+ }]
657
+ })
658
+ }]
458
659
  }, {
459
660
  name: 'overTitle',
460
661
  type: 'heading-element',
@@ -558,195 +759,14 @@ var definition = {
558
759
  name: 'callToAction',
559
760
  type: 'call-to-action',
560
761
  theme: {
762
+ boxStyle: 'cta',
561
763
  label: {
562
- textStyle: 'heading2'
764
+ textStyle: 'cta'
563
765
  }
564
766
  }
565
767
  }]
566
768
  };
567
769
 
568
- var _excluded = ["url", "article"],
569
- _excluded2 = ["name", "url"];
570
- var propTypes = {
571
- url: PropTypes__default["default"].string,
572
- article: PropTypes__default["default"].shape({})
573
- };
574
- var defaultProps = {
575
- url: null,
576
- article: null
577
- };
578
-
579
- var UrbaniaLoader = function UrbaniaLoader(_ref) {
580
- var url = _ref.url,
581
- initialArticle = _ref.article,
582
- props = _objectWithoutProperties__default["default"](_ref, _excluded);
583
-
584
- var _useState = React.useState(initialArticle),
585
- _useState2 = _slicedToArray__default["default"](_useState, 2),
586
- article = _useState2[0],
587
- setArticle = _useState2[1];
588
-
589
- var hostname = React.useMemo(function () {
590
- var _ref2 = url !== null ? new URL(url) : {},
591
- _ref2$hostname = _ref2.hostname,
592
- urlHostname = _ref2$hostname === void 0 ? null : _ref2$hostname;
593
-
594
- return urlHostname;
595
- }, [url]);
596
- React.useEffect(function () {
597
- if (url !== null) {
598
- // TODO: fix cors on urbania.ca
599
- fetch.getJSON("".concat(url, ".json"), {
600
- mode: 'cors'
601
- }).then(function (art) {
602
- setArticle(art);
603
- });
604
- }
605
- }, [url, setArticle]);
606
- var values = React.useMemo(function () {
607
- console.log('article', article);
608
-
609
- var _ref3 = props || {},
610
- _ref3$title = _ref3.title,
611
- title = _ref3$title === void 0 ? {} : _ref3$title,
612
- _ref3$overTitle = _ref3.overTitle,
613
- overTitle = _ref3$overTitle === void 0 ? {} : _ref3$overTitle,
614
- _ref3$sponsor = _ref3.sponsor,
615
- sponsor = _ref3$sponsor === void 0 ? {} : _ref3$sponsor,
616
- _ref3$author = _ref3.author,
617
- author = _ref3$author === void 0 ? null : _ref3$author,
618
- _ref3$image = _ref3.image,
619
- image = _ref3$image === void 0 ? {} : _ref3$image,
620
- _ref3$video = _ref3.video,
621
- video = _ref3$video === void 0 ? {} : _ref3$video,
622
- _ref3$callToAction = _ref3.callToAction,
623
- callToAction = _ref3$callToAction === void 0 ? null : _ref3$callToAction;
624
-
625
- var _ref4 = title || {},
626
- _ref4$body = _ref4.body,
627
- titleBody = _ref4$body === void 0 ? null : _ref4$body;
628
-
629
- var _ref5 = overTitle || {},
630
- _ref5$body = _ref5.body,
631
- overTitleBody = _ref5$body === void 0 ? null : _ref5$body;
632
-
633
- var _ref6 = sponsor || {},
634
- _ref6$body = _ref6.body,
635
- sponsorBody = _ref6$body === void 0 ? null : _ref6$body;
636
-
637
- var _ref7 = image || {},
638
- _ref7$url = _ref7.url,
639
- imageUrl = _ref7$url === void 0 ? null : _ref7$url;
640
-
641
- var _ref8 = video || {},
642
- _ref8$media = _ref8.media,
643
- videoMedia = _ref8$media === void 0 ? null : _ref8$media; // Straight from article
644
-
645
-
646
- var _ref9 = article || {},
647
- _ref9$type = _ref9.type,
648
- type = _ref9$type === void 0 ? null : _ref9$type,
649
- _ref9$title = _ref9.title,
650
- articleTitle = _ref9$title === void 0 ? null : _ref9$title,
651
- _ref9$image = _ref9.image,
652
- articleImage = _ref9$image === void 0 ? null : _ref9$image,
653
- _ref9$metadata = _ref9.metadata,
654
- metadata = _ref9$metadata === void 0 ? {} : _ref9$metadata;
655
-
656
- var _ref10 = metadata || {},
657
- _ref10$authors = _ref10.authors,
658
- authors = _ref10$authors === void 0 ? [] : _ref10$authors,
659
- _ref10$sponsors = _ref10.sponsors,
660
- sponsors = _ref10$sponsors === void 0 ? [] : _ref10$sponsors,
661
- _ref10$site = _ref10.site,
662
- site = _ref10$site === void 0 ? null : _ref10$site,
663
- _ref10$canonical = _ref10.canonical,
664
- canonical = _ref10$canonical === void 0 ? null : _ref10$canonical;
665
-
666
- var _ref11 = articleImage || {},
667
- _ref11$sizes = _ref11.sizes,
668
- sizes = _ref11$sizes === void 0 ? {} : _ref11$sizes;
669
-
670
- var _ref12 = sizes || {},
671
- medium = _ref12.medium,
672
- large = _ref12.large; // Sponsors
673
-
674
-
675
- var sponsorPrefix = sponsorBody === null ? /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
676
- id: "+TPjd4",
677
- defaultMessage: [{
678
- "type": 0,
679
- "value": "Presented by"
680
- }]
681
- }) : null;
682
- var defaultSponsor = (sponsors || []).length > 0 ? (sponsors || []).map(function (_ref13) {
683
- var _ref13$name = _ref13.name,
684
- name = _ref13$name === void 0 ? null : _ref13$name;
685
- return name;
686
- }).filter(function (name) {
687
- return name !== null;
688
- }).join(', ').trim() : null;
689
- return {
690
- type: type,
691
- title: titleBody !== null ? title : _objectSpread__default["default"](_objectSpread__default["default"]({}, title), {}, {
692
- body: articleTitle
693
- }),
694
- overTitle: overTitleBody !== null ? overTitle : _objectSpread__default["default"](_objectSpread__default["default"]({}, overTitle), {}, {
695
- body: 'En vedette'
696
- }),
697
- authors: authors.map(function (_ref14) {
698
- var _ref14$name = _ref14.name,
699
- name = _ref14$name === void 0 ? null : _ref14$name,
700
- _ref14$url = _ref14.url,
701
- authorUrl = _ref14$url === void 0 ? null : _ref14$url,
702
- otherProps = _objectWithoutProperties__default["default"](_ref14, _excluded2);
703
-
704
- return _objectSpread__default["default"]({
705
- name: {
706
- body: "<p>".concat(name, "</p>")
707
- },
708
- url: "".concat(hostname).concat(authorUrl)
709
- }, otherProps);
710
- }),
711
- author: author,
712
- sponsor: defaultSponsor !== null ? [_objectSpread__default["default"](_objectSpread__default["default"]({}, sponsor), {}, {
713
- body: "<strong>".concat(defaultSponsor || sponsorBody, "</strong>")
714
- })] : null,
715
- sponsorPrefix: sponsorPrefix,
716
- site: site,
717
- image: imageUrl !== null ? image : _objectSpread__default["default"](_objectSpread__default["default"]({
718
- type: 'image'
719
- }, articleImage), {}, {
720
- sizes: {
721
- medium: medium,
722
- large: large
723
- }
724
- }),
725
- video: _objectSpread__default["default"]({}, video),
726
- callToAction: _objectSpread__default["default"]({
727
- active: true,
728
- type: 'swipe-up',
729
- url: videoMedia !== null ? videoMedia.url : canonical,
730
- label: type === 'video' ? {
731
- body: 'Regarder'
732
- } : {
733
- body: 'Lire'
734
- },
735
- icon: type === 'video' ? {
736
- id: 'play'
737
- } : null,
738
- inWebView: true
739
- }, callToAction)
740
- };
741
- }, [article, props, hostname]);
742
- console.log('values', values);
743
- return /*#__PURE__*/React__default["default"].createElement(UrbaniaArticle$1, Object.assign({}, props, values));
744
- };
745
-
746
- UrbaniaLoader.propTypes = propTypes;
747
- UrbaniaLoader.defaultProps = defaultProps;
748
- var UrbaniaLoader$1 = /*#__PURE__*/React__default["default"].memo(UrbaniaLoader);
749
-
750
- exports.UrbaniaArticle = UrbaniaLoader$1;
770
+ exports.UrbaniaArticle = UrbaniaLoaderScreen;
751
771
  exports.UrbaniaBaseArticle = UrbaniaArticle$1;
752
772
  exports["default"] = definition;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-urbania-article",
3
- "version": "0.3.61",
3
+ "version": "0.3.65",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "javascript"
@@ -51,18 +51,18 @@
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.61",
55
- "@micromag/element-background": "^0.3.61",
56
- "@micromag/element-call-to-action": "^0.3.61",
57
- "@micromag/element-closed-captions": "^0.3.61",
58
- "@micromag/element-container": "^0.3.61",
59
- "@micromag/element-heading": "^0.3.61",
60
- "@micromag/element-image": "^0.3.61",
61
- "@micromag/element-media-controls": "^0.3.61",
62
- "@micromag/element-urbania-author": "^0.3.61",
63
- "@micromag/element-video": "^0.3.61",
64
- "@micromag/element-visual": "^0.3.61",
65
- "@micromag/transforms": "^0.3.61",
54
+ "@micromag/core": "^0.3.64",
55
+ "@micromag/element-background": "^0.3.64",
56
+ "@micromag/element-call-to-action": "^0.3.65",
57
+ "@micromag/element-closed-captions": "^0.3.64",
58
+ "@micromag/element-container": "^0.3.64",
59
+ "@micromag/element-heading": "^0.3.64",
60
+ "@micromag/element-image": "^0.3.64",
61
+ "@micromag/element-media-controls": "^0.3.64",
62
+ "@micromag/element-urbania-author": "^0.3.64",
63
+ "@micromag/element-video": "^0.3.64",
64
+ "@micromag/element-visual": "^0.3.64",
65
+ "@micromag/transforms": "^0.3.64",
66
66
  "classnames": "^2.2.6",
67
67
  "lodash": "^4.17.21",
68
68
  "prop-types": "^15.7.2",
@@ -72,5 +72,5 @@
72
72
  "publishConfig": {
73
73
  "access": "public"
74
74
  },
75
- "gitHead": "d6066e12f37c8516f07172ea225667d28dca6434"
75
+ "gitHead": "aa150c0fbb32c481b04e4c98863b7656db714845"
76
76
  }