@lideralia/alife-uikit 1.1.375 → 1.1.376

package/dist/atoms/ImageLogo/ImageLogo.js

@@ -0,0 +1,61 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ImageLogo = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _useWindowSize2 = _interopRequireDefault(require("../../utils/useWindowSize"));
+
+var _Layout = require("../Layout");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var ImageLogo = function ImageLogo(props) {
+  var src = props.src,
+      srcSet = props.srcSet;
+  var placeholder = (0, _react.useRef)();
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      showImage = _useState2[0],
+      setShowImage = _useState2[1];
+
+  var _useWindowSize = (0, _useWindowSize2.default)(),
+      width = _useWindowSize.width;
+
+  var flexWidth = 5 / 12 * 100;
+  flexWidth = flexWidth + "%";
+  return _react.default.createElement(_Layout.Flex, {
+    style: {
+      height: '48px',
+      display: 'flex',
+      flexGrow: '1'
+    },
+    alignItems: "center"
+  }, _react.default.createElement("img", {
+    style: {
+      objectFit: "contain",
+      objectPosition: "left"
+    },
+    width: "100%",
+    height: "100%",
+    src: "https://s3-eu-west-1.amazonaws.com/alife-cdn-test/m/company/11897/b767_efe8ee304b87b6decfbcf3f07b0a1cca.png"
+  }));
+};
+
+exports.ImageLogo = ImageLogo;
+ImageLogo.defaultProps = {
+  src: '',
+  srcSet: ''
+};

package/dist/atoms/ImageLogo/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ImageLogo", {
+  enumerable: true,
+  get: function get() {
+    return _ImageLogo.ImageLogo;
+  }
+});
+
+var _ImageLogo = require("./ImageLogo");

package/dist/organisms/Cards/Ceremony.js

@@ -37,7 +37,7 @@ var _CarouselScroll = require("../../molecules/CarouselScroll");
 
 var _PlaceholderLoad = require("../../atoms/PlaceholderLoad");
 
-var _excluded = ["isAdmin", "numAttendees", "confirmed", "pictures", "pictureMap", "urlMap", "userCanAttend"];
+var _excluded = ["isAdmin", "numAttendees", "confirmed", "pictures", "pictureMap", "urlMap", "userCanAttend", "hasStreaming"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -56,6 +56,7 @@ var CardCeremony = function CardCeremony(props) {
       pictureMap = props.pictureMap,
       urlMap = props.urlMap,
       userCanAttend = props.userCanAttend,
+      hasStreaming = props.hasStreaming,
       rest = (0, _objectWithoutProperties2.default)(props, _excluded);
   return _react.default.createElement(_Card.Card, (0, _extends2.default)({
     width: "339px",
@@ -76,7 +77,7 @@ var CardCeremony = function CardCeremony(props) {
     borderTopStyle: "solid",
     borderTopWidth: "1px",
     borderTopColor: "black12"
-  })), !confirmed && userCanAttend && _react.default.createElement(CardCeremony.Assistants, props), isAdmin && numAttendees && _react.default.createElement(CardCeremony.Attendees, props));
+  })), !confirmed && userCanAttend && _react.default.createElement(CardCeremony.Assistants, props), isAdmin && numAttendees && _react.default.createElement(CardCeremony.Attendees, props), hasStreaming && _react.default.createElement(CardCeremony.HasStreaming, props));
 };
 
 exports.CardCeremony = CardCeremony;
@@ -256,7 +257,7 @@ CardCeremony.GeneralInfo = function (_ref2) {
       maxWidth: '260px',
       overflow: 'hidden'
     }
