keski_lib_catalog 1.3.25 → 1.4.0

package/dist/index.modern.js

@@ -6,6 +6,7 @@ import { styled } from '@mui/material/styles';
 import Paper from '@mui/material/Paper';
 import Grid from '@mui/material/Grid';
 import Grow from '@mui/material/Grow';
+import pencil from './pencil_placeholder~DdrRnXBY.png';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -1455,11 +1456,11 @@ function Layout1$8(content) {
       marginBottom: '45px',
       whiteSpace: 'pre-wrap',
       fontSize: {
-        xs: '1.875em',
-        sm: '2.25em',
-        md: '3em',
-        lg: '32px',
-        xl: '32px'
+        xs: '30px',
+        sm: '30px',
+        md: '36px',
+        lg: '48px',
+        xl: '48px'
       },
       fontWeight: 'bold'
     }
@@ -1494,13 +1495,17 @@ function Layout1$8(content) {
       component: 'p',
       sx: {
         fontSize: {
-          xs: '1.875em',
-          sm: '2.25em',
-          md: '3em',
-          lg: '3em',
-          xl: '3em'
+          xs: '24px',
+          sm: '24px',
+          md: '28px',
+          lg: '32px',
+          xl: '32px'
         },
-        whiteSpace: 'pre-wrap',
+        overflow: 'hidden',
+        textOverflow: 'ellipsis',
+        display: '-webkit-box',
+        WebkitLineClamp: 1,
+        WebkitBoxOrient: 'vertical',
         width: '100%'
       },
       dangerouslySetInnerHTML: {
@@ -1522,13 +1527,157 @@ var Categories = /*#__PURE__*/function (_AtomicElements) {
       'button_title': 'Button title',
       'button_action': 'Button action',
       'button_active': 'Button active',
-      'link': 'Link'
+      'link': 'link'
     }];
     return _this;
   }
   return Categories;
 }(AtomicElements);
 
