@ckeditor/ckeditor5-ckbox 42.0.2 → 43.0.0-alpha.0

package/build/translations/ug.js

@@ -1 +1 @@
-!function(e){const i=e.ug=e.ug||{};i.dictionary=Object.assign(i.dictionary||{},{"Cannot access default workspace.":"كۆڭۈلدىكى خىزمەت بوشلۇقىنى زىيارەت قىلالمايدۇ","Cannot determine a category for the uploaded file.":"يۈكلەيدىغان ھۆججەتنىڭ تۈرىنى جەزملىيەلمىدى.","Edit image":"","Failed to determine category of edited image.":"","Open file manager":"ھۆججەت باشقۇرغۇچنى ئاچ","Processing the edited image.":"","Server failed to process the image.":""})}(window.CKEDITOR_TRANSLATIONS||(window.CKEDITOR_TRANSLATIONS={}));
+!function(e){const i=e.ug=e.ug||{};i.dictionary=Object.assign(i.dictionary||{},{"Cannot access default workspace.":"كۆڭۈلدىكى خىزمەت بوشلۇقىنى زىيارەت قىلالمايدۇ","Cannot determine a category for the uploaded file.":"يۈكلەيدىغان ھۆججەتنىڭ تۈرىنى جەزملىيەلمىدى.","Edit image":"","Failed to determine category of edited image.":"","No permission for image editing. Try using the file manager or contact your administrator.":"","Open file manager":"ھۆججەت باشقۇرغۇچنى ئاچ","Processing the edited image.":"","Server failed to process the image.":""})}(window.CKEDITOR_TRANSLATIONS||(window.CKEDITOR_TRANSLATIONS={}));

package/build/translations/uk.js

@@ -1 +1 @@
-!function(e){const i=e.uk=e.uk||{};i.dictionary=Object.assign(i.dictionary||{},{"Cannot access default workspace.":"Немає доступу до робочого простору за замовчуванням.","Cannot determine a category for the uploaded file.":"Не вдається визначити категорію для завантаженого файлу.","Edit image":"Редагувати зображення","Failed to determine category of edited image.":"Не вдалося визначити категорію відредагованого зображення.","Open file manager":"Відкрити менеджер файлів","Processing the edited image.":"Обробка відредагованого зображення.","Server failed to process the image.":"Серверу не вдалося обробити зображення."})}(window.CKEDITOR_TRANSLATIONS||(window.CKEDITOR_TRANSLATIONS={}));
+!function(e){const i=e.uk=e.uk||{};i.dictionary=Object.assign(i.dictionary||{},{"Cannot access default workspace.":"Немає доступу до робочого простору за замовчуванням.","Cannot determine a category for the uploaded file.":"Не вдається визначити категорію для завантаженого файлу.","Edit image":"Редагувати зображення","Failed to determine category of edited image.":"Не вдалося визначити категорію відредагованого зображення.","No permission for image editing. Try using the file manager or contact your administrator.":"","Open file manager":"Відкрити менеджер файлів","Processing the edited image.":"Обробка відредагованого зображення.","Server failed to process the image.":"Серверу не вдалося обробити зображення."})}(window.CKEDITOR_TRANSLATIONS||(window.CKEDITOR_TRANSLATIONS={}));

package/build/translations/ur.js

@@ -1 +1 @@
-!function(e){const i=e.ur=e.ur||{};i.dictionary=Object.assign(i.dictionary||{},{"Cannot access default workspace.":"","Cannot determine a category for the uploaded file.":"اپلوڈ کی گئی فائل کا ذمرے کا تعین نہیں ہو سکا","Edit image":"","Failed to determine category of edited image.":"","Open file manager":"فائل مینیجر کھولیں","Processing the edited image.":"","Server failed to process the image.":""})}(window.CKEDITOR_TRANSLATIONS||(window.CKEDITOR_TRANSLATIONS={}));
+!function(e){const i=e.ur=e.ur||{};i.dictionary=Object.assign(i.dictionary||{},{"Cannot access default workspace.":"","Cannot determine a category for the uploaded file.":"اپلوڈ کی گئی فائل کا ذمرے کا تعین نہیں ہو سکا","Edit image":"","Failed to determine category of edited image.":"","No permission for image editing. Try using the file manager or contact your administrator.":"","Open file manager":"فائل مینیجر کھولیں","Processing the edited image.":"","Server failed to process the image.":""})}(window.CKEDITOR_TRANSLATIONS||(window.CKEDITOR_TRANSLATIONS={}));

