@blocklet/ui-react 3.4.14 → 3.5.0

package/src/UserCenter/components/webhook-item.tsx

@@ -1,248 +0,0 @@
-// import PropTypes from 'prop-types';
-import {
-  Box,
-  CircularProgress,
-  IconButton,
-  InputAdornment,
-  MenuItem,
-  Select,
-  TextField,
-  Typography,
-} from '@mui/material';
-import { useCreation, useMemoizedFn, useReactive } from 'ahooks';
-import noop from 'lodash/noop';
-import isUrl from 'is-url';
-import { Icon } from '@iconify/react';
-import CloseRoundedIcon from '@iconify-icons/material-symbols/close-rounded';
-import CheckIcon from '@iconify-icons/material-symbols/check';
-import SendRoundedIcon from '@iconify-icons/material-symbols/send-rounded';
-import EditSquareOutlineRoundedIcon from '@iconify-icons/material-symbols/edit-square-outline-rounded';
-import DeleteOutlineRoundedIcon from '@iconify-icons/material-symbols/delete-outline-rounded';
-import { translate } from '@arcblock/ux/lib/Locale/util';
-import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
-
-import { translations } from '../libs/locales';
-import { WebhookItemData, WebhookItemProps, WebhookType } from '../../@types';
-
-export default function WebhookItem({
-  onTest = noop,
-  onDelete = noop,
-  onSave = noop,
-  onCancel = noop,
-  type = 'slack',
-  url = '',
-  edit = false,
-}: WebhookItemProps) {
-  const { locale } = useLocaleContext();
-  const t = useMemoizedFn((key, data = {}) => {
-    return translate(translations, key, locale, 'en', data);
-  });
-  const currentState = useReactive<
-    WebhookItemData & {
-      edit: boolean;
-      error: string;
-      loading: boolean;
-    }
-  >({
-    type: type || 'slack',
-    url: url || '',
-    edit: edit ?? false,
-    error: '',
-    loading: false,
-  });
-
-  const checkUrl = useMemoizedFn(() => {
-    if (!currentState.url) {
-      currentState.error = t('common.required');
-      return false;
-    }
-    if (!isUrl(currentState.url)) {
-      currentState.error = t('common.invalid');
-      return false;
-    }
-    currentState.error = '';
-    return true;
-  });
-
-  const handleClose = useMemoizedFn(() => {
-    currentState.edit = false;
-    currentState.url = url || '';
-    currentState.type = type || 'slack';
-    currentState.error = '';
-    currentState.loading = false;
-    onCancel();
-  });
-
-  // eslint-disable-next-line @typescript-eslint/naming-convention
-  const _onTest = useMemoizedFn(async (data) => {
-    currentState.loading = true;
-    await onTest(data);
-    currentState.loading = false;
-  });
-
-  const onSubmit = useMemoizedFn((fn: (params: WebhookItemData) => void) => {
-    return () => {
-      if (checkUrl()) {
-        fn({
-          type: currentState.type,
-          url: currentState.url,
-        });
-      }
-    };
-  });
-
-  const inputAdornment = useCreation(() => {
-    if (currentState.error) {
-      return (
-        <Typography component="span" color="error">
-          {currentState.error}
-        </Typography>
-      );
-    }
-
-    if (currentState.edit) {
-      if (currentState.loading) {
-        return <CircularProgress size={16} />;
-      }
-
-      return (
-        <IconButton
-          size="small"
-          onClick={onSubmit(_onTest)}
-          sx={{
-            mr: -1,
-          }}>
-          <Icon icon={SendRoundedIcon} />
-        </IconButton>
-      );
-    }
-    return null;
-  }, [currentState.error, currentState.edit, currentState.loading]);
-
-  return (
-    <Box
-      sx={{
-        display: 'flex',
-        gap: 1.5,
-        width: '100%',
-        alignItems: {
-          xs: 'flex-start',
-          md: 'center',
-        },
-        flexDirection: {
-          xs: 'column',
-          md: 'row',
-        },
-      }}>
-      <Select
-        sx={{
-          borderRadius: 1,
-          '&.Mui-disabled': {
-            backgroundColor: 'grey.50',
-          },
-        }}
-        disabled={!currentState.edit || currentState.loading}
-        size="small"
-        value={currentState.type}
-        onChange={(e) => {
-          currentState.type = e.target.value as WebhookType;
-        }}>
-        <MenuItem value="api">{t('webhook.url')}</MenuItem>
-        <MenuItem value="slack">{t('webhook.slack')}</MenuItem>
-      </Select>
-      <Box
-        sx={{
-          display: 'flex',
-          alignItems: 'center',
-          gap: 0.5,
-          width: '100%',
-        }}>
-        <TextField
-          sx={{
-            flex: 1,
-            '.MuiInputBase-root': {
-              borderRadius: 1,
-              '&.Mui-disabled': {
-                backgroundColor: 'grey.50',
-              },
-            },
-          }}
-          disabled={!currentState.edit || currentState.loading}
-          fullWidth
-          size="small"
-          required
-          value={currentState.url}
-          onChange={(e) => {
-            currentState.url = e.target.value;
-            checkUrl();
-          }}
-          error={!!currentState.error}
-          slotProps={{
-            input: {
-              endAdornment: <InputAdornment position="end">{inputAdornment}</InputAdornment>,
-            },
-          }}
-        />
-
-        <Box sx={{ display: 'flex', gap: 0.5 }}>
-          {currentState.edit ? (
-            <>
-              <IconButton
-                color="success"
-                onClick={onSubmit((...args) => {
-                  onSave(...args);
-                  currentState.edit = false;
-                })}
-                sx={{
-                  borderRadius: 1,
-                  border: '1px solid',
-                  borderColor: 'grey.200',
-                }}>
-                <Icon icon={CheckIcon} />
-              </IconButton>
-              <IconButton
-                color="error"
-                onClick={handleClose}
-                sx={{
-                  borderRadius: 1,
-                  border: '1px solid',
-                  borderColor: 'grey.200',
-                }}>
-                <Icon icon={CloseRoundedIcon} />
-              </IconButton>
-            </>
-          ) : (
-            <>
-              <IconButton
-                onClick={() => {
-                  currentState.edit = true;
-                }}
-                sx={{
-                  borderRadius: 1,
-                  border: '1px solid',
-                  borderColor: 'grey.200',
-                }}>
-                <Icon icon={EditSquareOutlineRoundedIcon} />
-              </IconButton>
-              <IconButton
-                color="error"
-                onClick={() => {
-                  onDelete({
-                    type: currentState.type,
-                    url: currentState.url,
-                  });
-                }}
-                sx={{
-                  borderRadius: 1,
-                  border: '1px solid',
-                  borderColor: 'grey.200',
-                }}>
-                <Icon icon={DeleteOutlineRoundedIcon} />
-              </IconButton>
-            </>
-          )}
-        </Box>
-      </Box>
-    </Box>
-  );
-}

