@ckeditor/ckeditor5-ckbox 40.1.0 → 41.0.0

package/lang/translations/zh-cn.po

@@ -1,4 +1,4 @@
-# Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+# Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 #
 #                                     !!! IMPORTANT !!!
 #
@@ -17,7 +17,7 @@ msgstr ""
 "Plural-Forms: nplurals=1; plural=0;\n"
 "Content-Type: text/plain; charset=UTF-8\n"
 
-msgctxt "Toolbar button tooltip for opening a file browser that allows inserting an image or a file to the editor."
+msgctxt "A toolbar button tooltip for opening the file browser that allows inserting an image or a file to the editor."
 msgid "Open file manager"
 msgstr "打开文件管理器"
 
@@ -25,6 +25,22 @@ msgctxt "A message is displayed when CKEditor 5 cannot associate an image with a
 msgid "Cannot determine a category for the uploaded file."
 msgstr "无法确定上传文件的类别。"
 
-msgctxt "A message is displayed when the user is not authorised to access CKBox workspace configured as default one."
+msgctxt "A message is displayed when the user is not authorised to access the CKBox workspace configured as default one."
 msgid "Cannot access default workspace."
 msgstr "无法访问默认工作区"
+
+msgctxt "Image toolbar button tooltip for opening a dialog to manipulate the image."
+msgid "Edit image"
+msgstr "编辑图片"
+
+msgctxt "A message stating that image editing is in progress."
+msgid "Processing the edited image."
+msgstr "正在处理已编辑的图片。"
+
+msgctxt "A message is displayed when the server fails to process an image or doesn't respond."
+msgid "Server failed to process the image."
+msgstr "服务器未能处理图片。"
+
+msgctxt "A message is displayed when category of the image user wants to edit can't be determined."
+msgid "Failed to determine category of edited image."
+msgstr "未能确定已编辑图片的类别。"

package/lang/translations/zh.po

@@ -1,4 +1,4 @@
-# Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+# Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 #
 #                                     !!! IMPORTANT !!!
 #
@@ -17,7 +17,7 @@ msgstr ""
 "Plural-Forms: nplurals=1; plural=0;\n"
 "Content-Type: text/plain; charset=UTF-8\n"
 
-msgctxt "Toolbar button tooltip for opening a file browser that allows inserting an image or a file to the editor."
+msgctxt "A toolbar button tooltip for opening the file browser that allows inserting an image or a file to the editor."
 msgid "Open file manager"
 msgstr "開啟檔案管理程式"
 
@@ -25,6 +25,22 @@ msgctxt "A message is displayed when CKEditor 5 cannot associate an image with a
 msgid "Cannot determine a category for the uploaded file."
 msgstr "無法確定上傳檔案的分類。"
 
-msgctxt "A message is displayed when the user is not authorised to access CKBox workspace configured as default one."
+msgctxt "A message is displayed when the user is not authorised to access the CKBox workspace configured as default one."
 msgid "Cannot access default workspace."
 msgstr "無法存取預設工作區。"
+
+msgctxt "Image toolbar button tooltip for opening a dialog to manipulate the image."
+msgid "Edit image"
+msgstr "編輯圖片"
+
+msgctxt "A message stating that image editing is in progress."
+msgid "Processing the edited image."
+msgstr "正在處理已編輯的圖片。"
+
+msgctxt "A message is displayed when the server fails to process an image or doesn't respond."
+msgid "Server failed to process the image."
+msgstr "伺服器無法處理該圖片。"
+
+msgctxt "A message is displayed when category of the image user wants to edit can't be determined."
+msgid "Failed to determine category of edited image."
+msgstr "無法判斷已編輯圖片的類別。"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ckeditor/ckeditor5-ckbox",
-  "version": "40.1.0",
+  "version": "41.0.0",
   "description": "CKBox integration for CKEditor 5.",
   "keywords": [
     "ckeditor",
@@ -10,10 +10,12 @@
     "ckeditor5-plugin",
     "ckeditor5-dll"
   ],
+  "type": "module",
   "main": "src/index.js",
   "dependencies": {
-    "ckeditor5": "40.1.0",
-    "blurhash": "^2.0.5"
+    "ckeditor5": "41.0.0",
+    "blurhash": "2.0.5",
+    "lodash-es": "4.17.21"
   },
   "author": "CKSource (http://cksource.com/)",
   "license": "GPL-2.0-or-later",

