contentoh-components-library 10.0.0 → 13.0.0

package/dist/components/organisms/ProductImageModal/index.js

@@ -25,6 +25,8 @@ var _GeneralButton = require("../../atoms/GeneralButton");
 
 var _data = require("../../../global-files/data");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var ProductImageModal = function ProductImageModal(_ref) {
   var _images$values$active, _images$values$active2, _images$values$active3;
 
@@ -63,49 +65,53 @@ var ProductImageModal = function ProductImageModal(_ref) {
       document.addEventListener("click", closeValidationPanel, false);
     }
   }, [showValidationPanel]);
-  (0, _react.useEffect)(function () {
-    console.log(images === null || images === void 0 ? void 0 : images.values[activeImage]);
-  }, [activeImage]);
-  return /*#__PURE__*/React.createElement(_styles.Container, null, /*#__PURE__*/React.createElement("div", {
-    className: "modal-container"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "modal-image-container"
-  }, /*#__PURE__*/React.createElement(_ProductImage.ProductImage, {
-    img: images === null || images === void 0 ? void 0 : (_images$values$active = images.values[activeImage]) === null || _images$values$active === void 0 ? void 0 : _images$values$active.src,
-    altText: images === null || images === void 0 ? void 0 : (_images$values$active2 = images.values[activeImage]) === null || _images$values$active2 === void 0 ? void 0 : _images$values$active2.name,
-    imageType: "expanded-modal-image"
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "modal-data-container"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "validation-and-table-container"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "validation-panel"
-  }, approveRejectButtons("images") && /*#__PURE__*/React.createElement(_GeneralButton.Button, {
-    buttonType: "circular-button ".concat(buttonType),
-    onClick: function onClick() {
-      return setShowValidationPanel(true);
-    }
-  }), /*#__PURE__*/React.createElement(_GeneralButton.Button, {
-    buttonType: "close-button",
-    onClick: function onClick() {
-      setShowModal(false);
-    }
-  }), showValidationPanel && /*#__PURE__*/React.createElement(_ValidationPanel.ValidationPanel, {
-    id: "validation-panel",
-    setOptionClicked: setButtonType,
-    setShowValidationPanel: setShowValidationPanel,
-    sendToFacilitator: sendToFacilitator
-  })), /*#__PURE__*/React.createElement(_ImageDataTable.ImageDataTable, {
-    imageData: images === null || images === void 0 ? void 0 : (_images$values$active3 = images.values[activeImage]) === null || _images$values$active3 === void 0 ? void 0 : _images$values$active3.data,
-    headerInfo: headerInfo,
-    activeImage: images === null || images === void 0 ? void 0 : images.values[activeImage],
-    darkMode: true,
-    lists: images
-  })), /*#__PURE__*/React.createElement(_ImageSelector.ImageSelector, {
-    images: images,
-    setActiveImage: setActiveImage,
-    modalSelector: true
-  }))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "modal-container",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "modal-image-container",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProductImage.ProductImage, {
+          img: images === null || images === void 0 ? void 0 : (_images$values$active = images.values[activeImage]) === null || _images$values$active === void 0 ? void 0 : _images$values$active.src,
+          altText: images === null || images === void 0 ? void 0 : (_images$values$active2 = images.values[activeImage]) === null || _images$values$active2 === void 0 ? void 0 : _images$values$active2.name,
+          imageType: "expanded-modal-image"
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "modal-data-container",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "validation-and-table-container",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: "validation-panel",
+            children: [approveRejectButtons("images") && /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
+              buttonType: "circular-button ".concat(buttonType),
+              onClick: function onClick() {
+                return setShowValidationPanel(true);
+              }
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
+              buttonType: "close-button",
+              onClick: function onClick() {
+                setShowModal(false);
+              }
+            }), showValidationPanel && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ValidationPanel.ValidationPanel, {
+              id: "validation-panel",
+              setOptionClicked: setButtonType,
+              setShowValidationPanel: setShowValidationPanel,
+              sendToFacilitator: sendToFacilitator
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageDataTable.ImageDataTable, {
+            imageData: images === null || images === void 0 ? void 0 : (_images$values$active3 = images.values[activeImage]) === null || _images$values$active3 === void 0 ? void 0 : _images$values$active3.data,
+            headerInfo: headerInfo,
+            activeImage: images === null || images === void 0 ? void 0 : images.values[activeImage],
+            darkMode: true,
+            lists: images
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageSelector.ImageSelector, {
+          images: images,
+          setActiveImage: setActiveImage,
+          modalSelector: true
+        })]
+      })]
+    })
+  });
 };
 
 exports.ProductImageModal = ProductImageModal;

