@abtnode/ux 1.16.26-beta-5251ab18 → 1.16.26-beta-351de484

package/es/blocklet/authentication/oauth/google.js

@@ -0,0 +1,144 @@
+import { Box, Button, FormControl, FormControlLabel, TextField } from '@mui/material';
+import pick from 'lodash/pick';
+import { useMemoizedFn } 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 { useNodeContext } from '../../../contexts/node';
+import { useBlockletContext } from '../../../contexts/blocklet';
+import SwitchControl from '../../component/switch-control';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function OAuthGoogle() {
+  const {
+    api
+  } = useNodeContext();
+  const {
+    blocklet
+  } = useBlockletContext();
+  const {
+    t
+  } = useLocaleContext();
+  const did = blocklet?.meta?.did;
+  const authData = Object.assign({
+    enabled: false,
+    clientId: '',
+    clientSecret: ''
+  }, blocklet?.settings?.oauth?.google || {});
+  const {
+    handleSubmit,
+    control,
+    formState,
+    watch,
+    reset
+  } = useForm({
+    defaultValues: pick(authData, ['clientSecret', 'clientId', 'enabled'])
+  });
+  const enabled = watch('enabled');
+  const onSubmit = useMemoizedFn(async data => {
+    try {
+      const {
+        blocklet: blockletChanged
+      } = await api.configOAuth({
+        input: {
+          did,
+          oauth: JSON.stringify({
+            google: data
+          })
+        }
+      });
+      const defaultValues = Object.assign({
+        enabled: false,
+        clientId: '',
+        clientSecret: ''
+      }, blockletChanged?.settings?.oauth?.google || {});
+      // 将当前表单的默认值重置为新的数据，这样能够修正页面的 isDirty 数据
+      reset(defaultValues);
+      Toast.success(t('oauth.saveSuccess'));
+    } catch (err) {
+      Toast.error(err.message || t('oauth.saveFailed'));
+    }
+  });
+  const validateClientId = useMemoizedFn(val => {
+    if (!val?.trim()) {
+      return t('oauth.google.clientIdDescribe');
+    }
+    return true;
+  });
+  const validateClientSecret = useMemoizedFn(val => {
+    if (!val?.trim()) {
+      return t('oauth.google.clientSecretDescribe');
+    }
+    return true;
+  });
+  const noop = useMemoizedFn(() => true);
+  return /*#__PURE__*/_jsx(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(SwitchControl, {
+            checked: field.value,
+            style: {
+              marginRight: '6px'
+            },
+            ...field
+          }),
+          label: t('oauth.google.enable'),
+          sx: {
+            marginBottom: 2,
+            ml: 1
+          }
+        })
+      }), /*#__PURE__*/_jsx(Controller, {
+        name: "clientId",
+        control: control,
+        rules: {
+          validate: enabled ? validateClientId : noop
+        },
+        render: ({
+          field
+        }) => /*#__PURE__*/_jsx(FormControl, {
+          fullWidth: true,
+          children: /*#__PURE__*/_jsx(TextField, {
+            ...field,
+            error: !!formState.errors[field.name],
+            label: t('oauth.google.clientId'),
+            helperText: formState.errors[field.name]?.message || '　',
+            disabled: !enabled
+          })
+        })
+      }), /*#__PURE__*/_jsx(Controller, {
+        name: "clientSecret",
+        control: control,
+        rules: {
+          validate: enabled ? validateClientSecret : noop
+        },
+        render: ({
+          field
+        }) => /*#__PURE__*/_jsx(FormControl, {
+          fullWidth: true,
+          children: /*#__PURE__*/_jsx(TextField, {
+            ...field,
+            type: "password",
+            label: t('oauth.google.clientSecret'),
+            error: !!formState.errors[field.name],
+            helperText: formState.errors[field.name]?.message || '　',
+            disabled: !enabled
+          })
+        })
+      }), /*#__PURE__*/_jsx(Button, {
+        type: "submit",
+        variant: "contained",
+        onSubmit: handleSubmit(onSubmit),
+        disabled: !formState.isDirty,
+        children: t('oauth.save')
+      })]
+    })
+  });
+}
+export default OAuthGoogle;

