@abtnode/ux 1.16.29-beta-0070353c → 1.16.29-beta-88bdefe8

package/lib/blocklet/component/add-component/add-component-core.js

@@ -3,7 +3,6 @@ import PropTypes from 'prop-types';
 import { useEffect, useRef, useState } from 'react';
 import { useParams } from 'react-router-dom';
 import { isInServerlessMode } from '@abtnode/util/lib/serverless';
-import Alert from '@mui/material/Alert';
 import AnimationWaiter from '@arcblock/ux/lib/AnimationWaiter';
 import Button from '@arcblock/ux/lib/Button';
 import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
@@ -14,6 +13,7 @@ import PageHeader from '@blocklet/launcher-layout/lib/page-header';
 import styled from '@emotion/styled';
 import CheckIcon from '@mui/icons-material/Check';
 import AddIcon from '@mui/icons-material/Link';
+import Alert from '@mui/material/Alert';
 import Box from '@mui/material/Box';
 import Spinner from '@mui/material/CircularProgress';
 import TextField from '@mui/material/TextField';
@@ -23,9 +23,9 @@ import flatten from 'lodash/flatten';
 import isEmpty from 'lodash/isEmpty';
 import isNil from 'lodash/isNil';
 import uniqBy from 'lodash/uniqBy';
+import Toast from '@arcblock/ux/lib/Toast';
 import urlPathFriendly from '@blocklet/meta/lib/url-path-friendly';
 import { getDisplayName, getSharedConfigObj, hasStartEngine, isFreeBlocklet } from '@blocklet/meta/lib/util';
-import Toast from '@arcblock/ux/lib/Toast';
 import { useBlockletContext } from '../../../contexts/blocklet';
 import { ConfigSpaceProvider } from '../../../contexts/config-space';
 import { useNodeContext } from '../../../contexts/node';
@@ -783,19 +783,8 @@ export default function AddComponentCore({
         onClickNext: onNext,
         installRelated: installRelated,
         onChangeInstallRelated: setInstallRelated,
-        handleDescEle: /*#__PURE__*/_jsxs(_Fragment, {
-          children: [/*#__PURE__*/_jsx("p", {
-            children: /*#__PURE__*/_jsx("div", {
-              // eslint-disable-next-line
-              dangerouslySetInnerHTML: {
-                __html: t(`blocklet.component.addComponentTip.${params.requirePurchase ? 'isPurchase' : 'isFree'}`, {
-                  name: getComponentName()
-                })
-              }
-            })
-          }), /*#__PURE__*/_jsx("p", {
-            children: t('blocklet.component.addComponentTip.belowInformation')
-          })]
+        handleDescEle: /*#__PURE__*/_jsx("p", {
+          children: t('blocklet.component.addComponentTip.belowInformation')
         })
       })]
     }),

package/lib/blocklet/logo-uploader.js