package/dist/components/pages/CustomerLogin/CustomerLogin.stories.js

@@ -1,10 +1,14 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.CustomerLoginDefault = void 0;
 
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _index = require("./index");
 
 var _variables = require("../../../global-files/variables");
@@ -21,6 +25,8 @@ var _index4 = require("../../atoms/GeneralButton/index");
 
 var _TagAndInput = require("../../molecules/TagAndInput");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _default = {
   title: "Components/pages/CustomerLogin",
   component: _index.CustomerLogin
@@ -28,68 +34,67 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_index.CustomerLogin, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.CustomerLogin, (0, _objectSpread2.default)({}, args));
 };
 
 var CustomerLoginDefault = Template.bind({});
 exports.CustomerLoginDefault = CustomerLoginDefault;
 CustomerLoginDefault.args = {
   loginLeft: {
-    componentsArray: [/*#__PURE__*/React.createElement(_ScreenHeader.ScreenHeader, {
+    componentsArray: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
       fontFamily: _variables.FontFamily.Raleway_600,
       color: _variables.GlobalColors.white,
-      text: "Bienvenido a Cadena",
-      key: "1"
-    }), /*#__PURE__*/React.createElement("p", {
-      key: "2"
-    }, "La platarforma que conecta cadenas retailers con proveedores."), /*#__PURE__*/React.createElement(_CustomerTypeImage.CustomerTypeImages, {
-      key: "3"
-    })]
+      text: "Bienvenido a Cadena"
+    }, "1"), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+      children: "La platarforma que conecta cadenas retailers con proveedores."
+    }, "2"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomerTypeImage.CustomerTypeImages, {}, "3")]
   },
   loginRight: {
-    componentsArray: [/*#__PURE__*/React.createElement(_index2.LogoImage, {
-      key: "1"
-    }), /*#__PURE__*/React.createElement("div", {
+    componentsArray: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.LogoImage, {}, "1"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "credenciales",
-      key: "2"
-    }, /*#__PURE__*/React.createElement(_ScreenHeader.ScreenHeader, {
-      fontFamily: _variables.FontFamily.AvenirNext,
-      color: _variables.GlobalColors.s5,
-      text: "Ingresa tus credenciales"
-    })), /*#__PURE__*/React.createElement("div", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
+        fontFamily: _variables.FontFamily.AvenirNext,
+        color: _variables.GlobalColors.s5,
+        text: "Ingresa tus credenciales"
+      })
+    }, "2"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "user",
-      key: "3"
-    }, /*#__PURE__*/React.createElement(_TagAndInput.TagAndInput, {
-      inputType: "text",
-      label: "Nombre de usuario",
-      inputPlaceHolder: "username@contentoh.com"
-    })), /*#__PURE__*/React.createElement("div", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, {
+        inputType: "text",
+        label: "Nombre de usuario",
+        inputPlaceHolder: "username@contentoh.com"
+      })
+    }, "3"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "password",
-      key: "4"
-    }, /*#__PURE__*/React.createElement(_TagAndInput.TagAndInput, {
-      inputType: "text",
-      label: "Contraseña",
-      inputPlaceHolder: "Escribe tu contraseña"
-    })), /*#__PURE__*/React.createElement("div", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, {
+        inputType: "text",
+        label: "Contraseña",
+        inputPlaceHolder: "Escribe tu contraseña"
+      })
+    }, "4"), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "select",
-      key: "5"
-    }, /*#__PURE__*/React.createElement(_index3.CheckBox, {
-      label: "Mantener sesión activada",
-      id: "chk-default",
-      className: "active-left"
-    }), /*#__PURE__*/React.createElement("p", {
-      className: "active-right"
-    }, "Olvide mi contrase\xF1a")), /*#__PURE__*/React.createElement("div", {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.CheckBox, {
+        label: "Mantener sesión activada",
+        id: "chk-default",
+        className: "active-left"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        className: "active-right",
+        children: "Olvide mi contrase\xF1a"
+      })]
+    }, "5"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "button-right",
-      key: "6"
-    }, /*#__PURE__*/React.createElement(_index4.Button, {
-      buttonType: "general-default-button",
-      label: "Iniciar sesión"
-    })), /*#__PURE__*/React.createElement("div", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index4.Button, {
+        buttonType: "general-default-button",
+        label: "Iniciar sesión"
+      })
+    }, "6"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "new-login",
-      key: "7"
-    }, /*#__PURE__*/React.createElement("p", {
-      className: "pre-registro"
-    }, "\xBFA\xFAn no tienes cuenta?", /*#__PURE__*/React.createElement("span", null, " Reg\xEDstrate")))]
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
+        className: "pre-registro",
+        children: ["\xBFA\xFAn no tienes cuenta?", /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          children: " Reg\xEDstrate"
+        })]
+      })
+    }, "7")]
   }
 };