package/build/translations/uz.js

@@ -1 +1 @@
-!function(e){const i=e.uz=e.uz||{};i.dictionary=Object.assign(i.dictionary||{},{"Cannot access default workspace.":"","Cannot determine a category for the uploaded file.":"Yuklangan fayl uchun toifani aniqlab bo‘lmadi.","Edit image":"","Failed to determine category of edited image.":"","Open file manager":"Fayl menejerini ochish","Processing the edited image.":"","Server failed to process the image.":""})}(window.CKEDITOR_TRANSLATIONS||(window.CKEDITOR_TRANSLATIONS={}));
+!function(e){const i=e.uz=e.uz||{};i.dictionary=Object.assign(i.dictionary||{},{"Cannot access default workspace.":"","Cannot determine a category for the uploaded file.":"Yuklangan fayl uchun toifani aniqlab bo‘lmadi.","Edit image":"","Failed to determine category of edited image.":"","No permission for image editing. Try using the file manager or contact your administrator.":"","Open file manager":"Fayl menejerini ochish","Processing the edited image.":"","Server failed to process the image.":""})}(window.CKEDITOR_TRANSLATIONS||(window.CKEDITOR_TRANSLATIONS={}));

package/build/translations/vi.js

@@ -1 +1 @@
-!function(n){const h=n.vi=n.vi||{};h.dictionary=Object.assign(h.dictionary||{},{"Cannot access default workspace.":"Không thể truy cập vào không gian làm việc mặc định.","Cannot determine a category for the uploaded file.":"Không thể xác định danh mục cho tệp được tải lên.","Edit image":"Chỉnh sửa hình ảnh","Failed to determine category of edited image.":"Không thể xác định danh mục hình ảnh đã chỉnh sửa.","Open file manager":"Mở trình quản lý tệp","Processing the edited image.":"Xử lý hình ảnh đã chỉnh sửa.","Server failed to process the image.":"Máy chủ không thể xử lý hình ảnh."})}(window.CKEDITOR_TRANSLATIONS||(window.CKEDITOR_TRANSLATIONS={}));
+!function(n){const e=n.vi=n.vi||{};e.dictionary=Object.assign(e.dictionary||{},{"Cannot access default workspace.":"Không thể truy cập vào không gian làm việc mặc định.","Cannot determine a category for the uploaded file.":"Không thể xác định danh mục cho tệp được tải lên.","Edit image":"Chỉnh sửa hình ảnh","Failed to determine category of edited image.":"Không thể xác định danh mục hình ảnh đã chỉnh sửa.","No permission for image editing. Try using the file manager or contact your administrator.":"","Open file manager":"Mở trình quản lý tệp","Processing the edited image.":"Xử lý hình ảnh đã chỉnh sửa.","Server failed to process the image.":"Máy chủ không thể xử lý hình ảnh."})}(window.CKEDITOR_TRANSLATIONS||(window.CKEDITOR_TRANSLATIONS={}));

package/build/translations/zh-cn.js

@@ -1 +1 @@
-!function(e){const i=e["zh-cn"]=e["zh-cn"]||{};i.dictionary=Object.assign(i.dictionary||{},{"Cannot access default workspace.":"无法访问默认工作区","Cannot determine a category for the uploaded file.":"无法确定上传文件的类别。","Edit image":"编辑图片","Failed to determine category of edited image.":"未能确定已编辑图片的类别。","Open file manager":"打开文件管理器","Processing the edited image.":"正在处理已编辑的图片。","Server failed to process the image.":"服务器未能处理图片。"})}(window.CKEDITOR_TRANSLATIONS||(window.CKEDITOR_TRANSLATIONS={}));
+!function(e){const i=e["zh-cn"]=e["zh-cn"]||{};i.dictionary=Object.assign(i.dictionary||{},{"Cannot access default workspace.":"无法访问默认工作区","Cannot determine a category for the uploaded file.":"无法确定上传文件的类别。","Edit image":"编辑图片","Failed to determine category of edited image.":"未能确定已编辑图片的类别。","No permission for image editing. Try using the file manager or contact your administrator.":"","Open file manager":"打开文件管理器","Processing the edited image.":"正在处理已编辑的图片。","Server failed to process the image.":"服务器未能处理图片。"})}(window.CKEDITOR_TRANSLATIONS||(window.CKEDITOR_TRANSLATIONS={}));