@@ -57,7 +57,7 @@ export default function LogoUploader({
       },
       coreProps: {
         restrictions: {
-          allowedFileTypes: ['image/*', '.jpg', '.jpeg', '.png', '.gif', '.svg'],
+          allowedFileExts: ['.webp', '.jpg', '.jpeg', '.png', '.gif', '.svg'],
           maxFileSize: 1024 * 1024 * 10,
           maxNumberOfFiles: 1
         }

package/lib/blocklet/notification/push-kit.js

@@ -6,6 +6,7 @@ import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
 import Toast from '@arcblock/ux/lib/Toast';
 import Button from '@arcblock/ux/lib/Button';
 import isURL from 'validator/lib/isURL';
+import { joinURL, withQuery } from 'ufo';
 import { useNodeContext } from '../../contexts/node';
 import { useBlockletContext } from '../../contexts/blocklet';
 import useConfirm from '../../hooks/confirm';
@@ -82,15 +83,28 @@ function NotificationPushKit() {
       if (formState.isDirty) {
         await onSubmit(data, event, false);
       }
+      const appUrl = (blocklet?.configs || []).find(x => x.key === 'BLOCKLET_APP_URL')?.value;
       await api.sendPush({
         input: {
           did,
           receiver: pageState.testReceiver,
           notification: JSON.stringify({
-            title: 'Test push-kit notification',
-            body: 'This is message from push-kit config test',
             type: 'passthrough',
-            passthroughType: 'messageStatus'
+            passthroughType: 'messageStatus',
+            data: {
+              message: {
+                title: 'Test push-kit notification',
+                body: 'This is message from push-kit config test',
+                sender: {
+                  did: blocklet?.appDid,
+                  fullName: blocklet?.meta?.title,
+                  avatar: withQuery(joinURL(appUrl, '/.well-known/service/blocklet/logo'), {
+                    v: blocklet?.meta?.version,
+                    t: new Date(blocklet?.updatedAt || 0).getTime()
+                  })
+                }
+              }
+            }
           })
         }
       });

package/lib/blocklet/publish/create-release/branding.js

@@ -15,7 +15,7 @@ import { useNodeContext } from '../../../contexts/node';
 import useWantToConnectStore from '../hooks/use-want-to-connect-store';
 import EmptySpinner from '../../../empty-spinner';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const allowedFileTypes = ['image/*', '.jpg', '.jpeg', '.png', '.gif', '.svg'];
+const allowedFileExts = ['.webp', '.jpg', '.jpeg', '.png', '.gif', '.svg'];
 const maxFileSize = 1024 * 1024 * 10; // 10 MB
 
 // eslint-disable-next-line import/no-unresolved
@@ -169,6 +169,7 @@ function Branding({
               children: /*#__PURE__*/_jsx(ConnectStoreButton, {
                 blocklet: blocklet,
                 store: wantToConnectStore,
+                componentDid: componentDid,
                 onChangeStore: setWantToConnectStore,
                 disabled: !params.blockletTitle || readOnly || loading,
                 loading: loading,
@@ -324,7 +325,7 @@ function Branding({
           },
           coreProps: {
             restrictions: {
-              allowedFileTypes,
+              allowedFileExts,
               maxFileSize,
               maxNumberOfFiles: 1
             }
@@ -350,7 +351,7 @@ function Branding({
           },
           coreProps: {
             restrictions: {
-              allowedFileTypes,
+              allowedFileExts,
               maxFileSize,
               maxNumberOfFiles: 5 - screenshotUrls.length
             }

package/lib/blocklet/publish/create-release/connect-store-button.js

@@ -1,16 +1,16 @@
-import { useState, useRef } from 'react';
-import PropTypes from 'prop-types';
-import Button from '@mui/material/Button';
-import ButtonGroup from '@mui/material/ButtonGroup';
-import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';
-import ClickAwayListener from '@mui/material/ClickAwayListener';
-import Grow from '@mui/material/Grow';
-import Paper from '@mui/material/Paper';
-import Popper from '@mui/material/Popper';
-import MenuItem from '@mui/material/MenuItem';
-import MenuList from '@mui/material/MenuList';
-import Spinner from '@mui/material/CircularProgress';
 import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
+import { BLOCKLET_TENANT_MODES } from '@blocklet/constant';
+import AddIcon from '@mui/icons-material/Add';
+import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';
+import { Button, ButtonGroup, CircularProgress, ClickAwayListener, Divider, Grow, IconButton, MenuItem, MenuList, Paper, Popper, Typography } from '@mui/material';
+import PropTypes from 'prop-types';
+import { Icon } from '@iconify/react';
+import { useRef, useState } from 'react';
+import Toast from '@arcblock/ux/lib/Toast';
+import formatError from '@abtnode/util/lib/format-error';
+import AddStore from '../../../store/add';
+import { useNodeContext } from '../../../contexts/node';
+import ConfirmDialog from '../../../confirm';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 export default function ConnectStoreButton({
   blocklet,
@@ -18,19 +18,25 @@ export default function ConnectStoreButton({
   onChangeStore,
   onClick,
   disabled,
-  loading
+  loading,
+  componentDid
 }) {
   const {
     t
   } = useLocaleContext();
   const [open, setOpen] = useState(false);
   const anchorRef = useRef(null);
-  const handleMenuItemClick = nextStore => {
+  const [openAddStore, setOpenAddStore] = useState(false);
+  const {
+    api
+  } = useNodeContext();
+  const [deleteStore, setDeleteStore] = useState(null);
+  const handleSelectStore = nextStore => {
     onChangeStore(nextStore);
     setOpen(false);
   };
   const handleToggle = () => {
-    setOpen(prevOpen => !prevOpen);
+    setOpen(true);
   };
   const handleClose = event => {
     if (anchorRef.current && anchorRef.current.contains(event.target)) {
@@ -38,7 +44,32 @@ export default function ConnectStoreButton({
     }
     setOpen(false);
   };
-  const options = blocklet?.settings?.storeList || [];
+  const handleOpenAddStore = () => {
+    setOpenAddStore(true);
+  };
+  const handleCloseAddStore = () => {
+    setOpenAddStore(false);
+  };
+  const handleDeleteStore = async () => {
+    if (!deleteStore) {
+      return;
+    }
+    try {
+      await api.deleteBlockletStore({
+        input: {
+          teamDid: blocklet.meta.did,
+          url: deleteStore.url,
+          projectId: ''
+        }
+      });
+      setDeleteStore(null);
+    } catch (err) {
+      Toast.error(`Remove Blocklet Store Error: ${formatError(err)}`);
+    }
+  };
+  const storeList = blocklet?.settings?.storeList || [];
+  const did = blocklet?.meta?.did;
+  const manageable = !(componentDid && window.blocklet?.tenantMode === BLOCKLET_TENANT_MODES.MULTIPLE);
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsxs(ButtonGroup, {
       disabled: disabled,
@@ -48,7 +79,7 @@ export default function ConnectStoreButton({
       "aria-label": "Button group with connect store",
       children: [/*#__PURE__*/_jsxs(Button, {
         onClick: onClick,
-        children: [loading && /*#__PURE__*/_jsx(Spinner, {
+        children: [loading && /*#__PURE__*/_jsx(CircularProgress, {
           size: 14,
           sx: {
             mr: 0.5
@@ -83,18 +114,60 @@ export default function ConnectStoreButton({
         children: /*#__PURE__*/_jsx(Paper, {
           children: /*#__PURE__*/_jsx(ClickAwayListener, {
             onClickAway: handleClose,
-            children: /*#__PURE__*/_jsx(MenuList, {
+            children: /*#__PURE__*/_jsxs(MenuList, {
               id: "split-button-menu",
               autoFocusItem: true,
-              children: options.map(option => /*#__PURE__*/_jsx(MenuItem, {
+              children: [storeList.map(option => /*#__PURE__*/_jsxs(MenuItem, {
                 selected: option.id === store.id,
-                onClick: () => handleMenuItemClick(option),
-                children: option.name
-              }, option))
+                sx: {
+                  height: 40
+                },
+                onClick: () => handleSelectStore(option),
+                children: [/*#__PURE__*/_jsx(Typography, {
+                  variant: "inherit",
+                  children: option.name
+                }), manageable && !option.protected && /*#__PURE__*/_jsx(IconButton, {
+                  sx: {
+                    ml: 1
+                  },
+                  onClick: e => {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    setDeleteStore(option);
+                  },
+                  children: /*#__PURE__*/_jsx(Icon, {
+                    icon: "ic:outline-delete"
+                  })
+                })]
+              }, option.url)), manageable && /*#__PURE__*/_jsx(Divider, {}), manageable && /*#__PURE__*/_jsxs(MenuItem, {
+                onClick: handleOpenAddStore,
+                children: [/*#__PURE__*/_jsx(AddIcon, {
+                  font: true
+                }), /*#__PURE__*/_jsx(Typography, {
+                  variant: "inherit",
+                  children: t('store.blockletRegistry.addRegistry')
+                })]
+              })]
             })
           })
         })
       })
+    }), openAddStore && /*#__PURE__*/_jsx(AddStore, {
+      hiddenChildren: true,
+      open: true,
+      onClose: handleCloseAddStore,
+      teamDid: did,
+      storeList: storeList,
+      scope: "studio"
+    }), deleteStore && /*#__PURE__*/_jsx(ConfirmDialog, {
+      displayError: true,
+      title: `${t('common.delete')} ${deleteStore.name}`,
+      description: t('blocklet.publish.deleteStoreTip', {
+        name: deleteStore.name
+      }),
+      confirm: t('common.confirm'),
+      onConfirm: handleDeleteStore,
+      onCancel: () => setDeleteStore(null)
     })]
   });
 }
@@ -104,7 +177,10 @@ ConnectStoreButton.propTypes = {
   onChangeStore: PropTypes.func.isRequired,
   onClick: PropTypes.func.isRequired,
   loading: PropTypes.bool.isRequired,
-  disabled: PropTypes.bool.isRequired
+  disabled: PropTypes.bool.isRequired,
+  componentDid: PropTypes.string.isRequired,
+  projectType: PropTypes.string.isRequired,
+  getData: PropTypes.func.isRequired
 };
 ConnectStoreButton.defaultProps = {
   store: null,

package/lib/blocklet/publish/create-release/connect-store-list.js

@@ -19,7 +19,9 @@ function ConnectStoreList({
   onDelete,
   projectType,
   componentDid,
-  onOpenConnectStore
+  onOpenConnectStore,
+  behavior,
+  onSelectConnectStore
 }) {
   const {
     t
@@ -35,9 +37,8 @@ function ConnectStoreList({
     }, {});
   }, [connectedStores]);
   const did = blocklet?.meta?.did;
-  const handleAddStore = () => {};
   return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [!!storeList?.length && /*#__PURE__*/_jsx(Alert, {
+    children: [behavior === 'connect' && !!storeList?.length && /*#__PURE__*/_jsx(Alert, {
       severity: "info",
       style: {
         width: '100%'
@@ -61,6 +62,8 @@ function ConnectStoreList({
         "data-cy": "store-switch",
         children: /*#__PURE__*/_jsx(ListItemText, {
           children: /*#__PURE__*/_jsx(StoreItem, {
+            behavior: behavior,
+            onSelectConnectStore: onSelectConnectStore,
             releaseId: releaseId,
             projectId: projectId,
             releaseType: releaseType,
@@ -76,7 +79,6 @@ function ConnectStoreList({
         })
       }, x.url))
     }), componentDid && window.blocklet?.tenantMode === BLOCKLET_TENANT_MODES.MULTIPLE ? null : /*#__PURE__*/_jsx(AddStore, {
-      onAdd: handleAddStore,
       teamDid: did,
       storeList: storeList,
       scope: "studio"
@@ -94,7 +96,9 @@ ConnectStoreList.propTypes = {
   connectedStores: PropTypes.arrayOf(PropTypes.object).isRequired,
   projectType: PropTypes.string,
   componentDid: PropTypes.string,
-  onOpenConnectStore: PropTypes.func
+  onOpenConnectStore: PropTypes.func,
+  onSelectConnectStore: PropTypes.func,
+  behavior: PropTypes.string
 };
 ConnectStoreList.defaultProps = {
   projectType: '',
@@ -102,6 +106,8 @@ ConnectStoreList.defaultProps = {
   publishedStoreIds: [],
   onPublish: () => {},
   onDelete: () => {},
-  onOpenConnectStore: () => {}
+  onOpenConnectStore: () => {},
+  onSelectConnectStore: () => {},
+  behavior: 'connect'
 };
 export default ConnectStoreList;

package/lib/blocklet/publish/create-release/header.js

@@ -197,6 +197,16 @@ function Header({
           componentDid
         }, '*');
       }
+      setParamsErrTip({
+        blockletResource: '',
+        blockletTitle: '',
+        blockletDescription: '',
+        blockletVersion: '',
+        blockletLogo: '',
+        projectId: '',
+        blockletIntroduction: '',
+        note: ''
+      });
       if (mode === 'create' || mode === 'new-release') {
         const id = res?.release?.id;
         navigate(`../${projectId}/view/${id}`, {

package/lib/blocklet/publish/create-release/index.js

@@ -188,6 +188,9 @@ export default function CreateRelease({
         Toast.error('Release not found');
         return;
       }
+      if (mode !== 'view') {
+        res.release.note = '';
+      }
       setParams(lastParams => pickParams({
         ...lastParams,
         ...res.release,

package/lib/blocklet/publish/create-release/resource-upload.js

@@ -6,7 +6,7 @@ import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
 import Toast from '@arcblock/ux/lib/Toast/index';
 import EmptySpinner from '../../../empty-spinner';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const allowedFileTypes = ['.zip', '.gz'];
+const allowedFileExts = ['.zip', '.gz'];
 const maxFileSize = 1024 * 1024 * 100; // 100 MB
 
 // eslint-disable-next-line import/no-unresolved
@@ -86,7 +86,7 @@ export default function ResourceUpload({
         },
         coreProps: {
           restrictions: {
-            allowedFileTypes,
+            allowedFileExts,
             maxFileSize,
             maxNumberOfFiles: 1
           }

package/lib/invitation/invitation-receive.js

@@ -1,13 +1,14 @@
-import { useCallback } from 'react';
 import PropTypes from 'prop-types';
 import styled from '@emotion/styled';
 import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
 import DidButton from '@arcblock/did-connect/lib/Button';
 import { AUTH_SERVICE_PREFIX, API_DID_PREFIX } from '@arcblock/did-connect/lib/constant';
 import { joinURL } from 'ufo';
+import { useMemoizedFn, useMount, useReactive } from 'ahooks';
 import { formatDateTime } from '../util';
 import usePassportId from '../hooks/use-passport-id';
 import { useSessionContext } from '../contexts/session';
+import blockletSdk from '../util/sdk';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function InvitationReceive({
   invitation,
@@ -30,28 +31,47 @@ function InvitationReceive({
   if (typeof window !== 'undefined') {
     componentId = window?.blocklet?.componentId;
   }
-  const passportId = getPassportId();
-  const extraParams = {
-    // 生成 passport 信息需要 baseUrl 字段
-    baseUrl: window.location.origin,
-    componentId
-  };
-  if (passportId) {
-    extraParams.passportId = passportId;
-  }
-  if (action === 'invite') {
-    extraParams.inviteId = invitation.inviteId;
-  } else if (action === 'issue-passport') {
-    extraParams.id = invitation.inviteId;
-  }
-  const onClose = useCallback(() => {
+  const currentState = useReactive({
+    loading: false,
+    extraParams: {
+      // 生成 passport 信息需要 baseUrl 字段
+      baseUrl: window.location.origin,
+      componentId,
+      sourceAppPid: invitation?.sourceAppPid || null
+    }
+  });
+  useMount(async () => {
+    const passportId = getPassportId();
+    if (passportId) {
+      currentState.extraParams.passportId = passportId;
+    }
+    if (action === 'invite') {
+      currentState.extraParams.inviteId = invitation.inviteId;
+    } else if (action === 'issue-passport') {
+      currentState.extraParams.id = invitation.inviteId;
+    }
+    if (inService && invitation?.receiver?.did) {
+      currentState.loading = true;
+      try {
+        const publicInfo = await blockletSdk.user.getUserPublicInfo({
+          did: invitation.receiver.did
+        });
+        if (publicInfo?.sourceAppPid) {
+          currentState.extraParams.sourceAppPid = publicInfo.sourceAppPid;
+        }
+      } finally {
+        currentState.loading = false;
+      }
+    }
+  });
+  const onClose = useMemoizedFn(() => {
     connectApi.close();
-  }, [connectApi]);
-  const onSuccess = useCallback((...args) => {
+  });
+  const onSuccess = useMemoizedFn((...args) => {
     connectApi.close();
     onLogin(...args);
-  }, [onLogin, connectApi]);
-  const onClickReceive = useCallback(() => {
+  });
+  const onClickReceive = useMemoizedFn(() => {
     if (typeof onReceive === 'function') {
       onReceive();
       return;
@@ -62,10 +82,11 @@ function InvitationReceive({
         className: 'connect',
         forceConnected: invitation?.receiver?.did || false,
         autoConnect: false,
+        disableSwitchApp: true,
         locale,
         extraParams: {
           provider: 'wallet',
-          ...extraParams
+          ...currentState.extraParams
         },
         baseUrl: window.location.origin,
         prefix: joinURL(window.location.origin, AUTH_SERVICE_PREFIX, API_DID_PREFIX),
@@ -86,8 +107,9 @@ function InvitationReceive({
         className: 'connect',
         forceConnected: invitation?.receiver?.did || false,
         autoConnect: false,
+        disableSwitchApp: true,
         locale,
-        extraParams,
+        extraParams: currentState.extraParams,
         messages: {
           title: t('receive.dialog.title'),
           scan: t('receive.dialog.scan'),
@@ -98,11 +120,10 @@ function InvitationReceive({
         onClose
       });
     }
-
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [connectApi.openPopup]);
+  });
   return /*#__PURE__*/_jsxs(Root, {
     children: [/*#__PURE__*/_jsx(DidButton, {
+      loading: currentState.loading,
       size: "large",
       variant: "contained",
       className: "invite-receive__button",

package/lib/invitation/invitation.js

@@ -34,8 +34,8 @@ function Invitation({
     });
   }
   const isSuccess = status === 'success' || state?.data?.status === 'success';
-  const Section1 = isSuccess ? InvitationSuccess : InvitationUser;
-  const Section2 = isSuccess ? InvitationLogin : InvitationReceive;
+  const SectionHeader = isSuccess ? InvitationSuccess : InvitationUser;
+  const SectionFooter = isSuccess ? InvitationLogin : InvitationReceive;
   return /*#__PURE__*/_jsx(Root, {
     className: "page-invite__wrapper",
     children: state?.data ? /*#__PURE__*/_jsxs(_Fragment, {
@@ -43,14 +43,14 @@ function Invitation({
         invitation: state.data
       }), /*#__PURE__*/_jsxs(Box, {
         className: "page-invite__card",
-        children: [/*#__PURE__*/_jsx(Section1, {
+        children: [/*#__PURE__*/_jsx(SectionHeader, {
           invitation: state.data
         }), /*#__PURE__*/_jsx(InvitationPassport, {
           invitation: state.data,
           action: action,
           createPassportSvg: createPassportSvg,
           passportColor: passportColor
-        }), /*#__PURE__*/_jsx(Section2, {
+        }), /*#__PURE__*/_jsx(SectionFooter, {
           invitation: state.data,
           action: action,
           onLogin: onLoginSuccess,

package/lib/locales/ar.js

@@ -41,12 +41,7 @@ export default {
   login: {
     loginTo: 'الاتصال بـ',
     description: 'فقط صاحب الخادم والأعضاء المعتمدين يمكنهم الوصول إلى لوحة المعلومات',
-    dialog: {
-      title: 'قم بتوصيل محفظة ديد',
-      scan: 'قم بتوصيل محفظة DID الخاصة بك لتوفير جواز السفر',
-      confirm: 'أكد على محفظة الهوية الرقمية الخاصة بك',
-      success: 'تم اتصالك بنجاح'
-    },
+    dialog: {},
     switchDid: {
       title: 'تبديل محفظة DID',
       scan: 'مسح رمز الاستجابة السريعة التالي لتبديل الحساب',
@@ -256,7 +251,6 @@ export default {
     preview: 'معاينة',
     protected: 'محمي',
     protocol: 'بروتوكول',
-    published: 'نشرت',
     purchase: 'شراء',
     readMore: 'أكثر',
     redirect: 'إعادة توجيه',
@@ -348,7 +342,6 @@ export default {
     selected: 'محدد',
     timeoutError: 'خطأ في المهلة',
     tags: 'وسوم',
-    publishToStore: 'نشر في المتجر',
     connectToStore: 'الاتصال بالمتجر',
     uploaded: 'تم التحميل',
     uploadToStore: 'تحميل إلى المتجر',
@@ -356,7 +349,9 @@ export default {
     blockletStudio: 'استوديو',
     visitStore: 'زيارة المتجر',
     reconnect: 'إعادة الاتصال',
-    change: 'تغيير'
+    change: 'تغيير',
+    disconnect: 'توقف',
+    sourceApp: 'ينتمي إلى التطبيق'
   },
   blocklet: {
     external: 'خارجي',
@@ -598,7 +593,6 @@ export default {
       downloadComponentError: 'حدث خطأ أثناء تنزيل المكون، يرجى إعادة المحاولة مرة أخرى',
       addComponentTip: {
         introduction: 'مرحبا بكم في معالج إضافة المكون',
-        isFree: 'يمكنك استخدام <b>{name}</b> كمكون مجاني;',
         isPurchase: 'يجب التحقق من الـ NFT قبل استخدام <b>{name}</b> كمكون',
         belowInformation: 'أدناه هي المعلومات للمكون:',
         verifyNFT: 'يرجى تحديد طريقة التحقق من NFT',
@@ -609,7 +603,6 @@ export default {
       addNext: 'أضف {name}',
       upgradeNext: 'ترقية {name}',
       setting: 'الإعدادات',
-      components: 'تبعيات المكوّن {name}',
       noDependencies: 'لا يوجد لدى {name} أي تبعيات',
       relatedComponents: 'النماذج المرتبطة',
       required: 'مطلوب',
@@ -727,14 +720,12 @@ export default {
       },
       resourceTip: 'حاليًا ، كما هو الحال بوصفه كتلة مورد ، لا يمكن تثبيته مباشرة من المتجر.',
       whyCantSeeInStore: 'لماذا لا أستطيع رؤية هذا البلوكليت في المتجر؟',
-      whyCantSeeResourceBlockletInStore: 'لماذا لا يمكنني رؤية بلوكليت الموارد هذا في المتجر؟',
+      whyCantSeeResourceBlockletInStore: 'تم إخفاء Blockletات الموارد من صفحة قائمة المتجر افتراضيًا',
       tenantScope: 'مستأجر',
       blockletStudio: 'استوديو بلوكليت',
       allComponentsNotRunning: 'لا يعمل بلوكلتس، يرجى تشغيله أولاً',
       resourceEmptyTip: 'لا توجد موارد متاحة',
-      information: 'معلومات',
       steps: {
-        information: 'صف البيانات الأساسية لحاجزك. سيتم تقديم هذه المعلومات للمستخدمين في المتجر.',
         resources: 'الرجاء تحديد الموارد التي يجب ربطها معالبلوكليت الحالي ، حيث ستتم تثبيت هذه الموارد جنباً إلى جنب مع البلوكليت.',
         blocklets: 'حدد العناصر النمطية لتكون مرتبطة.',
         version: 'تعيين نسخة الإصدار وسجل التغييرات.',
@@ -744,7 +735,9 @@ export default {
       branding: 'العلامة التجارية',
       brandingHelp: 'سيتم عرض مزيد من المعلومات حول البلوكلت في المتجر',
       resourceSelect: 'اختر موردًا من Blocklets',
-      resourceUpload: 'تحميل المورد من القرص الخاص بك (الفهرس.html مطلوب في الأرشيف)'
+      resourceUpload: 'تحميل المورد من القرص الخاص بك (الفهرس.html مطلوب في الأرشيف)',
+      deleteStoreTip: 'هل أنت متأكد أنك تريد إزالة {name} من قائمة متجر الاتصال؟',
+      disconnectStoreTip: 'سيتم حذف بلوكليت من المخزن بعد الفصل. هل أنت متأكد من أنك تريد الفصل؟'
     },
     titleValidationError: 'يجب أن يكون طول العنوان على الأقل 3 أحرف',
     descriptionValidationError: 'يجب أن تكون طول الوصف بين 3 و 160 حرفًا'
@@ -1069,7 +1062,6 @@ export default {
       }
     },
     domainAlias: {
-      inputDomain: 'قم بتكوين نطاق يدويًا',
       nftDomain: 'تكوين تلقائي مع نطاق DID',
       showTipHint: 'كيف يمكنني تكوين اكتشاف اسم النطاق؟',
       add: {
@@ -1519,7 +1511,6 @@ export default {
       purchaseSpace: 'شراء مساحة',
       prepareSpace: 'عد الفضاء'
     },
-    installRelatedDependencies: 'قم بتثبيت التبعيات ذات الصلة',
     installRelatedComponents: 'تثبيت البلوكليتس ذات الصلة'
   },
   issuePassport: {