contentoh-components-library 21.0.27 → 21.0.30

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

@@ -29,6 +29,8 @@ var _TagAndInput = require("../../molecules/TagAndInput");
 
 var _GeneralButton = require("../../atoms/GeneralButton");
 
+var _awsAmplify = require("aws-amplify");
+
 var _jsxRuntime = require("react/jsx-runtime");
 
 var EmailResetPasswordLogin = function EmailResetPasswordLogin(props) {
@@ -52,12 +54,6 @@ var EmailResetPasswordLogin = function EmailResetPasswordLogin(props) {
       awsError = _useState8[0],
       setAwsError = _useState8[1];
 
-  var _useState9 = (0, _react.useState)(false),
-      _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
-      upgradePlanRedirect = _useState10[0],
-      setUpgradePlanRedirect = _useState10[1]; //upgradePlanRedirect && (<Redirect/>
-
-
   var validate = /*#__PURE__*/function () {
     var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(e) {
       var valid, email;
@@ -81,7 +77,7 @@ var EmailResetPasswordLogin = function EmailResetPasswordLogin(props) {
 
               _context.prev = 9;
               _context.next = 12;
-              return Auth.forgotPassword(email);
+              return _awsAmplify.Auth.forgotPassword(email);
 
             case 12:
               sessionStorage.setItem("email", JSON.stringify(email));

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

@@ -7,10 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.RegistrationFirstStep = 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");
@@ -59,68 +55,30 @@ var RegistrationFirstStep = function RegistrationFirstStep(props) {
       emptyPhone = _useState10[0],
       setEmptyPhone = _useState10[1];
 
-  var _useState11 = (0, _react.useState)(false),
+  var _useState11 = (0, _react.useState)(true),
       _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
-      invalidEmail = _useState12[0],
-      setInvalidEmail = _useState12[1];
-
-  var validate = /*#__PURE__*/function () {
-    var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(e) {
-      var name, lastName, email, job, phone;
-      return _regenerator.default.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              e.preventDefault();
-              name = document.querySelector("#nameInput").value;
-              lastName = document.querySelector("#lastNameInput").value;
-              email = document.querySelector("#emailInput").value;
-              job = document.querySelector("#jobInput").value;
-              phone = document.querySelector("#phoneInput").value;
-              name === "" ? setEmptyName(true) : setEmptyName(false);
-              lastName === "" ? setEmptyLastName(true) : setEmptyLastName(false);
-              email === "" ? setEmptyEmail(true) : setEmptyEmail(false);
-              job === "" ? setEmptyJob(true) : setEmptyJob(false);
-              phone === "" ? setEmptyPhone(true) : setEmptyPhone(false);
-              !/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/.test(email) ? setInvalidEmail(true) : setInvalidEmail(false);
-
-            case 12:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    }));
+      emptyCountry = _useState12[0],
+      setEmptyCountry = _useState12[1];
 
-    return function validate(_x) {
-      return _ref.apply(this, arguments);
-    };
-  }();
-
-  var _useState13 = (0, _react.useState)(true),
+  var _useState13 = (0, _react.useState)(false),
       _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
-      emptyCountry = _useState14[0],
-      setEmptyCountry = _useState14[1];
+      showErrors = _useState14[0],
+      setShowErrors = _useState14[1];
 
   var _useState15 = (0, _react.useState)(false),
       _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
-      showErrors = _useState16[0],
-      setShowErrors = _useState16[1];
+      regError = _useState16[0],
+      setRegError = _useState16[1];
 
   var _useState17 = (0, _react.useState)(false),
       _useState18 = (0, _slicedToArray2.default)(_useState17, 2),
-      regError = _useState18[0],
-      setRegError = _useState18[1];
+      phoneFormatError = _useState18[0],
+      setPhoneFormatError = _useState18[1];
 
   var _useState19 = (0, _react.useState)(false),
       _useState20 = (0, _slicedToArray2.default)(_useState19, 2),
-      phoneFormatError = _useState20[0],
-      setPhoneFormatError = _useState20[1];
-
-  var _useState21 = (0, _react.useState)(false),
-      _useState22 = (0, _slicedToArray2.default)(_useState21, 2),
-      emailFormatError = _useState22[0],
-      setEmailFormatError = _useState22[1];
+      emailFormatError = _useState20[0],
+      setEmailFormatError = _useState20[1];
 
   (0, _react.useEffect)(function () {
     JSON.parse(sessionStorage.getItem("nuevoRegistro")).name === "" && sessionStorage.removeItem("registrationError");
@@ -130,7 +88,7 @@ var RegistrationFirstStep = function RegistrationFirstStep(props) {
       setEmptyName(false);
       setEmptyLastName(false);
       setEmptyEmail(false);
-      setEmptyPosition(false);
+      setEmptyJob(false);
       setEmptyCountry(false);
       setEmptyPhone(false);
     }
@@ -143,12 +101,12 @@ var RegistrationFirstStep = function RegistrationFirstStep(props) {
     var nuevoUsuario = JSON.parse(sessionStorage.getItem("nuevoRegistro"));
 
     switch (e.target.id) {
-      case "nombreInput":
+      case "nameInput":
         nuevoUsuario.name = newValue;
         newValue === "" ? setEmptyName(true) : setEmptyName(false);
         break;
 
-      case "apellidoInput":
+      case "lastNameInput":
         nuevoUsuario.lastName = newValue;
         newValue === "" ? setEmptyLastName(true) : setEmptyLastName(false);
         break;
@@ -165,28 +123,28 @@ var RegistrationFirstStep = function RegistrationFirstStep(props) {
 
         break;
 
-      case "puestoInput":
+      case "jobInput":
         nuevoUsuario.position = newValue;
-        newValue === "" ? setEmptyPosition(true) : setEmptyPosition(false);
+        newValue === "" ? setEmptyJob(true) : setEmptyJob(false);
         break;
 
-      case "telSelect":
+      case "phoneInput":
         Array.from(newValue).forEach(function (digit, i) {
           newValue.charCodeAt(i) < 48 ? setPhoneFormatError(true) : setPhoneFormatError(false);
           newValue.charCodeAt(i) > 57 ? setPhoneFormatError(true) : setPhoneFormatError(false);
         });
-        nuevoUsuario.phone = "".concat(JSON.parse(sessionStorage.getItem("countryCode"))).concat(newValue);
+        nuevoUsuario.phone = "".concat(JSON.parse(sessionStorage.getItem("countryCodeSelect"))).concat(newValue);
         newValue === "" ? setEmptyPhone(true) : setEmptyPhone(false);
         break;
 
-      case "paisSelect":
+      case "countrySelect":
         nuevoUsuario.country = newValue;
         newValue === "" || newValue === "Selecciona tu país" ? setEmptyCountry(true) : setEmptyCountry(false);
         break;
 
       case "countryCodeSelect":
         sessionStorage.setItem("countryCode", JSON.stringify(newValue));
-        nuevoUsuario.phone = "".concat(JSON.parse(sessionStorage.getItem("countryCode"))).concat(document.querySelector("#telSelect").value);
+        nuevoUsuario.phone = "".concat(JSON.parse(sessionStorage.getItem("countryCode"))).concat(document.querySelector("#phoneInput").value);
         break;
 
       default:
@@ -203,7 +161,7 @@ var RegistrationFirstStep = function RegistrationFirstStep(props) {
     emptyName && (valid = false);
     emptyLastName && (valid = false);
     emptyEmail && (valid = false);
-    emptyPosition && (valid = false);
+    emptyJob && (valid = false);
     emptyPhone && (valid = false);
     emptyCountry && (valid = false);
     phoneFormatError && (valid = false);
@@ -229,7 +187,12 @@ var RegistrationFirstStep = function RegistrationFirstStep(props) {
         inputType: "text",
         inputId: "nameInput",
         label: "Nombre",
-        inputPlaceHolder: "Nombre"
+        inputPlaceHolder: "Nombre",
+        defaultValue: JSON.parse(sessionStorage.getItem("nuevoRegistro")).name,
+        required: true,
+        onInput: function onInput(e) {
+          return updateInfo(e, e.target.value);
+        }
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, {
         inputType: "text",
         inputId: "lastNameInput",
@@ -264,6 +227,7 @@ var RegistrationFirstStep = function RegistrationFirstStep(props) {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("select", {
         name: "select",
         className: "phone-options",
+        id: "countryCodeSelect",
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
           children: "+52"
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
@@ -296,6 +260,7 @@ var RegistrationFirstStep = function RegistrationFirstStep(props) {
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("select", {
       name: "select",
       className: "country-options",
+      id: "countrySelect",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
         value: "value1",
         selected: true,

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

@@ -33,6 +33,10 @@ var _Loading = require("../../atoms/Loading");
 
 var _reactRouterDom = require("react-router-dom");
 
+var _awsAmplify = require("aws-amplify");
+
+var _axios = _interopRequireDefault(require("axios"));
+
 var _jsxRuntime = require("react/jsx-runtime");
 
 var SignInLogin = function SignInLogin(props) {
@@ -108,7 +112,7 @@ var SignInLogin = function SignInLogin(props) {
               _context.prev = 10;
               setLoading(true);
               _context.next = 14;
-              return Auth.signIn(email, password);
+              return props.Auth.signIn(email, password);
 
             case 14:
               session = _context.sent;
@@ -126,7 +130,7 @@ var SignInLogin = function SignInLogin(props) {
             case 20:
               userGroup = session.signInUserSession.accessToken.payload["cognito:groups"];
               _context.next = 23;
-              return axios.get(process.env.REACT_APP_USER_ENDPOINT, {
+              return _axios.default.get(process.env.REACT_APP_USER_ENDPOINT, {
                 headers: {
                   Authorization: session.signInUserSession.idToken.jwtToken
                 }

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "contentoh-components-library",
-  "version": "21.0.27",
+  "version": "21.0.30",
   "dependencies": {
+    "@aws-amplify/auth": "^4.5.4-unstable.3",
     "@babel/runtime": "^7.17.2",
     "@storybook/addon-postcss": "^2.0.0",
     "@testing-library/jest-dom": "^5.11.4",
     "@testing-library/react": "^11.1.0",
     "@testing-library/user-event": "^12.1.10",
-    "auth": "^0.0.9",
+    "aws-amplify": "^4.3.22-unstable.3",
     "axios": "^0.25.0",
     "babel-preset-react-app": "^10.0.1",
     "chart.js": "^3.7.1",
@@ -69,6 +70,7 @@
     "@storybook/addon-essentials": "^6.4.1",
     "@storybook/addon-links": "^6.4.1",
     "@storybook/react": "^6.4.1",
+    "auth": "^0.0.9",
     "auto": "^10.36.5",
     "babel-loader": "^8.2.3",
     "chromatic": "^6.3.3",

package/src/components/molecules/EmailResetPasswordLogin/index.js

@@ -6,14 +6,13 @@ import { ScreenHeader } from "../../atoms/ScreenHeader";
 import { GlobalColors, FontFamily } from "../../../global-files/variables";
 import { TagAndInput } from "../../molecules/TagAndInput";
 import { Button } from "../../atoms/GeneralButton";
+import { Auth } from "aws-amplify";
 
 export const EmailResetPasswordLogin = (props) => {
   const [emptyEmail, setEmptyEmail] = useState(false);
   const [invalidEmail, setInvalidEmail] = useState(false);
   const [showErrors, setShowErrors] = useState(false);
   const [awsError, setAwsError] = useState("");
-  const [upgradePlanRedirect, setUpgradePlanRedirect] = useState(false);
-  //upgradePlanRedirect && (<Redirect/>
   const validate = async (e) => {
     let valid = true;
     setShowErrors(true);

package/src/components/molecules/RegistrationFirstStep/index.js

@@ -14,28 +14,6 @@ export const RegistrationFirstStep = (props) => {
   const [emptyEmail, setEmptyEmail] = useState(false);
   const [emptyJob, setEmptyJob] = useState(false);
   const [emptyPhone, setEmptyPhone] = useState(false);
-  const [invalidEmail, setInvalidEmail] = useState(false);
-
-  const validate = async (e) => {
-    e.preventDefault();
-    const name = document.querySelector("#nameInput").value;
-    const lastName = document.querySelector("#lastNameInput").value;
-    const email = document.querySelector("#emailInput").value;
-    const job = document.querySelector("#jobInput").value;
-    const phone = document.querySelector("#phoneInput").value;
-    name === "" ? setEmptyName(true) : setEmptyName(false);
-    lastName === "" ? setEmptyLastName(true) : setEmptyLastName(false);
-    email === "" ? setEmptyEmail(true) : setEmptyEmail(false);
-    job === "" ? setEmptyJob(true) : setEmptyJob(false);
-    phone === "" ? setEmptyPhone(true) : setEmptyPhone(false);
-    !/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/.test(
-      email
-    )
-      ? setInvalidEmail(true)
-      : setInvalidEmail(false);
-  };
-
-
   const [emptyCountry, setEmptyCountry] = useState(true);
   const [showErrors, setShowErrors] = useState(false);
   const [regError, setRegError] = useState(false);
@@ -50,7 +28,7 @@ export const RegistrationFirstStep = (props) => {
       setEmptyName(false);
       setEmptyLastName(false);
       setEmptyEmail(false);
-      setEmptyPosition(false);
+      setEmptyJob(false);
       setEmptyCountry(false);
       setEmptyPhone(false);
     }
@@ -73,11 +51,11 @@ export const RegistrationFirstStep = (props) => {
   const updateInfo = (e, newValue) => {
     let nuevoUsuario = JSON.parse(sessionStorage.getItem("nuevoRegistro"));
     switch (e.target.id) {
-      case "nombreInput":
+      case "nameInput":
         nuevoUsuario.name = newValue;
         newValue === "" ? setEmptyName(true) : setEmptyName(false);
         break;
-      case "apellidoInput":
+      case "lastNameInput":
         nuevoUsuario.lastName = newValue;
         newValue === "" ? setEmptyLastName(true) : setEmptyLastName(false);
         break;
@@ -94,11 +72,11 @@ export const RegistrationFirstStep = (props) => {
           setEmailFormatError(false);
         }
         break;
-      case "puestoInput":
+      case "jobInput":
         nuevoUsuario.position = newValue;
-        newValue === "" ? setEmptyPosition(true) : setEmptyPosition(false);
+        newValue === "" ? setEmptyJob(true) : setEmptyJob(false);
         break;
-      case "telSelect":
+      case "phoneInput":
         Array.from(newValue).forEach((digit, i) => {
           newValue.charCodeAt(i) < 48
             ? setPhoneFormatError(true)
@@ -108,11 +86,11 @@ export const RegistrationFirstStep = (props) => {
             : setPhoneFormatError(false);
         });
         nuevoUsuario.phone = `${JSON.parse(
-          sessionStorage.getItem("countryCode")
+          sessionStorage.getItem("countryCodeSelect")
         )}${newValue}`;
         newValue === "" ? setEmptyPhone(true) : setEmptyPhone(false);
         break;
-      case "paisSelect":
+      case "countrySelect":
         nuevoUsuario.country = newValue;
         newValue === "" || newValue === "Selecciona tu país"
           ? setEmptyCountry(true)
@@ -122,7 +100,7 @@ export const RegistrationFirstStep = (props) => {
         sessionStorage.setItem("countryCode", JSON.stringify(newValue));
         nuevoUsuario.phone = `${JSON.parse(
           sessionStorage.getItem("countryCode")
-        )}${document.querySelector("#telSelect").value}`;
+        )}${document.querySelector("#phoneInput").value}`;
         break;
       default:
         return;
@@ -137,7 +115,7 @@ export const RegistrationFirstStep = (props) => {
     emptyName && (valid = false);
     emptyLastName && (valid = false);
     emptyEmail && (valid = false);
-    emptyPosition && (valid = false);
+    emptyJob && (valid = false);
     emptyPhone && (valid = false);
     emptyCountry && (valid = false);
     phoneFormatError && (valid = false);
@@ -161,6 +139,11 @@ export const RegistrationFirstStep = (props) => {
           inputId={"nameInput"}
           label={"Nombre"}
           inputPlaceHolder={"Nombre"}
+          defaultValue={
+            JSON.parse(sessionStorage.getItem("nuevoRegistro")).name
+          }
+          required
+          onInput={(e) => updateInfo(e, e.target.value)}
         />
         <TagAndInput
           inputType={"text"}
@@ -188,7 +171,7 @@ export const RegistrationFirstStep = (props) => {
       {emptyJob && <label>Ingrese su puesto</label>}
       <ScreenHeader text={"Teléfono"} headerType={"input-name-header"} />
       <div className="phone-registration-user">
-        <select name="select" className="phone-options">
+        <select name="select" className="phone-options" id="countryCodeSelect">
           <option>+52</option>
           <option>+54</option>
           <option>+57</option>
@@ -207,7 +190,7 @@ export const RegistrationFirstStep = (props) => {
       </div>
       {emptyPhone && <label>Ingrese su número de teléfono</label>}
       <ScreenHeader text={"País"} headerType={"input-name-header"} />
-      <select name="select" className="country-options">
+      <select name="select" className="country-options" id="countrySelect">
         <option value="value1" selected>
           Selecciona tu país
         </option>

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

@@ -8,6 +8,8 @@ import { FontFamily, GlobalColors } from "../../../global-files/variables";
 import { useState, useEffect } from "react";
 import { Loading } from "../../atoms/Loading";
 import { Redirect } from "react-router-dom";
+import { Auth } from "aws-amplify";
+import axios from "axios";
 
 export const SignInLogin = (props) => {
   const [emptyEmail, setEmptyEmail] = useState(false);
@@ -152,7 +154,9 @@ export const SignInLogin = (props) => {
               id={"chk-default"}
               className="active-left"
             />
-            <p onClick={() => props.setPaso(10)} className="active-right">Olvide mi contraseña</p>
+            <p onClick={() => props.setPaso(10)} className="active-right">
+              Olvide mi contraseña
+            </p>
           </div>
           {showErrors && signInError === "NotAuthorizedException" && (
             <label>Correo o contraseña incorrectos</label>