@uploadcare/file-uploader 1.17.0-alpha.11 → 1.17.0-alpha.12

package/abstract/{ValidationManager.d.ts → managers/ValidationManager.d.ts}

@@ -1,16 +1,16 @@
 export class ValidationManager {
-    /** @param {import('./UploaderBlock.js').UploaderBlock} blockInstance */
-    constructor(blockInstance: import("./UploaderBlock.js").UploaderBlock);
+    /** @param {import('../UploaderBlock.js').UploaderBlock} blockInstance */
+    constructor(blockInstance: import("../UploaderBlock.js").UploaderBlock);
     /**
      * @private
-     * @type {import('./UploaderBlock.js').UploaderBlock}
+     * @type {import('../UploaderBlock.js').UploaderBlock}
      */
     private _blockInstance;
     /** @type {FuncFileValidator[]} */
     _fileValidators: FuncFileValidator[];
     /** @type {FuncCollectionValidator[]} */
     _collectionValidators: FuncCollectionValidator[];
-    _uploadCollection: import("./TypedCollection.js").TypedCollection<Readonly<{
+    _uploadCollection: import("../TypedCollection.js").TypedCollection<Readonly<{
         file: Readonly<{
             type: {
                 new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag): File;
@@ -135,7 +135,7 @@ export class ValidationManager {
     runCollectionValidators(): void;
     /**
      * @private
-     * @param {import('./TypedData.js').TypedData<typeof import('./uploadEntrySchema.js').uploadEntrySchema>} entry
+     * @param {import('../TypedData.js').TypedData<typeof import('../uploadEntrySchema.js').uploadEntrySchema>} entry
      */
     private _runFileValidatorsForEntry;
     /**
@@ -145,6 +145,6 @@ export class ValidationManager {
      */
     _addCustomTypeToValidators<T>(validators: T[]): T[];
 }
-export type FuncFileValidator = (outputEntry: import("../types").OutputFileEntry, api: import("./UploaderPublicApi.js").UploaderPublicApi) => undefined | import("../types").OutputErrorFile;
-export type FuncCollectionValidator = (collection: ReturnType<typeof import("./buildOutputCollectionState.js").buildOutputCollectionState<import("../types").OutputCollectionStatus>>, api: import("./UploaderPublicApi.js").UploaderPublicApi) => undefined | import("../types").OutputErrorCollection;
+export type FuncFileValidator = (outputEntry: import("../../types/index.js").OutputFileEntry, api: import("../UploaderPublicApi.js").UploaderPublicApi) => undefined | import("../../types/index.js").OutputErrorFile;
+export type FuncCollectionValidator = (collection: ReturnType<typeof import("../buildOutputCollectionState.js").buildOutputCollectionState<import("../../types/index.js").OutputCollectionStatus>>, api: import("../UploaderPublicApi.js").UploaderPublicApi) => undefined | import("../../types/index.js").OutputErrorCollection;
 //# sourceMappingURL=ValidationManager.d.ts.map

package/abstract/{ValidationManager.d.ts.map → managers/ValidationManager.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"ValidationManager.d.ts","sourceRoot":"","sources":["ValidationManager.js"],"names":[],"mappings":"AAkCA;IAaE,wEAAwE;IACxE,2BADY,OAAO,oBAAoB,EAAE,aAAa,EAiBrD;IA7BD;;;OAGG;IACH,uBAAe;IAEf,kCAAkC;IAClC,iBADW,iBAAiB,EAAE,CACmE;IAEjG,wCAAwC;IACxC,uBADW,uBAAuB,EAAE,CACsC;IAMxE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAA6D;IAe/D,mCAAmC;IACnC,6BADY,MAAM,EAAE,QASnB;IAED,gCAqCC;IAED;;;OAGG;IACH,mCAyBC;IAED;;;;OAIG;IACH,2BAJa,CAAC,cACH,CAAC,EAAE,GACD,CAAC,EAAE,CAUf;CACF;gCAtJY,CACR,WAAW,EAAE,OAAO,UAAU,EAAE,eAAe,EAC/C,GAAG,EAAE,OAAO,wBAAwB,EAAE,iBAAiB,KACpD,SAAS,GAAG,OAAO,UAAU,EAAE,eAAe;sCAIzC,CACR,UAAU,EAAE,UAAU,CAC1B,cAAoB,iCAAiC,EAAE,0BAA0B,CACjF,OAAe,UAAU,EAAE,sBAAsB,CAC1C,CACF,EACD,GAAG,EAAE,OAAO,wBAAwB,EAAE,iBAAiB,KACpD,SAAS,GAAG,OAAO,UAAU,EAAE,qBAAqB"}
+{"version":3,"file":"ValidationManager.d.ts","sourceRoot":"","sources":["ValidationManager.js"],"names":[],"mappings":"AAkCA;IAaE,yEAAyE;IACzE,2BADY,OAAO,qBAAqB,EAAE,aAAa,EAiBtD;IA7BD;;;OAGG;IACH,uBAAe;IAEf,kCAAkC;IAClC,iBADW,iBAAiB,EAAE,CACmE;IAEjG,wCAAwC;IACxC,uBADW,uBAAuB,EAAE,CACsC;IAMxE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAA6D;IAe/D,mCAAmC;IACnC,6BADY,MAAM,EAAE,QASnB;IAED,gCAqCC;IAED;;;OAGG;IACH,mCAyBC;IAED;;;;OAIG;IACH,2BAJa,CAAC,cACH,CAAC,EAAE,GACD,CAAC,EAAE,CAUf;CACF;gCAtJY,CACR,WAAW,EAAE,OAAO,sBAAsB,EAAE,eAAe,EAC3D,GAAG,EAAE,OAAO,yBAAyB,EAAE,iBAAiB,KACrD,SAAS,GAAG,OAAO,sBAAsB,EAAE,eAAe;sCAIrD,CACR,UAAU,EAAE,UAAU,CAC1B,cAAoB,kCAAkC,EAAE,0BAA0B,CAClF,OAAe,sBAAsB,EAAE,sBAAsB,CACtD,CACF,EACD,GAAG,EAAE,OAAO,yBAAyB,EAAE,iBAAiB,KACrD,SAAS,GAAG,OAAO,sBAAsB,EAAE,qBAAqB"}

package/abstract/{ValidationManager.js → managers/ValidationManager.js}

@@ -1,29 +1,29 @@
 // @ts-check
-import { EventType } from '../blocks/UploadCtxProvider/EventEmitter.js';
+import { EventType } from '../../blocks/UploadCtxProvider/EventEmitter.js';
 import {
   validateIsImage,
   validateFileType,
   validateMaxSizeLimit,
   validateUploadError,
-} from '../utils/validators/file/index.js';
-import { validateMultiple, validateCollectionUploadError } from '../utils/validators/collection/index.js';
+} from '../../utils/validators/file/index.js';
+import { validateMultiple, validateCollectionUploadError } from '../../utils/validators/collection/index.js';
 
 /**
  * @typedef {(
- *   outputEntry: import('../types').OutputFileEntry,
- *   api: import('./UploaderPublicApi.js').UploaderPublicApi,
- * ) => undefined | import('../types').OutputErrorFile} FuncFileValidator
+ *   outputEntry: import('../../types/index.js').OutputFileEntry,
+ *   api: import('../UploaderPublicApi.js').UploaderPublicApi,
+ * ) => undefined | import('../../types/index.js').OutputErrorFile} FuncFileValidator
  */
 
 /**
  * @typedef {(
  *   collection: ReturnType<
- *     typeof import('./buildOutputCollectionState.js').buildOutputCollectionState<
- *       import('../types').OutputCollectionStatus
+ *     typeof import('../buildOutputCollectionState.js').buildOutputCollectionState<
+ *       import('../../types/index.js').OutputCollectionStatus
  *     >
  *   >,
- *   api: import('./UploaderPublicApi.js').UploaderPublicApi,
- * ) => undefined | import('../types').OutputErrorCollection} FuncCollectionValidator
+ *   api: import('../UploaderPublicApi.js').UploaderPublicApi,
+ * ) => undefined | import('../../types/index.js').OutputErrorCollection} FuncCollectionValidator
  */
 
 const LOGGER = {
@@ -35,7 +35,7 @@ const LOGGER = {
 export class ValidationManager {
   /**
    * @private
-   * @type {import('./UploaderBlock.js').UploaderBlock}
+   * @type {import('../UploaderBlock.js').UploaderBlock}
    */
   _blockInstance;
 
@@ -45,7 +45,7 @@ export class ValidationManager {
   /** @type {FuncCollectionValidator[]} */
   _collectionValidators = [validateMultiple, validateCollectionUploadError];
 
-  /** @param {import('./UploaderBlock.js').UploaderBlock} blockInstance */
+  /** @param {import('../UploaderBlock.js').UploaderBlock} blockInstance */
   constructor(blockInstance) {
     this._blockInstance = blockInstance;
 
@@ -106,7 +106,7 @@ export class ValidationManager {
       this._blockInstance.emit(
         EventType.COMMON_UPLOAD_FAILED,
         () =>
-          /** @type {import('../types').OutputCollectionState<'failed'>} */ (
+          /** @type {import('../../types/index.js').OutputCollectionState<'failed'>} */ (
             this._blockInstance.api.getOutputCollectionState()
           ),
         { debounce: true },
@@ -116,7 +116,7 @@ export class ValidationManager {
 
   /**
    * @private
-   * @param {import('./TypedData.js').TypedData<typeof import('./uploadEntrySchema.js').uploadEntrySchema>} entry
+   * @param {import('../TypedData.js').TypedData<typeof import('../uploadEntrySchema.js').uploadEntrySchema>} entry
    */
   _runFileValidatorsForEntry(entry) {
     const outputEntry = this._blockInstance.api.getOutputItem(entry.uid);

package/abstract/{a11y.d.ts → managers/a11y.d.ts}

@@ -9,8 +9,8 @@ export class A11y {
      * @type {ScopedMinimalWindow}
      */
     private _scopedWindow;
-    /** @param {import('./Block.js').Block} scope */
-    registerBlock(scope: import("./Block.js").Block): void;
+    /** @param {import('../Block.js').Block} scope */
+    registerBlock(scope: import("../Block.js").Block): void;
     destroy(): void;
 }
 /**

package/abstract/managers/a11y.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"a11y.d.ts","sourceRoot":"","sources":["a11y.js"],"names":[],"mappings":"AAqFA;IACE;;;OAGG;IACH,sBAAc;IAEd;;;OAGG;IACH,sBAAc;IAYd,iDAAiD;IACjD,qBADY,OAAO,aAAa,EAAE,KAAK,QAGtC;IAED,gBAGC;CACF;;;;4BA/GY,UAAU,CAAC,OAAO,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC"}

package/abstract/{a11y.js → managers/a11y.js}

@@ -106,7 +106,7 @@ export class A11y {
     ]);
   }
 
-  /** @param {import('./Block.js').Block} scope */
+  /** @param {import('../Block.js').Block} scope */
   registerBlock(scope) {
     this._scopedWindow.registerScope(scope);
   }

package/blocks/CameraSource/CameraSource.d.ts

@@ -68,7 +68,7 @@ export class CameraSource extends UploaderBlock {
         '*collectionState': import("../../index.js").OutputCollectionState | null;
         '*groupInfo': import("@uploadcare/upload-client").UploadcareGroup | null;
         '*uploadTrigger': Set<string>;
-        '*secureUploadsManager': import("../../abstract/SecureUploadsManager.js").SecureUploadsManager | null;
+        '*secureUploadsManager': import("../../abstract/managers/SecureUploadsManager.js").SecureUploadsManager | null;
         '*currentActivity': null;
         '*currentActivityParams': {};
         '*history': never[];

package/blocks/CloudImageEditor/src/CloudImageEditorBlock.d.ts

@@ -31,6 +31,7 @@ export class CloudImageEditorBlock extends Block {
         '*on.retryNetwork': () => void;
         '*on.apply': (transformations: import("./types.js").Transformations) => void;
         '*on.cancel': () => void;
+        '*on.sendTelemetryEvent': (e: MouseEvent, options?: Record<string, unknown>) => void;
     };
     /** @private */
     private _debouncedShowLoader;

package/blocks/CloudImageEditor/src/CloudImageEditorBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CloudImageEditorBlock.d.ts","sourceRoot":"","sources":["CloudImageEditorBlock.js"],"names":[],"mappings":"AAmBA;IAOI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAGC;IAGH,eAAe;IACf,6BAAkE;IAElE;;;OAGG;IACH,oBAEC;IAED;;;;;OAKG;IACH,qBAeC;IAYD,6BAkDC;IAED,4BA0FC;IA9EG,iCAAwB;CA+E7B;;;;sBA1NqB,4BAA4B;yBAezB,eAAe"}
+{"version":3,"file":"CloudImageEditorBlock.d.ts","sourceRoot":"","sources":["CloudImageEditorBlock.js"],"names":[],"mappings":"AAmBA;IAOI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAGC;IAGH,eAAe;IACf,6BAAkE;IAElE;;;OAGG;IACH,oBAEC;IAED;;;;;OAKG;IACH,qBAeC;IAYD,6BAkDC;IAED,4BA0FC;IA9EG,iCAAwB;CA+E7B;;;;sBA1NqB,4BAA4B;yBAezB,eAAe"}

package/blocks/CloudImageEditor/src/EditorCropButtonControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditorCropButtonControl.d.ts","sourceRoot":"","sources":["EditorCropButtonControl.js"],"names":[],"mappings":"AAkBA;IASM,eAAe;IACf,mBAA2B;CAehC;oCA3CmC,0BAA0B"}
+{"version":3,"file":"EditorCropButtonControl.d.ts","sourceRoot":"","sources":["EditorCropButtonControl.js"],"names":[],"mappings":"AAkBA;IASM,eAAe;IACf,mBAA2B;CAsBhC;oCAlDmC,0BAA0B"}

package/blocks/CloudImageEditor/src/EditorCropButtonControl.js

@@ -35,9 +35,16 @@ export class EditorCropButtonControl extends EditorButtonControl {
       );
     });
 
-    this.$['on.click'] = () => {
+    this.$['on.click'] = (e) => {
       let prev = this.$['*cropperEl'].getValue(this._operation);
       let next = nextValue(this._operation, prev);
+
+      this.$['*on.sendTelemetryEvent'](e, {
+        operation: this._operation,
+        next,
+        prev,
+      });
+
       this.$['*cropperEl'].setValue(this._operation, next);
     };
   }

package/blocks/CloudImageEditor/src/EditorFilterControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditorFilterControl.d.ts","sourceRoot":"","sources":["EditorFilterControl.js"],"names":[],"mappings":"AAOA;IAeE,sBA2BC;IAED;;;OAGG;IACH,2BAHW,yBAAyB,EAAE,YAC3B,oBAAoB,iBAuB9B;IAfG,yCAA4B;IAoC1B,+BAA0B;IAC1B,4BAAqB;IAYzB,4CAEE;IAGF,kBAA+B;CAgDlC;;;;oCAjKmC,0BAA0B"}
+{"version":3,"file":"EditorFilterControl.d.ts","sourceRoot":"","sources":["EditorFilterControl.js"],"names":[],"mappings":"AAQA;IAeE,sBA2BC;IAED;;;OAGG;IACH,2BAHW,yBAAyB,EAAE,YAC3B,oBAAoB,iBAuB9B;IAfG,yCAA4B;IAyC1B,+BAA0B;IAC1B,4BAAqB;IAYzB,4CAEE;IAGF,kBAA+B;CAgDlC;;;;oCAvKmC,0BAA0B"}

package/blocks/CloudImageEditor/src/EditorFilterControl.js

@@ -4,6 +4,7 @@ import { EditorButtonControl } from './EditorButtonControl.js';
 import { FAKE_ORIGINAL_FILTER } from './EditorSlider.js';
 import { COMMON_OPERATIONS, transformationsToOperations } from './lib/transformationUtils.js';
 import { preloadImage } from '../../utils/preloadImage.js';
+import { parseFilterValue } from './utils/parseFilterValue.js';
 
 export class EditorFilterControl extends EditorButtonControl {
   constructor() {
@@ -79,7 +80,8 @@ export class EditorFilterControl extends EditorButtonControl {
   initCallback() {
     super.initCallback();
 
-    this.$['on.click'] = () => {
+    /** @param {MouseEvent} e */
+    this.$['on.click'] = (e) => {
       if (!this.$.active) {
         this.$['*sliderEl'].setOperation(this._operation, this._filter);
         this.$['*sliderEl'].apply();
@@ -88,6 +90,10 @@ export class EditorFilterControl extends EditorButtonControl {
         this.$['*showSlider'] = true;
       }
 
+      this.$['*on.sendTelemetryEvent'](e, {
+        operation: parseFilterValue(this.$['*operationTooltip']),
+      });
+
       this.$['*currentFilter'] = this._filter;
     };
 

package/blocks/CloudImageEditor/src/EditorOperationControl.d.ts

@@ -1,7 +1,7 @@
 export class EditorOperationControl extends EditorButtonControl {
     /**
      * @private
-     * @type {String}
+     * @type {import('./toolbar-constants.js').ColorOperation | ''}
      */
     private _operation;
 }

package/blocks/CloudImageEditor/src/EditorOperationControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditorOperationControl.d.ts","sourceRoot":"","sources":["EditorOperationControl.js"],"names":[],"mappings":"AAGA;IACE;;;OAGG;IACH,mBAAgB;CAmCjB;oCA3CmC,0BAA0B"}
+{"version":3,"file":"EditorOperationControl.d.ts","sourceRoot":"","sources":["EditorOperationControl.js"],"names":[],"mappings":"AAKA;IACE;;;OAGG;IACH,mBAAgB;CAsCjB;oCA/CmC,0BAA0B"}

package/blocks/CloudImageEditor/src/EditorOperationControl.js

@@ -1,23 +1,28 @@
+//@ts-check
 import { EditorButtonControl } from './EditorButtonControl.js';
 import { COLOR_OPERATIONS_CONFIG } from './toolbar-constants.js';
+import { parseFilterValue } from './utils/parseFilterValue.js';
 
 export class EditorOperationControl extends EditorButtonControl {
   /**
    * @private
-   * @type {String}
+   * @type {import('./toolbar-constants.js').ColorOperation | ''}
    */
   _operation = '';
 
   initCallback() {
     super.initCallback();
 
-    this.$['on.click'] = (e) => {
+    this.$['on.click'] = (/** @type {MouseEvent} */ e) => {
       this.$['*sliderEl'].setOperation(this._operation);
       this.$['*showSlider'] = true;
       this.$['*currentOperation'] = this._operation;
+      this.$['*on.sendTelemetryEvent'](e, {
+        operation: parseFilterValue(this.$['*operationTooltip']),
+      });
     };
 
-    this.defineAccessor('operation', (operation) => {
+    this.defineAccessor('operation', (/** @type {import('./toolbar-constants.js').ColorOperation} */ operation) => {
       if (operation) {
         this._operation = operation;
         this.$['icon'] = operation;

package/blocks/CloudImageEditor/src/EditorToolbar.d.ts

@@ -40,10 +40,14 @@ export class EditorToolbar extends Block {
             hidden: string;
             visible: string;
         };
-        'on.cancel': () => void;
-        'on.apply': () => void;
-        'on.applySlider': () => void;
-        'on.cancelSlider': () => void;
+        /** @param {MouseEvent} e */
+        'on.cancel': (e: MouseEvent) => void;
+        /** @param {MouseEvent} e */
+        'on.apply': (e: MouseEvent) => void;
+        /** @param {MouseEvent} e */
+        'on.applySlider': (e: MouseEvent) => void;
+        /** @param {MouseEvent} e */
+        'on.cancelSlider': (e: MouseEvent) => void;
         /** @param {MouseEvent} e */
         'on.clickTab': (e: MouseEvent) => void;
         tab_role: string;

package/blocks/CloudImageEditor/src/EditorToolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditorToolbar.d.ts","sourceRoot":"","sources":["EditorToolbar.js"],"names":[],"mappings":"AA2DA;IAII;;QAGE,qDAAqD;8BAA1C,OAAO,YAAY,EAAE,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAuDjD,4BAA4B;2BAAhB,UAAU;;;;;;;MAgBvB;IAED,eAAe;IAEf,6BAAsE;IAGxE,eAAe;IACf,uBAKC;IAED;;;OAGG;IACH,gCAKC;IAED;;;OAGG;IACH,6BAKC;IAED;;;OAGG;IACH,6BAKC;IAED;;;OAGG;IACH,4BAoCC;IAED;;;;OAIG;IACH,qBAyBC;IAED;;;OAGG;IACH,4BAKC;IAED,eAAe;IACf,0BAIC;IAED,eAAe;IACf,4BAWC;IALG,oBAGC;IAIL;;;OAGG;IACH,oBAEC;IAED;;MAwBM;CAqFP;;;;sBAtZqB,4BAA4B"}
+{"version":3,"file":"EditorToolbar.d.ts","sourceRoot":"","sources":["EditorToolbar.js"],"names":[],"mappings":"AA4DA;IAII;;QAGE,qDAAqD;8BAA1C,OAAO,YAAY,EAAE,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAwCjD,4BAA4B;yBAAhB,UAAU;QAQtB,4BAA4B;wBAAhB,UAAU;QAOtB,4BAA4B;8BAAhB,UAAU;QAStB,4BAA4B;+BAAhB,UAAU;QAQtB,4BAA4B;2BAAhB,UAAU;;;;;;;MAmBvB;IAED,eAAe;IAEf,6BAAsE;IAGxE,eAAe;IACf,uBAKC;IAED;;;OAGG;IACH,gCAKC;IAED;;;OAGG;IACH,6BAKC;IAED;;;OAGG;IACH,6BAKC;IAED;;;OAGG;IACH,4BAoCC;IAED;;;;OAIG;IACH,qBAyBC;IAED;;;OAGG;IACH,4BAKC;IAED,eAAe;IACf,0BAIC;IAED,eAAe;IACf,4BAWC;IALG,oBAGC;IAIL;;;OAGG;IACH,oBAEC;IAED;;MAwBM;CAqFP;;;;sBA3aqB,4BAA4B"}

package/blocks/CloudImageEditor/src/EditorToolbar.js

@@ -15,6 +15,7 @@ import {
   TabId,
 } from './toolbar-constants.js';
 import { viewerImageSrc } from './util.js';
+import { parseFilterValue } from './utils/parseFilterValue.js';
 
 /** @param {String} id */
 function renderTabToggle(id) {
@@ -104,18 +105,35 @@ export class EditorToolbar extends Block {
         hidden: 'uc-tab-toggles--hidden',
         visible: 'uc-tab-toggles--visible',
       },
-      'on.cancel': () => {
+      /** @param {MouseEvent} e */
+      'on.cancel': (e) => {
+        this.$['*on.sendTelemetryEvent'](e, {
+          action: 'cancel',
+        });
         this._cancelPreload?.();
         this.$['*on.cancel']();
       },
-      'on.apply': () => {
+      /** @param {MouseEvent} e */
+      'on.apply': (e) => {
+        this.$['*on.sendTelemetryEvent'](e, {
+          action: 'apply',
+        });
         this.$['*on.apply'](this.$['*editorTransformations']);
       },
-      'on.applySlider': () => {
+      /** @param {MouseEvent} e */
+      'on.applySlider': (e) => {
+        this.$['*on.sendTelemetryEvent'](e, {
+          action: 'apply-slider',
+          operation: parseFilterValue(this.$['*operationTooltip']),
+        });
         this.ref['slider-el'].apply();
         this._onSliderClose();
       },
-      'on.cancelSlider': () => {
+      /** @param {MouseEvent} e */
+      'on.cancelSlider': (e) => {
+        this.$['*on.sendTelemetryEvent'](e, {
+          action: 'cancel-slider',
+        });
         this.ref['slider-el'].cancel();
         this._onSliderClose();
       },
@@ -123,6 +141,9 @@ export class EditorToolbar extends Block {
       'on.clickTab': (e) => {
         const id = /** @type {HTMLElement} */ (e.currentTarget).getAttribute('data-id');
         if (id) {
+          this.$['*on.sendTelemetryEvent'](e, {
+            tabId: id,
+          });
           this._activateTab(id, { fromViewer: false });
         }
       },

package/blocks/CloudImageEditor/src/state.d.ts

@@ -34,5 +34,10 @@ export function initState(fnCtx: import("./CloudImageEditorBlock.js").CloudImage
     /** @param {import('./types.js').Transformations} transformations */
     '*on.apply': (transformations: import("./types.js").Transformations) => void;
     '*on.cancel': () => void;
+    /**
+     * @param {MouseEvent} e
+     * @param {Record<string, unknown>} options
+     */
+    '*on.sendTelemetryEvent': (e: MouseEvent, options?: Record<string, unknown>) => void;
 };
 //# sourceMappingURL=state.d.ts.map

package/blocks/CloudImageEditor/src/state.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"state.d.ts","sourceRoot":"","sources":["state.js"],"names":[],"mappings":"AAQA,gFAAgF;AAChF,iCADY,OAAO,4BAA4B,EAAE,qBAAqB;;;;;;;;IAUlE,mDAAmD;8BAAxC,OAAO,YAAY,EAAE,eAAe;IAE/C,kDAAkD;uBAAvC,OAAO,YAAY,EAAE,cAAc;;;;;;;;;;;;;;;;;;;;;IAmC9C,oEAAoE;mCAAxD,OAAO,YAAY,EAAE,eAAe;;EAoCnD"}
+{"version":3,"file":"state.d.ts","sourceRoot":"","sources":["state.js"],"names":[],"mappings":"AAQA,gFAAgF;AAChF,iCADY,OAAO,4BAA4B,EAAE,qBAAqB;;;;;;;;IAUlE,mDAAmD;8BAAxC,OAAO,YAAY,EAAE,eAAe;IAE/C,kDAAkD;uBAAvC,OAAO,YAAY,EAAE,cAAc;;;;;;;;;;;;;;;;;;;;;IAmC9C,oEAAoE;mCAAxD,OAAO,YAAY,EAAE,eAAe;;IAoChD;;;OAGG;kCAFQ,UAAU,YACV,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;EAerC"}

package/blocks/CloudImageEditor/src/state.js

@@ -88,5 +88,22 @@ export function initState(fnCtx) {
         }),
       );
     },
+
+    /**
+     * @param {MouseEvent} e
+     * @param {Record<string, unknown>} options
+     */
+    '*on.sendTelemetryEvent': (e, options = {}) => {
+      fnCtx.telemetryManager.sendEvent({
+        payload: {
+          metadata: {
+            tabId: fnCtx.$['*tabId'],
+            node: /** @type {HTMLElement} */ (e.currentTarget)?.tagName,
+            event: e.type,
+            ...options,
+          },
+        },
+      });
+    },
   };
 }

package/blocks/CloudImageEditor/src/toolbar-constants.d.ts

@@ -55,4 +55,5 @@ export const COLOR_OPERATIONS_CONFIG: Readonly<{
         keypointsNumber: number;
     };
 }>;
+export type ColorOperation = keyof typeof COLOR_OPERATIONS_CONFIG;
 //# sourceMappingURL=toolbar-constants.d.ts.map

package/blocks/CloudImageEditor/src/toolbar-constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toolbar-constants.d.ts","sourceRoot":"","sources":["toolbar-constants.js"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,yDAAkE;AAElE,4CASE;AAEF,mCAyCE;AAEF,2CAAgE;AAEhE,iGAAiG;AACjG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG"}
+{"version":3,"file":"toolbar-constants.d.ts","sourceRoot":"","sources":["toolbar-constants.js"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,yDAAkE;AAElE,4CASE;AAEF,mCAyCE;AAEF,2CAAgE;AAEhE,iGAAiG;AACjG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;6BAEW,MAAM,OAAO,uBAAuB"}

package/blocks/CloudImageEditor/src/toolbar-constants.js

@@ -112,3 +112,5 @@ export const COLOR_OPERATIONS_CONFIG = Object.freeze({
     keypointsNumber: 1,
   },
 });
+
+/** @typedef {keyof typeof COLOR_OPERATIONS_CONFIG} ColorOperation */

package/blocks/CloudImageEditor/src/utils/parseFilterValue.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Parses a string like "iothari 100" into an object { filter: "iothari", value: 100 }
+ *
+ * @param {string} str
+ * @returns {{ filter: string; value: number } | null}
+ */
+export function parseFilterValue(str: string): {
+    filter: string;
+    value: number;
+} | null;
+//# sourceMappingURL=parseFilterValue.d.ts.map

package/blocks/CloudImageEditor/src/utils/parseFilterValue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseFilterValue.d.ts","sourceRoot":"","sources":["parseFilterValue.js"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,sCAHW,MAAM,GACJ;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAMpD"}

package/blocks/CloudImageEditor/src/utils/parseFilterValue.js

@@ -0,0 +1,11 @@
+/**
+ * Parses a string like "iothari 100" into an object { filter: "iothari", value: 100 }
+ *
+ * @param {string} str
+ * @returns {{ filter: string; value: number } | null}
+ */
+export function parseFilterValue(str) {
+  const match = str.match(/^(\w+)\s+(\d+)$/);
+  if (!match) return null;
+  return { filter: match[1], value: Number(match[2]) };
+}

package/blocks/Config/initialConfig.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"initialConfig.d.ts","sourceRoot":"","sources":["initialConfig.js"],"names":[],"mappings":"AAKA,gCAAiC,sBAAsB,CAAC;AACxD,+BAAgC,+BAA+B,CAAC;AAChE,sCAAuC,+BAA+B,CAAC;AAEvE,wDAAwD;AACxD,4BADW,OAAO,sBAAsB,EAAE,UAAU,CA4ElD"}
+{"version":3,"file":"initialConfig.d.ts","sourceRoot":"","sources":["initialConfig.js"],"names":[],"mappings":"AAKA,gCAAiC,sBAAsB,CAAC;AACxD,+BAAgC,+BAA+B,CAAC;AAChE,sCAAuC,+BAA+B,CAAC;AAEvE,wDAAwD;AACxD,4BADW,OAAO,sBAAsB,EAAE,UAAU,CA6ElD"}

package/blocks/Config/initialConfig.js

@@ -23,7 +23,6 @@ export const initialConfig = {
   cameraMirror: false,
   cameraCapture: '',
   sourceList: 'local, url, camera, dropbox, gdrive',
-  topLevelOrigin: '',
   cloudImageEditorTabs: serializeCsv(ALL_TABS),
   maxLocalFileSizeBytes: 0,
   thumbSize: 76,
@@ -83,4 +82,6 @@ export const initialConfig = {
   cloudImageEditorMaskHref: null,
 
   testMode: false,
+
+  telemetry: true,
 };

package/blocks/Config/normalizeConfigValue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"normalizeConfigValue.d.ts","sourceRoot":"","sources":["normalizeConfigValue.js"],"names":[],"mappings":"AA+GO,qCAL+C,CAAC,SAA1C,MAAO,OAAO,aAAa,EAAE,UAAW,OAC1C,CAAC,SACD,OAAO,GACL,OAAO,aAAa,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,SAAS,CAa3D"}
+{"version":3,"file":"normalizeConfigValue.d.ts","sourceRoot":"","sources":["normalizeConfigValue.js"],"names":[],"mappings":"AAgHO,qCAL+C,CAAC,SAA1C,MAAO,OAAO,aAAa,EAAE,UAAW,OAC1C,CAAC,SACD,OAAO,GACL,OAAO,aAAa,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,SAAS,CAa3D"}

package/blocks/Config/normalizeConfigValue.js

@@ -38,7 +38,6 @@ const mapping = {
   cameraMirror: asBoolean,
   cameraCapture: asCameraCapture,
   sourceList: asString,
-  topLevelOrigin: asString,
   maxLocalFileSizeBytes: asNumber,
   thumbSize: asNumber,
   showEmptyList: asBoolean,
@@ -101,6 +100,8 @@ const mapping = {
   cloudImageEditorMaskHref: asString,
 
   testMode: asBoolean,
+
+  telemetry: asBoolean,
 };
 
 /**

package/blocks/DropArea/DropArea.d.ts

@@ -16,7 +16,7 @@ export class DropArea extends UploaderBlock {
         '*collectionState': import("../../index.js").OutputCollectionState | null;
         '*groupInfo': import("@uploadcare/upload-client").UploadcareGroup | null;
         '*uploadTrigger': Set<string>;
-        '*secureUploadsManager': import("../../abstract/SecureUploadsManager.js").SecureUploadsManager | null;
+        '*secureUploadsManager': import("../../abstract/managers/SecureUploadsManager.js").SecureUploadsManager | null;
         '*currentActivity': null;
         '*currentActivityParams': {};
         '*history': never[];

package/blocks/ExternalSource/ExternalSource.d.ts

@@ -14,7 +14,6 @@ export class ExternalSource extends UploaderBlock {
         showSelectionStatus: boolean;
         counterText: string;
         doneBtnTextClass: string;
-        toolbarVisible: boolean;
         onDone: () => void;
         onCancel: () => void;
         onSelectAll: () => void;
@@ -26,7 +25,7 @@ export class ExternalSource extends UploaderBlock {
         '*collectionState': import("../../index.js").OutputCollectionState | null;
         '*groupInfo': import("@uploadcare/upload-client").UploadcareGroup | null;
         '*uploadTrigger': Set<string>;
-        '*secureUploadsManager': import("../../abstract/SecureUploadsManager.js").SecureUploadsManager | null;
+        '*secureUploadsManager': import("../../abstract/managers/SecureUploadsManager.js").SecureUploadsManager | null;
         '*currentActivity': null;
         '*currentActivityParams': {};
         '*history': never[];
@@ -40,11 +39,6 @@ export class ExternalSource extends UploaderBlock {
      * @param {NonNullable<import('./types.js').InputMessageMap['selected-files-change']['selectedFiles']>[number]} selectedFile
      */
     private extractUrlFromSelectedFile;
-    /**
-     * @private
-     * @param {import('./types.js').InputMessageMap['toolbar-state-change']} message
-     */
-    private handleToolbarStateChange;
     /**
      * @private
      * @param {import('./types.js').InputMessageMap['selected-files-change']} message

package/blocks/ExternalSource/ExternalSource.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExternalSource.d.ts","sourceRoot":"","sources":["ExternalSource.js"],"names":[],"mappings":"AAkBA,+DAA+D;AAE/D;IAEE,yBAAiD;IAK/C;;;QAKE,6FAA6F;sBAAlF,OAAO,YAAY,EAAE,eAAe,CAAC,uBAAuB,CAAC,CAAC,eAAe,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;MAmC1F;IAGH,6BAA6B;IAC7B,sBADW,cAAc,CAOxB;IAgDD;;;OAGG;IACH,mCAcC;IAED;;;OAGG;IACH,iCAIC;IAED;;;OAGG;IACH,kCAsBC;IAED,eAAe;IACf,yBAIC;IAED,eAAe;IACf,mBAKC;IAED;;;OAGG;IACH,sBAKC;IAED,eAAe;IACf,kBAKC;IAED,eAAe;IACf,kBAkBC;IAED,eAAe;IACf,oBA8BC;IANC,eAAe;IACf,uBAA6D;IAO/D,eAAe;IACf,sBAMC;IAED,eAAe;IACf,6BASC;CACF;;;;6BAjRa;IAAE,kBAAkB,EAAE,MAAM,CAAA;CAAE;8BAdd,iCAAiC"}
+{"version":3,"file":"ExternalSource.d.ts","sourceRoot":"","sources":["ExternalSource.js"],"names":[],"mappings":"AAWA,+DAA+D;AAE/D;IAEE,yBAAiD;IAK/C;;;QAKE,6FAA6F;sBAAlF,OAAO,YAAY,EAAE,eAAe,CAAC,uBAAuB,CAAC,CAAC,eAAe,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;MAkC1F;IAGH,6BAA6B;IAC7B,sBADW,cAAc,CAOxB;IAgDD;;;OAGG;IACH,mCAcC;IAED;;;OAGG;IACH,kCAsBC;IAED,eAAe;IACf,yBAIC;IAED,eAAe;IACf,mBAKC;IAED;;;OAGG;IACH,sBAKC;IAED,eAAe;IACf,kBAKC;IAED,eAAe;IACf,kBAeC;IAED,eAAe;IACf,oBA6BC;IALC,eAAe;IACf,uBAA6D;IAM/D,eAAe;IACf,sBAMC;IAED,eAAe;IACf,6BASC;CACF;;;;6BAlQa;IAAE,kBAAkB,EAAE,MAAM,CAAA;CAAE;8BAPd,iCAAiC"}

package/blocks/ExternalSource/ExternalSource.js

@@ -8,13 +8,6 @@ import { wildcardRegexp } from '../../utils/wildcardRegexp.js';
 import { buildThemeDefinition } from './buildThemeDefinition.js';
 import { MessageBridge } from './MessageBridge.js';
 import { queryString } from './query-string.js';
-import { getTopLevelOrigin } from '../../utils/get-top-level-origin.js';
-import { ExternalUploadSource } from '../utils/UploadSource.js';
-
-/** @type {Record<string, string>} */
-const SOCIAL_SOURCE_MAPPING = {
-  [ExternalUploadSource.GDRIVE]: 'ngdrive',
-};
 
 /** @typedef {{ externalSourceType: string }} ActivityParams */
 
@@ -41,7 +34,6 @@ export class ExternalSource extends UploaderBlock {
       showSelectionStatus: false,
       counterText: '',
       doneBtnTextClass: 'uc-hidden',
-      toolbarVisible: true,
 
       onDone: () => {
         for (const message of this.$.selectedList) {
@@ -143,16 +135,6 @@ export class ExternalSource extends UploaderBlock {
     return selectedFile.url;
   }
 
-  /**
-   * @private
-   * @param {import('./types.js').InputMessageMap['toolbar-state-change']} message
-   */
-  handleToolbarStateChange(message) {
-    this.set$({
-      toolbarVisible: message.isVisible,
-    });
-  }
-
   /**
    * @private
    * @param {import('./types.js').InputMessageMap['selected-files-change']} message
@@ -219,7 +201,6 @@ export class ExternalSource extends UploaderBlock {
   remoteUrl() {
     const { pubkey, remoteTabSessionKey, socialBaseUrl, multiple } = this.cfg;
     const { externalSourceType } = this.activityParams;
-    const sourceName = SOCIAL_SOURCE_MAPPING[externalSourceType] ?? externalSourceType;
     const lang = this.l10n('social-source-lang')?.split('-')?.[0] || 'en';
     const params = {
       lang,
@@ -228,10 +209,8 @@ export class ExternalSource extends UploaderBlock {
       session_key: remoteTabSessionKey,
       wait_for_theme: true,
       multiple: multiple.toString(),
-      origin: this.cfg.topLevelOrigin || getTopLevelOrigin(),
-      debug: this.cfg.debug,
     };
-    const url = new URL(`/window4/${sourceName}`, socialBaseUrl);
+    const url = new URL(`/window4/${externalSourceType}`, socialBaseUrl);
     url.search = queryString(params);
     return url.toString();
   }
@@ -264,7 +243,6 @@ export class ExternalSource extends UploaderBlock {
     /** @private */
     this._messageBridge = new MessageBridge(iframe.contentWindow);
     this._messageBridge.on('selected-files-change', this.handleSelectedFilesChange.bind(this));
-    this._messageBridge.on('toolbar-state-change', this.handleToolbarStateChange.bind(this));
 
     this.resetSelectionStatus();
   }
@@ -304,7 +282,7 @@ ExternalSource.template = /* HTML */ `
   </uc-activity-header>
   <div class="uc-content">
     <div ref="iframeWrapper" class="uc-iframe-wrapper"></div>
-    <div class="uc-toolbar" set="@hidden: !toolbarVisible">
+    <div class="uc-toolbar">
       <button type="button" class="uc-cancel-btn uc-secondary-btn" set="onclick: onCancel" l10n="cancel"></button>
       <div set="@hidden: !showSelectionStatus" class="uc-selection-status-box">
         <span>{{counterText}}</span>

package/blocks/ExternalSource/MessageBridge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageBridge.d.ts","sourceRoot":"","sources":["MessageBridge.js"],"names":[],"mappings":"AAkBA;IAOE,8BAA8B;IAC9B,qBADY,MAAM,EAKjB;IAXD,0GAA0G;IAC1G,aADW,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,OAAO,SAAS,EAAE,mBAAmB,CAAC,OAAO,SAAS,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAC9E;IAExB,qBAAqB;IACrB,UADW,MAAM,CACR;IAST,8BAA8B;IAC9B,iBAAkB,GADN,YACO,UAejB;IAEF;;;;OAIG;IACH,GAJkD,CAAC,SAAtC,OAAQ,SAAS,EAAE,gBAAiB,QACtC,CAAC,WACD,OAAO,SAAS,EAAE,mBAAmB,CAAC,CAAC,CAAC,QASlD;IAED,uDAAuD;IACvD,cADY,OAAO,SAAS,EAAE,aAAa,QAG1C;IAED,gBAEC;CACF"}
+{"version":3,"file":"MessageBridge.d.ts","sourceRoot":"","sources":["MessageBridge.js"],"names":[],"mappings":"AAgBA;IAOE,8BAA8B;IAC9B,qBADY,MAAM,EAKjB;IAXD,0GAA0G;IAC1G,aADW,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,OAAO,SAAS,EAAE,mBAAmB,CAAC,OAAO,SAAS,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAC9E;IAExB,qBAAqB;IACrB,UADW,MAAM,CACR;IAST,8BAA8B;IAC9B,iBAAkB,GADN,YACO,UAejB;IAEF;;;;OAIG;IACH,GAJkD,CAAC,SAAtC,OAAQ,SAAS,EAAE,gBAAiB,QACtC,CAAC,WACD,OAAO,SAAS,EAAE,mBAAmB,CAAC,CAAC,CAAC,QASlD;IAED,uDAAuD;IACvD,cADY,OAAO,SAAS,EAAE,aAAa,QAG1C;IAED,gBAEC;CACF"}