@abtnode/ux 1.17.8-beta-20260106-113136-b3c09e14 → 1.17.8-beta-20260108-120904-21cb5fb6

package/lib/blocklet/authentication/auth-text/visual-mode.js

@@ -0,0 +1,277 @@
+import { Box, Button, Stack, Typography } from '@mui/material';
+import AddIcon from '@mui/icons-material/Add';
+import SaveIcon from '@mui/icons-material/Save';
+import Dialog from '@arcblock/ux/lib/Dialog';
+import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
+import { useMemoizedFn } from 'ahooks';
+import { useEffect, useState } from 'react';
+import PropTypes from 'prop-types';
+import { defaultConfig, configTemplate, defaultAction, defaultActions, isValidActionName } from './constants';
+import ActionItem from './action-item';
+import AddLanguageDialog from './add-language-dialog';
+
+// TODO: 先禁用添加新的 action
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const disabledAddAction = true;
+export default function AuthTextVisualMode({
+  open = false,
+  onClose = () => {},
+  onSave = () => {},
+  initialConfig = null
+}) {
+  const {
+    t,
+    locale
+  } = useLocaleContext();
+  const [actions, setActions] = useState({});
+  const [expandedAction, setExpandedAction] = useState('login');
+  const [selectedLanguages, setSelectedLanguages] = useState({});
+  const [addLanguageOpen, setAddLanguageOpen] = useState(false);
+  const [addLanguageAction, setAddLanguageAction] = useState('');
+  const [newLanguage, setNewLanguage] = useState('');
+  const [editingAction, setEditingAction] = useState(null);
+  const [editingName, setEditingName] = useState('');
+  const currentLocale = locale || 'en';
+  useEffect(() => {
+    if (!open) return;
+    const parsedDialogs = initialConfig || defaultConfig;
+    setActions(parsedDialogs);
+    const dialogKeys = Object.keys(parsedDialogs);
+    setExpandedAction(dialogKeys[0] || 'login');
+    const initialSelected = {};
+    dialogKeys.forEach(key => {
+      const langs = Object.keys(parsedDialogs[key] || {});
+      initialSelected[key] = langs.includes(currentLocale) ? currentLocale : langs[0] || 'en';
+    });
+    setSelectedLanguages(initialSelected);
+    setEditingAction(null);
+  }, [open, initialConfig, currentLocale]);
+  const isActionEmpty = useMemoizedFn(actionData => {
+    if (!actionData) return true;
+    return Object.values(actionData).every(langData => !langData?.title?.trim() && !langData?.scan?.trim());
+  });
+  const canAddNewAction = useMemoizedFn(() => {
+    const hasEmpty = Object.keys(actions).some(key => !defaultActions.includes(key) && isActionEmpty(actions[key]));
+    return !hasEmpty && !actions[defaultAction];
+  });
+  const handleAddAction = useMemoizedFn(() => {
+    if (!canAddNewAction()) return;
+    setActions(prev => ({
+      ...prev,
+      [defaultAction]: configTemplate
+    }));
+    setExpandedAction(defaultAction);
+    setSelectedLanguages(prev => ({
+      ...prev,
+      [defaultAction]: currentLocale
+    }));
+    setEditingAction(defaultAction);
+    setEditingName(defaultAction);
+  });
+  const handleEditingNameChange = useMemoizedFn(e => {
+    const {
+      value
+    } = e.target;
+    if (value === '' || /^[a-z-]*$/.test(value)) {
+      setEditingName(value);
+    }
+  });
+  const handleFinishEditing = useMemoizedFn(() => {
+    const newName = editingName.trim();
+    if (!newName || !isValidActionName(newName) || newName !== editingAction && actions[newName]) {
+      setEditingAction(null);
+      return;
+    }
+    if (newName !== editingAction) {
+      const newActions = {};
+      Object.keys(actions).forEach(key => {
+        newActions[key === editingAction ? newName : key] = actions[key];
+      });
+      setActions(newActions);
+      if (expandedAction === editingAction) setExpandedAction(newName);
+      if (selectedLanguages[editingAction]) {
+        setSelectedLanguages(prev => {
+          const updated = {
+            ...prev,
+            [newName]: prev[editingAction]
+          };
+          delete updated[editingAction];
+          return updated;
+        });
+      }
+    }
+    setEditingAction(null);
+  });
+  const handleEditingKeyDown = useMemoizedFn(e => {
+    if (e.key === 'Enter') handleFinishEditing();else if (e.key === 'Escape') setEditingAction(null);
+  });
+  const handleDeleteAction = useMemoizedFn((actionKey, e) => {
+    e.stopPropagation();
+    const newActions = {
+      ...actions
+    };
+    delete newActions[actionKey];
+    setActions(newActions);
+    if (expandedAction === actionKey) {
+      setExpandedAction(Object.keys(newActions)[0] || false);
+    }
+  });
+  const handleAddLanguage = useMemoizedFn(() => {
+    if (!newLanguage || !addLanguageAction) return;
+    setActions(prev => ({
+      ...prev,
+      [addLanguageAction]: {
+        ...prev[addLanguageAction],
+        [newLanguage]: {
+          title: '',
+          scan: '',
+          confirm: '',
+          success: ''
+        }
+      }
+    }));
+    setSelectedLanguages(prev => ({
+      ...prev,
+      [addLanguageAction]: newLanguage
+    }));
+    setAddLanguageOpen(false);
+  });
+  const handleDeleteLanguage = useMemoizedFn((actionKey, langCode, e) => {
+    e.stopPropagation();
+    const actionData = actions[actionKey];
+    const langs = Object.keys(actionData || {});
+    if (langs.length <= 1) return;
+    const newActionData = {
+      ...actionData
+    };
+    delete newActionData[langCode];
+    setActions(prev => ({
+      ...prev,
+      [actionKey]: newActionData
+    }));
+    if (selectedLanguages[actionKey] === langCode) {
+      setSelectedLanguages(prev => ({
+        ...prev,
+        [actionKey]: Object.keys(newActionData)[0] || 'en'
+      }));
+    }
+  });
+  const handleSave = useMemoizedFn(() => {
+    onSave(JSON.stringify(actions));
+    onClose();
+  });
+  const addEnabled = canAddNewAction();
+  const dialogActions = /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Button, {
+      onClick: onClose,
+      variant: "outlined",
+      children: t('common.cancel')
+    }), /*#__PURE__*/_jsx(Button, {
+      onClick: handleSave,
+      variant: "contained",
+      startIcon: /*#__PURE__*/_jsx(SaveIcon, {}),
+      children: t('common.confirm')
+    })]
+  });
+  return /*#__PURE__*/_jsxs(Dialog, {
+    open: open,
+    onClose: onClose,
+    maxWidth: "md",
+    fullWidth: true,
+    title: t('authentication.didConnect.configDialogTitle'),
+    actions: dialogActions,
+    children: [/*#__PURE__*/_jsxs(Stack, {
+      spacing: 1.5,
+      children: [Object.keys(actions).map(actionKey => {
+        const actionData = actions[actionKey] || {};
+        const langs = Object.keys(actionData);
+        const selectedLang = selectedLanguages[actionKey] || langs[0] || 'en';
+        return /*#__PURE__*/_jsx(ActionItem, {
+          actionKey: actionKey,
+          actionData: actionData,
+          expanded: expandedAction === actionKey,
+          selectedLang: selectedLang,
+          editing: {
+            actionKey: editingAction,
+            name: editingName,
+            allActions: actions
+          },
+          onChange: {
+            accordion: isExpanded => setExpandedAction(isExpanded ? actionKey : false),
+            language: langCode => setSelectedLanguages(prev => ({
+              ...prev,
+              [actionKey]: langCode
+            })),
+            field: (field, value) => setActions(prev => ({
+              ...prev,
+              [actionKey]: {
+                ...prev[actionKey],
+                [selectedLang]: {
+                  ...prev[actionKey]?.[selectedLang],
+                  [field]: value
+                }
+              }
+            })),
+            startEditing: e => {
+              e.stopPropagation();
+              setEditingAction(actionKey);
+              setEditingName(actionKey);
+            },
+            editingName: handleEditingNameChange,
+            finishEditing: handleFinishEditing,
+            editingKeyDown: handleEditingKeyDown,
+            delete: e => handleDeleteAction(actionKey, e),
+            addLanguage: e => {
+              e.stopPropagation();
+              setAddLanguageAction(actionKey);
+              setNewLanguage('');
+              setAddLanguageOpen(true);
+            },
+            deleteLanguage: (langCode, e) => handleDeleteLanguage(actionKey, langCode, e)
+          }
+        }, actionKey);
+      }), !disabledAddAction && /*#__PURE__*/_jsxs(Box, {
+        onClick: addEnabled ? handleAddAction : undefined,
+        sx: {
+          border: '2px dashed',
+          borderColor: addEnabled ? 'grey.300' : 'grey.200',
+          borderRadius: 2,
+          py: 1.5,
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'center',
+          cursor: addEnabled ? 'pointer' : 'not-allowed',
+          color: addEnabled ? 'text.secondary' : 'text.disabled',
+          transition: 'all 0.2s',
+          ...(addEnabled && {
+            '&:hover': {
+              borderColor: 'primary.main',
+              color: 'primary.main',
+              bgcolor: 'primary.lighter'
+            }
+          })
+        },
+        children: [/*#__PURE__*/_jsx(AddIcon, {
+          sx: {
+            mr: 0.5
+          }
+        }), /*#__PURE__*/_jsx(Typography, {
+          children: t('authentication.didConnect.addNewAction')
+        })]
+      })]
+    }), /*#__PURE__*/_jsx(AddLanguageDialog, {
+      open: addLanguageOpen,
+      onClose: () => setAddLanguageOpen(false),
+      existingLanguages: Object.keys(actions[addLanguageAction] || {}),
+      selectedLanguage: newLanguage,
+      onLanguageChange: setNewLanguage,
+      onAdd: handleAddLanguage
+    })]
+  });
+}
+AuthTextVisualMode.propTypes = {
+  open: PropTypes.bool,
+  onClose: PropTypes.func,
+  onSave: PropTypes.func,
+  initialConfig: PropTypes.object
+};