package/build/translations/zh.js

@@ -1 +1 @@
-!function(e){const i=e.zh=e.zh||{};i.dictionary=Object.assign(i.dictionary||{},{"Cannot access default workspace.":"無法存取預設工作區。","Cannot determine a category for the uploaded file.":"無法確定上傳檔案的分類。","Edit image":"編輯圖片","Failed to determine category of edited image.":"無法判斷已編輯圖片的類別。","Open file manager":"開啟檔案管理程式","Processing the edited image.":"正在處理已編輯的圖片。","Server failed to process the image.":"伺服器無法處理該圖片。"})}(window.CKEDITOR_TRANSLATIONS||(window.CKEDITOR_TRANSLATIONS={}));
+!function(e){const i=e.zh=e.zh||{};i.dictionary=Object.assign(i.dictionary||{},{"Cannot access default workspace.":"無法存取預設工作區。","Cannot determine a category for the uploaded file.":"無法確定上傳檔案的分類。","Edit image":"編輯圖片","Failed to determine category of edited image.":"無法判斷已編輯圖片的類別。","No permission for image editing. Try using the file manager or contact your administrator.":"","Open file manager":"開啟檔案管理程式","Processing the edited image.":"正在處理已編輯的圖片。","Server failed to process the image.":"伺服器無法處理該圖片。"})}(window.CKEDITOR_TRANSLATIONS||(window.CKEDITOR_TRANSLATIONS={}));

package/dist/ckboxcommand.d.ts

