contentoh-components-library 21.0.24 → 21.0.26

package/dist/components/molecules/{Login/Login.stories.js → SignInLogin/SignInLogin.stories.js}

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.LoginDefault = void 0;
+exports.default = exports.SignInLoginDefault = void 0;
 
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 
@@ -14,15 +14,15 @@ var _index = require("./index");
 var _jsxRuntime = require("react/jsx-runtime");
 
 var _default = {
-  title: "Components/molecules/Login",
-  component: _index.Login
+  title: "Components/molecules/SignInLogin",
+  component: _index.SignInLogin
 };
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Login, (0, _objectSpread2.default)({}, args));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.SignInLogin, (0, _objectSpread2.default)({}, args));
 };
 
-var LoginDefault = Template.bind({});
-exports.LoginDefault = LoginDefault;
-LoginDefault.args = {};
+var SignInLoginDefault = Template.bind({});
+exports.SignInLoginDefault = SignInLoginDefault;
+SignInLoginDefault.args = {};

package/dist/components/molecules/{SignIn → SignInLogin}/index.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Login = void 0;
+exports.SignInLogin = void 0;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
@@ -31,7 +31,7 @@ var _react = require("react");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-var Login = function Login() {
+var SignInLogin = function SignInLogin() {
   var _useState = (0, _react.useState)(false),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       emptyEmail = _useState2[0],
@@ -139,4 +139,4 @@ var Login = function Login() {
   });
 };
 
-exports.Login = Login;
+exports.SignInLogin = SignInLogin;

package/dist/index.js

@@ -394,7 +394,7 @@ Object.keys(_index28).forEach(function (key) {
   });
 });
 
-var _index29 = require("./components/molecules/StatusAsignationInfo/index");
+var _index29 = require("./components/molecules/SignInLogin/index");
 
 Object.keys(_index29).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -407,7 +407,7 @@ Object.keys(_index29).forEach(function (key) {
   });
 });
 
-var _index30 = require("./components/molecules/TableHeader/index");
+var _index30 = require("./components/molecules/StatusAsignationInfo/index");
 
 Object.keys(_index30).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -420,7 +420,7 @@ Object.keys(_index30).forEach(function (key) {
   });
 });
 
-var _index31 = require("./components/molecules/TableRow/index");
+var _index31 = require("./components/molecules/TableHeader/index");
 
 Object.keys(_index31).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -433,7 +433,7 @@ Object.keys(_index31).forEach(function (key) {
   });
 });
 
-var _index32 = require("./components/molecules/TabsMenu/index");
+var _index32 = require("./components/molecules/TableRow/index");
 
 Object.keys(_index32).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -446,7 +446,7 @@ Object.keys(_index32).forEach(function (key) {
   });
 });
 
-var _index33 = require("./components/molecules/TagAndInput/index");
+var _index33 = require("./components/molecules/TabsMenu/index");
 
 Object.keys(_index33).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -459,7 +459,7 @@ Object.keys(_index33).forEach(function (key) {
   });
 });
 
-var _index34 = require("./components/organisms/Fullplan/index");
+var _index34 = require("./components/molecules/TagAndInput/index");
 
 Object.keys(_index34).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -472,7 +472,7 @@ Object.keys(_index34).forEach(function (key) {
   });
 });
 
-var _index35 = require("./components/organisms/FullProductNameHeader/index");
+var _index35 = require("./components/organisms/Fullplan/index");
 
 Object.keys(_index35).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -485,7 +485,7 @@ Object.keys(_index35).forEach(function (key) {
   });
 });
 
-var _index36 = require("./components/organisms/FullTabsMenu/index");
+var _index36 = require("./components/organisms/FullProductNameHeader/index");
 
 Object.keys(_index36).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -498,7 +498,7 @@ Object.keys(_index36).forEach(function (key) {
   });
 });
 
-var _index37 = require("./components/organisms/ImageDataTable/index");
+var _index37 = require("./components/organisms/FullTabsMenu/index");
 
 Object.keys(_index37).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -511,7 +511,7 @@ Object.keys(_index37).forEach(function (key) {
   });
 });
 
-var _index38 = require("./components/organisms/ImagePreviewer/index");
+var _index38 = require("./components/organisms/ImageDataTable/index");
 
 Object.keys(_index38).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -524,7 +524,7 @@ Object.keys(_index38).forEach(function (key) {
   });
 });
 
-var _index39 = require("./components/organisms/ImagesGroup/index");
+var _index39 = require("./components/organisms/ImagePreviewer/index");
 
 Object.keys(_index39).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -537,7 +537,7 @@ Object.keys(_index39).forEach(function (key) {
   });
 });
 
-var _index40 = require("./components/organisms/InputGroup/index");
+var _index40 = require("./components/organisms/ImagesGroup/index");
 
 Object.keys(_index40).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -550,7 +550,7 @@ Object.keys(_index40).forEach(function (key) {
   });
 });
 