package/dist/components/pages/CustomerLogin/index.js

@@ -9,21 +9,27 @@ var _GradientPanel = require("../../atoms/GradientPanel");
 
 var _styles = require("./styles");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var CustomerLogin = function CustomerLogin(_ref) {
   var loginLeft = _ref.loginLeft,
       loginRight = _ref.loginRight;
-  return /*#__PURE__*/React.createElement(_styles.Container, null, /*#__PURE__*/React.createElement("div", {
-    className: "home-retailer"
-  }, /*#__PURE__*/React.createElement(_GradientPanel.GradientPanel, {
-    componentsArray: loginLeft.componentsArray,
-    panelType: "home-panel"
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "home-login-retailer"
-  }, /*#__PURE__*/React.createElement(_GradientPanel.GradientPanel, {
-    panelColor: true,
-    componentsArray: loginRight.componentsArray,
-    panelType: "home-login"
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "home-retailer",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GradientPanel.GradientPanel, {
+        componentsArray: loginLeft.componentsArray,
+        panelType: "home-panel"
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "home-login-retailer",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GradientPanel.GradientPanel, {
+        panelColor: true,
+        componentsArray: loginRight.componentsArray,
+        panelType: "home-login"
+      })
+    })]
+  });
 };
 
 exports.CustomerLogin = CustomerLogin;

package/dist/components/pages/CustomerPayMethod/CustomerPayMethod.stories.js

@@ -1,10 +1,14 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.CustomerPayMethodDefault = void 0;
 
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _index = require("./index");
 
 var _ScreenHeader = require("../../atoms/ScreenHeader");
@@ -15,6 +19,8 @@ var _PayMethod = require("../../molecules/PayMethod");
 
 var _GeneralButton = require("../../atoms/GeneralButton");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _default = {
   title: "Components/pages/CustomerPayMethod",
   component: _index.CustomerPayMethod
@@ -22,51 +28,53 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_index.CustomerPayMethod, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.CustomerPayMethod, (0, _objectSpread2.default)({}, args));
 };
 
 var CustomerPayMethodDefault = Template.bind({});
 exports.CustomerPayMethodDefault = CustomerPayMethodDefault;
 CustomerPayMethodDefault.args = {
   left: {
-    componentsArray: [/*#__PURE__*/React.createElement(_ScreenHeader.ScreenHeader, {
-      key: "1",
+    componentsArray: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
       fontFamily: _variables.FontFamily.Raleway_600,
       color: _variables.GlobalColors.white,
       text: "Que incluye la plataforma"
-    })]
+    }, "1")]
   },
   homeRegister: {
-    componentsArray: [/*#__PURE__*/React.createElement("div", {
+    componentsArray: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "arrowimage",
-      key: "1"
-    }, /*#__PURE__*/React.createElement(_GeneralButton.Button, {
-      buttonType: "general-arrow-button"
-    })), /*#__PURE__*/React.createElement("div", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
+        buttonType: "general-arrow-button"
+      })
+    }, "1"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "plan",
-      key: "2"
-    }, /*#__PURE__*/React.createElement(_ScreenHeader.ScreenHeader, {
-      fontFamily: _variables.FontFamily.AvenirNext,
-      color: _variables.GlobalColors.s5,
-      text: "Prueba de 7 días"
-    })), /*#__PURE__*/React.createElement("div", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
+        fontFamily: _variables.FontFamily.AvenirNext,
+        color: _variables.GlobalColors.s5,
+        text: "Prueba de 7 días"
+      })
+    }, "2"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "general-text",
-      key: "3"
-    }, /*#__PURE__*/React.createElement("p", null, "Para continuar te solicitamos el m\xE9todo de pago. Tienes un plazo de 7 d\xEDas para crear tus productos con base en el plan elegido.")), /*#__PURE__*/React.createElement("div", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        children: "Para continuar te solicitamos el m\xE9todo de pago. Tienes un plazo de 7 d\xEDas para crear tus productos con base en el plan elegido."
+      })
+    }, "3"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "payment-register",
-      key: "4"
-    }, /*#__PURE__*/React.createElement(_PayMethod.PayMethod, null)), /*#__PURE__*/React.createElement("div", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PayMethod.PayMethod, {})
+    }, "4"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "button-continuar",
-      key: "5"
-    }, /*#__PURE__*/React.createElement(_GeneralButton.Button, {
-      buttonType: "general-default-button",
-      label: "Continuar"
-    })), /*#__PURE__*/React.createElement("div", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
+        buttonType: "general-default-button",
+        label: "Continuar"
+      })
+    }, "5"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "continue",
-      key: "6"
-    }, /*#__PURE__*/React.createElement("p", {
-      className: "free"
-    }, "Continuar de forma gratuita"))],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        className: "free",
+        children: "Continuar de forma gratuita"
+      })
+    }, "6")],
     panelType: "home-card"
   }
 };

