@micromag/screen-urbania-horoscope 0.3.58

package/assets/css/styles.css

@@ -0,0 +1 @@
+.micromag-screen-urbania-horoscope-container{position:relative;width:100%;height:100%;overflow:hidden}.micromag-screen-urbania-horoscope-disabled.micromag-screen-urbania-horoscope-container{overflow:hidden;pointer-events:none}.micromag-screen-urbania-horoscope-hidden.micromag-screen-urbania-horoscope-container{display:none;visibility:hidden}.micromag-screen-urbania-horoscope-placeholder.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-content{position:relative;padding:6px}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-emptyText,.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-emptyTitle{margin:5px auto;border:2px dashed #343434;color:#343434;width:100%;margin:10px auto}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-emptyTitle{height:100px}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-emptyText{height:50px}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-textCard{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;border:2px solid #000;color:#000;text-align:center}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-textCard.micromag-screen-urbania-horoscope-isPlaceholder{height:200px;background-color:#adadad}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-category{padding:14px 10px 12px;font-family:Agrandir Tight,sans-serif;font-size:28px;font-weight:900;text-transform:uppercase}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-categoryPlaceholder{padding:10px;background-color:#343434}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-title{color:#0ff;font-family:Agrandir Tight,sans-serif;font-size:48px;font-weight:700;letter-spacing:-1px;text-shadow:-3px -3px 0 #000f66;text-transform:uppercase;-webkit-text-stroke:1px #000f66}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-sponsorPlaceholder{padding:10px}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-description{padding:10px;font-family:Roboto,sans-serif;font-size:12px;text-align:left}.micromag-screen-urbania-horoscope-container .micromag-screen-urbania-horoscope-descriptionPlaceholder{padding:10px 10px 30px}.micromag-screen-urbania-horoscope-container.micromag-screen-urbania-horoscope-isPlaceholder .micromag-screen-urbania-horoscope-layout{padding:10px}

package/es/index.js

@@ -0,0 +1,480 @@
+import { defineMessage, FormattedMessage } from 'react-intl';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectSpread from '@babel/runtime/helpers/objectSpread2';
+import classNames from 'classnames';
+import PropTypes from 'prop-types';
+import React, { useState, useCallback } from 'react';
+import { PropTypes as PropTypes$1 } from '@micromag/core';
+import { ScreenElement, PlaceholderTitle, PlaceholderText, TransitionsStagger } from '@micromag/core/components';
+import { useScreenSize, useViewer, useScreenRenderContext } from '@micromag/core/contexts';
+import { useTrackScreenEvent } from '@micromag/core/hooks';
+import { isTextFilled } from '@micromag/core/utils';
+import Background from '@micromag/element-background';
+import CallToAction from '@micromag/element-call-to-action';
+import Container from '@micromag/element-container';
+import Heading from '@micromag/element-heading';
+import Layout from '@micromag/element-layout';
+import Scroll from '@micromag/element-scroll';
+import Text from '@micromag/element-text';
+
+var img = "data:image/png;base64,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AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgPD+X4ABAGSO36agQ9DaAAAAAElFTkSuQmCC";
+
+var signsImages = {
+  aries: img
+};
+
+var signs = [{
+  id: 'aries',
+  label: defineMessage({
+    id: "/PJA/1",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Aries"
+    }]
+  })
+}, {
+  id: 'taurus',
+  label: defineMessage({
+    id: "XKcyqx",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Taurus"
+    }]
+  })
+}, {
+  id: 'gemini',
+  label: defineMessage({
+    id: "4g35M0",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Gemini"
+    }]
+  })
+}, {
+  id: 'cancer',
+  label: defineMessage({
+    id: "0acGK7",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Cancer"
+    }]
+  })
+}, {
+  id: 'leo',
+  label: defineMessage({
+    id: "EEUc6n",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Leo"
+    }]
+  })
+}, {
+  id: 'virgo',
+  label: defineMessage({
+    id: "6bd963",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Virgo"
+    }]
+  })
+}, {
+  id: 'libra',
+  label: defineMessage({
+    id: "M/FGRs",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Libra"
+    }]
+  })
+}, {
+  id: 'scorpio',
+  label: defineMessage({
+    id: "YyPYHk",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Scorpio"
+    }]
+  })
+}, {
+  id: 'sagittarius',
+  label: defineMessage({
+    id: "7mMPO4",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Sagittarius"
+    }]
+  })
+}, {
+  id: 'capricorn',
+  label: defineMessage({
+    id: "NumcrW",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Capricorn"
+    }]
+  })
+}, {
+  id: 'aquarius',
+  label: defineMessage({
+    id: "fBii8l",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Aquarius"
+    }]
+  })
+}, {
+  id: 'pieces',
+  label: defineMessage({
+    id: "dxAumJ",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Pisces"
+    }]
+  })
+}];
+
+var styles = {"container":"micromag-screen-urbania-horoscope-container","disabled":"micromag-screen-urbania-horoscope-disabled","hidden":"micromag-screen-urbania-horoscope-hidden","placeholder":"micromag-screen-urbania-horoscope-placeholder","content":"micromag-screen-urbania-horoscope-content","emptyText":"micromag-screen-urbania-horoscope-emptyText","emptyTitle":"micromag-screen-urbania-horoscope-emptyTitle","textCard":"micromag-screen-urbania-horoscope-textCard","isPlaceholder":"micromag-screen-urbania-horoscope-isPlaceholder","category":"micromag-screen-urbania-horoscope-category","categoryPlaceholder":"micromag-screen-urbania-horoscope-categoryPlaceholder","title":"micromag-screen-urbania-horoscope-title","sponsorPlaceholder":"micromag-screen-urbania-horoscope-sponsorPlaceholder","description":"micromag-screen-urbania-horoscope-description","descriptionPlaceholder":"micromag-screen-urbania-horoscope-descriptionPlaceholder","layout":"micromag-screen-urbania-horoscope-layout"};
+
+var propTypes = {
+  defaultSigns: PropTypes.arrayOf(PropTypes.shape({
+    id: PropTypes.string,
+    label: PropTypes.string
+  })),
+  signs: PropTypes.arrayOf(PropTypes.shape({
+    id: PropTypes.string,
+    label: PropTypes.string,
+    word: PropTypes$1.headingElement,
+    description: PropTypes$1.textElement
+  })),
+  category: PropTypes$1.headingElement,
+  title: PropTypes$1.headingElement,
+  description: PropTypes$1.textElement,
+  spacing: PropTypes.number,
+  background: PropTypes$1.backgroundElement,
+  callToAction: PropTypes$1.callToAction,
+  current: PropTypes.bool,
+  active: PropTypes.bool,
+  transitions: PropTypes$1.transitions,
+  transitionStagger: PropTypes.number,
+  className: PropTypes.string
+};
+var defaultProps = {
+  defaultSigns: signs,
+  signs: null,
+  category: null,
+  title: null,
+  description: null,
+  spacing: 20,
+  background: null,
+  callToAction: null,
+  current: true,
+  active: true,
+  transitions: null,
+  transitionStagger: 100,
+  className: null
+};
+
+var Horoscope = function Horoscope(_ref) {
+  var _ref3, _ref4;
+
+  var defaultSigns = _ref.defaultSigns,
+      signsValue = _ref.signs,
+      category = _ref.category,
+      title = _ref.title,
+      description = _ref.description,
+      spacing = _ref.spacing,
+      background = _ref.background,
+      callToAction = _ref.callToAction,
+      current = _ref.current,
+      active = _ref.active,
+      transitions = _ref.transitions,
+      transitionStagger = _ref.transitionStagger,
+      className = _ref.className;
+  var signs = defaultSigns.map(function (sign, index) {
+    return _objectSpread(_objectSpread(_objectSpread({}, sign), signsValue !== null && signsValue[index] ? signsValue[index] || null : null), {}, {
+      image: signsImages[sign.id] ? signsImages[sign.id] : null
+    });
+  });
+  console.log(signs);
+  var trackScreenEvent = useTrackScreenEvent();
+
+  var _useScreenSize = useScreenSize(),
+      width = _useScreenSize.width,
+      height = _useScreenSize.height,
+      menuOverScreen = _useScreenSize.menuOverScreen;
+
+  var _useViewer = useViewer(),
+      menuSize = _useViewer.menuSize;
+
+  var _useScreenRenderConte = useScreenRenderContext(),
+      isView = _useScreenRenderConte.isView,
+      isPreview = _useScreenRenderConte.isPreview,
+      isPlaceholder = _useScreenRenderConte.isPlaceholder,
+      isEdit = _useScreenRenderConte.isEdit,
+      isStatic = _useScreenRenderConte.isStatic,
+      isCapture = _useScreenRenderConte.isCapture;
+
+  var hasCategory = isTextFilled(category);
+  var hasTitle = isTextFilled(title);
+  var hasDescription = isTextFilled(description);
+  var onlyCategory = hasCategory && !hasTitle && !hasDescription;
+  var transitionPlaying = current;
+  var transitionDisabled = isStatic || isCapture || isPlaceholder || isPreview || isEdit;
+  var scrollingDisabled = !isEdit && transitionDisabled || !current;
+  var backgroundPlaying = current && (isView || isEdit);
+  var backgroundShouldLoad = current || active || !isView;
+  var hasCallToAction = callToAction !== null && callToAction.active === true;
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      scrolledBottom = _useState2[0],
+      setScrolledBottom = _useState2[1];
+
+  var onScrolledBottom = useCallback(function (_ref2) {
+    var initial = _ref2.initial;
+
+    if (initial) {
+      trackScreenEvent('scroll', 'Screen');
+    }
+
+    setScrolledBottom(true);
+  }, [trackScreenEvent]);
+  var onScrolledNotBottom = useCallback(function () {
+    setScrolledBottom(false);
+  }, [setScrolledBottom]); // Create elements
+
+  var items = [
+  /*#__PURE__*/
+  // !isPlaceholder ? <Spacer key="spacer-cta-top" /> : null,
+  React.createElement(ScreenElement, {
+    key: "title",
+    placeholder: /*#__PURE__*/React.createElement(PlaceholderTitle, {
+      className: styles.categoryPlaceholder
+    }),
+    emptyLabel: /*#__PURE__*/React.createElement(FormattedMessage, {
+      id: "2ZOPe+",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Title"
+      }]
+    }),
+    emptyClassName: styles.emptyText,
+    isEmpty: !hasTitle
+  }, /*#__PURE__*/React.createElement(Heading, Object.assign({
+    className: classNames([styles.title, (_ref3 = {}, _defineProperty(_ref3, className, className !== null), _defineProperty(_ref3, styles.noBottomBorder, onlyCategory), _ref3)])
+  }, title))), /*#__PURE__*/React.createElement(ScreenElement, {
+    key: "description",
+    placeholder: /*#__PURE__*/React.createElement(PlaceholderText, {
+      className: styles.descriptionPlaceholder
+    }),
+    emptyLabel: /*#__PURE__*/React.createElement(FormattedMessage, {
+      id: "EQdIAR",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Description"
+      }]
+    }),
+    emptyClassName: styles.emptyText,
+    isEmpty: !hasDescription
+  }, hasDescription ? /*#__PURE__*/React.createElement(Text, Object.assign({
+    className: styles.description
+  }, description)) : null), // !isPlaceholder ? <Spacer key="spacer-cta-bottom" /> : null,
+  !isPlaceholder && hasCallToAction ? /*#__PURE__*/React.createElement("div", {
+    style: {
+      margin: -spacing,
+      marginTop: '10px'
+    },
+    key: "call-to-action"
+  }, /*#__PURE__*/React.createElement(CallToAction, {
+    callToAction: callToAction,
+    disabled: !scrolledBottom,
+    animationDisabled: isPreview,
+    focusable: current && isView,
+    screenSize: {
+      width: width,
+      height: height
+    }
+  })) : null].filter(function (el) {
+    return el !== null;
+  });
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames([styles.container, (_ref4 = {}, _defineProperty(_ref4, className, className !== null), _defineProperty(_ref4, styles.isPlaceholder, isPlaceholder), _ref4)]),
+    "data-screen-ready": true
+  }, !isPlaceholder ? /*#__PURE__*/React.createElement(Background, {
+    background: background,
+    width: width,
+    height: height,
+    playing: backgroundPlaying,
+    shouldLoad: backgroundShouldLoad
+  }) : null, /*#__PURE__*/React.createElement(Container, {
+    width: width,
+    height: height
+  }, /*#__PURE__*/React.createElement(Scroll, {
+    disabled: scrollingDisabled,
+    onScrolledBottom: onScrolledBottom,
+    onScrolledNotBottom: onScrolledNotBottom,
+    verticalAlign: "middle"
+  }, /*#__PURE__*/React.createElement(Layout, {
+    className: styles.layout,
+    style: !isPlaceholder ? {
+      padding: spacing,
+      paddingTop: (menuOverScreen && !isPreview ? menuSize : 0) + spacing
+    } : null
+  }, /*#__PURE__*/React.createElement(TransitionsStagger, {
+    transitions: transitions,
+    stagger: transitionStagger,
+    disabled: transitionDisabled,
+    playing: transitionPlaying
+  }, items)))));
+};
+
+Horoscope.propTypes = propTypes;
+Horoscope.defaultProps = defaultProps;
+var Horoscope$1 = /*#__PURE__*/React.memo(Horoscope);
+
+var definition = [{
+  id: 'urbania-horoscope',
+  type: 'screen',
+  namespaces: ['urbania'],
+  group: {
+    label: defineMessage({
+      id: "oPjl8f",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Urbania"
+      }]
+    }),
+    order: 10
+  },
+  title: defineMessage({
+    id: "8bYfFG",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Urbania horoscope screen"
+    }]
+  }),
+  component: Horoscope$1,
+  fields: [{
+    name: 'title',
+    type: 'heading-element',
+    theme: {
+      textStyle: 'heading1'
+    },
+    label: defineMessage({
+      id: "N25iDO",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Title"
+      }]
+    })
+  }, {
+    name: 'description',
+    type: 'text-element',
+    theme: {
+      textStyle: 'text'
+    },
+    label: defineMessage({
+      id: "Y7bs1v",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Description"
+      }]
+    })
+  }, {
+    name: 'author',
+    type: 'author-element',
+    theme: {
+      textStyle: 'text'
+    },
+    label: defineMessage({
+      id: "73hxYw",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Author"
+      }]
+    })
+  }, {
+    name: 'signs',
+    component: 'items',
+    theme: {
+      textStyle: 'text'
+    },
+    label: defineMessage({
+      id: "J6cnbt",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Signs"
+      }]
+    }),
+    defaultValue: signs,
+    withoutSort: true,
+    withoutAddItem: true,
+    withoutDeleteItem: true,
+    itemsField: {
+      type: 'field-with-form',
+      breadcrumbLabel: defineMessage({
+        id: "12wlTR",
+        defaultMessage: [{
+          "type": 0,
+          "value": "Sign"
+        }]
+      }),
+      labelPath: 'id',
+      fields: [{
+        name: 'word',
+        type: 'heading-element',
+        label: defineMessage({
+          id: "fLdjGi",
+          defaultMessage: [{
+            "type": 0,
+            "value": "Word of the week"
+          }]
+        })
+      }, {
+        name: 'description',
+        type: 'text-element',
+        label: defineMessage({
+          id: "ZCe0r4",
+          defaultMessage: [{
+            "type": 0,
+            "value": "Description"
+          }]
+        })
+      }]
+    }
+  }, {
+    name: 'button',
+    type: 'button-element',
+    theme: {
+      textStyle: 'button'
+    },
+    label: defineMessage({
+      id: "i6bmbD",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Button"
+      }]
+    })
+  }, {
+    name: 'background',
+    type: 'background',
+    label: defineMessage({
+      id: "+MPZRu",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Background"
+      }]
+    })
+  }, {
+    name: 'callToAction',
+    type: 'call-to-action',
+    theme: {
+      label: {
+        textStyle: 'heading2'
+      }
+    }
+  }]
+}];
+
+export { Horoscope$1 as Horoscope, definition as default };