-var _index41 = require("./components/organisms/ProductImageModal/index");
+var _index41 = require("./components/organisms/InputGroup/index");
 
 Object.keys(_index41).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -563,6 +563,19 @@ Object.keys(_index41).forEach(function (key) {
   });
 });
 
+var _index42 = require("./components/organisms/ProductImageModal/index");
+
+Object.keys(_index42).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index42[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _index42[key];
+    }
+  });
+});
+
 var _ChangePasswordLogin = require("./components/pages/ChangePasswordLogin");
 
 Object.keys(_ChangePasswordLogin).forEach(function (key) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "contentoh-components-library",
-  "version": "21.0.24",
+  "version": "21.0.26",
   "dependencies": {
     "@babel/runtime": "^7.17.2",
     "@storybook/addon-postcss": "^2.0.0",
@@ -70,7 +70,7 @@
     "auto": "^10.36.5",
     "babel-loader": "^8.2.3",
     "chromatic": "^6.3.3",
-    "contentoh-components-library": "^21.0.21",
+    "contentoh-components-library": "^21.0.24",
     "cross-env": "^7.0.3",
     "storybook-css-modules-preset": "^1.1.1"
   },

package/src/components/molecules/SignInLogin/SignInLogin.stories.js

@@ -0,0 +1,11 @@
+import { SignInLogin } from "./index";
+
+export default {
+  title: "Components/molecules/SignInLogin",
+  component: SignInLogin,
+};
+
+const Template = (args) => <SignInLogin {...args} />;
+
+export const SignInLoginDefault = Template.bind({});
+SignInLoginDefault.args = {};

package/src/components/molecules/{SignIn → SignInLogin}/index.js

@@ -7,7 +7,7 @@ import { TagAndInput } from "../TagAndInput";
 import { FontFamily, GlobalColors } from "../../../global-files/variables";
 import { useState } from "react";
 
-export const Login = () => {
+export const SignInLogin = () => {
   const [emptyEmail, setEmptyEmail] = useState(false);
   const [invalidEmail, setInvalidEmail] = useState(false);
   const [emptyPassword, setEmptyPassword] = useState(false);

package/src/index.js

@@ -22,15 +22,16 @@ export * from "./components/atoms/ValidationPanel/index";
 
 //molecules
 export * from "./components/molecules/AvatarAndValidation/index";
-export * from "./components/molecules/CarouselImagesLogin"
+export * from "./components/molecules/CarouselImagesLogin";
 export * from "./components/molecules/EditionActiveImage/index";
 export * from "./components/molecules/FeaturesBar/index";
 export * from "./components/molecules/GalleryElement/index";
 export * from "./components/molecules/HeaderTop/index";
 export * from "./components/molecules/ImageSelector/index";
-export * from "./components/molecules/LoginPasswordStrength"
+export * from "./components/molecules/LoginPasswordStrength";
 export * from "./components/molecules/PlanSelection/index";
 export * from "./components/molecules/ProductNameHeader/index";
+export * from "./components/molecules/SignInLogin/index";
 export * from "./components/molecules/StatusAsignationInfo/index";
 export * from "./components/molecules/TableHeader/index";
 export * from "./components/molecules/TableRow/index";
@@ -48,13 +49,13 @@ export * from "./components/organisms/InputGroup/index";
 export * from "./components/organisms/ProductImageModal/index";
 
 //pages
-export * from "./components/pages/ChangePasswordLogin"
-export * from "./components/pages/CustomerLogin"
+export * from "./components/pages/ChangePasswordLogin";
+export * from "./components/pages/CustomerLogin";
 export * from "./components/pages/CustomerType";
-export * from "./components/pages/EmailResetPassword"
+export * from "./components/pages/EmailResetPassword";
 export * from "./components/pages/OnboardPlan";
-export * from "./components/pages/RegistrationLoginFirstStep"
-export * from "./components/pages/RegistrationLoginSecondStep"
-export * from "./components/pages/RegistrationLoginThirdStep"
+export * from "./components/pages/RegistrationLoginFirstStep";
+export * from "./components/pages/RegistrationLoginSecondStep";
+export * from "./components/pages/RegistrationLoginThirdStep";
 export * from "./components/pages/RetailerProductEdition";
-export * from "./components/pages/VerificationCodeResetPassword"
+export * from "./components/pages/VerificationCodeResetPassword";

package/dist/components/molecules/Login/index.js

@@ -1,142 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Login = void 0;
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-
-var _styles = require("./styles");
-
-var _index = require("../../atoms/LogoImage/index");
-
-var _index2 = require("../../atoms/ScreenHeader/index");
-
-var _index3 = require("../../atoms/GeneralButton/index");
-
-var _index4 = require("../../atoms/CheckBox/index");
-
-var _TagAndInput = require("../TagAndInput");
-
-var _variables = require("../../../global-files/variables");
-
-var _react = require("react");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var Login = function Login() {
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      emptyEmail = _useState2[0],
-      setEmptyEmail = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      invalidEmail = _useState4[0],
-      setInvalidEmail = _useState4[1];
-
-  var _useState5 = (0, _react.useState)(false),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      emptyPassword = _useState6[0],
-      setEmptyPassword = _useState6[1];
-
-  var validate = /*#__PURE__*/function () {
-    var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(e) {
-      var email, password;
-      return _regenerator.default.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              e.preventDefault();
-              email = document.querySelector("#emailInput").value;
-              password = document.querySelector("#passwordInput").value;
-              email === "" ? setEmptyEmail(true) : setEmptyEmail(false);
-              password === "" ? setEmptyPassword(true) : setEmptyPassword(false);
-              !/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/.test(email) ? setInvalidEmail(true) : setInvalidEmail(false);
-
-            case 6:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    }));
-
-    return function validate(_x) {
-      return _ref.apply(this, arguments);
-    };
-  }();
-
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
-    className: "home-login",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "main-container",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.LogoImage, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "credenciales",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.ScreenHeader, {
-          fontFamily: _variables.FontFamily.AvenirNext,
-          color: _variables.GlobalColors.s5,
-          text: "Ingresa tus credenciales"
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "user",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, {
-          inputType: "text",
-          label: "Nombre de usuario",
-          inputPlaceHolder: "username@contentoh.com",
-          inputId: "emailInput"
-        })
-      }), emptyEmail && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
-        children: "Ingrese su correo"
-      }), invalidEmail && !emptyEmail && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
-        children: "Ingrese un correo v\xE1lido"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "password",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, {
-          inputType: "text",
-          label: "Contraseña",
-          inputPlaceHolder: "Escribe tu contraseña",
-          inputId: "passwordInput"
-        })
-      }), emptyPassword && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
-        children: "Ingrese su contrase\xF1a"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: "select",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index4.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"
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "button-right",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Button, {
-          buttonType: "general-default-button",
-          label: "Iniciar sesión",
-          onClick: function onClick(e) {
-            return validate(e);
-          }
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "new-login",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
-          className: "pre-registro",
-          children: ["\xBFA\xFAn no tienes cuenta?", /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-            children: " Reg\xEDstrate"
-          })]
-        })
-      })]
-    })
-  });
-};
-
-exports.Login = Login;