package/dist/components/pages/CustomerPayMethod/index.js

@@ -9,21 +9,27 @@ var _styles = require("./styles");
 
 var _GradientPanel = require("../../atoms/GradientPanel");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var CustomerPayMethod = function CustomerPayMethod(_ref) {
   var left = _ref.left,
       homeRegister = _ref.homeRegister;
-  return /*#__PURE__*/React.createElement(_styles.Container, null, /*#__PURE__*/React.createElement("div", {
-    className: "general-left"
-  }, /*#__PURE__*/React.createElement(_GradientPanel.GradientPanel, {
-    componentsArray: left.componentsArray,
-    panelType: "home-panel"
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "register-payment-method"
-  }, /*#__PURE__*/React.createElement(_GradientPanel.GradientPanel, {
-    panelColor: true,
-    componentsArray: homeRegister.componentsArray,
-    panelType: "home-card"
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "general-left",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GradientPanel.GradientPanel, {
+        componentsArray: left.componentsArray,
+        panelType: "home-panel"
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "register-payment-method",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GradientPanel.GradientPanel, {
+        panelColor: true,
+        componentsArray: homeRegister.componentsArray,
+        panelType: "home-card"
+      })
+    })]
+  });
 };
 
 exports.CustomerPayMethod = CustomerPayMethod;

package/dist/components/pages/CustomerType/CustomerType.stories.js

@@ -1,10 +1,14 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.CustomerTypeDefault = void 0;
 
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _index = require("./index");
 
 var _ScreenHeader = require("../../atoms/ScreenHeader");
@@ -15,6 +19,8 @@ var _GeneralButton = require("../../atoms/GeneralButton");
 
 var _variables = require("../../../global-files/variables");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _default = {
   title: "Components/pages/CustomerType",
   component: _index.CustomerType
@@ -22,44 +28,37 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_index.CustomerType, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.CustomerType, (0, _objectSpread2.default)({}, args));
 };
 
 var CustomerTypeDefault = Template.bind({});
 exports.CustomerTypeDefault = CustomerTypeDefault;
 CustomerTypeDefault.args = {
   homeLeft: {
-    componentsArray: [/*#__PURE__*/React.createElement(_ScreenHeader.ScreenHeader, {
-      key: "1",
+    componentsArray: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
       fontFamily: _variables.FontFamily.Raleway_600,
       color: _variables.GlobalColors.white,
       text: "Cadena"
-    }), /*#__PURE__*/React.createElement(_CustomerTypeImage.CustomerTypeImages, {
-      key: "2"
-    }), /*#__PURE__*/React.createElement("p", {
-      key: "3"
-    }, "Elige esta opci\xF3n si eres una Cadena Retailer."), /*#__PURE__*/React.createElement(_GeneralButton.Button, {
+    }, "1"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomerTypeImage.CustomerTypeImages, {}, "2"), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+      children: "Elige esta opci\xF3n si eres una Cadena Retailer."
+    }, "3"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
       buttonType: "general-white-button",
-      label: "Seleccionar",
-      key: "4"
-    })]
+      label: "Seleccionar"
+    }, "4")]
   },
   homeRight: {
-    componentsArray: [/*#__PURE__*/React.createElement(_ScreenHeader.ScreenHeader, {
+    componentsArray: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
       fontFamily: _variables.FontFamily.Raleway_600,
       color: "#000000",
-      text: "Proveedor",
-      key: "1"
-    }), /*#__PURE__*/React.createElement(_CustomerTypeImage.CustomerTypeImages, {
+      text: "Proveedor"
+    }, "1"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomerTypeImage.CustomerTypeImages, {
       className: "imagen",
-      imageType: true,
-      key: "2"
-    }), /*#__PURE__*/React.createElement("p", {
-      key: "3"
-    }, "Elige esta opci\xF3n si eres una Proveedor o Due\xF1o de producto."), /*#__PURE__*/React.createElement(_GeneralButton.Button, {
-      key: "4",
+      imageType: true
+    }, "2"), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+      children: "Elige esta opci\xF3n si eres una Proveedor o Due\xF1o de producto."
+    }, "3"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
       buttonType: "general-default-button",
       label: "Seleccionar"
-    })]
+    }, "4")]
   }
 };

