auth0-lock 11.34.2 → 12.0.0-beta.0

package/lib/ui/box/multisize_slide.js

@@ -1,162 +1,152 @@
-'use strict';
-
-exports.__esModule = true;
-
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _reactDom = require('react-dom');
-
-var _reactDom2 = _interopRequireDefault(_reactDom);
-
-var _CSSCore = require('../../CSSCore');
-
-var _CSSCore2 = _interopRequireDefault(_CSSCore);
-
+"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 _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireDefault(require("react"));
+var _reactDom = _interopRequireDefault(require("react-dom"));
+var _CSSCore = _interopRequireDefault(require("../../CSSCore"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 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 Slider = 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 Slider = /*#__PURE__*/function (_React$Component) {
   _inherits(Slider, _React$Component);
-
+  var _super = _createSuper(Slider);
   function Slider(props) {
+    var _this;
     _classCallCheck(this, Slider);
-
-    var _this = _possibleConstructorReturn(this, _React$Component.call(this, props));
-
-    _this.state = { children: { current: props.children } };
+    _this = _super.call(this, props);
+    _this.state = {
+      children: {
+        current: props.children
+      }
+    };
     return _this;
   }
 
   // eslint-disable-next-line react/no-deprecated
-
-
-  Slider.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
-    // TODO: take a prop to identify what are we rendering instead of
-    // infering it from children keys so we can accept more than one
-    // child (we are already wrapping them).
-    if (this.state.children.current.key != nextProps.children.key) {
-      this.setState({
-        children: {
-          current: nextProps.children,
-          prev: this.state.children.current
-        },
-        transitionName: this.props.transitionName
-      });
-      this.animate = true;
-    } else if (!this.timeout) {
-      this.setState({
-        children: { current: nextProps.children },
-        transitionName: nextProps.transitionName
-      });
+  _createClass(Slider, [{
+    key: "UNSAFE_componentWillReceiveProps",
+    value: function UNSAFE_componentWillReceiveProps(nextProps) {
+      // TODO: take a prop to identify what are we rendering instead of
+      // inferring it from children keys so we can accept more than one
+      // child (we are already wrapping them).
+      if (this.state.children.current.key != nextProps.children.key) {
+        this.setState({
+          children: {
+            current: nextProps.children,
+            prev: this.state.children.current
+          },
+          transitionName: this.props.transitionName
+        });
+        this.animate = true;
+      } else if (!this.timeout) {
+        this.setState({
+          children: {
+            current: nextProps.children
+          },
+          transitionName: nextProps.transitionName
+        });
+      }
     }
-  };
-
-  Slider.prototype.componentDidUpdate = function componentDidUpdate() {
-    var _this2 = this;
-
-    if (this.animate) {
-      this.animate = false;
-
-      var transitionName = this.state.transitionName;
-      var _state$children = this.state.children,
-          current = _state$children.current,
-          prev = _state$children.prev;
-      var reverse = this.props.reverse;
-
-      var currentComponent = this.refs[current.key];
-      var prevComponent = this.refs[prev.key];
-
-      var transition = function transition(component, className, delay) {
-        // eslint-disable-next-line
-        var node = _reactDom2.default.findDOMNode(component);
-        var activeClassName = className + '-active';
-
-        _CSSCore2.default.addClass(node, className);
-
-        setTimeout(function () {
-          return _CSSCore2.default.addClass(node, activeClassName);
-        }, 17);
-
-        if (delay) {
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      var _this2 = this;
+      if (this.animate) {
+        this.animate = false;
+        var transitionName = this.state.transitionName;
+        var _this$state$children = this.state.children,
+          current = _this$state$children.current,
+          prev = _this$state$children.prev;
+        var reverse = this.props.reverse;
+        var currentComponent = this.refs[current.key];
+        var prevComponent = this.refs[prev.key];
+        var transition = function transition(component, className, delay) {
+          // eslint-disable-next-line
+          var node = _reactDom.default.findDOMNode(component);
+          var activeClassName = "".concat(className, "-active");
+          _CSSCore.default.addClass(node, className);
           setTimeout(function () {
-            _CSSCore2.default.removeClass(node, className);
-            _CSSCore2.default.removeClass(node, activeClassName);
-          }, delay);
-        }
-      };
-
-      var callback = function callback(slide) {
-        currentComponent.componentWillSlideIn(slide);
-        var classNamePrefix = reverse ? 'reverse-' : '';
-        transition(currentComponent, '' + classNamePrefix + transitionName + '-enter', _this2.props.delay);
-        transition(prevComponent, '' + classNamePrefix + transitionName + '-exit');
-
-        _this2.timeout = setTimeout(function () {
-          var _context;
-
-          _this2.setState({
-            children: { current: _this2.state.children.current },
-            transitionName: _this2.props.transitionName
-          });
-          currentComponent.componentDidSlideIn((_context = _this2.props).onDidAppear.bind(_context));
-          _this2.props.onDidSlide();
-          _this2.timeout = null;
-        }, _this2.props.delay);
-      };
-
-      this.props.onWillSlide();
-      prevComponent.componentWillSlideOut(callback);
+            return _CSSCore.default.addClass(node, activeClassName);
+          }, 17);
+          if (delay) {
+            setTimeout(function () {
+              _CSSCore.default.removeClass(node, className);
+              _CSSCore.default.removeClass(node, activeClassName);
+            }, delay);
+          }
+        };
+        var callback = function callback(slide) {
+          currentComponent.componentWillSlideIn(slide);
+          var classNamePrefix = reverse ? 'reverse-' : '';
+          transition(currentComponent, "".concat(classNamePrefix).concat(transitionName, "-enter"), _this2.props.delay);
+          transition(prevComponent, "".concat(classNamePrefix).concat(transitionName, "-exit"));
+          _this2.timeout = setTimeout(function () {
+            var _context;
+            _this2.setState({
+              children: {
+                current: _this2.state.children.current
+              },
+              transitionName: _this2.props.transitionName
+            });
+            currentComponent.componentDidSlideIn((_context = _this2.props).onDidAppear.bind(_context));
+            _this2.props.onDidSlide();
+            _this2.timeout = null;
+          }, _this2.props.delay);
+        };
+        this.props.onWillSlide();
+        prevComponent.componentWillSlideOut(callback);
+      }
     }
-  };
-
-  Slider.prototype.componentWillUnmount = function componentWillUnmount() {
-    if (this.timeout) clearTimeout(this.timeout);
-  };
-
-  Slider.prototype.render = function render() {
-    var _state$children2 = this.state.children,
-        current = _state$children2.current,
-        prev = _state$children2.prev;
-
-    var children = prev ? [current, prev] : [current];
-    var childrenToRender = children.map(function (child) {
-      return _react2.default.cloneElement(_react2.default.createElement(Child, {}, child), {
-        ref: child.key,
-        key: child.key
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      if (this.timeout) clearTimeout(this.timeout);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$state$children2 = this.state.children,
+        current = _this$state$children2.current,
+        prev = _this$state$children2.prev;
+      var children = prev ? [current, prev] : [current];
+      var childrenToRender = children.map(function (child) {
+        return /*#__PURE__*/_react.default.cloneElement( /*#__PURE__*/_react.default.createElement(Child, {}, child), {
+          ref: child.key,
+          key: child.key
+        });
       });
-    });
-
-    return _react2.default.createElement(this.props.component, {}, childrenToRender);
-  };
-
+      return /*#__PURE__*/_react.default.createElement(this.props.component, {}, childrenToRender);
+    }
+  }]);
   return Slider;
-}(_react2.default.Component);
-
+}(_react.default.Component);
 exports.default = Slider;
