@lideralia/alife-uikit 1.1.217 → 1.1.221

package/dist/atoms/Loader/Loader.js

@@ -16,12 +16,15 @@ var _Overlay = require("../Overlay");
 var _styles = require("./styles");
 
 var Loader = function Loader(_ref) {
-  var customColor = _ref.customColor;
+  var customColor = _ref.customColor,
+      width = _ref.width,
+      height = _ref.height,
+      position = _ref.position;
   return _react.default.createElement(_Layout.Flex, {
-    width: "100%",
-    height: "100vh",
+    width: width,
+    height: height,
     justifyContent: "center",
-    position: "fixed",
+    position: position,
     top: 0,
     left: 0,
     zIndex: 10,
@@ -60,7 +63,10 @@ var LoaderAnimation = function LoaderAnimation(_ref2) {
 
 exports.LoaderAnimation = LoaderAnimation;
 Loader.defaultProps = {
-  customColor: null
+  customColor: null,
+  width: "100%",
+  height: "100vh",
+  position: "fixed"
 };
 LoaderAnimation.defaultProps = {
   customColor: null

package/dist/atoms/Loader/LoaderFour.js

@@ -0,0 +1,77 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LoaderFour = exports.LoaderAnimation = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Layout = require("../Layout");
+
+var _Overlay = require("../Overlay");
+
+var _styles = require("./styles");
+
+var LoaderFour = function LoaderFour(_ref) {
+  var customColor = _ref.customColor,
+      width = _ref.width,
+      height = _ref.height,
+      position = _ref.position;
+  return _react.default.createElement(_Layout.Flex, {
+    width: width,
+    height: height,
+    justifyContent: "center",
+    position: position,
+    top: 0,
+    left: 0,
+    zIndex: 10,
+    style: {
+      pointerEvents: 'none'
+    }
+  }, _react.default.createElement(_Overlay.Overlay, {
+    backgroundColor: "black12"
+  }), _react.default.createElement(_styles.LoaderFourStyledAnimation, {
+    alignItems: "center",
+    justifyContent: "center"
+  }, _react.default.createElement(_styles.LoaderFourStyled, {
+    customColor: "#EC3C4E"
+  }), _react.default.createElement(_styles.LoaderFourStyled, {
+    customColor: "#F27E30"
+  }), _react.default.createElement(_styles.LoaderFourStyled, {
+    customColor: "#F2B440"
+  }), _react.default.createElement(_styles.LoaderFourStyled, {
+    customColor: "#A0B454"
+  })));
+};
+
+exports.LoaderFour = LoaderFour;
+
+var LoaderAnimation = function LoaderAnimation(_ref2) {
+  var customColor = _ref2.customColor;
+  return _react.default.createElement(_styles.LoaderFourStyledAnimation, {
+    alignItems: "center",
+    justifyContent: "center"
+  }, _react.default.createElement(_styles.LoaderFourStyled, {
+    customColor: customColor
+  }), _react.default.createElement(_styles.LoaderFourStyled, {
+    customColor: customColor
+  }), _react.default.createElement(_styles.LoaderFourStyled, {
+    customColor: customColor
+  }), _react.default.createElement(_styles.LoaderFourStyled, {
+    customColor: customColor
+  }));
+};
+
+exports.LoaderAnimation = LoaderAnimation;
+LoaderFour.defaultProps = {
+  customColor: null,
+  width: "100%",
+  height: "100vh",
+  position: "fixed"
+};
+LoaderAnimation.defaultProps = {
+  customColor: null
+};

package/dist/atoms/Loader/index.js

@@ -15,5 +15,13 @@ Object.defineProperty(exports, "LoaderAnimation", {
     return _Loader.LoaderAnimation;
   }
 });
+Object.defineProperty(exports, "LoaderFour", {
+  enumerable: true,
+  get: function get() {
+    return _LoaderFour.LoaderFour;
+  }
+});
+
+var _Loader = require("./Loader");
 
-var _Loader = require("./Loader");
+var _LoaderFour = require("./LoaderFour");

package/dist/atoms/Loader/styles.js

@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.LoaderStyledAnimation = exports.LoaderStyled = void 0;
+exports.LoaderStyledAnimation = exports.LoaderStyled = exports.LoaderFourStyledAnimation = exports.LoaderFourStyled = void 0;
 
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
@@ -40,8 +40,25 @@ var LoaderStyled = (0, _styledComponents.default)(LoaderCustom).withConfig({
   marginY: 3
 }));
 exports.LoaderStyled = LoaderStyled;
+var LoaderFourStyled = (0, _styledComponents.default)(LoaderCustom).withConfig({
+  displayName: "styles__LoaderFourStyled",
+  componentId: "sc-90e8iv-2"
+})((0, _css.default)({
+  display: 'inline-block',
+  width: '15px',
+  height: '15px',
+  borderRadius: 9,
+  marginX: 1,
+  marginY: 3
+}));
+exports.LoaderFourStyled = LoaderFourStyled;
 var LoaderStyledAnimation = (0, _styledComponents.default)(_Layout.Flex).withConfig({
   displayName: "styles__LoaderStyledAnimation",
-  componentId: "sc-90e8iv-2"
+  componentId: "sc-90e8iv-3"
 })(["z-index:5;span:nth-child(1){animation:", " 1s ease-in-out infinite;}span:nth-child(2){animation:", " 1s ease-in-out 0.33s infinite;}span:nth-child(3){animation:", " 1s ease-in-out 0.66s infinite;}"], loaderAnimation, loaderAnimation, loaderAnimation);
-exports.LoaderStyledAnimation = LoaderStyledAnimation;
+exports.LoaderStyledAnimation = LoaderStyledAnimation;
+var LoaderFourStyledAnimation = (0, _styledComponents.default)(_Layout.Flex).withConfig({
+  displayName: "styles__LoaderFourStyledAnimation",
+  componentId: "sc-90e8iv-4"
+})(["z-index:5;span:nth-child(1){animation:", " 2s ease-in-out infinite;}span:nth-child(2){animation:", " 2s ease-in-out 0.5s infinite;}span:nth-child(3){animation:", " 2s ease-in-out 1.0s infinite;}span:nth-child(4){animation:", " 2s ease-in-out 1.5s infinite;}"], loaderAnimation, loaderAnimation, loaderAnimation, loaderAnimation);
+exports.LoaderFourStyledAnimation = LoaderFourStyledAnimation;

package/dist/organisms/Cards/Ceremony.js

@@ -188,7 +188,8 @@ CardCeremony.GeneralInfo = function (_ref2) {
       eventDateEnd = _ref2.eventDateEnd,
       timerange = _ref2.timerange,
       eventRoom = _ref2.eventRoom,
-      eventInfo = _ref2.eventInfo;
+      eventInfo = _ref2.eventInfo,
+      showAmFormat = _ref2.showAmFormat;
   return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_Layout.Box, {
     paddingBottom: 1,
     paddingX: 3
@@ -203,7 +204,7 @@ CardCeremony.GeneralInfo = function (_ref2) {
     }
   }, venueName || _react.default.createElement(_PlaceholderLoad.PlaceholderLoad, {
     height: "24px"
-  })), (eventDateStart === null || eventDateStart === void 0 ? void 0 : eventDateStart.readableDate) === (eventDateEnd === null || eventDateEnd === void 0 ? void 0 : eventDateEnd.readableDate) ? _react.default.createElement(_Layout.Flex, {
+  })), (eventDateStart === null || eventDateStart === void 0 ? void 0 : eventDateStart.readableDate) === (eventDateEnd === null || eventDateEnd === void 0 ? void 0 : eventDateEnd.readableDate) && false ? _react.default.createElement(_Layout.Flex, {
     justifyContent: "space-between",
     marginY: 1
   }, _react.default.createElement(_Layout.Flex, {
@@ -221,7 +222,7 @@ CardCeremony.GeneralInfo = function (_ref2) {
       maxWidth: '167px',
       overflow: 'hidden'
     }
-  }, (eventDateStart === null || eventDateStart === void 0 ? void 0 : eventDateStart.readableStringDateNoYear) || _react.default.createElement(_PlaceholderLoad.PlaceholderLoad, {
+  }, (eventDateStart === null || eventDateStart === void 0 ? void 0 : eventDateStart.readableStringDateNoYearShortMonth) || _react.default.createElement(_PlaceholderLoad.PlaceholderLoad, {
     height: "24px",
     width: "90px"
   }))), _react.default.createElement(_Layout.Flex, {
@@ -253,7 +254,7 @@ CardCeremony.GeneralInfo = function (_ref2) {
       maxWidth: '260px',
       overflow: 'hidden'
     }
-  }, "Inicio: ", eventDateStart === null || eventDateStart === void 0 ? void 0 : eventDateStart.readableStringDateNoYear, ", ", 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, {
@@ -271,7 +272,7 @@ CardCeremony.GeneralInfo = function (_ref2) {
       maxWidth: '260px',
       overflow: 'hidden'
     }
-  }, "Fin: ", eventDateEnd === null || eventDateEnd === void 0 ? void 0 : eventDateEnd.readableStringDateNoYear, ", ", 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 ? eventDateStart === null || eventDateStart === void 0 ? void 0 : eventDateStart.readableTimeAmPm : eventDateStart === null || eventDateStart === void 0 ? void 0 : eventDateStart.readableTime)) : _react.default.createElement(_react.default.Fragment, null)), _react.default.createElement(_Layout.Box, {
     marginBottom: 3
   }, eventRoom && _react.default.createElement(_Typography.Text, {
     sizeText: "display16",

package/dist/organisms/Modals/PaymentConfirmation.js

@@ -0,0 +1,90 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ModalPaymentConfirmation = void 0;
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Layout = require("../../atoms/Layout");
+
+var _Modal = require("../../molecules/Modal");
+
+var _Typography = require("../../atoms/Typography");
+
+var _Icons = require("../../atoms/Icons");
+
+var _Icon = require("../../atoms/Icon");
+
+var _LoaderFour = require("../../atoms/Loader/LoaderFour");
+
+var _excluded = ["id", "isOpen", "onModalClose", "onModalBack", "title", "description"];
+
+var ModalPaymentConfirmation = function ModalPaymentConfirmation(_ref) {
+  var id = _ref.id,
+      isOpen = _ref.isOpen,
+      onModalClose = _ref.onModalClose,
+      onModalBack = _ref.onModalBack,
+      title = _ref.title,
+      description = _ref.description,
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return _react.default.createElement(_Modal.Modal, {
+    width: "339px",
+    id: id,
+    isOpen: isOpen,
+    duration: 100,
+    hasError: 0,
+    onModalClose: onModalClose,
+    marginX: 0,
+    marginY: 0,
+    onModalBack: onModalBack || function () {},
+    closeWithButton: false,
+    backWithButton: false,
+    title: false
+  }, _react.default.createElement(_Modal.Modal.Content, null, _react.default.createElement(_Layout.Box, {
+    overflowY: "scroll",
+    maxHeight: "100%"
+  }, _react.default.createElement(_Layout.Flex, {
+    width: "100%",
+    minWidth: "100%",
+    height: "100%",
+    flexDirection: "column",
+    justifyContent: "space-evenly",
+    alignItems: "center"
+  }, _react.default.createElement("div", {
+    style: {
+      backgroundColor: "#E6E4E5",
+      padding: "20px",
+      width: "64px",
+      height: "64px",
+      borderRadius: "50px",
+      margin: "0px auto 15px auto"
+    }
+  }, _react.default.createElement(_Icon.Icon, {
+    sizeIcon: "display24",
+    marginRight: 2,
+    color: "black84"
+  }, _react.default.createElement(_Icons.IconClock, null))), _react.default.createElement(_Typography.Text, {
+    as: "header",
+    fontWeight: "bold",
+    textAlign: "center"
+  }, title), _react.default.createElement(_Layout.Flex, null, _react.default.createElement(_LoaderFour.LoaderFour, {
+    height: "70px",
+    position: "unset"
+  })), _react.default.createElement(_Typography.Text, {
+    textAlign: "center"
+  }, description)))));
+};
+
+exports.ModalPaymentConfirmation = ModalPaymentConfirmation;
+ModalPaymentConfirmation.defaultProps = {
+  hasError: false,
+  errorMessage: '',
+  onModalClose: function onModalClose() {},
+  onModalBack: function onModalBack() {}
+};

package/dist/organisms/Modals/index.js

@@ -27,6 +27,12 @@ Object.defineProperty(exports, "ModalLoginPassCode", {
     return _LoginPassCode.ModalLoginPassCode;
   }
 });
+Object.defineProperty(exports, "ModalPaymentConfirmation", {
+  enumerable: true,
+  get: function get() {
+    return _PaymentConfirmation.ModalPaymentConfirmation;
+  }
+});
 Object.defineProperty(exports, "ModalRegister", {
   enumerable: true,
   get: function get() {
@@ -42,4 +48,6 @@ var _Legal = require("./Legal");
 
 var _Register = require("./Register");
 
-var _DatailFlower = require("./DatailFlower");
+var _DatailFlower = require("./DatailFlower");
+
+var _PaymentConfirmation = require("./PaymentConfirmation");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lideralia/alife-uikit",
-  "version": "1.1.217",
+  "version": "1.1.221",
   "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": {