contentoh-components-library 21.0.19 → 21.0.22

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/EmailResetPassword/EmailResetPassword.stories.js

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.EmailResetPasswordDefault = void 0;
 
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _index = require("./index");
 
 var _loginImage = _interopRequireDefault(require("../../../assets/images/carouselImagesLogin/loginImage.svg"));
@@ -15,6 +17,8 @@ var _login = _interopRequireDefault(require("../../../assets/images/carouselImag
 
 var _login2 = _interopRequireDefault(require("../../../assets/images/carouselImagesLogin/login3.svg"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _default = {
   title: "Components/pages/EmailResetPassword",
   component: _index.EmailResetPassword
@@ -22,7 +26,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_index.EmailResetPassword, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.EmailResetPassword, (0, _objectSpread2.default)({}, args));
 };
 
 var EmailResetPasswordDefault = Template.bind({});

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

@@ -31,6 +31,8 @@ var _TagAndInput = require("../../molecules/TagAndInput");
 
 var _GeneralButton = require("../../atoms/GeneralButton");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var EmailResetPassword = function EmailResetPassword(_ref) {
   var _ref$imageArrayCarous = _ref.imageArrayCarousel,
       imageArrayCarousel = _ref$imageArrayCarous === void 0 ? [] : _ref$imageArrayCarous,
@@ -72,49 +74,57 @@ var EmailResetPassword = function EmailResetPassword(_ref) {
     };
   }();
 
-  var loginRight = [/*#__PURE__*/React.createElement(_LogoImage.LogoImage, {
-    key: "1"
-  }), /*#__PURE__*/React.createElement("div", {
+  var loginRight = [/*#__PURE__*/(0, _jsxRuntime.jsx)(_LogoImage.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.jsxs)("div", {
     className: "user",
-    key: "3"
-  }, /*#__PURE__*/React.createElement(_TagAndInput.TagAndInput, {
-    inputType: "text",
-    inputId: "emailInput",
-    label: "Nombre de usuario",
-    inputPlaceHolder: "username@contentoh.com"
-  }), emptyEmail && /*#__PURE__*/React.createElement("label", null, "Ingrese su correo"), invalidEmail && !emptyEmail && /*#__PURE__*/React.createElement("label", null, "Ingrese un correo v\xE1lido")), /*#__PURE__*/React.createElement("div", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, {
+      inputType: "text",
+      inputId: "emailInput",
+      label: "Nombre de usuario",
+      inputPlaceHolder: "username@contentoh.com"
+    }), emptyEmail && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
+      children: "Ingrese su correo"
+    }), invalidEmail && !emptyEmail && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
+      children: "Ingrese un correo v\xE1lido"
+    })]
+  }, "3"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: "button-center",
-    key: "4"
-  }, /*#__PURE__*/React.createElement(_GeneralButton.Button, {
-    buttonType: "general-default-button",
-    label: "Enviar",
-    onClick: function onClick(e) {
-      return validate(e);
-    }
-  })), /*#__PURE__*/React.createElement("div", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
+      buttonType: "general-default-button",
+      label: "Enviar",
+      onClick: function onClick(e) {
+        return validate(e);
+      }
+    })
+  }, "4"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: "back-login",
-    key: "5"
-  }, /*#__PURE__*/React.createElement("p", null, "Regresar..."))];
-  return /*#__PURE__*/React.createElement(_styles.Container, null, /*#__PURE__*/React.createElement("div", {
-    className: "home-retailer"
-  }, /*#__PURE__*/React.createElement(_CarouselImagesLogin.CarouselImagesLogin, {
-    panelImg: imageArrayCarousel,
-    panelText: textCarousel,
-    panelColor: backogroundColorCarousel
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "home-login-retailer"
-  }, /*#__PURE__*/React.createElement(_GradientPanel.GradientPanel, {
-    componentsArray: loginRight,
-    panelType: "home-login",
-    panelColor: _variables.GlobalColors.white
-  })));
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+      children: "Regresar..."
+    })
+  }, "5")];
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "home-retailer",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CarouselImagesLogin.CarouselImagesLogin, {
+        panelImg: imageArrayCarousel,
+        panelText: textCarousel,
+        panelColor: backogroundColorCarousel
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "home-login-retailer",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GradientPanel.GradientPanel, {
+        componentsArray: loginRight,
+        panelType: "home-login",
+        panelColor: _variables.GlobalColors.white
+      })
+    })]
+  });
 };
 
 exports.EmailResetPassword = EmailResetPassword;

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")]
   }
 };

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

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

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

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.RegistrationLoginFirstStepDefault = void 0;
 
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _index = require("./index");
 
 var _loginImage = _interopRequireDefault(require("../../../assets/images/carouselImagesLogin/loginImage.svg"));
@@ -15,6 +17,8 @@ var _login = _interopRequireDefault(require("../../../assets/images/carouselImag
 
 var _login2 = _interopRequireDefault(require("../../../assets/images/carouselImagesLogin/login3.svg"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _default = {
   title: "Components/pages/RegistrationLoginFirstStep",
   component: _index.RegistrationLoginFirstStep
@@ -22,7 +26,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_index.RegistrationLoginFirstStep, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.RegistrationLoginFirstStep, (0, _objectSpread2.default)({}, args));
 };
 
 var RegistrationLoginFirstStepDefault = Template.bind({});