@abtnode/ux 1.16.26-beta-351de484 → 1.16.26-beta-63f52a83

package/es/blocklet/component/component-info-dialog.js

@@ -0,0 +1,257 @@
+import { LocaleContext } from '@arcblock/ux/lib/Locale/context';
+import { useContext } from 'react';
+import styled from '@emotion/styled';
+import PropTypes from 'prop-types';
+import Badge from '@mui/material/Badge';
+import Dialog from '@mui/material/Dialog';
+import DialogContent from '@mui/material/DialogContent';
+import DialogTitle from '@mui/material/DialogTitle';
+import InfoRow from '@arcblock/ux/lib/InfoRow';
+import Box from '@mui/material/Box';
+import { getDisplayName, hasStartEngine } from '@blocklet/meta/lib/util';
+import { useDeletingBlockletContext } from '../../contexts/deleting-blocklets';
+import Tag from '../../tag';
+import { formatPerson, formatToDatetime } from '../../util';
+import DidAddress from '../../did-address';
+import BlockletSource from '../blocklet-source';
+import BlockletStatus from '../status';
+import BlockletVersion from '../version';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const isResource = component => !component?.meta?.group;
+const getEngineRows = (engine, t) => {
+  if (!engine) {
+    return [];
+  }
+  return [{
+    name: t('common.name'),
+    value: engine.displayName
+  }, {
+    name: t('common.description'),
+    value: engine.description
+  }, {
+    name: t('common.version'),
+    value: /*#__PURE__*/_jsx(Tag, {
+      children: engine.version
+    })
+  }];
+};
+const getSourceInfo = blocklet => {
+  const {
+    source,
+    deployedFrom,
+    bundleSource
+  } = blocklet;
+  if (source) {
+    return {
+      source,
+      deployedFrom
+    };
+  }
+  if (!bundleSource) {
+    return {
+      source: 'upload',
+      deployedFrom
+    };
+  }
+  if (bundleSource.url) {
+    return {
+      source: 'url',
+      deployedFrom: deployedFrom || Array.isArray(bundleSource.url) ? bundleSource.url[0] : bundleSource.url
+    };
+  }
+  if (bundleSource.store) {
+    return {
+      source: 'registry',
+      deployedFrom: deployedFrom || Array.isArray(bundleSource.store) ? bundleSource.store[0] : bundleSource.store
+    };
+  }
+  return {};
+};
+const getComponentName = (componentId, app) => {
+  const ids = componentId.split('/').slice(1);
+  let parent = app;
+  let index = 0;
+  const names = [];
+  while (parent && index < ids.length) {
+    // eslint-disable-next-line no-loop-func
+    const component = parent.children.find(x => x.meta.did === ids[index]);
+    parent = component;
+    index++;
+    if (component) {
+      names.push(component.meta.title);
+    }
+  }
+  return names.join(' / ');
+};
+export default function ComponentInfoDialog({
+  blocklet,
+  depth,
+  componentInfo,
+  app,
+  onClose
+}) {
+  const {
+    t,
+    locale
+  } = useContext(LocaleContext);
+  const {
+    deletingBlocklets: deletingComponents
+  } = useDeletingBlockletContext();
+  let {
+    status
+  } = blocklet;
+  if (depth === 1 && deletingComponents.includes(blocklet.meta.did)) {
+    status = 'deleting';
+  }
+  const mountPoint = `/${blocklet.mountPoint || '/'}`.replace(/\/+/g, '/');
+  const renderRows = rows => rows.map(row => {
+    if (row.name === t('common.did') || row.name === t('blocklet.appId')) {
+      return /*#__PURE__*/_jsx(InfoRow, {
+        valueComponent: "div",
+        nameWidth: 120,
+        name: row.name,
+        nameFormatter: () => row.name,
+        children: row.value
+      }, row.name);
+    }
+    return /*#__PURE__*/_jsx(InfoRow, {
+      valueComponent: "div",
+      nameWidth: 120,
+      name: row.name,
+      children: row.value
+    }, row.name);
+  });
+  const sourceInfo = componentInfo ? getSourceInfo(componentInfo) : {};
+  const componentRows = componentInfo ? [{
+    name: t('common.name'),
+    value: getDisplayName(componentInfo, true)
+  }, {
+    name: t('common.version'),
+    value: /*#__PURE__*/_jsx(BlockletVersion, {
+      blocklet: componentInfo,
+      checkUpgrade: false
+    })
+  }, {
+    name: t('common.status'),
+    value: /*#__PURE__*/_jsx(BlockletStatus, {
+      isResource: isResource(blocklet),
+      status: status,
+      source: componentInfo.source,
+      progress: blocklet.progress
+    })
+  }, blocklet.status === 'running' ? {
+    name: t('blocklet.startedAt'),
+    value: formatToDatetime(blocklet.startedAt, locale)
+  } : null, blocklet.status !== 'running' ? {
+    name: t('blocklet.stoppedAt'),
+    value: formatToDatetime(blocklet.stoppedAt, locale)
+  } : null, blocklet.installedAt ? {
+    name: t('blocklet.installedAt'),
+    value: formatToDatetime(blocklet.installedAt, locale)
+  } : null, hasStartEngine(blocklet.meta) ? {
+    name: t('common.mountPoint'),
+    value: mountPoint
+  } : null, componentInfo.meta.group ? {
+    name: t('common.group'),
+    value: /*#__PURE__*/_jsx(Tag, {
+      type: "success",
+      children: componentInfo.meta.group
+    })
+  } : null, {
+    name: t('blocklet.overview.source'),
+    value: /*#__PURE__*/_jsx(BlockletSource, {
+      sourceInfo: sourceInfo,
+      blocklet: blocklet
+    })
+  }, {
+    name: t('blocklet.overview.deployedFrom'),
+    value: sourceInfo.deployedFrom || '-'
+  }, {
+    name: t('common.did'),
+    value: /*#__PURE__*/_jsx(DidAddress, {
+      did: componentInfo.meta.did,
+      showQrcode: true
+    })
+  }, {
+    name: t('common.author'),
+    value: formatPerson(componentInfo.meta.author)
+  }, {
+    name: t('common.engine'),
+    value: getEngineRows(componentInfo.engine, t).map(({
+      name,
+      value
+    }) => /*#__PURE__*/_jsx(InfoRow, {
+      style: {
+        marginBottom: 4
+      },
+      nameWidth: 120,
+      name: name,
+      children: value
+    }, name))
+  }, blocklet.dependents?.length ? {
+    name: t('common.dependents'),
+    value: /*#__PURE__*/_jsx(Box, {
+      children: blocklet.dependents.map(x => /*#__PURE__*/_jsx(Box, {
+        children: `${getComponentName(x.id, app)} ${x.required ? `(${t('common.required')})` : ''}`
+      }, x.id))
+    })
+  } : null, blocklet.meta.resources?.length ? {
+    name: t('common.resource'),
+    value: blocklet.meta.resources.join(', ')
+  } : null].filter(Boolean) : [];
+  if (!componentInfo) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx(Dialog, {
+    open: true,
+    fullWidth: true,
+    maxWidth: "md",
+    onClose: () => {
+      onClose(null);
+    },
+    children: /*#__PURE__*/_jsxs(Box, {
+      paddingY: 1.5,
+      children: [/*#__PURE__*/_jsx(DialogTitle, {
+        children: t('common.componentBasicInfo')
+      }), /*#__PURE__*/_jsx(DialogContent, {
+        children: renderRows(componentRows)
+      })]
+    }, "dialog-wrapper")
+  }, "base-info-dialog");
+}
+ComponentInfoDialog.propTypes = {
+  blocklet: PropTypes.object.isRequired,
+  depth: PropTypes.number,
+  app: PropTypes.object,
+  componentInfo: PropTypes.object,
+  onClose: PropTypes.func.isRequired
+};
+ComponentInfoDialog.defaultProps = {
+  depth: 0,
+  app: null,
+  componentInfo: null
+};
+export const StyledBadge = styled(Badge)`
+  .BaseBadge-badge {
+    top: ${props => props.top * 8 || 6}px;
+    right: ${props => props.right * 8 || 6}px;
+  }
+`;
+export const StyledComponentRow = styled(Box)`
+  .component-header {
+    display: flex;
+    align-items: center;
+    align-items: flex-end;
+    cursor: pointer;
+  }
+  .component-name {
+    color: #222;
+    font-size: 16px;
+  }
+  .component-version {
+    color: #999;
+    font-size: 12px;
+    margin-left: 4px;
+    transform: translateY(-1px);
+  }
+`;