package/dist/components/pages/CustomerType/index.js

@@ -9,21 +9,27 @@ var _styles = require("./styles");
 
 var _GradientPanel = require("../../atoms/GradientPanel");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var CustomerType = function CustomerType(_ref) {
   var homeLeft = _ref.homeLeft,
       homeRight = _ref.homeRight;
-  return /*#__PURE__*/React.createElement(_styles.Container, null, /*#__PURE__*/React.createElement("div", {
-    className: "home-retailer"
-  }, /*#__PURE__*/React.createElement(_GradientPanel.GradientPanel, {
-    componentsArray: homeLeft.componentsArray,
-    panelType: "home-panel"
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "home-provider"
-  }, /*#__PURE__*/React.createElement(_GradientPanel.GradientPanel, {
-    panelColor: true,
-    componentsArray: homeRight.componentsArray,
-    panelType: "home-panel"
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "home-retailer",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GradientPanel.GradientPanel, {
+        componentsArray: homeLeft.componentsArray,
+        panelType: "home-panel"
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "home-provider",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GradientPanel.GradientPanel, {
+        panelColor: true,
+        componentsArray: homeRight.componentsArray,
+        panelType: "home-panel"
+      })
+    })]
+  });
 };
 
 exports.CustomerType = CustomerType;

package/dist/components/pages/OnboardPlan/OnboardPlan.stories.js

@@ -1,10 +1,14 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.OnboardPlanDefault = void 0;
 
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _index = require("./index");
 
 var _ScreenHeader = require("../../atoms/ScreenHeader");
@@ -15,6 +19,8 @@ var _variables = require("../../../global-files/variables");
 
 var _Fullplan = require("../../organisms/Fullplan");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _default = {
   title: "Components/pages/OnboardPlan",
   Component: _index.OnboardPlan
@@ -22,26 +28,23 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_index.OnboardPlan, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.OnboardPlan, (0, _objectSpread2.default)({}, args));
 };
 
 var OnboardPlanDefault = Template.bind({});
 exports.OnboardPlanDefault = OnboardPlanDefault;
 OnboardPlanDefault.args = {
   leftPanel: {
-    componentsArray: [/*#__PURE__*/React.createElement(_ScreenHeader.ScreenHeader, {
-      key: "1",
+    componentsArray: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
       fontFamily: _variables.FontFamily.Raleway_600,
       color: _variables.GlobalColors.white,
       text: "Beneficios de cadenas"
-    }), /*#__PURE__*/React.createElement(_AtomList.AtomList, {
-      key: "2",
+    }, "1"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_AtomList.AtomList, {
       content: ["Crea proveedores y agregalos a tu cadena", "Solicita actualización a proveedores", "Valida los proveedores", "Analiza el número de productos totales"]
-    })]
+    }, "2")]
   },
   planContainerData: {
-    componentsArray: [/*#__PURE__*/React.createElement(_Fullplan.FullPlan, {
-      key: "1",
+    componentsArray: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Fullplan.FullPlan, {
       title: "Elige el n\xFAmero de proveedores",
       textGeneral: "Bienvido a nuestra plataforma de cadena, para continuar elige el n\xFAmero de proveedores que tiene tu cadena",
       containerData: [{
@@ -57,6 +60,6 @@ OnboardPlanDefault.args = {
         number: "Ondemand",
         name: "agrega proveedores a tu forma"
       }]
-    })]
+    }, "1")]
   }
 };