@abtnode/ux 1.16.29-beta-0070353c → 1.16.29-beta-e04c6f40

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

@@ -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,

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/index.js

@@ -53,7 +53,9 @@ const addComponentTabs = ({
   });
 };
 const pickParams = (baseParams, app) => {
-  const params = pick(baseParams, ['blockletVersion', 'blockletTitle', 'blockletDescription', 'blockletLogo', 'blockletIntroduction', 'blockletScreenshots', 'connectedStores', 'blockletComponents', 'lastReleaseId', 'uploadedResource', 'note']);
+  const params = pick(baseParams, ['blockletVersion', 'blockletTitle', 'blockletDescription', 'blockletLogo', 'blockletIntroduction', 'blockletScreenshots', 'connectedStores', 'blockletComponents', 'lastReleaseId', 'uploadedResource'
+  // 'note',
+  ]);
   if (!params.blockletComponents) {
     params.blockletComponents = (app.children || []).map(x => ({
       did: x.meta.did,

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

@@ -356,7 +356,9 @@ export default {
     blockletStudio: 'استوديو',
     visitStore: 'زيارة المتجر',
     reconnect: 'إعادة الاتصال',
-    change: 'تغيير'
+    change: 'تغيير',
+    disconnect: 'توقف',
+    sourceApp: 'ينتمي إلى التطبيق'
   },
   blocklet: {
     external: 'خارجي',
@@ -727,7 +729,7 @@ export default {
       },
       resourceTip: 'حاليًا ، كما هو الحال بوصفه كتلة مورد ، لا يمكن تثبيته مباشرة من المتجر.',
       whyCantSeeInStore: 'لماذا لا أستطيع رؤية هذا البلوكليت في المتجر؟',
-      whyCantSeeResourceBlockletInStore: 'لماذا لا يمكنني رؤية بلوكليت الموارد هذا في المتجر؟',
+      whyCantSeeResourceBlockletInStore: 'تم إخفاء Blockletات الموارد من صفحة قائمة المتجر افتراضيًا',
       tenantScope: 'مستأجر',
       blockletStudio: 'استوديو بلوكليت',
       allComponentsNotRunning: 'لا يعمل بلوكلتس، يرجى تشغيله أولاً',
@@ -744,7 +746,9 @@ export default {
       branding: 'العلامة التجارية',
       brandingHelp: 'سيتم عرض مزيد من المعلومات حول البلوكلت في المتجر',
       resourceSelect: 'اختر موردًا من Blocklets',
-      resourceUpload: 'تحميل المورد من القرص الخاص بك (الفهرس.html مطلوب في الأرشيف)'
+      resourceUpload: 'تحميل المورد من القرص الخاص بك (الفهرس.html مطلوب في الأرشيف)',
+      deleteStoreTip: 'هل أنت متأكد أنك تريد إزالة {name} من قائمة متجر الاتصال؟',
+      disconnectStoreTip: 'سيتم حذف بلوكليت من المخزن بعد الفصل. هل أنت متأكد من أنك تريد الفصل؟'
     },
     titleValidationError: 'يجب أن يكون طول العنوان على الأقل 3 أحرف',
     descriptionValidationError: 'يجب أن تكون طول الوصف بين 3 و 160 حرفًا'

package/lib/locales/de.js

@@ -356,7 +356,9 @@ export default {
     blockletStudio: 'Studio',
     visitStore: 'Besuche den Laden',
     reconnect: 'Verbinden wiederherstellen',
-    change: 'Ändern'
+    change: 'Ändern',
+    disconnect: 'Verbindung trennen',
+    sourceApp: 'Zur App gehörend'
   },
   blocklet: {
     external: 'Extern',
@@ -727,7 +729,7 @@ export default {
       },
       resourceTip: 'Zurzeit kann es als Ressourcen-Blocklet nicht direkt aus dem Store installiert werden.',
       whyCantSeeInStore: 'Warum kann ich dieses Blocklet nicht im Store sehen?',
-      whyCantSeeResourceBlockletInStore: 'Warum kann ich diesen Ressourcen-Blocklet nicht im Store sehen?',
+      whyCantSeeResourceBlockletInStore: 'Ressourcen-Blocklets sind standardmäßig auf der Store-Listenseite ausgeblendet',
       tenantScope: 'Mieter',
       blockletStudio: 'Blocklet Studio',
       allComponentsNotRunning: 'Blocklets läuft nicht, bitte starten Sie es zuerst',
@@ -744,7 +746,9 @@ export default {
       branding: 'Branding',
       brandingHelp: 'Weitere Informationen über den Blocklet werden im Store angezeigt',
       resourceSelect: 'Wählen Sie eine Ressource aus Blocklets',
-      resourceUpload: 'Ressource von Ihrer Festplatte hochladen (index.html ist im Archiv erforderlich)'
+      resourceUpload: 'Ressource von Ihrer Festplatte hochladen (index.html ist im Archiv erforderlich)',
+      deleteStoreTip: 'Möchten Sie {name} wirklich aus der Verbindungsliste des Stores entfernen?',
+      disconnectStoreTip: 'Das Blocklet wird nach dem Trennen aus dem Store entfernt. Möchten Sie wirklich trennen?'
     },
     titleValidationError: 'Die Länge des Titels muss mindestens 3 Zeichen betragen',
     descriptionValidationError: 'Die Beschreibungslänge muss zwischen 3 und 160 Zeichen liegen'

package/lib/locales/en.js

@@ -259,6 +259,7 @@ export default {
     protocol: 'Protocol',
     purchase: 'Purchase',
     reconnect: 'Reconnect',
+    disconnect: 'Disconnect',
     readMore: 'More',
     redirect: 'Redirect',
     redirectCode: 'Redirect Code',
@@ -348,7 +349,8 @@ export default {
     endTime: 'End time',
     selected: 'Selected',
     timeoutError: 'Timeout error',
-    tags: 'Tags'
+    tags: 'Tags',
+    sourceApp: 'Belong to App'
   },
   blocklet: {
     external: 'External',
@@ -660,6 +662,7 @@ export default {
       branding: 'Branding',
       brandingHelp: 'More information about the blocklet will be displayed in the Store',
       download: 'Download {name}',
+      deleteStoreTip: 'Are you sure you want to remove {name} from the connect Store list?',
       delete: 'Delete {name}',
       copyInstallUrl: 'Copy Install URL',
       createResource: 'Create Resource',
@@ -676,6 +679,7 @@ export default {
       createBlockletTip: 'You can create new blocklet through existing resources, components, and configuration in this application',
       createBlocklet: 'New blocklet',
       reconnectStoreTip: 'After reconnecting, a new developer will be bound. Are you sure you want to reconnect?',
+      disconnectStoreTip: 'After disconnecting, the blocklet will be removed from the store. Are you sure you want to disconnect?',
       componentNotRunning: 'Blocklet {name} is not running, please start it first',
       allComponentsNotRunning: 'Blocklets is not running, please start it first',
       releaseEmptyTip: "There aren't any releases here",

package/lib/locales/es.js

@@ -356,7 +356,9 @@ export default {
     blockletStudio: 'Estudio',
     visitStore: 'Visitar tienda',
     reconnect: 'Reconecta',
-    change: 'Cambiar'
+    change: 'Cambiar',
+    disconnect: 'Desconectar',
+    sourceApp: 'Pertenece a la aplicación'
   },
   blocklet: {
     external: 'Externo',
@@ -727,7 +729,7 @@ export default {
       },
       resourceTip: 'Actualmente, como un Bloque de Recursos, no se puede instalar directamente desde la Tienda.',
       whyCantSeeInStore: '¿Por qué no puedo ver este blocklet en la Tienda?',
-      whyCantSeeResourceBlockletInStore: '¿Por qué no puedo ver este Recurso Blocklet en la Tienda?',
+      whyCantSeeResourceBlockletInStore: 'Los Blocklets de recurso están ocultos de la página de listado de la tienda de forma predeterminada',
       tenantScope: 'Inquilino',
       blockletStudio: 'Blocklet Studio',
       allComponentsNotRunning: 'Blocklets no está ejecutándose, por favor inícialo primero',
@@ -744,7 +746,9 @@ export default {
       branding: 'Branding',
       brandingHelp: 'Se mostrará más información sobre el blocklet en la tienda',
       resourceSelect: 'Seleccionar recurso de blocklets',
-      resourceUpload: 'Cargar recurso desde tu disco (index.html es requerido en el archivo)'
+      resourceUpload: 'Cargar recurso desde tu disco (index.html es requerido en el archivo)',
+      deleteStoreTip: '¿Estás seguro de que quieres eliminar a {name} de la lista de la tienda Connect?',
+      disconnectStoreTip: 'Después de la desconexión, se eliminará el blocklet de la tienda. ¿Seguro que desea desconectar?'
     },
     titleValidationError: 'La longitud del título debe ser de al menos 3 caracteres',
     descriptionValidationError: 'La longitud de la descripción debe estar entre 3 y 160 caracteres'

package/lib/locales/fr.js

@@ -356,7 +356,9 @@ export default {
     blockletStudio: 'Studio',
     visitStore: 'Visiter le magasin',
     reconnect: 'Reconnecter',
-    change: 'Changer'
+    change: 'Changer',
+    disconnect: 'Déconnecter',
+    sourceApp: "Appartient à l'application"
   },
   blocklet: {
     external: 'Externe',
@@ -727,7 +729,7 @@ export default {
       },
       resourceTip: 'Actuellement, en tant que bloc de ressources, il ne peut pas être installé directement depuis le Store.',
       whyCantSeeInStore: 'Pourquoi je ne peux pas voir ce blocklet dans le Store?',
-      whyCantSeeResourceBlockletInStore: 'Pourquoi je ne peux pas voir ce Blocklet de ressources dans le magasin ?',
+      whyCantSeeResourceBlockletInStore: 'Les Blocklets de ressources sont masqués par défaut de la page de liste du magasin',
       tenantScope: 'Locataire',
       blockletStudio: 'Blocklet Studio',
       allComponentsNotRunning: "Blocklets ne fonctionne pas, veuillez le démarrer d'abord",
@@ -744,7 +746,9 @@ export default {
       branding: 'Branding',
       brandingHelp: "Plus d'informations sur le blocklet seront affichées dans le magasin",
       resourceSelect: 'Sélectionnez une ressource des blocklets',
-      resourceUpload: "Téléchargez la ressource depuis votre disque (index.html est requis dans l'archive)"
+      resourceUpload: "Téléchargez la ressource depuis votre disque (index.html est requis dans l'archive)",
+      deleteStoreTip: 'Êtes-vous sûr de vouloir supprimer {name} de la liste du magasin Connect?',
+      disconnectStoreTip: 'Le bloclet sera supprimé du store après sa déconnexion. Êtes-vous sûr de vouloir le déconnecter ?'
     },
     titleValidationError: "La longueur du titre doit être d'au moins 3 caractères",
     descriptionValidationError: 'La longueur de la description doit être comprise entre 3 et 160 caractères'

package/lib/locales/hi.js

@@ -356,7 +356,9 @@ export default {
     blockletStudio: 'स्टूडियो',
     visitStore: 'स्टोर को देखें',
     reconnect: 'पुनः कनेक्ट करें',
-    change: 'परिवर्तन'
+    change: 'परिवर्तन',
+    disconnect: 'डिस्कनेक्ट करें',
+    sourceApp: 'ऐप से संबद्ध'
   },
   blocklet: {
     external: 'बाहरी',
@@ -727,7 +729,7 @@ export default {
       },
       resourceTip: 'वर्तमान में, रिसोर्स ब्लॉकलेट के रूप में, यह स्टोर से सीधे स्थापित नहीं किया जा सकता है।',
       whyCantSeeInStore: 'क्यों मुझे स्टोर में इस ब्लॉकलेट को नहीं देख सकता?',
-      whyCantSeeResourceBlockletInStore: 'क्यों मुझे दुकान में इस संसाधन ब्लॉकलेट को नहीं देख सकता हूँ?',
+      whyCantSeeResourceBlockletInStore: 'संसाधन ब्लॉकलेट डिफ़ॉल्ट रूप से स्टोर लिस्टिंग पेज से छुपे हुए हैं',
       tenantScope: 'किरायेदार',
       blockletStudio: 'ब्लॉकलेट स्टूडियो',
       allComponentsNotRunning: 'ब्लॉकलेट्स चल नहीं रहा है, कृपया पहले इसे शुरू करें',
@@ -744,7 +746,9 @@ export default {
       branding: 'ब्रांडिंग',
       brandingHelp: 'स्टोर में ब्लॉकलेट के बारे में अधिक जानकारी दी जाएगी',
       resourceSelect: 'ब्लॉकलेट से संसाधन का चयन करें',
-      resourceUpload: 'अपनी डिस्क से संसाधन अपलोड करें (संग्रह में index.html आवश्यक है)'
+      resourceUpload: 'अपनी डिस्क से संसाधन अपलोड करें (संग्रह में index.html आवश्यक है)',
+      deleteStoreTip: 'क्या आप वाकई {name} को कनेक्ट स्टोर से हटाना चाहते हैं?',
+      disconnectStoreTip: 'ब्लॉकलेट को डिस्कनेक्ट करने के बाद उसे स्टोर से हटा दिया जाएगा। क्या आप वाकई में उसे डिस्कनेक्ट करना चाहते हैं?'
     },
     titleValidationError: 'शीर्षक की लंबाई कम से कम 3 अक्षर होनी चाहिए',
     descriptionValidationError: 'विवरण की लंबाई 3 और 160 वर्णों के बीच होनी चाहिए'