keski_lib_catalog 1.0.14 → 1.0.16

package/README.md

@@ -1,30 +1,30 @@
-# keski_lib_catalog
-
-> Keski catalog components for Keski store, Codenation Studio
-
-[![NPM](https://img.shields.io/npm/v/keski_lib_catalog.svg)](https://www.npmjs.com/package/keski_lib_catalog) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
-
-## Install
-
-```bash
-npm install --save keski_lib_catalog
-```
-
-## Usage
-
-```jsx
-import React, { Component } from 'react'
-
-import MyComponent from 'keski_lib_catalog'
-import 'keski_lib_catalog/dist/index.css'
-
-class Example extends Component {
-  render() {
-    return <MyComponent />
-  }
-}
-```
-
-## License
-
- © [Francisco Marmolejo](https://github.com/Francisco Marmolejo)
+# keski_lib_catalog
+
+> Keski catalog components for Keski store, Codenation Studio
+
+[![NPM](https://img.shields.io/npm/v/keski_lib_catalog.svg)](https://www.npmjs.com/package/keski_lib_catalog) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
+
+## Install
+
+```bash
+npm install --save keski_lib_catalog
+```
+
+## Usage
+
+```jsx
+import React, { Component } from 'react'
+
+import MyComponent from 'keski_lib_catalog'
+import 'keski_lib_catalog/dist/index.css'
+
+class Example extends Component {
+  render() {
+    return <MyComponent />
+  }
+}
+```
+
+## License
+
+ © [Francisco Marmolejo](https://github.com/Francisco Marmolejo)

package/dist/index.css

@@ -0,0 +1,9 @@
+/* add css module styles here (optional) */
+
+._styles-module__test__3ybTi {
+  margin: 2em;
+  padding: 0.5em;
+  border: 2px solid #000;
+  font-size: 2em;
+  text-align: center;
+}

package/dist/index.js

@@ -92,6 +92,7 @@ var Quotes = /*#__PURE__*/function (_AtomicElements) {
     _this.layout = [Layout1];
     _this.layoutFootprint = ['quotes_layout_1.png'];
     _this.layoutFootprintReq = [{
+      'type': 0,
       'title': 'Tittle',
       'content': 'Content'
     }];
@@ -141,9 +142,10 @@ var Banner = /*#__PURE__*/function (_AtomicElements) {
     _this.layout = [Layout1$1];
     _this.layoutFootprint = ['banner_layout_1.jpg'];
     _this.layoutFootprintReq = [{
-      'title': 'Tittle',
+      'type': 0,
       'content': 'Content'
     }, {
+      'type': 0,
       'title': 'Tittle',
       'content': 'Content',
       'name': 'Name'
@@ -252,6 +254,7 @@ var TextPlusImg = /*#__PURE__*/function (_AtomicElements) {
     _this.layout = [Layout1$2];
     _this.layoutFootprint = ['text_image_layout_1.png'];
     _this.layoutFootprintReq = [{
+      'type': 0,
       'title': 'Title',
       'description': 'Text',
       'button_title': 'Button Title',
@@ -298,8 +301,8 @@ var Sections = /*#__PURE__*/function () {
   _proto2.getSectionList = function getSectionList() {
     return {
       '0': 'Banner',
-      '1': 'Text + Img',
-      '2': 'Quotes'
+      '1': 'Texto + Imágenes',
+      '2': 'Citas/Testimonios'
     };
   };
   _proto2.getLayoutsFromSection = function getLayoutsFromSection(index) {

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/atomicElement.js","../src/quotes/elements/layout1.js","../src/quotes/Component.js","../src/banner/elements/layout1.js","../src/banner/Component.js","../src/canvas/CanvasContainer.js","../src/constants.js","../src/textPlusImg/elements/layout1.js","../src/textPlusImg/Component.js","../src/Section.js"],"sourcesContent":["export class AtomicElements {\r\n    constructor(){\r\n        this.layout = []\r\n        this.layoutFootprint = []\r\n        this.layoutFootprintReq = []\r\n    }\r\n\r\n    layoutsLength(){\r\n        return(\r\n            this.layout.length\r\n        )\r\n    }\r\n\r\n    build(content, layoutId){\r\n        return(\r\n            this.layout[layoutId](content)\r\n        )\r\n    }\r\n\r\n    footprint(layout){\r\n        let img = this.layoutFootprint[layout]\r\n        let req = this.layoutFootprintReq[layout]\r\n        console.log('img atomic', img)\r\n        return(\r\n            {req, img}\r\n        )\r\n    }\r\n\r\n}\r\n","import React from \"react\"\r\nimport { Box, Typography, Slide } from '@mui/material'\r\n\r\nexport default function Layout1(content) {\r\n  const visible = true\r\n\r\n  return (\r\n    <Slide direction=\"left\" in={visible}>\r\n      <Box sx={{ display: 'flex', flexDirection: 'column', width: {xs: '100%', md: '30%'} }}>\r\n        <Typography className=\"title-large\" sx={{ marginBottom: '16px' }}>\r\n          {content.component.subcomponent[0].title ?\r\n            content.component.subcomponent[0].title\r\n            : 'Agregue título'}\r\n        </Typography>\r\n        <Typography className=\"small\" sx={{ marginBottom: '16px' }}>\r\n          {content.component.subcomponent[0].description ?\r\n            content.component.subcomponent[0].description\r\n            : 'Agregue descripción'}\r\n        </Typography>\r\n      </Box>\r\n    </Slide>\r\n  )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1  from './elements/layout1'\r\n\r\nexport class Quotes extends AtomicElements {\r\n    constructor() {\r\n      super()\r\n    }\r\n    layout = [Layout1]\r\n    layoutFootprint = ['quotes_layout_1.png']\r\n    layoutFootprintReq = [\r\n      {\r\n        'title':'Tittle',\r\n        'content':'Content',\r\n      },\r\n\r\n    ]\r\n    //Methods heredados\r\n    // layout, layouts(), build() \r\n    \r\n}","import { Box, Button, Typography, Slide } from '@mui/material'\r\nimport React from 'react'\r\n\r\nexport default function Layout1(content) {\r\n  const visible = true\r\n  return (\r\n    <Slide direction=\"left\" in={visible}>\r\n      <Box sx={{ display: 'flex', flexDirection: 'column', width: {xs: '100%', md: '30%'} }}>\r\n        <Typography className=\"title-xlarge\" sx={{ marginBottom: '16px' }}>\r\n          {content.component.subcomponent[0].title ?\r\n            content.component.subcomponent[0].title\r\n            : 'Agregue título'}\r\n        </Typography>\r\n        <Typography className=\"title\" sx={{ marginBottom: '16px' }}>\r\n          {content.component.subcomponent[0].description ?\r\n            content.component.subcomponent[0].description\r\n            : 'Agregue descripción'}\r\n        </Typography>\r\n        <Button variant='contained' sx={{ width: '50%', marginBottom: '16px' }}>\r\n          {content.component.subcomponent[0].button_title ?\r\n            content.component.subcomponent[0].button_title\r\n            : 'Nombre botón'}\r\n        </Button>\r\n      </Box>\r\n    </Slide>\r\n  )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1  from './elements/layout1'\r\nimport Layout2  from './elements/layout2'\r\n\r\nexport class Banner extends AtomicElements {\r\n  constructor() {\r\n    super()\r\n  }\r\n\r\n  layout = [Layout1]\r\n  layoutFootprint = ['banner_layout_1.jpg']\r\n  layoutFootprintReq = [\r\n    {\r\n      'title':'Tittle',\r\n      'content':'Content',\r\n    },\r\n     {\r\n      'title':'Tittle',\r\n      'content':'Content',\r\n      'name':'Name',\r\n    },\r\n  \r\n  ]\r\n  //Methods heredados\r\n  // layout, layouts(), build() \r\n  // <texinput display={!layout.img} id='Title'>\r\n  // <texinput display={!layout.img} id='content'></texinput>\r\n  // <texinput display={!layout.img} id='name'></texinput>\r\n  //<texinput disable={!layout.img}>\r\n}","import React from \"react\";\r\nimport { Box, Container } from \"@mui/material\";\r\n\r\nexport default function CanvasContainer(props) {\r\n  const { json, children } = props\r\n\r\n  return (\r\n    <Box\r\n      sx={{\r\n        //minHeight: '680px',//este no pueden ser estaticos\r\n        padding: '32px',\r\n        display: 'flex',\r\n        alignItems: 'center',\r\n        backgroundColor:\r\n          json.component.bg_type === 1\r\n            ? json.component.bg_color1\r\n            : undefined,\r\n        backgroundImage:\r\n          json.component.bg_type === 2\r\n            ? `linear-gradient(${json.component.bg_color1}, ${json.component.bg_color2})`\r\n            : json.component.bg_type === 3\r\n              ? `url(${json.component.bg_image.url})`\r\n              : undefined,\r\n        backgroundPosition: 'center',\r\n        backgroundSize: 'cover',\r\n        backgroundRepeat: 'no-repeat',\r\n      }}\r\n    >\r\n      <Container maxWidth='xl'>\r\n        <Box\r\n          sx={{\r\n            minWidth: { xs: '100%', md: '45%' },\r\n            display: 'flex',\r\n            justifyContent: {\r\n              xs: 'center',\r\n              md: json.component.justify_content ? json.component.justify_content : 'center'\r\n            }\r\n          }}\r\n        >\r\n          {children}\r\n        </Box>\r\n      </Container>\r\n    </Box>\r\n  );\r\n}","export const JK_RESOURCES = 'https://jk-clients.s3.us-east-2.amazonaws.com/jk-resources/'","import { Grid, Box, Button } from \"@mui/material\"\r\nimport React, { useState } from \"react\"\r\nimport { Slide } from \"@mui/material\";\r\nimport Grow from '@mui/material/Grow';\r\n\r\nexport default function Layout1(content) {\r\n\r\n  const visible = true\r\n\r\n  return (\r\n    <Grid\r\n      container\r\n      direction=\"row\"\r\n      justifyContent=\"center\"\r\n      alignItems=\"center\"\r\n      width={'100%'}\r\n      spacing='16px'\r\n    >\r\n      <Grid item xs={12} md={5}>\r\n        <Slide direction=\"right\" in={visible}>\r\n          <Box sx={{ maxWidth: { xl: '600px', md: '400px', xs: '350px' } }} margin={'auto'}>\r\n            <img height=\"auto\" width=\"100%\" src={content.component.subcomponent[0].img ? content.component.subcomponent[0].img : 'https://thumbs.dreamstime.com/z/ning%C3%BAn-s%C3%ADmbolo-del-vector-de-la-imagen-icono-disponible-perdido-ninguna-galer%C3%ADa-para-este-momento-139140396.jpg'}></img>\r\n          </Box>\r\n        </Slide>\r\n      </Grid>\r\n      <Grid item xs={12} md={7}>\r\n        <Grow\r\n          in={visible}\r\n          style={{ transformOrigin: '0 0 0' }}\r\n          {...(visible ? { timeout: 1000 } : {})}\r\n        >\r\n          <Box>\r\n            <Box>\r\n              <a className=\"title-xlarge\">{content.component.subcomponent[0].title ? content.component.subcomponent[0].title : 'Agregue título'}</a>\r\n            </Box>\r\n            <Box item height=\"auto\" minHeight={{ md: '200px', xs: 'auto' }} textAlign={'justify'}>\r\n              <p>{content.component.subcomponent[0].description ? content.component.subcomponent[0].description : 'Agregue descripción'}</p>\r\n            </Box>\r\n            <Box>\r\n              <Button variant=\"contained\" sx={{ width: '30%' }}>\r\n                {content.component.subcomponent[0].button_title ? content.component.subcomponent[0].button_title : 'Nombre botón'}\r\n              </Button>\r\n            </Box>\r\n          </Box>\r\n        </Grow>\r\n      </Grid>\r\n\r\n    </Grid>\r\n  )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1  from './elements/layout1'\r\n\r\nexport class TextPlusImg extends AtomicElements {\r\n    constructor() {\r\n      super()\r\n    }\r\n    layout = [Layout1]\r\n    layoutFootprint = ['text_image_layout_1.png']\r\n    layoutFootprintReq = [\r\n      {\r\n        'title':'Title',\r\n        'description':'Text',\r\n        'button_title':'Button Title',\r\n        'button_action':'Button Action',\r\n        'image':'Image',\r\n      },\r\n    ]\r\n    //Methods heredados\r\n    // layout, layouts(), build() \r\n    \r\n}","import React from \"react\"\r\nimport { Quotes } from \"./quotes/Component\"\r\nimport { Banner } from \"./banner/Component\"\r\nimport CanvasContainer from \"./canvas/CanvasContainer\"\r\nimport { JK_RESOURCES } from \"./constants\"\r\nimport { TextPlusImg } from \"./textPlusImg/Component\"\r\n// Section is a common class for each component\r\nexport class Section {\r\n  constructor(AtomicElement, theme) {\r\n    this.child = AtomicElement\r\n  }\r\n\r\n  component(json) {\r\n    console.log('json', json)\r\n    return (\r\n      <CanvasContainer json={json}>\r\n        {/* Child is the instance passed as parameter in section, next class */}\r\n        {this.child.build(json, json.component.layout)}\r\n      </CanvasContainer>\r\n    )\r\n  }\r\n\r\n  getFootPrint(layout) {\r\n    let footPrint = this.child.footprint(layout)\r\n    console.log('section', footPrint)\r\n    return (\r\n      { req: footPrint.req, img: `${JK_RESOURCES}${footPrint.img}` }\r\n    )\r\n  }\r\n\r\n  layoutLength() {\r\n    return (\r\n      this.child.layoutsLength()\r\n    )\r\n  }\r\n\r\n}\r\n\r\n//Sections is the interface with admin and store\r\nexport class Sections {\r\n  constructor() {\r\n    this.banner = new Section(new Banner())\r\n    this.quotes = new Section(new Quotes())\r\n    this.textPlusImg = new Section(new TextPlusImg())\r\n    this.sections = [this.banner, this.textPlusImg, this.quotes]\r\n  }\r\n\r\n  getSectionList() {\r\n    return (\r\n      {\r\n        '0': 'Banner',\r\n        '1': 'Text + Img',\r\n        '2': 'Quotes',\r\n      }\r\n    )\r\n  }\r\n  getLayoutsFromSection(index) {\r\n    let section = this.sections[index]\r\n    return (section)\r\n  }\r\n\r\n}"],"names":["AtomicElements","layout","layoutFootprint","layoutFootprintReq","_proto","prototype","layoutsLength","length","build","content","layoutId","footprint","img","req","console","log","Layout1","visible","React","createElement","Slide","direction","Box","sx","display","flexDirection","width","xs","md","Typography","className","marginBottom","component","subcomponent","title","description","Quotes","_AtomicElements","_inheritsLoose","_this","call","Button","variant","button_title","Banner","CanvasContainer","props","json","children","padding","alignItems","backgroundColor","bg_type","bg_color1","undefined","backgroundImage","bg_color2","bg_image","url","backgroundPosition","backgroundSize","backgroundRepeat","Container","maxWidth","minWidth","justifyContent","justify_content","JK_RESOURCES","Grid","container","spacing","item","xl","margin","height","src","Grow","_extends","style","transformOrigin","timeout","minHeight","textAlign","TextPlusImg","Section","AtomicElement","theme","child","getFootPrint","footPrint","layoutLength","Sections","banner","quotes","textPlusImg","sections","_proto2","getSectionList","getLayoutsFromSection","index","section"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/atomicElement.js","../src/quotes/elements/layout1.js","../src/quotes/Component.js","../src/banner/elements/layout1.js","../src/banner/Component.js","../src/canvas/CanvasContainer.js","../src/constants.js","../src/textPlusImg/elements/layout1.js","../src/textPlusImg/Component.js","../src/Section.js"],"sourcesContent":["export class AtomicElements {\r\n    constructor(){\r\n        this.layout = []\r\n        this.layoutFootprint = []\r\n        this.layoutFootprintReq = []\r\n    }\r\n\r\n    layoutsLength(){\r\n        return(\r\n            this.layout.length\r\n        )\r\n    }\r\n\r\n    build(content, layoutId){\r\n        return(\r\n            this.layout[layoutId](content)\r\n        )\r\n    }\r\n\r\n    footprint(layout){\r\n        let img = this.layoutFootprint[layout]\r\n        let req = this.layoutFootprintReq[layout]\r\n        console.log('img atomic', img)\r\n        return(\r\n            {req, img}\r\n        )\r\n    }\r\n\r\n}\r\n","import React from \"react\"\r\nimport { Box, Typography, Slide } from '@mui/material'\r\n\r\nexport default function Layout1(content) {\r\n  const visible = true\r\n\r\n  return (\r\n    <Slide direction=\"left\" in={visible}>\r\n      <Box sx={{ display: 'flex', flexDirection: 'column', width: {xs: '100%', md: '30%'} }}>\r\n        <Typography className=\"title-large\" sx={{ marginBottom: '16px' }}>\r\n          {content.component.subcomponent[0].title ?\r\n            content.component.subcomponent[0].title\r\n            : 'Agregue título'}\r\n        </Typography>\r\n        <Typography className=\"small\" sx={{ marginBottom: '16px' }}>\r\n          {content.component.subcomponent[0].description ?\r\n            content.component.subcomponent[0].description\r\n            : 'Agregue descripción'}\r\n        </Typography>\r\n      </Box>\r\n    </Slide>\r\n  )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1  from './elements/layout1'\r\n\r\nexport class Quotes extends AtomicElements {\r\n    constructor() {\r\n      super()\r\n    }\r\n    layout = [Layout1]\r\n    layoutFootprint = ['quotes_layout_1.png']\r\n    layoutFootprintReq = [\r\n      {\r\n        'type': 0,// all reqs should have this, 0 single elemet | 1 more than one. E.G  Carousel or single element\r\n        'title':'Tittle',\r\n        'content':'Content',\r\n      },\r\n\r\n    ]\r\n    //Methods heredados\r\n    // layout, layouts(), build() \r\n    \r\n}","import { Box, Button, Typography, Slide } from '@mui/material'\r\nimport React from 'react'\r\n\r\nexport default function Layout1(content) {\r\n  const visible = true\r\n  return (\r\n    <Slide direction=\"left\" in={visible}>\r\n      <Box sx={{ display: 'flex', flexDirection: 'column', width: {xs: '100%', md: '30%'} }}>\r\n        <Typography className=\"title-xlarge\" sx={{ marginBottom: '16px' }}>\r\n          {content.component.subcomponent[0].title ?\r\n            content.component.subcomponent[0].title\r\n            : 'Agregue título'}\r\n        </Typography>\r\n        <Typography className=\"title\" sx={{ marginBottom: '16px' }}>\r\n          {content.component.subcomponent[0].description ?\r\n            content.component.subcomponent[0].description\r\n            : 'Agregue descripción'}\r\n        </Typography>\r\n        <Button variant='contained' sx={{ width: '50%', marginBottom: '16px' }}>\r\n          {content.component.subcomponent[0].button_title ?\r\n            content.component.subcomponent[0].button_title\r\n            : 'Nombre botón'}\r\n        </Button>\r\n      </Box>\r\n    </Slide>\r\n  )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1  from './elements/layout1'\r\nimport Layout2  from './elements/layout2'\r\n\r\nexport class Banner extends AtomicElements {\r\n  constructor() {\r\n    super()\r\n  }\r\n\r\n  layout = [Layout1]\r\n  layoutFootprint = ['banner_layout_1.jpg']\r\n  layoutFootprintReq = [\r\n    {\r\n      'type': 0,// all reqs should have this, 0 single elemet | 1 more than one. E.G  Carousel or single element\r\n      'content':'Content',\r\n    },\r\n     {\r\n      'type': 0,// all reqs should have this, 0 single elemet | 1 more than one. E.G  Carousel or single element\r\n      'title':'Tittle',\r\n      'content':'Content',\r\n      'name':'Name',\r\n    },\r\n  \r\n  ]\r\n  //Methods heredados\r\n  // layout, layouts(), build() \r\n  // <texinput display={!layout.img} id='Title'>\r\n  // <texinput display={!layout.img} id='content'></texinput>\r\n  // <texinput display={!layout.img} id='name'></texinput>\r\n  //<texinput disable={!layout.img}>\r\n}","import React from \"react\";\r\nimport { Box, Container } from \"@mui/material\";\r\n\r\nexport default function CanvasContainer(props) {\r\n  const { json, children } = props\r\n\r\n  return (\r\n    <Box\r\n      sx={{\r\n        //minHeight: '680px',//este no pueden ser estaticos\r\n        padding: '32px',\r\n        display: 'flex',\r\n        alignItems: 'center',\r\n        backgroundColor:\r\n          json.component.bg_type === 1\r\n            ? json.component.bg_color1\r\n            : undefined,\r\n        backgroundImage:\r\n          json.component.bg_type === 2\r\n            ? `linear-gradient(${json.component.bg_color1}, ${json.component.bg_color2})`\r\n            : json.component.bg_type === 3\r\n              ? `url(${json.component.bg_image.url})`\r\n              : undefined,\r\n        backgroundPosition: 'center',\r\n        backgroundSize: 'cover',\r\n        backgroundRepeat: 'no-repeat',\r\n      }}\r\n    >\r\n      <Container maxWidth='xl'>\r\n        <Box\r\n          sx={{\r\n            minWidth: { xs: '100%', md: '45%' },\r\n            display: 'flex',\r\n            justifyContent: {\r\n              xs: 'center',\r\n              md: json.component.justify_content ? json.component.justify_content : 'center'\r\n            }\r\n          }}\r\n        >\r\n          {children}\r\n        </Box>\r\n      </Container>\r\n    </Box>\r\n  );\r\n}","export const JK_RESOURCES = 'https://jk-clients.s3.us-east-2.amazonaws.com/jk-resources/'","import { Grid, Box, Button } from \"@mui/material\"\r\nimport React, { useState } from \"react\"\r\nimport { Slide } from \"@mui/material\";\r\nimport Grow from '@mui/material/Grow';\r\n\r\nexport default function Layout1(content) {\r\n\r\n  const visible = true\r\n\r\n  return (\r\n    <Grid\r\n      container\r\n      direction=\"row\"\r\n      justifyContent=\"center\"\r\n      alignItems=\"center\"\r\n      width={'100%'}\r\n      spacing='16px'\r\n    >\r\n      <Grid item xs={12} md={5}>\r\n        <Slide direction=\"right\" in={visible}>\r\n          <Box sx={{ maxWidth: { xl: '600px', md: '400px', xs: '350px' } }} margin={'auto'}>\r\n            <img height=\"auto\" width=\"100%\" src={content.component.subcomponent[0].img ? content.component.subcomponent[0].img : 'https://thumbs.dreamstime.com/z/ning%C3%BAn-s%C3%ADmbolo-del-vector-de-la-imagen-icono-disponible-perdido-ninguna-galer%C3%ADa-para-este-momento-139140396.jpg'}></img>\r\n          </Box>\r\n        </Slide>\r\n      </Grid>\r\n      <Grid item xs={12} md={7}>\r\n        <Grow\r\n          in={visible}\r\n          style={{ transformOrigin: '0 0 0' }}\r\n          {...(visible ? { timeout: 1000 } : {})}\r\n        >\r\n          <Box>\r\n            <Box>\r\n              <a className=\"title-xlarge\">{content.component.subcomponent[0].title ? content.component.subcomponent[0].title : 'Agregue título'}</a>\r\n            </Box>\r\n            <Box item height=\"auto\" minHeight={{ md: '200px', xs: 'auto' }} textAlign={'justify'}>\r\n              <p>{content.component.subcomponent[0].description ? content.component.subcomponent[0].description : 'Agregue descripción'}</p>\r\n            </Box>\r\n            <Box>\r\n              <Button variant=\"contained\" sx={{ width: '30%' }}>\r\n                {content.component.subcomponent[0].button_title ? content.component.subcomponent[0].button_title : 'Nombre botón'}\r\n              </Button>\r\n            </Box>\r\n          </Box>\r\n        </Grow>\r\n      </Grid>\r\n\r\n    </Grid>\r\n  )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1  from './elements/layout1'\r\n\r\nexport class TextPlusImg extends AtomicElements {\r\n    constructor() {\r\n      super()\r\n    }\r\n    layout = [Layout1]\r\n    layoutFootprint = ['text_image_layout_1.png']\r\n    layoutFootprintReq = [\r\n      {\r\n        'type': 0,// all reqs should have this, 0 single elemet | 1 more than one. E.G  Carousel or single element\r\n        'title':'Title',\r\n        'description':'Text',\r\n        'button_title':'Button Title',\r\n        'button_action':'Button Action',\r\n        'image':'Image',\r\n      },\r\n    ]\r\n    //Methods heredados\r\n    // layout, layouts(), build() \r\n    \r\n}","import React from \"react\"\r\nimport { Quotes } from \"./quotes/Component\"\r\nimport { Banner } from \"./banner/Component\"\r\nimport CanvasContainer from \"./canvas/CanvasContainer\"\r\nimport { JK_RESOURCES } from \"./constants\"\r\nimport { TextPlusImg } from \"./textPlusImg/Component\"\r\n// Section is a common class for each component\r\nexport class Section {\r\n  constructor(AtomicElement, theme) {\r\n    this.child = AtomicElement\r\n  }\r\n\r\n  component(json) {\r\n    console.log('json', json)\r\n    return (\r\n      <CanvasContainer json={json}>\r\n        {/* Child is the instance passed as parameter in section, next class */}\r\n        {this.child.build(json, json.component.layout)}\r\n      </CanvasContainer>\r\n    )\r\n  }\r\n\r\n  getFootPrint(layout) {\r\n    let footPrint = this.child.footprint(layout)\r\n    console.log('section', footPrint)\r\n    return (\r\n      { req: footPrint.req, img: `${JK_RESOURCES}${footPrint.img}` }\r\n    )\r\n  }\r\n\r\n  layoutLength() {\r\n    return (\r\n      this.child.layoutsLength()\r\n    )\r\n  }\r\n\r\n}\r\n\r\n//Sections is the interface with admin and store\r\nexport class Sections {\r\n  constructor() {\r\n    this.banner = new Section(new Banner())\r\n    this.quotes = new Section(new Quotes())\r\n    this.textPlusImg = new Section(new TextPlusImg())\r\n    this.sections = [this.banner, this.textPlusImg, this.quotes]\r\n  }\r\n\r\n  getSectionList() {\r\n    return (\r\n      {\r\n        '0': 'Banner',\r\n        '1': 'Texto + Imágenes',\r\n        '2': 'Citas/Testimonios',\r\n      }\r\n    )\r\n  }\r\n  getLayoutsFromSection(index) {\r\n    let section = this.sections[index]\r\n    return (section)\r\n  }\r\n\r\n}"],"names":["AtomicElements","layout","layoutFootprint","layoutFootprintReq","_proto","prototype","layoutsLength","length","build","content","layoutId","footprint","img","req","console","log","Layout1","visible","React","createElement","Slide","direction","Box","sx","display","flexDirection","width","xs","md","Typography","className","marginBottom","component","subcomponent","title","description","Quotes","_AtomicElements","_inheritsLoose","_this","call","Button","variant","button_title","Banner","CanvasContainer","props","json","children","padding","alignItems","backgroundColor","bg_type","bg_color1","undefined","backgroundImage","bg_color2","bg_image","url","backgroundPosition","backgroundSize","backgroundRepeat","Container","maxWidth","minWidth","justifyContent","justify_content","JK_RESOURCES","Grid","container","spacing","item","xl","margin","height","src","Grow","_extends","style","transformOrigin","timeout","minHeight","textAlign","TextPlusImg","Section","AtomicElement","theme","child","getFootPrint","footPrint","layoutLength","Sections","banner","quotes","textPlusImg","sections","_proto2","getSectionList","getLayoutsFromSection","index","section"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAAaA,cAAc;EACvB,SAAAA,iBAAa;IACT,IAAI,CAACC,MAAM,GAAG,EAAE;IAChB,IAAI,CAACC,eAAe,GAAG,EAAE;IACzB,IAAI,CAACC,kBAAkB,GAAG,EAAE;;EAC/B,IAAAC,MAAA,GAAAJ,cAAA,CAAAK,SAAA;EAAAD,MAAA,CAEDE,aAAa,GAAb,SAAAA,gBAAe;IACX,OACI,IAAI,CAACL,MAAM,CAACM,MAAM;GAEzB;EAAAH,MAAA,CAEDI,KAAK,GAAL,SAAAA,MAAMC,OAAO,EAAEC,QAAQ,EAAC;IACpB,OACI,IAAI,CAACT,MAAM,CAACS,QAAQ,CAAC,CAACD,OAAO,CAAC;GAErC;EAAAL,MAAA,CAEDO,SAAS,GAAT,SAAAA,UAAUV,MAAM,EAAC;IACb,IAAIW,GAAG,GAAG,IAAI,CAACV,eAAe,CAACD,MAAM,CAAC;IACtC,IAAIY,GAAG,GAAG,IAAI,CAACV,kBAAkB,CAACF,MAAM,CAAC;IACzCa,OAAO,CAACC,GAAG,CAAC,YAAY,EAAEH,GAAG,CAAC;IAC9B,OACI;MAACC,GAAG,EAAHA,GAAG;MAAED,GAAG,EAAHA;KAAI;GAEjB;EAAA,OAAAZ,cAAA;AAAA;;ACvBU,SAASgB,OAAOA,CAACP,OAAO,EAAE;EACvC,IAAMQ,OAAO,GAAG,IAAI;EAEpB,oBACEC,cAAA,CAAAC,aAAA,CAACC,cAAK;IAACC,SAAS,EAAC,MAAM;IAAC,MAAIJ;kBAC1BC,cAAA,CAAAC,aAAA,CAACG,YAAG;IAACC,EAAE,EAAE;MAAEC,OAAO,EAAE,MAAM;MAAEC,aAAa,EAAE,QAAQ;MAAEC,KAAK,EAAE;QAACC,EAAE,EAAE,MAAM;QAAEC,EAAE,EAAE;;;kBAC3EV,cAAA,CAAAC,aAAA,CAACU,mBAAU;IAACC,SAAS,EAAC,aAAa;IAACP,EAAE,EAAE;MAAEQ,YAAY,EAAE;;KACrDtB,OAAO,CAACuB,SAAS,CAACC,YAAY,CAAC,CAAC,CAAC,CAACC,KAAK,GACtCzB,OAAO,CAACuB,SAAS,CAACC,YAAY,CAAC,CAAC,CAAC,CAACC,KAAK,GACrC,gBACM,CAAC,eACbhB,cAAA,CAAAC,aAAA,CAACU,mBAAU;IAACC,SAAS,EAAC,OAAO;IAACP,EAAE,EAAE;MAAEQ,YAAY,EAAE;;KAC/CtB,OAAO,CAACuB,SAAS,CAACC,YAAY,CAAC,CAAC,CAAC,CAACE,WAAW,GAC5C1B,OAAO,CAACuB,SAAS,CAACC,YAAY,CAAC,CAAC,CAAC,CAACE,WAAW,GAC3C,qBACM,CACT,CACA,CAAC;AAEZ;;ICnBaC,MAAM,0BAAAC,eAAA;EAAAC,cAAA,CAAAF,MAAA,EAAAC,eAAA;EACf,SAAAD,SAAc;IAAA,IAAAG,KAAA;IACZA,KAAA,GAAAF,eAAA,CAAAG,IAAA,KAAM,CAAC;IAAAD,KAAA,CAETtC,MAAM,GAAG,CAACe,OAAO,CAAC;IAAAuB,KAAA,CAClBrC,eAAe,GAAG,CAAC,qBAAqB,CAAC;IAAAqC,KAAA,CACzCpC,kBAAkB,GAAG,CACnB;MACE,MAAM,EAAE,CAAC;MACT,OAAO,EAAC,QAAQ;MAChB,SAAS,EAAC;KACX,CAEF;IAAA,OAAAoC,KAAA;;EAVA,OAAAH,MAAA;AAAA,EAHuBpC,cAAc;;ACA3B,SAASgB,SAAOA,CAACP,OAAO,EAAE;EACvC,IAAMQ,OAAO,GAAG,IAAI;EACpB,oBACEC,cAAA,CAAAC,aAAA,CAACC,cAAK;IAACC,SAAS,EAAC,MAAM;IAAC,MAAIJ;kBAC1BC,cAAA,CAAAC,aAAA,CAACG,YAAG;IAACC,EAAE,EAAE;MAAEC,OAAO,EAAE,MAAM;MAAEC,aAAa,EAAE,QAAQ;MAAEC,KAAK,EAAE;QAACC,EAAE,EAAE,MAAM;QAAEC,EAAE,EAAE;;;kBAC3EV,cAAA,CAAAC,aAAA,CAACU,mBAAU;IAACC,SAAS,EAAC,cAAc;IAACP,EAAE,EAAE;MAAEQ,YAAY,EAAE;;KACtDtB,OAAO,CAACuB,SAAS,CAACC,YAAY,CAAC,CAAC,CAAC,CAACC,KAAK,GACtCzB,OAAO,CAACuB,SAAS,CAACC,YAAY,CAAC,CAAC,CAAC,CAACC,KAAK,GACrC,gBACM,CAAC,eACbhB,cAAA,CAAAC,aAAA,CAACU,mBAAU;IAACC,SAAS,EAAC,OAAO;IAACP,EAAE,EAAE;MAAEQ,YAAY,EAAE;;KAC/CtB,OAAO,CAACuB,SAAS,CAACC,YAAY,CAAC,CAAC,CAAC,CAACE,WAAW,GAC5C1B,OAAO,CAACuB,SAAS,CAACC,YAAY,CAAC,CAAC,CAAC,CAACE,WAAW,GAC3C,qBACM,CAAC,eACbjB,cAAA,CAAAC,aAAA,CAACsB,eAAM;IAACC,OAAO,EAAC,WAAW;IAACnB,EAAE,EAAE;MAAEG,KAAK,EAAE,KAAK;MAAEK,YAAY,EAAE;;KAC3DtB,OAAO,CAACuB,SAAS,CAACC,YAAY,CAAC,CAAC,CAAC,CAACU,YAAY,GAC7ClC,OAAO,CAACuB,SAAS,CAACC,YAAY,CAAC,CAAC,CAAC,CAACU,YAAY,GAC5C,cACE,CACL,CACA,CAAC;AAEZ;;ICtBaC,MAAM,0BAAAP,eAAA;EAAAC,cAAA,CAAAM,MAAA,EAAAP,eAAA;EACjB,SAAAO,SAAc;IAAA,IAAAL,KAAA;IACZA,KAAA,GAAAF,eAAA,CAAAG,IAAA,KAAM,CAAC;IAAAD,KAAA,CAGTtC,MAAM,GAAG,CAACe,SAAO,CAAC;IAAAuB,KAAA,CAClBrC,eAAe,GAAG,CAAC,qBAAqB,CAAC;IAAAqC,KAAA,CACzCpC,kBAAkB,GAAG,CACnB;MACE,MAAM,EAAE,CAAC;MACT,SAAS,EAAC;KACX,EACA;MACC,MAAM,EAAE,CAAC;MACT,OAAO,EAAC,QAAQ;MAChB,SAAS,EAAC,SAAS;MACnB,MAAM,EAAC;KACR,CAEF;IAAA,OAAAoC,KAAA;;EAhBA,OAAAK,MAAA;AAAA,EAHyB5C,cAAc;;ACD3B,SAAS6C,eAAeA,CAACC,KAAK,EAAE;EAC7C,IAAQC,IAAI,GAAeD,KAAK,CAAxBC,IAAI;IAAEC,QAAQ,GAAKF,KAAK,CAAlBE,QAAQ;EAEtB,oBACE9B,cAAA,CAAAC,aAAA,CAACG,YAAG;IACFC,EAAE,EAAE;MAEF0B,OAAO,EAAE,MAAM;MACfzB,OAAO,EAAE,MAAM;MACf0B,UAAU,EAAE,QAAQ;MACpBC,eAAe,EACbJ,IAAI,CAACf,SAAS,CAACoB,OAAO,KAAK,CAAC,GACxBL,IAAI,CAACf,SAAS,CAACqB,SAAS,GACxBC,SAAS;MACfC,eAAe,EACbR,IAAI,CAACf,SAAS,CAACoB,OAAO,KAAK,CAAC,wBACLL,IAAI,CAACf,SAAS,CAACqB,SAAS,UAAKN,IAAI,CAACf,SAAS,CAACwB,SAAS,SACxET,IAAI,CAACf,SAAS,CAACoB,OAAO,KAAK,CAAC,YACnBL,IAAI,CAACf,SAAS,CAACyB,QAAQ,CAACC,GAAG,SAClCJ,SAAS;MACjBK,kBAAkB,EAAE,QAAQ;MAC5BC,cAAc,EAAE,OAAO;MACvBC,gBAAgB,EAAE;;kBAGpB3C,cAAA,CAAAC,aAAA,CAAC2C,kBAAS;IAACC,QAAQ,EAAC;kBAClB7C,cAAA,CAAAC,aAAA,CAACG,YAAG;IACFC,EAAE,EAAE;MACFyC,QAAQ,EAAE;QAAErC,EAAE,EAAE,MAAM;QAAEC,EAAE,EAAE;OAAO;MACnCJ,OAAO,EAAE,MAAM;MACfyC,cAAc,EAAE;QACdtC,EAAE,EAAE,QAAQ;QACZC,EAAE,EAAEmB,IAAI,CAACf,SAAS,CAACkC,eAAe,GAAGnB,IAAI,CAACf,SAAS,CAACkC,eAAe,GAAG;;;KAIzElB,QACE,CACI,CACR,CAAC;AAEV;;AC5CO,IAAMmB,YAAY,GAAG,6DAA6D;;ACK1E,SAASnD,SAAOA,CAACP,OAAO,EAAE;EAEvC,IAAMQ,OAAO,GAAG,IAAI;EAEpB,oBACEC,cAAA,CAAAC,aAAA,CAACiD,aAAI;IACHC,SAAS;IACThD,SAAS,EAAC,KAAK;IACf4C,cAAc,EAAC,QAAQ;IACvBf,UAAU,EAAC,QAAQ;IACnBxB,KAAK,EAAE,MAAO;IACd4C,OAAO,EAAC;kBAERpD,cAAA,CAAAC,aAAA,CAACiD,aAAI;IAACG,IAAI;IAAC5C,EAAE,EAAE,EAAG;IAACC,EAAE,EAAE;kBACrBV,cAAA,CAAAC,aAAA,CAACC,cAAK;IAACC,SAAS,EAAC,OAAO;IAAC,MAAIJ;kBAC3BC,cAAA,CAAAC,aAAA,CAACG,YAAG;IAACC,EAAE,EAAE;MAAEwC,QAAQ,EAAE;QAAES,EAAE,EAAE,OAAO;QAAE5C,EAAE,EAAE,OAAO;QAAED,EAAE,EAAE;;KAAY;IAAC8C,MAAM,EAAE;kBACxEvD,cAAA,CAAAC,aAAA;IAAKuD,MAAM,EAAC,MAAM;IAAChD,KAAK,EAAC,MAAM;IAACiD,GAAG,EAAElE,OAAO,CAACuB,SAAS,CAACC,YAAY,CAAC,CAAC,CAAC,CAACrB,GAAG,GAAGH,OAAO,CAACuB,SAAS,CAACC,YAAY,CAAC,CAAC,CAAC,CAACrB,GAAG,GAAG;GAAuK,CACzR,CACA,CACH,CAAC,eACPM,cAAA,CAAAC,aAAA,CAACiD,aAAI;IAACG,IAAI;IAAC5C,EAAE,EAAE,EAAG;IAACC,EAAE,EAAE;kBACrBV,cAAA,CAAAC,aAAA,CAACyD,IAAI,EAAAC,QAAA;IACH,MAAI5D,OAAQ;IACZ6D,KAAK,EAAE;MAAEC,eAAe,EAAE;;KACrB9D,CAAU;IAAE+D,OAAO,EAAE;GAAM,CAAK,gBAErC9D,cAAA,CAAAC,aAAA,CAACG,YAAG,qBACFJ,cAAA,CAAAC,aAAA,CAACG,YAAG,qBACFJ,cAAA,CAAAC,aAAA;IAAGW,SAAS,EAAC;KAAgBrB,OAAO,CAACuB,SAAS,CAACC,YAAY,CAAC,CAAC,CAAC,CAACC,KAAK,GAAGzB,OAAO,CAACuB,SAAS,CAACC,YAAY,CAAC,CAAC,CAAC,CAACC,KAAK,GAAG,gBAAoB,CAClI,CAAC,eACNhB,cAAA,CAAAC,aAAA,CAACG,YAAG;IAACiD,IAAI;IAACG,MAAM,EAAC,MAAM;IAACO,SAAS,EAAE;MAAErD,EAAE,EAAE,OAAO;MAAED,EAAE,EAAE;KAAS;IAACuD,SAAS,EAAE;kBACzEhE,cAAA,CAAAC,aAAA,YAAIV,OAAO,CAACuB,SAAS,CAACC,YAAY,CAAC,CAAC,CAAC,CAACE,WAAW,GAAG1B,OAAO,CAACuB,SAAS,CAACC,YAAY,CAAC,CAAC,CAAC,CAACE,WAAW,GAAG,qBAAyB,CAC1H,CAAC,eACNjB,cAAA,CAAAC,aAAA,CAACG,YAAG,qBACFJ,cAAA,CAAAC,aAAA,CAACsB,eAAM;IAACC,OAAO,EAAC,WAAW;IAACnB,EAAE,EAAE;MAAEG,KAAK,EAAE;;KACtCjB,OAAO,CAACuB,SAAS,CAACC,YAAY,CAAC,CAAC,CAAC,CAACU,YAAY,GAAGlC,OAAO,CAACuB,SAAS,CAACC,YAAY,CAAC,CAAC,CAAC,CAACU,YAAY,GAAG,cAC7F,CACL,CACF,CACD,CACF,CAEF,CAAC;AAEX;;IC9CawC,WAAW,0BAAA9C,eAAA;EAAAC,cAAA,CAAA6C,WAAA,EAAA9C,eAAA;EACpB,SAAA8C,cAAc;IAAA,IAAA5C,KAAA;IACZA,KAAA,GAAAF,eAAA,CAAAG,IAAA,KAAM,CAAC;IAAAD,KAAA,CAETtC,MAAM,GAAG,CAACe,SAAO,CAAC;IAAAuB,KAAA,CAClBrC,eAAe,GAAG,CAAC,yBAAyB,CAAC;IAAAqC,KAAA,CAC7CpC,kBAAkB,GAAG,CACnB;MACE,MAAM,EAAE,CAAC;MACT,OAAO,EAAC,OAAO;MACf,aAAa,EAAC,MAAM;MACpB,cAAc,EAAC,cAAc;MAC7B,eAAe,EAAC,eAAe;MAC/B,OAAO,EAAC;KACT,CACF;IAAA,OAAAoC,KAAA;;EAZA,OAAA4C,WAAA;AAAA,EAH4BnF,cAAc;;ICIlCoF,OAAO;EAClB,SAAAA,QAAYC,aAAa,EAAEC,KAAK,EAAE;IAChC,IAAI,CAACC,KAAK,GAAGF,aAAa;;EAC3B,IAAAjF,MAAA,GAAAgF,OAAA,CAAA/E,SAAA;EAAAD,MAAA,CAED4B,SAAS,GAAT,SAAAA,UAAUe,IAAI,EAAE;IACdjC,OAAO,CAACC,GAAG,CAAC,MAAM,EAAEgC,IAAI,CAAC;IACzB,oBACE7B,cAAA,CAAAC,aAAA,CAAC0B,eAAe;MAACE,IAAI,EAAEA;OAEpB,IAAI,CAACwC,KAAK,CAAC/E,KAAK,CAACuC,IAAI,EAAEA,IAAI,CAACf,SAAS,CAAC/B,MAAM,CAC9B,CAAC;GAErB;EAAAG,MAAA,CAEDoF,YAAY,GAAZ,SAAAA,aAAavF,MAAM,EAAE;IACnB,IAAIwF,SAAS,GAAG,IAAI,CAACF,KAAK,CAAC5E,SAAS,CAACV,MAAM,CAAC;IAC5Ca,OAAO,CAACC,GAAG,CAAC,SAAS,EAAE0E,SAAS,CAAC;IACjC,OACE;MAAE5E,GAAG,EAAE4E,SAAS,CAAC5E,GAAG;MAAED,GAAG,OAAKuD,YAAY,GAAGsB,SAAS,CAAC7E;KAAO;GAEjE;EAAAR,MAAA,CAEDsF,YAAY,GAAZ,SAAAA,eAAe;IACb,OACE,IAAI,CAACH,KAAK,CAACjF,aAAa,EAAE;GAE7B;EAAA,OAAA8E,OAAA;AAAA;AAKH,IAAaO,QAAQ;EACnB,SAAAA,WAAc;IACZ,IAAI,CAACC,MAAM,GAAG,IAAIR,OAAO,CAAC,IAAIxC,MAAM,EAAE,CAAC;IACvC,IAAI,CAACiD,MAAM,GAAG,IAAIT,OAAO,CAAC,IAAIhD,MAAM,EAAE,CAAC;IACvC,IAAI,CAAC0D,WAAW,GAAG,IAAIV,OAAO,CAAC,IAAID,WAAW,EAAE,CAAC;IACjD,IAAI,CAACY,QAAQ,GAAG,CAAC,IAAI,CAACH,MAAM,EAAE,IAAI,CAACE,WAAW,EAAE,IAAI,CAACD,MAAM,CAAC;;EAC7D,IAAAG,OAAA,GAAAL,QAAA,CAAAtF,SAAA;EAAA2F,OAAA,CAEDC,cAAc,GAAd,SAAAA,iBAAiB;IACf,OACE;MACE,GAAG,EAAE,QAAQ;MACb,GAAG,EAAE,kBAAkB;MACvB,GAAG,EAAE;KACN;GAEJ;EAAAD,OAAA,CACDE,qBAAqB,GAArB,SAAAA,sBAAsBC,KAAK,EAAE;IAC3B,IAAIC,OAAO,GAAG,IAAI,CAACL,QAAQ,CAACI,KAAK,CAAC;IAClC,OAAQC,OAAO;GAChB;EAAA,OAAAT,QAAA;AAAA;;;;"}

package/dist/index.modern.js

@@ -89,6 +89,7 @@ var Quotes = /*#__PURE__*/function (_AtomicElements) {
     _this.layout = [Layout1];
     _this.layoutFootprint = ['quotes_layout_1.png'];
     _this.layoutFootprintReq = [{
+      'type': 0,
       'title': 'Tittle',
       'content': 'Content'
     }];
@@ -138,9 +139,10 @@ var Banner = /*#__PURE__*/function (_AtomicElements) {
     _this.layout = [Layout1$1];
     _this.layoutFootprint = ['banner_layout_1.jpg'];
     _this.layoutFootprintReq = [{
-      'title': 'Tittle',
+      'type': 0,
       'content': 'Content'
     }, {
+      'type': 0,
       'title': 'Tittle',
       'content': 'Content',
       'name': 'Name'
@@ -249,6 +251,7 @@ var TextPlusImg = /*#__PURE__*/function (_AtomicElements) {
     _this.layout = [Layout1$2];
     _this.layoutFootprint = ['text_image_layout_1.png'];
     _this.layoutFootprintReq = [{
+      'type': 0,
       'title': 'Title',
       'description': 'Text',
       'button_title': 'Button Title',
@@ -295,8 +298,8 @@ var Sections = /*#__PURE__*/function () {
   _proto2.getSectionList = function getSectionList() {
     return {
       '0': 'Banner',
-      '1': 'Text + Img',
-      '2': 'Quotes'
+      '1': 'Texto + Imágenes',
+      '2': 'Citas/Testimonios'
     };
   };
   _proto2.getLayoutsFromSection = function getLayoutsFromSection(index) {

package/dist/index.modern.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.modern.js","sources":["../src/atomicElement.js","../src/quotes/elements/layout1.js","../src/quotes/Component.js","../src/banner/elements/layout1.js","../src/banner/Component.js","../src/canvas/CanvasContainer.js","../src/constants.js","../src/textPlusImg/elements/layout1.js","../src/textPlusImg/Component.js","../src/Section.js"],"sourcesContent":["export class AtomicElements {\r\n    constructor(){\r\n        this.layout = []\r\n        this.layoutFootprint = []\r\n        this.layoutFootprintReq = []\r\n    }\r\n\r\n    layoutsLength(){\r\n        return(\r\n            this.layout.length\r\n        )\r\n    }\r\n\r\n    build(content, layoutId){\r\n        return(\r\n            this.layout[layoutId](content)\r\n        )\r\n    }\r\n\r\n    footprint(layout){\r\n        let img = this.layoutFootprint[layout]\r\n        let req = this.layoutFootprintReq[layout]\r\n        console.log('img atomic', img)\r\n        return(\r\n            {req, img}\r\n        )\r\n    }\r\n\r\n}\r\n","import React from \"react\"\r\nimport { Box, Typography, Slide } from '@mui/material'\r\n\r\nexport default function Layout1(content) {\r\n  const visible = true\r\n\r\n  return (\r\n    <Slide direction=\"left\" in={visible}>\r\n      <Box sx={{ display: 'flex', flexDirection: 'column', width: {xs: '100%', md: '30%'} }}>\r\n        <Typography className=\"title-large\" sx={{ marginBottom: '16px' }}>\r\n          {content.component.subcomponent[0].title ?\r\n            content.component.subcomponent[0].title\r\n            : 'Agregue título'}\r\n        </Typography>\r\n        <Typography className=\"small\" sx={{ marginBottom: '16px' }}>\r\n          {content.component.subcomponent[0].description ?\r\n            content.component.subcomponent[0].description\r\n            : 'Agregue descripción'}\r\n        </Typography>\r\n      </Box>\r\n    </Slide>\r\n  )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1  from './elements/layout1'\r\n\r\nexport class Quotes extends AtomicElements {\r\n    constructor() {\r\n      super()\r\n    }\r\n    layout = [Layout1]\r\n    layoutFootprint = ['quotes_layout_1.png']\r\n    layoutFootprintReq = [\r\n      {\r\n        'title':'Tittle',\r\n        'content':'Content',\r\n      },\r\n\r\n    ]\r\n    //Methods heredados\r\n    // layout, layouts(), build() \r\n    \r\n}","import { Box, Button, Typography, Slide } from '@mui/material'\r\nimport React from 'react'\r\n\r\nexport default function Layout1(content) {\r\n  const visible = true\r\n  return (\r\n    <Slide direction=\"left\" in={visible}>\r\n      <Box sx={{ display: 'flex', flexDirection: 'column', width: {xs: '100%', md: '30%'} }}>\r\n        <Typography className=\"title-xlarge\" sx={{ marginBottom: '16px' }}>\r\n          {content.component.subcomponent[0].title ?\r\n            content.component.subcomponent[0].title\r\n            : 'Agregue título'}\r\n        </Typography>\r\n        <Typography className=\"title\" sx={{ marginBottom: '16px' }}>\r\n          {content.component.subcomponent[0].description ?\r\n            content.component.subcomponent[0].description\r\n            : 'Agregue descripción'}\r\n        </Typography>\r\n        <Button variant='contained' sx={{ width: '50%', marginBottom: '16px' }}>\r\n          {content.component.subcomponent[0].button_title ?\r\n            content.component.subcomponent[0].button_title\r\n            : 'Nombre botón'}\r\n        </Button>\r\n      </Box>\r\n    </Slide>\r\n  )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1  from './elements/layout1'\r\nimport Layout2  from './elements/layout2'\r\n\r\nexport class Banner extends AtomicElements {\r\n  constructor() {\r\n    super()\r\n  }\r\n\r\n  layout = [Layout1]\r\n  layoutFootprint = ['banner_layout_1.jpg']\r\n  layoutFootprintReq = [\r\n    {\r\n      'title':'Tittle',\r\n      'content':'Content',\r\n    },\r\n     {\r\n      'title':'Tittle',\r\n      'content':'Content',\r\n      'name':'Name',\r\n    },\r\n  \r\n  ]\r\n  //Methods heredados\r\n  // layout, layouts(), build() \r\n  // <texinput display={!layout.img} id='Title'>\r\n  // <texinput display={!layout.img} id='content'></texinput>\r\n  // <texinput display={!layout.img} id='name'></texinput>\r\n  //<texinput disable={!layout.img}>\r\n}","import React from \"react\";\r\nimport { Box, Container } from \"@mui/material\";\r\n\r\nexport default function CanvasContainer(props) {\r\n  const { json, children } = props\r\n\r\n  return (\r\n    <Box\r\n      sx={{\r\n        //minHeight: '680px',//este no pueden ser estaticos\r\n        padding: '32px',\r\n        display: 'flex',\r\n        alignItems: 'center',\r\n        backgroundColor:\r\n          json.component.bg_type === 1\r\n            ? json.component.bg_color1\r\n            : undefined,\r\n        backgroundImage:\r\n          json.component.bg_type === 2\r\n            ? `linear-gradient(${json.component.bg_color1}, ${json.component.bg_color2})`\r\n            : json.component.bg_type === 3\r\n              ? `url(${json.component.bg_image.url})`\r\n              : undefined,\r\n        backgroundPosition: 'center',\r\n        backgroundSize: 'cover',\r\n        backgroundRepeat: 'no-repeat',\r\n      }}\r\n    >\r\n      <Container maxWidth='xl'>\r\n        <Box\r\n          sx={{\r\n            minWidth: { xs: '100%', md: '45%' },\r\n            display: 'flex',\r\n            justifyContent: {\r\n              xs: 'center',\r\n              md: json.component.justify_content ? json.component.justify_content : 'center'\r\n            }\r\n          }}\r\n        >\r\n          {children}\r\n        </Box>\r\n      </Container>\r\n    </Box>\r\n  );\r\n}","export const JK_RESOURCES = 'https://jk-clients.s3.us-east-2.amazonaws.com/jk-resources/'","import { Grid, Box, Button } from \"@mui/material\"\r\nimport React, { useState } from \"react\"\r\nimport { Slide } from \"@mui/material\";\r\nimport Grow from '@mui/material/Grow';\r\n\r\nexport default function Layout1(content) {\r\n\r\n  const visible = true\r\n\r\n  return (\r\n    <Grid\r\n      container\r\n      direction=\"row\"\r\n      justifyContent=\"center\"\r\n      alignItems=\"center\"\r\n      width={'100%'}\r\n      spacing='16px'\r\n    >\r\n      <Grid item xs={12} md={5}>\r\n        <Slide direction=\"right\" in={visible}>\r\n          <Box sx={{ maxWidth: { xl: '600px', md: '400px', xs: '350px' } }} margin={'auto'}>\r\n            <img height=\"auto\" width=\"100%\" src={content.component.subcomponent[0].img ? content.component.subcomponent[0].img : 'https://thumbs.dreamstime.com/z/ning%C3%BAn-s%C3%ADmbolo-del-vector-de-la-imagen-icono-disponible-perdido-ninguna-galer%C3%ADa-para-este-momento-139140396.jpg'}></img>\r\n          </Box>\r\n        </Slide>\r\n      </Grid>\r\n      <Grid item xs={12} md={7}>\r\n        <Grow\r\n          in={visible}\r\n          style={{ transformOrigin: '0 0 0' }}\r\n          {...(visible ? { timeout: 1000 } : {})}\r\n        >\r\n          <Box>\r\n            <Box>\r\n              <a className=\"title-xlarge\">{content.component.subcomponent[0].title ? content.component.subcomponent[0].title : 'Agregue título'}</a>\r\n            </Box>\r\n            <Box item height=\"auto\" minHeight={{ md: '200px', xs: 'auto' }} textAlign={'justify'}>\r\n              <p>{content.component.subcomponent[0].description ? content.component.subcomponent[0].description : 'Agregue descripción'}</p>\r\n            </Box>\r\n            <Box>\r\n              <Button variant=\"contained\" sx={{ width: '30%' }}>\r\n                {content.component.subcomponent[0].button_title ? content.component.subcomponent[0].button_title : 'Nombre botón'}\r\n              </Button>\r\n            </Box>\r\n          </Box>\r\n        </Grow>\r\n      </Grid>\r\n\r\n    </Grid>\r\n  )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1  from './elements/layout1'\r\n\r\nexport class TextPlusImg extends AtomicElements {\r\n    constructor() {\r\n      super()\r\n    }\r\n    layout = [Layout1]\r\n    layoutFootprint = ['text_image_layout_1.png']\r\n    layoutFootprintReq = [\r\n      {\r\n        'title':'Title',\r\n        'description':'Text',\r\n        'button_title':'Button Title',\r\n        'button_action':'Button Action',\r\n        'image':'Image',\r\n      },\r\n    ]\r\n    //Methods heredados\r\n    // layout, layouts(), build() \r\n    \r\n}","import React from \"react\"\r\nimport { Quotes } from \"./quotes/Component\"\r\nimport { Banner } from \"./banner/Component\"\r\nimport CanvasContainer from \"./canvas/CanvasContainer\"\r\nimport { JK_RESOURCES } from \"./constants\"\r\nimport { TextPlusImg } from \"./textPlusImg/Component\"\r\n// Section is a common class for each component\r\nexport class Section {\r\n  constructor(AtomicElement, theme) {\r\n    this.child = AtomicElement\r\n  }\r\n\r\n  component(json) {\r\n    console.log('json', json)\r\n    return (\r\n      <CanvasContainer json={json}>\r\n        {/* Child is the instance passed as parameter in section, next class */}\r\n        {this.child.build(json, json.component.layout)}\r\n      </CanvasContainer>\r\n    )\r\n  }\r\n\r\n  getFootPrint(layout) {\r\n    let footPrint = this.child.footprint(layout)\r\n    console.log('section', footPrint)\r\n    return (\r\n      { req: footPrint.req, img: `${JK_RESOURCES}${footPrint.img}` }\r\n    )\r\n  }\r\n\r\n  layoutLength() {\r\n    return (\r\n      this.child.layoutsLength()\r\n    )\r\n  }\r\n\r\n}\r\n\r\n//Sections is the interface with admin and store\r\nexport class Sections {\r\n  constructor() {\r\n    this.banner = new Section(new Banner())\r\n    this.quotes = new Section(new Quotes())\r\n    this.textPlusImg = new Section(new TextPlusImg())\r\n    this.sections = [this.banner, this.textPlusImg, this.quotes]\r\n  }\r\n\r\n  getSectionList() {\r\n    return (\r\n      {\r\n        '0': 'Banner',\r\n        '1': 'Text + Img',\r\n        '2': 'Quotes',\r\n      }\r\n    )\r\n  }\r\n  getLayoutsFromSection(index) {\r\n    let section = this.sections[index]\r\n    return (section)\r\n  }\r\n\r\n}"],"names":["AtomicElements","layout","layoutFootprint","layoutFootprintReq","_proto","prototype","layoutsLength","length","build","content","layoutId","footprint","img","req","console","log","Layout1","visible","React","createElement","Slide","direction","Box","sx","display","flexDirection","width","xs","md","Typography","className","marginBottom","component","subcomponent","title","description","Quotes","_AtomicElements","_inheritsLoose","_this","call","Button","variant","button_title","Banner","CanvasContainer","props","json","children","padding","alignItems","backgroundColor","bg_type","bg_color1","undefined","backgroundImage","bg_color2","bg_image","url","backgroundPosition","backgroundSize","backgroundRepeat","Container","maxWidth","minWidth","justifyContent","justify_content","JK_RESOURCES","Grid","container","spacing","item","xl","margin","height","src","Grow","_extends","style","transformOrigin","timeout","minHeight","textAlign","TextPlusImg","Section","AtomicElement","theme","child","getFootPrint","footPrint","layoutLength","Sections","banner","quotes","textPlusImg","sections","_proto2","getSectionList","getLayoutsFromSection","index","section"],"mappings":"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"}
+{"version":3,"file":"index.modern.js","sources":["../src/atomicElement.js","../src/quotes/elements/layout1.js","../src/quotes/Component.js","../src/banner/elements/layout1.js","../src/banner/Component.js","../src/canvas/CanvasContainer.js","../src/constants.js","../src/textPlusImg/elements/layout1.js","../src/textPlusImg/Component.js","../src/Section.js"],"sourcesContent":["export class AtomicElements {\r\n    constructor(){\r\n        this.layout = []\r\n        this.layoutFootprint = []\r\n        this.layoutFootprintReq = []\r\n    }\r\n\r\n    layoutsLength(){\r\n        return(\r\n            this.layout.length\r\n        )\r\n    }\r\n\r\n    build(content, layoutId){\r\n        return(\r\n            this.layout[layoutId](content)\r\n        )\r\n    }\r\n\r\n    footprint(layout){\r\n        let img = this.layoutFootprint[layout]\r\n        let req = this.layoutFootprintReq[layout]\r\n        console.log('img atomic', img)\r\n        return(\r\n            {req, img}\r\n        )\r\n    }\r\n\r\n}\r\n","import React from \"react\"\r\nimport { Box, Typography, Slide } from '@mui/material'\r\n\r\nexport default function Layout1(content) {\r\n  const visible = true\r\n\r\n  return (\r\n    <Slide direction=\"left\" in={visible}>\r\n      <Box sx={{ display: 'flex', flexDirection: 'column', width: {xs: '100%', md: '30%'} }}>\r\n        <Typography className=\"title-large\" sx={{ marginBottom: '16px' }}>\r\n          {content.component.subcomponent[0].title ?\r\n            content.component.subcomponent[0].title\r\n            : 'Agregue título'}\r\n        </Typography>\r\n        <Typography className=\"small\" sx={{ marginBottom: '16px' }}>\r\n          {content.component.subcomponent[0].description ?\r\n            content.component.subcomponent[0].description\r\n            : 'Agregue descripción'}\r\n        </Typography>\r\n      </Box>\r\n    </Slide>\r\n  )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1  from './elements/layout1'\r\n\r\nexport class Quotes extends AtomicElements {\r\n    constructor() {\r\n      super()\r\n    }\r\n    layout = [Layout1]\r\n    layoutFootprint = ['quotes_layout_1.png']\r\n    layoutFootprintReq = [\r\n      {\r\n        'type': 0,// all reqs should have this, 0 single elemet | 1 more than one. E.G  Carousel or single element\r\n        'title':'Tittle',\r\n        'content':'Content',\r\n      },\r\n\r\n    ]\r\n    //Methods heredados\r\n    // layout, layouts(), build() \r\n    \r\n}","import { Box, Button, Typography, Slide } from '@mui/material'\r\nimport React from 'react'\r\n\r\nexport default function Layout1(content) {\r\n  const visible = true\r\n  return (\r\n    <Slide direction=\"left\" in={visible}>\r\n      <Box sx={{ display: 'flex', flexDirection: 'column', width: {xs: '100%', md: '30%'} }}>\r\n        <Typography className=\"title-xlarge\" sx={{ marginBottom: '16px' }}>\r\n          {content.component.subcomponent[0].title ?\r\n            content.component.subcomponent[0].title\r\n            : 'Agregue título'}\r\n        </Typography>\r\n        <Typography className=\"title\" sx={{ marginBottom: '16px' }}>\r\n          {content.component.subcomponent[0].description ?\r\n            content.component.subcomponent[0].description\r\n            : 'Agregue descripción'}\r\n        </Typography>\r\n        <Button variant='contained' sx={{ width: '50%', marginBottom: '16px' }}>\r\n          {content.component.subcomponent[0].button_title ?\r\n            content.component.subcomponent[0].button_title\r\n            : 'Nombre botón'}\r\n        </Button>\r\n      </Box>\r\n    </Slide>\r\n  )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1  from './elements/layout1'\r\nimport Layout2  from './elements/layout2'\r\n\r\nexport class Banner extends AtomicElements {\r\n  constructor() {\r\n    super()\r\n  }\r\n\r\n  layout = [Layout1]\r\n  layoutFootprint = ['banner_layout_1.jpg']\r\n  layoutFootprintReq = [\r\n    {\r\n      'type': 0,// all reqs should have this, 0 single elemet | 1 more than one. E.G  Carousel or single element\r\n      'content':'Content',\r\n    },\r\n     {\r\n      'type': 0,// all reqs should have this, 0 single elemet | 1 more than one. E.G  Carousel or single element\r\n      'title':'Tittle',\r\n      'content':'Content',\r\n      'name':'Name',\r\n    },\r\n  \r\n  ]\r\n  //Methods heredados\r\n  // layout, layouts(), build() \r\n  // <texinput display={!layout.img} id='Title'>\r\n  // <texinput display={!layout.img} id='content'></texinput>\r\n  // <texinput display={!layout.img} id='name'></texinput>\r\n  //<texinput disable={!layout.img}>\r\n}","import React from \"react\";\r\nimport { Box, Container } from \"@mui/material\";\r\n\r\nexport default function CanvasContainer(props) {\r\n  const { json, children } = props\r\n\r\n  return (\r\n    <Box\r\n      sx={{\r\n        //minHeight: '680px',//este no pueden ser estaticos\r\n        padding: '32px',\r\n        display: 'flex',\r\n        alignItems: 'center',\r\n        backgroundColor:\r\n          json.component.bg_type === 1\r\n            ? json.component.bg_color1\r\n            : undefined,\r\n        backgroundImage:\r\n          json.component.bg_type === 2\r\n            ? `linear-gradient(${json.component.bg_color1}, ${json.component.bg_color2})`\r\n            : json.component.bg_type === 3\r\n              ? `url(${json.component.bg_image.url})`\r\n              : undefined,\r\n        backgroundPosition: 'center',\r\n        backgroundSize: 'cover',\r\n        backgroundRepeat: 'no-repeat',\r\n      }}\r\n    >\r\n      <Container maxWidth='xl'>\r\n        <Box\r\n          sx={{\r\n            minWidth: { xs: '100%', md: '45%' },\r\n            display: 'flex',\r\n            justifyContent: {\r\n              xs: 'center',\r\n              md: json.component.justify_content ? json.component.justify_content : 'center'\r\n            }\r\n          }}\r\n        >\r\n          {children}\r\n        </Box>\r\n      </Container>\r\n    </Box>\r\n  );\r\n}","export const JK_RESOURCES = 'https://jk-clients.s3.us-east-2.amazonaws.com/jk-resources/'","import { Grid, Box, Button } from \"@mui/material\"\r\nimport React, { useState } from \"react\"\r\nimport { Slide } from \"@mui/material\";\r\nimport Grow from '@mui/material/Grow';\r\n\r\nexport default function Layout1(content) {\r\n\r\n  const visible = true\r\n\r\n  return (\r\n    <Grid\r\n      container\r\n      direction=\"row\"\r\n      justifyContent=\"center\"\r\n      alignItems=\"center\"\r\n      width={'100%'}\r\n      spacing='16px'\r\n    >\r\n      <Grid item xs={12} md={5}>\r\n        <Slide direction=\"right\" in={visible}>\r\n          <Box sx={{ maxWidth: { xl: '600px', md: '400px', xs: '350px' } }} margin={'auto'}>\r\n            <img height=\"auto\" width=\"100%\" src={content.component.subcomponent[0].img ? content.component.subcomponent[0].img : 'https://thumbs.dreamstime.com/z/ning%C3%BAn-s%C3%ADmbolo-del-vector-de-la-imagen-icono-disponible-perdido-ninguna-galer%C3%ADa-para-este-momento-139140396.jpg'}></img>\r\n          </Box>\r\n        </Slide>\r\n      </Grid>\r\n      <Grid item xs={12} md={7}>\r\n        <Grow\r\n          in={visible}\r\n          style={{ transformOrigin: '0 0 0' }}\r\n          {...(visible ? { timeout: 1000 } : {})}\r\n        >\r\n          <Box>\r\n            <Box>\r\n              <a className=\"title-xlarge\">{content.component.subcomponent[0].title ? content.component.subcomponent[0].title : 'Agregue título'}</a>\r\n            </Box>\r\n            <Box item height=\"auto\" minHeight={{ md: '200px', xs: 'auto' }} textAlign={'justify'}>\r\n              <p>{content.component.subcomponent[0].description ? content.component.subcomponent[0].description : 'Agregue descripción'}</p>\r\n            </Box>\r\n            <Box>\r\n              <Button variant=\"contained\" sx={{ width: '30%' }}>\r\n                {content.component.subcomponent[0].button_title ? content.component.subcomponent[0].button_title : 'Nombre botón'}\r\n              </Button>\r\n            </Box>\r\n          </Box>\r\n        </Grow>\r\n      </Grid>\r\n\r\n    </Grid>\r\n  )\r\n}","import { AtomicElements } from \"../atomicElement\"\r\nimport Layout1  from './elements/layout1'\r\n\r\nexport class TextPlusImg extends AtomicElements {\r\n    constructor() {\r\n      super()\r\n    }\r\n    layout = [Layout1]\r\n    layoutFootprint = ['text_image_layout_1.png']\r\n    layoutFootprintReq = [\r\n      {\r\n        'type': 0,// all reqs should have this, 0 single elemet | 1 more than one. E.G  Carousel or single element\r\n        'title':'Title',\r\n        'description':'Text',\r\n        'button_title':'Button Title',\r\n        'button_action':'Button Action',\r\n        'image':'Image',\r\n      },\r\n    ]\r\n    //Methods heredados\r\n    // layout, layouts(), build() \r\n    \r\n}","import React from \"react\"\r\nimport { Quotes } from \"./quotes/Component\"\r\nimport { Banner } from \"./banner/Component\"\r\nimport CanvasContainer from \"./canvas/CanvasContainer\"\r\nimport { JK_RESOURCES } from \"./constants\"\r\nimport { TextPlusImg } from \"./textPlusImg/Component\"\r\n// Section is a common class for each component\r\nexport class Section {\r\n  constructor(AtomicElement, theme) {\r\n    this.child = AtomicElement\r\n  }\r\n\r\n  component(json) {\r\n    console.log('json', json)\r\n    return (\r\n      <CanvasContainer json={json}>\r\n        {/* Child is the instance passed as parameter in section, next class */}\r\n        {this.child.build(json, json.component.layout)}\r\n      </CanvasContainer>\r\n    )\r\n  }\r\n\r\n  getFootPrint(layout) {\r\n    let footPrint = this.child.footprint(layout)\r\n    console.log('section', footPrint)\r\n    return (\r\n      { req: footPrint.req, img: `${JK_RESOURCES}${footPrint.img}` }\r\n    )\r\n  }\r\n\r\n  layoutLength() {\r\n    return (\r\n      this.child.layoutsLength()\r\n    )\r\n  }\r\n\r\n}\r\n\r\n//Sections is the interface with admin and store\r\nexport class Sections {\r\n  constructor() {\r\n    this.banner = new Section(new Banner())\r\n    this.quotes = new Section(new Quotes())\r\n    this.textPlusImg = new Section(new TextPlusImg())\r\n    this.sections = [this.banner, this.textPlusImg, this.quotes]\r\n  }\r\n\r\n  getSectionList() {\r\n    return (\r\n      {\r\n        '0': 'Banner',\r\n        '1': 'Texto + Imágenes',\r\n        '2': 'Citas/Testimonios',\r\n      }\r\n    )\r\n  }\r\n  getLayoutsFromSection(index) {\r\n    let section = this.sections[index]\r\n    return (section)\r\n  }\r\n\r\n}"],"names":["AtomicElements","layout","layoutFootprint","layoutFootprintReq","_proto","prototype","layoutsLength","length","build","content","layoutId","footprint","img","req","console","log","Layout1","visible","React","createElement","Slide","direction","Box","sx","display","flexDirection","width","xs","md","Typography","className","marginBottom","component","subcomponent","title","description","Quotes","_AtomicElements","_inheritsLoose","_this","call","Button","variant","button_title","Banner","CanvasContainer","props","json","children","padding","alignItems","backgroundColor","bg_type","bg_color1","undefined","backgroundImage","bg_color2","bg_image","url","backgroundPosition","backgroundSize","backgroundRepeat","Container","maxWidth","minWidth","justifyContent","justify_content","JK_RESOURCES","Grid","container","spacing","item","xl","margin","height","src","Grow","_extends","style","transformOrigin","timeout","minHeight","textAlign","TextPlusImg","Section","AtomicElement","theme","child","getFootPrint","footPrint","layoutLength","Sections","banner","quotes","textPlusImg","sections","_proto2","getSectionList","getLayoutsFromSection","index","section"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "keski_lib_catalog",
-  "version": "1.0.14",
+  "version": "1.0.16",
   "description": "Keski catalog components for Keski store, Codenation Studio",
   "author": "Francisco Marmolejo",
   "license": "",