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

package/abstract/Block.d.ts

@@ -58,6 +58,13 @@ export class Block extends BaseComponent<any> {
      * @public
      */
     public get modalManager(): ModalManager;
+    /**
+     * @returns {TelemetryManager | { sendEvent: () => void }}
+     * @public
+     */
+    public get telemetryManager(): TelemetryManager | {
+        sendEvent: () => void;
+    };
     /**
      * @private
      * @returns {LocaleManager | null}
@@ -97,6 +104,7 @@ export class Block extends BaseComponent<any> {
 }
 export { BaseComponent };
 import { BaseComponent } from '@symbiotejs/symbiote';
-import { ModalManager } from './ModalManager.js';
-import { A11y } from './a11y.js';
+import { ModalManager } from './managers/ModalManager.js';
+import { TelemetryManager } from './managers/TelemetryManager.js';
+import { A11y } from './managers/a11y.js';
 //# sourceMappingURL=Block.d.ts.map

package/abstract/Block.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Block.d.ts","sourceRoot":"","sources":["Block.js"],"names":[],"mappings":"AAqBA;IACE,4BAA4B;IAC5B,2BADW,MAAM,GAAG,IAAI,CACS;IAEjC,uBAAuB;IACvB,mBADW,MAAM,EAAE,CACI;IAmVvB,6BAA6B;IAC7B,gCAQC;IAxSD,cAQC;IA1DD,iBAAiB;IACjB,kCAAuB;IAEvB,wDAAwD;IACxD,cADW,OAAO,oBAAoB,EAAE,YAAY,CAChC;IAEpB,UAAmB;IAEnB;;;;OAIG;IACH,8BAHW;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAA;KAAE,UAiB5C;IAED;;;;;OAKG;IACH,kBAIC;IAED;;;;OAIG;IACH,wBAJW,MAAM,YACN,MAAM,IAAI,QAKpB;IAIC,uDAAuD;IACvD,mBADW,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC;QAAE,MAAM,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC,CAAC,CACjB;IAOpC;;;;OAIG;IACH,WAJW,UAAU,CAAC,OAAO,6CAA6C,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,YACzF,UAAU,CAAC,OAAO,6CAA6C,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,YACzF,UAAU,CAAC,OAAO,6CAA6C,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,QASnG;IAED;;;OAGG;IACH,wBAHW,CAAC,KAAK,EAAE,KAAK,KAAK,OAAO,WAUnC;IAED;;;OAGG;IACH,oCAFW,GAAG,QASb;IA8ED,4BAGC;IAED;;;OAGG;IACH,2BAHa,YAAY,CAKxB;IAED;;;OAGG;IACH,4BAEC;IAED;;;OAGG;IACH,sBAHa,IAAI,GAAG,IAAI,CAKvB;IAED,yBAAyB;IACzB,sBADW,GAAG,CAAC,KAAK,CAAC,CAGpB;IAwBD;;;;OAIG;IACH,qCAMC;IAED;;;;OAIG;IACH,iCAHa,OAAO,QAAQ,CA6B3B;IAED,iDAAiD;IACjD,WADc,OAAO,UAAU,EAAE,UAAU,CA+B1C;IA3BG,eAAe;IACf,mBAuBE;IAKN;;;;OAIG;IACH,eAJmD,CAAC,SAAvC,MAAO,OAAO,UAAU,EAAE,UAAW,OACvC,CAAC,YACD,CAAC,KAAK,EAAE,OAAO,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,QAQ3D;IAED,8BAA8B;IAC9B,oBADY,OAAO,EAAE,QAWpB;CAYF;;8BAtXmC,sBAAsB;6BAc7B,mBAAmB;qBAD3B,WAAW"}
+{"version":3,"file":"Block.d.ts","sourceRoot":"","sources":["Block.js"],"names":[],"mappings":"AAsBA;IACE,4BAA4B;IAC5B,2BADW,MAAM,GAAG,IAAI,CACS;IAEjC,uBAAuB;IACvB,mBADW,MAAM,EAAE,CACI;IA2WvB,6BAA6B;IAC7B,gCAQC;IAhUD,cAQC;IA1DD,iBAAiB;IACjB,kCAAuB;IAEvB,wDAAwD;IACxD,cADW,OAAO,oBAAoB,EAAE,YAAY,CAChC;IAEpB,UAAmB;IAEnB;;;;OAIG;IACH,8BAHW;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAA;KAAE,UAiB5C;IAED;;;;;OAKG;IACH,kBAIC;IAED;;;;OAIG;IACH,wBAJW,MAAM,YACN,MAAM,IAAI,QAKpB;IAIC,uDAAuD;IACvD,mBADW,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC;QAAE,MAAM,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC,CAAC,CACjB;IAOpC;;;;OAIG;IACH,WAJW,UAAU,CAAC,OAAO,6CAA6C,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,YACzF,UAAU,CAAC,OAAO,6CAA6C,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,YACzF,UAAU,CAAC,OAAO,6CAA6C,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,QAenG;IAED;;;OAGG;IACH,wBAHW,CAAC,KAAK,EAAE,KAAK,KAAK,OAAO,WAUnC;IAED;;;OAGG;IACH,oCAFW,GAAG,QASb;IAkFD,4BAGC;IAED;;;OAGG;IACH,2BAHa,YAAY,CAKxB;IAED;;;OAGG;IACH,+BAHa,gBAAgB,GAAG;QAAE,SAAS,EAAE,MAAM,IAAI,CAAA;KAAE,CAWxD;IAED;;;OAGG;IACH,4BAEC;IAED;;;OAGG;IACH,sBAHa,IAAI,GAAG,IAAI,CAKvB;IAED,yBAAyB;IACzB,sBADW,GAAG,CAAC,KAAK,CAAC,CAGpB;IAwBD;;;;OAIG;IACH,qCAMC;IAED;;;;OAIG;IACH,iCAHa,OAAO,QAAQ,CA6B3B;IAED,iDAAiD;IACjD,WADc,OAAO,UAAU,EAAE,UAAU,CA+B1C;IA3BG,eAAe;IACf,mBAuBE;IAKN;;;;OAIG;IACH,eAJmD,CAAC,SAAvC,MAAO,OAAO,UAAU,EAAE,UAAW,OACvC,CAAC,YACD,CAAC,KAAK,EAAE,OAAO,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,QAQ3D;IAED,8BAA8B;IAC9B,oBADY,OAAO,EAAE,QAWpB;CAYF;;8BA/YmC,sBAAsB;6BAe7B,4BAA4B;iCACxB,gCAAgC;qBAF5C,oBAAoB"}

package/abstract/Block.js

@@ -9,12 +9,13 @@ import { getPluralForm } from '../utils/getPluralForm.js';
 import { applyTemplateData, getPluralObjects } from '../utils/template-utils.js';
 import { waitForAttribute } from '../utils/waitForAttribute.js';
 import { blockCtx } from './CTX.js';
-import { LocaleManager, localeStateKey } from './LocaleManager.js';
+import { LocaleManager, localeStateKey } from './managers/LocaleManager.js';
 import { l10nProcessor } from './l10nProcessor.js';
 import { sharedConfigKey } from './sharedConfigKey.js';
-import { A11y } from './a11y.js';
-import { ModalManager } from './ModalManager.js';
 import { testModeProcessor } from './testModeProcessor.js';
+import { A11y } from './managers/a11y.js';
+import { ModalManager } from './managers/ModalManager.js';
+import { TelemetryManager } from './managers/TelemetryManager.js';
 
 const TAG_PREFIX = 'uc-';
 
@@ -97,7 +98,13 @@ export class Block extends BaseComponent {
     if (!eventEmitter) {
       return;
     }
+
     eventEmitter.emit(type, payload, options);
+
+    this.telemetryManager.sendEvent({
+      eventType: type,
+      payload: typeof payload === 'function' ? payload() : payload,
+    });
   }
 
   /**
@@ -180,6 +187,10 @@ export class Block extends BaseComponent {
       this.add('*localeManager', new LocaleManager(this));
     }
 
+    if (this.cfg.telemetry && !this.has('*telemetryManager')) {
+      this.add('*telemetryManager', new TelemetryManager(this));
+    }
+
     if (!this.has('*a11y')) {
       this.add('*a11y', new A11y());
     }
@@ -215,6 +226,20 @@ export class Block extends BaseComponent {
     return this.has('*modalManager') && this.$['*modalManager'];
   }
 
+  /**
+   * @returns {TelemetryManager | { sendEvent: () => void }}
+   * @public
+   */
+  get telemetryManager() {
+    if (!this.cfg.telemetry) {
+      return {
+        sendEvent: () => {},
+      };
+    }
+
+    return this.has('*telemetryManager') && this.$['*telemetryManager'];
+  }
+
   /**
    * @private
    * @returns {LocaleManager | null}

package/abstract/CTX.d.ts

@@ -18,8 +18,8 @@ export function uploaderBlockCtx(fnCtx: import("./Block").Block): {
     '*groupInfo': import("@uploadcare/upload-client").UploadcareGroup | null;
     /** @type {Set<string>} */
     '*uploadTrigger': Set<string>;
-    /** @type {import('./SecureUploadsManager.js').SecureUploadsManager | null} */
-    '*secureUploadsManager': import("./SecureUploadsManager.js").SecureUploadsManager | null;
+    /** @type {import('./managers/SecureUploadsManager.js').SecureUploadsManager | null} */
+    '*secureUploadsManager': import("./managers/SecureUploadsManager.js").SecureUploadsManager | null;
     '*currentActivity': null;
     '*currentActivityParams': {};
     '*history': never[];

package/abstract/CTX.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CTX.d.ts","sourceRoot":"","sources":["CTX.js"],"names":[],"mappings":"AAGO,+BAA2B;AAG3B,wCADK,OAAO,SAAS,EAAE,KAAK;;;;;;EAejC;AAGK,wCADK,OAAO,SAAS,EAAE,KAAK;;;;IAMjC,qEAAqE;yBAA1D,UAAU,CAAC,OAAO,UAAU,EAAE,qBAAqB,CAAC,EAAE;IAEjE,8DAA8D;wBAAnD,OAAO,UAAU,EAAE,qBAAqB,GAAG,IAAI;IAE1D,yEAAyE;kBAA9D,OAAO,2BAA2B,EAAE,eAAe,GAAG,IAAI;IAErE,0BAA0B;sBAAf,GAAG,CAAC,MAAM,CAAC;IAEtB,8EAA8E;6BAAnE,OAAO,2BAA2B,EAAE,oBAAoB,GAAG,IAAI;;;;;;EAE1E;sBArCoB,2BAA2B"}
+{"version":3,"file":"CTX.d.ts","sourceRoot":"","sources":["CTX.js"],"names":[],"mappings":"AAGO,+BAA2B;AAG3B,wCADK,OAAO,SAAS,EAAE,KAAK;;;;;;EAejC;AAGK,wCADK,OAAO,SAAS,EAAE,KAAK;;;;IAMjC,qEAAqE;yBAA1D,UAAU,CAAC,OAAO,UAAU,EAAE,qBAAqB,CAAC,EAAE;IAEjE,8DAA8D;wBAAnD,OAAO,UAAU,EAAE,qBAAqB,GAAG,IAAI;IAE1D,yEAAyE;kBAA9D,OAAO,2BAA2B,EAAE,eAAe,GAAG,IAAI;IAErE,0BAA0B;sBAAf,GAAG,CAAC,MAAM,CAAC;IAEtB,uFAAuF;6BAA5E,OAAO,oCAAoC,EAAE,oBAAoB,GAAG,IAAI;;;;;;EAEnF;sBArCoB,2BAA2B"}

package/abstract/CTX.js

@@ -34,6 +34,6 @@ export const uploaderBlockCtx = (fnCtx) => ({
   '*groupInfo': null,
   /** @type {Set<string>} */
   '*uploadTrigger': new Set(),
-  /** @type {import('./SecureUploadsManager.js').SecureUploadsManager | null} */
+  /** @type {import('./managers/SecureUploadsManager.js').SecureUploadsManager | null} */
   '*secureUploadsManager': null,
 });

package/abstract/SolutionBlock.d.ts

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

package/abstract/UploaderBlock.d.ts

@@ -11,7 +11,7 @@ export class UploaderBlock extends ActivityBlock {
         '*collectionState': import("../types").OutputCollectionState | null;
         '*groupInfo': import("@uploadcare/upload-client").UploadcareGroup | null;
         '*uploadTrigger': Set<string>;
-        '*secureUploadsManager': import("./SecureUploadsManager.js").SecureUploadsManager | null;
+        '*secureUploadsManager': import("./managers/SecureUploadsManager.js").SecureUploadsManager | null;
         '*currentActivity': null;
         '*currentActivityParams': {};
         '*history': never[];
@@ -109,8 +109,8 @@ export namespace UploaderBlock {
     }>;
 }
 import { ActivityBlock } from './ActivityBlock.js';
-import { SecureUploadsManager } from './SecureUploadsManager.js';
-import { ValidationManager } from './ValidationManager.js';
+import { SecureUploadsManager } from './managers/SecureUploadsManager.js';
+import { ValidationManager } from './managers/ValidationManager.js';
 import { UploaderPublicApi } from './UploaderPublicApi.js';
 import { TypedCollection } from './TypedCollection.js';
 import { uploadEntrySchema } from './uploadEntrySchema.js';

package/abstract/UploaderBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UploaderBlock.d.ts","sourceRoot":"","sources":["UploaderBlock.js"],"names":[],"mappings":"AAmBA;IACE,iBAAiB;IACjB,mCAAwB;IAExB,eAAe;IACf,mBAAmB;IAEnB;;;;;;;;;;;;;;MAA+B;IAE/B,eAAe;IACf,0BAOC;IA2BD;;;OAGG;IACH,mCAHa,iBAAiB,CAQ7B;IAED,mCAAmC;IACnC,WADc,iBAAiB,CAM9B;IAED,4BAEC;IAED,2DAA2D;IAC3D,wBADc,eAAe,CAAC,OAAO,iBAAiB,CAAC,CAMtD;IAkBD,eAAe;IACf,qBAkBC;IAfC,eAAe;IACf,6BAAiG;IAEjG,eAAe;IACf,uCAEC;IAWH;;;OAGG;IACH,qBAkBC;IAED,eAAe;IACf,0BAYQ;IAER;;;OAGG;IACH,gCAkCE;IAEF;;;OAGG;IACH,0CA6FE;IAEF,eAAe;IACf,mCAsBE;IAEF,6BAiBC;IAED,eAAe;IACf,uBAkDC;IAED;;;OAGG;IACH,kCAHW,MAAM,qEAWhB;IAED;;;OAGG;IACH,oCAHa,OAAO,CAAC,OAAO,2BAA2B,EAAE,eAAe,CAAC,CA2BxE;IAED,kEAAkE;IAClE,iBADc,OAAO,sBAAsB,EAAE,eAAe,EAAE,CAK7D;CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8BAvc6B,oBAAoB;qCAWb,2BAA2B;kCAG9B,wBAAwB;kCADxB,wBAAwB;gCAD1B,sBAAsB;kCAGpB,wBAAwB"}
+{"version":3,"file":"UploaderBlock.d.ts","sourceRoot":"","sources":["UploaderBlock.js"],"names":[],"mappings":"AAmBA;IACE,iBAAiB;IACjB,mCAAwB;IAExB,eAAe;IACf,mBAAmB;IAEnB;;;;;;;;;;;;;;MAA+B;IAE/B,eAAe;IACf,0BAOC;IA2BD;;;OAGG;IACH,mCAHa,iBAAiB,CAQ7B;IAED,mCAAmC;IACnC,WADc,iBAAiB,CAM9B;IAED,4BAEC;IAED,2DAA2D;IAC3D,wBADc,eAAe,CAAC,OAAO,iBAAiB,CAAC,CAMtD;IAkBD,eAAe;IACf,qBAkBC;IAfC,eAAe;IACf,6BAAiG;IAEjG,eAAe;IACf,uCAEC;IAWH;;;OAGG;IACH,qBAkBC;IAED,eAAe;IACf,0BAYQ;IAER;;;OAGG;IACH,gCAkCE;IAEF;;;OAGG;IACH,0CA6FE;IAEF,eAAe;IACf,mCAsBE;IAEF,6BAiBC;IAED,eAAe;IACf,uBAkDC;IAED;;;OAGG;IACH,kCAHW,MAAM,qEAWhB;IAED;;;OAGG;IACH,oCAHa,OAAO,CAAC,OAAO,2BAA2B,EAAE,eAAe,CAAC,CA2BxE;IAED,kEAAkE;IAClE,iBADc,OAAO,sBAAsB,EAAE,eAAe,EAAE,CAK7D;CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8BAvc6B,oBAAoB;qCAWb,oCAAoC;kCAGvC,iCAAiC;kCADjC,wBAAwB;gCAD1B,sBAAsB;kCAGpB,wBAAwB"}

package/abstract/UploaderBlock.js

@@ -10,10 +10,10 @@ import { debounce } from '../blocks/utils/debounce.js';
 import { customUserAgent } from '../blocks/utils/userAgent.js';
 import { createCdnUrl, createCdnUrlModifiers } from '../utils/cdn-utils.js';
 import { uploaderBlockCtx } from './CTX.js';
-import { SecureUploadsManager } from './SecureUploadsManager.js';
+import { SecureUploadsManager } from './managers/SecureUploadsManager.js';
 import { TypedCollection } from './TypedCollection.js';
 import { UploaderPublicApi } from './UploaderPublicApi.js';
-import { ValidationManager } from './ValidationManager.js';
+import { ValidationManager } from './managers/ValidationManager.js';
 import { uploadEntrySchema } from './uploadEntrySchema.js';
 import { ExternalUploadSource, UploadSource } from '../blocks/utils/UploadSource.js';
 

package/abstract/l10nProcessor.js

@@ -1,6 +1,6 @@
 // @ts-check
 
-import { localeStateKey } from './LocaleManager.js';
+import { localeStateKey } from './managers/LocaleManager.js';
 
 /**
  * @template {import('./Block.js').Block} T

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

@@ -1,11 +1,11 @@
 export function localeStateKey(key: string): string;
 export const DEFAULT_LOCALE: "en";
 export class LocaleManager {
-    /** @param {import('./Block.js').Block} blockInstance */
-    constructor(blockInstance: import("./Block.js").Block);
+    /** @param {import('../Block.js').Block} blockInstance */
+    constructor(blockInstance: import("../Block.js").Block);
     /**
      * @private
-     * @type {import('./Block.js').Block | null}
+     * @type {import('../Block.js').Block | null}
      */
     private _blockInstance;
     /** @private */
@@ -17,7 +17,7 @@ export class LocaleManager {
     private _callbacks;
     /**
      * @private
-     * @type {Map<import('./Block.js').Block, Map<string, () => void>>}
+     * @type {Map<import('../Block.js').Block, Map<string, () => void>>}
      */
     private _boundBlocks;
     /**
@@ -26,13 +26,13 @@ export class LocaleManager {
      */
     onLocaleChange(callback: () => void): () => void;
     /**
-     * @param {import('./Block.js').Block} block
+     * @param {import('../Block.js').Block} block
      * @param {string} key
      * @param {() => void} resolver
      */
-    bindL10n(block: import("./Block.js").Block, key: string, resolver: () => void): void;
-    /** @param {import('./Block.js').Block} block */
-    destroyL10nBindings(block: import("./Block.js").Block): void;
+    bindL10n(block: import("../Block.js").Block, key: string, resolver: () => void): void;
+    /** @param {import('../Block.js').Block} block */
+    destroyL10nBindings(block: import("../Block.js").Block): void;
     destroy(): void;
 }
 //# sourceMappingURL=LocaleManager.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"LocaleManager.d.ts","sourceRoot":"","sources":["LocaleManager.js"],"names":[],"mappings":"AAMO,oCADK,MAAM,UACmC;AACrD,6BAA8B,IAAI,CAAC;AAEnC;IAsBE,wDAAwD;IACxD,2BADY,OAAO,YAAY,EAAE,KAAK,EAgDrC;IArED;;;OAGG;IACH,uBAAsB;IAEtB,eAAe;IACf,oBAAiB;IAEjB;;;OAGG;IACH,mBAAuB;IAEvB;;;OAGG;IACH,qBAAyB;IAoDzB;;;OAGG;IACH,yBAHW,MAAM,IAAI,GACR,MAAM,IAAI,CAQtB;IAED;;;;OAIG;IACH,gBAJW,OAAO,YAAY,EAAE,KAAK,OAC1B,MAAM,YACN,MAAM,IAAI,QAgBpB;IAED,gDAAgD;IAChD,2BADY,OAAO,YAAY,EAAE,KAAK,QAUrC;IAED,gBAEC;CACF"}
+{"version":3,"file":"LocaleManager.d.ts","sourceRoot":"","sources":["LocaleManager.js"],"names":[],"mappings":"AAMO,oCADK,MAAM,UACmC;AACrD,6BAA8B,IAAI,CAAC;AAEnC;IAsBE,yDAAyD;IACzD,2BADY,OAAO,aAAa,EAAE,KAAK,EAgDtC;IArED;;;OAGG;IACH,uBAAsB;IAEtB,eAAe;IACf,oBAAiB;IAEjB;;;OAGG;IACH,mBAAuB;IAEvB;;;OAGG;IACH,qBAAyB;IAoDzB;;;OAGG;IACH,yBAHW,MAAM,IAAI,GACR,MAAM,IAAI,CAQtB;IAED;;;;OAIG;IACH,gBAJW,OAAO,aAAa,EAAE,KAAK,OAC3B,MAAM,YACN,MAAM,IAAI,QAgBpB;IAED,iDAAiD;IACjD,2BADY,OAAO,aAAa,EAAE,KAAK,QAUtC;IAED,gBAEC;CACF"}

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

@@ -1,7 +1,7 @@
 // @ts-check
-import { debounce } from '../blocks/utils/debounce.js';
-import { resolveLocaleDefinition } from './localeRegistry.js';
-import { default as en } from '../locales/file-uploader/en.js';
+import { debounce } from '../../blocks/utils/debounce.js';
+import { resolveLocaleDefinition } from '../localeRegistry.js';
+import { default as en } from '../../locales/file-uploader/en.js';
 
 /** @param {string} key */
 export const localeStateKey = (key) => `*l10n/${key}`;
@@ -10,7 +10,7 @@ export const DEFAULT_LOCALE = 'en';
 export class LocaleManager {
   /**
    * @private
-   * @type {import('./Block.js').Block | null}
+   * @type {import('../Block.js').Block | null}
    */
   _blockInstance = null;
 
@@ -25,11 +25,11 @@ export class LocaleManager {
 
   /**
    * @private
-   * @type {Map<import('./Block.js').Block, Map<string, () => void>>}
+   * @type {Map<import('../Block.js').Block, Map<string, () => void>>}
    */
   _boundBlocks = new Map();
 
-  /** @param {import('./Block.js').Block} blockInstance */
+  /** @param {import('../Block.js').Block} blockInstance */
   constructor(blockInstance) {
     this._blockInstance = blockInstance;
 
@@ -92,7 +92,7 @@ export class LocaleManager {
   }
 
   /**
-   * @param {import('./Block.js').Block} block
+   * @param {import('../Block.js').Block} block
    * @param {string} key
    * @param {() => void} resolver
    */
@@ -112,7 +112,7 @@ export class LocaleManager {
     this._boundBlocks.get(block)?.set(key, destroyCallback);
   }
 
-  /** @param {import('./Block.js').Block} block */
+  /** @param {import('../Block.js').Block} block */
   destroyL10nBindings(block) {
     const callbacks = this._boundBlocks.get(block);
     if (!callbacks) {

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

@@ -6,13 +6,13 @@ export const ModalEvents: Readonly<{
     CLOSE_ALL: "modal:closeAll";
     DESTROY: "modal:destroy";
 }>;
-/** @typedef {import('../abstract/ActivityBlock').ActivityType} ModalId */
-/** @typedef {import('../blocks/Modal/Modal.js').Modal} ModalNode */
+/** @typedef {import('../ActivityBlock').ActivityType} ModalId */
+/** @typedef {import('../../blocks/Modal/Modal.js').Modal} ModalNode */
 /** @typedef {(data: { id: ModalId; modal: ModalNode }) => void} ModalCb */
 /** @typedef {(typeof ModalEvents)[keyof ModalEvents]} ModalEventType */
 export class ModalManager {
-    /** @param {import('./Block.js').Block} block */
-    constructor(block: import("./Block.js").Block);
+    /** @param {import('../Block.js').Block} block */
+    constructor(block: import("../Block.js").Block);
     /**
      * @private
      * @type {Map<ModalId, ModalNode>}
@@ -28,7 +28,7 @@ export class ModalManager {
      * @type {Map<ModalEventType, Set<ModalCb>>}
      */
     private _subscribers;
-    _block: import("./Block.js").Block;
+    _block: import("../Block.js").Block;
     /**
      * @private
      * @param {unknown[]} args
@@ -112,8 +112,8 @@ export class ModalManager {
     /** Destroy the modal manager, clean up resources */
     destroy(): void;
 }
-export type ModalId = import("../abstract/ActivityBlock").ActivityType;
-export type ModalNode = import("../blocks/Modal/Modal.js").Modal;
+export type ModalId = import("../ActivityBlock").ActivityType;
+export type ModalNode = import("../../blocks/Modal/Modal.js").Modal;
 export type ModalCb = (data: {
     id: ModalId;
     modal: ModalNode;

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

@@ -1 +1 @@
-{"version":3,"file":"ModalManager.d.ts","sourceRoot":"","sources":["ModalManager.js"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,0EAA0E;AAE1E,oEAAoE;AAEpE,2EAA2E;AAE3E,wEAAwE;AAExE;IAmBE,gDAAgD;IAChD,mBADY,OAAO,YAAY,EAAE,KAAK,EAGrC;IArBD;;;OAGG;IACH,gBAAoB;IAEpB;;;OAGG;IACH,sBAA0B;IAE1B;;;OAGG;IACH,qBAAyB;IAIvB,mCAAmB;IAGrB;;;OAGG;IACH,oBAEC;IAED;;;;;OAKG;IACH,kBAHW,OAAO,SACP,SAAS,QAKnB;IAED,4DAA4D;IAC5D,gBADY,OAAO,WASlB;IAED;;;;;OAKG;IACH,SAHW,OAAO,GACL,OAAO,CAanB;IAED;;;;;OAKG;IACH,UAHW,OAAO,GACL,OAAO,CAanB;IAED;;;;;OAKG;IACH,WAHW,OAAO,GACL,OAAO,CAanB;IAED;;;;OAIG;IACH,uBAFa,OAAO,CAInB;IAED;;;;OAIG;IACH,QAFa,OAAO,CAWnB;IAED;;;;OAIG;IACH,YAFa,MAAM,CAQlB;IAED;;;;;;OAMG;IACH,iBAJW,cAAc,YACd,OAAO,GACL,MAAM,IAAI,CAStB;IAED;;;;;OAKG;IACH,mBAHW,cAAc,YACd,OAAO,GAAG,SAAS,QAM7B;IAED;;;;;;;;;;OAUG;IACH,gBAiBC;IAED,oDAAoD;IACpD,gBAKC;CACF;sBA9Na,OAAO,2BAA2B,EAAE,YAAY;wBAEhD,OAAO,0BAA0B,EAAE,KAAK;sBAExC,CAAC,IAAI,EAAE;IAAE,EAAE,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,SAAS,CAAA;CAAE,KAAK,IAAI;6BAEjD,CAAC,OAAO,WAAW,gEAAoB"}
+{"version":3,"file":"ModalManager.d.ts","sourceRoot":"","sources":["ModalManager.js"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,iEAAiE;AAEjE,uEAAuE;AAEvE,2EAA2E;AAE3E,wEAAwE;AAExE;IAmBE,iDAAiD;IACjD,mBADY,OAAO,aAAa,EAAE,KAAK,EAGtC;IArBD;;;OAGG;IACH,gBAAoB;IAEpB;;;OAGG;IACH,sBAA0B;IAE1B;;;OAGG;IACH,qBAAyB;IAIvB,oCAAmB;IAGrB;;;OAGG;IACH,oBAEC;IAED;;;;;OAKG;IACH,kBAHW,OAAO,SACP,SAAS,QAKnB;IAED,4DAA4D;IAC5D,gBADY,OAAO,WASlB;IAED;;;;;OAKG;IACH,SAHW,OAAO,GACL,OAAO,CAanB;IAED;;;;;OAKG;IACH,UAHW,OAAO,GACL,OAAO,CAanB;IAED;;;;;OAKG;IACH,WAHW,OAAO,GACL,OAAO,CAanB;IAED;;;;OAIG;IACH,uBAFa,OAAO,CAInB;IAED;;;;OAIG;IACH,QAFa,OAAO,CAWnB;IAED;;;;OAIG;IACH,YAFa,MAAM,CAQlB;IAED;;;;;;OAMG;IACH,iBAJW,cAAc,YACd,OAAO,GACL,MAAM,IAAI,CAStB;IAED;;;;;OAKG;IACH,mBAHW,cAAc,YACd,OAAO,GAAG,SAAS,QAM7B;IAED;;;;;;;;;;OAUG;IACH,gBAiBC;IAED,oDAAoD;IACpD,gBAKC;CACF;sBA9Na,OAAO,kBAAkB,EAAE,YAAY;wBAEvC,OAAO,6BAA6B,EAAE,KAAK;sBAE3C,CAAC,IAAI,EAAE;IAAE,EAAE,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,SAAS,CAAA;CAAE,KAAK,IAAI;6BAEjD,CAAC,OAAO,WAAW,gEAAoB"}

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

@@ -9,9 +9,9 @@ export const ModalEvents = Object.freeze({
   DESTROY: 'modal:destroy',
 });
 
-/** @typedef {import('../abstract/ActivityBlock').ActivityType} ModalId */
+/** @typedef {import('../ActivityBlock').ActivityType} ModalId */
 
-/** @typedef {import('../blocks/Modal/Modal.js').Modal} ModalNode */
+/** @typedef {import('../../blocks/Modal/Modal.js').Modal} ModalNode */
 
 /** @typedef {(data: { id: ModalId; modal: ModalNode }) => void} ModalCb */
 
@@ -36,7 +36,7 @@ export class ModalManager {
    */
   _subscribers = new Map();
 
-  /** @param {import('./Block.js').Block} block */
+  /** @param {import('../Block.js').Block} block */
   constructor(block) {
     this._block = block;
   }

package/abstract/managers/SecureUploadsManager.d.ts

@@ -0,0 +1,22 @@
+export class SecureUploadsManager {
+    /** @param {import('../UploaderBlock.js').UploaderBlock} block */
+    constructor(block: import("../UploaderBlock.js").UploaderBlock);
+    /**
+     * @private
+     * @type {import('../UploaderBlock.js').UploaderBlock}
+     */
+    private _block;
+    /**
+     * @private
+     * @type {import('../../types/index.js').SecureUploadsSignatureAndExpire | null}
+     */
+    private _secureToken;
+    /**
+     * @private
+     * @param {unknown[]} args
+     */
+    private _debugPrint;
+    /** @returns {Promise<import('../../types/index.js').SecureUploadsSignatureAndExpire | null>} */
+    getSecureToken(): Promise<import("../../types/index.js").SecureUploadsSignatureAndExpire | null>;
+}
+//# sourceMappingURL=SecureUploadsManager.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SecureUploadsManager.d.ts","sourceRoot":"","sources":["SecureUploadsManager.js"],"names":[],"mappings":"AAIA;IAYE,gEAAgE;IAChE,mBADY,OAAO,oBAAoB,EAAE,aAAa,EAGrD;IAdD;;;OAGG;IACH,eAAO;IACP;;;OAGG;IACH,qBAAoB;IAOpB;;;OAGG;IACH,oBAEC;IAED,oFAAoF;IACpF,kBADc,OAAO,CAAC,OAAO,UAAU,EAAE,+BAA+B,GAAG,IAAI,CAAC,CAwD/E;CACF"}
+{"version":3,"file":"SecureUploadsManager.d.ts","sourceRoot":"","sources":["SecureUploadsManager.js"],"names":[],"mappings":"AAIA;IAYE,iEAAiE;IACjE,mBADY,OAAO,qBAAqB,EAAE,aAAa,EAGtD;IAdD;;;OAGG;IACH,eAAO;IACP;;;OAGG;IACH,qBAAoB;IAOpB;;;OAGG;IACH,oBAEC;IAED,gGAAgG;IAChG,kBADc,OAAO,CAAC,OAAO,sBAAsB,EAAE,+BAA+B,GAAG,IAAI,CAAC,CAwD3F;CACF"}

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

@@ -1,20 +1,20 @@
 // @ts-check
 
-import { isSecureTokenExpired } from '../utils/isSecureTokenExpired.js';
+import { isSecureTokenExpired } from '../../utils/isSecureTokenExpired.js';
 
 export class SecureUploadsManager {
   /**
    * @private
-   * @type {import('./UploaderBlock.js').UploaderBlock}
+   * @type {import('../UploaderBlock.js').UploaderBlock}
    */
   _block;
   /**
    * @private
-   * @type {import('../types').SecureUploadsSignatureAndExpire | null}
+   * @type {import('../../types/index.js').SecureUploadsSignatureAndExpire | null}
    */
   _secureToken = null;
 
-  /** @param {import('./UploaderBlock.js').UploaderBlock} block */
+  /** @param {import('../UploaderBlock.js').UploaderBlock} block */
   constructor(block) {
     this._block = block;
   }
@@ -27,7 +27,7 @@ export class SecureUploadsManager {
     this._block.debugPrint('[secure-uploads]', ...args);
   }
 
-  /** @returns {Promise<import('../types').SecureUploadsSignatureAndExpire | null>} */
+  /** @returns {Promise<import('../../types/index.js').SecureUploadsSignatureAndExpire | null>} */
   async getSecureToken() {
     const { secureSignature, secureExpire, secureUploadsSignatureResolver } = this._block.cfg;
 

package/abstract/managers/TelemetryManager.d.ts

@@ -0,0 +1,47 @@
+/**
+ * @typedef {{
+ *   eventType?: Parameters<import('../../blocks/UploadCtxProvider/EventEmitter.js').EventEmitter['emit']>[0] | null;
+ *   activity: import('../ActivityBlock.js').ActivityType;
+ *   projectPubkey: import('../../types/index.js').ConfigType['pubkey'];
+ *   appVersion: string;
+ *   appName: string;
+ *   sessionId: ReturnType<Crypto['randomUUID']>;
+ *   component:
+ *     | 'uc-img'
+ *     | 'uc-file-uploader-regular'
+ *     | 'uc-file-uploader-minimal'
+ *     | 'uc-file-uploader-inline'
+ *     | 'uc-cloud-image-editor';
+ *   userAgent: string;
+ *   config?: import('../../types/index.js').ConfigType | null;
+ *   payload: Record<string, unknown> | null;
+ * }} TelemetryState
+ */
+export class TelemetryManager {
+    /** @param {import('../Block.js').Block} block */
+    constructor(block: import("../Block.js").Block);
+    /**
+     * @param {Pick<TelemetryState, 'eventType' | 'payload'> & {
+     *   modalId?: string;
+     *   eventType?: Parameters<import('../../blocks/UploadCtxProvider/EventEmitter.js').EventEmitter['emit']>[0];
+     * }} body
+     */
+    sendEvent(body: Pick<TelemetryState, "eventType" | "payload"> & {
+        modalId?: string;
+        eventType?: Parameters<import("../../blocks/UploadCtxProvider/EventEmitter.js").EventEmitter["emit"]>[0];
+    }): null | undefined;
+    #private;
+}
+export type TelemetryState = {
+    eventType?: Parameters<import("../../blocks/UploadCtxProvider/EventEmitter.js").EventEmitter["emit"]>[0] | null;
+    activity: import("../ActivityBlock.js").ActivityType;
+    projectPubkey: import("../../types/index.js").ConfigType["pubkey"];
+    appVersion: string;
+    appName: string;
+    sessionId: ReturnType<Crypto["randomUUID"]>;
+    component: "uc-img" | "uc-file-uploader-regular" | "uc-file-uploader-minimal" | "uc-file-uploader-inline" | "uc-cloud-image-editor";
+    userAgent: string;
+    config?: import("../../types/index.js").ConfigType | null;
+    payload: Record<string, unknown> | null;
+};
+//# sourceMappingURL=TelemetryManager.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TelemetryManager.d.ts","sourceRoot":"","sources":["TelemetryManager.js"],"names":[],"mappings":"AAOA;;;;;;;;;;;;;;;;;;GAkBG;AAEH;IAiBE,iDAAiD;IACjD,mBADY,OAAO,aAAa,EAAE,KAAK,EAiBtC;IA4CD;;;;;OAKG;IACH,gBALW,IAAI,CAAC,cAAc,EAAE,WAAW,GAAG,SAAS,CAAC,GAAG;QACtD,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,SAAS,CAAC,EAAE,UAAU,CAAC,OAAO,gDAAgD,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;KAC1G,oBA4BH;;CASF;6BA1IY;IACR,SAAS,CAAC,EAAE,UAAU,CAAC,OAAO,gDAAgD,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;IAChH,QAAQ,EAAE,OAAO,qBAAqB,EAAE,YAAY,CAAC;IACrD,aAAa,EAAE,OAAO,sBAAsB,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IACnE,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC;IAC5C,SAAS,EACL,QAAQ,GACR,0BAA0B,GAC1B,0BAA0B,GAC1B,yBAAyB,GACzB,uBAAuB,CAAC;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,sBAAsB,EAAE,UAAU,GAAG,IAAI,CAAC;IAC1D,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;CACzC"}

package/abstract/managers/TelemetryManager.js

@@ -0,0 +1,147 @@
+//@ts-check
+import { TelemetryAPIService } from '@uploadcare/quality-insights';
+import { Queue } from '@uploadcare/upload-client';
+import { PACKAGE_VERSION, PACKAGE_NAME } from '../../env.js';
+import { initialConfig } from '../../blocks/Config/initialConfig.js';
+import { EventType } from '../../blocks/UploadCtxProvider/EventEmitter.js';
+
+/**
+ * @typedef {{
+ *   eventType?: Parameters<import('../../blocks/UploadCtxProvider/EventEmitter.js').EventEmitter['emit']>[0] | null;
+ *   activity: import('../ActivityBlock.js').ActivityType;
+ *   projectPubkey: import('../../types/index.js').ConfigType['pubkey'];
+ *   appVersion: string;
+ *   appName: string;
+ *   sessionId: ReturnType<Crypto['randomUUID']>;
+ *   component:
+ *     | 'uc-img'
+ *     | 'uc-file-uploader-regular'
+ *     | 'uc-file-uploader-minimal'
+ *     | 'uc-file-uploader-inline'
+ *     | 'uc-cloud-image-editor';
+ *   userAgent: string;
+ *   config?: import('../../types/index.js').ConfigType | null;
+ *   payload: Record<string, unknown> | null;
+ * }} TelemetryState
+ */
+
+export class TelemetryManager {
+  /** @type {ReturnType<Crypto['randomUUID']>} */
+  #sessionId = crypto.randomUUID();
+
+  /** @type {TelemetryAPIService | null} */
+  #telemetryInstance = null;
+
+  /** @type {import('../Block.js').Block | null} */
+  #block = null;
+
+  #config = initialConfig;
+
+  #initialized = false;
+
+  /** @type {import('@uploadcare/upload-client').Queue | null} */
+  #queue = null;
+
+  /** @param {import('../Block.js').Block} block */
+  constructor(block) {
+    this.#block = block;
+
+    this.#telemetryInstance = new TelemetryAPIService();
+
+    this.#queue = new Queue(10);
+
+    for (const key of /** @type {(keyof import('../../types/exported').ConfigType)[]} */ (Object.keys(initialConfig))) {
+      block.subConfigValue(key, (value) => {
+        if (this.#initialized && this.#config[key] !== value) {
+          this.#block?.emit(EventType.CHANGE_CONFIG, undefined);
+        }
+
+        this.#setConfig(key, value);
+      });
+    }
+  }
+
+  /**
+   * @template {keyof import('../../types').ConfigType} T
+   * @param {T} key
+   * @param {import('../../types').ConfigType[T]} value
+   */
+  #setConfig(key, value) {
+    if (this.#config[key] === value) {
+      return;
+    }
+
+    this.#config[key] = value;
+  }
+
+  /**
+   * - @param {Pick<TelemetryState, 'eventType' | 'payload'| 'config'> } body
+   * - @returns {TelemetryState}
+   */
+  #formatingPayload(body) {
+    if (body.payload?.activity) delete body['payload']['activity'];
+
+    if (body.eventType === EventType.INIT_SOLUTION || body.eventType === EventType.CHANGE_CONFIG) {
+      body.config = this.#config;
+    }
+
+    return {
+      ...body,
+
+      appVersion: PACKAGE_VERSION,
+      appName: PACKAGE_NAME,
+      sessionId: this.#sessionId,
+      component: this.#solution,
+      activity: this.#activity,
+      projectPubkey: this.#config?.pubkey,
+      userAgent: navigator.userAgent,
+      eventType: body.eventType ?? null,
+
+      payload: {
+        ...body.payload,
+      },
+    };
+  }
+
+  /**
+   * @param {Pick<TelemetryState, 'eventType' | 'payload'> & {
+   *   modalId?: string;
+   *   eventType?: Parameters<import('../../blocks/UploadCtxProvider/EventEmitter.js').EventEmitter['emit']>[0];
+   * }} body
+   */
+  sendEvent(body) {
+    const payload = this.#formatingPayload(body);
+
+    /**
+     * The following event types are not sent to the telemetry service:
+     *
+     * - CHANGE: This event is used to dispatched when the upload list changes
+     * - COMMON_UPLOAD_PROGRESS: This event is used to track the progress of common uploads and does not require
+     *   telemetry.
+     * - FILE_UPLOAD_PROGRESS: This event is used to track the progress of file uploads and does not require telemetry.
+     */
+    if (
+      body.eventType === EventType.CHANGE ||
+      body.eventType === EventType.COMMON_UPLOAD_PROGRESS ||
+      body.eventType === EventType.FILE_UPLOAD_PROGRESS
+    ) {
+      return null;
+    }
+
+    if (body.eventType === EventType.INIT_SOLUTION && !this.#initialized) {
+      this.#initialized = true;
+    }
+
+    this.#queue?.add(async () => {
+      await this.#telemetryInstance?.sendEvent(payload);
+    });
+  }
+
+  get #solution() {
+    return this.#block?.has('*solution') ? this.#block?.$['*solution'].toLowerCase() : null;
+  }
+
+  get #activity() {
+    return this.#block?.has('*currentActivity') ? this.#block?.$['*currentActivity'] : null;
+  }
+}