@abtnode/ux 1.6.26 → 1.6.29

package/lib/lost-passport.js

@@ -104,7 +104,11 @@ function LostPassport(_ref2) {
   const [passport, setPassport] = (0, _react.useState)(false);
   const [success, setSuccess] = (0, _react.useState)(false);
   const history = (0, _reactRouterDom.useHistory)();
-  const [activeStep, setActiveStep] = (0, _react.useState)(0);
+  const [activeStep, setActiveStep] = (0, _react.useState)(0); // eslint-disable-next-line no-undef
+
+  const {
+    searchParams
+  } = new URL(window.location.href);
 
   const onNext = () => {
     setActiveStep(activeStep + 1);
@@ -129,7 +133,8 @@ function LostPassport(_ref2) {
     } catch (err) {// Do nothing
     }
 
-    history.replace('/');
+    const redirect = searchParams.get('redirect') || '/';
+    history.replace(redirect);
   };
 
   const handleChange = event => {
@@ -296,7 +301,7 @@ function LostPassport(_ref2) {
 const Div = (0, _styledComponents.default)(_Container.default).withConfig({
   displayName: "lost-passport__Div",
   componentId: "sc-1ov2rpb-0"
-})(["padding-top:46px;padding-bottom:46px;height:100%;overflow:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;@media (max-width:", "px){display:block;}.header{text-align:center;margin-bottom:24px;}.stepper{padding:24px;height:auto;width:100%;min-height:640px;display:flex;flex-direction:column;.stepper-progress{background:#fbfbfb;padding:0;flex:0;margin-bottom:24px;.MuiStepLabel-label.MuiStepLabel-alternativeLabel{margin-top:8px;}.MuiStepConnector-alternativeLabel{top:24px;}.MuiStepConnector-lineHorizontal{height:3px;border:none;background-color:#eaeaf0;border-radius:1px;}.step-icon-w{background-color:", ";z-index:1;color:", ";width:50px;height:50px;display:flex;border-radius:50%;justify-content:center;align-items:center;.step-icon{font-size:30px;}}.step-icon-w--active{background-color:", ";}.step-icon-w--completed{background-color:", ";}}.stepper-content{padding:0 64px;flex:1;display:flex;justify-content:center;align-items:center;margin-bottom:24px;.stepper-icon{margin-left:40px;}.stepper-auth{padding:0;.auth-title{margin-bottom:16px;}}.stepper-tip{text-align:center;margin-bottom:16px;}@media (max-width:", "px){padding:0;}}.stepper-actions{flex:0;text-align:right;padding:0 64px;display:none;.step-button{margin-right:8px;}}.select-passport{width:80%;@media (max-width:", "px){width:100%;}}.user-info{.name{font-weight:500;font-size:18px;line-height:25px;color:#222222;}}}.connect{background:#fafafa;}"], props => props.theme.breakpoints.values.sm, props => props.theme.palette.grey[500], props => props.theme.palette.common.white, props => props.theme.palette.primary.main, props => props.theme.palette.secondary.main, props => props.theme.breakpoints.values.sm, props => props.theme.breakpoints.values.sm);
+})(["padding-top:46px;padding-bottom:46px;height:100%;overflow:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;@media (max-width:", "px){display:block;}.header{text-align:center;margin-bottom:24px;}.stepper{padding:24px;height:auto;width:100%;min-height:640px;display:flex;flex-direction:column;.stepper-progress{padding:0;flex:0;margin-bottom:24px;.MuiStepLabel-label.MuiStepLabel-alternativeLabel{margin-top:8px;}.MuiStepConnector-alternativeLabel{top:24px;}.MuiStepConnector-lineHorizontal{height:3px;border:none;background-color:#eaeaf0;border-radius:1px;}.step-icon-w{background-color:", ";z-index:1;color:", ";width:50px;height:50px;display:flex;border-radius:50%;justify-content:center;align-items:center;.step-icon{font-size:30px;}}.step-icon-w--active{background-color:", ";}.step-icon-w--completed{background-color:", ";}}.stepper-content{padding:0 64px;flex:1;display:flex;justify-content:center;align-items:center;margin-bottom:24px;.stepper-icon{margin-left:40px;}.stepper-auth{padding:0;.auth-title{margin-bottom:16px;}}.stepper-tip{text-align:center;margin-bottom:16px;}@media (max-width:", "px){padding:0;}}.stepper-actions{flex:0;text-align:right;padding:0 64px;display:none;.step-button{margin-right:8px;}}.select-passport{width:80%;@media (max-width:", "px){width:100%;}}.user-info{.name{font-weight:500;font-size:18px;line-height:25px;color:#222222;}}}.connect{background:#fafafa;}"], props => props.theme.breakpoints.values.sm, props => props.theme.palette.grey[500], props => props.theme.palette.common.white, props => props.theme.palette.primary.main, props => props.theme.palette.secondary.main, props => props.theme.breakpoints.values.sm, props => props.theme.breakpoints.values.sm);
 
 var _default = (0, _wrapLocale.default)(LostPassport);
 

package/lib/toast.js

@@ -0,0 +1,95 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ToastProvider = ToastProvider;
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _notistack = require("notistack");
+
+var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
+
+var _Close = _interopRequireDefault(require("@material-ui/icons/Close"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); 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); } return keys; }
+
+function _objectSpread(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(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)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+const noop = () => {};
+
+let _success = noop;
+let _error = noop;
+let _warning = noop;
+let _info = noop;
+
+const genFn = (enqueueSnackbar, variant) => (message, opts) => {
+  enqueueSnackbar(message, _objectSpread({
+    autoHideDuration: 3000,
+    variant
+  }, opts));
+}; // eslint-disable-next-line react/prop-types
+
+
+function ToastProvider(_ref) {
+  let {
+    children
+  } = _ref;
+
+  const notistackRef = /*#__PURE__*/_react.default.createRef();
+
+  const onClickDismiss = key => () => {
+    notistackRef.current.closeSnackbar(key);
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_notistack.SnackbarProvider, {
+    anchorOrigin: {
+      vertical: 'top',
+      horizontal: 'right'
+    },
+    ref: notistackRef,
+    action: key => /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+      key: "close",
+      "aria-label": "close",
+      color: "inherit",
+      onClick: onClickDismiss(key)
+    }, /*#__PURE__*/_react.default.createElement(_Close.default, {
+      style: {
+        fontSize: 16
+      }
+    }))
+  }, /*#__PURE__*/_react.default.createElement(Toast, null), children);
+}
+
+function Toast() {
+  const {
+    enqueueSnackbar
+  } = (0, _notistack.useSnackbar)();
+  _success = genFn(enqueueSnackbar, 'success');
+  _error = genFn(enqueueSnackbar, 'error');
+  _warning = genFn(enqueueSnackbar, 'warning');
+  _info = genFn(enqueueSnackbar, 'info');
+  return null;
+}
+
+var _default = {
+  success: function success() {
+    return _success(...arguments);
+  },
+  error: function error() {
+    return _error(...arguments);
+  },
+  warning: function warning() {
+    return _warning(...arguments);
+  },
+  info: function info() {
+    return _info(...arguments);
+  }
+};
+exports.default = _default;

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "1.6.26",
+  "version": "1.6.29",
   "description": "UX components shared across abtnode packages",
   "main": "lib/index.js",
   "files": [
@@ -24,6 +24,7 @@
     "@arcblock/ux": "^1.16.40",
     "@material-ui/core": "^4.12.3",
     "@material-ui/icons": "^4.11.2",
+    "notistack": "^1.0.6",
     "prop-types": "^15.7.2",
     "react": "^16.13.0",
     "react-router-dom": "^5.1.2",
@@ -38,5 +39,5 @@
     "babel-plugin-inline-react-svg": "^1.1.1",
     "babel-plugin-styled-components": "^1.10.7"
   },
-  "gitHead": "4e92f2af78718332882c7542fd475cc261903788"
+  "gitHead": "0d02246307d364e952990b3e64b608dfefc80efe"
 }