package/src/UserCenter/index.tsx

@@ -1 +0,0 @@
-export { default as UserCenter } from './components/user-center';

package/src/UserCenter/libs/locales.ts

@@ -1,378 +0,0 @@
-export const translations = {
-  zh: {
-    settings: '设置',
-    noPassport: '暂无通行证',
-    passport: '通行证',
-    notification: '通知',
-    email: '邮箱地址',
-    phone: '电话号码',
-    lastLogin: '上次登录',
-    lastLoginAt: '上次登录时间',
-    lastLoginIp: '上次登录地址',
-    createdAt: '加入时间',
-    registerFrom: '注册来源',
-    invitedBy: '邀请人',
-    unknown: '未知',
-    walletNotification: '钱包通知',
-    emailNotification: '邮件通知',
-    phoneNotification: '短信通知',
-    pushNotification: '推送消息（由 Push Kit 提供）',
-    addWebhook: '新增外部通知',
-    saveSuccess: '保存成功',
-    saveFailed: '保存失败',
-    webhookTested: '测试消息已经发送',
-    done: '完成',
-    emptyField: '未填写',
-    emptyContent: '暂无内容',
-    underProtected: '用户已设置隐私保护',
-    followersOnly: '用户已设置仅粉丝可见，关注用户后可查看',
-    noUserFound: '未找到指定的用户',
-    notificationManagement: '通知管理',
-    privacyManagement: '隐私管理',
-    storageManagement: 'DID Spaces',
-    userFollowers: '关注 & 粉丝',
-    webhook: {
-      url: '自定义URL',
-      slack: 'Slack',
-    },
-    common: {
-      confirm: '确认',
-      cancel: '取消',
-      required: '必填的',
-      invalid: '无效',
-      setting: '设置',
-      save: '保存',
-      profile: '信息',
-      nft: 'NFTs',
-      noNFT: '暂无 NFT',
-    },
-    toPublic: '公开 “{name}” 页面',
-    currentPassport: '当前使用的通行证',
-    refreshProfile: {
-      title: '刷新个人信息',
-      successfully: '刷新个人信息成功',
-    },
-    switchProfile: '切换',
-    userInfo: '个人信息',
-    myInfo: '我的信息',
-    hisInfo: 'TA 的信息',
-    loginNow: '立即登录',
-    viewAfterLogin: '登录后才可以查看',
-    sessionManagement: '会话管理',
-    storage: {
-      spaces: {
-        tips: '提示',
-        label: '请输入 DID Spaces 服务地址',
-        connectedWithName: '你已成功连接至 {name}',
-        gateway: {
-          delete: {
-            failed: '删除 DID Spaces 失败',
-          },
-        },
-        provideNFT: {
-          title: '请为 {appName} 出示 DID Spaces NFT',
-          scan: '使用你的 DID Wallet 为应用 {appName} 出示 DID Spaces NFT',
-          success: '连接成功',
-        },
-        connect: {
-          useWallet: '使用 DID Wallet 连接',
-          useWalletReconnect: '使用 DID Wallet 重新连接',
-          providerForStorage: '请连接您的 DID Spaces',
-        },
-        connected: {
-          title: '已连接的 DID Spaces',
-          tag: '已连接',
-        },
-      },
-    },
-    thirdPartyLogin: {
-      title: '已连接的账户',
-      connect: '绑定',
-      disconnect: '解绑',
-      mainProviderCantRemove: '主账号不允许解绑',
-      confirmUnbind: '确定要解绑 {name} 吗?',
-      confirmUnbindDescription:
-        '解绑后您将无法使用 {name} 登录至该账户。如果解绑后，您仍使用 {name} 登录，会自动创建一个新账户',
-      disconnectPasskey: '确定要移除 Passkey 吗?',
-      disconnectPasskeyDescription:
-        '移除后您将无法使用此 Passkey 登录。如果移除后，您仍使用此 Passkey 登录，会自动创建一个新账户',
-    },
-    commonSetting: {
-      title: '通用设置',
-      locale: '偏好语言',
-    },
-    dangerZone: {
-      title: '危险操作',
-      deleteAccount: '删除账户',
-      deleteAccountDescription: '删除账户后，您将无法使用该账户登录，您的数据将从平台中完全删除，不可恢复。',
-      delete: '删除',
-    },
-    userStatus: {
-      Online: '在线',
-      Meeting: '开会中',
-      Community: '通勤中',
-      Holiday: '休假',
-      OffSick: '病假',
-      WorkingRemotely: '远程工作',
-      duration: {
-        NoClear: '不要清除',
-        ThirtyMinutes: '30分钟',
-        OneHour: '1小时',
-        FourHours: '4小时',
-        Today: '今天',
-        ThisWeek: '本周',
-        Custom: '自定义时间',
-      },
-    },
-    profile: {
-      addLink: '添加连接',
-      location: '位置',
-      timezone: '时区',
-      bio: '个人简介',
-      setStatus: '设置状态',
-      localTime: '当地时间:',
-      email: '邮箱地址',
-      emailInvalid: '邮箱格式不正确',
-      emailSourceProviderNotAllowEdit: '使用邮箱注册的用户不允许修改邮箱',
-      phone: '电话号码',
-      phoneInvalid: '电话号码格式不正确',
-      editProfile: '编辑资料',
-      removeStatusAfter: '在...之后移除状态',
-      justForYou: '仅对您可见',
-      cleanStatus: '清除状态',
-      quickSettings: '快捷设置',
-      selectEndTime: '选择结束时间',
-      pleaseSelectTime: '请选择时间',
-      invalidURL: '无效的 URL',
-      duplicateURL: 'URL 已存在',
-      socialMedia: '社交链接',
-      timezonePhase: {
-        dawn: '凌晨',
-        morning: '上午',
-        afternoon: '下午',
-        night: '晚上',
-      },
-      address: {
-        title: '地址',
-        country: '国家/地区',
-        province: '州/省',
-        city: '城市/镇',
-        line1: '地址',
-        line2: '地址2',
-        detailedAddress: '详细地址',
-        postalCode: '邮政编码',
-        invalidPostalCode: '邮政编码格式不正确',
-      },
-      maxLinkCount: '最多可添加 {count} 个社交链接',
-      chat: '聊天',
-      follow: '关注',
-      unfollow: '取消关注',
-      follow_success: '关注成功',
-      unfollow_success: '取消关注成功',
-    },
-    destroyMyself: {
-      title: '删除账户',
-      scan: '删除账户后，您将无法使用该账户登录，您的数据将从平台中完全删除，不可恢复。',
-      confirm: '确认删除',
-      cancel: '取消',
-      success: '删除账户成功',
-      abort: '取消删除账户',
-      error: '删除账户失败',
-    },
-    notImplemented: '操作未实现',
-    userCenter: {
-      title: '用户中心',
-    },
-    userNotFound: '用户不存在',
-    userNotFoundDescription: '该账户已被管理员停用或移除。',
-  },
-  en: {
-    settings: 'Settings',
-    noPassport: 'No passport yet',
-    passport: 'Passports',
-    notification: 'Notification',
-    email: 'Email',
-    phone: 'Phone',
-    lastLogin: 'Last Login & IP',
-    lastLoginAt: 'Last Login',
-    lastLoginIp: 'Last IP',
-    createdAt: 'Member Since',
-    registerFrom: 'Register From',
-    invitedBy: 'Invited By',
-    unknown: 'Unknown',
-    walletNotification: 'DID Wallet notification',
-    emailNotification: 'Email notification',
-    phoneNotification: 'SMS notification',
-    pushNotification: 'Push notification (powered by Push Kit)',
-    addWebhook: 'Add external notification',
-    saveSuccess: 'Save succeed',
-    saveFailed: 'Save failed',
-    webhookTested: 'Test message sent',
-    done: 'Done',
-    emptyField: 'None',
-    notificationManagement: 'Notifications',
-    privacyManagement: 'Privacy',
-    storageManagement: 'DID Spaces',
-    userFollowers: 'Following & Followers',
-    emptyContent: 'Empty',
-    underProtected: 'This page has protected privacy',
-    followersOnly: 'This page is only visible to followers, follow the user to view',
-    noUserFound: 'No user found',
-    webhook: {
-      url: 'Custom url',
-      slack: 'Slack',
-    },
-    common: {
-      confirm: 'Confirm',
-      cancel: 'Cancel',
-      required: 'Required',
-      invalid: 'Invalid',
-      setting: 'Settings',
-      save: 'Save',
-      profile: 'Profile',
-      nft: 'NFTs',
-      noNFT: 'No NFT',
-    },
-    toPublic: 'Public "{name}" page',
-    currentPassport: 'Passport currently in use',
-    refreshProfile: {
-      title: 'Refresh profile',
-      successfully: 'Refresh profile successfully',
-    },
-    switchProfile: 'Switch',
-    userInfo: 'User Info',
-    myInfo: 'My Info',
-    hisInfo: 'His/Her Info',
-    loginNow: 'Login',
-    viewAfterLogin: 'View after login',
-    sessionManagement: 'Session Management',
-    storage: {
-      spaces: {
-        tips: 'Tips',
-        label: 'Enter DID Spaces Gateway',
-        connectedWithName: 'You have successfully connected to {name}',
-        gateway: {
-          delete: {
-            failed: 'Delete gateway failed',
-          },
-        },
-        provideNFT: {
-          title: 'Please show the DID Spaces NFT for {appName}',
-          scan: 'Use your DID Wallet to allow the app {appName} show DID space NFT',
-          success: 'Connected successfully',
-        },
-        connect: {
-          useWallet: 'Connect with DID Wallet',
-          useWalletReconnect: 'Reconnect with DID Wallet',
-          providerForStorage: 'Please connect your DID Spaces',
-        },
-        connected: {
-          title: 'Connected DID Spaces',
-          tag: 'Connected',
-        },
-      },
-    },
-    thirdPartyLogin: {
-      title: 'Connected Accounts',
-      connect: 'Connect',
-      disconnect: 'Disconnect',
-      mainProviderCantRemove: 'Main account not allowed to remove',
-      confirmUnbind: 'Are you sure to unbind {name}?',
-      confirmUnbindDescription:
-        'You will not be able to log in to this account using {name} after unbundling. If you are still logged in with {name} after unbundling, a new account will be created automatically!',
-      disconnectPasskey: 'Are you sure to remove {name}?',
-      disconnectPasskeyDescription:
-        'You will not be able to log in with this passkey upon removing. If you are still logged in with this passkey after removing, a new account will be created automatically!',
-    },
-    commonSetting: {
-      title: 'Common Settings',
-      locale: 'Preferred language',
-    },
-    dangerZone: {
-      title: 'Danger Zone',
-      deleteAccount: 'Delete Account',
-      deleteAccountDescription:
-        'Delete account will make you unable to login with this account, your data will be completely deleted from the platform and cannot be recovered.',
-      delete: 'Delete',
-    },
-    userStatus: {
-      Online: 'Online',
-      Meeting: 'In a Meeting',
-      Community: 'Commuting',
-      Holiday: 'On Holiday',
-      OffSick: 'Off Sick',
-      WorkingRemotely: 'Working Remotely',
-      duration: {
-        NoClear: "Don't clear",
-        ThirtyMinutes: '30 minutes',
-        OneHour: '1 hour',
-        FourHours: '4 hours',
-        Today: 'Today',
-        ThisWeek: 'This Week',
-        Custom: 'Custom',
-      },
-    },
-    profile: {
-      addLink: 'Add link',
-      location: 'Location',
-      timezone: 'Timezone',
-      bio: 'Bio',
-      setStatus: 'Set a Status',
-      localTime: 'Local Time: ',
-      email: 'Email',
-      emailInvalid: 'Email is invalid',
-      emailSourceProviderNotAllowEdit: 'Email registered users are not allowed to edit email',
-      phone: 'Phone',
-      phoneInvalid: 'Phone number is invalid',
-      editProfile: 'Edit Profile',
-      removeStatusAfter: 'Remove status after...',
-      justForYou: 'Visible to you only',
-      maxInputLength: 'Max input length is',
-      selectEndTime: 'Select end time',
-      pleaseSelectTime: 'Please select time',
-      cleanStatus: 'Clean status',
-      quickSettings: 'Quick Settings',
-      invalidURL: 'Invalid URL',
-      duplicateURL: 'URL already exists',
-      socialMedia: 'Social Media',
-      timezonePhase: {
-        dawn: 'AM',
-        morning: 'AM',
-        afternoon: 'PM',
-        night: 'PM',
-      },
-      address: {
-        title: 'Address',
-        country: 'Country/Region',
-        province: 'State/Province',
-        city: 'City/Town',
-        line1: 'Address',
-        line2: 'Address 2',
-        detailedAddress: 'Detailed Address',
-        postalCode: 'Postal Code',
-        invalidPostalCode: 'Postal code is invalid',
-      },
-      maxLinkCount: 'Up to {count} social links can be added',
-      chat: 'Chat',
-      follow: 'Follow',
-      unfollow: 'Unfollow',
-      follow_success: 'Follow successfully',
-      unfollow_success: 'Unfollow successfully',
-    },
-    destroyMyself: {
-      title: 'Delete Account',
-      scan: 'Delete account will make you unable to login with this account, your data will be completely deleted from the platform and cannot be recovered.',
-      confirm: 'Confirm delete',
-      cancel: 'Cancel',
-      success: 'Delete account successfully',
-      abort: 'Delete account aborted',
-      error: 'Delete account failed',
-    },
-    notImplemented: 'This action is not implemented',
-    userCenter: {
-      title: 'User Center',
-    },
-    userNotFound: 'User not found',
-    userNotFoundDescription: 'The account has been deactivated or removed by the administrator.',
-  },
-};