package/dist/components/molecules/SignIn/SignIn.stories.js

@@ -1,28 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.LoginDefault = void 0;
-
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
-var _index = require("./index");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var _default = {
-  title: "Components/molecules/Login",
-  component: _index.Login
-};
-exports.default = _default;
-
-var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Login, (0, _objectSpread2.default)({}, args));
-};
-
-var LoginDefault = Template.bind({});
-exports.LoginDefault = LoginDefault;
-LoginDefault.args = {};

package/dist/components/molecules/SignIn/styles.js

@@ -1,20 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Container = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _variables = require("../../../global-files/variables");
-
-var _templateObject;
-
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  background: \"white\";\n  display: flex;\n  height: 100%;\n  justify-content: center;\n  align-items: center;\n  label {\n    color: red;\n    margin-top: 3px;\n    margin-left: 15px;\n    font-family: ", ";\n    font-size: 11px;\n    & + * {\n      margin-top: 12px;\n    }\n  }\n\n  &.home-login {\n    .credenciales {\n      & + * {\n        margin-top: 30px;\n      }\n    }\n    .user {\n      & + * {\n        margin-top: 20px;\n      }\n    }\n    .password {\n      & + * {\n        margin-top: 20px;\n      }\n    }\n    .select {\n      display: flex;\n      justify-content: space-between;\n      .active-right {\n        font-family: ", ";\n        font-weight: 500;\n        font-size: 13px;\n        line-height: 24px;\n        letter-spacing: -0.015em;\n        color: ", ";\n        cursor: pointer;\n      }\n      & + * {\n        margin-top: 50px;\n      }\n    }\n    .button-right {\n      text-align: right;\n      & + * {\n        margin-top: 55px;\n      }\n    }\n    .new-login {\n      p {\n        font-family: ", ";\n        text-align: right;\n        font-weight: 500;\n        font-size: 13px;\n        line-height: 24px;\n        color: ", ";\n        span {\n          color: ", ";\n        }\n      }\n    }\n  }\n  .main-container {\n    max-width: 80%;\n    max-height: 80%;\n  }\n"])), _variables.FontFamily.Raleway_700, _variables.FontFamily.AvenirNext, _variables.GlobalColors.s5, _variables.FontFamily.AvenirNext, _variables.GlobalColors.s5, _variables.GlobalColors.secondary_magenta);
-
-exports.Container = Container;

package/src/components/molecules/SignIn/SignIn.stories.js

@@ -1,11 +0,0 @@
-import { Login } from "./index";
-
-export default {
-  title: "Components/molecules/Login",
-  component: Login,
-};
-
-const Template = (args) => <Login {...args} />;
-
-export const LoginDefault = Template.bind({});
-LoginDefault.args = {};