@uploadcare/file-uploader 1.24.0 → 1.24.2

package/dist/env.js

@@ -25,7 +25,7 @@
  */
 
 // package.json
-var version = "1.24.0";
+var version = "1.24.2";
 
 // src/env.ts
 var PACKAGE_NAME = "blocks";

package/dist/index.d.ts

@@ -104,12 +104,13 @@ declare class ModalManager {
     destroy(): void;
 }
 
+type CommonEventType = InternalEventKey | EventKey;
 type TelemetryState = TelemetryRequest & {
     eventTimestamp: number;
 };
 type TelemetryEventBody = Partial<Pick<TelemetryState, 'payload' | 'config'>> & {
     modalId?: string;
-    eventType?: EventKey;
+    eventType?: CommonEventType;
 };
 declare class TelemetryManager {
     private readonly _sessionId;
@@ -181,9 +182,13 @@ declare class Block extends BaseComponent<any> {
     static reg(name?: string): void;
 }
 
-declare const EventType: Readonly<{
+declare const InternalEventType: Readonly<{
     readonly INIT_SOLUTION: "init-solution";
     readonly CHANGE_CONFIG: "change-config";
+    readonly ACTION_EVENT: "action-event";
+    readonly ERROR_EVENT: "error-event";
+}>;
+declare const EventType: Readonly<{
     readonly FILE_ADDED: "file-added";
     readonly FILE_REMOVED: "file-removed";
     readonly FILE_UPLOAD_START: "file-upload-start";
@@ -204,6 +209,7 @@ declare const EventType: Readonly<{
     readonly GROUP_CREATED: "group-created";
 }>;
 type EventKey = (typeof EventType)[keyof typeof EventType];
+type InternalEventKey = (typeof InternalEventType)[keyof typeof InternalEventType];
 type EventPayload = {
     [EventType.FILE_ADDED]: OutputFileEntry<'idle'>;
     [EventType.FILE_REMOVED]: OutputFileEntry<'removed'>;
@@ -230,8 +236,6 @@ type EventPayload = {
     [EventType.COMMON_UPLOAD_FAILED]: OutputCollectionState<'failed'>;
     [EventType.CHANGE]: OutputCollectionState;
     [EventType.GROUP_CREATED]: OutputCollectionState<'success', 'has-group'>;
-    [EventType.INIT_SOLUTION]: void;
-    [EventType.CHANGE_CONFIG]: void;
 };
 declare class EventEmitter {
     private _timeoutStore;
@@ -527,6 +531,7 @@ declare class Config extends Block {
     _assertSameValueDifferentReference(key: string, previousValue: unknown, nextValue: unknown): void;
     initCallback(): void;
     attributeChangedCallback(name: keyof typeof attrStateMapping, oldVal: string, newVal: string): void;
+    get computationControllers(): any;
 }
 interface Config extends ConfigType {
 }
@@ -1959,8 +1964,6 @@ type EventListenerMap = {
 declare class UploadCtxProvider extends UploaderBlock {
     static styleAttrs: string[];
     static EventType: Readonly<{
-        readonly INIT_SOLUTION: "init-solution";
-        readonly CHANGE_CONFIG: "change-config";
         readonly FILE_ADDED: "file-added";
         readonly FILE_REMOVED: "file-removed";
         readonly FILE_UPLOAD_START: "file-upload-start";

package/dist/index.js

@@ -31,7 +31,9 @@ import { BaseComponent as BaseComponent4, Data as Data8, UID as UID4 } from "@sy
 var DEFAULT_DEBOUNCE_TIMEOUT = 20;
 var InternalEventType = Object.freeze({
   INIT_SOLUTION: "init-solution",
-  CHANGE_CONFIG: "change-config"
+  CHANGE_CONFIG: "change-config",
+  ACTION_EVENT: "action-event",
+  ERROR_EVENT: "error-event"
 });
 var EventType = Object.freeze({
   FILE_ADDED: "file-added",
@@ -51,8 +53,7 @@ var EventType = Object.freeze({
   COMMON_UPLOAD_SUCCESS: "common-upload-success",
   COMMON_UPLOAD_FAILED: "common-upload-failed",
   CHANGE: "change",
-  GROUP_CREATED: "group-created",
-  ...InternalEventType
+  GROUP_CREATED: "group-created"
 });
 var EventEmitter = class {
   _timeoutStore = /* @__PURE__ */ new Map();
@@ -1216,7 +1217,7 @@ import { TelemetryAPIService } from "@uploadcare/quality-insights";
 import { Queue as Queue2 } from "@uploadcare/upload-client";
 
 // package.json
-var version = "1.24.0";
+var version = "1.24.2";
 
 // src/env.ts
 var PACKAGE_NAME = "blocks";
@@ -1238,14 +1239,16 @@ var TelemetryManager = class {
     for (const key of Object.keys(this._config)) {
       this._block.subConfigValue(key, (value) => {
         if (this._initialized && this._config[key] !== value) {
-          this._block.emit(EventType.CHANGE_CONFIG, void 0);
+          this.sendEvent({
+            eventType: InternalEventType.CHANGE_CONFIG
+          });
         }
         this._setConfig(key, value);
       });
     }
   }
   _init(type) {
-    if (type === EventType.INIT_SOLUTION && !this._initialized) {
+    if (type === InternalEventType.INIT_SOLUTION && !this._initialized) {
       this._initialized = true;
     }
   }
@@ -1261,7 +1264,7 @@ var TelemetryManager = class {
       payload.activity = void 0;
     }
     const result = { ...body };
-    if (body.eventType === EventType.INIT_SOLUTION || body.eventType === EventType.CHANGE_CONFIG) {
+    if (body.eventType === InternalEventType.INIT_SOLUTION || body.eventType === InternalEventType.CHANGE_CONFIG) {
       result.config = this._config;
     }
     return {
@@ -1289,9 +1292,7 @@ var TelemetryManager = class {
       EventType.FILE_UPLOAD_START,
       EventType.FILE_UPLOAD_PROGRESS,
       EventType.FILE_UPLOAD_SUCCESS,
-      EventType.FILE_UPLOAD_FAILED,
-      EventType.FILE_URL_CHANGED,
-      EventType.GROUP_CREATED
+      EventType.FILE_UPLOAD_FAILED
     ].includes(type)) {
       return true;
     }
@@ -1319,6 +1320,7 @@ var TelemetryManager = class {
   }
   sendEventError(error, context = "unknown") {
     this.sendEvent({
+      eventType: InternalEventType.ERROR_EVENT,
       payload: {
         metadata: {
           event: "error",
@@ -1333,6 +1335,7 @@ var TelemetryManager = class {
    */
   sendEventCloudImageEditor(e, tabId, options = {}) {
     this.sendEvent({
+      eventType: InternalEventType.ACTION_EVENT,
       payload: {
         metadata: {
           tabId,
@@ -4369,16 +4372,64 @@ var CameraSource = class extends UploaderBlock {
       onCancel: () => {
         this.historyBack();
       },
-      onShot: () => this._shot(),
+      onShot: () => {
+        this.telemetryManager.sendEvent({
+          eventType: InternalEventType.ACTION_EVENT,
+          payload: {
+            metadata: {
+              event: "shot-camera",
+              node: this.tagName,
+              tabId: this._activeTab
+            }
+          }
+        });
+        this._shot();
+      },
       onRequestPermissions: () => this._capture(),
       /** General method for photo and video capture */
-      onStartCamera: () => this._chooseActionWithCamera(),
+      onStartCamera: () => {
+        this.telemetryManager.sendEvent({
+          eventType: InternalEventType.ACTION_EVENT,
+          payload: {
+            metadata: {
+              event: "start-camera",
+              node: this.tagName,
+              tabId: this._activeTab
+            }
+          }
+        });
+        this._chooseActionWithCamera();
+      },
       onStartRecording: () => this._startRecording(),
       onStopRecording: () => this._stopRecording(),
       onToggleRecording: () => this._toggleRecording(),
       onToggleAudio: () => this._toggleEnableAudio(),
-      onRetake: () => this._retake(),
-      onAccept: () => this._accept(),
+      onRetake: () => {
+        this.telemetryManager.sendEvent({
+          eventType: InternalEventType.ACTION_EVENT,
+          payload: {
+            metadata: {
+              event: "retake-camera",
+              node: this.tagName,
+              tabId: this._activeTab
+            }
+          }
+        });
+        this._retake();
+      },
+      onAccept: () => {
+        this.telemetryManager.sendEvent({
+          eventType: InternalEventType.ACTION_EVENT,
+          payload: {
+            metadata: {
+              event: "accept-camera",
+              node: this.tagName,
+              tabId: this._activeTab
+            }
+          }
+        });
+        this._accept();
+      },
       onClickTab: (event) => {
         const target = event.currentTarget;
         const id = target?.getAttribute("data-id");
@@ -4490,6 +4541,16 @@ var CameraSource = class extends UploaderBlock {
     });
     this._mediaRecorder?.stop();
     this.classList.remove("uc-recording");
+    this.telemetryManager.sendEvent({
+      eventType: InternalEventType.ACTION_EVENT,
+      payload: {
+        metadata: {
+          event: "stop-camera",
+          node: this.tagName,
+          tabId: this._activeTab
+        }
+      }
+    });
   };
   /** This method is used to toggle recording pause/resume */
   _toggleRecording = () => {
@@ -4671,6 +4732,16 @@ var CameraSource = class extends UploaderBlock {
         audioToggleMicrophoneHidden: !this.cfg.enableAudioRecording
       });
     }
+    this.telemetryManager.sendEvent({
+      eventType: InternalEventType.ACTION_EVENT,
+      payload: {
+        metadata: {
+          event: "camera-tab-switch",
+          node: this.tagName,
+          tabId
+        }
+      }
+    });
     this._activeTab = tabId;
   };
   _createFile = (type, ext, format, blob) => {
@@ -8179,6 +8250,114 @@ var runAssertions = debounce((cfg) => {
   }
 }, 0);
 
+// src/blocks/Config/computed-properties.ts
+import { getPrefixedCdnBaseAsync, isPrefixedCdnBase } from "@uploadcare/cname-prefix/async";
+
+// src/utils/isPromiseLike.ts
+var isPromiseLike = (value) => {
+  return value instanceof Promise || Boolean(
+    value && typeof value === "object" && "then" in value && typeof value.then === "function"
+  );
+};
+
+// src/blocks/Config/computed-properties.ts
+var defineComputedProperty = (declaration) => declaration;
+var COMPUTED_PROPERTIES = [
+  defineComputedProperty({
+    key: "cameraModes",
+    deps: ["enableVideoRecording"],
+    fn: ({ cameraModes, enableVideoRecording }) => {
+      if (enableVideoRecording === null) {
+        return cameraModes;
+      }
+      let cameraModesCsv = deserializeCsv(cameraModes);
+      if (enableVideoRecording && !cameraModesCsv.includes("video")) {
+        cameraModesCsv = cameraModesCsv.concat("video");
+      } else if (!enableVideoRecording) {
+        cameraModesCsv = cameraModesCsv.filter((mode) => mode !== "video");
+      }
+      return serializeCsv(cameraModesCsv);
+    }
+  }),
+  defineComputedProperty({
+    key: "cameraModes",
+    deps: ["defaultCameraMode"],
+    fn: ({ cameraModes, defaultCameraMode }) => {
+      if (defaultCameraMode === null) {
+        return cameraModes;
+      }
+      let cameraModesCsv = deserializeCsv(cameraModes);
+      cameraModesCsv = cameraModesCsv.sort((a, b) => {
+        if (a === defaultCameraMode) return -1;
+        if (b === defaultCameraMode) return 1;
+        return 0;
+      });
+      return serializeCsv(cameraModesCsv);
+    }
+  }),
+  defineComputedProperty({
+    key: "cdnCname",
+    deps: ["pubkey", "cdnCnamePrefixed"],
+    fn: ({ pubkey, cdnCname, cdnCnamePrefixed }) => {
+      if (pubkey && (cdnCname === DEFAULT_CDN_CNAME || isPrefixedCdnBase(cdnCname, cdnCnamePrefixed))) {
+        return getPrefixedCdnBaseAsync(pubkey, cdnCnamePrefixed);
+      }
+      return cdnCname;
+    }
+  })
+];
+var computeProperty = ({
+  key,
+  setValue,
+  getValue,
+  computationControllers
+}) => {
+  for (const computed of COMPUTED_PROPERTIES) {
+    if (computed.deps.includes(key)) {
+      const args = {
+        [computed.key]: getValue(computed.key)
+      };
+      for (const dep of computed.deps) {
+        args[dep] = getValue(dep);
+      }
+      const abortController = new AbortController();
+      computationControllers.get(computed.key)?.abort();
+      computationControllers.set(computed.key, abortController);
+      let result;
+      try {
+        result = computed.fn(args, {
+          signal: abortController.signal
+        });
+      } catch (error) {
+        if (computationControllers.get(computed.key) === abortController) {
+          computationControllers.delete(computed.key);
+        }
+        console.error(`Failed to compute value for "${computed.key}"`, error);
+        return;
+      }
+      if (isPromiseLike(result)) {
+        result.then((resolvedValue) => {
+          if (abortController.signal.aborted) {
+            return;
+          }
+          setValue(computed.key, resolvedValue);
+        }).catch((error) => {
+          if (abortController.signal.aborted) {
+            return;
+          }
+          console.error(`Failed to compute value for "${computed.key}"`, error);
+        }).finally(() => {
+          if (computationControllers.get(computed.key) === abortController) {
+            computationControllers.delete(computed.key);
+          }
+        });
+      } else {
+        setValue(computed.key, result);
+      }
+    }
+  }
+};
+
 // src/blocks/Config/validatorsType.ts
 var asString = (value) => String(value);
 var asNumber2 = (value) => {
@@ -8338,89 +8517,6 @@ var normalizeConfigValue = (key, value) => {
   }
 };
 
-// src/blocks/Config/side-effects.ts
-import { getPrefixedCdnBaseAsync, isPrefixedCdnBase } from "@uploadcare/cname-prefix/async";
-
-// src/utils/isPromiseLike.ts
-var isPromiseLike = (value) => {
-  return value instanceof Promise || Boolean(
-    value && typeof value === "object" && "then" in value && typeof value.then === "function"
-  );
-};
-
-// src/blocks/Config/side-effects.ts
-var defineComputedProperty = (declaration) => declaration;
-var COMPUTED_PROPERTIES = [
-  defineComputedProperty({
-    key: "cameraModes",
-    deps: ["enableVideoRecording"],
-    fn: ({ cameraModes, enableVideoRecording }) => {
-      if (enableVideoRecording === null) {
-        return cameraModes;
-      }
-      let cameraModesCsv = deserializeCsv(cameraModes);
-      if (enableVideoRecording && !cameraModesCsv.includes("video")) {
-        cameraModesCsv = cameraModesCsv.concat("video");
-      } else if (!enableVideoRecording) {
-        cameraModesCsv = cameraModesCsv.filter((mode) => mode !== "video");
-      }
-      return serializeCsv(cameraModesCsv);
-    }
-  }),
-  defineComputedProperty({
-    key: "cameraModes",
-    deps: ["defaultCameraMode"],
-    fn: ({ cameraModes, defaultCameraMode }) => {
-      if (defaultCameraMode === null) {
-        return cameraModes;
-      }
-      let cameraModesCsv = deserializeCsv(cameraModes);
-      cameraModesCsv = cameraModesCsv.sort((a, b) => {
-        if (a === defaultCameraMode) return -1;
-        if (b === defaultCameraMode) return 1;
-        return 0;
-      });
-      return serializeCsv(cameraModesCsv);
-    }
-  }),
-  defineComputedProperty({
-    key: "cdnCname",
-    deps: ["pubkey", "cdnCnamePrefixed"],
-    fn: ({ pubkey, cdnCname, cdnCnamePrefixed }) => {
-      if (pubkey && (cdnCname === DEFAULT_CDN_CNAME || isPrefixedCdnBase(cdnCname, cdnCnamePrefixed))) {
-        return getPrefixedCdnBaseAsync(pubkey, cdnCnamePrefixed);
-      }
-      return cdnCname;
-    }
-  })
-];
-var runSideEffects = ({ key, setValue, getValue }) => {
-  for (const computed of COMPUTED_PROPERTIES) {
-    if (computed.deps.includes(key)) {
-      const args = {
-        [computed.key]: getValue(computed.key)
-      };
-      for (const dep of computed.deps) {
-        args[dep] = getValue(dep);
-      }
-      const result = computed.fn(args);
-      if (isPromiseLike(result)) {
-        const prevValue = getValue(computed.key);
-        result.then((resolvedValue) => {
-          const currentValue = getValue(computed.key);
-          if (currentValue === prevValue) {
-            setValue(computed.key, resolvedValue);
-          }
-        }).catch((error) => {
-          console.error(`Failed to compute value for "${computed.key}"`, error);
-        });
-      } else {
-        setValue(computed.key, result);
-      }
-    }
-  }
-};
-
 // src/blocks/Config/Config.ts
 var allConfigKeys = [
   // "debug" option should go first to be able to print debug messages from the very beginning
@@ -8455,7 +8551,8 @@ var Config = class extends Block {
       ...this.init$,
       ...Object.fromEntries(
         Object.entries(initialConfig).map(([key, value]) => [sharedConfigKey(key), value])
-      )
+      ),
+      computationControllers: /* @__PURE__ */ new Map()
     };
   }
   _flushValueToAttribute(key, value) {
@@ -8490,11 +8587,6 @@ var Config = class extends Block {
     this._flushValueToState(key, normalizedValue);
     this.debugPrint(`[uc-config] "${key}"`, normalizedValue);
     runAssertions(this.cfg);
-    runSideEffects({
-      key,
-      setValue: this._setValue.bind(this),
-      getValue: this._getValue.bind(this)
-    });
   }
   _getValue(key) {
     const anyThis = this;
@@ -8540,10 +8632,15 @@ var Config = class extends Block {
           return this._getValue(key);
         }
       });
-      runSideEffects({
-        key,
-        setValue: this._setValue.bind(this),
-        getValue: this._getValue.bind(this)
+    }
+    for (const key of allConfigKeys) {
+      this.sub(sharedConfigKey(key), () => {
+        computeProperty({
+          key,
+          setValue: this._setValue.bind(this),
+          getValue: this._getValue.bind(this),
+          computationControllers: this.computationControllers
+        });
       });
     }
   }
@@ -8555,6 +8652,9 @@ var Config = class extends Block {
       anyThis[key] = newVal;
     }
   }
+  get computationControllers() {
+    return this.$.computationControllers;
+  }
 };
 Config.bindAttributes(attrStateMapping);
 for (const key of allConfigKeys) {
@@ -9112,8 +9212,10 @@ var isWhitelistedMessage = (message) => {
 var MessageBridge = class {
   _handlerMap = /* @__PURE__ */ new Map();
   _context;
-  constructor(context) {
+  _getTargetOrigin;
+  constructor(context, getTargetOrigin) {
     this._context = context;
+    this._getTargetOrigin = getTargetOrigin;
     window.addEventListener("message", this._handleMessage);
   }
   _handleMessage = (e) => {
@@ -9139,7 +9241,8 @@ var MessageBridge = class {
     handlers.add(handler);
   }
   send(message) {
-    this._context.postMessage(message, "*");
+    const targetOrigin = this._getTargetOrigin();
+    this._context.postMessage(message, targetOrigin);
   }
   destroy() {
     window.removeEventListener("message", this._handleMessage);
@@ -9289,11 +9392,9 @@ var ExternalSource = class extends UploaderBlock {
       showSelectionStatus: message.isMultipleMode && message.total > 0,
       couldSelectAll: message.selectedCount < message.total,
       couldDeselectAll: message.selectedCount === message.total,
-      selectedList: message.selectedFiles
+      selectedList: message.selectedFiles,
+      showDoneBtn: message.total > 0
     });
-    if (!this.$.showDoneBtn && message.isReady) {
-      this.$.showDoneBtn = true;
-    }
   }
   handleIframeLoad() {
     this.applyEmbedCss(this.cfg.externalSourcesEmbedCss);
@@ -9355,7 +9456,7 @@ var ExternalSource = class extends UploaderBlock {
       return;
     }
     this._messageBridge?.destroy();
-    this._messageBridge = new MessageBridge(iframe.contentWindow);
+    this._messageBridge = new MessageBridge(iframe.contentWindow, () => this.cfg.socialBaseUrl);
     this._messageBridge.on("selected-files-change", this.handleSelectedFilesChange.bind(this));
     this._messageBridge.on("toolbar-state-change", this.handleToolbarStateChange.bind(this));
     this.resetSelectionStatus();
@@ -9520,6 +9621,7 @@ var FileItem = class _FileItem extends FileItemConfig {
       ariaLabelStatusFile: "",
       onEdit: this._withEntry((entry) => {
         this.telemetryManager.sendEvent({
+          eventType: InternalEventType.ACTION_EVENT,
           payload: {
             metadata: {
               event: "edit-file",
@@ -9535,6 +9637,7 @@ var FileItem = class _FileItem extends FileItemConfig {
       }),
       onRemove: () => {
         this.telemetryManager.sendEvent({
+          eventType: InternalEventType.ACTION_EVENT,
           payload: {
             metadata: {
               event: "remove-file",
@@ -9572,6 +9675,7 @@ var FileItem = class _FileItem extends FileItemConfig {
       const errorText = entry.getValue("errors")?.[0]?.message;
       const source = entry.getValue("source");
       const externalUrl = entry.getValue("externalUrl");
+      const isFinished = state === FileItemState.FINISHED;
       const isUploading = state === FileItemState.UPLOADING;
       const isQueuedForUploading = state === FileItemState.QUEUED_UPLOADING;
       const isQueuedForValidation = state === FileItemState.QUEUED_VALIDATION;
@@ -9580,7 +9684,7 @@ var FileItem = class _FileItem extends FileItemConfig {
       let hint = "";
       if (errorText) {
         hint = "";
-      } else if (externalUrl && source && Object.values(ExternalUploadSource).includes(source)) {
+      } else if (!isFinished && externalUrl && source && Object.values(ExternalUploadSource).includes(source)) {
         hint = this.l10n("waiting-for", { source: this.l10n(`src-type-${source}`) });
       }
       this.set$({
@@ -11243,6 +11347,15 @@ var UploadList = class extends UploaderBlock {
       commonErrorMessage: "",
       hasFiles: false,
       onAdd: () => {
+        this.telemetryManager.sendEvent({
+          eventType: InternalEventType.ACTION_EVENT,
+          payload: {
+            metadata: {
+              event: "add-more",
+              node: this.tagName
+            }
+          }
+        });
         this.api.initFlow(true);
       },
       onUpload: () => {
@@ -11255,6 +11368,15 @@ var UploadList = class extends UploaderBlock {
         this.api.doneFlow();
       },
       onCancel: () => {
+        this.telemetryManager.sendEvent({
+          eventType: InternalEventType.ACTION_EVENT,
+          payload: {
+            metadata: {
+              event: "clear-all",
+              node: this.tagName
+            }
+          }
+        });
         this.uploadCollection.clearAll();
       }
     };
@@ -11441,6 +11563,15 @@ var UrlSource = class extends UploaderBlock {
       importDisabled: true,
       onUpload: (event) => {
         event.preventDefault();
+        this.telemetryManager.sendEvent({
+          eventType: InternalEventType.ACTION_EVENT,
+          payload: {
+            metadata: {
+              event: "upload-from-url",
+              node: this.tagName
+            }
+          }
+        });
         const url = this.ref.input["value"];
         this.api.addFileFromUrl(url, { source: UploadSource.URL });
         this.modalManager?.open(ActivityBlock.activities.UPLOAD_LIST);
@@ -11510,7 +11641,9 @@ var CloudImageEditor = class extends CloudImageEditorBlock {
   }
   initCallback() {
     super.initCallback();
-    this.emit(InternalEventType.INIT_SOLUTION, void 0);
+    this.telemetryManager.sendEvent({
+      eventType: InternalEventType.INIT_SOLUTION
+    });
     this.a11y?.registerBlock(this);
   }
 };
@@ -11549,7 +11682,9 @@ var FileUploaderInline = class extends SolutionBlock {
   }
   initCallback() {
     super.initCallback();
-    this.emit(InternalEventType.INIT_SOLUTION, void 0);
+    this.telemetryManager.sendEvent({
+      eventType: InternalEventType.INIT_SOLUTION
+    });
     const uBlock = this.ref.uBlock;
     if (!uBlock) {
       return;
@@ -11639,7 +11774,9 @@ var FileUploaderMinimal = class extends SolutionBlock {
   }
   initCallback() {
     super.initCallback();
-    this.emit(InternalEventType.INIT_SOLUTION, void 0);
+    this.telemetryManager.sendEvent({
+      eventType: InternalEventType.INIT_SOLUTION
+    });
     const uBlock = this.ref.uBlock;
     if (!uBlock) {
       return;
@@ -11749,7 +11886,9 @@ var FileUploaderRegular = class extends SolutionBlock {
   }
   initCallback() {
     super.initCallback();
-    this.emit(InternalEventType.INIT_SOLUTION, void 0);
+    this.telemetryManager.sendEvent({
+      eventType: InternalEventType.INIT_SOLUTION
+    });
     this.defineAccessor("headless", (value) => {
       this.set$({ isHidden: asBoolean2(value) });
     });

package/dist/index.ssr.js

@@ -1132,7 +1132,7 @@ export const ModalEvents = {
 	DESTROY: "modal:destroy",
 };
 export const PACKAGE_NAME = `blocks`;
-export const PACKAGE_VERSION = `1.24.0`;
+export const PACKAGE_VERSION = `1.24.2`;
 export const PresenceToggle = class {
 	static template = `<slot></slot> `;
 	static reg = () => {};
@@ -1461,8 +1461,6 @@ export const UploadCtxProvider = class {
 		COMMON_UPLOAD_FAILED: "common-upload-failed",
 		CHANGE: "change",
 		GROUP_CREATED: "group-created",
-		INIT_SOLUTION: "init-solution",
-		CHANGE_CONFIG: "change-config",
 	};
 	static extSrcList = {
 		FACEBOOK: "facebook",