package/es/blocklet/component/index.js

@@ -365,18 +365,20 @@ export default function BlockletComponent({
           onReload: reloadComponent,
           onRestart: restartComponent,
           getComponentUrl: getComponentUrl
-        }, `0-${blocklet.meta.did}`), blocklet.children.map(component => /*#__PURE__*/_jsx(ComponentCell, {
-          depth: 1,
-          blocklet: component,
-          ancestors: [blocklet],
-          app: blocklet,
-          onRemove: removeComponent,
-          onStart: startComponent,
-          onStop: stopComponent,
-          onReload: reloadComponent,
-          onRestart: restartComponent,
-          getComponentUrl: getComponentUrl
-        }, `1-${component.meta.did}`))]
+        }, `0-${blocklet.meta.did}`), blocklet.children.map(component => {
+          return /*#__PURE__*/_jsx(ComponentCell, {
+            depth: 1,
+            blocklet: component,
+            ancestors: [blocklet],
+            app: blocklet,
+            onRemove: removeComponent,
+            onStart: startComponent,
+            onStop: stopComponent,
+            onReload: reloadComponent,
+            onRestart: restartComponent,
+            getComponentUrl: getComponentUrl
+          }, `1-${component.meta.did}`);
+        })]
       }, `top-blocklet-${blocklet.meta.did}`), blocklet.optionalComponents?.map(component => /*#__PURE__*/_jsx(StyledComponentRow, {
         children: /*#__PURE__*/_jsx(OptionalComponentCell, {
           setInstallComponentMeta: setInstallComponentMeta,

package/es/blocklet/component/store-blocklet-list.js

@@ -154,6 +154,7 @@ export default function BlockletList({
   const endpoint = storeUrl;
   useEffect(() => {
     setFilters({
+      showResources: true,
       resourceType,
       resourceDid
     });
@@ -161,6 +162,7 @@ export default function BlockletList({
   useEffect(() => {
     setInitialized(true);
     setFilters({
+      showResources: true,
       resourceType,
       resourceDid
     });
@@ -172,6 +174,7 @@ export default function BlockletList({
     children: /*#__PURE__*/_jsx("div", {
       ...rest,
       children: initialized && /*#__PURE__*/_jsx(InnerList, {
+        showResourcesSwitch: true,
         blockletRender: blockletRenderProps => {
           const defaultProps = {
             ...blockletRenderProps,

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

@@ -1,6 +1,10 @@
 import { useMemo } from 'react';
 import PropTypes from 'prop-types';
-import { List, ListItem, ListItemText } from '@mui/material';
+import { Box, List, ListItem, ListItemText } from '@mui/material';
+import Alert from '@arcblock/ux/lib/Alert';
+import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
+import LaunchIcon from '@mui/icons-material/Launch';
+import { blueGrey } from '@mui/material/colors';
 import AddStore from '../../store/add';
 import StoreItem from '../../store/item';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -12,8 +16,12 @@ function ConnectStoreList({
   releaseType,
   publishedStoreIds,
   onPublish,
-  onDelete
+  onDelete,
+  projectType
 }) {
+  const {
+    t
+  } = useLocaleContext();
   const storeList = blocklet?.settings?.storeList || [];
   const connectedMap = useMemo(() => {
     if (!connectedStores?.length) {
@@ -43,7 +51,26 @@ function ConnectStoreList({
           onDelete: onDelete
         })
       })
-    }, x.url)), /*#__PURE__*/_jsx(AddStore, {
+    }, x.url)), !!storeList?.length && /*#__PURE__*/_jsx(Alert, {
+      type: "info",
+      style: {
+        width: '100%'
+      },
+      children: /*#__PURE__*/_jsxs(Box, {
+        color: blueGrey[400],
+        component: "a",
+        href: projectType === 'pack' ? 'https://www.arcblock.io/docs/blocklet-developer/en/5PXToZve-5IXAN1bc8rkpxAc' : 'https://www.arcblock.io/docs/blocklet-developer/en/hB5VWLfg9VnbWsL1JGLuLUfW',
+        target: "_blank",
+        display: "flex",
+        alignItems: "center",
+        rel: "noreferrer",
+        children: [projectType === 'pack' ? t('blocklet.publish.whyCantSeeInStore') : t('blocklet.publish.whyCantSeeResourceBlockletInStore'), /*#__PURE__*/_jsx(LaunchIcon, {
+          sx: {
+            marginLeft: 1
+          }
+        })]
+      })
+    }), /*#__PURE__*/_jsx(AddStore, {
       onAdd: handleAddStore,
       teamDid: did,
       storeList: storeList
@@ -58,9 +85,11 @@ ConnectStoreList.propTypes = {
   onPublish: PropTypes.func,
   onDelete: PropTypes.func,
   publishedStoreIds: PropTypes.arrayOf(PropTypes.string),
-  connectedStores: PropTypes.arrayOf(PropTypes.object).isRequired
+  connectedStores: PropTypes.arrayOf(PropTypes.object).isRequired,
+  projectType: PropTypes.string
 };
 ConnectStoreList.defaultProps = {
+  projectType: '',
   publishedStoreIds: [],
   onPublish: () => {},
   onDelete: () => {}

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

@@ -199,7 +199,7 @@ export default function CreateRelease({
       const data = res.project || {};
       if (!data.blockletVersion) {
         data.blockletVersion = '1.0.0';
-      } else if (semver.valid(data.blockletVersion)) {
+      } else if (mode === 'create' && semver.valid(data.blockletVersion)) {
         data.blockletVersion = semver.inc(data.blockletVersion, 'patch');
       }
       const theParams = pickParams(data, blocklet);
@@ -938,12 +938,17 @@ export default function CreateRelease({
             onChange: handleChangeSelectedComponents
           })
         })]
-      }), projectType === 'pack' && /*#__PURE__*/_jsx(Alert, {
+      }), /*#__PURE__*/_jsx(Alert, {
         type: "info",
         style: {
           width: '100%'
         },
-        children: t('blocklet.publish.packTip')
+        children: /*#__PURE__*/_jsx(Box, {
+          display: "flex",
+          alignItems: "center",
+          rel: "noreferrer",
+          children: projectType === 'pack' ? t('blocklet.publish.packTip') : t('blocklet.publish.resourceTip')
+        })
       })]
     }), /*#__PURE__*/_jsx(Dialog, {
       title: t('common.connectToStore'),
@@ -953,6 +958,7 @@ export default function CreateRelease({
       open: showStoreDialog,
       onClose: () => setShowStoreDialog(false),
       children: /*#__PURE__*/_jsx(ConnectStoreList, {
+        projectType: projectType,
         blocklet: blocklet,
         releaseType: params.blockletComponents?.length > 0 ? 'pack' : 'resource',
         projectId: projectId,
@@ -965,7 +971,6 @@ export default function CreateRelease({
     })]
   });
 }
-CreateRelease.propTypes = {};
 CreateRelease.defaultProps = {};
 const Main = styled.div`
   .sticky-header {

package/es/blocklet/status.js

@@ -12,6 +12,7 @@ const colors = {
   grey: '#888888'
 };
 export default function BlockletStatus({
+  isResource,
   status,
   variant,
   source,
@@ -37,7 +38,8 @@ export default function BlockletStatus({
     upgrading: 'warning',
     restarting: 'warning',
     corrupted: 'error',
-    deleting: 'warning'
+    deleting: 'warning',
+    resource: 'primary'
   };
   const colorMap = {
     added: colors.grey,
@@ -55,23 +57,25 @@ export default function BlockletStatus({
     upgrading: colors.yellow,
     restarting: colors.yellow,
     corrupted: 'error',
-    deleting: colors.yellow
+    deleting: colors.yellow,
+    resource: 'primary'
   };
   const inProgress = isInProgress(status);
-  const statusTxt = t(`blocklet.status.${status}`);
+  const statusType = isResource && status === 'stopped' ? 'resource' : status;
+  const statusTxt = t(`blocklet.status.${statusType}`);
   if (variant === 'dot') {
     return /*#__PURE__*/_jsx(Tooltip, {
       title: t('blocklet.statusTip', {
         status: statusTxt
       }),
       children: /*#__PURE__*/_jsx(Dot, {
-        color: colorMap[status],
+        color: colorMap[statusType],
         ...rest
       })
     });
   }
   return /*#__PURE__*/_jsxs(Tag, {
-    type: map[status],
+    type: map[statusType],
     ...rest,
     children: [inProgress && /*#__PURE__*/_jsx(Spinner, {
       size: 12,
@@ -79,7 +83,7 @@ export default function BlockletStatus({
       style: {
         marginRight: 5
       }
-    }), statusTxt, status === 'downloading' && progress ? /*#__PURE__*/_jsx("div", {
+    }), statusTxt, statusType === 'downloading' && progress ? /*#__PURE__*/_jsx("div", {
       style: {
         marginLeft: 5
       },
@@ -91,9 +95,11 @@ BlockletStatus.propTypes = {
   status: PropTypes.string.isRequired,
   variant: PropTypes.oneOf(['dot', 'tag']),
   source: PropTypes.string,
-  progress: PropTypes.number
+  progress: PropTypes.number,
+  isResource: PropTypes.bool
 };
 BlockletStatus.defaultProps = {
+  isResource: false,
   variant: 'tag',
   source: '',
   progress: 0

package/es/locales/ar.js

@@ -549,7 +549,8 @@ export default {
       corrupted: 'فاسد',
       purchasing: 'في انتظار الشراء',
       purchased: 'مشترى',
-      verifying: 'التحقق من الشراء'
+      verifying: 'التحقق من الشراء',
+      resource: 'مورد'
     },
     list: {
       download: 'تحميل',
@@ -712,7 +713,10 @@ export default {
         tip2: 'لن تكون قادرًا بعد الآن على نشر إصدارات جديدة للبلوكليت المحذوف ، مما يعني أن البلوكليت لن يتم تحديثه في المتجر بعد الآن.',
         tip3: 'سيؤدي حذف البلوكليت إلى ضرورة نشر الإصدار الحالي منه في المتجر.',
         description: 'بعد حذف البلوكليت، ستواجه المشكلات التالية، هل أنت متأكد أنك تريد حذفه؟'
-      }
+      },
+      resourceTip: 'حاليًا ، كما هو الحال بوصفه كتلة مورد ، لا يمكن تثبيته مباشرة من المتجر.',
+      whyCantSeeInStore: 'لماذا لا أستطيع رؤية هذا البلوكليت في المتجر؟',
+      whyCantSeeResourceBlockletInStore: 'لماذا لا يمكنني رؤية بلوكليت الموارد هذا في المتجر؟'
     },
     titleValidationError: 'يجب أن يكون طول العنوان على الأقل 3 أحرف',
     descriptionValidationError: 'يجب أن تكون طول الوصف بين 3 و 160 حرفًا'
@@ -1688,8 +1692,9 @@ export default {
       domain: 'مجال',
       domainDescription: 'مطلوب نطاق Auth0',
       clientId: 'معرف العميل',
-      clientIdDescribe: 'مطلوب معرف عميل Auth0',
-      clientSecret: 'سر العميل'
+      clientIdDescription: 'مطلوب معرف عميل Auth0',
+      clientSecret: 'سر العميل',
+      clientSecretDescription: 'مطلوب سر العميل لتطبيق المصادقة OAuth الخاص بـ Auth0'
     },
     comingSoon: 'تحت الإنشاء طرق تسجيل الدخول الأخرى.',
     moreLogin: 'تسجيل الدخول المزيد',
@@ -1698,27 +1703,29 @@ export default {
     github: {
       enable: 'تمكين تسجيل الدخول على Github',
       clientId: 'معرف العميل',
-      clientIdDescribe: 'مطلوب معرف عميل (clientId) لتطبيق Github OAuth',
+      clientIdDescription: 'مطلوب معرف عميل (clientId) لتطبيق Github OAuth',
       clientSecret: 'سر العميل',
-      clientSecretDescribe: 'مطلوب clientSecret لتطبيق Github OAuth'
+      clientSecretDescription: 'مطلوب clientSecret لتطبيق Github OAuth'
     },
     google: {
       enable: 'تفعيل تسجيل الدخول في جوجل',
       clientId: 'معرف العميل',
-      clientIdDescribe: 'مطلوب معرف تطبيق Google OAuth',
+      clientIdDescription: 'مطلوب معرف تطبيق Google OAuth',
       clientSecret: 'سر العميل',
-      clientSecretDescribe: 'مطلوب clientSecret لتطبيق Google OAuth'
+      clientSecretDescription: 'مطلوب clientSecret لتطبيق Google OAuth'
     },
     apple: {
       enable: 'تفعيل تسجيل الدخول الخاص بـ آبل',
       teamId: 'رقم فريق',
-      teamIdDescribe: 'مطلوب معرف فريق لتطبيق Apple OAuth',
+      teamIdDescription: 'مطلوب معرف فريق لتطبيق Apple OAuth',
       serviceId: 'رقم الخدمة',
-      serviceIdDescribe: 'مطلوب معرف خدمة لتطبيق Apple OAuth',
+      serviceIdDescription: 'مطلوب معرف خدمة لتطبيق Apple OAuth',
       keyId: 'مفتاح ID',
-      keyIdDescribe: 'مطلوب مفتاح تطبيق OAuth لأبل',
+      keyIdDescription: 'مطلوب مفتاح تطبيق OAuth لأبل',
       authKey: 'مفتاح Auth',
-      authKeyDescribe: 'مفتاح المصادقة لتطبيق Apple OAuth مطلوب'
+      authKeyDescription: 'مفتاح المصادقة لتطبيق Apple OAuth مطلوب',
+      bundleId: 'معرف الحزمة',
+      bundleIdDescription: 'معرّف حزمة تطبيق Apple OAuth مطلوب'
     },
     oauth: 'تسجيل الدخول من طرف ثالث'
   },

package/es/locales/de.js

@@ -549,7 +549,8 @@ export default {
       corrupted: 'Korrupt',
       purchasing: 'Warten auf den Kauf',
       purchased: 'Gekauft',
-      verifying: 'Kauf überprüfen'
+      verifying: 'Kauf überprüfen',
+      resource: 'Ressource'
     },
     list: {
       download: 'Herunterladen',
@@ -712,7 +713,10 @@ export default {
         tip2: 'Sie können keine neuen Versionen mehr für den gelöschten Blocklet veröffentlichen, was bedeutet, dass das Blocklet nicht mehr im Store aktualisiert wird.',
         tip3: 'Das Löschen des Blocklets hat keine Auswirkungen auf seine derzeit veröffentlichte Version im Store.',
         description: 'Nach dem Löschen der Blocklet werden Sie auf die folgenden Probleme stoßen. Sind Sie sicher, dass Sie es löschen möchten?'
-      }
+      },
+      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?'
     },
     titleValidationError: 'Die Länge des Titels muss mindestens 3 Zeichen betragen',
     descriptionValidationError: 'Die Beschreibungslänge muss zwischen 3 und 160 Zeichen liegen'
@@ -1688,8 +1692,9 @@ export default {
       domain: 'Domain',
       domainDescription: 'Die Domäne von Auth0 ist erforderlich',
       clientId: 'Kunden-ID',
-      clientIdDescribe: 'Die clientId von Auth0 ist erforderlich',
-      clientSecret: 'Geheimclient'
+      clientIdDescription: 'Die clientId von Auth0 ist erforderlich',
+      clientSecret: 'Geheimclient',
+      clientSecretDescription: 'Auth0-OAuth-Anwendung Der geheime Clientschlüssel ist erforderlich'
     },
     comingSoon: 'Es werden weitere Anmeldeverfahren entwickelt.',
     moreLogin: 'Mehr Anmeldung',
@@ -1698,27 +1703,29 @@ export default {
     github: {
       enable: 'Aktiviere Github-Anmeldung',
       clientId: 'Client ID',
-      clientIdDescribe: 'Für die Github OAuth-Anwendung ist eine clientId erforderlich',
+      clientIdDescription: 'Für die Github OAuth-Anwendung ist eine clientId erforderlich',
       clientSecret: 'Client Secret',
-      clientSecretDescribe: 'Für die Github OAuth-Anwendung ist ein clientSecret erforderlich'
+      clientSecretDescription: 'Für die Github OAuth-Anwendung ist ein clientSecret erforderlich'
     },
     google: {
       enable: 'Google-Anmeldung aktivieren',
       clientId: 'Client ID',
-      clientIdDescribe: 'Für die Google OAuth-Anwendung ist die Client-ID erforderlich',
+      clientIdDescription: 'Für die Google OAuth-Anwendung ist die Client-ID erforderlich',
       clientSecret: 'Geheimnis des Kunden',
-      clientSecretDescribe: 'Für die Google OAuth-Anwendung ist ein clientSecret erforderlich'
+      clientSecretDescription: 'Für die Google OAuth-Anwendung ist ein clientSecret erforderlich'
     },
     apple: {
       enable: 'Anmeldung mit Apple aktivieren',
       teamId: 'Team-ID',
-      teamIdDescribe: 'Für die Apple OAuth-Anwendung ist eine Team-ID erforderlich',
+      teamIdDescription: 'Für die Apple OAuth-Anwendung ist eine Team-ID erforderlich',
       serviceId: 'Service-ID',
-      serviceIdDescribe: 'Für die Apple OAuth-Anwendung ist eine Dienst-ID erforderlich',
+      serviceIdDescription: 'Für die Apple OAuth-Anwendung ist eine Dienst-ID erforderlich',
       keyId: 'Schlüssel-ID',
-      keyIdDescribe: 'Für Apple OAuth ist eine Anwendungsschlüssel-ID erforderlich',
+      keyIdDescription: 'Für Apple OAuth ist eine Anwendungsschlüssel-ID erforderlich',
       authKey: 'Auth Schlüssel',
-      authKeyDescribe: 'Authentifizierungsschlüssel für Apple OAuth-Anwendung erforderlich'
+      authKeyDescription: 'Authentifizierungsschlüssel für Apple OAuth-Anwendung erforderlich',
+      bundleId: 'Bundle-ID',
+      bundleIdDescription: 'Die Apple OAuth Anwendungs-Bundle-ID ist erforderlich'
     },
     oauth: 'Drittanbieter-Anmeldung'
   },