package/lib/blocklet/authentication/did-connect-settings.js

@@ -1,14 +1,18 @@
 import styled from '@emotion/styled';
 import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
 import SwitchControl from '@arcblock/ux/lib/Switch';
-import { Box, Button, Stack } from '@mui/material';
+import { Box, Button, Divider, Stack } from '@mui/material';
 import { Controller, useForm } from 'react-hook-form';
+import { useState } from 'react';
 import Toast from '@arcblock/ux/lib/Toast';
-import { useMemoizedFn } from 'ahooks';
+import { useCreation, useMemoizedFn } from 'ahooks';
 import merge from 'lodash/merge';
+import isEmpty from 'lodash/isEmpty';
 import Section from '../../component/section';
 import { useBlockletContext } from '../../contexts/blocklet';
 import { useNodeContext } from '../../contexts/node';
+import AuthTextVisualMode from './auth-text/visual-mode';
+import { defaultConfig } from './auth-text/constants';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const defaultForm = {
   showDidColor: true,
@@ -31,24 +35,34 @@ export default function DIDConnectSettings() {
   } = useBlockletContext();
   const did = blocklet?.meta?.did;
   const {
-    handleSubmit,
     control,
-    formState,
     reset
   } = useForm({
     defaultValues: merge({}, defaultForm, blocklet?.settings?.didConnect || {})
   });
+
+  // action config is a json object
+  const actionConfig = useCreation(() => {
+    const config = blocklet?.settings?.actionConfig;
+    return config && !isEmpty(config) ? config : defaultConfig;
+  }, [blocklet?.settings?.actionConfig]);
   const {
     t
   } = useLocaleContext();
-  const onSubmit = useMemoizedFn(async data => {
+  const [openDialog, setOpenDialog] = useState(false);
+  const handleSave = useMemoizedFn(async (fieldName, value) => {
     try {
+      const currentData = {
+        showDidColor: control._defaultValues?.showDidColor ?? defaultForm.showDidColor,
+        showAppInfo: control._defaultValues?.showAppInfo ?? defaultForm.showAppInfo
+      };
+      currentData[fieldName] = value;
       const {
         blocklet: blockletChanged
       } = await api.configDidConnect({
         input: {
           did,
-          didConnect: JSON.stringify(data)
+          didConnect: JSON.stringify(currentData)
         }
       });
       const defaultValues = Object.assign({}, defaultForm, blockletChanged?.settings?.didConnect || {});
@@ -56,17 +70,43 @@ export default function DIDConnectSettings() {
       Toast.success(t('common.configSuccess'));
     } catch (err) {
       Toast.error(err.message);
+      reset(control._defaultValues);
+    }
+  });
+  const handleCloseDialog = useMemoizedFn(() => {
+    setOpenDialog(false);
+  });
+  const handleOpenDialog = useMemoizedFn(() => {
+    setOpenDialog(true);
+  });
+  const handleSaveCustomConfig = useMemoizedFn(async config => {
+    try {
+      await api.configDidConnectActions({
+        input: {
+          did,
+          actionConfig: config
+        }
+      });
+      Toast.success(t('common.configSuccess'));
+    } catch (err) {
+      console.error(err);
+      Toast.error(err.message);
     }
   });
-  return /*#__PURE__*/_jsx(Div, {
-    onSubmit: handleSubmit(onSubmit),
-    children: /*#__PURE__*/_jsxs(Stack, {
+  return /*#__PURE__*/_jsxs(Div, {
+    children: [/*#__PURE__*/_jsxs(Stack, {
       direction: "column",
       sx: {
         gap: 4
       },
-      children: [/*#__PURE__*/_jsx(Box, {
-        children: /*#__PURE__*/_jsxs(Stack, {
+      children: [/*#__PURE__*/_jsxs(Box, {
+        children: [/*#__PURE__*/_jsx(Box, {
+          children: t('authentication.didConnect.basicSettings')
+        }), /*#__PURE__*/_jsx(Divider, {
+          sx: {
+            my: 2
+          }
+        }), /*#__PURE__*/_jsxs(Stack, {
           sx: {
             gap: 2
           },
@@ -87,7 +127,11 @@ export default function DIDConnectSettings() {
                 }) => {
                   return /*#__PURE__*/_jsx(Switch, {
                     ...field,
-                    checked: field.value
+                    checked: field.value,
+                    onChange: e => {
+                      handleSave('showDidColor', e.target.checked);
+                      field.onChange(e);
+                    }
                   });
                 }
               })
@@ -109,25 +153,45 @@ export default function DIDConnectSettings() {
                 }) => {
                   return /*#__PURE__*/_jsx(Switch, {
                     ...field,
-                    checked: field.value
+                    checked: field.value,
+                    onChange: e => {
+                      handleSave('showAppInfo', e.target.checked);
+                      field.onChange(e);
+                    }
                   });
                 }
               })
             })
           })]
-        })
-      }), /*#__PURE__*/_jsx(Box, {
-        children: /*#__PURE__*/_jsx(Button, {
-          type: "submit",
-          variant: "contained",
-          disabled: !formState.isDirty,
-          children: t('common.save')
-        })
+        })]
+      }), /*#__PURE__*/_jsxs(Box, {
+        children: [/*#__PURE__*/_jsx(Box, {
+          children: t('authentication.didConnect.customSettings')
+        }), /*#__PURE__*/_jsx(Divider, {
+          sx: {
+            my: 2
+          }
+        }), /*#__PURE__*/_jsx(Stack, {
+          direction: "row",
+          sx: {
+            gap: 2
+          },
+          children: /*#__PURE__*/_jsx(Button, {
+            variant: "outlined",
+            onClick: handleOpenDialog,
+            children: t('authentication.didConnect.configDialogTitle')
+          })
+        })]
       })]
-    })
+    }), /*#__PURE__*/_jsx(AuthTextVisualMode, {
+      open: openDialog,
+      onClose: handleCloseDialog,
+      onSave: handleSaveCustomConfig,
+      initialConfig: actionConfig
+    })]
   });
 }