-
-
 Slider.propTypes = {
-  children: _propTypes2.default.node.isRequired,
-  component: _propTypes2.default.string,
-  delay: _propTypes2.default.number.isRequired,
-  onDidAppear: _propTypes2.default.func.isRequired,
-  onDidSlide: _propTypes2.default.func.isRequired,
-  onWillSlide: _propTypes2.default.func.isRequired,
-  reverse: _propTypes2.default.bool.isRequired,
-  transitionName: _propTypes2.default.string.isRequired
+  children: _propTypes.default.node.isRequired,
+  component: _propTypes.default.string,
+  delay: _propTypes.default.number.isRequired,
+  onDidAppear: _propTypes.default.func.isRequired,
+  onDidSlide: _propTypes.default.func.isRequired,
+  onWillSlide: _propTypes.default.func.isRequired,
+  reverse: _propTypes.default.bool.isRequired,
+  transitionName: _propTypes.default.string.isRequired
 };
-
 Slider.defaultProps = {
   component: 'span',
   onDidAppear: function onDidAppear() {},
@@ -164,101 +154,115 @@ Slider.defaultProps = {
   onWillSlide: function onWillSlide() {},
   reverse: false
 };
-
-var Child = function (_React$Component2) {
+var Child = /*#__PURE__*/function (_React$Component2) {
   _inherits(Child, _React$Component2);
-
+  var _super2 = _createSuper(Child);
   function Child(props) {
+    var _this3;
     _classCallCheck(this, Child);
-
-    var _this3 = _possibleConstructorReturn(this, _React$Component2.call(this, props));
-
-    _this3.state = { height: '', originalHeight: '', show: true };
+    _this3 = _super2.call(this, props);
+    _defineProperty(_assertThisInitialized(_this3), "node", void 0);
+    _this3.state = {
+      height: '',
+      originalHeight: '',
+      show: true
+    };
     return _this3;
   }
-
-  Child.prototype.componentWillSlideIn = function componentWillSlideIn(slide) {
-    this.setState({
-      height: slide.height,
-      originalHeight: parseInt(window.getComputedStyle(this.node, null).height, 10),
-      show: false
-    });
-  };
-
-  Child.prototype.componentDidSlideIn = function componentDidSlideIn(cb) {
-    var _this4 = this;
-
-    var _state = this.state,
-        height = _state.height,
-        originalHeight = _state.originalHeight;
-
-
-    if (height === originalHeight) {
-      this.setState({ show: true, height: '' });
-      cb();
-    } else {
-      this.cb = cb;
-      var frames = 10;
-      var count = 0;
-      var current = height;
-      var last = originalHeight;
-      var step = Math.abs(current - last) / frames;
-      var dir = current < last ? 1 : -1;
-      var dh = step * dir;
-
-      // TODO: rAF
-      this.t = setInterval(function () {
-        if (count < frames - 1) {
-          _this4.setState({ height: current, animating: true });
-          current += dh;
-          count++;
-        } else {
-          clearInterval(_this4.t);
-          delete _this4.t;
-          _this4.setState({ height: '', show: true });
-          _this4.cb();
-        }
-      }, 17);
+  _createClass(Child, [{
+    key: "componentWillSlideIn",
+    value: function componentWillSlideIn(slide) {
+      this.setState({
+        height: slide.height,
+        originalHeight: parseInt(window.getComputedStyle(this.node, null).height, 10),
+        show: false
+      });
     }
-  };
-
-  Child.prototype.componentWillSlideOut = function componentWillSlideOut(cb) {
-    var size = window.getComputedStyle(this.node, null).height;
-    cb({ height: parseInt(size, 10), reverse: this.reverse });
-  };
-
-  Child.prototype.componentWillUnmount = function componentWillUnmount() {
-    if (this.t) {
-      clearInterval(this.t);
-      this.cb();
+  }, {
+    key: "componentDidSlideIn",
+    value: function componentDidSlideIn(cb) {
+      var _this4 = this;
+      var _this$state = this.state,
+        height = _this$state.height,
+        originalHeight = _this$state.originalHeight;
+      if (height === originalHeight) {
+        this.setState({
+          show: true,
+          height: ''
+        });
+        cb();
+      } else {
+        this.cb = cb;
+        var frames = 10;
+        var count = 0;
+        var current = height;
+        var last = originalHeight;
+        var step = Math.abs(current - last) / frames;
+        var dir = current < last ? 1 : -1;
+        var dh = step * dir;
+
+        // TODO: rAF
+        this.t = setInterval(function () {
+          if (count < frames - 1) {
+            _this4.setState({
+              height: current,
+              animating: true
+            });
+            current += dh;
+            count++;
+          } else {
+            clearInterval(_this4.t);
+            delete _this4.t;
+            _this4.setState({
+              height: '',
+              show: true
+            });
+            _this4.cb();
+          }
+        }, 17);
+      }
     }
-  };
-
-  Child.prototype.render = function render() {
-    var _this5 = this;
-
-    var children = this.props.children;
-    var _state2 = this.state,
-        height = _state2.height,
-        show = _state2.show;
-
-
-    return _react2.default.createElement(
-      'div',
-      { ref: function ref(node) {
+  }, {
+    key: "componentWillSlideOut",
+    value: function componentWillSlideOut(cb) {
+      var size = window.getComputedStyle(this.node, null).height;
+      cb({
+        height: parseInt(size, 10),
+        reverse: this.reverse
+      });
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      if (this.t) {
+        clearInterval(this.t);
+        this.cb();
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this5 = this;
+      var children = this.props.children;
+      var _this$state2 = this.state,
+        height = _this$state2.height,
+        show = _this$state2.show;
+      return /*#__PURE__*/_react.default.createElement("div", {
+        ref: function ref(node) {
           return _this5.node = node;
-        }, style: height ? { height: height + 'px' } : {} },
-      _react2.default.createElement(
-        'div',
-        { style: { visibility: show ? 'inherit' : 'hidden' } },
-        children
-      )
-    );
-  };
-
+        },
+        style: height ? {
+          height: height + 'px'
+        } : {}
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        style: {
+          visibility: show ? 'inherit' : 'hidden'
+        }
+      }, children));
+    }
+  }]);
   return Child;
-}(_react2.default.Component);
-
+}(_react.default.Component);
 Child.propTypes = {
-  children: _propTypes2.default.node.isRequired
+  children: _propTypes.default.node.isRequired
 };

package/lib/ui/box/success_pane.js

@@ -1,40 +1,37 @@
-'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 _confirmation_pane = require('./confirmation_pane');
-
-var _confirmation_pane2 = _interopRequireDefault(_confirmation_pane);
-
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _confirmation_pane = _interopRequireDefault(require("./confirmation_pane"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var svg = _react2.default.createElement(
-  'svg',
-  {
-    focusable: 'false',
-    width: '56px',
-    height: '56px',
-    viewBox: '0 0 52 52',
-    version: '1.1',
-    xmlns: 'http://www.w3.org/2000/svg',
-    xmlnsXlink: 'http://www.w3.org/1999/xlink',
-    className: 'checkmark'
-  },
-  ' ',
-  _react2.default.createElement('circle', { cx: '26', cy: '26', r: '25', fill: 'none', className: 'checkmark__circle' }),
-  ' ',
-  _react2.default.createElement('path', { fill: 'none', d: 'M14.1 27.2l7.1 7.2 16.7-16.8', className: 'checkmark__check' }),
-  ' '
-);
-
+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); }
+var svg = /*#__PURE__*/_react.default.createElement("svg", {
+  focusable: "false",
+  width: "56px",
+  height: "56px",
+  viewBox: "0 0 52 52",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg",
+  xmlnsXlink: "http://www.w3.org/1999/xlink",
+  className: "checkmark"
+}, ' ', /*#__PURE__*/_react.default.createElement("circle", {
+  cx: "26",
+  cy: "26",
+  r: "25",
+  fill: "none",
+  className: "checkmark__circle"
+}), ' ', /*#__PURE__*/_react.default.createElement("path", {
+  fill: "none",
+  d: "M14.1 27.2l7.1 7.2 16.7-16.8",
+  className: "checkmark__check"
+}), ' ');
 var SuccessPane = function SuccessPane(props) {
-  return _react2.default.createElement(_confirmation_pane2.default, _extends({ svg: svg }, props));
+  return /*#__PURE__*/_react.default.createElement(_confirmation_pane.default, _extends({
+    svg: svg
+  }, props));
 };
-
-exports.default = SuccessPane;
+var _default = SuccessPane;
+exports.default = _default;