@abtnode/ux 1.16.27-beta-c450492a → 1.16.27-beta-d1555a79

package/es/blocklet/mode.js

@@ -1,19 +0,0 @@
-import PropTypes from 'prop-types';
-import Tag from '../tag';
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function BlockletMode({
-  mode,
-  ...rest
-}) {
-  if (mode === 'development') {
-    return /*#__PURE__*/_jsx(Tag, {
-      type: "primary",
-      ...rest,
-      children: "DEV"
-    });
-  }
-  return null;
-}
-BlockletMode.propTypes = {
-  mode: PropTypes.string.isRequired
-};

package/es/blocklet/notification/email.js

@@ -1,342 +0,0 @@
-import { Box, FormControl, FormControlLabel, Switch, TextField } from '@mui/material';
-import pick from 'lodash/pick';
-import { useMemoizedFn, useReactive } from 'ahooks';
-import { Controller, useForm } from 'react-hook-form';
-import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
-import Toast from '@arcblock/ux/lib/Toast';
-import Button from '@arcblock/ux/lib/Button';
-import isEmail from 'validator/lib/isEmail';
-import isURL from 'validator/lib/isURL';
-import isPort from 'validator/lib/isPort';
-import { useNodeContext } from '../../contexts/node';
-import { useBlockletContext } from '../../contexts/blocklet';
-import useConfirm from '../../hooks/confirm';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const defaultFormValues = {
-  enabled: false,
-  secure: false,
-  from: '',
-  host: '',
-  port: '',
-  user: '',
-  password: ''
-};
-function NotificationEmail() {
-  const {
-    api
-  } = useNodeContext();
-  const {
-    blocklet
-  } = useBlockletContext();
-  const {
-    t
-  } = useLocaleContext();
-  const {
-    confirmApi,
-    confirmHolder
-  } = useConfirm();
-  const did = blocklet?.meta?.did;
-  const config = Object.assign({
-    ...defaultFormValues
-  }, blocklet?.settings?.notification?.email || {});
-  const {
-    handleSubmit,
-    control,
-    formState,
-    watch,
-    reset
-  } = useForm({
-    defaultValues: pick(config, Object.keys(defaultFormValues))
-  });
-  const pageState = useReactive({
-    testReceiver: '',
-    testReceiverError: ''
-  });
-  const enabled = watch('enabled');
-  const onSubmit = useMemoizedFn(async (data, event, showNotification = true) => {
-    try {
-      const {
-        blocklet: blockletChanged
-      } = await api.configNotification({
-        input: {
-          did,
-          notification: JSON.stringify({
-            email: data
-          })
-        }
-      });
-      const defaultValues = Object.assign({
-        ...defaultFormValues
-      }, blockletChanged?.settings?.notification?.email || {});
-      // 将当前表单的默认值重置为新的数据，这样能够修正页面的 isDirty 数据
-      reset(defaultValues);
-      if (showNotification) {
-        Toast.success(t('oauth.saveSuccess'));
-      }
-    } catch (err) {
-      if (showNotification) {
-        Toast.error(err.message || t('oauth.saveFailed'));
-      } else {
-        throw err;
-      }
-    }
-  });
-  const onTestEmail = useMemoizedFn(async (data, event, receiver) => {
-    try {
-      // HACK: 如果当前数据有修改，则需要先保存配置，才能测试
-      if (formState.isDirty) {
-        await onSubmit(data, event, false);
-      }
-      await api.sendEmail({
-        input: {
-          did,
-          receiver,
-          email: JSON.stringify({
-            body: 'Your SMTP configuration is correct!',
-            title: 'Test email',
-            type: 'notification'
-          })
-        }
-      });
-      Toast.success(t('notification.email.testSuccess'));
-    } catch (err) {
-      Toast.error(err.message || t('notification.email.testfailed'));
-    }
-  });
-  const showTestEmailModal = useMemoizedFn((data, event) => {
-    pageState.testReceiver = '';
-    pageState.testReceiverError = '';
-    confirmApi.open({
-      title: t('notification.email.testSendEmail'),
-      // eslint-disable-next-line react/no-unstable-nested-components
-      content: () => {
-        return /*#__PURE__*/_jsx(Box, {
-          sx: {
-            width: '300px'
-          },
-          children: /*#__PURE__*/_jsx(TextField, {
-            fullWidth: true,
-            name: "testReceiver",
-            label: t('notification.email.inputTestReceiver'),
-            value: pageState.testReceiver,
-            onChange: e => {
-              pageState.testReceiver = e.target.value;
-            },
-            error: !!pageState.testReceiverError,
-            helperText: pageState.testReceiverError || '　'
-          })
-        });
-      },
-      async onConfirm(close) {
-        const receiverEmail = pageState.testReceiver?.trim();
-        if (!receiverEmail) {
-          pageState.testReceiverError = t('notification.email.receiverRequired');
-          return;
-        }
-        if (!isEmail(receiverEmail)) {
-          pageState.testReceiverError = t('notification.email.receiverInvalid');
-          return;
-        }
-        pageState.testReceiverError = '';
-        await onTestEmail(data, event, receiverEmail);
-        close();
-      }
-    });
-  });
-  const validateFrom = useMemoizedFn(value => {
-    const val = value?.trim();
-    if (!val) {
-      return t('notification.email.fromRequired');
-    }
-    if (!isEmail(val)) {
-      return t('notification.email.fromInvalid');
-    }
-    return true;
-  });
-  const validateHost = useMemoizedFn(value => {
-    const val = value?.trim();
-    if (!val) {
-      return t('notification.email.hostRequired');
-    }
-    if (!isURL(val, {
-      require_host: false,
-      protocols: []
-    })) {
-      return t('notification.email.hostInvalid');
-    }
-    return true;
-  });
-  const validatePort = useMemoizedFn(val => {
-    if (!val) {
-      return t('notification.email.portRequired');
-    }
-    if (!isPort(val)) {
-      return t('notification.email.portInvalid');
-    }
-    return true;
-  });
-  const validateUser = useMemoizedFn(val => {
-    if (!val?.trim()) {
-      return t('notification.email.userRequired');
-    }
-    return true;
-  });
-  const validatePassword = useMemoizedFn(val => {
-    if (!val?.trim()) {
-      return t('notification.email.passwordRequired');
-    }
-    return true;
-  });
-  const noop = useMemoizedFn(() => true);
-  return /*#__PURE__*/_jsxs(Box, {
-    children: [/*#__PURE__*/_jsxs("form", {
-      onSubmit: handleSubmit(onSubmit),
-      disabled: true,
-      children: [/*#__PURE__*/_jsx(Controller, {
-        name: "enabled",
-        control: control,
-        render: ({
-          field
-        }) => /*#__PURE__*/_jsx(FormControlLabel, {
-          control: /*#__PURE__*/_jsx(Switch, {
-            checked: field.value,
-            ...field
-          }),
-          label: t('notification.email.enable'),
-          sx: {
-            marginBottom: '8px'
-          }
-        })
-      }), /*#__PURE__*/_jsx(Controller, {
-        name: "from",
-        control: control,
-        rules: {
-          validate: enabled ? validateFrom : noop
-        },
-        render: ({
-          field
-        }) => /*#__PURE__*/_jsx(FormControl, {
-          fullWidth: true,
-          children: /*#__PURE__*/_jsx(TextField, {
-            ...field,
-            label: t('notification.email.from'),
-            error: !!formState.errors[field.name],
-            helperText: formState.errors[field.name]?.message || '　',
-            disabled: !enabled
-          })
-        })
-      }), /*#__PURE__*/_jsx(Controller, {
-        name: "host",
-        control: control,
-        rules: {
-          validate: enabled ? validateHost : noop
-        },
-        render: ({
-          field
-        }) => /*#__PURE__*/_jsx(FormControl, {
-          fullWidth: true,
-          children: /*#__PURE__*/_jsx(TextField, {
-            ...field,
-            error: !!formState.errors[field.name],
-            label: t('notification.email.host'),
-            helperText: formState.errors[field.name]?.message || '　',
-            disabled: !enabled
-          })
-        })
-      }), /*#__PURE__*/_jsx(Controller, {
-        name: "port",
-        control: control,
-        rules: {
-          validate: enabled ? validatePort : noop
-        },
-        render: ({
-          field
-        }) => /*#__PURE__*/_jsx(FormControl, {
-          fullWidth: true,
-          children: /*#__PURE__*/_jsx(TextField, {
-            ...field,
-            type: "number",
-            error: !!formState.errors[field.name],
-            label: t('notification.email.port'),
-            helperText: formState.errors[field.name]?.message || '　',
-            disabled: !enabled
-          })
-        })
-      }), /*#__PURE__*/_jsx(Controller, {
-        name: "user",
-        control: control,
-        rules: {
-          validate: enabled ? validateUser : noop
-        },
-        render: ({
-          field
-        }) => /*#__PURE__*/_jsx(FormControl, {
-          fullWidth: true,
-          children: /*#__PURE__*/_jsx(TextField, {
-            ...field,
-            error: !!formState.errors[field.name],
-            label: t('notification.email.user'),
-            helperText: formState.errors[field.name]?.message || '　',
-            disabled: !enabled
-          })
-        })
-      }), /*#__PURE__*/_jsx(Controller, {
-        name: "password",
-        control: control,
-        rules: {
-          validate: enabled ? validatePassword : noop
-        },
-        render: ({
-          field
-        }) => /*#__PURE__*/_jsx(FormControl, {
-          fullWidth: true,
-          children: /*#__PURE__*/_jsx(TextField, {
-            ...field,
-            type: "password",
-            error: !!formState.errors[field.name],
-            label: t('notification.email.password'),
-            helperText: formState.errors[field.name]?.message || '　',
-            disabled: !enabled
-          })
-        })
-      }), /*#__PURE__*/_jsx(Controller, {
-        name: "secure",
-        control: control,
-        rules: {
-          validate: noop
-        },
-        render: ({
-          field
-        }) => /*#__PURE__*/_jsx(FormControl, {
-          fullWidth: true,
-          children: /*#__PURE__*/_jsx(FormControlLabel, {
-            control: /*#__PURE__*/_jsx(Switch, {
-              checked: field.value,
-              ...field,
-              disabled: !enabled
-            }),
-            label: t('notification.email.secure'),
-            style: {
-              marginBottom: 16
-            }
-          })
-        })
-      }), /*#__PURE__*/_jsx(Button, {
-        variant: "outlined",
-        color: "warning",
-        onClick: handleSubmit(showTestEmailModal),
-        sx: {
-          mr: 2
-        },
-        disabled: !enabled,
-        children: t('oauth.runTest')
-      }), /*#__PURE__*/_jsx(Button, {
-        type: "submit",
-        variant: "contained",
-        disabled: !formState.isDirty,
-        children: t('oauth.save')
-      })]
-    }), confirmHolder]
-  });
-}
-export default NotificationEmail;