@@ -78,8 +78,20 @@ export default class CKBoxCommand extends Command {
      * - tokenUrl The token endpoint URL.
      * - serviceOrigin The base URL of the API service.
      * - forceDemoLabel Whether to force "Powered by CKBox" link.
-     * - dialog.onClose The callback function invoked after closing the CKBox dialog.
      * - assets.onChoose The callback function invoked after choosing the assets.
+     * - dialog.onClose The callback function invoked after closing the CKBox dialog.
+     * - dialog.width The dialog width in pixels.
+     * - dialog.height The dialog height in pixels.
+     * - categories.icons Allows setting custom icons for categories.
+     * - view.openLastView Sets if the last view visited by the user will be reopened
+     * on the next startup.
+     * - view.startupFolderId Sets the ID of the folder that will be opened on startup.
+     * - view.startupCategoryId Sets the ID of the category that will be opened on startup.
+     * - view.hideMaximizeButton Sets whether to hide the ‘Maximize’ button.
+     * - view.componentsHideTimeout Sets timeout after which upload components are hidden
+     * after completed upload.
+     * - view.dialogMinimizeTimeout Sets timeout after which upload dialog is minimized
+     * after completed upload.
      */
     private _prepareOptions;
     /**

package/dist/ckboxconfig.d.ts

@@ -129,6 +129,111 @@ export interface CKBoxConfig {
      * Defaults to {@link module:utils/locale~Locale#uiLanguage `Locale#uiLanguage`}
      */
     language?: string;
+    /**
+     * This option allows opening CKBox in dialog mode. It takes a configuration object with
+     * the width and height attributes.
+     */
+    dialog?: CKBoxDialogConfig;
+    /**
+     * Allows setting custom icons for categories.
+     */
+    categories?: CKBoxCategoriesConfig;
+    /**
+     * Configures the view of CKBox.
+     */
+    view?: CKBoxViewConfig;
+    /**
+     * Configures when dialog should be minimized and hidden.
+     */
+    upload?: CKBoxUploadConfig;
+    /**
+     * Specifies the file extensions considered valid for user interaction. Whith this
+     * option developers can restrict user interaction to only those assets whose file
+     * extensions match those listed in the array. Assets whose file
+     * extensions are not listed in the `choosableFileExtensions` array are
+     * automatically disabled within the CKBox interface.
+     *
+     * ```ts
+     * const ckboxConfig = {
+     *		choosableFileExtensions: ['jpg', 'png']
+     * };
+     * ```
+     */
+    choosableFileExtensions?: Array<string>;
+}
+export interface CKBoxDialogConfig {
+    /**
+     * The dialog width in pixels.
+     */
+    width: number;
+    /**
+     * The dialog height in pixels.
+     */
+    height: number;
+}
+export interface CKBoxCategoriesConfig {
+    /**
+     * This option takes an object with categories and icons that should be used instead
+     * of the default ones. Categories can be defined using either their name or id.
+     * Icons should be defined as strings containing the SVG images, or as React components.
+     *
+     * ```ts
+     * const ckboxConfig = {
+     * 		categories: {
+     * 				icons: {
+     * 					Images: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path ... /></svg>',
+     * 					// Category can be referenced by ID
+     * 					// 'fdf2a647-b67f-4a6c-b692-5ba1dc1ed87b': '<svg...'
+     * 				}
+     * 		}
+     * }
+     * ```
+     */
+    icons?: {
+        [key: string]: string;
+    };
+}
+export interface CKBoxViewConfig {
+    /**
+     * If it is set to `false` the last view visited by the user will not be reopened on
+     * the next startup.
+     */
+    openLastView?: boolean;
+    /**
+     * Sets the ID of the folder that will be opened on startup. This option can be paired
+     * with setting `view.openLastView` to `false` to enforce CKBox to always open in a given
+     * folder at startup.
+     */
+    startupFolderId?: string;
+    /**
+     * Sets the ID of the category that will be opened on startup. This option can be paired
+     * with setting `view.openLastView` to `false` to enforce CKBox to always open in a given
+     * category at startup. If `view.startupCategoryId` is passed along with the
+     * `view.startupFolderId` option, CKBox will prioritize opening category view on the startup.
+     */
+    startupCategoryId?: string;
+    /**
+     * Sets whether to hide the ‘Maximize’ button. By default, the button is shown and enabling
+     * this option will hide it.
+     */
+    hideMaximizeButton?: boolean;
+}
+export interface CKBoxUploadConfig {
+    /**
+     * Sets timeout (in milliseconds) after which upload components (dialog and indicator) are
+     * hidden. By default, these components hide automatically after 10 seconds.
+     *
+     * Read more: https://ckeditor.com/docs/ckbox/latest/guides/configuration/configuration-options.html#uploadcomponentshidetimeout
+     */
+    componentsHideTimeout?: number;
+    /**
+     * Sets timeout (in milliseconds) after which upload dialog is minimized once upload is
+     * finished and all uploads were successful. By default, upload dialog is never minimized
+     * automatically.
+     *
+     * Read more: https://ckeditor.com/docs/ckbox/latest/guides/configuration/configuration-options.html#uploaddialogminimizetimeout
+     */
+    dialogMinimizeTimeout?: number;
 }
 /**
  * Asset definition.

package/dist/ckboxediting.d.ts

@@ -6,6 +6,9 @@
  * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
+/**
+ * @module ckbox/ckboxediting
+ */
 import { Plugin } from 'ckeditor5/src/core.js';
 import CKBoxUploadAdapter from './ckboxuploadadapter.js';
 import CKBoxUtils from './ckboxutils.js';
