contentoh-components-library 21.0.67 → 21.0.70

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

@@ -80,9 +80,6 @@ var SignInLogin = function SignInLogin(props) {
       showEye = _useState16[0],
       setShowEye = _useState16[1];
 
-  var eye = document.getElementById("Eye");
-  var input = document.getElementById("passwordInput");
-
   var validate = /*#__PURE__*/function () {
     var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(e) {
       var valid, email, password, session, userGroup, response, user, company;
@@ -206,6 +203,9 @@ var SignInLogin = function SignInLogin(props) {
   }, [upgradePlanRedirect]);
 
   var closeEye = function closeEye(e) {
+    var input = document.getElementById("passwordInput");
+    var eye = document.getElementById("Eye");
+
     if (input.type === "password") {
       input.type = "text";
       eye.style.opacity = 0.8;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "contentoh-components-library",
-  "version": "21.0.67",
+  "version": "21.0.70",
   "dependencies": {
     "@aws-amplify/auth": "^4.5.3",
     "@aws-amplify/datastore": "^3.11.0",

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

@@ -19,9 +19,6 @@ export const SignInLogin = (props) => {
   const [signInError, setSignInError] = useState("");
   const [loading, setLoading] = useState(false);
   const [upgradePlanRedirect, setUpgradePlanRedirect] = useState(false);
-  const [showEye, setShowEye] = useState(false);
-  const eye = document.getElementById("Eye");
-  const input = document.getElementById("passwordInput");
 
   const validate = async (e) => {
     setSignInError("");
@@ -105,6 +102,7 @@ export const SignInLogin = (props) => {
       }
     }
   };
+
   useEffect(() => {
     sessionStorage.getItem("resetPasswordProcess") &&
       sessionStorage.removeItem("resetPasswordProcess");
@@ -114,6 +112,8 @@ export const SignInLogin = (props) => {
   }, [upgradePlanRedirect]);
 
   const closeEye = (e) => {
+    const input = document.getElementById("passwordInput");
+    const eye = document.getElementById("Eye");
     if (input.type === "password") {
       input.type = "text";
       eye.style.opacity = 0.8;
@@ -162,7 +162,6 @@ export const SignInLogin = (props) => {
               className="icon"
               id="Eye"
               onClick={(e) => {
-                setShowEye(!showEye);
                 closeEye(e);
               }}
             ></img>