-const Div = styled.form`
+const Div = styled.div`
   max-width: 1536px;
 
   .advanced-config {

package/lib/blocklet/authentication/providers/email.js

@@ -1,11 +1,11 @@
 import { useImperativeHandle } from 'react';
 import { Box, Button } from '@mui/material';
 import noop from 'lodash/noop';
-import { useMemoizedFn } from 'ahooks';
+import { useMemoizedFn, useCreation } from 'ahooks';
 import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
 import Toast from '@arcblock/ux/lib/Toast';
 import { Link } from 'react-router-dom';
-import { joinURL } from 'ufo';
+import { joinURL, withQuery } from 'ufo';
 import { WELLKNOWN_BLOCKLET_ADMIN_PATH } from '@abtnode/constant';
 import PropTypes from 'prop-types';
 import { useNodeContext } from '../../../contexts/node';
@@ -17,7 +17,8 @@ function LoginProviderEmail({
   sortMaps = {}
 }) {
   const {
-    api
+    api,
+    inService
   } = useNodeContext();
   const {
     blocklet
@@ -47,13 +48,24 @@ function LoginProviderEmail({
       Toast.error(err.message || t('common.saveFailed'));
     }
   });
+  const emailSettingUrl = useCreation(() => {
+    if (inService) {
+      return withQuery(joinURL(WELLKNOWN_BLOCKLET_ADMIN_PATH, '/notification/settings'), {
+        type: 'email'
+      });
+    }
+    return withQuery(joinURL('/blocklets', blocklet.appPid, '/configuration'), {
+      tab: 'notification',
+      type: 'email'
+    });
+  }, [inService, blocklet.appPid]);
   useImperativeHandle(ref, () => ({
     submit: onSubmit
   }), [onSubmit]);
   return /*#__PURE__*/_jsxs(Box, {
     children: [t('authentication.emailLoginDescription'), /*#__PURE__*/_jsx("br", {}), t('authentication.emailNotificationRequired'), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx(Box, {
       component: Link,
-      to: joinURL(WELLKNOWN_BLOCKLET_ADMIN_PATH, '/notification/settings'),
+      to: emailSettingUrl,
       sx: {
         mt: 1,
         display: 'inline-block'

package/lib/blocklet/authentication/providers/index.js

@@ -220,7 +220,7 @@ export default function LoginProviders() {
             }
           });
           delete sortMaps[name];
-          Toast.success(t('common.deleteSuccess'));
+          Toast.success(t('common.removeSuccess'));
           close();
         } catch (err) {
           Toast.error(err.message || t('common.deleteFailed'));

package/lib/blocklet/notification/index.js

@@ -1,8 +1,9 @@
 import { LocaleContext } from '@arcblock/ux/lib/Locale/context';
 import Tabs from '@arcblock/ux/lib/Tabs';
 import { Box, Typography } from '@mui/material';
-import { useCreation } from 'ahooks';
-import { useContext, useMemo, useState } from 'react';
+import { useSearchParams } from 'react-router-dom';
+import { useCreation, useMemoizedFn } from 'ahooks';
+import { useContext, useMemo } from 'react';
 import NotificationEmail from './email';
 import NotificationPushKit from './push-kit';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -43,11 +44,14 @@ const tabs = [{
   }),
   value: 'webhooks'
 }];
+const validTabs = tabs.map(t => t.value);
 function BlockletNotification() {
-  const [currentTab, setCurrentTab] = useState(tabs[0].value);
   const {
     t
   } = useContext(LocaleContext);
+  const [params, setParams] = useSearchParams();
+  const typeParam = params.get('type');
+  const currentTab = validTabs.includes(typeParam) ? typeParam : tabs[0].value;
   const contents = useCreation(() => ({
     email: /*#__PURE__*/_jsx(NotificationEmail, {}),
     pushKit: /*#__PURE__*/_jsx(NotificationPushKit, {}),
@@ -60,6 +64,12 @@ function BlockletNotification() {
       children: t('notification.webhooks.description')
     })
   }), [t]);
+  const onTablChange = useMemoizedFn(tab => {
+    params.set('type', tab);
+    setParams(params, {
+      replace: true
+    });
+  });
   const tabBodyStyle = useMemo(() => {
     return {
       padding: '10px 0'
@@ -70,7 +80,7 @@ function BlockletNotification() {
       variant: "card",
       tabs: tabs,
       current: currentTab,
-      onChange: setCurrentTab
+      onChange: onTablChange
     }), /*#__PURE__*/_jsx(Box, {
       style: tabBodyStyle,
       children: contents[currentTab]

package/lib/locales/ar.js

@@ -144,7 +144,7 @@ export default {
     community: 'رابط المجتمع',
     complete: 'اكتمال',
     componentBasicInfo: 'معلومات القطعة الأساسية',
-    components: 'مدير Blocklet',
+    components: 'Blocklets',
     config: 'تكوين',
     configuration: 'تكوين',
     appearance: 'المظهر',
@@ -2398,10 +2398,6 @@ export default {
     }
   },
   oauth: {
-    auth0: {},
-    github: {},
-    google: {},
-    apple: {},
     authorize: 'أذن OAuth',
     client: {
       tab: 'تطبيقات OAuth',
@@ -2499,8 +2495,7 @@ export default {
       listTitle: 'تمكين الوصول الآمن للجهات الخارجية باستخدام تطبيقات OAuth',
       tooltipTitle: 'استخدم خادم OAuth المدمج في تطبيقك لتفويض التطبيقات الخارجية باستخدام بروتوكولات قياسية في الصناعة. تمكين المستخدمين من خلال مصادقة آمنة وسلسة والتحكم في الوصول الموكّل.',
       empty: 'لم يتم إضافة بيانات'
-    },
-    twitter: {}
+    }
   },
   expiration: {
     mobile: {
@@ -2898,7 +2893,15 @@ export default {
     },
     didConnect: {
       showDidColor: 'عرض لون DID Connect',
-      showAppInfo: 'عرض معلومات Blocklet'
+      showAppInfo: 'عرض معلومات Blocklet',
+      basicSettings: 'الإعدادات الأساسية',
+      customSettings: 'إعدادات مخصصة',
+      configDialogTitle: 'نص نافذة المصادقة للتكوين',
+      addNewAction: 'إضافة إجراء',
+      addLanguage: 'إضافة لغة',
+      selectLanguage: 'اختر لغتك...',
+      actionNameError: 'يسمح فقط بالحروف الصغيرة والشرطات؛ لا يجوز البدء بشرطة.',
+      actionNameDuplicate: 'اسم الإجراء موجود بالفعل'
     }
   }
 };

package/lib/locales/de.js

@@ -2398,10 +2398,6 @@ export default {
     }
   },
   oauth: {
-    auth0: {},
-    github: {},
-    google: {},
-    apple: {},
     authorize: 'OAuth-Autorisierung',
     client: {
       tab: 'OAuth-Apps',
@@ -2499,8 +2495,7 @@ export default {
       listTitle: 'Aktiviere sicheren Drittanbieterzugriff mit OAuth Apps',
       tooltipTitle: 'Autorisieren Sie externe Anwendungen mit Industriestandardprotokollen über den integrierten OAuth-Server Ihrer App.  Ermöglichen Sie Benutzern sichere, nahtlose Authentifizierung und delegierte Zugriffssteuerung.',
       empty: 'Keine Daten hinzugefügt'
-    },
-    twitter: {}
+    }
   },
   expiration: {
     mobile: {
@@ -2898,7 +2893,15 @@ export default {
     },
     didConnect: {
       showDidColor: 'Zeige DID Connect Farbe',
-      showAppInfo: 'Zeige Blocklet-Informationen'
+      showAppInfo: 'Zeige Blocklet-Informationen',
+      basicSettings: 'Grundeinstellungen',
+      customSettings: 'Benutzerdefinierte Einstellungen',
+      configDialogTitle: 'Konfig Auth Popup-Text',
+      addNewAction: 'Aktion hinzufügen',
+      addLanguage: 'Sprache Hinzufügen',
+      selectLanguage: 'Wähle eine Sprache...',
+      actionNameError: 'Nur Kleinbuchstaben und Bindestriche sind erlaubt; es darf nicht mit einem Bindestrich beginnen.',
+      actionNameDuplicate: 'Aktionsname existiert bereits'
     }
   }
 };

package/lib/locales/en.js

@@ -2588,7 +2588,15 @@ export default {
     },
     didConnect: {
       showDidColor: 'Show DID Connect color',
-      showAppInfo: 'Show blocklet information'
+      showAppInfo: 'Show blocklet information',
+      basicSettings: 'Basic Settings',
+      customSettings: 'Custom Settings',
+      configDialogTitle: 'Config Auth Popup Text',
+      addNewAction: 'Add Action',
+      addLanguage: 'Add Language',
+      selectLanguage: 'Select a language...',
+      actionNameError: 'Only lowercase letters and hyphens allowed, cannot start with hyphen',
+      actionNameDuplicate: 'Action name already exists'
     }
   },
   expiration: {