@@ -14,10 +17,6 @@ import CKBoxUtils from './ckboxutils.js';
  * {@link module:ckbox/ckboxuploadadapter~CKBoxUploadAdapter CKBox upload adapter}.
  */
 export default class CKBoxEditing extends Plugin {
-    /**
-     * CKEditor Cloud Services access token.
-     */
-    private _token;
     /**
      * @inheritDoc
      */
@@ -39,6 +38,10 @@ export default class CKBoxEditing extends Plugin {
      * the CKBox JavaScript library is loaded.
      */
     private _shouldBeInitialised;
+    /**
+     * Blocks `uploadImage` and `ckboxImageEdit` commands.
+     */
+    private _blockImageCommands;
     /**
      * Checks if at least one image plugin is loaded.
      */

package/dist/ckboxutils.d.ts

@@ -30,15 +30,15 @@ export default class CKBoxUtils extends Plugin {
     /**
      * @inheritDoc
      */
-    init(): Promise<void>;
+    init(): void;
     /**
      * Returns a token used by the CKBox plugin for communication with the CKBox service.
      */
-    getToken(): InitializedToken;
+    getToken(): Promise<InitializedToken>;
     /**
      * The ID of workspace to use when uploading an image.
      */
-    getWorkspaceId(): string;
+    getWorkspaceId(): Promise<string>;
     /**
      * Resolves a promise with an object containing a category with which the uploaded file is associated or an error code.
      */

package/dist/index.js

@@ -369,22 +369,54 @@ const ASSET_INSERTION_WAIT_TIMEOUT = 1000;
 	 * - tokenUrl The token endpoint URL.
 	 * - serviceOrigin The base URL of the API service.
 	 * - forceDemoLabel Whether to force "Powered by CKBox" link.
-	 * - dialog.onClose The callback function invoked after closing the CKBox dialog.
 	 * - assets.onChoose The callback function invoked after choosing the assets.
+	 * - dialog.onClose The callback function invoked after closing the CKBox dialog.
+	 * - dialog.width The dialog width in pixels.
+	 * - dialog.height The dialog height in pixels.
+	 * - categories.icons Allows setting custom icons for categories.
+	 * - view.openLastView Sets if the last view visited by the user will be reopened
+	 * on the next startup.
+	 * - view.startupFolderId Sets the ID of the folder that will be opened on startup.
+	 * - view.startupCategoryId Sets the ID of the category that will be opened on startup.
+	 * - view.hideMaximizeButton Sets whether to hide the ‘Maximize’ button.
+	 * - view.componentsHideTimeout Sets timeout after which upload components are hidden
+	 * after completed upload.
+	 * - view.dialogMinimizeTimeout Sets timeout after which upload dialog is minimized
+	 * after completed upload.
 	 */ _prepareOptions() {
         const editor = this.editor;
         const ckboxConfig = editor.config.get('ckbox');
+        const dialog = ckboxConfig.dialog;
+        const categories = ckboxConfig.categories;
+        const view = ckboxConfig.view;
+        const upload = ckboxConfig.upload;
         return {
             theme: ckboxConfig.theme,
             language: ckboxConfig.language,
             tokenUrl: ckboxConfig.tokenUrl,
             serviceOrigin: ckboxConfig.serviceOrigin,
             forceDemoLabel: ckboxConfig.forceDemoLabel,
-            dialog: {
-                onClose: ()=>this.fire('ckbox:close')
-            },
+            choosableFileExtensions: ckboxConfig.choosableFileExtensions,
             assets: {
                 onChoose: (assets)=>this.fire('ckbox:choose', assets)
+            },
+            dialog: {
+                onClose: ()=>this.fire('ckbox:close'),
+                width: dialog && dialog.width,
+                height: dialog && dialog.height
+            },
+            categories: categories && {
+                icons: categories.icons
+            },
+            view: view && {
+                openLastView: view.openLastView,
+                startupFolderId: view.startupFolderId,
+                startupCategoryId: view.startupCategoryId,
+                hideMaximizeButton: view.hideMaximizeButton
+            },
+            upload: upload && {
+                componentsHideTimeout: upload.componentsHideTimeout,
+                dialogMinimizeTimeout: upload.dialogMinimizeTimeout
             }
         };
     }
@@ -619,7 +651,7 @@ const DEFAULT_CKBOX_THEME_NAME = 'lark';
     }
     /**
 	 * @inheritDoc
-	 */ async init() {
+	 */ init() {
         const editor = this.editor;
         const hasConfiguration = !!editor.config.get('ckbox');
         const isLibraryLoaded = !!window.CKBox;
@@ -659,9 +691,9 @@ const DEFAULT_CKBOX_THEME_NAME = 'lark';
 			 */ throw new CKEditorError('ckbox-plugin-missing-token-url', this);
         }
         if (ckboxTokenUrl == cloudServicesTokenUrl) {
-            this._token = cloudServices.token;
+            this._token = Promise.resolve(cloudServices.token);
         } else {
-            this._token = await cloudServices.registerTokenUrl(ckboxTokenUrl);
+            this._token = cloudServices.registerTokenUrl(ckboxTokenUrl);
         }
     }
     /**
@@ -671,11 +703,11 @@ const DEFAULT_CKBOX_THEME_NAME = 'lark';
     }
     /**
 	 * The ID of workspace to use when uploading an image.
-	 */ getWorkspaceId() {
+	 */ async getWorkspaceId() {
         const t = this.editor.t;
         const cannotAccessDefaultWorkspaceError = t('Cannot access default workspace.');
         const defaultWorkspaceId = this.editor.config.get('ckbox.defaultUploadWorkspaceId');
-        const workspaceId = getWorkspaceId(this._token, defaultWorkspaceId);
+        const workspaceId = getWorkspaceId(await this._token, defaultWorkspaceId);
         if (workspaceId == null) {
             /**
 			 * The user is not authorized to access the workspace defined in  the`ckbox.defaultUploadWorkspaceId` configuration.
@@ -730,7 +762,7 @@ const DEFAULT_CKBOX_THEME_NAME = 'lark';
         const token = this._token;
         const { signal } = options;
         const serviceOrigin = editor.config.get('ckbox.serviceOrigin');
-        const workspaceId = this.getWorkspaceId();
+        const workspaceId = await this.getWorkspaceId();
         try {
             const result = [];
             let offset = 0;
@@ -751,15 +783,15 @@ const DEFAULT_CKBOX_THEME_NAME = 'lark';
 			 */ logError('ckbox-fetch-category-http-error');
             return undefined;
         }
-        function fetchCategories(offset) {
+        async function fetchCategories(offset) {
             const categoryUrl = new URL('categories', serviceOrigin);
-            categoryUrl.searchParams.set('limit', ITEMS_PER_REQUEST.toString());
-            categoryUrl.searchParams.set('offset', offset.toString());
+            categoryUrl.searchParams.set('limit', String(ITEMS_PER_REQUEST));
+            categoryUrl.searchParams.set('offset', String(offset));
             categoryUrl.searchParams.set('workspaceId', workspaceId);
             return sendHttpRequest({
                 url: categoryUrl,
                 signal,
-                authorization: token.value
+                authorization: (await token).value
             });
         }
     }
@@ -860,7 +892,7 @@ const DEFAULT_CKBOX_THEME_NAME = 'lark';
         });
         const uploadUrl = new URL('assets', this.serviceOrigin);
         const formData = new FormData();
-        uploadUrl.searchParams.set('workspaceId', ckboxUtils.getWorkspaceId());
+        uploadUrl.searchParams.set('workspaceId', await ckboxUtils.getWorkspaceId());
         formData.append('categoryId', category);
         formData.append('file', file);
         const requestConfig = {
@@ -874,7 +906,7 @@ const DEFAULT_CKBOX_THEME_NAME = 'lark';
                 }
             },
             signal: this.controller.signal,
-            authorization: this.token.value
+            authorization: (await this.token).value
         };
         return sendHttpRequest(requestConfig).then(async (data)=>{
             const imageUrls = getImageUrls(data.imageUrls);
@@ -897,13 +929,11 @@ const DEFAULT_CKBOX_THEME_NAME = 'lark';
     }
 }
 