+function Layout(content) {
+  var callToAction = "Ingresa a Keski Creator desde tu panel administrativo para editar esta vista.";
+  var infoLoadingMap = {
+    'landing/content/1': {
+      title: "Página de inicio",
+      description: "Esta página es muy importante, aquí es la primera impresión de tus clientes. Agrega las secciones necesarias para que tu cliente te conozca, utiliza un diseño agradable y atractivo para captar su atención desde el primer momento. Personaliza el contenido para reflejar la esencia de tu marca y los valores de tu negocio."
+    },
+    'landing/content/2': {
+      title: "Productos",
+      description: "En esta sección puedes detallar los productos que ofreces. Organiza tu catálogo y facilita la navegación."
+    },
+    'landing/content/3': {
+      title: "Nosotros",
+      description: "Aquí puedes contar la historia de tu empresa, presentar a tu equipo y destacar tus valores y misión. Es una excelente oportunidad para generar confianza y credibilidad. Usa esta sección para humanizar tu marca y conectar emocionalmente con tus visitantes."
+    },
+    'landing/content/4': {
+      title: "Catálogo",
+      description: "Muestra una lista detallada de todos los productos o servicios que ofreces. Organiza tu catálogo de manera que sea fácil de navegar y busca resaltar tus productos más populares o nuevos lanzamientos. Puedes incluir filtros y categorías para mejorar la experiencia del usuario."
+    },
+    'landing/content/5': {
+      title: "Servicios",
+      description: "En esta página puedes detallar los diferentes servicios que ofreces. Describe cada servicio de manera clara y concisa, incluyendo sus beneficios y características. Utiliza imágenes y testimonios para reforzar la calidad de tus servicios y motivar a los visitantes a contactarte."
+    },
+    'landing/content/6': {
+      title: "Blog",
+      description: "Comparte artículos, noticias y actualizaciones relacionadas con tu negocio. Un blog activo puede mejorar tu SEO y mantener a tus clientes informados y comprometidos. Publica contenido relevante y útil que pueda interesar a tus visitantes y mostrar tu expertise en la industria."
+    },
+    'landing/content/7': {
+      title: "Ubicación",
+      description: "Aquí puedes mostrar a tus clientes dónde estás ubicado. Incluye un mapa interactivo, tu dirección completa y cualquier otra información de contacto relevante. Si tienes varias ubicaciones, asegúrate de incluir detalles para cada una. También puedes agregar instrucciones sobre cómo llegar y el horario de atención."
+    },
+    'placeholder': {
+      title: "En construccion",
+      description: "Bienvenido a la página principal. Aquí encontrarás información general y acceso a las diferentes secciones."
+    }
+  };
+  var visible = true;
+  return /*#__PURE__*/React.createElement(Slide, {
+    direction: "Center",
+    "in": visible
+  }, /*#__PURE__*/React.createElement(Box, {
+    sx: {
+      width: {
+        xs: '100%'
+      },
+      height: {
+        xs: '80vh',
+        sm: "80vh",
+        md: "80vh"
+      },
+      backgroundPosition: 'center',
+      justifyContent: 'center',
+      display: 'flex'
+    }
+  }, /*#__PURE__*/React.createElement(Box, {
+    sx: {
+      display: 'flex',
+      flexDirection: 'column',
+      width: {
+        xs: '100%',
+        md: '80%',
+        lg: '70%'
+      },
+      height: {
+        xs: '80vh',
+        lg: '80vh'
+      },
+      justifyContent: 'center',
+      alignItems: "center",
+      paddingLeft: {
+        lg: "0px",
+        md: "24px",
+        sm: "16px",
+        xs: "16px"
+      },
+      paddingRight: {
+        lg: "24px",
+        md: "24px",
+        sm: "16px",
+        xs: "16px"
+      },
+      textAlign: 'center'
+    }
+  }, /*#__PURE__*/React.createElement(Typography, {
+    component: 'p',
+    sx: {
+      marginBottom: '16px',
+      whiteSpace: 'pre-wrap',
+      fontSize: {
+        xs: "2em",
+        sm: "2em",
+        md: "3.75em",
+        lg: "3.75em",
+        xl: "3.75em"
+      },
+      color: '#60269E'
+    }
+  }, infoLoadingMap[content.component.view_placeholder].title), /*#__PURE__*/React.createElement(Typography, {
+    component: 'a',
+    sx: {
+      marginBottom: '16px',
+      justifyContent: 'center',
+      fontSize: {
+        xs: "1.25em",
+        sm: "1.25em",
+        md: "1.25em",
+        lg: "1.25em",
+        xl: "1.25em"
+      }
+    }
+  }, infoLoadingMap[content.component.view_placeholder].description), /*#__PURE__*/React.createElement("img", {
+    src: pencil,
+    alt: "Logo"
+  }), /*#__PURE__*/React.createElement(Typography, {
+    component: 'a',
+    sx: {
+      marginBottom: '16px',
+      justifyContent: 'center',
+      fontSize: {
+        xs: "1.25em",
+        sm: "1.25em",
+        md: "1.25em",
+        lg: "1.25em",
+        xl: "1.25em"
+      }
+    }
+  }, callToAction))));
+}
+
+var PlaceHolder = /*#__PURE__*/function (_AtomicElements) {
+  _inheritsLoose(PlaceHolder, _AtomicElements);
+  function PlaceHolder() {
+    var _this;
+    _this = _AtomicElements.call(this) || this;
+    _this.layout = [Layout];
+    _this.layoutFootprint = ['banner_layout_1.jpg'];
+    _this.layoutFootprintReq = [{
+      'type': 0
+    }];
+    return _this;
+  }
+  return PlaceHolder;
+}(AtomicElements);
+
 var Section = /*#__PURE__*/function () {
   function Section(AtomicElement, theme) {
     this.child = AtomicElement;
@@ -1567,7 +1716,8 @@ var Sections = /*#__PURE__*/function () {
     this.brands = new Section(new Brands());
     this.faq = new Section(new FAQ());
     this.categories = new Section(new Categories());
-    this.sections = [this.banner, this.textPlusImg, this.quotes, this.gallery, this.text, this.list, this.brands, this.faq, this.categories];
+    this.placeholder = new Section(new PlaceHolder());
+    this.sections = [this.banner, this.textPlusImg, this.quotes, this.gallery, this.text, this.list, this.brands, this.faq, this.categories, this.placeholder];
   }
   var _proto2 = Sections.prototype;
   _proto2.getSectionList = function getSectionList() {
@@ -1580,7 +1730,8 @@ var Sections = /*#__PURE__*/function () {
       '5': 'Lista',
       '6': 'Marcas',
       '7': 'FAQ',
-      '8': 'Categorias'
+      '8': 'Categorias',
+      '9': 'Placeholder'
     };
   };
   _proto2.getLayoutsFromSection = function getLayoutsFromSection(index) {