@abtnode/ux 1.16.21-beta-93c6e42b → 1.16.21-beta-da3f852a

package/es/exchange-passport.js

@@ -1,13 +1,13 @@
 /* eslint-disable react/prop-types */
-/* eslint-disable react/jsx-one-expression-per-line */
 import React, { useContext } from 'react';
-import styled from '@emotion/styled';
 import { useNavigate } from 'react-router-dom';
+import Box from '@mui/material/Box';
 import Spinner from '@mui/material/CircularProgress';
 import Center from '@arcblock/ux/lib/Center';
 import Toast from '@arcblock/ux/lib/Toast';
 import DidConnect from '@arcblock/did-connect/lib/Connect';
 import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
+import Fullpage from '@arcblock/did-connect/lib/Connect/fullpage';
 import { WELLKNOWN_SERVICE_PATH_PREFIX } from '@abtnode/constant';
 import wrapLocale from './wrap-locale';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -61,9 +61,14 @@ function ExchangePassport({
       children: /*#__PURE__*/_jsx(Spinner, {})
     });
   }
-  return /*#__PURE__*/_jsx(Div, {
-    children: /*#__PURE__*/_jsx("div", {
-      className: "connect-wrapper",
+  return /*#__PURE__*/_jsx(Fullpage, {
+    did: window?.blocklet?.appPid || window?.env?.appPid,
+    children: /*#__PURE__*/_jsx(Box, {
+      sx: {
+        width: '560px',
+        maxWidth: '100%',
+        height: '100%'
+      },
       children: /*#__PURE__*/_jsx(DidConnect, {
         className: "connect",
         action: "exchange-passport",
@@ -85,18 +90,4 @@ function ExchangePassport({
     })
   });
 }
-export default wrapLocale(ExchangePassport);
-const Div = styled.div`
-  box-sizing: border-box;
-  width: 100%;
-  height: 100vh;
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  .connect-wrapper {
-    flex: 1;
-  }
-  .connect {
-    background: #fafafa;
-  }
-`;
+export default wrapLocale(ExchangePassport);

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

@@ -12,6 +12,7 @@ export default function usePassportId() {
   };
   return {
     getPassportId,
-    setPassportId
+    setPassportId,
+    clearPassportId
   };
 }

package/es/issue-passport.js

@@ -8,6 +8,7 @@ import Box from '@mui/material/Box';
 import Center from '@arcblock/ux/lib/Center';
 import Button from '@arcblock/ux/lib/Button';
 import DidConnect from '@arcblock/did-connect/lib/Connect';
+import Fullpage from '@arcblock/did-connect/lib/Connect/fullpage';
 import { LocaleContext } from '@arcblock/ux/lib/Locale/context';
 import { WELLKNOWN_SERVICE_PATH_PREFIX } from '@abtnode/constant';
 import wrapLocale from './wrap-locale';
@@ -94,25 +95,35 @@ function IssuePassport({
           })]
         })
       })
-    }) : /*#__PURE__*/_jsx(DidConnect, {
-      className: "connect",
-      action: "issue-passport",
-      forceConnected: false,
-      autoConnect: false,
-      checkFn: api.get,
-      checkTimeout: 10 * 60 * 1000,
-      webWalletUrl: webWalletUrl,
-      onSuccess: onReceivePassport,
-      locale: locale,
-      messages: {
-        title: t('issuePassport.title'),
-        scan: t('issuePassport.description', {
-          name: window.env.appName
-        }),
-        confirm: t('issuePassport.dialog.confirm'),
-        success: t('issuePassport.dialog.success')
-      },
-      extraParams: extraParams
+    }) : /*#__PURE__*/_jsx(Fullpage, {
+      did: window?.blocklet?.appPid || window?.env?.appPid,
+      children: /*#__PURE__*/_jsx(Box, {
+        sx: {
+          width: '560px',
+          maxWidth: '100%',
+          height: '100%'
+        },
+        children: /*#__PURE__*/_jsx(DidConnect, {
+          className: "connect",
+          action: "issue-passport",
+          forceConnected: false,
+          autoConnect: false,
+          checkFn: api.get,
+          checkTimeout: 10 * 60 * 1000,
+          webWalletUrl: webWalletUrl,
+          onSuccess: onReceivePassport,
+          locale: locale,
+          messages: {
+            title: t('issuePassport.title'),
+            scan: t('issuePassport.description', {
+              name: window.env.appName
+            }),
+            confirm: t('issuePassport.dialog.confirm'),
+            success: t('issuePassport.dialog.success')
+          },
+          extraParams: extraParams
+        })
+      })
     })
   });
 }

package/es/layout/addon.js

@@ -105,6 +105,11 @@ const Div = styled.div`
     }
   }
 
+  .locale-addon .locales {
+    max-height: 400px;
+    overflow-y: auto;
+  }
+
   ${props => props.theme.breakpoints.down('md')} {
     > button,
     > a {