+const COMMAND_FORCE_DISABLE_ID = 'NoPermission';
 /**
  * The CKBox editing feature. It introduces the {@link module:ckbox/ckboxcommand~CKBoxCommand CKBox command} and
  * {@link module:ckbox/ckboxuploadadapter~CKBoxUploadAdapter CKBox upload adapter}.
  */ class CKBoxEditing extends Plugin {
-    /**
-	 * CKEditor Cloud Services access token.
-	 */ _token;
     /**
 	 * @inheritDoc
 	 */ static get pluginName() {
@@ -931,6 +961,12 @@ const DEFAULT_CKBOX_THEME_NAME = 'lark';
         if (isLibraryLoaded()) {
             editor.commands.add('ckbox', new CKBoxCommand(editor));
         }
+        // Promise is not handled intentionally. Errors should be displayed in console if there are so.
+        isUploadPermissionGranted(editor).then((isCreateAssetAllowed)=>{
+            if (!isCreateAssetAllowed) {
+                this._blockImageCommands();
+            }
+        });
     }
     /**
 	 * @inheritDoc
@@ -955,6 +991,20 @@ const DEFAULT_CKBOX_THEME_NAME = 'lark';
         const hasConfiguration = !!editor.config.get('ckbox');
         return hasConfiguration || isLibraryLoaded();
     }
+    /**
+	 * Blocks `uploadImage` and `ckboxImageEdit` commands.
+	 */ _blockImageCommands() {
+        const editor = this.editor;
+        const uploadImageCommand = editor.commands.get('uploadImage');
+        const imageEditingCommand = editor.commands.get('ckboxImageEdit');
+        if (uploadImageCommand) {
+            uploadImageCommand.isAccessAllowed = false;
+            uploadImageCommand.forceDisabled(COMMAND_FORCE_DISABLE_ID);
+        }
+        if (imageEditingCommand) {
+            imageEditingCommand.forceDisabled(COMMAND_FORCE_DISABLE_ID);
+        }
+    }
     /**
 	 * Checks if at least one image plugin is loaded.
 	 */ _checkImagePlugins() {
@@ -998,12 +1048,12 @@ const DEFAULT_CKBOX_THEME_NAME = 'lark';
                 ]
             });
         }