package/src/UserCenter/libs/utils.ts

@@ -1,30 +0,0 @@
-import type { AxiosError } from 'axios';
-import { joinURL } from 'ufo';
-import { createPassportSvg as _createPassportSvg, createKycSvg as _createKycSvg } from '@arcblock/ux/lib/Util/passport';
-import { BLOCKLET_SERVICE_PATH_PREFIX } from '@arcblock/ux/lib/Util/constant';
-import { CreatePassportProps } from '../../@types';
-
-export const formatAxiosError = (err: AxiosError) => {
-  const { response } = err;
-
-  if (response) {
-    return `Request failed: ${response.status} ${response.statusText}: ${JSON.stringify(response.data)}`;
-  }
-
-  return err.message;
-};
-
-export const createPassportSvg = (props: CreatePassportProps) => {
-  if (props.scope === 'kyc') {
-    return _createKycSvg({
-      ...props,
-      issuerAvatarUrl: joinURL(window.location.origin, BLOCKLET_SERVICE_PATH_PREFIX, '/blocklet/logo'),
-      type: props.role,
-    });
-  }
-
-  return _createPassportSvg({
-    ...props,
-    issuerAvatarUrl: joinURL(window.location.origin, BLOCKLET_SERVICE_PATH_PREFIX, '/blocklet/logo'),
-  });
-};