package/es/blocklet/authentication/oauth/index.js

@@ -0,0 +1,122 @@
+import { Box } from '@mui/material';
+import { useCreation, useMemoizedFn, useReactive } from 'ahooks';
+import { DndProvider } from 'react-dnd';
+import { HTML5Backend } from 'react-dnd-html5-backend';
+import { Icon } from '@iconify/react';
+import AppleIcon from '@iconify-icons/logos/apple';
+import GithubIcon from '@iconify-icons/logos/github-icon';
+import GoogleIcon from '@iconify-icons/logos/google-icon';
+import Auth0Icon from '@iconify-icons/logos/auth0-icon';
+import OAuthAuth0 from './auth0';
+import OAuthGithub from './github';
+import OAuthGoogle from './google';
+import OAuthApple from './apple';
+import DragItem from './drag-item';
+import { useNodeContext } from '../../../contexts/node';
+import { useBlockletContext } from '../../../contexts/blocklet';
+import { jsx as _jsx } from "react/jsx-runtime";
+const avaliableAuthentication = [{
+  name: 'github',
+  title: 'GitHub',
+  icon: /*#__PURE__*/_jsx(Icon, {
+    icon: GithubIcon
+  }),
+  component: /*#__PURE__*/_jsx(OAuthGithub, {})
+}, {
+  name: 'google',
+  title: 'Google',
+  icon: /*#__PURE__*/_jsx(Icon, {
+    icon: GoogleIcon
+  }),
+  component: /*#__PURE__*/_jsx(OAuthGoogle, {})
+}, {
+  name: 'apple',
+  title: 'Apple',
+  icon: /*#__PURE__*/_jsx(Icon, {
+    icon: AppleIcon
+  }),
+  component: /*#__PURE__*/_jsx(OAuthApple, {})
+}, {
+  name: 'auth0',
+  title: 'Auth0',
+  icon: /*#__PURE__*/_jsx(Icon, {
+    icon: Auth0Icon
+  }),
+  component: /*#__PURE__*/_jsx(OAuthAuth0, {})
+}];
+const DEFAULT_OAUTH_LIST = ['github', 'google', 'apple', 'auth0'];
+export default function OAuthLogin() {
+  const {
+    api
+  } = useNodeContext();
+  const {
+    blocklet
+  } = useBlockletContext();
+  const did = blocklet?.meta?.did;
+  const oauthConfig = blocklet?.settings?.oauth || {};
+  const oauthSort = Object.keys(oauthConfig).sort((a, b) => {
+    if (oauthConfig[a]?.order !== undefined && oauthConfig[b]?.order !== undefined) {
+      return oauthConfig[a].order - oauthConfig[b].order;
+    }
+    if (oauthConfig[a]?.order !== undefined) {
+      return -1;
+    }
+    return 1;
+  });
+  for (const OAUTH_ITEM of DEFAULT_OAUTH_LIST) {
+    if (!oauthSort.includes(OAUTH_ITEM)) {
+      oauthSort.push(OAUTH_ITEM);
+    }
+  }
+  const sortMaps = useReactive(oauthSort.reduce((total, value, index) => Object.assign(total, {
+    [value]: index
+  }), {}));
+  const sortedAuthentication = useCreation(() => {
+    const list = [...avaliableAuthentication];
+    list.sort((a, b) => sortMaps[a.name] - sortMaps[b.name]);
+    return list;
+  }, [sortMaps.auth0, sortMaps.github, sortMaps.google]);
+  const dndProps = {};
+  if (typeof window !== 'undefined') {
+    dndProps.context = window;
+  }
+  const saveOrder = useMemoizedFn(async rawOrderData => {
+    const orderData = {};
+    Object.keys(rawOrderData).forEach(oauthName => {
+      orderData[oauthName] = {
+        order: rawOrderData[oauthName]
+      };
+    });
+    await api.configOAuth({
+      input: {
+        did,
+        oauth: JSON.stringify(orderData)
+      }
+    });
+  });
+  const handleMoveItem = useMemoizedFn((dragIndex, hoverIndex) => {
+    const dragItem = sortedAuthentication[dragIndex];
+    const hoverItem = sortedAuthentication[hoverIndex];
+    sortMaps[dragItem.name] = hoverIndex;
+    sortMaps[hoverItem.name] = dragIndex;
+  });
+  const handleSaveOrder = useMemoizedFn(async () => {
+    await saveOrder(sortMaps);
+  });
+  return /*#__PURE__*/_jsx(Box, {
+    children: /*#__PURE__*/_jsx(DndProvider, {
+      backend: HTML5Backend,
+      ...dndProps,
+      children: sortedAuthentication.map((x, index) => /*#__PURE__*/_jsx(DragItem, {
+        index: index,
+        id: x.name,
+        title: x.title,
+        icon: x.icon,
+        onMove: handleMoveItem,
+        onEnd: handleSaveOrder,
+        defaultExpand: x.enabled,
+        children: x.component
+      }, x.name))
+    })
+  });
+}

