@abtnode/ux 1.7.14 → 1.7.17

package/lib/card-selector.js

@@ -50,7 +50,6 @@ function CardSelector(_ref) {
     outterCon.current.addEventListener('touchmove', func, {
       passive: false
     });
-    return () => outterCon.current.removeEventListener('touchmove', func);
   }, []);
   let startX;
 

package/lib/hooks/use-passport-id.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = usePassportId;
+
+var _useLocalStorage = _interopRequireDefault(require("react-use/lib/useLocalStorage"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function usePassportId() {
+  const [passportId, setPassportId, clearPassportId] = (0, _useLocalStorage.default)('passportId', '');
+
+  const getPassportId = () => {
+    setTimeout(() => {
+      clearPassportId();
+    }, 0);
+    return passportId;
+  };
+
+  return {
+    getPassportId,
+    setPassportId
+  };
+}

package/lib/issue-passport.js

@@ -11,11 +11,11 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _reactRouterDom = require("react-router-dom");
 
-var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
 
-var _CheckCircle = _interopRequireDefault(require("@material-ui/icons/CheckCircle"));
+var _CheckCircle = _interopRequireDefault(require("@mui/icons-material/CheckCircle"));
 
-var _Box = _interopRequireDefault(require("@material-ui/core/Box"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
 
 var _Center = _interopRequireDefault(require("@arcblock/ux/lib/Center"));
 
@@ -29,6 +29,8 @@ var _constant = require("@abtnode/constant");
 
 var _wrapLocale = _interopRequireDefault(require("./wrap-locale"));
 
+var _usePassportId = _interopRequireDefault(require("./hooks/use-passport-id"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -52,8 +54,15 @@ function IssuePassport(_ref) {
   } = (0, _react.useContext)(_context.LocaleContext);
   const [success, setSuccess] = (0, _react.useState)(false);
   const history = (0, _reactRouterDom.useHistory)();
+  const {
+    setPassportId
+  } = (0, _usePassportId.default)();
+
+  const onReceivePassport = result => {
+    if (result !== null && result !== void 0 && result.passportId) {
+      setPassportId(result.passportId);
+    }
 
-  const onSuccess = () => {
     setSuccess(true);
   };
 
@@ -67,7 +76,7 @@ function IssuePassport(_ref) {
     extraParams.id = id;
   }
 
-  const onLogin = () => {
+  const onUsePassport = () => {
     var _window$env;
 
     try {
@@ -105,7 +114,7 @@ function IssuePassport(_ref) {
   }, /*#__PURE__*/_react.default.createElement(_Button.default, {
     variant: "contained",
     color: "primary",
-    onClick: onLogin
+    onClick: onUsePassport
   }, t('issuePassport.dialog.loginWithPassport')))))) : /*#__PURE__*/_react.default.createElement(_Connect.default, {
     className: "connect",
     action: "issue-passport",
@@ -113,7 +122,7 @@ function IssuePassport(_ref) {
     checkTimeout: 10 * 60 * 1000,
     socketUrl: api.socketUrl,
     webWalletUrl: webWalletUrl,
-    onSuccess: onSuccess,
+    onSuccess: onReceivePassport,
     locale: locale,
     messages: {
       title: t('issuePassport.title'),

package/lib/launch-blocklet/content-layout.js

@@ -35,4 +35,4 @@ ContentLayout.propTypes = {
 const Container = _styledComponents.default.div.withConfig({
   displayName: "content-layout__Container",
   componentId: "sc-panu44-0"
-})(["display:flex;flex-direction:column;align-items:center;width:100%;height:100%;.header{text-align:center;}.body{display:flex;flex-direction:column;align-items:center;margin-top:30px;width:100%;min-height:200px;flex:1;", "{padding:24px;}", "{padding:0 16px 16px;}}.footer{display:flex;justify-content:center;", "{padding-bottom:34px;}", "{margin-top:auto;padding-bottom:10px;}}"], props => props.theme.breakpoints.up('md'), props => props.theme.breakpoints.down('sm'), props => props.theme.breakpoints.up('sm'), props => props.theme.breakpoints.down('sm'));
+})(["display:flex;flex-direction:column;align-items:center;width:100%;height:100%;.header{text-align:center;}.body{display:flex;flex-direction:column;align-items:center;margin-top:30px;width:100%;min-height:200px;flex:1;", "{padding:24px;}", "{padding:0 16px 16px;}}.footer{display:flex;justify-content:center;", "{padding-bottom:34px;}", "{margin-top:auto;padding-bottom:10px;}}"], props => props.theme.breakpoints.up('md'), props => props.theme.breakpoints.down('md'), props => props.theme.breakpoints.up('sm'), props => props.theme.breakpoints.down('md'));

package/lib/layout/addon.js

@@ -11,9 +11,9 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
 
-var _HelpOutline = _interopRequireDefault(require("@material-ui/icons/HelpOutline"));
+var _HelpOutline = _interopRequireDefault(require("@mui/icons-material/HelpOutline"));
 
 var _reactRouterDom = require("react-router-dom");
 
@@ -116,4 +116,4 @@ HeaderAddon.defaultProps = {
 const Div = _styledComponents.default.div.withConfig({
   displayName: "addon__Div",
   componentId: "sc-5tyqcw-0"
-})(["display:flex;justify-content:center;align-items:center;.user-addon{.user-avatar{width:28px;border-radius:14px;height:auto;}}", "{> button,> a{padding-left:8px;padding-right:8px;}}"], props => props.theme.breakpoints.down('sm'));
+})(["display:flex;justify-content:center;align-items:center;.user-addon{.user-avatar{width:28px;border-radius:14px;height:auto;}}", "{> button,> a{padding-left:8px;padding-right:8px;}}"], props => props.theme.breakpoints.down('md'));

package/lib/lost-passport.js

@@ -11,27 +11,27 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _reactRouterDom = require("react-router-dom");
 
-var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
 
-var _Container = _interopRequireDefault(require("@material-ui/core/Container"));
+var _Container = _interopRequireDefault(require("@mui/material/Container"));
 
-var _CheckCircle = _interopRequireDefault(require("@material-ui/icons/CheckCircle"));
+var _CheckCircle = _interopRequireDefault(require("@mui/icons-material/CheckCircle"));
 
-var _Box = _interopRequireDefault(require("@material-ui/core/Box"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
 
-var _Stepper = _interopRequireDefault(require("@material-ui/core/Stepper"));
+var _Stepper = _interopRequireDefault(require("@mui/material/Stepper"));
 
-var _Step = _interopRequireDefault(require("@material-ui/core/Step"));
+var _Step = _interopRequireDefault(require("@mui/material/Step"));
 
-var _StepLabel = _interopRequireDefault(require("@material-ui/core/StepLabel"));
+var _StepLabel = _interopRequireDefault(require("@mui/material/StepLabel"));
 
-var _ViewList = _interopRequireDefault(require("@material-ui/icons/ViewList"));
+var _ViewList = _interopRequireDefault(require("@mui/icons-material/ViewList"));
 
-var _GetApp = _interopRequireDefault(require("@material-ui/icons/GetApp"));
+var _GetApp = _interopRequireDefault(require("@mui/icons-material/GetApp"));
 
-var _Done = _interopRequireDefault(require("@material-ui/icons/Done"));
+var _Done = _interopRequireDefault(require("@mui/icons-material/Done"));
 
-var _Avatar = _interopRequireDefault(require("@material-ui/core/Avatar"));
+var _Avatar = _interopRequireDefault(require("@mui/material/Avatar"));
 
 var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
 
@@ -47,6 +47,8 @@ var _cardSelector = _interopRequireDefault(require("./card-selector"));
 
 var _wrapLocale = _interopRequireDefault(require("./wrap-locale"));
 
+var _usePassportId = _interopRequireDefault(require("./hooks/use-passport-id"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -107,7 +109,10 @@ 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); // eslint-disable-next-line no-undef
+  const [activeStep, setActiveStep] = (0, _react.useState)(0);
+  const {
+    setPassportId
+  } = (0, _usePassportId.default)(); // eslint-disable-next-line no-undef
 
   const {
     searchParams
@@ -125,12 +130,16 @@ function LostPassport(_ref2) {
     onNext();
   };
 
-  const onSuccess = () => {
+  const onReceivePassport = result => {
+    if (result !== null && result !== void 0 && result.passportId) {
+      setPassportId(result.passportId);
+    }
+
     setSuccess(true);
     onNext();
   };
 
-  const onLogin = () => {
+  const onUsePassport = () => {
     var _window$env;
 
     try {
@@ -251,7 +260,7 @@ function LostPassport(_ref2) {
         checkTimeout: 10 * 60 * 1000,
         socketUrl: api.socketUrl,
         webWalletUrl: webWalletUrl,
-        onSuccess: onSuccess,
+        onSuccess: onReceivePassport,
         locale: locale,
         messages: {
           scan: t('lostPassport.dialog.scan'),
@@ -282,7 +291,7 @@ function LostPassport(_ref2) {
       },
       variant: "contained",
       color: "primary",
-      onClick: onLogin
+      onClick: onUsePassport
     }, t('issuePassport.dialog.loginWithPassport')))
   }];
   return /*#__PURE__*/_react.default.createElement(Div, null, /*#__PURE__*/_react.default.createElement("div", {

package/lib/toast.js

@@ -10,9 +10,9 @@ var _react = _interopRequireDefault(require("react"));
 
 var _notistack = require("notistack");
 
-var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
 
-var _Close = _interopRequireDefault(require("@material-ui/icons/Close"));
+var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -58,7 +58,8 @@ function ToastProvider(_ref) {
       key: "close",
       "aria-label": "close",
       color: "inherit",
-      onClick: onClickDismiss(key)
+      onClick: onClickDismiss(key),
+      size: "large"
     }, /*#__PURE__*/_react.default.createElement(_Close.default, {
       style: {
         fontSize: 16

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "1.7.14",
+  "version": "1.7.17",
   "description": "UX components shared across abtnode packages",
   "main": "lib/index.js",
   "files": [
@@ -21,16 +21,20 @@
   "author": "linchen <linchen1987@foxmail.com> (http://github.com/linchen1987)",
   "license": "MIT",
   "dependencies": {
-    "@abtnode/constant": "1.7.14",
-    "@arcblock/did-connect": "^1.17.18",
-    "@arcblock/ux": "^1.17.18",
-    "@blocklet/meta": "1.7.14",
-    "@material-ui/core": "^4.12.3",
-    "@material-ui/icons": "^4.11.2",
-    "notistack": "^1.0.6",
+    "@abtnode/constant": "1.7.17",
+    "@arcblock/did-connect": "^2.1.1",
+    "@arcblock/ux": "^2.1.1",
+    "@blocklet/meta": "1.7.17",
+    "@emotion/react": "^11.9.0",
+    "@emotion/styled": "^11.8.1",
+    "@mui/icons-material": "^5.6.2",
+    "@mui/material": "^5.6.4",
+    "@mui/styles": "^5.6.2",
+    "notistack": "2.0.5",
     "prop-types": "^15.7.2",
-    "react": "^16.13.0",
+    "react": "^18.1.0",
     "react-router-dom": "^5.1.2",
+    "react-use": "^17.3.2",
     "styled-components": "^5.0.1"
   },
   "devDependencies": {
@@ -42,5 +46,5 @@
     "babel-plugin-inline-react-svg": "^1.1.1",
     "babel-plugin-styled-components": "^1.10.7"
   },
-  "gitHead": "1f3855e6dc8b6d6c91526264e2f63215df6b962c"
+  "gitHead": "142a5b1e83ea03647ef9bea8de9bb269c9c82928"
 }