@abtnode/ux 1.7.16 → 1.7.17

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

@@ -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/lost-passport.js

@@ -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/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "1.7.16",
+  "version": "1.7.17",
   "description": "UX components shared across abtnode packages",
   "main": "lib/index.js",
   "files": [
@@ -21,10 +21,10 @@
   "author": "linchen <linchen1987@foxmail.com> (http://github.com/linchen1987)",
   "license": "MIT",
   "dependencies": {
-    "@abtnode/constant": "1.7.16",
-    "@arcblock/did-connect": "^2.0.1",
-    "@arcblock/ux": "^2.0.1",
-    "@blocklet/meta": "1.7.16",
+    "@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",
@@ -34,6 +34,7 @@
     "prop-types": "^15.7.2",
     "react": "^18.1.0",
     "react-router-dom": "^5.1.2",
+    "react-use": "^17.3.2",
     "styled-components": "^5.0.1"
   },
   "devDependencies": {
@@ -45,5 +46,5 @@
     "babel-plugin-inline-react-svg": "^1.1.1",
     "babel-plugin-styled-components": "^1.10.7"
   },
-  "gitHead": "04529c50cd42af0166b776fae82f8f4398834bfa"
+  "gitHead": "142a5b1e83ea03647ef9bea8de9bb269c9c82928"
 }