package/es/blocklet/notification/index.js

@@ -1,48 +0,0 @@
-import Empty from '@arcblock/ux/lib/Empty';
-import { LocaleContext } from '@arcblock/ux/lib/Locale/context';
-import Tabs from '@arcblock/ux/lib/Tabs';
-import { Box } from '@mui/material';
-import { useCreation } from 'ahooks';
-import { useContext, useState } from 'react';
-import NotificationEmail from './email';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const tabs = [{
-  label: /*#__PURE__*/_jsx(Box, {
-    textAlign: "center",
-    width: "100%",
-    children: "Email"
-  }),
-  value: 'email'
-}, {
-  label: /*#__PURE__*/_jsx(Box, {
-    textAlign: "center",
-    width: "100%",
-    children: "More"
-  }),
-  value: 'more'
-}];
-function BlockletNotification() {
-  const [currentTab, setCurrentTab] = useState(tabs[0].value);
-  const {
-    t
-  } = useContext(LocaleContext);
-  const contents = useCreation(() => ({
-    email: /*#__PURE__*/_jsx(NotificationEmail, {}),
-    more: /*#__PURE__*/_jsx(Box, {
-      children: /*#__PURE__*/_jsx(Empty, {
-        children: t('notification.comingSoon')
-      })
-    })
-  }), [t]);
-  return /*#__PURE__*/_jsxs(Box, {
-    children: [/*#__PURE__*/_jsx(Tabs, {
-      tabs: tabs,
-      current: currentTab,
-      onChange: setCurrentTab
-    }), /*#__PURE__*/_jsx(Box, {
-      marginTop: "10px",
-      children: contents[currentTab]
-    })]
-  });
-}
-export default BlockletNotification;