package/es/blocklet/preferences/index.js

@@ -22,7 +22,7 @@ import BlockletConfiguration from '../configuration';
 import BlockletNotification from '../notification';
 import Access from '../access/index';
 import { useNodeContext } from '../../contexts/node';
-import OAuth from '../oauth';
+import Authentication from '../authentication';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const addComponentTabs = ({
   tabs,
@@ -129,7 +129,7 @@ export default function BlockletPreferences({
     label: /*#__PURE__*/_jsxs(Box, {
       display: "flex",
       alignItems: "center",
-      "data-cy": "configuration-tab-oauth",
+      "data-cy": "configuration-tab-authentication",
       children: [/*#__PURE__*/_jsx(LoginIcon, {
         sx: {
           fontSize: 24
@@ -143,8 +143,8 @@ export default function BlockletPreferences({
           children: t('common.login')
         })
       })]
-    }, "oauth"),
-    value: 'oauth'
+    }, "authentication"),
+    value: 'authentication'
   }, {
     label: /*#__PURE__*/_jsxs(Box, {
       display: "flex",
@@ -225,8 +225,8 @@ export default function BlockletPreferences({
     });
   } else if (current === 'access') {
     content = /*#__PURE__*/_jsx(Access, {});
-  } else if (current === 'oauth') {
-    content = /*#__PURE__*/_jsx(OAuth, {});
+  } else if (current === 'authentication') {
+    content = /*#__PURE__*/_jsx(Authentication, {});
   } else if (current === 'notification') {
     content = /*#__PURE__*/_jsx(BlockletNotification, {});
   } else {

package/es/blocklet/publish/connect-store-list.js

@@ -7,6 +7,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function ConnectStoreList({
   blocklet,
   releaseId,
+  connectedStores,
   projectId,
   releaseType,
   publishedStoreIds,
@@ -15,14 +16,14 @@ function ConnectStoreList({
 }) {
   const storeList = blocklet?.settings?.storeList || [];
   const connectedMap = useMemo(() => {
-    if (!blocklet?.settings?.connectedStores) {
+    if (!connectedStores?.length) {
       return {};
     }
-    return blocklet?.settings?.connectedStores?.reduce((acc, x) => {
-      acc[x.storeUrl] = x;
+    return connectedStores?.reduce((acc, x) => {
+      acc[x.storeId] = x;
       return acc;
     }, {});
-  }, [blocklet?.settings?.connectedStores]);
+  }, [connectedStores]);
   const did = blocklet?.meta?.did;
   const handleAddStore = () => {};
   return /*#__PURE__*/_jsxs(List, {
@@ -37,7 +38,7 @@ function ConnectStoreList({
           teamDid: did,
           store: x,
           published: publishedStoreIds?.indexOf(x.id) > -1,
-          connected: !!connectedMap[x.url],
+          connectedStore: connectedMap[x.id],
           onPublish: onPublish,
           onDelete: onDelete
         })
@@ -56,7 +57,8 @@ ConnectStoreList.propTypes = {
   releaseType: PropTypes.string.isRequired,
   onPublish: PropTypes.func,
   onDelete: PropTypes.func,
-  publishedStoreIds: PropTypes.arrayOf(PropTypes.string)
+  publishedStoreIds: PropTypes.arrayOf(PropTypes.string),
+  connectedStores: PropTypes.arrayOf(PropTypes.object).isRequired
 };
 ConnectStoreList.defaultProps = {
   publishedStoreIds: [],

package/es/blocklet/publish/create-release.js

@@ -25,7 +25,7 @@ import Tabs from '@arcblock/ux/lib/Tabs';
 import Dialog from '@arcblock/ux/lib/Dialog';
 import Alert from '@arcblock/ux/lib/Alert';
 import { PROJECT } from '@blocklet/constant';
-import { WELLKNOWN_SERVICE_PATH_PREFIX, UNOWNED_DID } from '@abtnode/constant';
+import { EVENTS, STUDIO_CONNECTED_STORE, WELLKNOWN_SERVICE_PATH_PREFIX, UNOWNED_DID } from '@abtnode/constant';
 import BlockletBundleAvatar from '../bundle-avatar';
 import { useSessionContext } from '../../contexts/session';
 import { useNodeContext } from '../../contexts/node';
@@ -108,9 +108,10 @@ const addComponentTabs = ({
   });
 };
 const pickParams = (release, app) => {
-  const params = pick(release, ['blockletVersion', 'blockletTitle', 'blockletDescription', 'blockletLogo', 'blockletIntroduction', 'blockletScreenshots', 'blockletComponents', 'publishedStoreIds', 'note']);
+  const params = pick(release, ['blockletVersion', 'blockletTitle', 'blockletDescription', 'blockletLogo', 'blockletIntroduction', 'blockletScreenshots', 'blockletComponents', 'publishedStoreIds', 'connectedStores', 'note']);
   params.blockletScreenshots ||= [];
   params.publishedStoreIds ||= [];
+  params.connectedStores ||= [];
   if (!params.blockletComponents) {
     params.blockletComponents = (app.children || []).map(x => ({
       did: x.meta.did,
@@ -150,7 +151,10 @@ export default function CreateRelease({
   const [createLoading, setCreateLoading] = useState(false);
   const [release, setRelease] = useState(null);
   const {
-    api
+    api,
+    ws: {
+      useSubscription
+    }
   } = useNodeContext();
   const uploaderLogoRef = useRef(null);
   const uploaderScreenshotRef = useRef(null);
@@ -217,7 +221,7 @@ export default function CreateRelease({
       }
     }).then(res => {
       setLoading(false);
-      setParams(pickParams(res?.release, blocklet));
+      // setParams(pickParams(res?.release, blocklet));
       setRelease(res?.release);
     }).catch(err => {
       setLoading(false);
@@ -232,9 +236,7 @@ export default function CreateRelease({
       }
       getRelease();
     }
-    if (mode === 'create') {
-      getProject();
-    }
+    getProject();
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [mode, releaseId]);
   const onRelease = status => {
@@ -367,6 +369,11 @@ export default function CreateRelease({
   useEffect(() => {
     getData();
   }, [getData]);
+  useSubscription(EVENTS.NOTIFICATION_BLOCKLET_CREATE, notification => {
+    if (notification?.meta?.eventType === STUDIO_CONNECTED_STORE) {
+      getData();
+    }
+  }, [getData]);
   if (!params && loading) {
     return /*#__PURE__*/_jsx(EmptySpinner, {});
   }
@@ -951,6 +958,8 @@ export default function CreateRelease({
         projectId: projectId,
         releaseId: releaseId,
         onPublish: getRelease,
+        onDelete: getData,
+        connectedStores: params.connectedStores,
         publishedStoreIds: release?.publishedStoreIds
       })
     })]

package/es/blocklet/publish/project-list.js

@@ -10,6 +10,7 @@ import DeleteIcon from '@mui/icons-material/Delete';
 import VisibilityIcon from '@mui/icons-material/FileOpen';
 import NewFileIcon from '@mui/icons-material/AddBox';
 import HelpOutlineOutlinedIcon from '@mui/icons-material/HelpOutlineOutlined';
+import ErrorIcon from '@mui/icons-material/Error';
 import { UNOWNED_DID } from '@abtnode/constant';
 import Datatable from '@arcblock/ux/lib/Datatable';
 import Button from '@arcblock/ux/lib/Button';
@@ -17,7 +18,7 @@ import Toast from '@arcblock/ux/lib/Toast';
 import Tag from '@arcblock/ux/lib/Tag';
 import RelativeTime from '@arcblock/ux/lib/RelativeTime';
 import DidConnect from '@arcblock/did-connect/lib/Connect';
-import { Tooltip } from '@mui/material';
+import { Tooltip, Typography } from '@mui/material';
 import { useSessionContext } from '../../contexts/session';
 import { useBlockletContext } from '../../contexts/blocklet';
 import { useNodeContext } from '../../contexts/node';
@@ -357,10 +358,36 @@ export default function ProjectList() {
       }
     }), deleteConfirm && /*#__PURE__*/_jsx(Confirm, {
       title: `${t('common.delete')} ${deleteConfirm.blockletTitle}`,
-      description: t('blocklet.publish.deleteBlockletTip'),
+      description: t('blocklet.publish.deleteProject.description'),
       confirm: t('common.confirm'),
       onConfirm: confirmDeleteProject,
-      onCancel: () => setDeleteConfirm(null)
+      onCancel: () => setDeleteConfirm(null),
+      children: /*#__PURE__*/_jsx(Box, {
+        sx: {
+          marginTop: 2
+        },
+        children: [t('blocklet.publish.deleteProject.tip1'), t('blocklet.publish.deleteProject.tip2'), t('blocklet.publish.deleteProject.tip3')].map(x => /*#__PURE__*/_jsxs(Box, {
+          sx: {
+            display: 'flex',
+            marginTop: 1,
+            flexDirection: 'row',
+            alignItems: 'flex-start'
+          },
+          children: [/*#__PURE__*/_jsx(ErrorIcon, {
+            color: "warning",
+            sx: {
+              marginRight: 1,
+              fontSize: 20,
+              marginTop: '2px'
+            }
+          }), /*#__PURE__*/_jsx(Typography, {
+            component: "span",
+            variant: "inherit",
+            color: "text.secondary",
+            children: x
+          })]
+        }))
+      })
     }), didConnect]
   });
 }

package/es/blocklet/storage/action.js

@@ -17,7 +17,8 @@ import DeleteDIDSpacesGateWay from './delete';
  *  onDelete: (spaceGateway: import('./connected').SpaceGateway) => Promise<void>,
  *  onConnect: (spaceGateway: import('./connected').SpaceGateway) => Promise<void>,
  *  enableSwitchToSpace: true | false,
- *  connected: false | true
+ *  connected: false | true,
+ *  backupInProgress: false | true,
  * } & import('@mui/material').IconButtonProps} { spaceGateway, onDelete, onConnect, enableSwitchToSpace, connected, ...rest }
  * @return {React.Component}
  */
@@ -28,6 +29,7 @@ function SpaceItemAction({
   onDelete,
   onConnect,
   enableSwitchToSpace,
+  backupInProgress,
   ...rest
 }) {
   const [anchorEl, setAnchorEl] = useState(null);
@@ -117,7 +119,7 @@ function SpaceItemAction({
         }), /*#__PURE__*/_jsx(ListItemText, {
           children: t('storage.spaces.connect.switchToSpace')
         })]
-      }), !connected && /*#__PURE__*/_jsx(DeleteDIDSpacesGateWay, {
+      }), !backupInProgress && /*#__PURE__*/_jsx(DeleteDIDSpacesGateWay, {
         spaceGateway: spaceGateway,
         onDelete: onDelete
       })]
@@ -135,11 +137,13 @@ SpaceItemAction.propTypes = {
   connected: PropTypes.bool.isRequired,
   enableSwitchToSpace: PropTypes.bool,
   onDelete: PropTypes.func,
-  onConnect: PropTypes.func
+  onConnect: PropTypes.func,
+  backupInProgress: PropTypes.bool
 };
 SpaceItemAction.defaultProps = {
   onDelete: () => {},
   onConnect: () => {},
-  enableSwitchToSpace: true
+  enableSwitchToSpace: true,
+  backupInProgress: false
 };
 export default SpaceItemAction;

package/es/blocklet/storage/item.js

@@ -442,7 +442,8 @@ function SpaceItem({
           connected: connected,
           onDelete: onDelete,
           onConnect: onConnect,
-          enableSwitchToSpace: backupProgress?.completed || isEmpty(backupProgress?.message)
+          enableSwitchToSpace: backupProgress?.completed || isEmpty(backupProgress?.message),
+          backupInProgress: shouldDisplayBackupProgress
         })]
       })]
     }), /*#__PURE__*/_jsx(DidConnect, {

package/es/confirm.js

@@ -27,6 +27,7 @@ export default function ConfirmDialog({
   onConfirm,
   loading: inputLoading,
   displayError,
+  children,
   ...rest
 }) {
   const [params, setParams] = useState(initialParams);
@@ -89,7 +90,7 @@ export default function ConfirmDialog({
           marginTop: 8
         },
         children: error
-      })]
+      }), children]
     }), /*#__PURE__*/_jsxs(DialogActions, {
       className: "delete-actions",
       style: {
@@ -138,9 +139,11 @@ ConfirmDialog.propTypes = {
   onCancel: PropTypes.func,
   onConfirm: PropTypes.func.isRequired,
   loading: PropTypes.bool,
-  displayError: PropTypes.bool
+  displayError: PropTypes.bool,
+  children: PropTypes.any
 };
 ConfirmDialog.defaultProps = {
+  children: undefined,
   onCancel: () => {},
   showCancel: true,
   cancel: '',

package/es/contexts/blocklet-storage.js

@@ -144,10 +144,6 @@ function BlockletStorageProvider({
     if (!spaceGateway) {
       return;
     }
-    if (spaceGateway.endpoint === backupEndpoint) {
-      toast.warning(t('storage.spaces.gateway.delete.failedForConnected'));
-      return;
-    }
     await api.deleteBlockletSpaceGateway({
       input: {
         did: blocklet.meta.did,

package/es/layout/feedback.js

@@ -10,15 +10,18 @@ export default function Feedback({
   const {
     t
   } = useLocaleContext();
+  const feedbackUrl = new URL('https://community.arcblock.io/discussions/add');
+  infos.forEach(x => {
+    feedbackUrl.searchParams.set(x.label, x.value);
+  });
   const infoStr = infos.map(x => `* ${x.label}: ${x.value}`).join('\n');
-  const feedbackUrl = new URL('https://github.com/blocklet/blocklet-site/issues/new');
-  feedbackUrl.searchParams.set('title', '[Feedback]');
-  feedbackUrl.searchParams.set('body', `<!-- [Enter feedback here] -->
+  feedbackUrl.searchParams.set('report', 'server');
+  feedbackUrl.searchParams.set('context', `[Enter feedback here]
 
 
 
 <!--
-Document Details
+[Server Info]
 ${infoStr}
 * Page: ${window.location.href}
 -->

package/es/locales/ar.js

@@ -663,7 +663,6 @@ export default {
       blockletEmptyTip: 'لا توجد أي كتل هنا',
       createBlockletTip: 'يمكنك إنشاء وحدة جديدة من خلال الموارد والمكونات والتكوين الحالي في هذا التطبيق',
       createBlocklet: 'بلوكليت جديد',
-      deleteBlockletTip: 'لا يمكن استعادة البلوكليت بعد الحذف ، يرجى التأكيد',
       componentNotRunning: 'المكون {name} غير قيد التشغيل ، يرجى تشغيله أولاً',
       releaseEmptyTip: 'لا توجد أي إصدارات هنا',
       createReleaseTip: 'يمكنك إنشاء إصدار للـ بلوكليت، جنباً إلى جنب مع ملاحظات الإصدار والموارد، ليستخدمها الآخرون.',
@@ -708,7 +707,11 @@ export default {
         title: 'احذف {name}',
         scan: 'امسح رمز الاستجابة السريعة أدناه لحذف {name}',
         confirm: 'يرجى تأكيد استخدام محفظة الهوية اللامركزية',
-        success: 'تم حذف مشروع Blocklet ، يرجى متابعة العملية الخاصة بك.'
+        success: 'تم حذف مشروع Blocklet ، يرجى متابعة العملية الخاصة بك.',
+        tip1: 'لن يكون من الممكن استعادة مشروع Blocklet بعد الحذف',
+        tip2: 'لن تكون قادرًا بعد الآن على نشر إصدارات جديدة للبلوكليت المحذوف ، مما يعني أن البلوكليت لن يتم تحديثه في المتجر بعد الآن.',
+        tip3: 'سيؤدي حذف البلوكليت إلى ضرورة نشر الإصدار الحالي منه في المتجر.',
+        description: 'بعد حذف البلوكليت، ستواجه المشكلات التالية، هل أنت متأكد أنك تريد حذفه؟'
       }
     },
     titleValidationError: 'يجب أن يكون طول العنوان على الأقل 3 أحرف',
@@ -1616,7 +1619,6 @@ export default {
           title: 'حذف البوابة',
           succeeded: 'حذف DID Spaces {name} بنجاح',
           failed: 'فشل حذف البوابة',
-          failedForConnected: 'غير قادر على حذف فضاء DID متصل',
           failedForSelected: 'غير قادر على حذف مساحة DID المحددة'
         },
         connect: {
@@ -1686,12 +1688,39 @@ export default {
       domain: 'مجال',
       domainDescription: 'مطلوب نطاق Auth0',
       clientId: 'معرف العميل',
-      clientIdDescribe: 'مطلوب معرف عميل Auth0'
+      clientIdDescribe: 'مطلوب معرف عميل Auth0',
+      clientSecret: 'سر العميل'
     },
     comingSoon: 'تحت الإنشاء طرق تسجيل الدخول الأخرى.',
     moreLogin: 'تسجيل الدخول المزيد',
     federated: 'تسجيل الدخول الموحد',
-    runTest: 'اختبار'
+    runTest: 'اختبار',
+    github: {
+      enable: 'تمكين تسجيل الدخول على Github',
+      clientId: 'معرف العميل',
+      clientIdDescribe: 'مطلوب معرف عميل (clientId) لتطبيق Github OAuth',
+      clientSecret: 'سر العميل',
+      clientSecretDescribe: 'مطلوب clientSecret لتطبيق Github OAuth'
+    },
+    google: {
+      enable: 'تفعيل تسجيل الدخول في جوجل',
+      clientId: 'معرف العميل',
+      clientIdDescribe: 'مطلوب معرف تطبيق Google OAuth',
+      clientSecret: 'سر العميل',
+      clientSecretDescribe: 'مطلوب clientSecret لتطبيق Google OAuth'
+    },
+    apple: {
+      enable: 'تفعيل تسجيل الدخول الخاص بـ آبل',
+      teamId: 'رقم فريق',
+      teamIdDescribe: 'مطلوب معرف فريق لتطبيق Apple OAuth',
+      serviceId: 'رقم الخدمة',
+      serviceIdDescribe: 'مطلوب معرف خدمة لتطبيق Apple OAuth',
+      keyId: 'مفتاح ID',
+      keyIdDescribe: 'مطلوب مفتاح تطبيق OAuth لأبل',
+      authKey: 'مفتاح Auth',
+      authKeyDescribe: 'مفتاح المصادقة لتطبيق Apple OAuth مطلوب'
+    },
+    oauth: 'تسجيل الدخول من طرف ثالث'
   },
   expiration: {
     mobile: {