-  }, "Inicio: ", eventDateStart === null || eventDateStart === void 0 ? void 0 : eventDateStart.readableStringDateNoYearShortMonth, ", ", showAmFormat ? eventDateStart === null || eventDateStart === void 0 ? void 0 : eventDateStart.readableTimeAmPm : eventDateStart === null || eventDateStart === void 0 ? void 0 : eventDateStart.readableTime) : _react.default.createElement(_PlaceholderLoad.PlaceholderLoad, {
+  }, "Inicio: ", eventDateStart === null || eventDateStart === void 0 ? void 0 : eventDateStart.readableStringDateNoYearShortMonth, ",", ' ', showAmFormat ? eventDateStart === null || eventDateStart === void 0 ? void 0 : eventDateStart.readableTimeAmPm : eventDateStart === null || eventDateStart === void 0 ? void 0 : eventDateStart.readableTime) : _react.default.createElement(_PlaceholderLoad.PlaceholderLoad, {
     height: "24px",
     width: "90px"
   })), eventDateEnd ? _react.default.createElement(_Layout.Flex, {
@@ -274,7 +275,7 @@ CardCeremony.GeneralInfo = function (_ref2) {
       maxWidth: '260px',
       overflow: 'hidden'
     }
-  }, "Fin: ", eventDateEnd === null || eventDateEnd === void 0 ? void 0 : eventDateEnd.readableStringDateNoYearShortMonth, ", ", showAmFormat ? eventDateEnd === null || eventDateEnd === void 0 ? void 0 : eventDateEnd.readableTimeAmPm : eventDateEnd === null || eventDateEnd === void 0 ? void 0 : eventDateEnd.readableTime)) : _react.default.createElement(_react.default.Fragment, null)), _react.default.createElement(_Layout.Box, {
+  }, "Fin: ", eventDateEnd === null || eventDateEnd === void 0 ? void 0 : eventDateEnd.readableStringDateNoYearShortMonth, ",", ' ', showAmFormat ? eventDateEnd === null || eventDateEnd === void 0 ? void 0 : eventDateEnd.readableTimeAmPm : eventDateEnd === null || eventDateEnd === void 0 ? void 0 : eventDateEnd.readableTime)) : _react.default.createElement(_react.default.Fragment, null)), _react.default.createElement(_Layout.Box, {
     marginBottom: 3
   }, eventRoom && _react.default.createElement(_Typography.Text, {
     sizeText: "display16",
@@ -398,4 +399,76 @@ CardCeremony.Attendees = function (_ref6) {
       return actionSeeAttendees && actionSeeAttendees();
     }
   }, _react.default.createElement(_Icons.IconSee, null)));
+};
+
+CardCeremony.HasStreaming = function (_ref7) {
+  var hasUser = _ref7.hasUser,
+      onLogin = _ref7.onLogin,
+      textTitleStreaming = _ref7.textTitleStreaming,
+      textBodyStreamingWithUser = _ref7.textBodyStreamingWithUser,
+      textBodyStreamingNoUser = _ref7.textBodyStreamingNoUser,
+      textButtonStreaming = _ref7.textButtonStreaming;
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      isOpened = _useState4[0],
+      setIsOpened = _useState4[1];
+
+  return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_Layout.Flex, {
+    flexDirection: "column",
+    style: {
+      borderRadius: '0px 0px 18px 18px',
+      backgroundColor: 'rgba(242, 180, 64, 0.12)'
+    }
+  }, _react.default.createElement(_Layout.Flex, {
+    width: "100%",
+    padding: 3,
+    borderTopColor: "black12",
+    borderTopStyle: "solid",
+    borderTopWidth: "1px",
+    justifyContent: "space-between"
+  }, _react.default.createElement(_Icon.Icon, {
+    color: "yellow",
+    sizeIcon: "display16"
+  }, _react.default.createElement(_Icons.IconVideo, null)), _react.default.createElement(_Typography.Text, {
+    color: "black84",
+    fontWeight: "bold",
+    sizeText: "display13"
+  }, textTitleStreaming), _react.default.createElement(_Pill.Pill, {
+    onClick: function onClick() {
+      setIsOpened(!isOpened);
+    },
+    padding: 0,
+    borderRadius: 7,
+    backgroundColor: "transparent"
+  }, _react.default.createElement(_Icon.Icon, {
+    color: "black60",
+    sizeIcon: "display16"
+  }, !isOpened ? _react.default.createElement(_Icons.IconInfoCircle, null) : _react.default.createElement(_Icons.IconCloseCircle, null)))), isOpened && _react.default.createElement(_Layout.Flex, {
+    width: "100%",
+    padding: 3,
+    paddingTop: 0,
+    paddingLeft: 7,
+    justifyContent: "space-between",
+    flexDirection: "column"
+  }, hasUser ? _react.default.createElement(_Typography.Text, {
+    color: "black84",
+    fontWeight: "bold",
+    sizeText: "display13"
+  }, textBodyStreamingWithUser) : _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_Typography.Text, {
+    color: "black84",
+    fontWeight: "bold",
+    sizeText: "display13"
+  }, textBodyStreamingNoUser), _react.default.createElement(_Button.Button, {
+    colorType: "green",
+    marginTop: 2,
+    width: "60%",
+    minWidth: "60%",
+    maxWidth: "100%",
+    minHeight: "48px",
+    sizeButton: "small",
+    action: function action() {
+      return onLogin();
+    }
+  }, textButtonStreaming)), _react.default.createElement(_Icons.IconInfoCircle, null))));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lideralia/alife-uikit",
-  "version": "1.1.375",
+  "version": "1.1.376",
   "description": "Librería y documentación de componentes, basada en el Design System de Alife.",
   "homepage": "https://github.com/lideralia/alife-frontend-components#readme",
   "bugs": {