-        schema.addAttributeCheck((context, attributeName)=>{
-            const isLink = !!context.last.getAttribute('linkHref');
-            if (!isLink && attributeName === 'ckboxLinkId') {
+        schema.addAttributeCheck((context)=>{
+            // Don't allow `ckboxLinkId` on elements which do not have `linkHref` attribute.
+            if (!context.last.getAttribute('linkHref')) {
                 return false;
             }
-        });
+        }, 'ckboxLinkId');
     }
     /**
 	 * Configures the upcast and downcast conversions for the `ckboxImageId` and `ckboxLinkId` attributes.
@@ -1241,6 +1291,20 @@ const DEFAULT_CKBOX_THEME_NAME = 'lark';
  */ function isLibraryLoaded() {
     return !!window.CKBox;
 }
+/**
+ * Checks is access allowed to upload assets.
+ */ async function isUploadPermissionGranted(editor) {
+    const ckboxUtils = editor.plugins.get(CKBoxUtils);
+    const origin = editor.config.get('ckbox.serviceOrigin');
+    const url = new URL('permissions', origin);
+    const { value } = await ckboxUtils.getToken();
+    const response = await sendHttpRequest({
+        url,
+        authorization: value,
+        signal: new AbortController().signal // Aborting is unnecessary.
+    });
+    return Object.values(response).some((category)=>category['asset:create']);
+}
 
 /**
  * The CKBox feature, a bridge between the CKEditor 5 WYSIWYG editor and the CKBox file manager and uploader.
@@ -1510,7 +1574,7 @@ function createUrlChecker(allowExternalImagesEditing) {
         const response = await sendHttpRequest({
             url,
             signal,
-            authorization: ckboxUtils.getToken().value
+            authorization: (await ckboxUtils.getToken()).value
         });
         const status = response.metadata.metadataProcessingStatus;
         if (!status || status == 'queued') {
@@ -1641,13 +1705,14 @@ var ckboxImageEditIcon = "<svg viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2
         const editor = this.editor;
         editor.ui.componentFactory.add('ckboxImageEdit', (locale)=>{
             const command = editor.commands.get('ckboxImageEdit');
+            const uploadImageCommand = editor.commands.get('uploadImage');
             const view = new ButtonView(locale);
             const t = locale.t;
             view.set({
-                label: t('Edit image'),
                 icon: ckboxImageEditIcon,
                 tooltip: true
             });
+            view.bind('label').to(uploadImageCommand, 'isAccessAllowed', (isAccessAllowed)=>isAccessAllowed ? t('Edit image') : t('No permission for image editing. Try using the file manager or contact your administrator.'));
             view.bind('isOn').to(command, 'value', command, 'isEnabled', (value, isEnabled)=>value && isEnabled);
             view.bind('isEnabled').to(command);
             // Execute the command.