@uploadcare/file-uploader 1.3.0-alpha.3 → 1.3.0

package/README.md

@@ -85,7 +85,7 @@ We use [JSDoc type annotations](https://www.typescriptlang.org/docs/handbook/int
   href="https://cdn.jsdelivr.net/npm/@uploadcare/file-uploader@1/web/uc-file-uploader-regular.min.css"
 />
 
-<uc-file-uploader-regular ctx="my-uploader"> </uc-file-uploader-regular>
+<uc-file-uploader-regular ctx-name="my-uploader"> </uc-file-uploader-regular>
 ```
 
 3. Configure Uploadcare File Uploader and add your personal public key to the project. Discover the instructions in the [following section](#configuration).
@@ -109,7 +109,7 @@ UC.defineComponents(UC);
   href="https://cdn.jsdelivr.net/npm/@uploadcare/file-uploader@1/web/uc-file-uploader-regular.min.css"
 />
 
-<uc-file-uploader-inline ctx="my-uploader"> </uc-file-uploader-inline>
+<uc-file-uploader-inline ctx-name="my-uploader"> </uc-file-uploader-inline>
 ```
 
 4. Configure Uploadcare File Uploader and add your personal public key to the project. Discover the instructions in the [following section](#configuration).
@@ -123,10 +123,10 @@ All configurations in Uploadcare File Uploader are managed from `uc-config` bloc
 3. Add a `uc-config` block to your markup and replace `YOUR_PUBLIC_KEY` with your own public key:
 
 ```html
-<uc-config ctx="my-uploader" pubkey="YOUR_PUBLIC_KEY"></uc-config>
+<uc-config ctx-name="my-uploader" pubkey="YOUR_PUBLIC_KEY"></uc-config>
 ```
 
-4. Make sure that your config block uses the same `ctx` attribute value as your solution block.
+4. Make sure that your config block uses the same `ctx-name` attribute value as your solution block.
 
 Discover more about Uploadcare File Uploader configuration in [our documentation](https://uploadcare.com/docs/file-uploader/configuration/?ref=github-readme).
 

package/abstract/ActivityBlock.d.ts

@@ -63,6 +63,6 @@ export namespace ActivityBlock {
         DETAILS: "details";
     }>;
 }
-export type ActivityType = (typeof ActivityBlock)["activities"][keyof (typeof ActivityBlock)["activities"]] | (string & {}) | null;
+export type ActivityType = (typeof ActivityBlock)['activities'][keyof (typeof ActivityBlock)['activities']] | (string & {}) | null;
 import { Block } from './Block.js';
 //# sourceMappingURL=ActivityBlock.d.ts.map

package/abstract/ActivityBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActivityBlock.d.ts","sourceRoot":"","sources":["ActivityBlock.js"],"names":[],"mappings":"AASA;IAyFE;;;;;;OAMG;IACH,kCAAsC;IA/FtC,iBAAiB;IACjB,kCAAuB;IAEvB;;;;;;MAA+B;IAE/B;;MAAqE;IAErE,eAAe;IACf,oBAKC;IAED,eAAe;IACf,kBAaC;IAwCD,eAAe;IACf,sBAWC;IAED,eAAe;IACf,8BAEC;IAWD,4CAEC;IAED,iCAEC;IAED;;;;;;;OAOG;IACH;4BAHiB,IAAI;8BACJ,IAAI;yBAQpB;IAED,2BAKC;IAoBD,0BAEC;IAED,0BAEC;IAED,qBAAqB;IACrB,2BAEC;IAED,qBAAqB;IACrB,2BAEC;IAED,oBAoBC;IA9KC,8CAAyB;CA+K5B;;;;;;;;;;;;;2BAaa,CAAC,OAAO,aAAa,EAAE,YAAY,CAAC,CAAC,MAAM,CAAC,OAAO,aAAa,EAAE,YAAY,CAAC,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,GAAG,IAAI;sBA7M/F,YAAY"}
+{"version":3,"file":"ActivityBlock.d.ts","sourceRoot":"","sources":["ActivityBlock.js"],"names":[],"mappings":"AASA;IAuFE;;;;;;OAMG;IACH,kCAAsC;IA7FtC,iBAAiB;IACjB,kCAAuB;IAEvB;;;;;;MAA+B;IAE/B;;MAAqE;IAErE,eAAe;IACf,oBAKC;IAED,eAAe;IACf,kBAaC;IAsCD,eAAe;IACf,sBAWC;IAED,eAAe;IACf,8BAEC;IAWD,4CAEC;IAED,iCAEC;IAED;;;;;;;OAOG;IACH;4BAHiB,IAAI;8BACJ,IAAI;yBAQpB;IAED,2BAKC;IAoBD,0BAEC;IAED,0BAEC;IAED,qBAAqB;IACrB,2BAEC;IAED,qBAAqB;IACrB,2BAEC;IAED,oBAoBC;IA5KC,8CAAyB;CA6K5B;;;;;;;;;;;;;2BAaa,CAAC,oBAAoB,CAAC,CAAC,YAAY,CAAC,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,GAAG,IAAI;sBA3M/F,YAAY"}

package/abstract/ActivityBlock.js

@@ -54,8 +54,6 @@ export class ActivityBlock extends Block {
         this.setAttribute('activity', this.activityType);
       }
       this.sub('*currentActivity', (/** @type {String} */ val) => {
-        if (this.activityType === 'url') {
-        }
         if (this.activityType !== val && this[ACTIVE_PROP]) {
           this._deactivate();
         } else if (this.activityType === val && !this[ACTIVE_PROP]) {

package/abstract/Block.d.ts

@@ -1,4 +1,4 @@
-export class Block extends Symbiote<any> {
+export class Block extends BaseComponent<any> {
     /** @type {string | null} */
     static StateConsumerScope: string | null;
     /** @type {string[]} */
@@ -9,7 +9,7 @@ export class Block extends Symbiote<any> {
     /** @protected */
     protected requireCtxName: boolean;
     /** @type {import('./ActivityBlock.js').ActivityType} */
-    activityType: import("./ActivityBlock.js").ActivityType;
+    activityType: import('./ActivityBlock.js').ActivityType;
     init$: {};
     /**
      * @param {String} str
@@ -41,7 +41,13 @@ export class Block extends Symbiote<any> {
      * @param {Parameters<import('../blocks/UploadCtxProvider/EventEmitter.js').EventEmitter['emit']>[1]} [payload]
      * @param {Parameters<import('../blocks/UploadCtxProvider/EventEmitter.js').EventEmitter['emit']>[2]} [options]
      */
-    emit(type: Parameters<import("../blocks/UploadCtxProvider/EventEmitter.js").EventEmitter["emit"]>[0], payload?: Parameters<import("../blocks/UploadCtxProvider/EventEmitter.js").EventEmitter["emit"]>[1], options?: Parameters<import("../blocks/UploadCtxProvider/EventEmitter.js").EventEmitter["emit"]>[2]): void;
+    emit(type: [type: "change" | "file-added" | "file-removed" | "file-upload-start" | "file-upload-progress" | "file-upload-success" | "file-upload-failed" | "file-url-changed" | "modal-open" | "modal-close" | "done-click" | "upload-click" | "activity-change" | "common-upload-start" | "common-upload-progress" | "common-upload-success" | "common-upload-failed" | "group-created", payload?: unknown, ({
+        debounce?: number | boolean | undefined;
+    } | undefined)?][0], payload?: [type: "change" | "file-added" | "file-removed" | "file-upload-start" | "file-upload-progress" | "file-upload-success" | "file-upload-failed" | "file-url-changed" | "modal-open" | "modal-close" | "done-click" | "upload-click" | "activity-change" | "common-upload-start" | "common-upload-progress" | "common-upload-success" | "common-upload-failed" | "group-created", payload?: unknown, ({
+        debounce?: number | boolean | undefined;
+    } | undefined)?][1], options?: [type: "change" | "file-added" | "file-removed" | "file-upload-start" | "file-upload-progress" | "file-upload-success" | "file-upload-failed" | "file-url-changed" | "modal-open" | "modal-close" | "done-click" | "upload-click" | "activity-change" | "common-upload-start" | "common-upload-progress" | "common-upload-success" | "common-upload-failed" | "group-created", payload?: unknown, ({
+        debounce?: number | boolean | undefined;
+    } | undefined)?][2]): void;
     /**
      * @param {(block: Block) => boolean} callback
      * @returns {Boolean}
@@ -52,9 +58,6 @@ export class Block extends Symbiote<any> {
      * @param {any} newVal
      */
     setOrAddState(prop: string, newVal: any): void;
-    /** @private */
-    private _readyResolvers;
-    get ready(): Promise<void>;
     /**
      * @private
      * @returns {LocaleManager | null}
@@ -92,6 +95,7 @@ export class Block extends Symbiote<any> {
     /** @param {unknown[]} args */
     debugPrint(...args: unknown[]): void;
 }
-import { Symbiote } from '@symbiotejs/symbiote';
+export { BaseComponent };
+import { BaseComponent } from '@symbiotejs/symbiote';
 import { A11y } from './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":"AAwBA;IACE,4BAA4B;IAC5B,2BADW,MAAM,GAAG,IAAI,CACS;IAEjC,uBAAuB;IACvB,mBADW,MAAM,EAAE,CACI;IAmVvB,6BAA6B;IAC7B,4CAQC;IAxSD,cAUC;IA5DD,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;IASpC;;;;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;IAqFD,eAAe;IACf,wBAA8E;IAE9E,2BAEC;IAED;;;OAGG;IACH,4BAEC;IAED;;;OAGG;IACH,kCAEC;IAED,yBAAyB;IACzB,iCAEC;IAsBD;;;;OAIG;IACH,qCAIC;IAED;;;;OAIG;IACH,iCAHa,OAAO,QAAQ,CA6B3B;IAED,iDAAiD;IACjD,yCA8BC;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,QAYpB;CAYF;yBAzXsC,sBAAsB;qBAaxC,WAAW"}
+{"version":3,"file":"Block.d.ts","sourceRoot":"","sources":["Block.js"],"names":[],"mappings":"AAmBA;IACE,4BAA4B;IAC5B,2BADW,MAAM,GAAG,IAAI,CACS;IAEjC,uBAAuB;IACvB,mBADW,MAAM,EAAE,CACI;IAoTvB,6BAA6B;IAC7B,4CAQC;IAzQD,cAMC;IAxDD,iBAAiB;IACjB,kCAAuB;IAEvB,wDAAwD;IACxD,cADW,OAAO,oBAAoB,EAAE,YAAY,CAChC;IAEpB,UAAmB;IAEnB;;;;OAIG;IACH;;eAcC;IAED;;;;;OAKG;IACH,kBAIC;IAED;;;;OAIG;IACH,wBAJW,MAAM,YACN,MAAM,IAAI,QAKpB;IAIC,uDAAuD;IACvD,mBADW,IAAI,MAAM,EAAE,IAAI;QAAE,MAAM,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC,CAAC,CACjB;IAKpC;;;;OAIG;IACH,WAJW;;qBAAuF,CAAC,CAAC,YACzF;;qBAAuF,CAAC,CAAC,YACzF;;qBAAuF,CAAC,CAAC,QASnG;IAED;;;OAGG;IACH,gCAHmB,KAAK,KAAK,OAAO,WAUnC;IAED;;;OAGG;IACH,oCAFW,GAAG,QASb;IAkED;;;OAGG;IACH,4BAEC;IAED;;;OAGG;IACH,kCAEC;IAED,yBAAyB;IACzB,iCAEC;IAsBD;;;;OAIG;IACH,qCAIC;IAED;;;;OAIG;IACH,iCAHa,eAAe,CA6B3B;IAED,iDAAiD;IACjD,yCA8BC;IA3BG,eAAe;IACf,mBAuBE;IAKN;;;;OAIG;IACH,6HAFwD,IAAI,QAQ3D;IAED,8BAA8B;IAC9B,oBADY,OAAO,EAAE,QAWpB;CAYF;;8BArVmC,sBAAsB;qBAarC,WAAW"}

package/abstract/Block.js

@@ -1,28 +1,23 @@
 // @ts-check
-import { DICT, PubSub, Symbiote } from '@symbiotejs/symbiote';
-// @ts-ignore - something wrong with the tsd
-import { slotProcessor } from '@symbiotejs/symbiote/core/slotProcessor.js';
+import { BaseComponent, Data } from '@symbiotejs/symbiote';
 import { initialConfig } from '../blocks/Config/initialConfig.js';
 import { EventEmitter } from '../blocks/UploadCtxProvider/EventEmitter.js';
 import { WindowHeightTracker } from '../utils/WindowHeightTracker.js';
-import { extractCdnUrlModifiers, extractFilename, extractUuid } from '../utils/cdn-utils.js';
+import { extractFilename, extractCdnUrlModifiers, extractUuid } from '../utils/cdn-utils.js';
 import { getLocaleDirection } from '../utils/getLocaleDirection.js';
 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 { A11y } from './a11y.js';
 import { l10nProcessor } from './l10nProcessor.js';
 import { sharedConfigKey } from './sharedConfigKey.js';
-import { bindCompatibilityFallbackProcessor } from './bindCompatibilityFallbackProcessor.js';
-import { withResolvers } from '../utils/withResolvers.js';
+import { A11y } from './a11y.js';
 
 const TAG_PREFIX = 'uc-';
-const CTX_NAME_FALLBACK_ATTR = 'ctx-name';
 
 // @ts-ignore TODO: fix this
-export class Block extends Symbiote {
+export class Block extends BaseComponent {
   /** @type {string | null} */
   static StateConsumerScope = null;
 
@@ -83,12 +78,8 @@ export class Block extends Symbiote {
     super();
     /** @type {Map<string, Set<{ remove: () => void }>>} */
     this.l10nProcessorSubs = new Map();
-    // @ts-expect-error TODO: fix this
+    // @ts-ignore TODO: fix this
     this.addTemplateProcessor(l10nProcessor);
-    this.addTemplateProcessor(slotProcessor);
-
-    // Prepend tpl processors with bind compatibility fallback processor
-    this.tplProcessors = new Set([bindCompatibilityFallbackProcessor, ...this.tplProcessors]);
   }
 
   /**
@@ -144,32 +135,17 @@ export class Block extends Symbiote {
       this.processInnerHtml = true;
     }
     if (this.requireCtxName) {
-      Promise.race([
-        waitForAttribute({
-          element: this,
-          attribute: DICT.CTX_NAME_ATTR,
-        }),
-        waitForAttribute({
-          element: this,
-          attribute: CTX_NAME_FALLBACK_ATTR,
-        }),
-      ]).then((result) => {
-        console.log(this, result);
-        if (result.success) {
-          if (result.attribute === CTX_NAME_FALLBACK_ATTR) {
-            const ctxName = result.value;
-            // We need to set the ctx attribute before calling the super.connectedCallback to allow Symbiote to initialize with the correct context
-            this.setAttribute(DICT.CTX_NAME_ATTR, ctxName);
-            this.style.setProperty(CTX_NAME_FALLBACK_ATTR, `'${ctxName}'`);
-          }
-          // async wait for ctx attribute to be set, needed for Angular because it sets attributes after mount
+      waitForAttribute({
+        element: this,
+        attribute: 'ctx-name',
+        onSuccess: () => {
+          // async wait for ctx-name attribute to be set, needed for Angular because it sets attributes after mount
           // TODO: should be moved to the symbiote core
           super.connectedCallback();
-        } else {
-          console.error(
-            `Attribute "${DICT.CTX_NAME_ATTR}" or "${CTX_NAME_FALLBACK_ATTR}" is required and it is not set.`,
-          );
-        }
+        },
+        onTimeout: () => {
+          console.error('Attribute `ctx-name` is required and it is not set.');
+        },
       });
     } else {
       super.connectedCallback();
@@ -208,17 +184,6 @@ export class Block extends Symbiote {
       const direction = getLocaleDirection(localeId);
       this.style.direction = direction === 'ltr' ? '' : direction;
     });
-
-    setTimeout(() => {
-      this._readyResolvers.resolve();
-    }, 0);
-  }
-
-  /** @private */
-  _readyResolvers = /** @type {typeof withResolvers<void>} */ (withResolvers)();
-
-  get ready() {
-    return this._readyResolvers.promise;
   }
 
   /**
@@ -252,7 +217,7 @@ export class Block extends Symbiote {
 
     // Destroy local context
     // TODO: this should be done inside symbiote
-    PubSub.deleteCtx(this.localCtx.uid);
+    Data.deleteCtx(this);
 
     if (blocksRegistry?.size === 0) {
       setTimeout(() => {
@@ -268,7 +233,7 @@ export class Block extends Symbiote {
    * @protected
    */
   destroyCtxCallback() {
-    PubSub.deleteCtx(this.ctxName);
+    Data.deleteCtx(this.ctxName);
 
     this.localeManager?.destroy();
   }
@@ -362,7 +327,6 @@ export class Block extends Symbiote {
       const resolver = args[0];
       consoleArgs = resolver();
     }
-
     console.log(`[${this.ctxName}]`, ...consoleArgs);
   }
 
@@ -377,3 +341,5 @@ export class Block extends Symbiote {
     }
   }
 }
+
+export { BaseComponent };

package/abstract/CTX.d.ts

@@ -1,26 +1,26 @@
 export function blockCtx(): {};
-export function activityBlockCtx(fnCtx: import("./Block").Block): {
+export function activityBlockCtx(fnCtx: import('./Block').Block): {
     '*currentActivity': null;
     '*currentActivityParams': {};
     '*history': never[];
     '*historyBack': null;
     '*closeModal': () => void;
 };
-export function uploaderBlockCtx(fnCtx: import("./Block").Block): {
+export function uploaderBlockCtx(fnCtx: import('./Block').Block): {
     '*commonProgress': number;
     '*uploadList': never[];
     '*focusedEntry': null;
     '*uploadQueue': Queue;
-    /** @type {import('../types').OutputErrorCollection[]} */
-    '*collectionErrors': import("../types").OutputErrorCollection[];
+    /** @type {ReturnType<import('../types').OutputErrorCollection>[]} */
+    '*collectionErrors': ReturnType<import('../types').OutputErrorCollection>[];
     /** @type {import('../types').OutputCollectionState | null} */
-    '*collectionState': import("../types").OutputCollectionState | null;
+    '*collectionState': import('../types').OutputCollectionState | null;
     /** @type {import('@uploadcare/upload-client').UploadcareGroup | null} */
-    '*groupInfo': import("@uploadcare/upload-client").UploadcareGroup | null;
+    '*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;
+    '*secureUploadsManager': import('./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;;;;;;EAajC;AAGK,wCADK,OAAO,SAAS,EAAE,KAAK;;;;;IAOjC,yDAAyD;yBAA9C,OAAO,UAAU,EAAE,qBAAqB,EAAE;IAErD,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;sBApCoB,2BAA2B"}
+{"version":3,"file":"CTX.d.ts","sourceRoot":"","sources":["CTX.js"],"names":[],"mappings":"AAGO,+BAA2B;AAG3B,wCADK,OAAO,SAAS,EAAE,KAAK;;;;;;EAajC;AAGK,wCADK,OAAO,SAAS,EAAE,KAAK;;;;;IAOjC,qEAAqE;yBAA1D,WAAW,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,IAAI,MAAM,CAAC;IAEtB,8EAA8E;6BAAnE,OAAO,2BAA2B,EAAE,oBAAoB,GAAG,IAAI;;;;;;EAE1E;sBApCoB,2BAA2B"}

package/abstract/CTX.js

@@ -25,7 +25,7 @@ export const uploaderBlockCtx = (fnCtx) => ({
   '*uploadList': [],
   '*focusedEntry': null,
   '*uploadQueue': new Queue(1),
-  /** @type {import('../types').OutputErrorCollection[]} */
+  /** @type {ReturnType<import('../types').OutputErrorCollection>[]} */
   '*collectionErrors': [],
   /** @type {import('../types').OutputCollectionState | null} */
   '*collectionState': null,

package/abstract/LocaleManager.d.ts

@@ -2,7 +2,7 @@ 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);
+    constructor(blockInstance: import('./Block.js').Block);
     /**
      * @private
      * @type {import('./Block.js').Block | null}
@@ -30,9 +30,9 @@ export class LocaleManager {
      * @param {string} key
      * @param {() => void} resolver
      */
-    bindL10n(block: import("./Block.js").Block, key: string, resolver: () => void): 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;
+    destroyL10nBindings(block: import('./Block.js').Block): void;
     destroy(): void;
 }
 //# sourceMappingURL=LocaleManager.d.ts.map

package/abstract/SecureUploadsManager.d.ts

@@ -1,6 +1,6 @@
 export class SecureUploadsManager {
     /** @param {import('./UploaderBlock.js').UploaderBlock} block */
-    constructor(block: import("./UploaderBlock.js").UploaderBlock);
+    constructor(block: import('./UploaderBlock.js').UploaderBlock);
     /**
      * @private
      * @type {import('./UploaderBlock.js').UploaderBlock}
@@ -17,6 +17,6 @@ export class SecureUploadsManager {
      */
     private _debugPrint;
     /** @returns {Promise<import('../types').SecureUploadsSignatureAndExpire | null>} */
-    getSecureToken(): Promise<import("../types").SecureUploadsSignatureAndExpire | null>;
+    getSecureToken(): Promise<import('../types').SecureUploadsSignatureAndExpire | null>;
 }
 //# sourceMappingURL=SecureUploadsManager.d.ts.map

package/abstract/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,gEAAgE;IAChE,mBADY,OAAO,oBAAoB,EAAE,aAAa,EAGrD;IAdD;;;OAGG;IACH,eAAO;IACP;;;OAGG;IACH,qBAAoB;IAOpB;;;OAGG;IACH,oBAEC;IAED,oFAAoF;IACpF,kBADc,QAAQ,OAAO,UAAU,EAAE,+BAA+B,GAAG,IAAI,CAAC,CAwD/E;CACF"}

package/abstract/SolutionBlock.d.ts

@@ -6,8 +6,8 @@ export class SolutionBlock extends Block {
         '*uploadList': never[];
         '*focusedEntry': null;
         '*uploadQueue': import("@uploadcare/upload-client").Queue;
-        '*collectionErrors': import("../index.js").OutputErrorCollection[];
-        '*collectionState': import("../index.js").OutputCollectionState | null;
+        '*collectionErrors': any[];
+        '*collectionState': import("../index.js").OutputCollectionState<import("../index.js").OutputCollectionStatus, "maybe-has-group"> | null;
         '*groupInfo': import("@uploadcare/upload-client").UploadcareGroup | null;
         '*uploadTrigger': Set<string>;
         '*secureUploadsManager': import("./SecureUploadsManager.js").SecureUploadsManager | null;

package/abstract/SolutionBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolutionBlock.d.ts","sourceRoot":"","sources":["SolutionBlock.js"],"names":[],"mappings":"AAIA;IAWE,gCAEC;IAED,2BAEC;IAdD;;;;;oCAgBwG,aAAU;mCAA6E,aAAU;6BAAmF,2BAA2B;;wCAAmI,2BAA2B;;;;;;MAhBtb;IAC/B,gBAAiB;CAclB;sBArBqB,YAAY"}
+{"version":3,"file":"SolutionBlock.d.ts","sourceRoot":"","sources":["SolutionBlock.js"],"names":[],"mappings":"AAIA;IAWE,gCAEC;IAED,2BAEC;IAdD;;;;;;;;;;;;;;;MAA+B;IAC/B,gBAAiB;CAclB;sBArBqB,YAAY"}

package/abstract/TypedCollection.d.ts

@@ -29,7 +29,7 @@ export class TypedCollection {
     private __ctxId;
     /**
      * @private
-     * @type {PubSub}
+     * @type {Data}
      */
     private __data;
     /**

package/abstract/TypedCollection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TypedCollection.d.ts","sourceRoot":"","sources":["TypedCollection.js"],"names":[],"mappings":"AAGA;IACE;;;;;;OAMG;IACH,qBALG;QAA2D,WAAW,EAA9D;gBAAO,MAAM,GAAE;gBAAE,IAAI,EAAE,GAAG,CAAC;gBAAC,KAAK,EAAE,GAAG,CAAA;aAAE;SAAC;QACtB,SAAS;QAC2C,OAAO,WAAvE,MAAM,EAAE,SAAS,GAAG,CAAC,GAAG,CAAC,WAAW,GAAG,CAAC,GAAG,CAAC,KAAK,IAAI;QAC3C,OAAO;KAAC,EAgFnC;IA7EC;;;OAGG;IACH,sBAAwC;IACxC;;;OAGG;IACH,gBAAgD;IAChD;;;OAGG;IACH,eAAkD;IAClD;;;OAGG;IACH,oBAA0C;IAC1C;;;OAGG;IACH,kBAAoC;IACpC;;;OAGG;IACH,4BAAoC;IACpC;;;OAGG;IACH,8BAAsC;IACtC;;;OAGG;IACH,gBAAwB;IACxB;;;OAGG;IACH,kBAA0B;IAC1B;;;OAGG;IACH,gBAAwB;IAIxB;;;;OAIG;IACH,0BAkBC;IAVC,eAAe;IACf,yBAQE;IAIN,eAcC;IAVC,eAAe;IACf,wBAQE;IAGJ,oFAAoF;IACpF,2BADY,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,GAAG,CAAC,EAAE,OAAO,EAAE,GAAG,CAAC,GAAG,CAAC,KAAK,IAAI,cAWvE;IAED,gCAAgC;IAChC,6CAEC;IAED;;;OAGG;IACH,UAHW;YAAO,MAAM,GAAE,GAAG;KAAC,GACjB,MAAM,CAuBlB;IAED;;;OAGG;IACH,kBAFa,SAAS,CAIrB;IAED;;;;OAIG;IACH,wCAFa,GAAG,CAKf;IAED;;;;;OAKG;IACH,YALa,CAAC,uCAGH,CAAC,QAKX;IAED,yBAAyB;IACzB,yBAMC;IAED,iBAIC;IAED,gCAAgC;IAChC,iDAMC;IAED,gCAAgC;IAChC,6CAEC;IAED;;;OAGG;IACH,mBAHW,CAAC,IAAI,EAAE,SAAS,YAAY,GAC1B,QAAQ,CAWpB;IAED,kBAEC;IAED,mBAEC;IAED,gBAUC;CACF;0BAnPyB,gBAAgB"}
+{"version":3,"file":"TypedCollection.d.ts","sourceRoot":"","sources":["TypedCollection.js"],"names":[],"mappings":"AAGA;IACE;;;;;;OAMG;IACH;QAL8D,WAAW;gBAAvD,MAAM,GAAE;gBAAE,IAAI,EAAE,GAAG,CAAC;gBAAC,KAAK,EAAE,GAAG,CAAA;aAAE;;QACrB,SAAS;QAC2C,OAAO,WAAvE,MAAM,EAAE,SAAS,IAAI,GAAG,CAAC,WAAW,IAAI,GAAG,CAAC,KAAK,IAAI;QAC3C,OAAO;OAgFlC;IA7EC;;;OAGG;IACH,sBAAwC;IACxC;;;OAGG;IACH,gBAAgD;IAChD;;;OAGG;IACH,eAAgD;IAChD;;;OAGG;IACH,oBAA0C;IAC1C;;;OAGG;IACH,kBAAoC;IACpC;;;OAGG;IACH,4BAAoC;IACpC;;;OAGG;IACH,8BAAsC;IACtC;;;OAGG;IACH,gBAAwB;IACxB;;;OAGG;IACH,kBAA0B;IAC1B;;;OAGG;IACH,gBAAwB;IAIxB;;;;OAIG;IACH,0BAkBC;IAVC,eAAe;IACf,yBAQE;IAIN,eAcC;IAVC,eAAe;IACf,wBAQE;IAGJ,oFAAoF;IACpF,kCADmB,MAAM,EAAE,SAAS,IAAI,GAAG,CAAC,WAAW,IAAI,GAAG,CAAC,KAAK,IAAI,cAWvE;IAED,gCAAgC;IAChC,6CAEC;IAED;;;OAGG;IACH;YAHkB,MAAM,GAAE,GAAG;QAChB,MAAM,CAuBlB;IAED;;;OAGG;IACH,kBAFa,SAAS,CAIrB;IAED;;;;OAIG;IACH,wCAFa,GAAG,CAKf;IAED;;;;;OAKG;IACH,6DAGC;IAED,yBAAyB;IACzB,yBAMC;IAED,iBAIC;IAED,gCAAgC;IAChC,iDAMC;IAED,gCAAgC;IAChC,6CAEC;IAED;;;OAGG;IACH,0BAHkB,SAAS,eACd,QAAQ,CAWpB;IAED,kBAEC;IAED,mBAEC;IAED,gBAUC;CACF;0BAnPyB,gBAAgB"}

package/abstract/TypedCollection.js

@@ -1,4 +1,4 @@
-import { PubSub, UID } from '@symbiotejs/symbiote';
+import { Data, UID } from '@symbiotejs/symbiote';
 import { TypedData } from './TypedData.js';
 
 export class TypedCollection {
@@ -22,9 +22,9 @@ export class TypedCollection {
     this.__ctxId = options.ctxName || UID.generate();
     /**
      * @private
-     * @type {PubSub}
+     * @type {Data}
      */
-    this.__data = PubSub.registerCtx({}, this.__ctxId);
+    this.__data = Data.registerCtx({}, this.__ctxId);
     /**
      * @private
      * @type {string[]}
@@ -232,7 +232,7 @@ export class TypedCollection {
   }
 
   destroy() {
-    PubSub.deleteCtx(this.__ctxId);
+    Data.deleteCtx(this.__ctxId);
     this.__propertyObservers = null;
     this.__collectionObservers = null;
     for (let id in this.__subsMap) {

package/abstract/TypedData.d.ts

@@ -18,7 +18,7 @@ export class TypedData {
     private __schema;
     /**
      * @private
-     * @type {PubSub}
+     * @type {Data}
      */
     private __data;
     /** @returns {String} */
@@ -40,7 +40,7 @@ export class TypedData {
      */
     subscribe(prop: string, handler: (newVal: any) => void): {
         remove: () => void;
-        callback: (val: unknown) => void;
+        callback: Function;
     };
     remove(): void;
 }

package/abstract/TypedData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TypedData.d.ts","sourceRoot":"","sources":["TypedData.js"],"names":[],"mappings":"AAKA;IACE;;;OAGG;IACH,yBAHW;YAAO,MAAM,GAAE;YAAE,IAAI,EAAE,GAAG,CAAC;YAAC,KAAK,EAAE,GAAG,CAAC;YAAC,QAAQ,CAAC,UAAS;SAAE;KAAC,gCAkBvE;IAdC,eAAe;IACf,sBAAgC;IAChC,eAAe;IACf,gBAAwC;IACxC,eAAe;IACf,iBAGM;IACN;;;OAGG;IACH,eAA6D;IAG/D,wBAAwB;IACxB,kBAEC;IAED;;;OAGG;IACH,8BAFW,GAAG,QAab;IAED,0CAA0C;IAC1C,0BADY;YAAO,MAAM,GAAE,GAAG;KAAC,QAK9B;IAED,2BAA2B;IAC3B,4BAMC;IAED;;;OAGG;IACH,iCAFW,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI;;;MAI/B;IAED,eAEC;CACF"}
+{"version":3,"file":"TypedData.d.ts","sourceRoot":"","sources":["TypedData.js"],"names":[],"mappings":"AAKA;IACE;;;OAGG;IACH;YAHkB,MAAM,GAAE;YAAE,IAAI,EAAE,GAAG,CAAC;YAAC,KAAK,EAAE,GAAG,CAAC;YAAC,QAAQ,CAAC,UAAS;SAAE;qCAkBtE;IAdC,eAAe;IACf,sBAAgC;IAChC,eAAe;IACf,gBAAwC;IACxC,eAAe;IACf,iBAGM;IACN;;;OAGG;IACH,eAA2D;IAG7D,wBAAwB;IACxB,kBAEC;IAED;;;OAGG;IACH,8BAFW,GAAG,QAab;IAED,0CAA0C;IAC1C;YADmB,MAAM,GAAE,GAAG;aAK7B;IAED,2BAA2B;IAC3B,4BAMC;IAED;;;OAGG;IACH,0CAFoB,GAAG,KAAK,IAAI;;;MAI/B;IAED,eAEC;CACF"}

package/abstract/TypedData.js

@@ -1,4 +1,4 @@
-import { PubSub, UID } from '@symbiotejs/symbiote';
+import { Data, UID } from '@symbiotejs/symbiote';
 
 const MSG_NAME = '[Typed State] Wrong property name: ';
 const MSG_TYPE = '[Typed State] Wrong property type: ';
@@ -20,9 +20,9 @@ export class TypedData {
     }, {});
     /**
      * @private
-     * @type {PubSub}
+     * @type {Data}
      */
-    this.__data = PubSub.registerCtx(this.__schema, this.__ctxId);
+    this.__data = Data.registerCtx(this.__schema, this.__ctxId);
   }
 
   /** @returns {String} */
@@ -72,6 +72,6 @@ export class TypedData {
   }
 
   remove() {
-    PubSub.deleteCtx(this.__ctxId);
+    Data.deleteCtx(this.__ctxId);
   }
 }

package/abstract/UploaderBlock.d.ts

@@ -8,11 +8,11 @@ export class UploaderBlock extends ActivityBlock {
         '*uploadList': never[];
         '*focusedEntry': null;
         '*uploadQueue': import("@uploadcare/upload-client").Queue;
-        '*collectionErrors': import("../types").OutputErrorCollection[];
-        '*collectionState': import("../types").OutputCollectionState | null;
+        '*collectionErrors': any[];
+        '*collectionState': import("../types").OutputCollectionState<import("../types").OutputCollectionStatus, "maybe-has-group"> | null;
         '*groupInfo': import("@uploadcare/upload-client").UploadcareGroup | null;
         '*uploadTrigger': Set<string>;
-        '*secureUploadsManager': import("./SecureUploadsManager.js").SecureUploadsManager | null;
+        '*secureUploadsManager': SecureUploadsManager | null;
         '*currentActivity': null;
         '*currentActivityParams': {};
         '*history': never[];
@@ -68,9 +68,9 @@ export class UploaderBlock extends ActivityBlock {
      * @returns {Promise<import('@uploadcare/upload-client').FileFromOptions>}
      * @protected
      */
-    protected getUploadClientOptions(): Promise<import("@uploadcare/upload-client").FileFromOptions>;
+    protected getUploadClientOptions(): Promise<import('@uploadcare/upload-client').FileFromOptions>;
     /** @returns {import('../types/exported.js').OutputFileEntry[]} */
-    getOutputData(): import("../types/exported.js").OutputFileEntry[];
+    getOutputData(): import('../types/exported.js').OutputFileEntry[];
 }
 export namespace UploaderBlock {
     type extSrcList = string;

package/abstract/UploaderBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UploaderBlock.d.ts","sourceRoot":"","sources":["UploaderBlock.js"],"names":[],"mappings":"AAkBA;IACE,iBAAiB;IACjB,mCAAwB;IAExB,eAAe;IACf,mBAAmB;IAEnB;;;;;oCAbK,UAAS;mCACW,UAAU;6BAEjC,2BAA2B;;wCAGU,2BACxB;;;;;;MAMgB;IAE/B,eAAe;IACf,0BAOC;IA2BD;;;OAGG;IACH,qDAKC;IAED,mCAAmC;IACnC,6BAKC;IAED,4BAEC;IAED,iCAAiC;IACjC,wCAKC;IAYD,eAAe;IACf,qBA0BC;IAvBC,eAAe;IACf,6BAAiG;IAEjG,eAAe;IACf,uCAEC;IAmBH;;;OAGG;IACH,qBAkBC;IAED,eAAe;IACf,0BAYQ;IAER;;;;OAIG;IACH,gCAiCE;IAEF;;;OAGG;IACH,0CAyFE;IAEF,eAAe;IACf,mCAoBE;IAEF,eAAe;IACf,uBAqCC;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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8BAla6B,oBAAoB;qCAWb,2BAA2B;kCAG9B,wBAAwB;kCADxB,wBAAwB;gCAD1B,sBAAsB"}
+{"version":3,"file":"UploaderBlock.d.ts","sourceRoot":"","sources":["UploaderBlock.js"],"names":[],"mappings":"AAkBA;IACE,iBAAiB;IACjB,mCAAwB;IAExB,eAAe;IACf,mBAAmB;IAEnB;;;;;;;;;;;;;;;MAA+B;IAE/B,eAAe;IACf,0BAOC;IA2BD;;;OAGG;IACH,qDAKC;IAED,mCAAmC;IACnC,6BAKC;IAED,4BAEC;IAED,iCAAiC;IACjC,wCAKC;IAYD,eAAe;IACf,qBA0BC;IAvBC,eAAe;IACf,6BAAiG;IAEjG,eAAe;IACf,uCAEC;IAmBH;;;OAGG;IACH,qBAkBC;IAED,eAAe;IACf,0BAYQ;IAER;;;;OAIG;IACH,gCAiCE;IAEF;;;OAGG;IACH,0CAyFE;IAEF,eAAe;IACf,mCAoBE;IAEF,eAAe;IACf,uBAqCC;IAED;;;OAGG;IACH,kCAHW,MAAM,qEAWhB;IAED;;;OAGG;IACH,oCAHa,QAAQ,OAAO,2BAA2B,EAAE,eAAe,CAAC,CA2BxE;IAED,kEAAkE;IAClE,iBADc,OAAO,sBAAsB,EAAE,eAAe,EAAE,CAK7D;CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8BAla6B,oBAAoB;qCAWb,2BAA2B;kCAG9B,wBAAwB;kCADxB,wBAAwB;gCAD1B,sBAAsB"}

package/abstract/UploaderBlock.js

@@ -1,7 +1,7 @@
 // @ts-check
 import { ActivityBlock } from './ActivityBlock.js';
 
-import { PubSub } from '@symbiotejs/symbiote';
+import { Data } from '@symbiotejs/symbiote';
 import { uploadFileGroup } from '@uploadcare/upload-client';
 import { calculateMaxCenteredCropFrame } from '../blocks/CloudImageEditor/src/crop-utils.js';
 import { parseCropPreset } from '../blocks/CloudImageEditor/src/lib/parseCropPreset.js';
@@ -234,7 +234,7 @@ export class UploaderBlock extends ActivityBlock {
 
     if (changeMap.uploadProgress) {
       for (const entryId of changeMap.uploadProgress) {
-        const { isUploading, silent } = PubSub.getCtx(entryId).store;
+        const { isUploading, silent } = Data.getCtx(entryId).store;
         if (isUploading && !silent) {
           this.emit(EventType.FILE_UPLOAD_PROGRESS, this.api.getOutputItem(entryId));
         }
@@ -244,7 +244,7 @@ export class UploaderBlock extends ActivityBlock {
     }
     if (changeMap.isUploading) {
       for (const entryId of changeMap.isUploading) {
-        const { isUploading, silent } = PubSub.getCtx(entryId).store;
+        const { isUploading, silent } = Data.getCtx(entryId).store;
         if (isUploading && !silent) {
           this.emit(EventType.FILE_UPLOAD_START, this.api.getOutputItem(entryId));
         }
@@ -252,7 +252,7 @@ export class UploaderBlock extends ActivityBlock {
     }
     if (changeMap.fileInfo) {
       for (const entryId of changeMap.fileInfo) {
-        const { fileInfo, silent } = PubSub.getCtx(entryId).store;
+        const { fileInfo, silent } = Data.getCtx(entryId).store;
         if (fileInfo && !silent) {
           this.emit(EventType.FILE_UPLOAD_SUCCESS, this.api.getOutputItem(entryId));
         }
@@ -263,7 +263,7 @@ export class UploaderBlock extends ActivityBlock {
     }
     if (changeMap.errors) {
       for (const entryId of changeMap.errors) {
-        const { errors } = PubSub.getCtx(entryId).store;
+        const { errors } = Data.getCtx(entryId).store;
         if (errors.length > 0) {
           this.emit(EventType.FILE_UPLOAD_FAILED, this.api.getOutputItem(entryId));
           this.emit(