package/es/blocklet/overview.js

@@ -1,158 +0,0 @@
-import Button from '@arcblock/ux/lib/Button';
-import styled from '@emotion/styled';
-import React, { useState } from 'react';
-import ExpandLess from '@mui/icons-material/ExpandLess';
-import ExpandMore from '@mui/icons-material/ExpandMore';
-import InfoRow from '@arcblock/ux/lib/InfoRow';
-import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
-import Tag from '@arcblock/ux/lib/Tag';
-import { getDisplayName, getWhoCanAccess } from '@blocklet/meta/lib/util';
-import Typography from '@mui/material/Typography';
-import { useBlockletContext } from '../contexts/blocklet';
-import { useNodeContext } from '../contexts/node';
-import DidAddress from '../did-address';
-import { formatToDatetime, getExplorerLink } from '../util';
-import BlockletStatus from './status';
-import { isServerless } from './util';
-import DomainListWithPermission from './component/domain-list';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const WalletType = {
-  arcblock: 'ArcBlock',
-  ethereum: 'Ethereum'
-};
-export default function BlockletOverview() {
-  const {
-    t,
-    locale
-  } = useLocaleContext();
-  const {
-    info: nodeInfo,
-    inService
-  } = useNodeContext();
-  const [showAllDIDs, setShowAllDIDs] = useState(false);
-  const {
-    blocklet
-  } = useBlockletContext();
-  const {
-    appDid,
-    appPid,
-    migratedFrom = []
-  } = blocklet;
-  const chainType = blocklet.environments.find(x => x.key === 'BLOCKLET_APP_CHAIN_TYPE')?.value;
-  const infoRows = [appDid ? {
-    name: t('blocklet.appId'),
-    value: /*#__PURE__*/_jsx(DidAddress, {
-      did: appDid,
-      showQrcode: true
-    })
-  } : null, appPid ? {
-    name: t('blocklet.appPid'),
-    value: /*#__PURE__*/_jsx(DidAddress, {
-      did: appPid,
-      showQrcode: true
-    })
-  } : null, migratedFrom?.length > 1 ? {
-    name: t('blocklet.alsoKnownAs'),
-    value: /*#__PURE__*/_jsxs("div", {
-      children: [(showAllDIDs ? migratedFrom.slice(1) : migratedFrom.slice(1, 2)).map(x => /*#__PURE__*/_jsx(DidAddress, {
-        did: x.appDid,
-        showQrcode: true
-      })), migratedFrom.length > 2 && /*#__PURE__*/_jsx(Button, {
-        style: {
-          marginLeft: '18px'
-        },
-        endIcon: showAllDIDs ? /*#__PURE__*/_jsx(ExpandLess, {}) : /*#__PURE__*/_jsx(ExpandMore, {}),
-        onClick: () => setShowAllDIDs(!showAllDIDs),
-        children: showAllDIDs ? t('common.collapseAll') : t('blocklet.router.showAllDIDs')
-      })]
-    })
-  } : null, {
-    name: t('common.name'),
-    value: getDisplayName(blocklet, true)
-  }, {
-    name: t('common.status'),
-    value: /*#__PURE__*/_jsx(BlockletStatus, {
-      status: blocklet.status,
-      source: blocklet.source,
-      progress: blocklet.progress
-    })
-  }, isServerless(blocklet) ? {
-    name: 'NFT',
-    value: /*#__PURE__*/_jsx(DidAddress, {
-      external: true,
-      href: getExplorerLink(blocklet?.controller?.chainHost, blocklet?.controller?.nftId, 'asset'),
-      did: blocklet?.controller?.nftId,
-      showQrcode: true
-    })
-  } : null, {
-    name: t('blocklet.installedAt'),
-    value: formatToDatetime(blocklet.installedAt, locale)
-  }, {
-    name: t('blocklet.overview.accessControl'),
-    value: t(`team.whoCanAccess.${getWhoCanAccess(blocklet)}.title`)
-  }, {
-    name: t('common.owner'),
-    value: blocklet.settings?.owner ? /*#__PURE__*/_jsx(DidAddress, {
-      did: blocklet.settings.owner.did,
-      showQrcode: true
-    }) : '-'
-  }, {
-    name: t('blocklet.config.walletType.name'),
-    value: WalletType[chainType || 'arcblock'] || chainType
-  }, blocklet.externalSkSource ? {
-    name: t('blocklet.skSource'),
-    value: blocklet.externalSkSource
-  } : null].filter(Boolean);
-  if (inService) {
-    infoRows.push({
-      name: t('common.serverDid'),
-      value: /*#__PURE__*/_jsx(DidAddress, {
-        did: nodeInfo.did,
-        showQrcode: true
-      })
-    }, {
-      name: t('common.serverVersion'),
-      value: /*#__PURE__*/_jsx(Tag, {
-        children: nodeInfo.version
-      })
-    });
-  }
-  const renderRows = rows => rows.map(row => {
-    return /*#__PURE__*/_jsx(InfoRow, {
-      style: {
-        display: 'flex',
-        alignItems: 'flex-start'
-      },
-      valueComponent: "div",
-      nameWidth: 120,
-      name: row.name,
-      nameFormatter: () => row.name,
-      children: row.value
-    }, row.name);
-  });
-  return /*#__PURE__*/_jsxs(Div, {
-    component: "div",
-    children: [/*#__PURE__*/_jsx(DomainListWithPermission, {}), /*#__PURE__*/_jsx("div", {
-      className: "title",
-      children: /*#__PURE__*/_jsx("span", {
-        children: t('common.basicInfo')
-      })
-    }), /*#__PURE__*/_jsx("div", {
-      className: "basicInfo",
-      children: renderRows(infoRows)
-    })]
-  });
-}
-BlockletOverview.propTypes = {};
-const Div = styled(Typography)`
-  .title {
-    font-size: 1.2rem;
-    font-weight: bold;
-    margin-top: ${props => props.theme.spacing(5)};
-    margin-bottom: ${props => props.theme.spacing(3)};
-
-    &.first {
-      margin-top: 0;
-    }
-  }
-`;

package/es/blocklet/page-group.js

@@ -1,19 +0,0 @@
-import PropTypes from 'prop-types';
-import Tag from '../tag';
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function BlockletPageGroup({
-  group,
-  ...rest
-}) {
-  if (group) {
-    return /*#__PURE__*/_jsx(Tag, {
-      type: "reverse",
-      ...rest,
-      children: group
-    });
-  }
-  return null;
-}
-BlockletPageGroup.propTypes = {
-  group: PropTypes.string.isRequired
-};