package/src/augmentation.d.ts

@@ -1,8 +1,8 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @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
  */
-import type { CKBox, CKBoxCommand, CKBoxConfig, CKBoxEditing } from './index';
+import type { CKBox, CKBoxCommand, CKBoxConfig, CKBoxEditing, CKBoxImageEdit, CKBoxImageEditEditing, CKBoxImageEditCommand, CKBoxImageEditUI } from './index.js';
 declare module '@ckeditor/ckeditor5-core' {
     interface EditorConfig {
         /**
@@ -15,8 +15,18 @@ declare module '@ckeditor/ckeditor5-core' {
     interface PluginsMap {
         [CKBox.pluginName]: CKBox;
         [CKBoxEditing.pluginName]: CKBoxEditing;
+        [CKBoxImageEdit.pluginName]: CKBoxImageEdit;
+        [CKBoxImageEditEditing.pluginName]: CKBoxImageEditEditing;
+        [CKBoxImageEditUI.pluginName]: CKBoxImageEditUI;
     }
     interface CommandsMap {
         ckbox: CKBoxCommand;
+        ckboxImageEdit: CKBoxImageEditCommand;
     }
 }
+declare global {
+    var CKBox: {
+        mount(wrapper: Element, options: Record<string, unknown>): void;
+        mountImageEditor(wrapper: Element, options: Record<string, unknown>): void;
+    };
+}

package/src/augmentation.js

@@ -1,5 +1,5 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @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
  */
 export {};

package/src/ckbox.d.ts

@@ -1,13 +1,13 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @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/ckbox
  */
-import { Plugin } from 'ckeditor5/src/core';
-import CKBoxUI from './ckboxui';
-import CKBoxEditing from './ckboxediting';
+import { Plugin } from 'ckeditor5/src/core.js';
+import CKBoxUI from './ckboxui.js';
+import CKBoxEditing from './ckboxediting.js';
 /**
  * The CKBox feature, a bridge between the CKEditor 5 WYSIWYG editor and the CKBox file manager and uploader.
  *

package/src/ckbox.js

@@ -1,13 +1,13 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @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/ckbox
  */
-import { Plugin } from 'ckeditor5/src/core';
-import CKBoxUI from './ckboxui';
-import CKBoxEditing from './ckboxediting';
+import { Plugin } from 'ckeditor5/src/core.js';
+import CKBoxUI from './ckboxui.js';
+import CKBoxEditing from './ckboxediting.js';
 /**
  * The CKBox feature, a bridge between the CKEditor 5 WYSIWYG editor and the CKBox file manager and uploader.
  *

package/src/ckboxcommand.d.ts

@@ -1,14 +1,9 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @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
  */
-import { Command, type Editor } from 'ckeditor5/src/core';
-import type { CKBoxAssetDefinition } from './ckboxconfig';
-declare global {
-    var CKBox: {
-        mount(wrapper: Element, options: Record<string, unknown>): void;
-    };
-}
+import { Command, type Editor } from 'ckeditor5/src/core.js';
+import type { CKBoxAssetDefinition, CKBoxAssetImageAttributesDefinition, CKBoxRawAssetDefinition } from './ckboxconfig.js';
 /**
  * The CKBox command. It is used by the {@link module:ckbox/ckboxediting~CKBoxEditing CKBox editing feature} to open the CKBox file manager.
  * The file manager allows inserting an image or a link to a file into the editor content.
@@ -78,6 +73,7 @@ export default class CKBoxCommand extends Command {
      * - language The language for CKBox dialog.
      * - 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.
      */
@@ -110,3 +106,9 @@ export default class CKBoxCommand extends Command {
      */
     private _insertLink;
 }
+/**
+ * Parses the assets attributes into the internal data format.
+ *
+ * @internal
+ */
+export declare function prepareImageAssetAttributes(asset: CKBoxRawAssetDefinition): CKBoxAssetImageAttributesDefinition;

package/src/ckboxcommand.js

@@ -1,10 +1,10 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @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
  */
-import { Command } from 'ckeditor5/src/core';
-import { createElement, toMap } from 'ckeditor5/src/utils';
-import { blurHashToDataUrl, getImageUrls } from './utils';
+import { Command } from 'ckeditor5/src/core.js';
+import { createElement, toMap } from 'ckeditor5/src/utils.js';
+import { blurHashToDataUrl, getImageUrls } from './utils.js';
 // Defines the waiting time (in milliseconds) for inserting the chosen asset into the model. The chosen asset is temporarily stored in the
 // `CKBoxCommand#_chosenAssets` and it is removed from there automatically after this time. See `CKBoxCommand#_chosenAssets` for more
 // details.
@@ -94,6 +94,7 @@ export default class CKBoxCommand extends Command {
      * - language The language for CKBox dialog.
      * - 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.
      */
@@ -105,6 +106,7 @@ export default class CKBoxCommand extends Command {
             language: ckboxConfig.language,
             tokenUrl: ckboxConfig.tokenUrl,
             serviceOrigin: ckboxConfig.serviceOrigin,
+            forceDemoLabel: ckboxConfig.forceDemoLabel,
             dialog: {
                 onClose: () => this.fire('ckbox:close')
             },
@@ -281,8 +283,10 @@ function prepareAssets({ assets, isImageAllowed, isLinkAllowed }) {
 }
 /**
  * Parses the assets attributes into the internal data format.
+ *
+ * @internal
  */
-function prepareImageAssetAttributes(asset) {
+export function prepareImageAssetAttributes(asset) {
     const { imageFallbackUrl, imageSources } = getImageUrls(asset.data.imageUrls);
     const { description, width, height, blurHash } = asset.data.metadata;
     const imagePlaceholder = blurHashToDataUrl(blurHash);

package/src/ckboxconfig.d.ts

@@ -1,11 +1,12 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @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/ckboxconfig
  */
 import type { TokenUrl } from '@ckeditor/ckeditor5-cloud-services';
+import type { ArrayOrItem } from 'ckeditor5/src/utils.js';
 /**
  * The configuration of the {@link module:ckbox/ckbox~CKBox CKBox feature}.
  *
@@ -85,6 +86,27 @@ export interface CKBoxConfig {
      * If defined, it is an error, when the user has no access to the specified workspace.
      */
     defaultUploadWorkspaceId?: string;
+    /**
+     * Enforces displaying the "Powered by CKBox" link regardless of the CKBox plan used.
+     */
+    forceDemoLabel?: boolean;
+    /**
+     * Allows editing images that are not hosted in CKBox service.
+     *
+     * This configuration option should whitelist URL(s) of images that should be editable.
+     * Make sure that allowed image resources have CORS enabled.
+     *
+     * The image is editable if this option is:
+     * * a regular expression and it matches the image URL, or
+     * * a custom function that returns `true` for the image URL, or
+     * * `'origin'` literal and the image URL is from the same origin, or
+     * * an array of the above and the image URL matches one of the array elements.
+     *
+     * Images hosted in CKBox are always editable.
+     *
+     * @default []
+     */
+    allowExternalImagesEditing?: ArrayOrItem<RegExp | 'origin' | ((src: string) => boolean)>;
     /**
      * Inserts the unique asset ID as the `data-ckbox-resource-id` attribute. To disable this behavior, set it to `true`.
      *
@@ -296,4 +318,8 @@ export interface CKBoxRawAssetMetadataDefinition {
      * The blurhash placeholder value.
      */
     blurHash?: string;
+    /**
+     * The processing status of the asset.
+     */
+    metadataProcessingStatus?: string;
 }

package/src/ckboxconfig.js

@@ -1,5 +1,5 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @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
  */
 export {};

package/src/ckboxediting.d.ts

@@ -1,13 +1,10 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @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 type { InitializedToken } from '@ckeditor/ckeditor5-cloud-services';
-import { Plugin } from 'ckeditor5/src/core';
-import CKBoxUploadAdapter from './ckboxuploadadapter';
+import { Plugin } from 'ckeditor5/src/core.js';
+import CKBoxUploadAdapter from './ckboxuploadadapter.js';
+import CKBoxUtils from './ckboxutils.js';
 /**
  * The CKBox editing feature. It introduces the {@link module:ckbox/ckboxcommand~CKBoxCommand CKBox command} and
  * {@link module:ckbox/ckboxuploadadapter~CKBoxUploadAdapter CKBox upload adapter}.
@@ -24,19 +21,15 @@ export default class CKBoxEditing extends Plugin {
     /**
      * @inheritDoc
      */
-    static get requires(): readonly ["CloudServices", "LinkEditing", "PictureEditing", typeof CKBoxUploadAdapter];
+    static get requires(): readonly ["LinkEditing", "PictureEditing", typeof CKBoxUploadAdapter, typeof CKBoxUtils];
     /**
      * @inheritDoc
      */
-    init(): Promise<void>;
-    /**
-     * Returns a token used by the CKBox plugin for communication with the CKBox service.
-     */
-    getToken(): InitializedToken;
+    init(): void;
     /**
-     * Initializes the `ckbox` editor configuration.
+     * Checks if at least one image plugin is loaded.
      */
-    private _initConfig;
+    private _checkImagePlugins;
     /**
      * Extends the schema to allow the `ckboxImageId` and `ckboxLinkId` attributes for links and images.
      */

package/src/ckboxediting.js

@@ -1,13 +1,13 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @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
  */
-import { Plugin } from 'ckeditor5/src/core';
-import { Range } from 'ckeditor5/src/engine';
-import { CKEditorError, logError } from 'ckeditor5/src/utils';
-import CKBoxCommand from './ckboxcommand';
-import CKBoxUploadAdapter from './ckboxuploadadapter';
-const DEFAULT_CKBOX_THEME_NAME = 'lark';
+import { Plugin } from 'ckeditor5/src/core.js';
+import { Range } from 'ckeditor5/src/engine.js';
+import { logError } from 'ckeditor5/src/utils.js';
+import CKBoxCommand from './ckboxcommand.js';
+import CKBoxUploadAdapter from './ckboxuploadadapter.js';
+import CKBoxUtils from './ckboxutils.js';
 /**
  * The CKBox editing feature. It introduces the {@link module:ckbox/ckboxcommand~CKBoxCommand CKBox command} and
  * {@link module:ckbox/ckboxuploadadapter~CKBoxUploadAdapter CKBox upload adapter}.
@@ -23,12 +23,12 @@ export default class CKBoxEditing extends Plugin {
      * @inheritDoc
      */
     static get requires() {
-        return ['CloudServices', 'LinkEditing', 'PictureEditing', CKBoxUploadAdapter];
+        return ['LinkEditing', 'PictureEditing', CKBoxUploadAdapter, CKBoxUtils];
     }
     /**
      * @inheritDoc
      */
-    async init() {
+    init() {
         const editor = this.editor;
         const hasConfiguration = !!editor.config.get('ckbox');
         const isLibraryLoaded = !!window.CKBox;
@@ -37,20 +37,7 @@ export default class CKBoxEditing extends Plugin {
         if (!hasConfiguration && !isLibraryLoaded) {
             return;
         }
-        this._initConfig();
-        const cloudServicesCore = editor.plugins.get('CloudServicesCore');
-        const ckboxTokenUrl = editor.config.get('ckbox.tokenUrl');
-        const cloudServicesTokenUrl = editor.config.get('cloudServices.tokenUrl');
-        // To avoid fetching the same token twice we need to compare the `ckbox.tokenUrl` and `cloudServices.tokenUrl` values.
-        // If they are equal, it's enough to take the token generated by the `CloudServices` plugin.
-        if (ckboxTokenUrl === cloudServicesTokenUrl) {
-            const cloudServices = editor.plugins.get('CloudServices');
-            this._token = cloudServices.token;
-        }
-        // Otherwise, create a new token manually.
-        else {
-            this._token = await cloudServicesCore.createToken(ckboxTokenUrl).init();
-        }
+        this._checkImagePlugins();
         // Extending the schema, registering converters and applying fixers only make sense if the configuration option to assign
         // the assets ID with the model elements is enabled.
         if (!editor.config.get('ckbox.ignoreDataId')) {
@@ -64,45 +51,10 @@ export default class CKBoxEditing extends Plugin {
         }
     }
     /**
-     * Returns a token used by the CKBox plugin for communication with the CKBox service.
-     */
-    getToken() {
-        return this._token;
-    }
-    /**
-     * Initializes the `ckbox` editor configuration.
+     * Checks if at least one image plugin is loaded.
      */
-    _initConfig() {
+    _checkImagePlugins() {
         const editor = this.editor;
-        editor.config.define('ckbox', {
-            serviceOrigin: 'https://api.ckbox.io',
-            defaultUploadCategories: null,
-            ignoreDataId: false,
-            language: editor.locale.uiLanguage,
-            theme: DEFAULT_CKBOX_THEME_NAME,
-            tokenUrl: editor.config.get('cloudServices.tokenUrl')
-        });
-        const tokenUrl = editor.config.get('ckbox.tokenUrl');
-        if (!tokenUrl) {
-            /**
-             * The {@link module:ckbox/ckboxconfig~CKBoxConfig#tokenUrl `config.ckbox.tokenUrl`} or the
-             * {@link module:cloud-services/cloudservicesconfig~CloudServicesConfig#tokenUrl `config.cloudServices.tokenUrl`}
-             * configuration is required for the CKBox plugin.
-             *
-             * ```ts
-             * ClassicEditor.create( document.createElement( 'div' ), {
-             * 	ckbox: {
-             * 		tokenUrl: "YOUR_TOKEN_URL"
-             * 		// ...
-             * 	}
-             * 	// ...
-             * } );
-             * ```
-             *
-             * @error ckbox-plugin-missing-token-url
-             */
-            throw new CKEditorError('ckbox-plugin-missing-token-url', this);
-        }
         if (!editor.plugins.has('ImageBlockEditing') && !editor.plugins.has('ImageInlineEditing')) {
             /**
              * The CKBox feature requires one of the following plugins to be loaded to work correctly:

package/src/ckboximageedit/ckboximageeditcommand.d.ts

@@ -0,0 +1,97 @@
+/**
+ * @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/ckboximageedit/ckboximageeditcommand
+ */
+import { Command, type Editor } from 'ckeditor5/src/core.js';
+/**
+ * The CKBox edit image command.
+ *
+ * Opens the CKBox dialog for editing the image.
+ */
+export default class CKBoxImageEditCommand extends Command {
+    /**
+     * Flag indicating whether the command is active, i.e. dialog is open.
+     */
+    value: boolean;
+    /**
+     * The DOM element that acts as a mounting point for the CKBox Edit Image dialog.
+     */
+    private _wrapper;
+    /**
+     * The states of image processing in progress.
+     */
+    private _processInProgress;
+    /**
+     * Determines if the element can be edited.
+     */
+    private _canEdit;
+    /**
+     * A wrapper function to prepare mount options. Ensures that at most one preparation is in-flight.
+     */
+    private _prepareOptions;
+    /**
+     * @inheritDoc
+     */
+    constructor(editor: Editor);
+    /**
+     * @inheritDoc
+     */
+    refresh(): void;
+    /**
+     * Opens the CKBox Image Editor dialog for editing the image.
+     */
+    execute(): void;
+    /**
+     * @inheritDoc
+     */
+    destroy(): void;
+    /**
+     * Indicates if the CKBox Image Editor dialog is already opened.
+     */
+    private _getValue;
+    /**
+     * Creates the options object for the CKBox Image Editor dialog.
+     */
+    private _prepareOptionsAbortable;
+    /**
+     * Initializes event lister for an event of removing an image.
+     */
+    private _prepareListeners;
+    /**
+     * Gets processing states of images that have been deleted in the mean time.
+     */
+    private _getProcessingStatesOfDeletedImages;
+    private _checkIfElementIsBeingProcessed;
+    /**
+     * Closes the CKBox Image Editor dialog.
+     */
+    private _handleImageEditorClose;
+    /**
+     * Save edited image. In case server respond with "success" replace with edited image,
+     * otherwise show notification error.
+     */
+    private _handleImageEditorSave;
+    /**
+     * Get asset's status on server. If server responds with "success" status then
+     * image is already proceeded and ready for saving.
+     */
+    private _getAssetStatusFromServer;
+    /**
+     * Waits for an asset to be processed.
+     * It retries retrieving asset status from the server in case of failure.
+     */
+    private _waitForAssetProcessed;
+    /**
+     * Shows processing indicator while image is processing.
+     *
+     * @param asset Data about certain asset.
+     */
+    private _showImageProcessingIndicator;
+    /**
+     * Replace the edited image with the new one.
+     */
+    private _replaceImage;
+}