auth0-lock 11.34.1 → 12.0.0-beta.0

package/lib/ui/input/vcode_input.js

@@ -1,131 +1,123 @@
-'use strict';
-
-exports.__esModule = true;
-
-var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _input_wrap = require('./input_wrap');
-
-var _input_wrap2 = _interopRequireDefault(_input_wrap);
-
-var _media_utils = require('../../utils/media_utils');
-
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _input_wrap = _interopRequireDefault(require("./input_wrap"));
+var _media_utils = require("../../utils/media_utils");
+var _excluded = ["lockId", "isValid"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-
-var IconSvg = _react2.default.createElement(
-  'svg',
-  {
-    'aria-hidden': 'true',
-    focusable: 'false',
-    width: '12px',
-    height: '14px',
-    viewBox: '0 0 12 14',
-    version: '1.1',
-    xmlns: 'http://www.w3.org/2000/svg',
-    xmlnsXlink: 'http://www.w3.org/1999/xlink',
-    className: 'auth0-lock-icon auth0-lock-icon-box'
-  },
-  _react2.default.createElement(
-    'g',
-    { stroke: 'none', strokeWidth: '1', fill: 'none', fillRule: 'evenodd' },
-    _react2.default.createElement(
-      'g',
-      { transform: 'translate(-964.000000, -3509.000000)', fill: '#888888' },
-      _react2.default.createElement(
-        'g',
-        { transform: 'translate(915.000000, 3207.000000)' },
-        _react2.default.createElement(
-          'g',
-          { transform: 'translate(35.000000, 289.000000)' },
-          _react2.default.createElement('path', {
-            id: 'Fill-42',
-            d: 'M25.0523108,22.8115806 L20.455448,26.0692401 L20.455448,20.6336024 L25.0523108,17.6924012 L25.0523108,22.8115806 L25.0523108,22.8115806 Z M20.1658456,19.763342 C20.1060864,19.786611 20.050924,19.8145338 19.9957617,19.8471103 C19.9451962,19.8191876 19.8946307,19.786611 19.8394683,19.7679958 L14.9392126,16.7616414 L19.986568,13.8949009 L25.0523108,16.7616414 L25.043117,16.7662952 L20.1658456,19.763342 L20.1658456,19.763342 Z M19.5360754,20.6336024 L19.5360754,26.0692401 L14.9392126,22.8115806 L14.9392126,17.6924012 L19.5360754,20.6336024 L19.5360754,20.6336024 Z M25.9716833,17.6924012 C25.9716833,17.5574411 25.9395053,17.4317885 25.8889398,17.3154435 C26.0728143,16.9664085 26.0314425,16.5242976 25.7418402,16.2311082 L20.4002856,13.2340614 C19.7980966,12.9408721 20.2393954,12.9036417 19.5590597,13.2340614 L14.2634738,16.2311082 C13.9692745,16.5242976 13.9279028,16.9571009 14.1071804,17.3107897 C14.0520181,17.4271347 14.01984,17.5527873 14.01984,17.6924012 L14.01984,22.8115806 C14.01984,23.3234985 14.4335577,23.7423404 14.9392126,23.7423404 L19.5360754,27 C19.7061593,27 19.8578558,26.9395006 19.9957617,26.8557322 C20.1336676,26.9395006 20.285364,27 20.455448,27 L25.511997,23.7423404 C26.017652,23.7423404 25.9716833,23.3234985 25.9716833,22.8115806 L25.9716833,17.6924012 L25.9716833,17.6924012 Z'
-          })
-        )
-      )
-    )
-  )
-);
-
-var VcodeInput = function (_React$Component) {
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+var IconSvg = /*#__PURE__*/_react.default.createElement("svg", {
+  "aria-hidden": "true",
+  focusable: "false",
+  width: "12px",
+  height: "14px",
+  viewBox: "0 0 12 14",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg",
+  xmlnsXlink: "http://www.w3.org/1999/xlink",
+  className: "auth0-lock-icon auth0-lock-icon-box"
+}, /*#__PURE__*/_react.default.createElement("g", {
+  stroke: "none",
+  strokeWidth: "1",
+  fill: "none",
+  fillRule: "evenodd"
+}, /*#__PURE__*/_react.default.createElement("g", {
+  transform: "translate(-964.000000, -3509.000000)",
+  fill: "#888888"
+}, /*#__PURE__*/_react.default.createElement("g", {
+  transform: "translate(915.000000, 3207.000000)"
+}, /*#__PURE__*/_react.default.createElement("g", {
+  transform: "translate(35.000000, 289.000000)"
+}, /*#__PURE__*/_react.default.createElement("path", {
+  id: "Fill-42",
+  d: "M25.0523108,22.8115806 L20.455448,26.0692401 L20.455448,20.6336024 L25.0523108,17.6924012 L25.0523108,22.8115806 L25.0523108,22.8115806 Z M20.1658456,19.763342 C20.1060864,19.786611 20.050924,19.8145338 19.9957617,19.8471103 C19.9451962,19.8191876 19.8946307,19.786611 19.8394683,19.7679958 L14.9392126,16.7616414 L19.986568,13.8949009 L25.0523108,16.7616414 L25.043117,16.7662952 L20.1658456,19.763342 L20.1658456,19.763342 Z M19.5360754,20.6336024 L19.5360754,26.0692401 L14.9392126,22.8115806 L14.9392126,17.6924012 L19.5360754,20.6336024 L19.5360754,20.6336024 Z M25.9716833,17.6924012 C25.9716833,17.5574411 25.9395053,17.4317885 25.8889398,17.3154435 C26.0728143,16.9664085 26.0314425,16.5242976 25.7418402,16.2311082 L20.4002856,13.2340614 C19.7980966,12.9408721 20.2393954,12.9036417 19.5590597,13.2340614 L14.2634738,16.2311082 C13.9692745,16.5242976 13.9279028,16.9571009 14.1071804,17.3107897 C14.0520181,17.4271347 14.01984,17.5527873 14.01984,17.6924012 L14.01984,22.8115806 C14.01984,23.3234985 14.4335577,23.7423404 14.9392126,23.7423404 L19.5360754,27 C19.7061593,27 19.8578558,26.9395006 19.9957617,26.8557322 C20.1336676,26.9395006 20.285364,27 20.455448,27 L25.511997,23.7423404 C26.017652,23.7423404 25.9716833,23.3234985 25.9716833,22.8115806 L25.9716833,17.6924012 L25.9716833,17.6924012 Z"
+}))))));
+var VcodeInput = /*#__PURE__*/function (_React$Component) {
   _inherits(VcodeInput, _React$Component);
-
+  var _super = _createSuper(VcodeInput);
   function VcodeInput(props) {
+    var _this;
     _classCallCheck(this, VcodeInput);
-
-    var _this = _possibleConstructorReturn(this, _React$Component.call(this, props));
-
+    _this = _super.call(this, props);
     _this.state = {};
     return _this;
   }
-
-  VcodeInput.prototype.componentDidMount = function componentDidMount() {
-    var _this2 = this;
-
-    if (!(0, _media_utils.isSmallScreen)()) {
-      // TODO: We can't set the focus immediately because we have to wait for
-      // the input to be visible. Use a more robust solution (Placeholder should
-      // notify it children when they are being shown).
-      setTimeout(function () {
-        return _this2.refs.input && _this2.refs.input.focus();
-      }, 1200);
+  _createClass(VcodeInput, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this2 = this;
+      if (!(0, _media_utils.isSmallScreen)()) {
+        // TODO: We can't set the focus immediately because we have to wait for
+        // the input to be visible. Use a more robust solution (Placeholder should
+        // notify it children when they are being shown).
+        setTimeout(function () {
+          return _this2.refs.input && _this2.refs.input.focus();
+        }, 1200);
+      }
     }
-  };
-
-  VcodeInput.prototype.render = function render() {
-    var _props = this.props,
-        lockId = _props.lockId,
-        isValid = _props.isValid,
-        props = _objectWithoutProperties(_props, ['lockId', 'isValid']);
-
-    var focused = this.state.focused;
-
-
-    return _react2.default.createElement(
-      _input_wrap2.default,
-      { focused: focused, isValid: isValid, name: 'vcode', icon: IconSvg },
-      _react2.default.createElement('input', _extends({
-        id: lockId + '-vcode',
-        ref: 'input',
-        type: 'tel',
-        name: 'vcode',
-        className: 'auth0-lock-input auth0-lock-input-code',
-        autoComplete: 'off',
-        autoCapitalize: 'off',
-        autoCorrect: 'off',
-        spellCheck: 'false',
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        lockId = _this$props.lockId,
+        isValid = _this$props.isValid,
+        props = _objectWithoutProperties(_this$props, _excluded);
+      var focused = this.state.focused;
+      return /*#__PURE__*/_react.default.createElement(_input_wrap.default, {
+        focused: focused,
+        isValid: isValid,
+        name: "vcode",
+        icon: IconSvg
+      }, /*#__PURE__*/_react.default.createElement("input", _extends({
+        id: "".concat(lockId, "-vcode"),
+        ref: "input",
+        type: "tel",
+        name: "vcode",
+        className: "auth0-lock-input auth0-lock-input-code",
+        autoComplete: "off",
+        autoCapitalize: "off",
+        autoCorrect: "off",
+        spellCheck: "false",
         onFocus: this.handleFocus.bind(this),
         onBlur: this.handleBlur.bind(this),
-        'aria-label': 'vcode',
-        'aria-invalid': !isValid
-      }, props))
-    );
-  };
-
-  VcodeInput.prototype.handleFocus = function handleFocus() {
-    this.setState({ focused: true });
-  };
-
-  VcodeInput.prototype.handleBlur = function handleBlur() {
-    this.setState({ focused: false });
-  };
-
+        "aria-label": "vcode",
+        "aria-invalid": !isValid
+      }, props)));
+    }
+  }, {
+    key: "handleFocus",
+    value: function handleFocus() {
+      this.setState({
+        focused: true
+      });
+    }
+  }, {
+    key: "handleBlur",
+    value: function handleBlur() {
+      this.setState({
+        focused: false
+      });
+    }
+  }]);
   return VcodeInput;
-}(_react2.default.Component);
-
-// TODO: specify propTypes
-
-
+}(_react.default.Component); // TODO: specify propTypes
 exports.default = VcodeInput;