contentoh-components-library 21.0.20 → 21.0.21

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

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.VerificationCodeResetPasswordDefault = 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/VerificationCodeResetPassword",
   component: _index.VerificationCodeResetPassword
@@ -22,7 +26,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/React.createElement(_index.VerificationCodeResetPassword, args);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.VerificationCodeResetPassword, (0, _objectSpread2.default)({}, args));
 };
 
 var VerificationCodeResetPasswordDefault = Template.bind({});

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

@@ -29,6 +29,8 @@ var _GeneralButton = require("../../atoms/GeneralButton");
 
 var _utils = require("./utils");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var VerificationCodeResetPassword = function VerificationCodeResetPassword(_ref) {
   var _ref$imageArrayCarous = _ref.imageArrayCarousel,
       imageArrayCarousel = _ref$imageArrayCarous === void 0 ? [] : _ref$imageArrayCarous,
@@ -49,62 +51,71 @@ var VerificationCodeResetPassword = function VerificationCodeResetPassword(_ref)
   (0, _react.useEffect)(function () {
     setInputCodeVerificationAll(document.querySelectorAll("[id^='verificationCodeInput']"));
   }, []);
-  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(_ScreenHeader.ScreenHeader, {
-    text: "Ingresa el código de verificación enviado a:",
-    headerType: "input-name-header"
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "verification-code"
-  }, inputPositions.map(function (position) {
-    return /*#__PURE__*/React.createElement(_GeneralInput.GeneralInput, {
-      inputId: "verificationCodeInput".concat(position),
-      inputType: "text",
-      inputPlaceholder: "X",
-      validateInput: _utils.validateInput,
-      inputsArray: inputCodeVerificationAll,
-      position: position,
-      maxLength: "1"
-    });
-  })), emptyVerificationCode && /*#__PURE__*/React.createElement("label", null, "Ingrese su c\xF3digo de verificaci\xF3n")), /*#__PURE__*/React.createElement("div", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
+      text: "Ingresa el código de verificación enviado a:",
+      headerType: "input-name-header"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "verification-code",
+      children: inputPositions.map(function (position) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralInput.GeneralInput, {
+          inputId: "verificationCodeInput".concat(position),
+          inputType: "text",
+          inputPlaceholder: "X",
+          validateInput: _utils.validateInput,
+          inputsArray: inputCodeVerificationAll,
+          position: position,
+          maxLength: "1"
+        });
+      })
+    }), emptyVerificationCode && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
+      children: "Ingrese su c\xF3digo de verificaci\xF3n"
+    })]
+  }, "3"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: "resend-code",
-    key: "4"
-  }, /*#__PURE__*/React.createElement("p", null, "Reenviar c\xF3digo de verificaci\xF3n")), /*#__PURE__*/React.createElement("div", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+      children: "Reenviar c\xF3digo de verificaci\xF3n"
+    })
+  }, "4"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: "button-center",
-    key: "5"
-  }, /*#__PURE__*/React.createElement(_GeneralButton.Button, {
-    buttonType: "general-default-button",
-    label: "Enviar",
-    onClick: function onClick(e) {
-      return (0, _utils.validate)(inputCodeVerificationAll, setEmptyVerificationCode);
-    }
-  })), /*#__PURE__*/React.createElement("div", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
+      buttonType: "general-default-button",
+      label: "Enviar",
+      onClick: function onClick(e) {
+        return (0, _utils.validate)(inputCodeVerificationAll, setEmptyVerificationCode);
+      }
+    })
+  }, "5"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: "reset-password",
-    key: "6"
-  }, /*#__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..."
+    })
+  }, "6")];
+  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.VerificationCodeResetPassword = VerificationCodeResetPassword;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "contentoh-components-library",
-  "version": "21.0.20",
+  "version": "21.0.21",
   "dependencies": {
     "@babel/runtime": "^7.17.2",
     "@storybook/addon-postcss": "^2.0.0",
@@ -51,6 +51,13 @@
         {
           "absoluteRuntime": false
         }
+      ],
+      "@babel/preset-env",
+      [
+        "@babel/preset-react",
+        {
+          "runtime": "automatic"
+        }
       ]
     ]
   },