package/lib/index.js

@@ -0,0 +1,501 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var reactIntl = require('react-intl');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
+var classNames = require('classnames');
+var PropTypes = require('prop-types');
+var React = require('react');
+var core = require('@micromag/core');
+var components = require('@micromag/core/components');
+var contexts = require('@micromag/core/contexts');
+var hooks = require('@micromag/core/hooks');
+var utils = require('@micromag/core/utils');
+var Background = require('@micromag/element-background');
+var CallToAction = require('@micromag/element-call-to-action');
+var Container = require('@micromag/element-container');
+var Heading = require('@micromag/element-heading');
+var Layout = require('@micromag/element-layout');
+var Scroll = require('@micromag/element-scroll');
+var Text = require('@micromag/element-text');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
+var _objectSpread__default = /*#__PURE__*/_interopDefaultLegacy(_objectSpread);
+var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var Background__default = /*#__PURE__*/_interopDefaultLegacy(Background);
+var CallToAction__default = /*#__PURE__*/_interopDefaultLegacy(CallToAction);
+var Container__default = /*#__PURE__*/_interopDefaultLegacy(Container);
+var Heading__default = /*#__PURE__*/_interopDefaultLegacy(Heading);
+var Layout__default = /*#__PURE__*/_interopDefaultLegacy(Layout);
+var Scroll__default = /*#__PURE__*/_interopDefaultLegacy(Scroll);
+var Text__default = /*#__PURE__*/_interopDefaultLegacy(Text);
+
+var img = "data:image/png;base64,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AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgPD+X4ABAGSO36agQ9DaAAAAAElFTkSuQmCC";
+
+var signsImages = {
+  aries: img
+};
+
+var signs = [{
+  id: 'aries',
+  label: reactIntl.defineMessage({
+    id: "/PJA/1",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Aries"
+    }]
+  })
+}, {
+  id: 'taurus',
+  label: reactIntl.defineMessage({
+    id: "XKcyqx",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Taurus"
+    }]
+  })
+}, {
+  id: 'gemini',
+  label: reactIntl.defineMessage({
+    id: "4g35M0",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Gemini"
+    }]
+  })
+}, {
+  id: 'cancer',
+  label: reactIntl.defineMessage({
+    id: "0acGK7",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Cancer"
+    }]
+  })
+}, {
+  id: 'leo',
+  label: reactIntl.defineMessage({
+    id: "EEUc6n",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Leo"
+    }]
+  })
+}, {
+  id: 'virgo',
+  label: reactIntl.defineMessage({
+    id: "6bd963",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Virgo"
+    }]
+  })
+}, {
+  id: 'libra',
+  label: reactIntl.defineMessage({
+    id: "M/FGRs",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Libra"
+    }]
+  })
+}, {
+  id: 'scorpio',
+  label: reactIntl.defineMessage({
+    id: "YyPYHk",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Scorpio"
+    }]
+  })
+}, {
+  id: 'sagittarius',
+  label: reactIntl.defineMessage({
+    id: "7mMPO4",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Sagittarius"
+    }]
+  })
+}, {
+  id: 'capricorn',
+  label: reactIntl.defineMessage({
+    id: "NumcrW",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Capricorn"
+    }]
+  })
+}, {
+  id: 'aquarius',
+  label: reactIntl.defineMessage({
+    id: "fBii8l",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Aquarius"
+    }]
+  })
+}, {
+  id: 'pieces',
+  label: reactIntl.defineMessage({
+    id: "dxAumJ",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Pisces"
+    }]
+  })
+}];
+
+var styles = {"container":"micromag-screen-urbania-horoscope-container","disabled":"micromag-screen-urbania-horoscope-disabled","hidden":"micromag-screen-urbania-horoscope-hidden","placeholder":"micromag-screen-urbania-horoscope-placeholder","content":"micromag-screen-urbania-horoscope-content","emptyText":"micromag-screen-urbania-horoscope-emptyText","emptyTitle":"micromag-screen-urbania-horoscope-emptyTitle","textCard":"micromag-screen-urbania-horoscope-textCard","isPlaceholder":"micromag-screen-urbania-horoscope-isPlaceholder","category":"micromag-screen-urbania-horoscope-category","categoryPlaceholder":"micromag-screen-urbania-horoscope-categoryPlaceholder","title":"micromag-screen-urbania-horoscope-title","sponsorPlaceholder":"micromag-screen-urbania-horoscope-sponsorPlaceholder","description":"micromag-screen-urbania-horoscope-description","descriptionPlaceholder":"micromag-screen-urbania-horoscope-descriptionPlaceholder","layout":"micromag-screen-urbania-horoscope-layout"};
+
+var propTypes = {
+  defaultSigns: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
+    id: PropTypes__default["default"].string,
+    label: PropTypes__default["default"].string
+  })),
+  signs: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
+    id: PropTypes__default["default"].string,
+    label: PropTypes__default["default"].string,
+    word: core.PropTypes.headingElement,
+    description: core.PropTypes.textElement
+  })),
+  category: core.PropTypes.headingElement,
+  title: core.PropTypes.headingElement,
+  description: core.PropTypes.textElement,
+  spacing: PropTypes__default["default"].number,
+  background: core.PropTypes.backgroundElement,
+  callToAction: core.PropTypes.callToAction,
+  current: PropTypes__default["default"].bool,
+  active: PropTypes__default["default"].bool,
+  transitions: core.PropTypes.transitions,
+  transitionStagger: PropTypes__default["default"].number,
+  className: PropTypes__default["default"].string
+};
+var defaultProps = {
+  defaultSigns: signs,
+  signs: null,
+  category: null,
+  title: null,
+  description: null,
+  spacing: 20,
+  background: null,
+  callToAction: null,
+  current: true,
+  active: true,
+  transitions: null,
+  transitionStagger: 100,
+  className: null
+};
+
+var Horoscope = function Horoscope(_ref) {
+  var _ref3, _ref4;
+
+  var defaultSigns = _ref.defaultSigns,
+      signsValue = _ref.signs,
+      category = _ref.category,
+      title = _ref.title,
+      description = _ref.description,
+      spacing = _ref.spacing,
+      background = _ref.background,
+      callToAction = _ref.callToAction,
+      current = _ref.current,
+      active = _ref.active,
+      transitions = _ref.transitions,
+      transitionStagger = _ref.transitionStagger,
+      className = _ref.className;
+  var signs = defaultSigns.map(function (sign, index) {
+    return _objectSpread__default["default"](_objectSpread__default["default"](_objectSpread__default["default"]({}, sign), signsValue !== null && signsValue[index] ? signsValue[index] || null : null), {}, {
+      image: signsImages[sign.id] ? signsImages[sign.id] : null
+    });
+  });
+  console.log(signs);
+  var trackScreenEvent = hooks.useTrackScreenEvent();
+
+  var _useScreenSize = contexts.useScreenSize(),
+      width = _useScreenSize.width,
+      height = _useScreenSize.height,
+      menuOverScreen = _useScreenSize.menuOverScreen;
+
+  var _useViewer = contexts.useViewer(),
+      menuSize = _useViewer.menuSize;
+
+  var _useScreenRenderConte = contexts.useScreenRenderContext(),
+      isView = _useScreenRenderConte.isView,
+      isPreview = _useScreenRenderConte.isPreview,
+      isPlaceholder = _useScreenRenderConte.isPlaceholder,
+      isEdit = _useScreenRenderConte.isEdit,
+      isStatic = _useScreenRenderConte.isStatic,
+      isCapture = _useScreenRenderConte.isCapture;
+
+  var hasCategory = utils.isTextFilled(category);
+  var hasTitle = utils.isTextFilled(title);
+  var hasDescription = utils.isTextFilled(description);
+  var onlyCategory = hasCategory && !hasTitle && !hasDescription;
+  var transitionPlaying = current;
+  var transitionDisabled = isStatic || isCapture || isPlaceholder || isPreview || isEdit;
+  var scrollingDisabled = !isEdit && transitionDisabled || !current;
+  var backgroundPlaying = current && (isView || isEdit);
+  var backgroundShouldLoad = current || active || !isView;
+  var hasCallToAction = callToAction !== null && callToAction.active === true;
+
+  var _useState = React.useState(false),
+      _useState2 = _slicedToArray__default["default"](_useState, 2),
+      scrolledBottom = _useState2[0],
+      setScrolledBottom = _useState2[1];
+
+  var onScrolledBottom = React.useCallback(function (_ref2) {
+    var initial = _ref2.initial;
+
+    if (initial) {
+      trackScreenEvent('scroll', 'Screen');
+    }
+
+    setScrolledBottom(true);
+  }, [trackScreenEvent]);
+  var onScrolledNotBottom = React.useCallback(function () {
+    setScrolledBottom(false);
+  }, [setScrolledBottom]); // Create elements
+
+  var items = [
+  /*#__PURE__*/
+  // !isPlaceholder ? <Spacer key="spacer-cta-top" /> : null,
+  React__default["default"].createElement(components.ScreenElement, {
+    key: "title",
+    placeholder: /*#__PURE__*/React__default["default"].createElement(components.PlaceholderTitle, {
+      className: styles.categoryPlaceholder
+    }),
+    emptyLabel: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
+      id: "2ZOPe+",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Title"
+      }]
+    }),
+    emptyClassName: styles.emptyText,
+    isEmpty: !hasTitle
+  }, /*#__PURE__*/React__default["default"].createElement(Heading__default["default"], Object.assign({
+    className: classNames__default["default"]([styles.title, (_ref3 = {}, _defineProperty__default["default"](_ref3, className, className !== null), _defineProperty__default["default"](_ref3, styles.noBottomBorder, onlyCategory), _ref3)])
+  }, title))), /*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
+    key: "description",
+    placeholder: /*#__PURE__*/React__default["default"].createElement(components.PlaceholderText, {
+      className: styles.descriptionPlaceholder
+    }),
+    emptyLabel: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
+      id: "EQdIAR",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Description"
+      }]
+    }),
+    emptyClassName: styles.emptyText,
+    isEmpty: !hasDescription
+  }, hasDescription ? /*#__PURE__*/React__default["default"].createElement(Text__default["default"], Object.assign({
+    className: styles.description
+  }, description)) : null), // !isPlaceholder ? <Spacer key="spacer-cta-bottom" /> : null,
+  !isPlaceholder && hasCallToAction ? /*#__PURE__*/React__default["default"].createElement("div", {
+    style: {
+      margin: -spacing,
+      marginTop: '10px'
+    },
+    key: "call-to-action"
+  }, /*#__PURE__*/React__default["default"].createElement(CallToAction__default["default"], {
+    callToAction: callToAction,
+    disabled: !scrolledBottom,
+    animationDisabled: isPreview,
+    focusable: current && isView,
+    screenSize: {
+      width: width,
+      height: height
+    }
+  })) : null].filter(function (el) {
+    return el !== null;
+  });
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classNames__default["default"]([styles.container, (_ref4 = {}, _defineProperty__default["default"](_ref4, className, className !== null), _defineProperty__default["default"](_ref4, styles.isPlaceholder, isPlaceholder), _ref4)]),
+    "data-screen-ready": true
+  }, !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(Background__default["default"], {
+    background: background,
+    width: width,
+    height: height,
+    playing: backgroundPlaying,
+    shouldLoad: backgroundShouldLoad
+  }) : null, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
+    width: width,
+    height: height
+  }, /*#__PURE__*/React__default["default"].createElement(Scroll__default["default"], {
+    disabled: scrollingDisabled,
+    onScrolledBottom: onScrolledBottom,
+    onScrolledNotBottom: onScrolledNotBottom,
+    verticalAlign: "middle"
+  }, /*#__PURE__*/React__default["default"].createElement(Layout__default["default"], {
+    className: styles.layout,
+    style: !isPlaceholder ? {
+      padding: spacing,
+      paddingTop: (menuOverScreen && !isPreview ? menuSize : 0) + spacing
+    } : null
+  }, /*#__PURE__*/React__default["default"].createElement(components.TransitionsStagger, {
+    transitions: transitions,
+    stagger: transitionStagger,
+    disabled: transitionDisabled,
+    playing: transitionPlaying
+  }, items)))));
+};
+
+Horoscope.propTypes = propTypes;
+Horoscope.defaultProps = defaultProps;
+var Horoscope$1 = /*#__PURE__*/React__default["default"].memo(Horoscope);
+
+var definition = [{
+  id: 'urbania-horoscope',
+  type: 'screen',
+  namespaces: ['urbania'],
+  group: {
+    label: reactIntl.defineMessage({
+      id: "oPjl8f",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Urbania"
+      }]
+    }),
+    order: 10
+  },
+  title: reactIntl.defineMessage({
+    id: "8bYfFG",
+    defaultMessage: [{
+      "type": 0,
+      "value": "Urbania horoscope screen"
+    }]
+  }),
+  component: Horoscope$1,
+  fields: [{
+    name: 'title',
+    type: 'heading-element',
+    theme: {
+      textStyle: 'heading1'
+    },
+    label: reactIntl.defineMessage({
+      id: "N25iDO",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Title"
+      }]
+    })
+  }, {
+    name: 'description',
+    type: 'text-element',
+    theme: {
+      textStyle: 'text'
+    },
+    label: reactIntl.defineMessage({
+      id: "Y7bs1v",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Description"
+      }]
+    })
+  }, {
+    name: 'author',
+    type: 'author-element',
+    theme: {
+      textStyle: 'text'
+    },
+    label: reactIntl.defineMessage({
+      id: "73hxYw",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Author"
+      }]
+    })
+  }, {
+    name: 'signs',
+    component: 'items',
+    theme: {
+      textStyle: 'text'
+    },
+    label: reactIntl.defineMessage({
+      id: "J6cnbt",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Signs"
+      }]
+    }),
+    defaultValue: signs,
+    withoutSort: true,
+    withoutAddItem: true,
+    withoutDeleteItem: true,
+    itemsField: {
+      type: 'field-with-form',
+      breadcrumbLabel: reactIntl.defineMessage({
+        id: "12wlTR",
+        defaultMessage: [{
+          "type": 0,
+          "value": "Sign"
+        }]
+      }),
+      labelPath: 'id',
+      fields: [{
+        name: 'word',
+        type: 'heading-element',
+        label: reactIntl.defineMessage({
+          id: "fLdjGi",
+          defaultMessage: [{
+            "type": 0,
+            "value": "Word of the week"
+          }]
+        })
+      }, {
+        name: 'description',
+        type: 'text-element',
+        label: reactIntl.defineMessage({
+          id: "ZCe0r4",
+          defaultMessage: [{
+            "type": 0,
+            "value": "Description"
+          }]
+        })
+      }]
+    }
+  }, {
+    name: 'button',
+    type: 'button-element',
+    theme: {
+      textStyle: 'button'
+    },
+    label: reactIntl.defineMessage({
+      id: "i6bmbD",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Button"
+      }]
+    })
+  }, {
+    name: 'background',
+    type: 'background',
+    label: reactIntl.defineMessage({
+      id: "+MPZRu",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Background"
+      }]
+    })
+  }, {
+    name: 'callToAction',
+    type: 'call-to-action',
+    theme: {
+      label: {
+        textStyle: 'heading2'
+      }
+    }
+  }]
+}];
+
+exports.Horoscope = Horoscope$1;
+exports["default"] = definition;

