@moda/om 18.4.0 → 19.0.0

package/dist/index.esm.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import React__default, { useState, useEffect, PureComponent, useRef, Children, isValidElement, cloneElement, createContext, useContext, useCallback, useReducer, useMemo, forwardRef } from 'react';
-import { Link } from 'react-router-dom';
+import { Link, Prompt } from 'react-router-dom';
 import require$$1, { createPortal } from 'react-dom';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -999,62 +999,62 @@ var colorStringExports = colorString.exports;
   __exportStar(helpers, exports);
 })(dist$4);
 
-function _iterableToArrayLimit(arr, i) {
-  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
-  if (null != _i) {
-    var _s,
-      _e,
-      _x,
-      _r,
-      _arr = [],
-      _n = !0,
-      _d = !1;
+function _iterableToArrayLimit(r, l) {
+  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (null != t) {
+    var e,
+      n,
+      i,
+      u,
+      a = [],
+      f = !0,
+      o = !1;
     try {
-      if (_x = (_i = _i.call(arr)).next, 0 === i) {
-        if (Object(_i) !== _i) return;
-        _n = !1;
-      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
-    } catch (err) {
-      _d = !0, _e = err;
+      if (i = (t = t.call(r)).next, 0 === l) {
+        if (Object(t) !== t) return;
+        f = !1;
+      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+    } catch (r) {
+      o = !0, n = r;
     } finally {
       try {
-        if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return;
+        if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
       } finally {
-        if (_d) throw _e;
+        if (o) throw n;
       }
     }
-    return _arr;
+    return a;
   }
 }
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
+function ownKeys(e, r) {
+  var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    enumerableOnly && (symbols = symbols.filter(function (sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    })), keys.push.apply(keys, symbols);
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function (r) {
+      return Object.getOwnPropertyDescriptor(e, r).enumerable;
+    })), t.push.apply(t, o);
   }
-  return keys;
+  return t;
 }
-function _objectSpread2(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
-      _defineProperty$1(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
-      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+function _objectSpread2(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
+      _defineProperty$1(e, r, t[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
+      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
     });
   }
-  return target;
+  return e;
 }
-function _typeof$1(obj) {
+function _typeof$1(o) {
   "@babel/helpers - typeof";
 
-  return _typeof$1 = "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$1(obj);
+  return _typeof$1 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+    return typeof o;
+  } : function (o) {
+    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+  }, _typeof$1(o);
 }
 function _defineProperty$1(obj, key, value) {
   key = _toPropertyKey$1(key);
@@ -1328,7 +1328,9 @@ var stringifyProps = function stringifyProps(props) {
 
 /* eslint-disable @typescript-eslint/no-explicit-any */
 
-/* eslint-enable @typescript-eslint/no-explicit-any */ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+/* eslint-enable @typescript-eslint/no-explicit-any */
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 var isEmpty = function isEmpty(obj) {
   return Object.entries(obj || {}).length === 0;
 };
@@ -1651,7 +1653,7 @@ var RemoveScroll = /*#__PURE__*/React.forwardRef(function (props, parentRef) {
   var SideCar = sideCar;
   var containerRef = useMergeRefs([ref, parentRef]);
   var containerProps = _assign(_assign({}, rest), callbacks);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, enabled && /*#__PURE__*/React.createElement(SideCar, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, enabled && ( /*#__PURE__*/React.createElement(SideCar, {
     sideCar: effectCar$1,
     removeScrollBar: removeScrollBar,
     shards: shards,
@@ -1661,12 +1663,12 @@ var RemoveScroll = /*#__PURE__*/React.forwardRef(function (props, parentRef) {
     allowPinchZoom: !!allowPinchZoom,
     lockRef: ref,
     gapMode: gapMode
-  }), forwardProps ? /*#__PURE__*/React.cloneElement(React.Children.only(children), _assign(_assign({}, containerProps), {
+  })), forwardProps ? ( /*#__PURE__*/React.cloneElement(React.Children.only(children), _assign(_assign({}, containerProps), {
     ref: containerRef
-  })) : /*#__PURE__*/React.createElement(Container, _assign({}, containerProps, {
+  }))) : ( /*#__PURE__*/React.createElement(Container, _assign({}, containerProps, {
     className: className,
     ref: containerRef
-  }), children));
+  }), children)));
 });
 RemoveScroll.defaultProps = {
   enabled: true,
@@ -1695,123 +1697,84 @@ function _extends() {
 
 var propTypes = {exports: {}};
 
-var reactIs = {exports: {}};
-
-var reactIs_production_min = {};
+/**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var ReactPropTypesSecret_1;
+var hasRequiredReactPropTypesSecret;
+function requireReactPropTypesSecret() {
+  if (hasRequiredReactPropTypesSecret) return ReactPropTypesSecret_1;
+  hasRequiredReactPropTypesSecret = 1;
+  var ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
+  ReactPropTypesSecret_1 = ReactPropTypesSecret;
+  return ReactPropTypesSecret_1;
+}
 
-var hasRequiredReactIs_production_min;
-function requireReactIs_production_min() {
-  if (hasRequiredReactIs_production_min) return reactIs_production_min;
-  hasRequiredReactIs_production_min = 1;
-  var b = "function" === typeof Symbol && Symbol["for"],
-    c = b ? Symbol["for"]("react.element") : 60103,
-    d = b ? Symbol["for"]("react.portal") : 60106,
-    e = b ? Symbol["for"]("react.fragment") : 60107,
-    f = b ? Symbol["for"]("react.strict_mode") : 60108,
-    g = b ? Symbol["for"]("react.profiler") : 60114,
-    h = b ? Symbol["for"]("react.provider") : 60109,
-    k = b ? Symbol["for"]("react.context") : 60110,
-    l = b ? Symbol["for"]("react.async_mode") : 60111,
-    m = b ? Symbol["for"]("react.concurrent_mode") : 60111,
-    n = b ? Symbol["for"]("react.forward_ref") : 60112,
-    p = b ? Symbol["for"]("react.suspense") : 60113,
-    q = b ? Symbol["for"]("react.suspense_list") : 60120,
-    r = b ? Symbol["for"]("react.memo") : 60115,
-    t = b ? Symbol["for"]("react.lazy") : 60116,
-    v = b ? Symbol["for"]("react.block") : 60121,
-    w = b ? Symbol["for"]("react.fundamental") : 60117,
-    x = b ? Symbol["for"]("react.responder") : 60118,
-    y = b ? Symbol["for"]("react.scope") : 60119;
-  function z(a) {
-    if ("object" === _typeof$1(a) && null !== a) {
-      var u = a.$$typeof;
-      switch (u) {
-        case c:
-          switch (a = a.type, a) {
-            case l:
-            case m:
-            case e:
-            case g:
-            case f:
-            case p:
-              return a;
-            default:
-              switch (a = a && a.$$typeof, a) {
-                case k:
-                case n:
-                case t:
-                case r:
-                case h:
-                  return a;
-                default:
-                  return u;
-              }
-          }
-        case d:
-          return u;
+/**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var factoryWithThrowingShims;
+var hasRequiredFactoryWithThrowingShims;
+function requireFactoryWithThrowingShims() {
+  if (hasRequiredFactoryWithThrowingShims) return factoryWithThrowingShims;
+  hasRequiredFactoryWithThrowingShims = 1;
+  var ReactPropTypesSecret = requireReactPropTypesSecret();
+  function emptyFunction() {}
+  function emptyFunctionWithReset() {}
+  emptyFunctionWithReset.resetWarningCache = emptyFunction;
+  factoryWithThrowingShims = function factoryWithThrowingShims() {
+    function shim(props, propName, componentName, location, propFullName, secret) {
+      if (secret === ReactPropTypesSecret) {
+        // It is still safe when called from React.
+        return;
       }
+      var err = new Error('Calling PropTypes validators directly is not supported by the `prop-types` package. ' + 'Use PropTypes.checkPropTypes() to call them. ' + 'Read more at http://fb.me/use-check-prop-types');
+      err.name = 'Invariant Violation';
+      throw err;
     }
-  }
-  function A(a) {
-    return z(a) === m;
-  }
-  reactIs_production_min.AsyncMode = l;
-  reactIs_production_min.ConcurrentMode = m;
-  reactIs_production_min.ContextConsumer = k;
-  reactIs_production_min.ContextProvider = h;
-  reactIs_production_min.Element = c;
-  reactIs_production_min.ForwardRef = n;
-  reactIs_production_min.Fragment = e;
-  reactIs_production_min.Lazy = t;
-  reactIs_production_min.Memo = r;
-  reactIs_production_min.Portal = d;
-  reactIs_production_min.Profiler = g;
-  reactIs_production_min.StrictMode = f;
-  reactIs_production_min.Suspense = p;
-  reactIs_production_min.isAsyncMode = function (a) {
-    return A(a) || z(a) === l;
-  };
-  reactIs_production_min.isConcurrentMode = A;
-  reactIs_production_min.isContextConsumer = function (a) {
-    return z(a) === k;
-  };
-  reactIs_production_min.isContextProvider = function (a) {
-    return z(a) === h;
-  };
-  reactIs_production_min.isElement = function (a) {
-    return "object" === _typeof$1(a) && null !== a && a.$$typeof === c;
-  };
-  reactIs_production_min.isForwardRef = function (a) {
-    return z(a) === n;
-  };
-  reactIs_production_min.isFragment = function (a) {
-    return z(a) === e;
-  };
-  reactIs_production_min.isLazy = function (a) {
-    return z(a) === t;
-  };
-  reactIs_production_min.isMemo = function (a) {
-    return z(a) === r;
-  };
-  reactIs_production_min.isPortal = function (a) {
-    return z(a) === d;
-  };
-  reactIs_production_min.isProfiler = function (a) {
-    return z(a) === g;
-  };
-  reactIs_production_min.isStrictMode = function (a) {
-    return z(a) === f;
-  };
-  reactIs_production_min.isSuspense = function (a) {
-    return z(a) === p;
-  };
-  reactIs_production_min.isValidElementType = function (a) {
-    return "string" === typeof a || "function" === typeof a || a === e || a === m || a === g || a === f || a === p || a === q || "object" === _typeof$1(a) && null !== a && (a.$$typeof === t || a.$$typeof === r || a.$$typeof === h || a.$$typeof === k || a.$$typeof === n || a.$$typeof === w || a.$$typeof === x || a.$$typeof === y || a.$$typeof === v);
+    shim.isRequired = shim;
+    function getShim() {
+      return shim;
+    }
+    // Important!
+    // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.
+    var ReactPropTypes = {
+      array: shim,
+      bigint: shim,
+      bool: shim,
+      func: shim,
+      number: shim,
+      object: shim,
+      string: shim,
+      symbol: shim,
+      any: shim,
+      arrayOf: getShim,
+      element: shim,
+      elementType: shim,
+      instanceOf: getShim,
+      node: shim,
+      objectOf: getShim,
+      oneOf: getShim,
+      oneOfType: getShim,
+      shape: getShim,
+      exact: getShim,
+      checkPropTypes: emptyFunctionWithReset,
+      resetWarningCache: emptyFunction
+    };
+    ReactPropTypes.PropTypes = ReactPropTypes;
+    return ReactPropTypes;
   };
-  reactIs_production_min.typeOf = z;
-  return reactIs_production_min;
+  return factoryWithThrowingShims;
 }
 
+var reactIs = {exports: {}};
+
 var reactIs_development = {};
 
 var hasRequiredReactIs_development;
@@ -1977,71 +1940,186 @@ function requireReactIs_development() {
   return reactIs_development;
 }
 
-var hasRequiredReactIs;
-function requireReactIs() {
-  if (hasRequiredReactIs) return reactIs.exports;
-  hasRequiredReactIs = 1;
-  if (process.env.NODE_ENV === 'production') {
-    reactIs.exports = requireReactIs_production_min();
-  } else {
-    reactIs.exports = requireReactIs_development();
-  }
-  return reactIs.exports;
-}
-
-/*
-object-assign
-(c) Sindre Sorhus
-@license MIT
-*/
-var objectAssign;
-var hasRequiredObjectAssign;
-function requireObjectAssign() {
-  if (hasRequiredObjectAssign) return objectAssign;
-  hasRequiredObjectAssign = 1;
-  /* eslint-disable no-unused-vars */
-  var getOwnPropertySymbols = Object.getOwnPropertySymbols;
-  var hasOwnProperty = Object.prototype.hasOwnProperty;
-  var propIsEnumerable = Object.prototype.propertyIsEnumerable;
-  function toObject(val) {
-    if (val === null || val === undefined) {
-      throw new TypeError('Object.assign cannot be called with null or undefined');
-    }
-    return Object(val);
-  }
-  function shouldUseNative() {
-    try {
-      if (!Object.assign) {
-        return false;
-      }
-
-      // Detect buggy property enumeration order in older V8 versions.
-
-      // https://bugs.chromium.org/p/v8/issues/detail?id=4118
-      var test1 = new String('abc'); // eslint-disable-line no-new-wrappers
-      test1[5] = 'de';
-      if (Object.getOwnPropertyNames(test1)[0] === '5') {
-        return false;
-      }
-
-      // https://bugs.chromium.org/p/v8/issues/detail?id=3056
-      var test2 = {};
-      for (var i = 0; i < 10; i++) {
-        test2['_' + String.fromCharCode(i)] = i;
-      }
-      var order2 = Object.getOwnPropertyNames(test2).map(function (n) {
-        return test2[n];
-      });
-      if (order2.join('') !== '0123456789') {
-        return false;
-      }
+var reactIs_production_min = {};
 
-      // https://bugs.chromium.org/p/v8/issues/detail?id=3056
-      var test3 = {};
-      'abcdefghijklmnopqrst'.split('').forEach(function (letter) {
-        test3[letter] = letter;
-      });
-      if (Object.keys(Object.assign({}, test3)).join('') !== 'abcdefghijklmnopqrst') {
+var hasRequiredReactIs_production_min;
+function requireReactIs_production_min() {
+  if (hasRequiredReactIs_production_min) return reactIs_production_min;
+  hasRequiredReactIs_production_min = 1;
+  var b = "function" === typeof Symbol && Symbol["for"],
+    c = b ? Symbol["for"]("react.element") : 60103,
+    d = b ? Symbol["for"]("react.portal") : 60106,
+    e = b ? Symbol["for"]("react.fragment") : 60107,
+    f = b ? Symbol["for"]("react.strict_mode") : 60108,
+    g = b ? Symbol["for"]("react.profiler") : 60114,
+    h = b ? Symbol["for"]("react.provider") : 60109,
+    k = b ? Symbol["for"]("react.context") : 60110,
+    l = b ? Symbol["for"]("react.async_mode") : 60111,
+    m = b ? Symbol["for"]("react.concurrent_mode") : 60111,
+    n = b ? Symbol["for"]("react.forward_ref") : 60112,
+    p = b ? Symbol["for"]("react.suspense") : 60113,
+    q = b ? Symbol["for"]("react.suspense_list") : 60120,
+    r = b ? Symbol["for"]("react.memo") : 60115,
+    t = b ? Symbol["for"]("react.lazy") : 60116,
+    v = b ? Symbol["for"]("react.block") : 60121,
+    w = b ? Symbol["for"]("react.fundamental") : 60117,
+    x = b ? Symbol["for"]("react.responder") : 60118,
+    y = b ? Symbol["for"]("react.scope") : 60119;
+  function z(a) {
+    if ("object" === _typeof$1(a) && null !== a) {
+      var u = a.$$typeof;
+      switch (u) {
+        case c:
+          switch (a = a.type, a) {
+            case l:
+            case m:
+            case e:
+            case g:
+            case f:
+            case p:
+              return a;
+            default:
+              switch (a = a && a.$$typeof, a) {
+                case k:
+                case n:
+                case t:
+                case r:
+                case h:
+                  return a;
+                default:
+                  return u;
+              }
+          }
+        case d:
+          return u;
+      }
+    }
+  }
+  function A(a) {
+    return z(a) === m;
+  }
+  reactIs_production_min.AsyncMode = l;
+  reactIs_production_min.ConcurrentMode = m;
+  reactIs_production_min.ContextConsumer = k;
+  reactIs_production_min.ContextProvider = h;
+  reactIs_production_min.Element = c;
+  reactIs_production_min.ForwardRef = n;
+  reactIs_production_min.Fragment = e;
+  reactIs_production_min.Lazy = t;
+  reactIs_production_min.Memo = r;
+  reactIs_production_min.Portal = d;
+  reactIs_production_min.Profiler = g;
+  reactIs_production_min.StrictMode = f;
+  reactIs_production_min.Suspense = p;
+  reactIs_production_min.isAsyncMode = function (a) {
+    return A(a) || z(a) === l;
+  };
+  reactIs_production_min.isConcurrentMode = A;
+  reactIs_production_min.isContextConsumer = function (a) {
+    return z(a) === k;
+  };
+  reactIs_production_min.isContextProvider = function (a) {
+    return z(a) === h;
+  };
+  reactIs_production_min.isElement = function (a) {
+    return "object" === _typeof$1(a) && null !== a && a.$$typeof === c;
+  };
+  reactIs_production_min.isForwardRef = function (a) {
+    return z(a) === n;
+  };
+  reactIs_production_min.isFragment = function (a) {
+    return z(a) === e;
+  };
+  reactIs_production_min.isLazy = function (a) {
+    return z(a) === t;
+  };
+  reactIs_production_min.isMemo = function (a) {
+    return z(a) === r;
+  };
+  reactIs_production_min.isPortal = function (a) {
+    return z(a) === d;
+  };
+  reactIs_production_min.isProfiler = function (a) {
+    return z(a) === g;
+  };
+  reactIs_production_min.isStrictMode = function (a) {
+    return z(a) === f;
+  };
+  reactIs_production_min.isSuspense = function (a) {
+    return z(a) === p;
+  };
+  reactIs_production_min.isValidElementType = function (a) {
+    return "string" === typeof a || "function" === typeof a || a === e || a === m || a === g || a === f || a === p || a === q || "object" === _typeof$1(a) && null !== a && (a.$$typeof === t || a.$$typeof === r || a.$$typeof === h || a.$$typeof === k || a.$$typeof === n || a.$$typeof === w || a.$$typeof === x || a.$$typeof === y || a.$$typeof === v);
+  };
+  reactIs_production_min.typeOf = z;
+  return reactIs_production_min;
+}
+
+var hasRequiredReactIs;
+function requireReactIs() {
+  if (hasRequiredReactIs) return reactIs.exports;
+  hasRequiredReactIs = 1;
+  if (process.env.NODE_ENV === 'production') {
+    reactIs.exports = requireReactIs_production_min();
+  } else {
+    reactIs.exports = requireReactIs_development();
+  }
+  return reactIs.exports;
+}
+
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+var objectAssign;
+var hasRequiredObjectAssign;
+function requireObjectAssign() {
+  if (hasRequiredObjectAssign) return objectAssign;
+  hasRequiredObjectAssign = 1;
+  /* eslint-disable no-unused-vars */
+  var getOwnPropertySymbols = Object.getOwnPropertySymbols;
+  var hasOwnProperty = Object.prototype.hasOwnProperty;
+  var propIsEnumerable = Object.prototype.propertyIsEnumerable;
+  function toObject(val) {
+    if (val === null || val === undefined) {
+      throw new TypeError('Object.assign cannot be called with null or undefined');
+    }
+    return Object(val);
+  }
+  function shouldUseNative() {
+    try {
+      if (!Object.assign) {
+        return false;
+      }
+
+      // Detect buggy property enumeration order in older V8 versions.
+
+      // https://bugs.chromium.org/p/v8/issues/detail?id=4118
+      var test1 = new String('abc'); // eslint-disable-line no-new-wrappers
+      test1[5] = 'de';
+      if (Object.getOwnPropertyNames(test1)[0] === '5') {
+        return false;
+      }
+
+      // https://bugs.chromium.org/p/v8/issues/detail?id=3056
+      var test2 = {};
+      for (var i = 0; i < 10; i++) {
+        test2['_' + String.fromCharCode(i)] = i;
+      }
+      var order2 = Object.getOwnPropertyNames(test2).map(function (n) {
+        return test2[n];
+      });
+      if (order2.join('') !== '0123456789') {
+        return false;
+      }
+
+      // https://bugs.chromium.org/p/v8/issues/detail?id=3056
+      var test3 = {};
+      'abcdefghijklmnopqrst'.split('').forEach(function (letter) {
+        test3[letter] = letter;
+      });
+      if (Object.keys(Object.assign({}, test3)).join('') !== 'abcdefghijklmnopqrst') {
         return false;
       }
       return true;
@@ -2075,22 +2153,6 @@ function requireObjectAssign() {
   return objectAssign;
 }
 
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var ReactPropTypesSecret_1;
-var hasRequiredReactPropTypesSecret;
-function requireReactPropTypesSecret() {
-  if (hasRequiredReactPropTypesSecret) return ReactPropTypesSecret_1;
-  hasRequiredReactPropTypesSecret = 1;
-  var ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
-  ReactPropTypesSecret_1 = ReactPropTypesSecret;
-  return ReactPropTypesSecret_1;
-}
-
 var has;
 var hasRequiredHas;
 function requireHas() {
@@ -2731,66 +2793,6 @@ function requireFactoryWithTypeCheckers() {
   return factoryWithTypeCheckers;
 }
 
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var factoryWithThrowingShims;
-var hasRequiredFactoryWithThrowingShims;
-function requireFactoryWithThrowingShims() {
-  if (hasRequiredFactoryWithThrowingShims) return factoryWithThrowingShims;
-  hasRequiredFactoryWithThrowingShims = 1;
-  var ReactPropTypesSecret = requireReactPropTypesSecret();
-  function emptyFunction() {}
-  function emptyFunctionWithReset() {}
-  emptyFunctionWithReset.resetWarningCache = emptyFunction;
-  factoryWithThrowingShims = function factoryWithThrowingShims() {
-    function shim(props, propName, componentName, location, propFullName, secret) {
-      if (secret === ReactPropTypesSecret) {
-        // It is still safe when called from React.
-        return;
-      }
-      var err = new Error('Calling PropTypes validators directly is not supported by the `prop-types` package. ' + 'Use PropTypes.checkPropTypes() to call them. ' + 'Read more at http://fb.me/use-check-prop-types');
-      err.name = 'Invariant Violation';
-      throw err;
-    }
-    shim.isRequired = shim;
-    function getShim() {
-      return shim;
-    }
-    // Important!
-    // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.
-    var ReactPropTypes = {
-      array: shim,
-      bigint: shim,
-      bool: shim,
-      func: shim,
-      number: shim,
-      object: shim,
-      string: shim,
-      symbol: shim,
-      any: shim,
-      arrayOf: getShim,
-      element: shim,
-      elementType: shim,
-      instanceOf: getShim,
-      node: shim,
-      objectOf: getShim,
-      oneOf: getShim,
-      oneOfType: getShim,
-      shape: getShim,
-      exact: getShim,
-      checkPropTypes: emptyFunctionWithReset,
-      resetWarningCache: emptyFunction
-    };
-    ReactPropTypes.PropTypes = ReactPropTypes;
-    return ReactPropTypes;
-  };
-  return factoryWithThrowingShims;
-}
-
 /**
  * Copyright (c) 2013-present, Facebook, Inc.
  *
@@ -2969,7 +2971,7 @@ var FocusLock = /*#__PURE__*/React.forwardRef(function FocusLockUI(props, parent
   var hasLeadingGuards = noFocusGuards !== true;
   var hasTailingGuards = hasLeadingGuards && noFocusGuards !== 'tail';
   var mergedRef = useMergeRefs([parentRef, setObserveNode]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, hasLeadingGuards && [/*#__PURE__*/
+  return /*#__PURE__*/React.createElement(React.Fragment, null, hasLeadingGuards && [
   // nearest focus guard
   React.createElement("div", {
     key: "guard-first",
@@ -3066,6 +3068,9 @@ function deferAction(action) {
 var effectCar = createSidecarMedium();
 var focusHiddenMarker = 'data-focus-on-hidden';
 
+var PREVENT_SCROLL = {
+  preventScroll: true
+};
 var FocusOn$1 = /*#__PURE__*/React.forwardRef(function (props, parentRef) {
   var _a = React.useState(false),
     lockProps = _a[0],
@@ -3073,6 +3078,7 @@ var FocusOn$1 = /*#__PURE__*/React.forwardRef(function (props, parentRef) {
   var children = props.children,
     autoFocus = props.autoFocus,
     shards = props.shards,
+    crossFrame = props.crossFrame,
     _b = props.enabled,
     enabled = _b === void 0 ? true : _b,
     _c = props.scrollLock,
@@ -3090,7 +3096,7 @@ var FocusOn$1 = /*#__PURE__*/React.forwardRef(function (props, parentRef) {
     style = props.style,
     as = props.as,
     gapMode = props.gapMode,
-    rest = __rest$a(props, ["children", "autoFocus", "shards", "enabled", "scrollLock", "focusLock", "returnFocus", "inert", "allowPinchZoom", "sideCar", "className", "shouldIgnore", "preventScrollOnFocus", "style", "as", "gapMode"]);
+    rest = __rest$a(props, ["children", "autoFocus", "shards", "crossFrame", "enabled", "scrollLock", "focusLock", "returnFocus", "inert", "allowPinchZoom", "sideCar", "className", "shouldIgnore", "preventScrollOnFocus", "style", "as", "gapMode"]);
   var SideCar = sideCar;
   var onActivation = lockProps.onActivation,
     onDeactivation = lockProps.onDeactivation,
@@ -3112,20 +3118,19 @@ var FocusOn$1 = /*#__PURE__*/React.forwardRef(function (props, parentRef) {
     returnFocus: returnFocus,
     autoFocus: autoFocus,
     shards: shards,
+    crossFrame: crossFrame,
     onActivation: onActivation,
     onDeactivation: onDeactivation,
     className: className,
     whiteList: shouldIgnore,
     lockProps: appliedLockProps,
-    focusOptions: preventScrollOnFocus ? {
-      preventScroll: true
-    } : undefined,
+    focusOptions: preventScrollOnFocus ? PREVENT_SCROLL : undefined,
     as: RemoveScroll
-  }, children), enabled && /*#__PURE__*/React.createElement(SideCar, _assign({}, rest, {
+  }, children), enabled && ( /*#__PURE__*/React.createElement(SideCar, _assign({}, rest, {
     sideCar: effectCar,
     setLockProps: setLockProps,
     shards: shards
-  })));
+  }))));
 });
 
 function _setPrototypeOf(o, p) {
@@ -3255,6 +3260,9 @@ var toArray = function toArray(a) {
 var asArray = function asArray(a) {
   return Array.isArray(a) ? a : [a];
 };
+var getFirst = function getFirst(a) {
+  return Array.isArray(a) ? a[0] : a;
+};
 
 var isElementHidden = function isElementHidden(node) {
   // we can measure only "elements"
@@ -3369,16 +3377,28 @@ var tabbables = ['button:enabled', 'select:enabled', 'textarea:enabled', 'input:
 var queryTabbables = tabbables.join(',');
 var queryGuardTabbables = "".concat(queryTabbables, ", [data-focus-guard]");
 var getFocusablesWithShadowDom = function getFocusablesWithShadowDom(parent, withGuards) {
-  var _a;
-  return toArray(((_a = parent.shadowRoot) === null || _a === void 0 ? void 0 : _a.children) || parent.children).reduce(function (acc, child) {
+  return toArray((parent.shadowRoot || parent).children).reduce(function (acc, child) {
     return acc.concat(child.matches(withGuards ? queryGuardTabbables : queryTabbables) ? [child] : [], getFocusablesWithShadowDom(child));
   }, []);
 };
+var getFocusablesWithIFrame = function getFocusablesWithIFrame(parent, withGuards) {
+  var _a;
+  // contentDocument of iframe will be null if current origin cannot access it
+  if (parent instanceof HTMLIFrameElement && ((_a = parent.contentDocument) === null || _a === void 0 ? void 0 : _a.body)) {
+    return getFocusables([parent.contentDocument.body], withGuards);
+  }
+  return [parent];
+};
 var getFocusables = function getFocusables(parents, withGuards) {
   return parents.reduce(function (acc, parent) {
+    var _a;
+    var focusableWithShadowDom = getFocusablesWithShadowDom(parent, withGuards);
+    var focusableWithIframes = (_a = []).concat.apply(_a, focusableWithShadowDom.map(function (node) {
+      return getFocusablesWithIFrame(node, withGuards);
+    }));
     return acc.concat(
     // add all tabbables inside and within shadow DOMs in DOM order
-    getFocusablesWithShadowDom(parent, withGuards),
+    focusableWithIframes,
     // add if node is tabbable itself
     parent.parentNode ? toArray(parent.parentNode.querySelectorAll(queryTabbables)).filter(function (node) {
       return node === parent;
@@ -3451,6 +3471,14 @@ var contains$1 = function contains(scope, element) {
       return true;
     }
     return toArray(scope.children).some(function (child) {
+      var _a;
+      if (child instanceof HTMLIFrameElement) {
+        var iframeBody = (_a = child.contentDocument) === null || _a === void 0 ? void 0 : _a.body;
+        if (iframeBody) {
+          return contains(iframeBody, element);
+        }
+        return false;
+      }
       return contains(child, element);
     });
   }
@@ -3479,7 +3507,6 @@ var filterNested = function filterNested(nodes) {
       /* eslint-enable */
     }
   }
-
   return nodes.filter(function (_, index) {
     return !contained.has(index);
   });
@@ -3506,34 +3533,51 @@ var getAllAffectedNodes = function getAllAffectedNodes(node) {
   }, []);
 };
 
-var getNestedShadowActiveElement = function getNestedShadowActiveElement(shadowRoot) {
-  return shadowRoot.activeElement ? shadowRoot.activeElement.shadowRoot ? getNestedShadowActiveElement(shadowRoot.activeElement.shadowRoot) : shadowRoot.activeElement : undefined;
+var safeProbe = function safeProbe(cb) {
+  try {
+    return cb();
+  } catch (e) {
+    return undefined;
+  }
 };
+
 /**
  * returns active element from document or from nested shadowdoms
  */
-var getActiveElement = function getActiveElement() {
-  return document.activeElement ? document.activeElement.shadowRoot ? getNestedShadowActiveElement(document.activeElement.shadowRoot) : document.activeElement : undefined; // eslint-disable-next-line @typescript-eslint/no-explicit-any
+var getActiveElement = function getActiveElement(inDocument) {
+  if (inDocument === void 0) {
+    inDocument = document;
+  }
+  if (!inDocument || !inDocument.activeElement) {
+    return undefined;
+  }
+  var activeElement = inDocument.activeElement;
+  return activeElement.shadowRoot ? getActiveElement(activeElement.shadowRoot) : activeElement instanceof HTMLIFrameElement && safeProbe(function () {
+    return activeElement.contentWindow.document;
+  }) ? getActiveElement(activeElement.contentWindow.document) : activeElement;
 };
 
-var focusInFrame = function focusInFrame(frame) {
-  return frame === document.activeElement;
+var focusInFrame = function focusInFrame(frame, activeElement) {
+  return frame === activeElement;
 };
-var focusInsideIframe = function focusInsideIframe(topNode) {
+var focusInsideIframe = function focusInsideIframe(topNode, activeElement) {
   return Boolean(toArray(topNode.querySelectorAll('iframe')).some(function (node) {
-    return focusInFrame(node);
+    return focusInFrame(node, activeElement);
   }));
 };
 /**
  * @returns {Boolean} true, if the current focus is inside given node or nodes
  */
-var focusInside = function focusInside(topNode) {
-  var activeElement = document && getActiveElement();
+var focusInside = function focusInside(topNode, activeElement) {
+  // const activeElement = document && getActiveElement();
+  if (activeElement === void 0) {
+    activeElement = getActiveElement(getFirst(topNode).ownerDocument);
+  }
   if (!activeElement || activeElement.dataset && activeElement.dataset.focusGuard) {
     return false;
   }
   return getAllAffectedNodes(topNode).some(function (node) {
-    return contains$1(node, activeElement) || focusInsideIframe(node);
+    return contains$1(node, activeElement) || focusInsideIframe(node, activeElement);
   });
 };
 
@@ -3542,13 +3586,16 @@ var focusInside = function focusInside(topNode) {
  * ie contained inside a node focus-lock shall ignore
  * @returns {boolean} focus is currently is in "allow" area
  */
-var focusIsHidden = function focusIsHidden() {
-  var activeElement = document && getActiveElement();
+var focusIsHidden = function focusIsHidden(inDocument) {
+  if (inDocument === void 0) {
+    inDocument = document;
+  }
+  var activeElement = getActiveElement(inDocument);
   if (!activeElement) {
     return false;
   }
   // this does not support setting FOCUS_ALLOW within shadow dom
-  return toArray(document.querySelectorAll("[".concat(FOCUS_ALLOW, "]"))).some(function (node) {
+  return toArray(inDocument.querySelectorAll("[".concat(FOCUS_ALLOW, "]"))).some(function (node) {
     return contains$1(node, activeElement);
   });
 };
@@ -3766,7 +3813,7 @@ var reorderNodes = function reorderNodes(srcNodes, dstNodes) {
  * @param lastNode
  */
 var getFocusMerge = function getFocusMerge(topNode, lastNode) {
-  var activeElement = document && getActiveElement();
+  var activeElement = getActiveElement(asArray(topNode).length > 0 ? document : getFirst(topNode).ownerDocument);
   var entries = getAllAffectedNodes(topNode).filter(isNotAGuard);
   var commonParent = getTopCommonParent(activeElement || topNode, topNode, entries);
   var visibilityCache = new Map();
@@ -3792,9 +3839,15 @@ var getFocusMerge = function getFocusMerge(topNode, lastNode) {
   });
   var newId = newFocus(innerNodes, outerNodes, activeElement, lastNode);
   if (newId === NEW_FOCUS) {
-    return {
-      node: pickAutofocus(anyFocusable, innerNodes, allParentAutofocusables(entries, visibilityCache))
-    };
+    var focusNode = pickAutofocus(anyFocusable, innerNodes, allParentAutofocusables(entries, visibilityCache));
+    if (focusNode) {
+      return {
+        node: focusNode
+      };
+    } else {
+      console.warn('focus-lock: cannot find any node to move focus into');
+      return undefined;
+    }
   }
   if (newId === undefined) {
     return newId;
@@ -4452,7 +4505,6 @@ function RemoveScrollSideCar(props) {
       canBeScrolledInMainDirection = locationCouldBeScrolled(moveDirection, target);
       // other axis might be not scrollable
     }
-
     if (!canBeScrolledInMainDirection) {
       return false;
     }
@@ -5218,6 +5270,7 @@ function _curryN(length, received, fn) {
     var argsIdx = 0;
     var left = length;
     var combinedIdx = 0;
+    var hasPlaceholder = false;
     while (combinedIdx < received.length || argsIdx < arguments.length) {
       var result;
       if (combinedIdx < received.length && (!_isPlaceholder(received[combinedIdx]) || argsIdx >= arguments.length)) {
@@ -5229,10 +5282,12 @@ function _curryN(length, received, fn) {
       combined[combinedIdx] = result;
       if (!_isPlaceholder(result)) {
         left -= 1;
+      } else {
+        hasPlaceholder = true;
       }
       combinedIdx += 1;
     }
-    return left <= 0 ? fn.apply(this, combined) : _arity(left, _curryN(length, combined, fn));
+    return !hasPlaceholder && left <= 0 ? fn.apply(this, combined) : _arity(Math.max(0, left), _curryN(length, combined, fn));
   };
 }
 
@@ -5286,6 +5341,7 @@ _curry2(function curryN(length, fn) {
   }
   return _arity(length, _curryN(length, [], fn));
 });
+var curryN$1 = curryN;
 
 /**
  * Optimized internal three-arity curry function.
@@ -5444,15 +5500,16 @@ function _objectIs(a, b) {
 }
 var _objectIs$1 = typeof Object.is === 'function' ? Object.is : _objectIs;
 
-var toString$1 = Object.prototype.toString;
+var toString$2 = Object.prototype.toString;
 var _isArguments = /*#__PURE__*/
 function () {
-  return toString$1.call(arguments) === '[object Arguments]' ? function _isArguments(x) {
-    return toString$1.call(x) === '[object Arguments]';
+  return toString$2.call(arguments) === '[object Arguments]' ? function _isArguments(x) {
+    return toString$2.call(x) === '[object Arguments]';
   } : function _isArguments(x) {
     return _has('callee', x);
   };
 }();
+var _isArguments$1 = _isArguments;
 
 var hasEnumBug = ! /*#__PURE__*/
 {
@@ -5504,7 +5561,7 @@ _curry1(function keys(obj) {
   }
   var prop, nIdx;
   var ks = [];
-  var checkArgsLength = hasArgsEnumBug && _isArguments(obj);
+  var checkArgsLength = hasArgsEnumBug && _isArguments$1(obj);
   for (prop in obj) {
     if (_has(prop, obj) && (!checkArgsLength || prop !== 'length')) {
       ks[ks.length] = prop;
@@ -5522,6 +5579,7 @@ _curry1(function keys(obj) {
   }
   return ks;
 });
+var keys$1 = keys;
 
 /**
  * Gives a single-word string description of the (native) type of a value,
@@ -5546,6 +5604,7 @@ _curry1(function keys(obj) {
  *      R.type([]); //=> "Array"
  *      R.type(/[A-z]/); //=> "RegExp"
  *      R.type(() => {}); //=> "Function"
+ *      R.type(async () => {}); //=> "AsyncFunction"
  *      R.type(undefined); //=> "Undefined"
  */
 
@@ -5553,6 +5612,7 @@ var type = /*#__PURE__*/
 _curry1(function type(val) {
   return val === null ? 'Null' : val === undefined ? 'Undefined' : Object.prototype.toString.call(val).slice(8, -1);
 });
+var type$1 = type;
 
 /**
  * private _uniqContentEquals function.
@@ -5580,8 +5640,8 @@ function _equals(a, b, stackA, stackB) {
   if (_objectIs$1(a, b)) {
     return true;
   }
-  var typeA = type(a);
-  if (typeA !== type(b)) {
+  var typeA = type$1(a);
+  if (typeA !== type$1(b)) {
     return false;
   }
   if (typeof a['fantasy-land/equals'] === 'function' || typeof b['fantasy-land/equals'] === 'function') {
@@ -5660,8 +5720,8 @@ function _equals(a, b, stackA, stackB) {
       // Values of other types are only equal if identical.
       return false;
   }
-  var keysA = keys(a);
-  if (keysA.length !== keys(b).length) {
+  var keysA = keys$1(a);
+  if (keysA.length !== keys$1(b).length) {
     return false;
   }
   var extendedStackA = stackA.concat([a]);
@@ -5707,6 +5767,7 @@ var equals = /*#__PURE__*/
 _curry2(function equals(a, b) {
   return _equals(a, b, [], []);
 });
+var equals$1 = equals;
 
 function _indexOf(list, a, idx) {
   var inf, item; // Array.prototype.indexOf doesn't exist below IE9
@@ -5754,7 +5815,7 @@ function _indexOf(list, a, idx) {
   } // anything else not covered above, defer to R.equals
 
   while (idx < list.length) {
-    if (equals(list[idx], a)) {
+    if (equals$1(list[idx], a)) {
       return idx;
     }
     idx += 1;
@@ -5794,6 +5855,7 @@ var _toISOString = typeof Date.prototype.toISOString === 'function' ? function _
 } : function _toISOString(d) {
   return d.getUTCFullYear() + '-' + pad(d.getUTCMonth() + 1) + '-' + pad(d.getUTCDate()) + 'T' + pad(d.getUTCHours()) + ':' + pad(d.getUTCMinutes()) + ':' + pad(d.getUTCSeconds()) + '.' + (d.getUTCMilliseconds() / 1000).toFixed(3).slice(2, 5) + 'Z';
 };
+var _toISOString$1 = _toISOString;
 
 function _complement(f) {
   return function () {
@@ -5884,10 +5946,11 @@ _dispatchable(['fantasy-land/filter', 'filter'], _xfilter, function (pred, filte
       acc[key] = filterable[key];
     }
     return acc;
-  }, {}, keys(filterable)) :
+  }, {}, keys$1(filterable)) :
   // else
   _filter(pred, filterable);
 }));
+var filter$1 = filter;
 
 /**
  * The complement of [`filter`](#filter).
@@ -5916,8 +5979,9 @@ _dispatchable(['fantasy-land/filter', 'filter'], _xfilter, function (pred, filte
 
 var reject = /*#__PURE__*/
 _curry2(function reject(pred, filterable) {
-  return filter(_complement(pred), filterable);
+  return filter$1(_complement(pred), filterable);
 });
+var reject$1 = reject;
 
 function _toString(x, seen) {
   var recur = function recur(y) {
@@ -5934,13 +5998,13 @@ function _toString(x, seen) {
     case '[object Arguments]':
       return '(function() { return arguments; }(' + _map(recur, x).join(', ') + '))';
     case '[object Array]':
-      return '[' + _map(recur, x).concat(mapPairs(x, reject(function (k) {
+      return '[' + _map(recur, x).concat(mapPairs(x, reject$1(function (k) {
         return /^\d+$/.test(k);
-      }, keys(x)))).join(', ') + ']';
+      }, keys$1(x)))).join(', ') + ']';
     case '[object Boolean]':
       return _typeof$1(x) === 'object' ? 'new Boolean(' + recur(x.valueOf()) + ')' : x.toString();
     case '[object Date]':
-      return 'new Date(' + (isNaN(x.valueOf()) ? recur(NaN) : _quote(_toISOString(x))) + ')';
+      return 'new Date(' + (isNaN(x.valueOf()) ? recur(NaN) : _quote(_toISOString$1(x))) + ')';
     case '[object Map]':
       return 'new Map(' + recur(Array.from(x)) + ')';
     case '[object Null]':
@@ -5960,7 +6024,7 @@ function _toString(x, seen) {
           return repr;
         }
       }
-      return '{' + mapPairs(x, keys(x)).join(', ') + '}';
+      return '{' + mapPairs(x, keys$1(x)).join(', ') + '}';
   }
 }
 
@@ -6005,6 +6069,7 @@ var toString = /*#__PURE__*/
 _curry1(function toString(val) {
   return _toString(val, []);
 });
+var toString$1 = toString;
 
 /**
  * Returns the larger of its two arguments.
@@ -6043,13 +6108,14 @@ _curry2(function max(a, b) {
   if (maxByType !== undefined) {
     return maxByType === _typeof$1(a) ? a : b;
   }
-  var stringA = toString(a);
-  var maxByStringValue = safeMax(stringA, toString(b));
+  var stringA = toString$1(a);
+  var maxByStringValue = safeMax(stringA, toString$1(b));
   if (maxByStringValue !== undefined) {
     return maxByStringValue === stringA ? a : b;
   }
   return b;
 });
+var max$1 = max;
 
 var XMap = /*#__PURE__*/
 function () {
@@ -6069,6 +6135,7 @@ var _xmap = function _xmap(f) {
     return new XMap(f, xf);
   };
 };
+var _xmap$1 = _xmap;
 
 /**
  * Takes a function and
@@ -6108,21 +6175,22 @@ var _xmap = function _xmap(f) {
 
 var map = /*#__PURE__*/
 _curry2( /*#__PURE__*/
-_dispatchable(['fantasy-land/map', 'map'], _xmap, function map(fn, functor) {
+_dispatchable(['fantasy-land/map', 'map'], _xmap$1, function map(fn, functor) {
   switch (Object.prototype.toString.call(functor)) {
     case '[object Function]':
-      return curryN(functor.length, function () {
+      return curryN$1(functor.length, function () {
         return fn.call(this, functor.apply(this, arguments));
       });
     case '[object Object]':
       return _arrayReduce(function (acc, key) {
         acc[key] = fn(functor[key]);
         return acc;
-      }, {}, keys(functor));
+      }, {}, keys$1(functor));
     default:
       return _map(fn, functor);
   }
 }));
+var map$1 = map;
 
 function _isString(x) {
   return Object.prototype.toString.call(x) === '[object String]';
@@ -6169,11 +6237,12 @@ _curry1(function isArrayLike(x) {
   }
   return false;
 });
+var _isArrayLike$1 = _isArrayLike;
 
 var symIterator = typeof Symbol !== 'undefined' ? Symbol.iterator : '@@iterator';
 function _createReduce(arrayReduce, methodReduce, iterableReduce) {
   return function _reduce(xf, acc, list) {
-    if (_isArrayLike(list)) {
+    if (_isArrayLike$1(list)) {
       return arrayReduce(xf, acc, list);
     }
     if (list == null) {
@@ -6238,6 +6307,7 @@ _curry2(function bind(fn, thisObj) {
     return fn.apply(thisObj, arguments);
   });
 });
+var bind$1 = bind;
 
 function _xIterableReduce(xf, acc, iter) {
   var step = iter.next();
@@ -6252,10 +6322,11 @@ function _xIterableReduce(xf, acc, iter) {
   return xf['@@transducer/result'](acc);
 }
 function _xMethodReduce(xf, acc, obj, methodName) {
-  return xf['@@transducer/result'](obj[methodName](bind(xf['@@transducer/step'], xf), acc));
+  return xf['@@transducer/result'](obj[methodName](bind$1(xf['@@transducer/step'], xf), acc));
 }
 var _xReduce = /*#__PURE__*/
 _createReduce(_xArrayReduce, _xMethodReduce, _xIterableReduce);
+var _xReduce$1 = _xReduce;
 
 var XWrap = /*#__PURE__*/
 function () {
@@ -6332,8 +6403,9 @@ function _xwrap(fn) {
 
 var reduce = /*#__PURE__*/
 _curry3(function (xf, acc, list) {
-  return _xReduce(typeof xf === 'function' ? _xwrap(xf) : xf, acc, list);
+  return _xReduce$1(typeof xf === 'function' ? _xwrap(xf) : xf, acc, list);
 });
+var reduce$1 = reduce;
 
 function _identity(x) {
   return x;
@@ -6361,6 +6433,7 @@ function _identity(x) {
 
 var identity = /*#__PURE__*/
 _curry1(_identity);
+var identity$1 = identity;
 
 /**
  * Returns a function, `fn`, which encapsulates `if/else, if/else, ...` logic.
@@ -6396,7 +6469,7 @@ _curry1(_identity);
 
 var cond = /*#__PURE__*/
 _curry1(function cond(pairs) {
-  var arity = reduce(max, 0, map(function (pair) {
+  var arity = reduce$1(max$1, 0, map$1(function (pair) {
     return pair[0].length;
   }, pairs));
   return _arity(arity, function () {
@@ -6576,12 +6649,14 @@ function hasOrAdd(item, shouldAdd, set) {
   }
 } // A simple Set type that honours R.equals semantics
 
+var _Set$1 = _Set;
+
 var XUniqBy = /*#__PURE__*/
 function () {
   function XUniqBy(f, xf) {
     this.xf = xf;
     this.f = f;
-    this.set = new _Set();
+    this.set = new _Set$1();
   }
   XUniqBy.prototype['@@transducer/init'] = _xfBase.init;
   XUniqBy.prototype['@@transducer/result'] = _xfBase.result;
@@ -6620,7 +6695,7 @@ function _xuniqBy(f) {
 var uniqBy = /*#__PURE__*/
 _curry2( /*#__PURE__*/
 _dispatchable([], _xuniqBy, function (fn, list) {
-  var set = new _Set();
+  var set = new _Set$1();
   var result = [];
   var idx = 0;
   var appliedItem, item;
@@ -6655,7 +6730,7 @@ var uniqBy$1 = uniqBy;
  */
 
 var uniq = /*#__PURE__*/
-uniqBy$1(identity);
+uniqBy$1(identity$1);
 var uniq$1 = uniq;
 
 function _isNumber(x) {
@@ -7168,239 +7243,513 @@ var ExceedConstrain = function ExceedConstrain(_ref) {
 
 var reactInputMask = {exports: {}};
 
-var reactInputMask_production_min;
-var hasRequiredReactInputMask_production_min;
-function requireReactInputMask_production_min() {
-  if (hasRequiredReactInputMask_production_min) return reactInputMask_production_min;
-  hasRequiredReactInputMask_production_min = 1;
-  function _interopDefault(e) {
-    return e && "object" == _typeof$1(e) && "default" in e ? e["default"] : e;
-  }
-  var React = _interopDefault(React__default),
-    reactDom = require$$1;
-  function _defaults2(e, t) {
-    for (var n = Object.getOwnPropertyNames(t), a = 0; a < n.length; a++) {
-      var i = n[a],
-        r = Object.getOwnPropertyDescriptor(t, i);
-      r && r.configurable && e[i] === undefined && Object.defineProperty(e, i, r);
+/**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var invariant_1;
+var hasRequiredInvariant;
+function requireInvariant() {
+  if (hasRequiredInvariant) return invariant_1;
+  hasRequiredInvariant = 1;
+
+  /**
+   * Use invariant() to assert state which your program assumes to be true.
+   *
+   * Provide sprintf-style format (only %s is supported) and arguments
+   * to provide information about what broke and what you were
+   * expecting.
+   *
+   * The invariant message will be stripped in production, but the invariant
+   * will remain to ensure logic does not differ in production.
+   */
+
+  var NODE_ENV = process.env.NODE_ENV;
+  var invariant = function invariant(condition, format, a, b, c, d, e, f) {
+    if (NODE_ENV !== 'production') {
+      if (format === undefined) {
+        throw new Error('invariant requires an error message argument');
+      }
     }
-    return e;
-  }
-  function _extends() {
-    return (_extends = Object.assign || function (e) {
-      for (var t = 1; t < arguments.length; t++) {
-        var n = arguments[t];
-        for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a]);
+    if (!condition) {
+      var error;
+      if (format === undefined) {
+        error = new Error('Minified exception occurred; use the non-minified dev environment ' + 'for the full error message and additional helpful warnings.');
+      } else {
+        var args = [a, b, c, d, e, f];
+        var argIndex = 0;
+        error = new Error(format.replace(/%s/g, function () {
+          return args[argIndex++];
+        }));
+        error.name = 'Invariant Violation';
       }
-      return e;
-    }).apply(this, arguments);
-  }
-  function _inheritsLoose(e, t) {
-    e.prototype = Object.create(t.prototype), _defaults2(e.prototype.constructor = e, t);
+      error.framesToPop = 1; // we don't care about invariant's own frame
+      throw error;
+    }
+  };
+  invariant_1 = invariant;
+  return invariant_1;
+}
+
+/**
+ * Copyright (c) 2014-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var warning_1;
+var hasRequiredWarning;
+function requireWarning() {
+  if (hasRequiredWarning) return warning_1;
+  hasRequiredWarning = 1;
+
+  /**
+   * Similar to invariant but only logs a warning if the condition is not met.
+   * This can be used to log issues in development environments in critical
+   * paths. Removing the logging code for production environments will keep the
+   * same logic and follow the same code paths.
+   */
+
+  var __DEV__ = process.env.NODE_ENV !== 'production';
+  var warning = function warning() {};
+  if (__DEV__) {
+    var printWarning = function printWarning(format, args) {
+      var len = arguments.length;
+      args = new Array(len > 1 ? len - 1 : 0);
+      for (var key = 1; key < len; key++) {
+        args[key - 1] = arguments[key];
+      }
+      var argIndex = 0;
+      var message = 'Warning: ' + format.replace(/%s/g, function () {
+        return args[argIndex++];
+      });
+      if (typeof console !== 'undefined') {
+        console.error(message);
+      }
+      try {
+        // --- Welcome to debugging React ---
+        // This error was thrown as a convenience so that you can use this stack
+        // to find the callsite that caused this warning to fire.
+        throw new Error(message);
+      } catch (x) {}
+    };
+    warning = function warning(condition, format, args) {
+      var len = arguments.length;
+      args = new Array(len > 2 ? len - 2 : 0);
+      for (var key = 2; key < len; key++) {
+        args[key - 2] = arguments[key];
+      }
+      if (format === undefined) {
+        throw new Error('`warning(condition, format, ...args)` requires a warning ' + 'message argument');
+      }
+      if (!condition) {
+        printWarning.apply(null, [format].concat(args));
+      }
+    };
   }
-  function _objectWithoutPropertiesLoose(e, t) {
-    if (null == e) return {};
-    var n,
-      a,
-      i = {},
-      r = Object.keys(e);
-    for (a = 0; a < r.length; a++) n = r[a], 0 <= t.indexOf(n) || (i[n] = e[n]);
-    return i;
+  warning_1 = warning;
+  return warning_1;
+}
+
+var reactInputMask_development;
+var hasRequiredReactInputMask_development;
+function requireReactInputMask_development() {
+  if (hasRequiredReactInputMask_development) return reactInputMask_development;
+  hasRequiredReactInputMask_development = 1;
+  function _interopDefault(ex) {
+    return ex && _typeof$1(ex) === 'object' && 'default' in ex ? ex['default'] : ex;
   }
-  function _assertThisInitialized(e) {
-    if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-    return e;
+  var React = _interopDefault(React__default);
+  var reactDom = require$$1;
+  var invariant = _interopDefault(requireInvariant());
+  var warning = _interopDefault(requireWarning());
+  function _defaults2(obj, defaults) {
+    var keys = Object.getOwnPropertyNames(defaults);
+    for (var i = 0; i < keys.length; i++) {
+      var key = keys[i];
+      var value = Object.getOwnPropertyDescriptor(defaults, key);
+      if (value && value.configurable && obj[key] === undefined) {
+        Object.defineProperty(obj, key, value);
+      }
+    }
+    return obj;
   }
-  var invariant = function invariant(e, t, n, a, i, r, o, s) {
-      if (!e) {
-        var l;
-        if (t === undefined) l = new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else {
-          var u = [n, a, i, r, o, s],
-            c = 0;
-          (l = new Error(t.replace(/%s/g, function () {
-            return u[c++];
-          }))).name = "Invariant Violation";
+  function _extends() {
+    _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];
+          }
         }
-        throw l.framesToPop = 1, l;
       }
-    },
-    invariant_1 = invariant;
-  function setInputSelection(e, t, n) {
-    if ("selectionStart" in e && "selectionEnd" in e) e.selectionStart = t, e.selectionEnd = n;else {
-      var a = e.createTextRange();
-      a.collapse(!0), a.moveStart("character", t), a.moveEnd("character", n - t), a.select();
-    }
+      return target;
+    };
+    return _extends.apply(this, arguments);
   }
-  function getInputSelection(e) {
-    var t = 0,
-      n = 0;
-    if ("selectionStart" in e && "selectionEnd" in e) t = e.selectionStart, n = e.selectionEnd;else {
-      var a = document.selection.createRange();
-      a.parentElement() === e && (t = -a.moveStart("character", -e.value.length), n = -a.moveEnd("character", -e.value.length));
+  function _inheritsLoose(subClass, superClass) {
+    subClass.prototype = Object.create(superClass.prototype);
+    subClass.prototype.constructor = subClass;
+    _defaults2(subClass, superClass);
+  }
+  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 {
-      start: t,
-      end: n,
-      length: n - t
-    };
+    return target;
   }
-  var defaultFormatChars = {
-      9: "[0-9]",
-      a: "[A-Za-z]",
-      "*": "[A-Za-z0-9]"
-    },
-    defaultMaskChar = "_";
-  function parseMask(e, t, n) {
-    var a = "",
-      i = "",
-      r = null,
-      o = [];
-    if (t === undefined && (t = defaultMaskChar), null == n && (n = defaultFormatChars), !e || "string" != typeof e) return {
-      maskChar: t,
-      formatChars: n,
-      mask: null,
-      prefix: null,
-      lastEditablePosition: null,
-      permanents: []
+  function _assertThisInitialized(self) {
+    if (self === void 0) {
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+    return self;
+  }
+  function setInputSelection(input, start, end) {
+    if ('selectionStart' in input && 'selectionEnd' in input) {
+      input.selectionStart = start;
+      input.selectionEnd = end;
+    } else {
+      var range = input.createTextRange();
+      range.collapse(true);
+      range.moveStart('character', start);
+      range.moveEnd('character', end - start);
+      range.select();
+    }
+  }
+  function getInputSelection(input) {
+    var start = 0;
+    var end = 0;
+    if ('selectionStart' in input && 'selectionEnd' in input) {
+      start = input.selectionStart;
+      end = input.selectionEnd;
+    } else {
+      var range = document.selection.createRange();
+      if (range.parentElement() === input) {
+        start = -range.moveStart('character', -input.value.length);
+        end = -range.moveEnd('character', -input.value.length);
+      }
+    }
+    return {
+      start: start,
+      end: end,
+      length: end - start
     };
-    var s = !1;
-    return e.split("").forEach(function (e) {
-      s = !s && "\\" === e || (s || !n[e] ? (o.push(a.length), a.length === o.length - 1 && (i += e)) : r = a.length + 1, a += e, !1);
-    }), {
-      maskChar: t,
-      formatChars: n,
-      prefix: i,
-      mask: a,
-      lastEditablePosition: r,
-      permanents: o
+  }
+  var defaultFormatChars = {
+    '9': '[0-9]',
+    'a': '[A-Za-z]',
+    '*': '[A-Za-z0-9]'
+  };
+  var defaultMaskChar = '_';
+  function parseMask(mask, maskChar, formatChars) {
+    var parsedMaskString = '';
+    var prefix = '';
+    var lastEditablePosition = null;
+    var permanents = [];
+    if (maskChar === undefined) {
+      maskChar = defaultMaskChar;
+    }
+    if (formatChars == null) {
+      formatChars = defaultFormatChars;
+    }
+    if (!mask || typeof mask !== 'string') {
+      return {
+        maskChar: maskChar,
+        formatChars: formatChars,
+        mask: null,
+        prefix: null,
+        lastEditablePosition: null,
+        permanents: []
+      };
+    }
+    var isPermanent = false;
+    mask.split('').forEach(function (character) {
+      if (!isPermanent && character === '\\') {
+        isPermanent = true;
+      } else {
+        if (isPermanent || !formatChars[character]) {
+          permanents.push(parsedMaskString.length);
+          if (parsedMaskString.length === permanents.length - 1) {
+            prefix += character;
+          }
+        } else {
+          lastEditablePosition = parsedMaskString.length + 1;
+        }
+        parsedMaskString += character;
+        isPermanent = false;
+      }
+    });
+    return {
+      maskChar: maskChar,
+      formatChars: formatChars,
+      prefix: prefix,
+      mask: parsedMaskString,
+      lastEditablePosition: lastEditablePosition,
+      permanents: permanents
     };
   }
-  function isPermanentCharacter(e, t) {
-    return -1 !== e.permanents.indexOf(t);
+
+  /* eslint no-use-before-define: ["error", { functions: false }] */
+  function isPermanentCharacter(maskOptions, pos) {
+    return maskOptions.permanents.indexOf(pos) !== -1;
   }
-  function isAllowedCharacter(e, t, n) {
-    var a = e.mask,
-      i = e.formatChars;
-    if (!n) return !1;
-    if (isPermanentCharacter(e, t)) return a[t] === n;
-    var r = i[a[t]];
-    return new RegExp(r).test(n);
+  function isAllowedCharacter(maskOptions, pos, character) {
+    var mask = maskOptions.mask,
+      formatChars = maskOptions.formatChars;
+    if (!character) {
+      return false;
+    }
+    if (isPermanentCharacter(maskOptions, pos)) {
+      return mask[pos] === character;
+    }
+    var ruleChar = mask[pos];
+    var charRule = formatChars[ruleChar];
+    return new RegExp(charRule).test(character);
   }
-  function isEmpty(n, e) {
-    return e.split("").every(function (e, t) {
-      return isPermanentCharacter(n, t) || !isAllowedCharacter(n, t, e);
+  function isEmpty(maskOptions, value) {
+    return value.split('').every(function (character, i) {
+      return isPermanentCharacter(maskOptions, i) || !isAllowedCharacter(maskOptions, i, character);
     });
   }
-  function getFilledLength(e, t) {
-    var n = e.maskChar,
-      a = e.prefix;
-    if (!n) {
-      for (; t.length > a.length && isPermanentCharacter(e, t.length - 1);) t = t.slice(0, t.length - 1);
-      return t.length;
+  function getFilledLength(maskOptions, value) {
+    var maskChar = maskOptions.maskChar,
+      prefix = maskOptions.prefix;
+    if (!maskChar) {
+      while (value.length > prefix.length && isPermanentCharacter(maskOptions, value.length - 1)) {
+        value = value.slice(0, value.length - 1);
+      }
+      return value.length;
     }
-    for (var i = a.length, r = t.length; r >= a.length; r--) {
-      var o = t[r];
-      if (!isPermanentCharacter(e, r) && isAllowedCharacter(e, r, o)) {
-        i = r + 1;
+    var filledLength = prefix.length;
+    for (var i = value.length; i >= prefix.length; i--) {
+      var character = value[i];
+      var isEnteredCharacter = !isPermanentCharacter(maskOptions, i) && isAllowedCharacter(maskOptions, i, character);
+      if (isEnteredCharacter) {
+        filledLength = i + 1;
         break;
       }
     }
-    return i;
+    return filledLength;
   }
-  function isFilled(e, t) {
-    return getFilledLength(e, t) === e.mask.length;
+  function isFilled(maskOptions, value) {
+    return getFilledLength(maskOptions, value) === maskOptions.mask.length;
   }
-  function formatValue(e, t) {
-    var n = e.maskChar,
-      a = e.mask,
-      i = e.prefix;
-    if (!n) {
-      for ((t = insertString(e, "", t, 0)).length < i.length && (t = i); t.length < a.length && isPermanentCharacter(e, t.length);) t += a[t.length];
-      return t;
+  function formatValue(maskOptions, value) {
+    var maskChar = maskOptions.maskChar,
+      mask = maskOptions.mask,
+      prefix = maskOptions.prefix;
+    if (!maskChar) {
+      value = insertString(maskOptions, '', value, 0);
+      if (value.length < prefix.length) {
+        value = prefix;
+      }
+      while (value.length < mask.length && isPermanentCharacter(maskOptions, value.length)) {
+        value += mask[value.length];
+      }
+      return value;
     }
-    if (t) return insertString(e, formatValue(e, ""), t, 0);
-    for (var r = 0; r < a.length; r++) isPermanentCharacter(e, r) ? t += a[r] : t += n;
-    return t;
-  }
-  function clearRange(n, e, a, t) {
-    var i = a + t,
-      r = n.maskChar,
-      o = n.mask,
-      s = n.prefix,
-      l = e.split("");
-    if (r) return l.map(function (e, t) {
-      return t < a || i <= t ? e : isPermanentCharacter(n, t) ? o[t] : r;
-    }).join("");
-    for (var u = i; u < l.length; u++) isPermanentCharacter(n, u) && (l[u] = "");
-    return a = Math.max(s.length, a), l.splice(a, i - a), e = l.join(""), formatValue(n, e);
-  }
-  function insertString(r, o, e, s) {
-    var l = r.mask,
-      u = r.maskChar,
-      c = r.prefix,
-      t = e.split(""),
-      h = isFilled(r, o);
-    return !u && s > o.length && (o += l.slice(o.length, s)), t.every(function (e) {
-      for (; i = e, isPermanentCharacter(r, a = s) && i !== l[a];) {
-        if (s >= o.length && (o += l[s]), t = e, n = s, u && isPermanentCharacter(r, n) && t === u) return !0;
-        if (++s >= l.length) return !1;
+    if (value) {
+      var emptyValue = formatValue(maskOptions, '');
+      return insertString(maskOptions, emptyValue, value, 0);
+    }
+    for (var i = 0; i < mask.length; i++) {
+      if (isPermanentCharacter(maskOptions, i)) {
+        value += mask[i];
+      } else {
+        value += maskChar;
       }
-      var t, n, a, i;
-      return !isAllowedCharacter(r, s, e) && e !== u || (s < o.length ? o = u || h || s < c.length ? o.slice(0, s) + e + o.slice(s + 1) : (o = o.slice(0, s) + e + o.slice(s), formatValue(r, o)) : u || (o += e), ++s < l.length);
-    }), o;
-  }
-  function getInsertStringLength(a, e, t, i) {
-    var r = a.mask,
-      o = a.maskChar,
-      n = t.split(""),
-      s = i;
-    return n.every(function (e) {
-      for (; n = e, isPermanentCharacter(a, t = i) && n !== r[t];) if (++i >= r.length) return !1;
-      var t, n;
-      return (isAllowedCharacter(a, i, e) || e === o) && i++, i < r.length;
-    }), i - s;
-  }
-  function getLeftEditablePosition(e, t) {
-    for (var n = t; 0 <= n; --n) if (!isPermanentCharacter(e, n)) return n;
-    return null;
-  }
-  function getRightEditablePosition(e, t) {
-    for (var n = e.mask, a = t; a < n.length; ++a) if (!isPermanentCharacter(e, a)) return a;
-    return null;
-  }
-  function getStringValue(e) {
-    return e || 0 === e ? e + "" : "";
+    }
+    return value;
   }
-  function processChange(e, t, n, a, i) {
-    var r = e.mask,
-      o = e.prefix,
-      s = e.lastEditablePosition,
-      l = t,
-      u = "",
-      c = 0,
-      h = 0,
-      f = Math.min(i.start, n.start);
-    if (n.end > i.start ? h = (c = getInsertStringLength(e, a, u = l.slice(i.start, n.end), f)) ? i.length : 0 : l.length < a.length && (h = a.length - l.length), l = a, h) {
-      if (1 === h && !i.length) f = i.start === n.start ? getRightEditablePosition(e, n.start) : getLeftEditablePosition(e, n.start);
-      l = clearRange(e, l, f, h);
+  function clearRange(maskOptions, value, start, len) {
+    var end = start + len;
+    var maskChar = maskOptions.maskChar,
+      mask = maskOptions.mask,
+      prefix = maskOptions.prefix;
+    var arrayValue = value.split('');
+    if (!maskChar) {
+      // remove any permanent chars after clear range, they will be added back by formatValue
+      for (var i = end; i < arrayValue.length; i++) {
+        if (isPermanentCharacter(maskOptions, i)) {
+          arrayValue[i] = '';
+        }
+      }
+      start = Math.max(prefix.length, start);
+      arrayValue.splice(start, end - start);
+      value = arrayValue.join('');
+      return formatValue(maskOptions, value);
     }
-    return l = insertString(e, l, u, f), (f += c) >= r.length ? f = r.length : f < o.length && !c ? f = o.length : f >= o.length && f < s && c && (f = getRightEditablePosition(e, f)), u || (u = null), {
-      value: l = formatValue(e, l),
-      enteredString: u,
+    return arrayValue.map(function (character, i) {
+      if (i < start || i >= end) {
+        return character;
+      }
+      if (isPermanentCharacter(maskOptions, i)) {
+        return mask[i];
+      }
+      return maskChar;
+    }).join('');
+  }
+  function insertString(maskOptions, value, insertStr, insertPosition) {
+    var mask = maskOptions.mask,
+      maskChar = maskOptions.maskChar,
+      prefix = maskOptions.prefix;
+    var arrayInsertStr = insertStr.split('');
+    var isInputFilled = isFilled(maskOptions, value);
+    var isUsablePosition = function isUsablePosition(pos, character) {
+      return !isPermanentCharacter(maskOptions, pos) || character === mask[pos];
+    };
+    var isUsableCharacter = function isUsableCharacter(character, pos) {
+      return !maskChar || !isPermanentCharacter(maskOptions, pos) || character !== maskChar;
+    };
+    if (!maskChar && insertPosition > value.length) {
+      value += mask.slice(value.length, insertPosition);
+    }
+    arrayInsertStr.every(function (insertCharacter) {
+      while (!isUsablePosition(insertPosition, insertCharacter)) {
+        if (insertPosition >= value.length) {
+          value += mask[insertPosition];
+        }
+        if (!isUsableCharacter(insertCharacter, insertPosition)) {
+          return true;
+        }
+        insertPosition++; // stop iteration if maximum value length reached
+
+        if (insertPosition >= mask.length) {
+          return false;
+        }
+      }
+      var isAllowed = isAllowedCharacter(maskOptions, insertPosition, insertCharacter) || insertCharacter === maskChar;
+      if (!isAllowed) {
+        return true;
+      }
+      if (insertPosition < value.length) {
+        if (maskChar || isInputFilled || insertPosition < prefix.length) {
+          value = value.slice(0, insertPosition) + insertCharacter + value.slice(insertPosition + 1);
+        } else {
+          value = value.slice(0, insertPosition) + insertCharacter + value.slice(insertPosition);
+          value = formatValue(maskOptions, value);
+        }
+      } else if (!maskChar) {
+        value += insertCharacter;
+      }
+      insertPosition++; // stop iteration if maximum value length reached
+
+      return insertPosition < mask.length;
+    });
+    return value;
+  }
+  function getInsertStringLength(maskOptions, value, insertStr, insertPosition) {
+    var mask = maskOptions.mask,
+      maskChar = maskOptions.maskChar;
+    var arrayInsertStr = insertStr.split('');
+    var initialInsertPosition = insertPosition;
+    var isUsablePosition = function isUsablePosition(pos, character) {
+      return !isPermanentCharacter(maskOptions, pos) || character === mask[pos];
+    };
+    arrayInsertStr.every(function (insertCharacter) {
+      while (!isUsablePosition(insertPosition, insertCharacter)) {
+        insertPosition++; // stop iteration if maximum value length reached
+
+        if (insertPosition >= mask.length) {
+          return false;
+        }
+      }
+      var isAllowed = isAllowedCharacter(maskOptions, insertPosition, insertCharacter) || insertCharacter === maskChar;
+      if (isAllowed) {
+        insertPosition++;
+      } // stop iteration if maximum value length reached
+
+      return insertPosition < mask.length;
+    });
+    return insertPosition - initialInsertPosition;
+  }
+  function getLeftEditablePosition(maskOptions, pos) {
+    for (var i = pos; i >= 0; --i) {
+      if (!isPermanentCharacter(maskOptions, i)) {
+        return i;
+      }
+    }
+    return null;
+  }
+  function getRightEditablePosition(maskOptions, pos) {
+    var mask = maskOptions.mask;
+    for (var i = pos; i < mask.length; ++i) {
+      if (!isPermanentCharacter(maskOptions, i)) {
+        return i;
+      }
+    }
+    return null;
+  }
+  function getStringValue(value) {
+    return !value && value !== 0 ? '' : value + '';
+  }
+  function processChange(maskOptions, value, selection, previousValue, previousSelection) {
+    var mask = maskOptions.mask,
+      prefix = maskOptions.prefix,
+      lastEditablePosition = maskOptions.lastEditablePosition;
+    var newValue = value;
+    var enteredString = '';
+    var formattedEnteredStringLength = 0;
+    var removedLength = 0;
+    var cursorPosition = Math.min(previousSelection.start, selection.start);
+    if (selection.end > previousSelection.start) {
+      enteredString = newValue.slice(previousSelection.start, selection.end);
+      formattedEnteredStringLength = getInsertStringLength(maskOptions, previousValue, enteredString, cursorPosition);
+      if (!formattedEnteredStringLength) {
+        removedLength = 0;
+      } else {
+        removedLength = previousSelection.length;
+      }
+    } else if (newValue.length < previousValue.length) {
+      removedLength = previousValue.length - newValue.length;
+    }
+    newValue = previousValue;
+    if (removedLength) {
+      if (removedLength === 1 && !previousSelection.length) {
+        var deleteFromRight = previousSelection.start === selection.start;
+        cursorPosition = deleteFromRight ? getRightEditablePosition(maskOptions, selection.start) : getLeftEditablePosition(maskOptions, selection.start);
+      }
+      newValue = clearRange(maskOptions, newValue, cursorPosition, removedLength);
+    }
+    newValue = insertString(maskOptions, newValue, enteredString, cursorPosition);
+    cursorPosition = cursorPosition + formattedEnteredStringLength;
+    if (cursorPosition >= mask.length) {
+      cursorPosition = mask.length;
+    } else if (cursorPosition < prefix.length && !formattedEnteredStringLength) {
+      cursorPosition = prefix.length;
+    } else if (cursorPosition >= prefix.length && cursorPosition < lastEditablePosition && formattedEnteredStringLength) {
+      cursorPosition = getRightEditablePosition(maskOptions, cursorPosition);
+    }
+    newValue = formatValue(maskOptions, newValue);
+    if (!enteredString) {
+      enteredString = null;
+    }
+    return {
+      value: newValue,
+      enteredString: enteredString,
       selection: {
-        start: f,
-        end: f
+        start: cursorPosition,
+        end: cursorPosition
       }
     };
   }
   function isWindowsPhoneBrowser() {
-    var e = new RegExp("windows", "i"),
-      t = new RegExp("phone", "i"),
-      n = navigator.userAgent;
-    return e.test(n) && t.test(n);
+    var windows = new RegExp('windows', 'i');
+    var phone = new RegExp('phone', 'i');
+    var ua = navigator.userAgent;
+    return windows.test(ua) && phone.test(ua);
   }
-  function isFunction(e) {
-    return "function" == typeof e;
+  function isFunction(value) {
+    return typeof value === 'function';
   }
   function getRequestAnimationFrame() {
     return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame;
@@ -7408,964 +7757,179 @@ function requireReactInputMask_production_min() {
   function getCancelAnimationFrame() {
     return window.cancelAnimationFrame || window.webkitCancelRequestAnimationFrame || window.webkitCancelAnimationFrame || window.mozCancelAnimationFrame;
   }
-  function defer(e) {
-    return (!!getCancelAnimationFrame() ? getRequestAnimationFrame() : function () {
-      return setTimeout(e, 1e3 / 60);
-    })(e);
+  function defer(fn) {
+    var hasCancelAnimationFrame = !!getCancelAnimationFrame();
+    var deferFn;
+    if (hasCancelAnimationFrame) {
+      deferFn = getRequestAnimationFrame();
+    } else {
+      deferFn = function deferFn() {
+        return setTimeout(fn, 1000 / 60);
+      };
+    }
+    return deferFn(fn);
   }
-  function cancelDefer(e) {
-    (getCancelAnimationFrame() || clearTimeout)(e);
+  function cancelDefer(deferId) {
+    var cancelFn = getCancelAnimationFrame() || clearTimeout;
+    cancelFn(deferId);
   }
-  var InputElement = function (c) {
-    function e(e) {
-      var f = c.call(this, e) || this;
-      f.focused = !1, f.mounted = !1, f.previousSelection = null, f.selectionDeferId = null, f.saveSelectionLoopDeferId = null, f.saveSelectionLoop = function () {
-        f.previousSelection = f.getSelection(), f.saveSelectionLoopDeferId = defer(f.saveSelectionLoop);
-      }, f.runSaveSelectionLoop = function () {
-        null === f.saveSelectionLoopDeferId && f.saveSelectionLoop();
-      }, f.stopSaveSelectionLoop = function () {
-        null !== f.saveSelectionLoopDeferId && (cancelDefer(f.saveSelectionLoopDeferId), f.saveSelectionLoopDeferId = null, f.previousSelection = null);
-      }, f.getInputDOMNode = function () {
-        if (!f.mounted) return null;
-        var e = reactDom.findDOMNode(_assertThisInitialized(_assertThisInitialized(f))),
-          t = "undefined" != typeof window && e instanceof window.Element;
-        if (e && !t) return null;
-        if ("INPUT" !== e.nodeName && (e = e.querySelector("input")), !e) throw new Error("react-input-mask: inputComponent doesn't contain input node");
-        return e;
-      }, f.getInputValue = function () {
-        var e = f.getInputDOMNode();
-        return e ? e.value : null;
-      }, f.setInputValue = function (e) {
-        var t = f.getInputDOMNode();
-        t && (f.value = e, t.value = e);
-      }, f.setCursorToEnd = function () {
-        var e = getFilledLength(f.maskOptions, f.value),
-          t = getRightEditablePosition(f.maskOptions, e);
-        null !== t && f.setCursorPosition(t);
-      }, f.setSelection = function (e, t, n) {
-        void 0 === n && (n = {});
-        var a = f.getInputDOMNode(),
-          i = f.isFocused();
-        a && i && (n.deferred || setInputSelection(a, e, t), null !== f.selectionDeferId && cancelDefer(f.selectionDeferId), f.selectionDeferId = defer(function () {
-          f.selectionDeferId = null, setInputSelection(a, e, t);
-        }), f.previousSelection = {
-          start: e,
-          end: t,
-          length: Math.abs(t - e)
-        });
-      }, f.getSelection = function () {
-        return getInputSelection(f.getInputDOMNode());
-      }, f.getCursorPosition = function () {
-        return f.getSelection().start;
-      }, f.setCursorPosition = function (e) {
-        f.setSelection(e, e);
-      }, f.isFocused = function () {
-        return f.focused;
-      }, f.getBeforeMaskedValueChangeConfig = function () {
-        var e = f.maskOptions,
-          t = e.mask,
-          n = e.maskChar,
-          a = e.permanents,
-          i = e.formatChars;
-        return {
-          mask: t,
-          maskChar: n,
-          permanents: a,
-          alwaysShowMask: !!f.props.alwaysShowMask,
-          formatChars: i
-        };
-      }, f.isInputAutofilled = function (e, t, n, a) {
-        var i = f.getInputDOMNode();
-        try {
-          if (i.matches(":-webkit-autofill")) return !0;
-        } catch (r) {}
-        return !f.focused || a.end < n.length && t.end === e.length;
-      }, f.onChange = function (e) {
-        var t = _assertThisInitialized(_assertThisInitialized(f)).beforePasteState,
-          n = _assertThisInitialized(_assertThisInitialized(f)).previousSelection,
-          a = f.props.beforeMaskedValueChange,
-          i = f.getInputValue(),
-          r = f.value,
-          o = f.getSelection();
-        f.isInputAutofilled(i, o, r, n) && (r = formatValue(f.maskOptions, ""), n = {
-          start: 0,
-          end: 0,
-          length: 0
-        }), t && (n = t.selection, r = t.value, o = {
-          start: n.start + i.length,
-          end: n.start + i.length,
-          length: 0
-        }, i = r.slice(0, n.start) + i + r.slice(n.end), f.beforePasteState = null);
-        var s = processChange(f.maskOptions, i, o, r, n),
-          l = s.enteredString,
-          u = s.selection,
-          c = s.value;
-        if (isFunction(a)) {
-          var h = a({
-            value: c,
-            selection: u
-          }, {
-            value: r,
-            selection: n
-          }, l, f.getBeforeMaskedValueChangeConfig());
-          c = h.value, u = h.selection;
+  var InputElement = /*#__PURE__*/
+  function (_React$Component) {
+    _inheritsLoose(InputElement, _React$Component);
+    function InputElement(props) {
+      var _this;
+      _this = _React$Component.call(this, props) || this;
+      _this.focused = false;
+      _this.mounted = false;
+      _this.previousSelection = null;
+      _this.selectionDeferId = null;
+      _this.saveSelectionLoopDeferId = null;
+      _this.saveSelectionLoop = function () {
+        _this.previousSelection = _this.getSelection();
+        _this.saveSelectionLoopDeferId = defer(_this.saveSelectionLoop);
+      };
+      _this.runSaveSelectionLoop = function () {
+        if (_this.saveSelectionLoopDeferId === null) {
+          _this.saveSelectionLoop();
         }
-        f.setInputValue(c), isFunction(f.props.onChange) && f.props.onChange(e), f.isWindowsPhoneBrowser ? f.setSelection(u.start, u.end, {
-          deferred: !0
-        }) : f.setSelection(u.start, u.end);
-      }, f.onFocus = function (e) {
-        var t = f.props.beforeMaskedValueChange,
-          n = f.maskOptions,
-          a = n.mask,
-          i = n.prefix;
-        if (f.focused = !0, f.mounted = !0, a) {
-          if (f.value) getFilledLength(f.maskOptions, f.value) < f.maskOptions.mask.length && f.setCursorToEnd();else {
-            var r = formatValue(f.maskOptions, i),
-              o = formatValue(f.maskOptions, r),
-              s = getFilledLength(f.maskOptions, o),
-              l = getRightEditablePosition(f.maskOptions, s),
-              u = {
-                start: l,
-                end: l
-              };
-            if (isFunction(t)) {
-              var c = t({
-                value: o,
-                selection: u
-              }, {
-                value: f.value,
-                selection: null
-              }, null, f.getBeforeMaskedValueChangeConfig());
-              o = c.value, u = c.selection;
-            }
-            var h = o !== f.getInputValue();
-            h && f.setInputValue(o), h && isFunction(f.props.onChange) && f.props.onChange(e), f.setSelection(u.start, u.end);
-          }
-          f.runSaveSelectionLoop();
+      };
+      _this.stopSaveSelectionLoop = function () {
+        if (_this.saveSelectionLoopDeferId !== null) {
+          cancelDefer(_this.saveSelectionLoopDeferId);
+          _this.saveSelectionLoopDeferId = null;
+          _this.previousSelection = null;
         }
-        isFunction(f.props.onFocus) && f.props.onFocus(e);
-      }, f.onBlur = function (e) {
-        var t = f.props.beforeMaskedValueChange,
-          n = f.maskOptions.mask;
-        if (f.stopSaveSelectionLoop(), f.focused = !1, n && !f.props.alwaysShowMask && isEmpty(f.maskOptions, f.value)) {
-          var a = "";
-          if (isFunction(t)) a = t({
-            value: a,
-            selection: null
-          }, {
-            value: f.value,
-            selection: f.previousSelection
-          }, null, f.getBeforeMaskedValueChangeConfig()).value;
-          var i = a !== f.getInputValue();
-          i && f.setInputValue(a), i && isFunction(f.props.onChange) && f.props.onChange(e);
+      };
+      _this.getInputDOMNode = function () {
+        if (!_this.mounted) {
+          return null;
         }
-        isFunction(f.props.onBlur) && f.props.onBlur(e);
-      }, f.onMouseDown = function (e) {
-        if (!f.focused && document.addEventListener) {
-          f.mouseDownX = e.clientX, f.mouseDownY = e.clientY, f.mouseDownTime = new Date().getTime();
-          var r = function r(e) {
-            if (document.removeEventListener("mouseup", r), f.focused) {
-              var t = Math.abs(e.clientX - f.mouseDownX),
-                n = Math.abs(e.clientY - f.mouseDownY),
-                a = Math.max(t, n),
-                i = new Date().getTime() - f.mouseDownTime;
-              (a <= 10 && i <= 200 || a <= 5 && i <= 300) && f.setCursorToEnd();
-            }
-          };
-          document.addEventListener("mouseup", r);
+        var input = reactDom.findDOMNode(_assertThisInitialized(_assertThisInitialized(_this)));
+        var isDOMNode = typeof window !== 'undefined' && input instanceof window.Element; // workaround for react-test-renderer
+        // https://github.com/sanniassin/react-input-mask/issues/147
+
+        if (input && !isDOMNode) {
+          return null;
         }
-        isFunction(f.props.onMouseDown) && f.props.onMouseDown(e);
-      }, f.onPaste = function (e) {
-        isFunction(f.props.onPaste) && f.props.onPaste(e), e.defaultPrevented || (f.beforePasteState = {
-          value: f.getInputValue(),
-          selection: f.getSelection()
-        }, f.setInputValue(""));
-      }, f.handleRef = function (e) {
-        null == f.props.children && isFunction(f.props.inputRef) && f.props.inputRef(e);
-      };
-      var t = e.mask,
-        n = e.maskChar,
-        a = e.formatChars,
-        i = e.alwaysShowMask,
-        r = e.beforeMaskedValueChange,
-        o = e.defaultValue,
-        s = e.value;
-      f.maskOptions = parseMask(t, n, a), null == o && (o = ""), null == s && (s = o);
-      var l = getStringValue(s);
-      if (f.maskOptions.mask && (i || l) && (l = formatValue(f.maskOptions, l), isFunction(r))) {
-        var u = e.value;
-        null == e.value && (u = o), l = r({
-          value: l,
-          selection: null
-        }, {
-          value: u = getStringValue(u),
-          selection: null
-        }, null, f.getBeforeMaskedValueChangeConfig()).value;
-      }
-      return f.value = l, f;
-    }
-    _inheritsLoose(e, c);
-    var t = e.prototype;
-    return t.componentDidMount = function () {
-      this.mounted = !0, this.getInputDOMNode() && (this.isWindowsPhoneBrowser = isWindowsPhoneBrowser(), this.maskOptions.mask && this.getInputValue() !== this.value && this.setInputValue(this.value));
-    }, t.componentDidUpdate = function () {
-      var e = this.previousSelection,
-        t = this.props,
-        n = t.beforeMaskedValueChange,
-        a = t.alwaysShowMask,
-        i = t.mask,
-        r = t.maskChar,
-        o = t.formatChars,
-        s = this.maskOptions,
-        l = a || this.isFocused(),
-        u = null != this.props.value,
-        c = u ? getStringValue(this.props.value) : this.value,
-        h = e ? e.start : null;
-      if (this.maskOptions = parseMask(i, r, o), this.maskOptions.mask) {
-        !s.mask && this.isFocused() && this.runSaveSelectionLoop();
-        var f = this.maskOptions.mask && this.maskOptions.mask !== s.mask;
-        if (s.mask || u || (c = this.getInputValue()), (f || this.maskOptions.mask && (c || l)) && (c = formatValue(this.maskOptions, c)), f) {
-          var p = getFilledLength(this.maskOptions, c);
-          (null === h || p < h) && (h = isFilled(this.maskOptions, c) ? p : getRightEditablePosition(this.maskOptions, p));
+        if (input.nodeName !== 'INPUT') {
+          input = input.querySelector('input');
         }
-        !this.maskOptions.mask || !isEmpty(this.maskOptions, c) || l || u && this.props.value || (c = "");
-        var d = {
-          start: h,
-          end: h
-        };
-        if (isFunction(n)) {
-          var m = n({
-            value: c,
-            selection: d
-          }, {
-            value: this.value,
-            selection: this.previousSelection
-          }, null, this.getBeforeMaskedValueChangeConfig());
-          c = m.value, d = m.selection;
+        if (!input) {
+          throw new Error('react-input-mask: inputComponent doesn\'t contain input node');
         }
-        this.value = c;
-        var g = this.getInputValue() !== this.value;
-        g ? (this.setInputValue(this.value), this.forceUpdate()) : f && this.forceUpdate();
-        var v = !1;
-        null != d.start && null != d.end && (v = !e || e.start !== d.start || e.end !== d.end), (v || g) && this.setSelection(d.start, d.end);
-      } else s.mask && (this.stopSaveSelectionLoop(), this.forceUpdate());
-    }, t.componentWillUnmount = function () {
-      this.mounted = !1, null !== this.selectionDeferId && cancelDefer(this.selectionDeferId), this.stopSaveSelectionLoop();
-    }, t.render = function () {
-      var t,
-        e = this.props,
-        n = (e.mask, e.alwaysShowMask, e.maskChar, e.formatChars, e.inputRef, e.beforeMaskedValueChange, e.children),
-        a = _objectWithoutPropertiesLoose(e, ["mask", "alwaysShowMask", "maskChar", "formatChars", "inputRef", "beforeMaskedValueChange", "children"]);
-      if (n) {
-        isFunction(n) || invariant_1(!1);
-        var i = ["onChange", "onPaste", "onMouseDown", "onFocus", "onBlur", "value", "disabled", "readOnly"],
-          r = _extends({}, a);
-        i.forEach(function (e) {
-          return delete r[e];
-        }), t = n(r), i.filter(function (e) {
-          return null != t.props[e] && t.props[e] !== a[e];
-        }).length && invariant_1(!1);
-      } else t = React.createElement("input", _extends({
-        ref: this.handleRef
-      }, a));
-      var o = {
-        onFocus: this.onFocus,
-        onBlur: this.onBlur
+        return input;
       };
-      return this.maskOptions.mask && (a.disabled || a.readOnly || (o.onChange = this.onChange, o.onPaste = this.onPaste, o.onMouseDown = this.onMouseDown), null != a.value && (o.value = this.value)), t = React.cloneElement(t, o);
-    }, e;
-  }(React.Component);
-  reactInputMask_production_min = InputElement;
-  return reactInputMask_production_min;
-}
-
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var invariant_1;
-var hasRequiredInvariant;
-function requireInvariant() {
-  if (hasRequiredInvariant) return invariant_1;
-  hasRequiredInvariant = 1;
+      _this.getInputValue = function () {
+        var input = _this.getInputDOMNode();
+        if (!input) {
+          return null;
+        }
+        return input.value;
+      };
+      _this.setInputValue = function (value) {
+        var input = _this.getInputDOMNode();
+        if (!input) {
+          return;
+        }
+        _this.value = value;
+        input.value = value;
+      };
+      _this.setCursorToEnd = function () {
+        var filledLength = getFilledLength(_this.maskOptions, _this.value);
+        var pos = getRightEditablePosition(_this.maskOptions, filledLength);
+        if (pos !== null) {
+          _this.setCursorPosition(pos);
+        }
+      };
+      _this.setSelection = function (start, end, options) {
+        if (options === void 0) {
+          options = {};
+        }
+        var input = _this.getInputDOMNode();
+        var isFocused = _this.isFocused(); // don't change selection on unfocused input
+        // because Safari sets focus on selection change (#154)
 
-  /**
-   * Use invariant() to assert state which your program assumes to be true.
-   *
-   * Provide sprintf-style format (only %s is supported) and arguments
-   * to provide information about what broke and what you were
-   * expecting.
-   *
-   * The invariant message will be stripped in production, but the invariant
-   * will remain to ensure logic does not differ in production.
-   */
+        if (!input || !isFocused) {
+          return;
+        }
+        var _options = options,
+          deferred = _options.deferred;
+        if (!deferred) {
+          setInputSelection(input, start, end);
+        }
+        if (_this.selectionDeferId !== null) {
+          cancelDefer(_this.selectionDeferId);
+        } // deferred selection update is required for pre-Lollipop Android browser,
+        // but for consistent behavior we do it for all browsers
 
-  var NODE_ENV = process.env.NODE_ENV;
-  var invariant = function invariant(condition, format, a, b, c, d, e, f) {
-    if (NODE_ENV !== 'production') {
-      if (format === undefined) {
-        throw new Error('invariant requires an error message argument');
-      }
-    }
-    if (!condition) {
-      var error;
-      if (format === undefined) {
-        error = new Error('Minified exception occurred; use the non-minified dev environment ' + 'for the full error message and additional helpful warnings.');
-      } else {
-        var args = [a, b, c, d, e, f];
-        var argIndex = 0;
-        error = new Error(format.replace(/%s/g, function () {
-          return args[argIndex++];
-        }));
-        error.name = 'Invariant Violation';
-      }
-      error.framesToPop = 1; // we don't care about invariant's own frame
-      throw error;
-    }
-  };
-  invariant_1 = invariant;
-  return invariant_1;
-}
+        _this.selectionDeferId = defer(function () {
+          _this.selectionDeferId = null;
+          setInputSelection(input, start, end);
+        });
+        _this.previousSelection = {
+          start: start,
+          end: end,
+          length: Math.abs(end - start)
+        };
+      };
+      _this.getSelection = function () {
+        var input = _this.getInputDOMNode();
+        return getInputSelection(input);
+      };
+      _this.getCursorPosition = function () {
+        return _this.getSelection().start;
+      };
+      _this.setCursorPosition = function (pos) {
+        _this.setSelection(pos, pos);
+      };
+      _this.isFocused = function () {
+        return _this.focused;
+      };
+      _this.getBeforeMaskedValueChangeConfig = function () {
+        var _this$maskOptions = _this.maskOptions,
+          mask = _this$maskOptions.mask,
+          maskChar = _this$maskOptions.maskChar,
+          permanents = _this$maskOptions.permanents,
+          formatChars = _this$maskOptions.formatChars;
+        var alwaysShowMask = _this.props.alwaysShowMask;
+        return {
+          mask: mask,
+          maskChar: maskChar,
+          permanents: permanents,
+          alwaysShowMask: !!alwaysShowMask,
+          formatChars: formatChars
+        };
+      };
+      _this.isInputAutofilled = function (value, selection, previousValue, previousSelection) {
+        var input = _this.getInputDOMNode(); // only check for positive match because it will be false negative
+        // in case of autofill simulation in tests
+        //
+        // input.matches throws an exception if selector isn't supported
 
-/**
- * Copyright (c) 2014-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var warning_1;
-var hasRequiredWarning;
-function requireWarning() {
-  if (hasRequiredWarning) return warning_1;
-  hasRequiredWarning = 1;
+        try {
+          if (input.matches(':-webkit-autofill')) {
+            return true;
+          }
+        } catch (e) {} // if input isn't focused then change event must have been triggered
+        // either by autofill or event simulation in tests
 
-  /**
-   * Similar to invariant but only logs a warning if the condition is not met.
-   * This can be used to log issues in development environments in critical
-   * paths. Removing the logging code for production environments will keep the
-   * same logic and follow the same code paths.
-   */
+        if (!_this.focused) {
+          return true;
+        } // if cursor has moved to the end while previousSelection forbids it
+        // then it must be autofill
 
-  var __DEV__ = process.env.NODE_ENV !== 'production';
-  var warning = function warning() {};
-  if (__DEV__) {
-    var printWarning = function printWarning(format, args) {
-      var len = arguments.length;
-      args = new Array(len > 1 ? len - 1 : 0);
-      for (var key = 1; key < len; key++) {
-        args[key - 1] = arguments[key];
-      }
-      var argIndex = 0;
-      var message = 'Warning: ' + format.replace(/%s/g, function () {
-        return args[argIndex++];
-      });
-      if (typeof console !== 'undefined') {
-        console.error(message);
-      }
-      try {
-        // --- Welcome to debugging React ---
-        // This error was thrown as a convenience so that you can use this stack
-        // to find the callsite that caused this warning to fire.
-        throw new Error(message);
-      } catch (x) {}
-    };
-    warning = function warning(condition, format, args) {
-      var len = arguments.length;
-      args = new Array(len > 2 ? len - 2 : 0);
-      for (var key = 2; key < len; key++) {
-        args[key - 2] = arguments[key];
-      }
-      if (format === undefined) {
-        throw new Error('`warning(condition, format, ...args)` requires a warning ' + 'message argument');
-      }
-      if (!condition) {
-        printWarning.apply(null, [format].concat(args));
-      }
-    };
-  }
-  warning_1 = warning;
-  return warning_1;
-}
-
-var reactInputMask_development;
-var hasRequiredReactInputMask_development;
-function requireReactInputMask_development() {
-  if (hasRequiredReactInputMask_development) return reactInputMask_development;
-  hasRequiredReactInputMask_development = 1;
-  function _interopDefault(ex) {
-    return ex && _typeof$1(ex) === 'object' && 'default' in ex ? ex['default'] : ex;
-  }
-  var React = _interopDefault(React__default);
-  var reactDom = require$$1;
-  var invariant = _interopDefault(requireInvariant());
-  var warning = _interopDefault(requireWarning());
-  function _defaults2(obj, defaults) {
-    var keys = Object.getOwnPropertyNames(defaults);
-    for (var i = 0; i < keys.length; i++) {
-      var key = keys[i];
-      var value = Object.getOwnPropertyDescriptor(defaults, key);
-      if (value && value.configurable && obj[key] === undefined) {
-        Object.defineProperty(obj, key, value);
-      }
-    }
-    return obj;
-  }
-  function _extends() {
-    _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;
-    };
-    return _extends.apply(this, arguments);
-  }
-  function _inheritsLoose(subClass, superClass) {
-    subClass.prototype = Object.create(superClass.prototype);
-    subClass.prototype.constructor = subClass;
-    _defaults2(subClass, superClass);
-  }
-  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 _assertThisInitialized(self) {
-    if (self === void 0) {
-      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-    }
-    return self;
-  }
-  function setInputSelection(input, start, end) {
-    if ('selectionStart' in input && 'selectionEnd' in input) {
-      input.selectionStart = start;
-      input.selectionEnd = end;
-    } else {
-      var range = input.createTextRange();
-      range.collapse(true);
-      range.moveStart('character', start);
-      range.moveEnd('character', end - start);
-      range.select();
-    }
-  }
-  function getInputSelection(input) {
-    var start = 0;
-    var end = 0;
-    if ('selectionStart' in input && 'selectionEnd' in input) {
-      start = input.selectionStart;
-      end = input.selectionEnd;
-    } else {
-      var range = document.selection.createRange();
-      if (range.parentElement() === input) {
-        start = -range.moveStart('character', -input.value.length);
-        end = -range.moveEnd('character', -input.value.length);
-      }
-    }
-    return {
-      start: start,
-      end: end,
-      length: end - start
-    };
-  }
-  var defaultFormatChars = {
-    '9': '[0-9]',
-    'a': '[A-Za-z]',
-    '*': '[A-Za-z0-9]'
-  };
-  var defaultMaskChar = '_';
-  function parseMask(mask, maskChar, formatChars) {
-    var parsedMaskString = '';
-    var prefix = '';
-    var lastEditablePosition = null;
-    var permanents = [];
-    if (maskChar === undefined) {
-      maskChar = defaultMaskChar;
-    }
-    if (formatChars == null) {
-      formatChars = defaultFormatChars;
-    }
-    if (!mask || typeof mask !== 'string') {
-      return {
-        maskChar: maskChar,
-        formatChars: formatChars,
-        mask: null,
-        prefix: null,
-        lastEditablePosition: null,
-        permanents: []
-      };
-    }
-    var isPermanent = false;
-    mask.split('').forEach(function (character) {
-      if (!isPermanent && character === '\\') {
-        isPermanent = true;
-      } else {
-        if (isPermanent || !formatChars[character]) {
-          permanents.push(parsedMaskString.length);
-          if (parsedMaskString.length === permanents.length - 1) {
-            prefix += character;
-          }
-        } else {
-          lastEditablePosition = parsedMaskString.length + 1;
-        }
-        parsedMaskString += character;
-        isPermanent = false;
-      }
-    });
-    return {
-      maskChar: maskChar,
-      formatChars: formatChars,
-      prefix: prefix,
-      mask: parsedMaskString,
-      lastEditablePosition: lastEditablePosition,
-      permanents: permanents
-    };
-  }
-
-  /* eslint no-use-before-define: ["error", { functions: false }] */
-  function isPermanentCharacter(maskOptions, pos) {
-    return maskOptions.permanents.indexOf(pos) !== -1;
-  }
-  function isAllowedCharacter(maskOptions, pos, character) {
-    var mask = maskOptions.mask,
-      formatChars = maskOptions.formatChars;
-    if (!character) {
-      return false;
-    }
-    if (isPermanentCharacter(maskOptions, pos)) {
-      return mask[pos] === character;
-    }
-    var ruleChar = mask[pos];
-    var charRule = formatChars[ruleChar];
-    return new RegExp(charRule).test(character);
-  }
-  function isEmpty(maskOptions, value) {
-    return value.split('').every(function (character, i) {
-      return isPermanentCharacter(maskOptions, i) || !isAllowedCharacter(maskOptions, i, character);
-    });
-  }
-  function getFilledLength(maskOptions, value) {
-    var maskChar = maskOptions.maskChar,
-      prefix = maskOptions.prefix;
-    if (!maskChar) {
-      while (value.length > prefix.length && isPermanentCharacter(maskOptions, value.length - 1)) {
-        value = value.slice(0, value.length - 1);
-      }
-      return value.length;
-    }
-    var filledLength = prefix.length;
-    for (var i = value.length; i >= prefix.length; i--) {
-      var character = value[i];
-      var isEnteredCharacter = !isPermanentCharacter(maskOptions, i) && isAllowedCharacter(maskOptions, i, character);
-      if (isEnteredCharacter) {
-        filledLength = i + 1;
-        break;
-      }
-    }
-    return filledLength;
-  }
-  function isFilled(maskOptions, value) {
-    return getFilledLength(maskOptions, value) === maskOptions.mask.length;
-  }
-  function formatValue(maskOptions, value) {
-    var maskChar = maskOptions.maskChar,
-      mask = maskOptions.mask,
-      prefix = maskOptions.prefix;
-    if (!maskChar) {
-      value = insertString(maskOptions, '', value, 0);
-      if (value.length < prefix.length) {
-        value = prefix;
-      }
-      while (value.length < mask.length && isPermanentCharacter(maskOptions, value.length)) {
-        value += mask[value.length];
-      }
-      return value;
-    }
-    if (value) {
-      var emptyValue = formatValue(maskOptions, '');
-      return insertString(maskOptions, emptyValue, value, 0);
-    }
-    for (var i = 0; i < mask.length; i++) {
-      if (isPermanentCharacter(maskOptions, i)) {
-        value += mask[i];
-      } else {
-        value += maskChar;
-      }
-    }
-    return value;
-  }
-  function clearRange(maskOptions, value, start, len) {
-    var end = start + len;
-    var maskChar = maskOptions.maskChar,
-      mask = maskOptions.mask,
-      prefix = maskOptions.prefix;
-    var arrayValue = value.split('');
-    if (!maskChar) {
-      // remove any permanent chars after clear range, they will be added back by formatValue
-      for (var i = end; i < arrayValue.length; i++) {
-        if (isPermanentCharacter(maskOptions, i)) {
-          arrayValue[i] = '';
-        }
-      }
-      start = Math.max(prefix.length, start);
-      arrayValue.splice(start, end - start);
-      value = arrayValue.join('');
-      return formatValue(maskOptions, value);
-    }
-    return arrayValue.map(function (character, i) {
-      if (i < start || i >= end) {
-        return character;
-      }
-      if (isPermanentCharacter(maskOptions, i)) {
-        return mask[i];
-      }
-      return maskChar;
-    }).join('');
-  }
-  function insertString(maskOptions, value, insertStr, insertPosition) {
-    var mask = maskOptions.mask,
-      maskChar = maskOptions.maskChar,
-      prefix = maskOptions.prefix;
-    var arrayInsertStr = insertStr.split('');
-    var isInputFilled = isFilled(maskOptions, value);
-    var isUsablePosition = function isUsablePosition(pos, character) {
-      return !isPermanentCharacter(maskOptions, pos) || character === mask[pos];
-    };
-    var isUsableCharacter = function isUsableCharacter(character, pos) {
-      return !maskChar || !isPermanentCharacter(maskOptions, pos) || character !== maskChar;
-    };
-    if (!maskChar && insertPosition > value.length) {
-      value += mask.slice(value.length, insertPosition);
-    }
-    arrayInsertStr.every(function (insertCharacter) {
-      while (!isUsablePosition(insertPosition, insertCharacter)) {
-        if (insertPosition >= value.length) {
-          value += mask[insertPosition];
-        }
-        if (!isUsableCharacter(insertCharacter, insertPosition)) {
-          return true;
-        }
-        insertPosition++; // stop iteration if maximum value length reached
-
-        if (insertPosition >= mask.length) {
-          return false;
-        }
-      }
-      var isAllowed = isAllowedCharacter(maskOptions, insertPosition, insertCharacter) || insertCharacter === maskChar;
-      if (!isAllowed) {
-        return true;
-      }
-      if (insertPosition < value.length) {
-        if (maskChar || isInputFilled || insertPosition < prefix.length) {
-          value = value.slice(0, insertPosition) + insertCharacter + value.slice(insertPosition + 1);
-        } else {
-          value = value.slice(0, insertPosition) + insertCharacter + value.slice(insertPosition);
-          value = formatValue(maskOptions, value);
-        }
-      } else if (!maskChar) {
-        value += insertCharacter;
-      }
-      insertPosition++; // stop iteration if maximum value length reached
-
-      return insertPosition < mask.length;
-    });
-    return value;
-  }
-  function getInsertStringLength(maskOptions, value, insertStr, insertPosition) {
-    var mask = maskOptions.mask,
-      maskChar = maskOptions.maskChar;
-    var arrayInsertStr = insertStr.split('');
-    var initialInsertPosition = insertPosition;
-    var isUsablePosition = function isUsablePosition(pos, character) {
-      return !isPermanentCharacter(maskOptions, pos) || character === mask[pos];
-    };
-    arrayInsertStr.every(function (insertCharacter) {
-      while (!isUsablePosition(insertPosition, insertCharacter)) {
-        insertPosition++; // stop iteration if maximum value length reached
-
-        if (insertPosition >= mask.length) {
-          return false;
-        }
-      }
-      var isAllowed = isAllowedCharacter(maskOptions, insertPosition, insertCharacter) || insertCharacter === maskChar;
-      if (isAllowed) {
-        insertPosition++;
-      } // stop iteration if maximum value length reached
-
-      return insertPosition < mask.length;
-    });
-    return insertPosition - initialInsertPosition;
-  }
-  function getLeftEditablePosition(maskOptions, pos) {
-    for (var i = pos; i >= 0; --i) {
-      if (!isPermanentCharacter(maskOptions, i)) {
-        return i;
-      }
-    }
-    return null;
-  }
-  function getRightEditablePosition(maskOptions, pos) {
-    var mask = maskOptions.mask;
-    for (var i = pos; i < mask.length; ++i) {
-      if (!isPermanentCharacter(maskOptions, i)) {
-        return i;
-      }
-    }
-    return null;
-  }
-  function getStringValue(value) {
-    return !value && value !== 0 ? '' : value + '';
-  }
-  function processChange(maskOptions, value, selection, previousValue, previousSelection) {
-    var mask = maskOptions.mask,
-      prefix = maskOptions.prefix,
-      lastEditablePosition = maskOptions.lastEditablePosition;
-    var newValue = value;
-    var enteredString = '';
-    var formattedEnteredStringLength = 0;
-    var removedLength = 0;
-    var cursorPosition = Math.min(previousSelection.start, selection.start);
-    if (selection.end > previousSelection.start) {
-      enteredString = newValue.slice(previousSelection.start, selection.end);
-      formattedEnteredStringLength = getInsertStringLength(maskOptions, previousValue, enteredString, cursorPosition);
-      if (!formattedEnteredStringLength) {
-        removedLength = 0;
-      } else {
-        removedLength = previousSelection.length;
-      }
-    } else if (newValue.length < previousValue.length) {
-      removedLength = previousValue.length - newValue.length;
-    }
-    newValue = previousValue;
-    if (removedLength) {
-      if (removedLength === 1 && !previousSelection.length) {
-        var deleteFromRight = previousSelection.start === selection.start;
-        cursorPosition = deleteFromRight ? getRightEditablePosition(maskOptions, selection.start) : getLeftEditablePosition(maskOptions, selection.start);
-      }
-      newValue = clearRange(maskOptions, newValue, cursorPosition, removedLength);
-    }
-    newValue = insertString(maskOptions, newValue, enteredString, cursorPosition);
-    cursorPosition = cursorPosition + formattedEnteredStringLength;
-    if (cursorPosition >= mask.length) {
-      cursorPosition = mask.length;
-    } else if (cursorPosition < prefix.length && !formattedEnteredStringLength) {
-      cursorPosition = prefix.length;
-    } else if (cursorPosition >= prefix.length && cursorPosition < lastEditablePosition && formattedEnteredStringLength) {
-      cursorPosition = getRightEditablePosition(maskOptions, cursorPosition);
-    }
-    newValue = formatValue(maskOptions, newValue);
-    if (!enteredString) {
-      enteredString = null;
-    }
-    return {
-      value: newValue,
-      enteredString: enteredString,
-      selection: {
-        start: cursorPosition,
-        end: cursorPosition
-      }
-    };
-  }
-  function isWindowsPhoneBrowser() {
-    var windows = new RegExp('windows', 'i');
-    var phone = new RegExp('phone', 'i');
-    var ua = navigator.userAgent;
-    return windows.test(ua) && phone.test(ua);
-  }
-  function isFunction(value) {
-    return typeof value === 'function';
-  }
-  function getRequestAnimationFrame() {
-    return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame;
-  }
-  function getCancelAnimationFrame() {
-    return window.cancelAnimationFrame || window.webkitCancelRequestAnimationFrame || window.webkitCancelAnimationFrame || window.mozCancelAnimationFrame;
-  }
-  function defer(fn) {
-    var hasCancelAnimationFrame = !!getCancelAnimationFrame();
-    var deferFn;
-    if (hasCancelAnimationFrame) {
-      deferFn = getRequestAnimationFrame();
-    } else {
-      deferFn = function deferFn() {
-        return setTimeout(fn, 1000 / 60);
-      };
-    }
-    return deferFn(fn);
-  }
-  function cancelDefer(deferId) {
-    var cancelFn = getCancelAnimationFrame() || clearTimeout;
-    cancelFn(deferId);
-  }
-  var InputElement = /*#__PURE__*/
-  function (_React$Component) {
-    _inheritsLoose(InputElement, _React$Component);
-    function InputElement(props) {
-      var _this;
-      _this = _React$Component.call(this, props) || this;
-      _this.focused = false;
-      _this.mounted = false;
-      _this.previousSelection = null;
-      _this.selectionDeferId = null;
-      _this.saveSelectionLoopDeferId = null;
-      _this.saveSelectionLoop = function () {
-        _this.previousSelection = _this.getSelection();
-        _this.saveSelectionLoopDeferId = defer(_this.saveSelectionLoop);
-      };
-      _this.runSaveSelectionLoop = function () {
-        if (_this.saveSelectionLoopDeferId === null) {
-          _this.saveSelectionLoop();
-        }
-      };
-      _this.stopSaveSelectionLoop = function () {
-        if (_this.saveSelectionLoopDeferId !== null) {
-          cancelDefer(_this.saveSelectionLoopDeferId);
-          _this.saveSelectionLoopDeferId = null;
-          _this.previousSelection = null;
-        }
-      };
-      _this.getInputDOMNode = function () {
-        if (!_this.mounted) {
-          return null;
-        }
-        var input = reactDom.findDOMNode(_assertThisInitialized(_assertThisInitialized(_this)));
-        var isDOMNode = typeof window !== 'undefined' && input instanceof window.Element; // workaround for react-test-renderer
-        // https://github.com/sanniassin/react-input-mask/issues/147
-
-        if (input && !isDOMNode) {
-          return null;
-        }
-        if (input.nodeName !== 'INPUT') {
-          input = input.querySelector('input');
-        }
-        if (!input) {
-          throw new Error('react-input-mask: inputComponent doesn\'t contain input node');
-        }
-        return input;
-      };
-      _this.getInputValue = function () {
-        var input = _this.getInputDOMNode();
-        if (!input) {
-          return null;
-        }
-        return input.value;
-      };
-      _this.setInputValue = function (value) {
-        var input = _this.getInputDOMNode();
-        if (!input) {
-          return;
-        }
-        _this.value = value;
-        input.value = value;
-      };
-      _this.setCursorToEnd = function () {
-        var filledLength = getFilledLength(_this.maskOptions, _this.value);
-        var pos = getRightEditablePosition(_this.maskOptions, filledLength);
-        if (pos !== null) {
-          _this.setCursorPosition(pos);
-        }
-      };
-      _this.setSelection = function (start, end, options) {
-        if (options === void 0) {
-          options = {};
-        }
-        var input = _this.getInputDOMNode();
-        var isFocused = _this.isFocused(); // don't change selection on unfocused input
-        // because Safari sets focus on selection change (#154)
-
-        if (!input || !isFocused) {
-          return;
-        }
-        var _options = options,
-          deferred = _options.deferred;
-        if (!deferred) {
-          setInputSelection(input, start, end);
-        }
-        if (_this.selectionDeferId !== null) {
-          cancelDefer(_this.selectionDeferId);
-        } // deferred selection update is required for pre-Lollipop Android browser,
-        // but for consistent behavior we do it for all browsers
-
-        _this.selectionDeferId = defer(function () {
-          _this.selectionDeferId = null;
-          setInputSelection(input, start, end);
-        });
-        _this.previousSelection = {
-          start: start,
-          end: end,
-          length: Math.abs(end - start)
-        };
-      };
-      _this.getSelection = function () {
-        var input = _this.getInputDOMNode();
-        return getInputSelection(input);
-      };
-      _this.getCursorPosition = function () {
-        return _this.getSelection().start;
-      };
-      _this.setCursorPosition = function (pos) {
-        _this.setSelection(pos, pos);
-      };
-      _this.isFocused = function () {
-        return _this.focused;
-      };
-      _this.getBeforeMaskedValueChangeConfig = function () {
-        var _this$maskOptions = _this.maskOptions,
-          mask = _this$maskOptions.mask,
-          maskChar = _this$maskOptions.maskChar,
-          permanents = _this$maskOptions.permanents,
-          formatChars = _this$maskOptions.formatChars;
-        var alwaysShowMask = _this.props.alwaysShowMask;
-        return {
-          mask: mask,
-          maskChar: maskChar,
-          permanents: permanents,
-          alwaysShowMask: !!alwaysShowMask,
-          formatChars: formatChars
-        };
-      };
-      _this.isInputAutofilled = function (value, selection, previousValue, previousSelection) {
-        var input = _this.getInputDOMNode(); // only check for positive match because it will be false negative
-        // in case of autofill simulation in tests
-        //
-        // input.matches throws an exception if selector isn't supported
-
-        try {
-          if (input.matches(':-webkit-autofill')) {
-            return true;
-          }
-        } catch (e) {} // if input isn't focused then change event must have been triggered
-        // either by autofill or event simulation in tests
-
-        if (!_this.focused) {
-          return true;
-        } // if cursor has moved to the end while previousSelection forbids it
-        // then it must be autofill
-
-        return previousSelection.end < previousValue.length && selection.end === value.length;
-      };
-      _this.onChange = function (event) {
-        var _assertThisInitialize = _assertThisInitialized(_assertThisInitialized(_this)),
-          beforePasteState = _assertThisInitialize.beforePasteState;
-        var _assertThisInitialize2 = _assertThisInitialized(_assertThisInitialized(_this)),
-          previousSelection = _assertThisInitialize2.previousSelection;
-        var beforeMaskedValueChange = _this.props.beforeMaskedValueChange;
-        var value = _this.getInputValue();
-        var previousValue = _this.value;
-        var selection = _this.getSelection(); // autofill replaces entire value, ignore old one
-        // https://github.com/sanniassin/react-input-mask/issues/113
+        return previousSelection.end < previousValue.length && selection.end === value.length;
+      };
+      _this.onChange = function (event) {
+        var _assertThisInitialize = _assertThisInitialized(_assertThisInitialized(_this)),
+          beforePasteState = _assertThisInitialize.beforePasteState;
+        var _assertThisInitialize2 = _assertThisInitialized(_assertThisInitialized(_this)),
+          previousSelection = _assertThisInitialize2.previousSelection;
+        var beforeMaskedValueChange = _this.props.beforeMaskedValueChange;
+        var value = _this.getInputValue();
+        var previousValue = _this.value;
+        var selection = _this.getSelection(); // autofill replaces entire value, ignore old one
+        // https://github.com/sanniassin/react-input-mask/issues/113
 
         if (_this.isInputAutofilled(value, selection, previousValue, previousSelection)) {
           previousValue = formatValue(_this.maskOptions, '');
@@ -8524,207 +8088,718 @@ function requireReactInputMask_development() {
         } // event.clipboardData might not work in Android browser
         // cleaning input to get raw text inside onChange handler
 
-        if (!event.defaultPrevented) {
-          _this.beforePasteState = {
-            value: _this.getInputValue(),
-            selection: _this.getSelection()
-          };
-          _this.setInputValue('');
-        }
+        if (!event.defaultPrevented) {
+          _this.beforePasteState = {
+            value: _this.getInputValue(),
+            selection: _this.getSelection()
+          };
+          _this.setInputValue('');
+        }
+      };
+      _this.handleRef = function (ref) {
+        if (_this.props.children == null && isFunction(_this.props.inputRef)) {
+          _this.props.inputRef(ref);
+        }
+      };
+      var _mask = props.mask,
+        _maskChar = props.maskChar,
+        _formatChars = props.formatChars,
+        _alwaysShowMask = props.alwaysShowMask,
+        _beforeMaskedValueChange = props.beforeMaskedValueChange;
+      var defaultValue = props.defaultValue,
+        _value = props.value;
+      _this.maskOptions = parseMask(_mask, _maskChar, _formatChars);
+      if (defaultValue == null) {
+        defaultValue = '';
+      }
+      if (_value == null) {
+        _value = defaultValue;
+      }
+      var _newValue = getStringValue(_value);
+      if (_this.maskOptions.mask && (_alwaysShowMask || _newValue)) {
+        _newValue = formatValue(_this.maskOptions, _newValue);
+        if (isFunction(_beforeMaskedValueChange)) {
+          var oldValue = props.value;
+          if (props.value == null) {
+            oldValue = defaultValue;
+          }
+          oldValue = getStringValue(oldValue);
+          var modifiedValue = _beforeMaskedValueChange({
+            value: _newValue,
+            selection: null
+          }, {
+            value: oldValue,
+            selection: null
+          }, null, _this.getBeforeMaskedValueChangeConfig());
+          _newValue = modifiedValue.value;
+        }
+      }
+      _this.value = _newValue;
+      return _this;
+    }
+    var _proto = InputElement.prototype;
+    _proto.componentDidMount = function componentDidMount() {
+      this.mounted = true; // workaround for react-test-renderer
+      // https://github.com/sanniassin/react-input-mask/issues/147
+
+      if (!this.getInputDOMNode()) {
+        return;
+      }
+      this.isWindowsPhoneBrowser = isWindowsPhoneBrowser();
+      if (this.maskOptions.mask && this.getInputValue() !== this.value) {
+        this.setInputValue(this.value);
+      }
+    };
+    _proto.componentDidUpdate = function componentDidUpdate() {
+      var previousSelection = this.previousSelection;
+      var _this$props = this.props,
+        beforeMaskedValueChange = _this$props.beforeMaskedValueChange,
+        alwaysShowMask = _this$props.alwaysShowMask,
+        mask = _this$props.mask,
+        maskChar = _this$props.maskChar,
+        formatChars = _this$props.formatChars;
+      var previousMaskOptions = this.maskOptions;
+      var showEmpty = alwaysShowMask || this.isFocused();
+      var hasValue = this.props.value != null;
+      var newValue = hasValue ? getStringValue(this.props.value) : this.value;
+      var cursorPosition = previousSelection ? previousSelection.start : null;
+      this.maskOptions = parseMask(mask, maskChar, formatChars);
+      if (!this.maskOptions.mask) {
+        if (previousMaskOptions.mask) {
+          this.stopSaveSelectionLoop(); // render depends on this.maskOptions and this.value,
+          // call forceUpdate to keep it in sync
+
+          this.forceUpdate();
+        }
+        return;
+      } else if (!previousMaskOptions.mask && this.isFocused()) {
+        this.runSaveSelectionLoop();
+      }
+      var isMaskChanged = this.maskOptions.mask && this.maskOptions.mask !== previousMaskOptions.mask;
+      if (!previousMaskOptions.mask && !hasValue) {
+        newValue = this.getInputValue();
+      }
+      if (isMaskChanged || this.maskOptions.mask && (newValue || showEmpty)) {
+        newValue = formatValue(this.maskOptions, newValue);
+      }
+      if (isMaskChanged) {
+        var filledLength = getFilledLength(this.maskOptions, newValue);
+        if (cursorPosition === null || filledLength < cursorPosition) {
+          if (isFilled(this.maskOptions, newValue)) {
+            cursorPosition = filledLength;
+          } else {
+            cursorPosition = getRightEditablePosition(this.maskOptions, filledLength);
+          }
+        }
+      }
+      if (this.maskOptions.mask && isEmpty(this.maskOptions, newValue) && !showEmpty && (!hasValue || !this.props.value)) {
+        newValue = '';
+      }
+      var newSelection = {
+        start: cursorPosition,
+        end: cursorPosition
+      };
+      if (isFunction(beforeMaskedValueChange)) {
+        var modifiedValue = beforeMaskedValueChange({
+          value: newValue,
+          selection: newSelection
+        }, {
+          value: this.value,
+          selection: this.previousSelection
+        }, null, this.getBeforeMaskedValueChangeConfig());
+        newValue = modifiedValue.value;
+        newSelection = modifiedValue.selection;
+      }
+      this.value = newValue;
+      var isValueChanged = this.getInputValue() !== this.value; // render depends on this.maskOptions and this.value,
+      // call forceUpdate to keep it in sync
+
+      if (isValueChanged) {
+        this.setInputValue(this.value);
+        this.forceUpdate();
+      } else if (isMaskChanged) {
+        this.forceUpdate();
+      }
+      var isSelectionChanged = false;
+      if (newSelection.start != null && newSelection.end != null) {
+        isSelectionChanged = !previousSelection || previousSelection.start !== newSelection.start || previousSelection.end !== newSelection.end;
+      }
+      if (isSelectionChanged || isValueChanged) {
+        this.setSelection(newSelection.start, newSelection.end);
+      }
+    };
+    _proto.componentWillUnmount = function componentWillUnmount() {
+      this.mounted = false;
+      if (this.selectionDeferId !== null) {
+        cancelDefer(this.selectionDeferId);
+      }
+      this.stopSaveSelectionLoop();
+    };
+    _proto.render = function render() {
+      var _this$props2 = this.props,
+        mask = _this$props2.mask;
+        _this$props2.alwaysShowMask;
+        var maskChar = _this$props2.maskChar,
+        formatChars = _this$props2.formatChars,
+        inputRef = _this$props2.inputRef;
+        _this$props2.beforeMaskedValueChange;
+        var children = _this$props2.children,
+        restProps = _objectWithoutPropertiesLoose(_this$props2, ["mask", "alwaysShowMask", "maskChar", "formatChars", "inputRef", "beforeMaskedValueChange", "children"]);
+      var inputElement;
+      process.env.NODE_ENV !== "production" ? warning(
+      // parse mask to test against actual mask prop as this.maskOptions
+      // will be updated later in componentDidUpdate
+      !restProps.maxLength || !parseMask(mask, maskChar, formatChars).mask, 'react-input-mask: maxLength property shouldn\'t be passed to the masked input. It breaks masking and unnecessary because length is limited by the mask length.') : void 0;
+      if (children) {
+        !isFunction(children) ? process.env.NODE_ENV !== "production" ? invariant(false, 'react-input-mask: children must be a function') : invariant(false) : void 0;
+        var controlledProps = ['onChange', 'onPaste', 'onMouseDown', 'onFocus', 'onBlur', 'value', 'disabled', 'readOnly'];
+        var childrenProps = _extends({}, restProps);
+        controlledProps.forEach(function (propId) {
+          return delete childrenProps[propId];
+        });
+        inputElement = children(childrenProps);
+        var conflictProps = controlledProps.filter(function (propId) {
+          return inputElement.props[propId] != null && inputElement.props[propId] !== restProps[propId];
+        });
+        !!conflictProps.length ? process.env.NODE_ENV !== "production" ? invariant(false, "react-input-mask: the following props should be passed to the react-input-mask's component and should not be altered in children's function: " + conflictProps.join(', ')) : invariant(false) : void 0;
+        process.env.NODE_ENV !== "production" ? warning(!inputRef, 'react-input-mask: inputRef is ignored when children is passed, attach ref to the children instead') : void 0;
+      } else {
+        inputElement = React.createElement("input", _extends({
+          ref: this.handleRef
+        }, restProps));
+      }
+      var changedProps = {
+        onFocus: this.onFocus,
+        onBlur: this.onBlur
       };
-      _this.handleRef = function (ref) {
-        if (_this.props.children == null && isFunction(_this.props.inputRef)) {
-          _this.props.inputRef(ref);
+      if (this.maskOptions.mask) {
+        if (!restProps.disabled && !restProps.readOnly) {
+          changedProps.onChange = this.onChange;
+          changedProps.onPaste = this.onPaste;
+          changedProps.onMouseDown = this.onMouseDown;
+        }
+        if (restProps.value != null) {
+          changedProps.value = this.value;
         }
-      };
-      var _mask = props.mask,
-        _maskChar = props.maskChar,
-        _formatChars = props.formatChars,
-        _alwaysShowMask = props.alwaysShowMask,
-        _beforeMaskedValueChange = props.beforeMaskedValueChange;
-      var defaultValue = props.defaultValue,
-        _value = props.value;
-      _this.maskOptions = parseMask(_mask, _maskChar, _formatChars);
-      if (defaultValue == null) {
-        defaultValue = '';
       }
-      if (_value == null) {
-        _value = defaultValue;
+      inputElement = React.cloneElement(inputElement, changedProps);
+      return inputElement;
+    };
+    return InputElement;
+  }(React.Component);
+  reactInputMask_development = InputElement;
+  return reactInputMask_development;
+}
+
+var reactInputMask_production_min;
+var hasRequiredReactInputMask_production_min;
+function requireReactInputMask_production_min() {
+  if (hasRequiredReactInputMask_production_min) return reactInputMask_production_min;
+  hasRequiredReactInputMask_production_min = 1;
+  function _interopDefault(e) {
+    return e && "object" == _typeof$1(e) && "default" in e ? e["default"] : e;
+  }
+  var React = _interopDefault(React__default),
+    reactDom = require$$1;
+  function _defaults2(e, t) {
+    for (var n = Object.getOwnPropertyNames(t), a = 0; a < n.length; a++) {
+      var i = n[a],
+        r = Object.getOwnPropertyDescriptor(t, i);
+      r && r.configurable && e[i] === undefined && Object.defineProperty(e, i, r);
+    }
+    return e;
+  }
+  function _extends() {
+    return (_extends = Object.assign || function (e) {
+      for (var t = 1; t < arguments.length; t++) {
+        var n = arguments[t];
+        for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a]);
       }
-      var _newValue = getStringValue(_value);
-      if (_this.maskOptions.mask && (_alwaysShowMask || _newValue)) {
-        _newValue = formatValue(_this.maskOptions, _newValue);
-        if (isFunction(_beforeMaskedValueChange)) {
-          var oldValue = props.value;
-          if (props.value == null) {
-            oldValue = defaultValue;
-          }
-          oldValue = getStringValue(oldValue);
-          var modifiedValue = _beforeMaskedValueChange({
-            value: _newValue,
-            selection: null
-          }, {
-            value: oldValue,
-            selection: null
-          }, null, _this.getBeforeMaskedValueChangeConfig());
-          _newValue = modifiedValue.value;
+      return e;
+    }).apply(this, arguments);
+  }
+  function _inheritsLoose(e, t) {
+    e.prototype = Object.create(t.prototype), _defaults2(e.prototype.constructor = e, t);
+  }
+  function _objectWithoutPropertiesLoose(e, t) {
+    if (null == e) return {};
+    var n,
+      a,
+      i = {},
+      r = Object.keys(e);
+    for (a = 0; a < r.length; a++) n = r[a], 0 <= t.indexOf(n) || (i[n] = e[n]);
+    return i;
+  }
+  function _assertThisInitialized(e) {
+    if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    return e;
+  }
+  var invariant = function invariant(e, t, n, a, i, r, o, s) {
+      if (!e) {
+        var l;
+        if (t === undefined) l = new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else {
+          var u = [n, a, i, r, o, s],
+            c = 0;
+          (l = new Error(t.replace(/%s/g, function () {
+            return u[c++];
+          }))).name = "Invariant Violation";
         }
+        throw l.framesToPop = 1, l;
+      }
+    },
+    invariant_1 = invariant;
+  function setInputSelection(e, t, n) {
+    if ("selectionStart" in e && "selectionEnd" in e) e.selectionStart = t, e.selectionEnd = n;else {
+      var a = e.createTextRange();
+      a.collapse(!0), a.moveStart("character", t), a.moveEnd("character", n - t), a.select();
+    }
+  }
+  function getInputSelection(e) {
+    var t = 0,
+      n = 0;
+    if ("selectionStart" in e && "selectionEnd" in e) t = e.selectionStart, n = e.selectionEnd;else {
+      var a = document.selection.createRange();
+      a.parentElement() === e && (t = -a.moveStart("character", -e.value.length), n = -a.moveEnd("character", -e.value.length));
+    }
+    return {
+      start: t,
+      end: n,
+      length: n - t
+    };
+  }
+  var defaultFormatChars = {
+      9: "[0-9]",
+      a: "[A-Za-z]",
+      "*": "[A-Za-z0-9]"
+    },
+    defaultMaskChar = "_";
+  function parseMask(e, t, n) {
+    var a = "",
+      i = "",
+      r = null,
+      o = [];
+    if (t === undefined && (t = defaultMaskChar), null == n && (n = defaultFormatChars), !e || "string" != typeof e) return {
+      maskChar: t,
+      formatChars: n,
+      mask: null,
+      prefix: null,
+      lastEditablePosition: null,
+      permanents: []
+    };
+    var s = !1;
+    return e.split("").forEach(function (e) {
+      s = !s && "\\" === e || (s || !n[e] ? (o.push(a.length), a.length === o.length - 1 && (i += e)) : r = a.length + 1, a += e, !1);
+    }), {
+      maskChar: t,
+      formatChars: n,
+      prefix: i,
+      mask: a,
+      lastEditablePosition: r,
+      permanents: o
+    };
+  }
+  function isPermanentCharacter(e, t) {
+    return -1 !== e.permanents.indexOf(t);
+  }
+  function isAllowedCharacter(e, t, n) {
+    var a = e.mask,
+      i = e.formatChars;
+    if (!n) return !1;
+    if (isPermanentCharacter(e, t)) return a[t] === n;
+    var r = i[a[t]];
+    return new RegExp(r).test(n);
+  }
+  function isEmpty(n, e) {
+    return e.split("").every(function (e, t) {
+      return isPermanentCharacter(n, t) || !isAllowedCharacter(n, t, e);
+    });
+  }
+  function getFilledLength(e, t) {
+    var n = e.maskChar,
+      a = e.prefix;
+    if (!n) {
+      for (; t.length > a.length && isPermanentCharacter(e, t.length - 1);) t = t.slice(0, t.length - 1);
+      return t.length;
+    }
+    for (var i = a.length, r = t.length; r >= a.length; r--) {
+      var o = t[r];
+      if (!isPermanentCharacter(e, r) && isAllowedCharacter(e, r, o)) {
+        i = r + 1;
+        break;
       }
-      _this.value = _newValue;
-      return _this;
     }
-    var _proto = InputElement.prototype;
-    _proto.componentDidMount = function componentDidMount() {
-      this.mounted = true; // workaround for react-test-renderer
-      // https://github.com/sanniassin/react-input-mask/issues/147
-
-      if (!this.getInputDOMNode()) {
-        return;
+    return i;
+  }
+  function isFilled(e, t) {
+    return getFilledLength(e, t) === e.mask.length;
+  }
+  function formatValue(e, t) {
+    var n = e.maskChar,
+      a = e.mask,
+      i = e.prefix;
+    if (!n) {
+      for ((t = insertString(e, "", t, 0)).length < i.length && (t = i); t.length < a.length && isPermanentCharacter(e, t.length);) t += a[t.length];
+      return t;
+    }
+    if (t) return insertString(e, formatValue(e, ""), t, 0);
+    for (var r = 0; r < a.length; r++) isPermanentCharacter(e, r) ? t += a[r] : t += n;
+    return t;
+  }
+  function clearRange(n, e, a, t) {
+    var i = a + t,
+      r = n.maskChar,
+      o = n.mask,
+      s = n.prefix,
+      l = e.split("");
+    if (r) return l.map(function (e, t) {
+      return t < a || i <= t ? e : isPermanentCharacter(n, t) ? o[t] : r;
+    }).join("");
+    for (var u = i; u < l.length; u++) isPermanentCharacter(n, u) && (l[u] = "");
+    return a = Math.max(s.length, a), l.splice(a, i - a), e = l.join(""), formatValue(n, e);
+  }
+  function insertString(r, o, e, s) {
+    var l = r.mask,
+      u = r.maskChar,
+      c = r.prefix,
+      t = e.split(""),
+      h = isFilled(r, o);
+    return !u && s > o.length && (o += l.slice(o.length, s)), t.every(function (e) {
+      for (; i = e, isPermanentCharacter(r, a = s) && i !== l[a];) {
+        if (s >= o.length && (o += l[s]), t = e, n = s, u && isPermanentCharacter(r, n) && t === u) return !0;
+        if (++s >= l.length) return !1;
       }
-      this.isWindowsPhoneBrowser = isWindowsPhoneBrowser();
-      if (this.maskOptions.mask && this.getInputValue() !== this.value) {
-        this.setInputValue(this.value);
+      var t, n, a, i;
+      return !isAllowedCharacter(r, s, e) && e !== u || (s < o.length ? o = u || h || s < c.length ? o.slice(0, s) + e + o.slice(s + 1) : (o = o.slice(0, s) + e + o.slice(s), formatValue(r, o)) : u || (o += e), ++s < l.length);
+    }), o;
+  }
+  function getInsertStringLength(a, e, t, i) {
+    var r = a.mask,
+      o = a.maskChar,
+      n = t.split(""),
+      s = i;
+    return n.every(function (e) {
+      for (; n = e, isPermanentCharacter(a, t = i) && n !== r[t];) if (++i >= r.length) return !1;
+      var t, n;
+      return (isAllowedCharacter(a, i, e) || e === o) && i++, i < r.length;
+    }), i - s;
+  }
+  function getLeftEditablePosition(e, t) {
+    for (var n = t; 0 <= n; --n) if (!isPermanentCharacter(e, n)) return n;
+    return null;
+  }
+  function getRightEditablePosition(e, t) {
+    for (var n = e.mask, a = t; a < n.length; ++a) if (!isPermanentCharacter(e, a)) return a;
+    return null;
+  }
+  function getStringValue(e) {
+    return e || 0 === e ? e + "" : "";
+  }
+  function processChange(e, t, n, a, i) {
+    var r = e.mask,
+      o = e.prefix,
+      s = e.lastEditablePosition,
+      l = t,
+      u = "",
+      c = 0,
+      h = 0,
+      f = Math.min(i.start, n.start);
+    if (n.end > i.start ? h = (c = getInsertStringLength(e, a, u = l.slice(i.start, n.end), f)) ? i.length : 0 : l.length < a.length && (h = a.length - l.length), l = a, h) {
+      if (1 === h && !i.length) f = i.start === n.start ? getRightEditablePosition(e, n.start) : getLeftEditablePosition(e, n.start);
+      l = clearRange(e, l, f, h);
+    }
+    return l = insertString(e, l, u, f), (f += c) >= r.length ? f = r.length : f < o.length && !c ? f = o.length : f >= o.length && f < s && c && (f = getRightEditablePosition(e, f)), u || (u = null), {
+      value: l = formatValue(e, l),
+      enteredString: u,
+      selection: {
+        start: f,
+        end: f
       }
     };
-    _proto.componentDidUpdate = function componentDidUpdate() {
-      var previousSelection = this.previousSelection;
-      var _this$props = this.props,
-        beforeMaskedValueChange = _this$props.beforeMaskedValueChange,
-        alwaysShowMask = _this$props.alwaysShowMask,
-        mask = _this$props.mask,
-        maskChar = _this$props.maskChar,
-        formatChars = _this$props.formatChars;
-      var previousMaskOptions = this.maskOptions;
-      var showEmpty = alwaysShowMask || this.isFocused();
-      var hasValue = this.props.value != null;
-      var newValue = hasValue ? getStringValue(this.props.value) : this.value;
-      var cursorPosition = previousSelection ? previousSelection.start : null;
-      this.maskOptions = parseMask(mask, maskChar, formatChars);
-      if (!this.maskOptions.mask) {
-        if (previousMaskOptions.mask) {
-          this.stopSaveSelectionLoop(); // render depends on this.maskOptions and this.value,
-          // call forceUpdate to keep it in sync
-
-          this.forceUpdate();
+  }
+  function isWindowsPhoneBrowser() {
+    var e = new RegExp("windows", "i"),
+      t = new RegExp("phone", "i"),
+      n = navigator.userAgent;
+    return e.test(n) && t.test(n);
+  }
+  function isFunction(e) {
+    return "function" == typeof e;
+  }
+  function getRequestAnimationFrame() {
+    return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame;
+  }
+  function getCancelAnimationFrame() {
+    return window.cancelAnimationFrame || window.webkitCancelRequestAnimationFrame || window.webkitCancelAnimationFrame || window.mozCancelAnimationFrame;
+  }
+  function defer(e) {
+    return (!!getCancelAnimationFrame() ? getRequestAnimationFrame() : function () {
+      return setTimeout(e, 1e3 / 60);
+    })(e);
+  }
+  function cancelDefer(e) {
+    (getCancelAnimationFrame() || clearTimeout)(e);
+  }
+  var InputElement = function (c) {
+    function e(e) {
+      var f = c.call(this, e) || this;
+      f.focused = !1, f.mounted = !1, f.previousSelection = null, f.selectionDeferId = null, f.saveSelectionLoopDeferId = null, f.saveSelectionLoop = function () {
+        f.previousSelection = f.getSelection(), f.saveSelectionLoopDeferId = defer(f.saveSelectionLoop);
+      }, f.runSaveSelectionLoop = function () {
+        null === f.saveSelectionLoopDeferId && f.saveSelectionLoop();
+      }, f.stopSaveSelectionLoop = function () {
+        null !== f.saveSelectionLoopDeferId && (cancelDefer(f.saveSelectionLoopDeferId), f.saveSelectionLoopDeferId = null, f.previousSelection = null);
+      }, f.getInputDOMNode = function () {
+        if (!f.mounted) return null;
+        var e = reactDom.findDOMNode(_assertThisInitialized(_assertThisInitialized(f))),
+          t = "undefined" != typeof window && e instanceof window.Element;
+        if (e && !t) return null;
+        if ("INPUT" !== e.nodeName && (e = e.querySelector("input")), !e) throw new Error("react-input-mask: inputComponent doesn't contain input node");
+        return e;
+      }, f.getInputValue = function () {
+        var e = f.getInputDOMNode();
+        return e ? e.value : null;
+      }, f.setInputValue = function (e) {
+        var t = f.getInputDOMNode();
+        t && (f.value = e, t.value = e);
+      }, f.setCursorToEnd = function () {
+        var e = getFilledLength(f.maskOptions, f.value),
+          t = getRightEditablePosition(f.maskOptions, e);
+        null !== t && f.setCursorPosition(t);
+      }, f.setSelection = function (e, t, n) {
+        void 0 === n && (n = {});
+        var a = f.getInputDOMNode(),
+          i = f.isFocused();
+        a && i && (n.deferred || setInputSelection(a, e, t), null !== f.selectionDeferId && cancelDefer(f.selectionDeferId), f.selectionDeferId = defer(function () {
+          f.selectionDeferId = null, setInputSelection(a, e, t);
+        }), f.previousSelection = {
+          start: e,
+          end: t,
+          length: Math.abs(t - e)
+        });
+      }, f.getSelection = function () {
+        return getInputSelection(f.getInputDOMNode());
+      }, f.getCursorPosition = function () {
+        return f.getSelection().start;
+      }, f.setCursorPosition = function (e) {
+        f.setSelection(e, e);
+      }, f.isFocused = function () {
+        return f.focused;
+      }, f.getBeforeMaskedValueChangeConfig = function () {
+        var e = f.maskOptions,
+          t = e.mask,
+          n = e.maskChar,
+          a = e.permanents,
+          i = e.formatChars;
+        return {
+          mask: t,
+          maskChar: n,
+          permanents: a,
+          alwaysShowMask: !!f.props.alwaysShowMask,
+          formatChars: i
+        };
+      }, f.isInputAutofilled = function (e, t, n, a) {
+        var i = f.getInputDOMNode();
+        try {
+          if (i.matches(":-webkit-autofill")) return !0;
+        } catch (r) {}
+        return !f.focused || a.end < n.length && t.end === e.length;
+      }, f.onChange = function (e) {
+        var t = _assertThisInitialized(_assertThisInitialized(f)).beforePasteState,
+          n = _assertThisInitialized(_assertThisInitialized(f)).previousSelection,
+          a = f.props.beforeMaskedValueChange,
+          i = f.getInputValue(),
+          r = f.value,
+          o = f.getSelection();
+        f.isInputAutofilled(i, o, r, n) && (r = formatValue(f.maskOptions, ""), n = {
+          start: 0,
+          end: 0,
+          length: 0
+        }), t && (n = t.selection, r = t.value, o = {
+          start: n.start + i.length,
+          end: n.start + i.length,
+          length: 0
+        }, i = r.slice(0, n.start) + i + r.slice(n.end), f.beforePasteState = null);
+        var s = processChange(f.maskOptions, i, o, r, n),
+          l = s.enteredString,
+          u = s.selection,
+          c = s.value;
+        if (isFunction(a)) {
+          var h = a({
+            value: c,
+            selection: u
+          }, {
+            value: r,
+            selection: n
+          }, l, f.getBeforeMaskedValueChangeConfig());
+          c = h.value, u = h.selection;
         }
-        return;
-      } else if (!previousMaskOptions.mask && this.isFocused()) {
-        this.runSaveSelectionLoop();
-      }
-      var isMaskChanged = this.maskOptions.mask && this.maskOptions.mask !== previousMaskOptions.mask;
-      if (!previousMaskOptions.mask && !hasValue) {
-        newValue = this.getInputValue();
-      }
-      if (isMaskChanged || this.maskOptions.mask && (newValue || showEmpty)) {
-        newValue = formatValue(this.maskOptions, newValue);
-      }
-      if (isMaskChanged) {
-        var filledLength = getFilledLength(this.maskOptions, newValue);
-        if (cursorPosition === null || filledLength < cursorPosition) {
-          if (isFilled(this.maskOptions, newValue)) {
-            cursorPosition = filledLength;
-          } else {
-            cursorPosition = getRightEditablePosition(this.maskOptions, filledLength);
+        f.setInputValue(c), isFunction(f.props.onChange) && f.props.onChange(e), f.isWindowsPhoneBrowser ? f.setSelection(u.start, u.end, {
+          deferred: !0
+        }) : f.setSelection(u.start, u.end);
+      }, f.onFocus = function (e) {
+        var t = f.props.beforeMaskedValueChange,
+          n = f.maskOptions,
+          a = n.mask,
+          i = n.prefix;
+        if (f.focused = !0, f.mounted = !0, a) {
+          if (f.value) getFilledLength(f.maskOptions, f.value) < f.maskOptions.mask.length && f.setCursorToEnd();else {
+            var r = formatValue(f.maskOptions, i),
+              o = formatValue(f.maskOptions, r),
+              s = getFilledLength(f.maskOptions, o),
+              l = getRightEditablePosition(f.maskOptions, s),
+              u = {
+                start: l,
+                end: l
+              };
+            if (isFunction(t)) {
+              var c = t({
+                value: o,
+                selection: u
+              }, {
+                value: f.value,
+                selection: null
+              }, null, f.getBeforeMaskedValueChangeConfig());
+              o = c.value, u = c.selection;
+            }
+            var h = o !== f.getInputValue();
+            h && f.setInputValue(o), h && isFunction(f.props.onChange) && f.props.onChange(e), f.setSelection(u.start, u.end);
           }
+          f.runSaveSelectionLoop();
         }
-      }
-      if (this.maskOptions.mask && isEmpty(this.maskOptions, newValue) && !showEmpty && (!hasValue || !this.props.value)) {
-        newValue = '';
-      }
-      var newSelection = {
-        start: cursorPosition,
-        end: cursorPosition
+        isFunction(f.props.onFocus) && f.props.onFocus(e);
+      }, f.onBlur = function (e) {
+        var t = f.props.beforeMaskedValueChange,
+          n = f.maskOptions.mask;
+        if (f.stopSaveSelectionLoop(), f.focused = !1, n && !f.props.alwaysShowMask && isEmpty(f.maskOptions, f.value)) {
+          var a = "";
+          if (isFunction(t)) a = t({
+            value: a,
+            selection: null
+          }, {
+            value: f.value,
+            selection: f.previousSelection
+          }, null, f.getBeforeMaskedValueChangeConfig()).value;
+          var i = a !== f.getInputValue();
+          i && f.setInputValue(a), i && isFunction(f.props.onChange) && f.props.onChange(e);
+        }
+        isFunction(f.props.onBlur) && f.props.onBlur(e);
+      }, f.onMouseDown = function (e) {
+        if (!f.focused && document.addEventListener) {
+          f.mouseDownX = e.clientX, f.mouseDownY = e.clientY, f.mouseDownTime = new Date().getTime();
+          var r = function r(e) {
+            if (document.removeEventListener("mouseup", r), f.focused) {
+              var t = Math.abs(e.clientX - f.mouseDownX),
+                n = Math.abs(e.clientY - f.mouseDownY),
+                a = Math.max(t, n),
+                i = new Date().getTime() - f.mouseDownTime;
+              (a <= 10 && i <= 200 || a <= 5 && i <= 300) && f.setCursorToEnd();
+            }
+          };
+          document.addEventListener("mouseup", r);
+        }
+        isFunction(f.props.onMouseDown) && f.props.onMouseDown(e);
+      }, f.onPaste = function (e) {
+        isFunction(f.props.onPaste) && f.props.onPaste(e), e.defaultPrevented || (f.beforePasteState = {
+          value: f.getInputValue(),
+          selection: f.getSelection()
+        }, f.setInputValue(""));
+      }, f.handleRef = function (e) {
+        null == f.props.children && isFunction(f.props.inputRef) && f.props.inputRef(e);
       };
-      if (isFunction(beforeMaskedValueChange)) {
-        var modifiedValue = beforeMaskedValueChange({
-          value: newValue,
-          selection: newSelection
+      var t = e.mask,
+        n = e.maskChar,
+        a = e.formatChars,
+        i = e.alwaysShowMask,
+        r = e.beforeMaskedValueChange,
+        o = e.defaultValue,
+        s = e.value;
+      f.maskOptions = parseMask(t, n, a), null == o && (o = ""), null == s && (s = o);
+      var l = getStringValue(s);
+      if (f.maskOptions.mask && (i || l) && (l = formatValue(f.maskOptions, l), isFunction(r))) {
+        var u = e.value;
+        null == e.value && (u = o), l = r({
+          value: l,
+          selection: null
         }, {
-          value: this.value,
-          selection: this.previousSelection
-        }, null, this.getBeforeMaskedValueChangeConfig());
-        newValue = modifiedValue.value;
-        newSelection = modifiedValue.selection;
-      }
-      this.value = newValue;
-      var isValueChanged = this.getInputValue() !== this.value; // render depends on this.maskOptions and this.value,
-      // call forceUpdate to keep it in sync
-
-      if (isValueChanged) {
-        this.setInputValue(this.value);
-        this.forceUpdate();
-      } else if (isMaskChanged) {
-        this.forceUpdate();
-      }
-      var isSelectionChanged = false;
-      if (newSelection.start != null && newSelection.end != null) {
-        isSelectionChanged = !previousSelection || previousSelection.start !== newSelection.start || previousSelection.end !== newSelection.end;
-      }
-      if (isSelectionChanged || isValueChanged) {
-        this.setSelection(newSelection.start, newSelection.end);
-      }
-    };
-    _proto.componentWillUnmount = function componentWillUnmount() {
-      this.mounted = false;
-      if (this.selectionDeferId !== null) {
-        cancelDefer(this.selectionDeferId);
-      }
-      this.stopSaveSelectionLoop();
-    };
-    _proto.render = function render() {
-      var _this$props2 = this.props,
-        mask = _this$props2.mask;
-        _this$props2.alwaysShowMask;
-        var maskChar = _this$props2.maskChar,
-        formatChars = _this$props2.formatChars,
-        inputRef = _this$props2.inputRef;
-        _this$props2.beforeMaskedValueChange;
-        var children = _this$props2.children,
-        restProps = _objectWithoutPropertiesLoose(_this$props2, ["mask", "alwaysShowMask", "maskChar", "formatChars", "inputRef", "beforeMaskedValueChange", "children"]);
-      var inputElement;
-      process.env.NODE_ENV !== "production" ? warning(
-      // parse mask to test against actual mask prop as this.maskOptions
-      // will be updated later in componentDidUpdate
-      !restProps.maxLength || !parseMask(mask, maskChar, formatChars).mask, 'react-input-mask: maxLength property shouldn\'t be passed to the masked input. It breaks masking and unnecessary because length is limited by the mask length.') : void 0;
-      if (children) {
-        !isFunction(children) ? process.env.NODE_ENV !== "production" ? invariant(false, 'react-input-mask: children must be a function') : invariant(false) : void 0;
-        var controlledProps = ['onChange', 'onPaste', 'onMouseDown', 'onFocus', 'onBlur', 'value', 'disabled', 'readOnly'];
-        var childrenProps = _extends({}, restProps);
-        controlledProps.forEach(function (propId) {
-          return delete childrenProps[propId];
-        });
-        inputElement = children(childrenProps);
-        var conflictProps = controlledProps.filter(function (propId) {
-          return inputElement.props[propId] != null && inputElement.props[propId] !== restProps[propId];
-        });
-        !!conflictProps.length ? process.env.NODE_ENV !== "production" ? invariant(false, "react-input-mask: the following props should be passed to the react-input-mask's component and should not be altered in children's function: " + conflictProps.join(', ')) : invariant(false) : void 0;
-        process.env.NODE_ENV !== "production" ? warning(!inputRef, 'react-input-mask: inputRef is ignored when children is passed, attach ref to the children instead') : void 0;
-      } else {
-        inputElement = React.createElement("input", _extends({
-          ref: this.handleRef
-        }, restProps));
+          value: u = getStringValue(u),
+          selection: null
+        }, null, f.getBeforeMaskedValueChangeConfig()).value;
       }
-      var changedProps = {
+      return f.value = l, f;
+    }
+    _inheritsLoose(e, c);
+    var t = e.prototype;
+    return t.componentDidMount = function () {
+      this.mounted = !0, this.getInputDOMNode() && (this.isWindowsPhoneBrowser = isWindowsPhoneBrowser(), this.maskOptions.mask && this.getInputValue() !== this.value && this.setInputValue(this.value));
+    }, t.componentDidUpdate = function () {
+      var e = this.previousSelection,
+        t = this.props,
+        n = t.beforeMaskedValueChange,
+        a = t.alwaysShowMask,
+        i = t.mask,
+        r = t.maskChar,
+        o = t.formatChars,
+        s = this.maskOptions,
+        l = a || this.isFocused(),
+        u = null != this.props.value,
+        c = u ? getStringValue(this.props.value) : this.value,
+        h = e ? e.start : null;
+      if (this.maskOptions = parseMask(i, r, o), this.maskOptions.mask) {
+        !s.mask && this.isFocused() && this.runSaveSelectionLoop();
+        var f = this.maskOptions.mask && this.maskOptions.mask !== s.mask;
+        if (s.mask || u || (c = this.getInputValue()), (f || this.maskOptions.mask && (c || l)) && (c = formatValue(this.maskOptions, c)), f) {
+          var p = getFilledLength(this.maskOptions, c);
+          (null === h || p < h) && (h = isFilled(this.maskOptions, c) ? p : getRightEditablePosition(this.maskOptions, p));
+        }
+        !this.maskOptions.mask || !isEmpty(this.maskOptions, c) || l || u && this.props.value || (c = "");
+        var d = {
+          start: h,
+          end: h
+        };
+        if (isFunction(n)) {
+          var m = n({
+            value: c,
+            selection: d
+          }, {
+            value: this.value,
+            selection: this.previousSelection
+          }, null, this.getBeforeMaskedValueChangeConfig());
+          c = m.value, d = m.selection;
+        }
+        this.value = c;
+        var g = this.getInputValue() !== this.value;
+        g ? (this.setInputValue(this.value), this.forceUpdate()) : f && this.forceUpdate();
+        var v = !1;
+        null != d.start && null != d.end && (v = !e || e.start !== d.start || e.end !== d.end), (v || g) && this.setSelection(d.start, d.end);
+      } else s.mask && (this.stopSaveSelectionLoop(), this.forceUpdate());
+    }, t.componentWillUnmount = function () {
+      this.mounted = !1, null !== this.selectionDeferId && cancelDefer(this.selectionDeferId), this.stopSaveSelectionLoop();
+    }, t.render = function () {
+      var t,
+        e = this.props,
+        n = (e.mask, e.alwaysShowMask, e.maskChar, e.formatChars, e.inputRef, e.beforeMaskedValueChange, e.children),
+        a = _objectWithoutPropertiesLoose(e, ["mask", "alwaysShowMask", "maskChar", "formatChars", "inputRef", "beforeMaskedValueChange", "children"]);
+      if (n) {
+        isFunction(n) || invariant_1(!1);
+        var i = ["onChange", "onPaste", "onMouseDown", "onFocus", "onBlur", "value", "disabled", "readOnly"],
+          r = _extends({}, a);
+        i.forEach(function (e) {
+          return delete r[e];
+        }), t = n(r), i.filter(function (e) {
+          return null != t.props[e] && t.props[e] !== a[e];
+        }).length && invariant_1(!1);
+      } else t = React.createElement("input", _extends({
+        ref: this.handleRef
+      }, a));
+      var o = {
         onFocus: this.onFocus,
         onBlur: this.onBlur
       };
-      if (this.maskOptions.mask) {
-        if (!restProps.disabled && !restProps.readOnly) {
-          changedProps.onChange = this.onChange;
-          changedProps.onPaste = this.onPaste;
-          changedProps.onMouseDown = this.onMouseDown;
-        }
-        if (restProps.value != null) {
-          changedProps.value = this.value;
-        }
-      }
-      inputElement = React.cloneElement(inputElement, changedProps);
-      return inputElement;
-    };
-    return InputElement;
+      return this.maskOptions.mask && (a.disabled || a.readOnly || (o.onChange = this.onChange, o.onPaste = this.onPaste, o.onMouseDown = this.onMouseDown), null != a.value && (o.value = this.value)), t = React.cloneElement(t, o);
+    }, e;
   }(React.Component);
-  reactInputMask_development = InputElement;
-  return reactInputMask_development;
+  reactInputMask_production_min = InputElement;
+  return reactInputMask_production_min;
 }
 
 if (process.env.NODE_ENV === 'production') {
@@ -8805,7 +8880,7 @@ var cardTypes$1 = {
   unionpay: {
     niceType: "UnionPay",
     type: "unionpay",
-    patterns: [620, [624, 626], [62100, 62182], [62184, 62187], [62185, 62197], [62200, 62205], [622010, 622999], 622018, [622019, 622999], [62207, 62209], [622126, 622925], [623, 626], 6270, 6272, 6276, [627700, 627779], [627781, 627799], [6282, 6289], 6291, 6292, 810, [8110, 8131], [8132, 8151], [8152, 8163], [8164, 8171]],
+    patterns: [620, [62100, 62182], [62184, 62187], [62185, 62197], [62200, 62205], [622010, 622999], 622018, [62207, 62209], [623, 626], 6270, 6272, 6276, [627700, 627779], [627781, 627799], [6282, 6289], 6291, 6292, 810, [8110, 8131], [8132, 8151], [8152, 8163], [8164, 8171]],
     gaps: [4, 8, 12],
     lengths: [14, 15, 16, 17, 18, 19],
     code: {
@@ -8926,10 +9001,10 @@ function addMatchingCardsToResults(cardNumber, cardConfiguration, results) {
   var i, patternLength;
   for (i = 0; i < cardConfiguration.patterns.length; i++) {
     var pattern = cardConfiguration.patterns[i];
-    if (!matches_1.matches(cardNumber, pattern)) {
+    if (!(0, matches_1.matches)(cardNumber, pattern)) {
       continue;
     }
-    var clonedCardConfiguration = clone_1$1.clone(cardConfiguration);
+    var clonedCardConfiguration = (0, clone_1$1.clone)(cardConfiguration);
     if (Array.isArray(pattern)) {
       patternLength = String(pattern[0]).length;
     } else {
@@ -9023,13 +9098,13 @@ var cardNames = {
   HIPERCARD: "hipercard"
 };
 var ORIGINAL_TEST_ORDER = [cardNames.VISA, cardNames.MASTERCARD, cardNames.AMERICAN_EXPRESS, cardNames.DINERS_CLUB, cardNames.DISCOVER, cardNames.JCB, cardNames.UNIONPAY, cardNames.MAESTRO, cardNames.ELO, cardNames.MIR, cardNames.HIPER, cardNames.HIPERCARD];
-var testOrder = clone_1.clone(ORIGINAL_TEST_ORDER);
+var testOrder = (0, clone_1.clone)(ORIGINAL_TEST_ORDER);
 function findType(cardType) {
   return customCards[cardType] || cardTypes[cardType];
 }
 function getAllCardTypes() {
   return testOrder.map(function (cardType) {
-    return clone_1.clone(findType(cardType));
+    return (0, clone_1.clone)(findType(cardType));
   });
 }
 function getCardPosition(name, ignoreErrorForNotExisting) {
@@ -9044,7 +9119,7 @@ function getCardPosition(name, ignoreErrorForNotExisting) {
 }
 function creditCardType(cardNumber) {
   var results = [];
-  if (!is_valid_input_type_1.isValidInputType(cardNumber)) {
+  if (!(0, is_valid_input_type_1.isValidInputType)(cardNumber)) {
     return results;
   }
   if (cardNumber.length === 0) {
@@ -9052,16 +9127,16 @@ function creditCardType(cardNumber) {
   }
   testOrder.forEach(function (cardType) {
     var cardConfiguration = findType(cardType);
-    add_matching_cards_to_results_1.addMatchingCardsToResults(cardNumber, cardConfiguration, results);
+    (0, add_matching_cards_to_results_1.addMatchingCardsToResults)(cardNumber, cardConfiguration, results);
   });
-  var bestMatch = find_best_match_1.findBestMatch(results);
+  var bestMatch = (0, find_best_match_1.findBestMatch)(results);
   if (bestMatch) {
     return [bestMatch];
   }
   return results;
 }
 creditCardType.getTypeInfo = function (cardType) {
-  return clone_1.clone(findType(cardType));
+  return (0, clone_1.clone)(findType(cardType));
 };
 creditCardType.removeCard = function (name) {
   var position = getCardPosition(name);
@@ -9077,12 +9152,12 @@ creditCardType.addCard = function (config) {
 creditCardType.updateCard = function (cardType, updates) {
   var originalObject = customCards[cardType] || cardTypes[cardType];
   if (!originalObject) {
-    throw new Error("\"" + cardType + "\" is not a recognized type. Use `addCard` instead.'");
+    throw new Error("\"".concat(cardType, "\" is not a recognized type. Use `addCard` instead.'"));
   }
   if (updates.type && originalObject.type !== updates.type) {
     throw new Error("Cannot overwrite type parameter.");
   }
-  var clonedCard = clone_1.clone(originalObject);
+  var clonedCard = (0, clone_1.clone)(originalObject);
   clonedCard = __assign$8(__assign$8({}, clonedCard), updates);
   customCards[clonedCard.type] = clonedCard;
 };
@@ -9092,7 +9167,7 @@ creditCardType.changeOrder = function (name, position) {
   testOrder.splice(position, 0, name);
 };
 creditCardType.resetModifications = function () {
-  testOrder = clone_1.clone(ORIGINAL_TEST_ORDER);
+  testOrder = (0, clone_1.clone)(ORIGINAL_TEST_ORDER);
   customCards = {};
 };
 creditCardType.types = cardNames;
@@ -9174,8 +9249,8 @@ var TextInput = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     "aria-label": label || placeholder,
     ref: ref,
     onChange: function onChange(event) {
-      _onChange === null || _onChange === void 0 ? void 0 : _onChange(event.target.value);
-      onChangeEvent === null || onChangeEvent === void 0 ? void 0 : onChangeEvent(event);
+      _onChange === null || _onChange === void 0 || _onChange(event.target.value);
+      onChangeEvent === null || onChangeEvent === void 0 || onChangeEvent(event);
     }
   }, rest));
 });
@@ -9633,12 +9708,12 @@ var SearchInput = function SearchInput(_ref) {
   var handleClear = useCallback(function () {
     var _ref$current;
     setValue(DEFAULT_INPUT_VALUE);
-    onChange === null || onChange === void 0 ? void 0 : onChange(DEFAULT_INPUT_VALUE);
-    onClear === null || onClear === void 0 ? void 0 : onClear();
-    (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.focus();
+    onChange === null || onChange === void 0 || onChange(DEFAULT_INPUT_VALUE);
+    onClear === null || onClear === void 0 || onClear();
+    (_ref$current = ref.current) === null || _ref$current === void 0 || _ref$current.focus();
   }, [onClear, onChange]);
   var handleChange = useCallback(function (value) {
-    onChange === null || onChange === void 0 ? void 0 : onChange(value);
+    onChange === null || onChange === void 0 || onChange(value);
     setValue(value);
   }, [onChange, setValue]);
   useEffect(function () {
@@ -9660,16 +9735,16 @@ var SearchInput = function SearchInput(_ref) {
   }, /*#__PURE__*/React__default.createElement(Exit20, null)));
 };
 
-var t$1 = function t(_t) {
+var t = function t(_t) {
     return "object" == _typeof$1(_t) && null != _t && 1 === _t.nodeType;
   },
-  e = function e(t, _e) {
+  e$1 = function e(t, _e) {
     return (!_e || "hidden" !== t) && "visible" !== t && "clip" !== t;
   },
   n = function n(t, _n) {
     if (t.clientHeight < t.scrollHeight || t.clientWidth < t.scrollWidth) {
       var _l = getComputedStyle(t, null);
-      return e(_l.overflowY, _n) || e(_l.overflowX, _n) || function (t) {
+      return e$1(_l.overflowY, _n) || e$1(_l.overflowX, _n) || function (t) {
         var e = function (t) {
           if (!t.ownerDocument || !t.ownerDocument.defaultView) return null;
           try {
@@ -9701,11 +9776,11 @@ var t$1 = function t(_t) {
       m = "function" == typeof a ? a : function (t) {
         return t !== a;
       };
-    if (!t$1(e)) throw new TypeError("Invalid target");
+    if (!t(e)) throw new TypeError("Invalid target");
     var p = document.scrollingElement || document.documentElement,
       w = [],
       W = e;
-    for (; t$1(W) && m(W);) {
+    for (; t(W) && m(W);) {
       if (W = i(W), W === p) {
         w.push(W);
         break;
@@ -9763,42 +9838,53 @@ var t$1 = function t(_t) {
     return k;
   };
 
-var o = function o(e) {
-  return !1 === e ? {
+var o = function o(t) {
+  return !1 === t ? {
     block: "end",
     inline: "nearest"
-  } : function (e) {
-    return e === Object(e) && 0 !== Object.keys(e).length;
-  }(e) ? e : {
+  } : function (t) {
+    return t === Object(t) && 0 !== Object.keys(t).length;
+  }(t) ? t : {
     block: "start",
     inline: "nearest"
   };
 };
-function t(t, n) {
-  if (!t.isConnected || !function (e) {
-    var o = e;
+function e(e, r) {
+  if (!e.isConnected || !function (t) {
+    var o = t;
     for (; o && o.parentNode;) {
       if (o.parentNode === document) return !0;
       o = o.parentNode instanceof ShadowRoot ? o.parentNode.host : o.parentNode;
     }
     return !1;
-  }(t)) return;
-  if (function (e) {
-    return "object" == _typeof$1(e) && "function" == typeof e.behavior;
-  }(n)) return n.behavior(o$1(t, n));
-  var r = "boolean" == typeof n || null == n ? void 0 : n.behavior;
-  var _iterator = _createForOfIteratorHelper(o$1(t, o(n))),
+  }(e)) return;
+  var n = function (t) {
+    var o = window.getComputedStyle(t);
+    return {
+      top: parseFloat(o.scrollMarginTop) || 0,
+      right: parseFloat(o.scrollMarginRight) || 0,
+      bottom: parseFloat(o.scrollMarginBottom) || 0,
+      left: parseFloat(o.scrollMarginLeft) || 0
+    };
+  }(e);
+  if (function (t) {
+    return "object" == _typeof$1(t) && "function" == typeof t.behavior;
+  }(r)) return r.behavior(o$1(e, r));
+  var l = "boolean" == typeof r || null == r ? void 0 : r.behavior;
+  var _iterator = _createForOfIteratorHelper(o$1(e, o(r))),
     _step;
   try {
     for (_iterator.s(); !(_step = _iterator.n()).done;) {
       var _step$value = _step.value,
-        i = _step$value.el,
-        a = _step$value.top,
-        l = _step$value.left;
-      i.scroll({
-        top: a,
-        left: l,
-        behavior: r
+        a = _step$value.el,
+        i = _step$value.top,
+        s = _step$value.left;
+      var _t = i - n.top + n.bottom,
+        _o = s - n.left + n.right;
+      a.scroll({
+        top: _t,
+        left: _o,
+        behavior: l
       });
     }
   } catch (err) {
@@ -9822,7 +9908,7 @@ var SelectOption = function SelectOption(_ref) {
   }, [onClick, option]);
   useEffect(function () {
     if (active && ref.current) {
-      t(ref.current, {
+      e(ref.current, {
         scrollMode: 'if-needed',
         block: 'nearest'
       });
@@ -10063,7 +10149,7 @@ var Select = function Select(_ref) {
         value: autoSelect ? option.value : value !== null && value !== void 0 ? value : option.value
       }
     });
-    onChange === null || onChange === void 0 ? void 0 : onChange(option.value);
+    onChange === null || onChange === void 0 || onChange(option.value);
   }, [autoSelect, value, dispatch, onChange]);
   var handleFocus = useCallback(function (option) {
     return dispatch({
@@ -10397,7 +10483,7 @@ var CreditCardNumberInput = function CreditCardNumberInput(_ref) {
   }, [propsValue, value, setValue]);
   var handleChange = useCallback(function (event) {
     setValue(event.target.value);
-    onChange === null || onChange === void 0 ? void 0 : onChange(event.target.value);
+    onChange === null || onChange === void 0 || onChange(event.target.value);
   }, [setValue, onChange]);
 
   // TODO: get rid of the any, the types of react-input-mask are incorrect here, it should expect a function as a child, but it expects a ReactNode
@@ -10460,7 +10546,7 @@ var Expandable = function Expandable(_ref) {
     setExpanded(function (expanded) {
       return !expanded;
     });
-    onToggle === null || onToggle === void 0 ? void 0 : onToggle();
+    onToggle === null || onToggle === void 0 || onToggle();
   }, [onToggle]);
   return /*#__PURE__*/React__default.createElement("div", _extends$1({
     className: classNames('Expandable', "Expandable--".concat(background, "-background"), {
@@ -10892,7 +10978,7 @@ var ModalOverlay = function ModalOverlay(_ref) {
     document.body.appendChild(element);
     return function () {
       var _element$parentElemen;
-      element === null || element === void 0 ? void 0 : (_element$parentElemen = element.parentElement) === null || _element$parentElemen === void 0 ? void 0 : _element$parentElemen.removeChild(element);
+      element === null || element === void 0 || (_element$parentElemen = element.parentElement) === null || _element$parentElemen === void 0 || _element$parentElemen.removeChild(element);
     };
   }, [element]);
   if (!element) return null;
@@ -10909,6 +10995,35 @@ var ModalOverlay = function ModalOverlay(_ref) {
   }, children))), element);
 };
 
+var preventNavigation = function preventNavigation(event) {
+  event.preventDefault();
+  event.returnValue = '';
+};
+
+var usePreventNavigation = function usePreventNavigation() {
+  var enabled = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+  useEffect(function () {
+    if (enabled) {
+      window.addEventListener('beforeunload', preventNavigation);
+      return function () {
+        return window.removeEventListener('beforeunload', preventNavigation);
+      };
+    }
+  }, [enabled]);
+};
+
+var NavigationPreventer = function NavigationPreventer(_ref) {
+  var _ref$enabled = _ref.enabled,
+    enabled = _ref$enabled === void 0 ? false : _ref$enabled,
+    _ref$message = _ref.message,
+    message = _ref$message === void 0 ? 'Changes that you made may not be saved.' : _ref$message;
+  usePreventNavigation(enabled);
+  return /*#__PURE__*/React__default.createElement(Prompt, {
+    when: enabled,
+    message: message
+  });
+};
+
 var __assign$1 = undefined && undefined.__assign || function () {
   __assign$1 = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -11336,21 +11451,25 @@ var Tag = function Tag(_ref) {
   }, /*#__PURE__*/React__default.createElement(Exit16, null)));
 };
 
-var _excluded$4 = ["tabs", "onTabClicked", "activeTab", "className"];
+var _excluded$4 = ["tabs", "onTabClicked", "defaultActiveTab", "activeTab", "className"];
 var Tabs = function Tabs(_ref) {
   var tabs = _ref.tabs,
     onTabClicked = _ref.onTabClicked,
+    defaultActiveTab = _ref.defaultActiveTab,
     activeTab = _ref.activeTab,
     className = _ref.className,
     rest = _objectWithoutProperties(_ref, _excluded$4);
-  var _useState = useState(activeTab || tabs[0].name),
+  var _useState = useState(activeTab || defaultActiveTab || tabs[0].name),
     _useState2 = _slicedToArray(_useState, 2),
     activePanel = _useState2[0],
     setActivePanel = _useState2[1];
   var handleTabClick = function handleTabClick(tabName) {
-    setActivePanel(tabName);
+    if (!activeTab) setActivePanel(tabName);
     if (onTabClicked) onTabClicked(tabName);
   };
+  useEffect(function () {
+    if (activeTab) setActivePanel(activeTab);
+  }, [activeTab]);
   return /*#__PURE__*/React__default.createElement("div", _extends$1({
     className: classNames('Tabs', className)
   }, rest), /*#__PURE__*/React__default.createElement(TabList, {
@@ -11555,4 +11674,4 @@ var Utilities = {
   States: States
 };
 
-export { ArcWindow, AspectRatioBox, Badge, Bradley, Brancusi, Breadcrumb, Breadcrumbs, Breakpoint, BreakpointContext, BreakpointProvider, Button, Checkbox, Circle, Clickable, ColorSwatch, Constrain, ControlLink, CreditCardNumberInput, DEFAULT_PRODUCT_ASPECT_HEIGHT, DEFAULT_PRODUCT_ASPECT_RATIO, DEFAULT_PRODUCT_ASPECT_WIDTH, DefinitionList, Diamond, Divider, ExceedConstrain, Expandable, Field, FocusOn, Field as Input, Keyhole, Label, Loading, LoadingBalls, LoadingShapes, Mirror, Modal, ModalOverlay, MultiSelect, NoLineDivider, Oval, Overlay, POPOVER_MOUSEOUT_DELAY_MS, Paginator, PasswordInput, Popover, PromoBanner, RadioButton, SKU_COLORS, SearchInput, Select, SelectableButton, SlidingPane, Stack, Tab, TabList, TabPanel, TabPanels, Tabs, Tag, Text, TextInput, Textarea, Toast, Triangle, TwoLineDivider, UNMOUNT_DELAY_MS, Utilities, VerticalDivider, Window, discriminate, tokens, useBreakpoint, useClickOutside, useKeyboardListNavigation, useUpdateEffect };
+export { ArcWindow, AspectRatioBox, Badge, Bradley, Brancusi, Breadcrumb, Breadcrumbs, Breakpoint, BreakpointContext, BreakpointProvider, Button, Checkbox, Circle, Clickable, ColorSwatch, Constrain, ControlLink, CreditCardNumberInput, DEFAULT_PRODUCT_ASPECT_HEIGHT, DEFAULT_PRODUCT_ASPECT_RATIO, DEFAULT_PRODUCT_ASPECT_WIDTH, DefinitionList, Diamond, Divider, ExceedConstrain, Expandable, Field, FocusOn, Field as Input, Keyhole, Label, Loading, LoadingBalls, LoadingShapes, Mirror, Modal, ModalOverlay, MultiSelect, NavigationPreventer, NoLineDivider, Oval, Overlay, POPOVER_MOUSEOUT_DELAY_MS, Paginator, PasswordInput, Popover, PromoBanner, RadioButton, SKU_COLORS, SearchInput, Select, SelectableButton, SlidingPane, Stack, Tab, TabList, TabPanel, TabPanels, Tabs, Tag, Text, TextInput, Textarea, Toast, Triangle, TwoLineDivider, UNMOUNT_DELAY_MS, Utilities, VerticalDivider, Window, discriminate, tokens, useBreakpoint, useClickOutside, useKeyboardListNavigation, useUpdateEffect };