package/package.json

@@ -0,0 +1,73 @@
+{
+    "name": "@micromag/screen-urbania-horoscope",
+    "version": "0.3.58",
+    "description": "",
+    "keywords": [
+        "javascript"
+    ],
+    "homepage": "https://github.com/urbania-media/micromag-js",
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/urbania-media/micromag-js.git"
+    },
+    "author": {
+        "name": "Folklore",
+        "email": "info@folklore.email"
+    },
+    "contributors": [
+        {
+            "name": "David Mongeau-Petitpas",
+            "email": "dmp@folklore.email"
+        },
+        {
+            "name": "Nicolas Roy-Bourdages",
+            "email": "nrb@folklore.email"
+        },
+        {
+            "name": "Joseph Blais",
+            "email": "joseph@folklore.email"
+        }
+    ],
+    "license": "ISC",
+    "main": "lib/index.js",
+    "module": "es/index.js",
+    "files": [
+        "lib",
+        "es",
+        "assets"
+    ],
+    "scripts": {
+        "prepare": "../../scripts/prepare-package.sh"
+    },
+    "devDependencies": {
+        "react": "^16.8.0 || ^17.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0"
+    },
+    "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0"
+    },
+    "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@micromag/core": "^0.3.58",
+        "@micromag/element-background": "^0.3.58",
+        "@micromag/element-button": "^0.3.58",
+        "@micromag/element-call-to-action": "^0.3.58",
+        "@micromag/element-container": "^0.3.58",
+        "@micromag/element-grid": "^0.3.58",
+        "@micromag/element-heading": "^0.3.58",
+        "@micromag/element-layout": "^0.3.58",
+        "@micromag/element-scroll": "^0.3.58",
+        "@micromag/element-text": "^0.3.58",
+        "@micromag/transforms": "^0.3.58",
+        "classnames": "^2.2.6",
+        "lodash": "^4.17.21",
+        "prop-types": "^15.7.2",
+        "react-intl": "^5.12.1",
+        "uuid": "^8.3.2"
+    },
+    "publishConfig": {
+        "access": "public"
+    },
+    "gitHead": "80fc5af53d50e031d2516967d52ca61e789d52de"
+}