@uploadcare/file-uploader 1.15.0-alpha.1 → 1.15.0-alpha.10

package/abstract/ActivityBlock.js

@@ -147,7 +147,7 @@ export class ActivityBlock extends Block {
 
     if (!hasCurrentActivityInCtx) {
       this.$['*currentActivity'] = null;
-      // this.setOrAddState('*modalActive', false);
+      this.modalManager.closeAll();
     }
   }
 

package/abstract/Block.js

@@ -252,7 +252,7 @@ export class Block extends BaseComponent {
 
     this.localeManager?.destroy();
 
-    this.modalManager?.destroy();
+    this.modalManager && this.modalManager?.destroy();
   }
 
   /**

package/abstract/ModalManager.d.ts

@@ -1,5 +1,3 @@
-/** @typedef {string} ModalId */
-/** @typedef {import('../blocks/Modal/Modal.js').Modal} ModalNode */
 export const ModalEvents: Readonly<{
     ADD: "modal:add";
     DELETE: "modal:delete";
@@ -8,6 +6,10 @@ export const ModalEvents: Readonly<{
     CLOSE_ALL: "modal:closeAll";
     DESTROY: "modal:destroy";
 }>;
+/** @typedef {string} 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);
@@ -79,23 +81,23 @@ export class ModalManager {
     /**
      * Subscribe to modal events
      *
-     * @param {string} event
-     * @param {() => void} callback
+     * @param {ModalEventType} event
+     * @param {ModalCb} callback
      * @returns {() => void}
      */
-    subscribe(event: string, callback: () => void): () => void;
+    subscribe(event: ModalEventType, callback: ModalCb): () => void;
     /**
      * Unsubscribe from modal events
      *
-     * @param {string} event
-     * @param {() => void} callback
+     * @param {ModalEventType} event
+     * @param {ModalCb | undefined} callback
      */
-    unsubscribe(event: string, callback: () => void): void;
+    unsubscribe(event: ModalEventType, callback: ModalCb | undefined): void;
     /**
      * Notify all subscribers of a modal event
      *
      * @private
-     * @param {string} event - Event name
+     * @param {ModalEventType} event - Event name
      * @param {{
      *       id?: ModalId | ModalId[];
      *       modal?: ModalNode | ModalNode[];
@@ -110,4 +112,16 @@ export class ModalManager {
 }
 export type ModalId = string;
 export type ModalNode = import('../blocks/Modal/Modal.js').Modal;
+export type ModalCb = (data: {
+    id: ModalId;
+    modal?: ModalNode;
+}) => void;
+export type ModalEventType = (typeof ModalEvents)[keyof {
+    readonly ADD: "modal:add";
+    readonly DELETE: "modal:delete";
+    readonly OPEN: "modal:open";
+    readonly CLOSE: "modal:close";
+    readonly CLOSE_ALL: "modal:closeAll";
+    readonly DESTROY: "modal:destroy";
+}];
 //# sourceMappingURL=ModalManager.d.ts.map

package/abstract/ModalManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalManager.d.ts","sourceRoot":"","sources":["ModalManager.js"],"names":[],"mappings":"AAEA,gCAAgC;AAEhC,oEAAoE;AAEpE;;;;;;;GAOG;AAEH;IAeE,gDAAgD;IAChD,mBADY,OAAO,YAAY,EAAE,KAAK,EAGrC;IAjBD;;;OAGG;IACH,gBAAoB;IAEpB;;;OAGG;IACH,sBAA0B;IAE1B,4BAAyB;IAIvB,mCAAmB;IAGrB;;;OAGG;IACH,oBAEC;IAED;;;;;OAKG;IACH,kBAHW,OAAO,SACP,SAAS,QAInB;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,+BAEC;IAED;;;;OAIG;IACH,QAFa,OAAO,CAWnB;IAED;;;;OAIG;IACH,YAFa,MAAM,CAQlB;IAED;;;;;;OAMG;IACH,iBAJW,MAAM,YACN,MAAM,IAAI,GACR,MAAM,IAAI,CAStB;IAED;;;;;OAKG;IACH,mBAHW,MAAM,YACN,MAAM,IAAI,QAMpB;IAED;;;;;;;;;;;;OAYG;IACH,gBAUC;IAED,oDAAoD;IACpD,gBAKC;CACF;sBAzNa,MAAM;wBAEN,OAAO,0BAA0B,EAAE,KAAK"}
+{"version":3,"file":"ModalManager.d.ts","sourceRoot":"","sources":["ModalManager.js"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,gCAAgC;AAEhC,oEAAoE;AAEpE,4EAA4E;AAE5E,wEAAwE;AAExE;IAeE,gDAAgD;IAChD,mBADY,OAAO,YAAY,EAAE,KAAK,EAGrC;IAjBD;;;OAGG;IACH,gBAAoB;IAEpB;;;OAGG;IACH,sBAA0B;IAE1B,4BAAyB;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,+BAEC;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;;;;;;;;;;;;OAYG;IACH,gBAUC;IAED,oDAAoD;IACpD,gBAKC;CACF;sBArNa,MAAM;wBAEN,OAAO,0BAA0B,EAAE,KAAK;6BAEjC;IAAE,EAAE,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,SAAS,CAAA;CAAE,KAAK,IAAI;6BAElD,CAAC,kBAAkB,CAAC,CAAC;;;;;;;CAAiB,CAAC"}

package/abstract/ModalManager.js

@@ -1,9 +1,5 @@
 //@ts-check
 
-/** @typedef {string} ModalId */
-
-/** @typedef {import('../blocks/Modal/Modal.js').Modal} ModalNode */
-
 export const ModalEvents = Object.freeze({
   ADD: 'modal:add',
   DELETE: 'modal:delete',
@@ -13,6 +9,14 @@ export const ModalEvents = Object.freeze({
   DESTROY: 'modal:destroy',
 });
 
+/** @typedef {string} 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 {
   /**
    * @private
@@ -49,6 +53,7 @@ export class ModalManager {
    */
   registerModal(id, modal) {
     this._modals.set(id, modal);
+    this._notify(ModalEvents.ADD, { id, modal });
   }
 
   /** @param {ModalId} id - Unique identifier for the modal */
@@ -160,8 +165,8 @@ export class ModalManager {
   /**
    * Subscribe to modal events
    *
-   * @param {string} event
-   * @param {() => void} callback
+   * @param {ModalEventType} event
+   * @param {ModalCb} callback
    * @returns {() => void}
    */
   subscribe(event, callback) {
@@ -176,8 +181,8 @@ export class ModalManager {
   /**
    * Unsubscribe from modal events
    *
-   * @param {string} event
-   * @param {() => void} callback
+   * @param {ModalEventType} event
+   * @param {ModalCb | undefined} callback
    */
   unsubscribe(event, callback) {
     if (this._subscribers.has(event)) {
@@ -189,7 +194,7 @@ export class ModalManager {
    * Notify all subscribers of a modal event
    *
    * @private
-   * @param {string} event - Event name
+   * @param {ModalEventType} event - Event name
    * @param {{
    *       id?: ModalId | ModalId[];
    *       modal?: ModalNode | ModalNode[];

package/abstract/UploaderBlock.js

@@ -254,7 +254,7 @@ export class UploaderBlock extends ActivityBlock {
         this.setInitialCrop();
       }
 
-      if (this.cfg.usePreviewImage) {
+      if (this.cfg.cloudImageEditorAutoOpen) {
         this.openCloudImageEditor();
       }
     }

package/abstract/UploaderPublicApi.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UploaderPublicApi.d.ts","sourceRoot":"","sources":["UploaderPublicApi.js"],"names":[],"mappings":"AAeA;IAOE,8DAA8D;IAC9D,iBADY,OAAO,oBAAoB,EAAE,aAAa,EAGrD;IATD;;;OAGG;IACH,aAAK;IAOL,eAAe;IACf,gCAEC;IAED,yCAEC;IAED;;iBAEC;IAED;;;;;;OAMG;IACH,sBAJW,MAAM;;;;sBAEJ,OAAO,UAAU,EAAE,eAAe,CAAC,MAAM,CAAC,CAUrD;IAEF;;;;OAIG;IACH,wBAJW,MAAM;;;;sBAEJ,OAAO,UAAU,EAAE,eAAe,CAAC,MAAM,CAAC,CAUrD;IAEF;;;;OAIG;IACH,4BAJW,MAAM;;;;sBAEJ,OAAO,UAAU,EAAE,eAAe,CAAC,MAAM,CAAC,CAgBrD;IAEF;;;;OAIG;IACH,0BAJW,IAAI;;;;;sBAEF,OAAO,UAAU,EAAE,eAAe,CAAC,MAAM,CAAC,CAcrD;IAEF,iCAAiC;IACjC,qCADY,MAAM,UAMhB;IAEF,uBAEC;IAED,sBAeE;IAEF,8HAA8H;IAC9H,6BADY;QAAE,aAAa,CAAC,EAAE,OAAO,CAAC;QAAC,UAAU,CAAC,EAAE,OAAO,qCAAqC,EAAE,cAAc,CAAA;KAAE,UAyDhH;IAEF;;;;OAIG;IACH,8EAHW,MAAM,iDA8Cf;IAEF,oEAAoE;IACpE,oKAIE;IAEF,+BAA+B;IAC/B,gDA6DE;IAEF,qBAQE;IAEF;;;;;;;;;OASG;IACH,uTAFQ,IAAI,CAWV;IAEF,2DAA2D;IAC3D,0BADc,OAAO,oBAAoB,EAAE,YAAY,CAGrD;IAEF,8BAA8B;IAC9B,wBADY,OAAO,UAYjB;IAEF;;;OAGG;IACH,0BAOC;CACF"}
+{"version":3,"file":"UploaderPublicApi.d.ts","sourceRoot":"","sources":["UploaderPublicApi.js"],"names":[],"mappings":"AAeA;IAOE,8DAA8D;IAC9D,iBADY,OAAO,oBAAoB,EAAE,aAAa,EAGrD;IATD;;;OAGG;IACH,aAAK;IAOL,eAAe;IACf,gCAEC;IAED,yCAEC;IAED;;iBAEC;IAED;;;;;;OAMG;IACH,sBAJW,MAAM;;;;sBAEJ,OAAO,UAAU,EAAE,eAAe,CAAC,MAAM,CAAC,CAUrD;IAEF;;;;OAIG;IACH,wBAJW,MAAM;;;;sBAEJ,OAAO,UAAU,EAAE,eAAe,CAAC,MAAM,CAAC,CAUrD;IAEF;;;;OAIG;IACH,4BAJW,MAAM;;;;sBAEJ,OAAO,UAAU,EAAE,eAAe,CAAC,MAAM,CAAC,CAgBrD;IAEF;;;;OAIG;IACH,0BAJW,IAAI;;;;;sBAEF,OAAO,UAAU,EAAE,eAAe,CAAC,MAAM,CAAC,CAcrD;IAEF,iCAAiC;IACjC,qCADY,MAAM,UAMhB;IAEF,uBAEC;IAED,sBAeE;IAEF,8HAA8H;IAC9H,6BADY;QAAE,aAAa,CAAC,EAAE,OAAO,CAAC;QAAC,UAAU,CAAC,EAAE,OAAO,qCAAqC,EAAE,cAAc,CAAA;KAAE,UAyDhH;IAEF;;;;OAIG;IACH,8EAHW,MAAM,iDA8Cf;IAEF,oEAAoE;IACpE,oKAIE;IAEF,+BAA+B;IAC/B,gDA6DE;IAEF,qBAQE;IAEF;;;;;;;;;OASG;IACH,uTAFQ,IAAI,CAWV;IAEF,2DAA2D;IAC3D,0BADc,OAAO,oBAAoB,EAAE,YAAY,CAGrD;IAEF,8BAA8B;IAC9B,wBADY,OAAO,UAajB;IAEF;;;OAGG;IACH,0BAOC;CACF"}

package/abstract/UploaderPublicApi.js

@@ -366,6 +366,7 @@ export class UploaderPublicApi {
       this._ctx.modalManager?.open(this._ctx.$['*currentActivity']);
     } else {
       this._ctx.modalManager?.close(this._ctx.$['*currentActivity']);
+      this._ctx.$['*currentActivity'] = null;
     }
   };
 

package/blocks/Config/Config.d.ts

@@ -64,6 +64,6 @@ declare class ConfigClass extends Block {
 }
 import { Block } from '../../abstract/Block.js';
 /** Mapping of attribute names to state */
-declare const attrStateMapping: Record<"accept" | "pubkey" | "multiple" | "store" | "debug" | "crop-preset" | "secure-expire" | "max-local-file-size-bytes" | "multiple-min" | "multiple-max" | "confirm-upload" | "img-only" | "external-sources-preferred-types" | "external-sources-embed-css" | "camera-mirror" | "camera-capture" | "source-list" | "thumb-size" | "show-empty-list" | "use-local-image-editor" | "use-cloud-image-editor" | "cloud-image-editor-tabs" | "remove-copyright" | "image-shrink" | "modal-scroll-lock" | "modal-backdrop-strokes" | "source-list-wrap" | "remote-tab-session-key" | "cdn-cname" | "base-url" | "social-base-url" | "secure-signature" | "secure-delivery-proxy" | "retry-throttled-request-max-times" | "multipart-min-file-size" | "multipart-chunk-size" | "max-concurrent-requests" | "multipart-max-concurrent-requests" | "multipart-max-attempts" | "check-for-url-duplicates" | "save-url-for-recurrent-uploads" | "group-output" | "user-agent-integration" | "locale-name" | "secure-uploads-expire-threshold" | "camera-modes" | "default-camera-mode" | "enable-audio-recording" | "enable-video-recording" | "max-video-recording-duration" | "display-upload-list" | "enable-file-name" | "use-preview-image" | "secureexpire" | "croppreset" | "maxlocalfilesizebytes" | "multiplemin" | "multiplemax" | "confirmupload" | "imgonly" | "externalsourcespreferredtypes" | "externalsourcesembedcss" | "cameramirror" | "cameracapture" | "sourcelist" | "thumbsize" | "showemptylist" | "uselocalimageeditor" | "usecloudimageeditor" | "cloudimageeditortabs" | "removecopyright" | "imageshrink" | "modalscrolllock" | "modalbackdropstrokes" | "sourcelistwrap" | "remotetabsessionkey" | "cdncname" | "baseurl" | "socialbaseurl" | "securesignature" | "securedeliveryproxy" | "retrythrottledrequestmaxtimes" | "multipartminfilesize" | "multipartchunksize" | "maxconcurrentrequests" | "multipartmaxconcurrentrequests" | "multipartmaxattempts" | "checkforurlduplicates" | "saveurlforrecurrentuploads" | "groupoutput" | "useragentintegration" | "localename" | "secureuploadsexpirethreshold" | "cameramodes" | "defaultcameramode" | "enableaudiorecording" | "enablevideorecording" | "maxvideorecordingduration" | "displayuploadlist" | "enablefilename" | "usepreviewimage", string>;
+declare const attrStateMapping: Record<"accept" | "pubkey" | "multiple" | "store" | "debug" | "crop-preset" | "secure-expire" | "max-local-file-size-bytes" | "multiple-min" | "multiple-max" | "confirm-upload" | "img-only" | "external-sources-preferred-types" | "external-sources-embed-css" | "camera-mirror" | "camera-capture" | "source-list" | "thumb-size" | "show-empty-list" | "use-local-image-editor" | "use-cloud-image-editor" | "cloud-image-editor-tabs" | "remove-copyright" | "image-shrink" | "modal-scroll-lock" | "modal-backdrop-strokes" | "source-list-wrap" | "remote-tab-session-key" | "cdn-cname" | "base-url" | "social-base-url" | "secure-signature" | "secure-delivery-proxy" | "retry-throttled-request-max-times" | "multipart-min-file-size" | "multipart-chunk-size" | "max-concurrent-requests" | "multipart-max-concurrent-requests" | "multipart-max-attempts" | "check-for-url-duplicates" | "save-url-for-recurrent-uploads" | "group-output" | "user-agent-integration" | "locale-name" | "secure-uploads-expire-threshold" | "camera-modes" | "default-camera-mode" | "enable-audio-recording" | "enable-video-recording" | "max-video-recording-duration" | "files-view-mode" | "grid-show-file-names" | "cloud-image-editor-auto-open" | "secureexpire" | "croppreset" | "maxlocalfilesizebytes" | "multiplemin" | "multiplemax" | "confirmupload" | "imgonly" | "externalsourcespreferredtypes" | "externalsourcesembedcss" | "cameramirror" | "cameracapture" | "sourcelist" | "thumbsize" | "showemptylist" | "uselocalimageeditor" | "usecloudimageeditor" | "cloudimageeditortabs" | "removecopyright" | "imageshrink" | "modalscrolllock" | "modalbackdropstrokes" | "sourcelistwrap" | "remotetabsessionkey" | "cdncname" | "baseurl" | "socialbaseurl" | "securesignature" | "securedeliveryproxy" | "retrythrottledrequestmaxtimes" | "multipartminfilesize" | "multipartchunksize" | "maxconcurrentrequests" | "multipartmaxconcurrentrequests" | "multipartmaxattempts" | "checkforurlduplicates" | "saveurlforrecurrentuploads" | "groupoutput" | "useragentintegration" | "localename" | "secureuploadsexpirethreshold" | "cameramodes" | "defaultcameramode" | "enableaudiorecording" | "enablevideorecording" | "maxvideorecordingduration" | "filesviewmode" | "gridshowfilenames" | "cloudimageeditorautoopen", string>;
 export {};
 //# sourceMappingURL=Config.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Config.d.ts","sourceRoot":"","sources":["Config.js"],"names":[],"mappings":"AAcA;;;;;;;;;;;;;GAaG;AACH,gCAXU;IACT,UAAc;IACd,0BAA8B;IAC9B,gCAAoC;IACpC,gCAAoC;IACpC,kBAAsB;IACtB,gBAAoB;IACpB,sBAA0B;IAC1B,sBAA0B;CACvB,CAWF;qBAyNY,OAAO,2BAA2B,EAAE,UAAU,CAAC,kBAAkB,EAAE,OAAO,aAAa,EAAE,UAAU,CAAC;AAAlH,6HAA6H;AAG7H,4BAAmF;AA/LnF;IAkBE;;;;OAIG;IACH,+BAYC;IAED;;;;OAIG;IACH,2BAQC;IAED;;;;OAIG;IACH,kBAyBC;IAED;;;OAGG;IACH,kBAIC;IAED;;;;OAIG;IACH,wCAJW,MAAM,iBACN,OAAO,aACP,OAAO,QAoBjB;IA0CD;;;;OAIG;IACH,+BAJW,MAAM,uBAAuB,UAC7B,MAAM,UACN,MAAM,QAahB;CACF;sBAjPqB,yBAAyB;AAwD/C,0CAA0C;AAC1C,suEAGG"}
+{"version":3,"file":"Config.d.ts","sourceRoot":"","sources":["Config.js"],"names":[],"mappings":"AAcA;;;;;;;;;;;;;GAaG;AACH,gCAXU;IACT,UAAc;IACd,0BAA8B;IAC9B,gCAAoC;IACpC,gCAAoC;IACpC,kBAAsB;IACtB,gBAAoB;IACpB,sBAA0B;IAC1B,sBAA0B;CACvB,CAWF;qBAyNY,OAAO,2BAA2B,EAAE,UAAU,CAAC,kBAAkB,EAAE,OAAO,aAAa,EAAE,UAAU,CAAC;AAAlH,6HAA6H;AAG7H,4BAAmF;AA/LnF;IAkBE;;;;OAIG;IACH,+BAYC;IAED;;;;OAIG;IACH,2BAQC;IAED;;;;OAIG;IACH,kBAyBC;IAED;;;OAGG;IACH,kBAIC;IAED;;;;OAIG;IACH,wCAJW,MAAM,iBACN,OAAO,aACP,OAAO,QAoBjB;IA0CD;;;;OAIG;IACH,+BAJW,MAAM,uBAAuB,UAC7B,MAAM,UACN,MAAM,QAahB;CACF;sBAjPqB,yBAAyB;AAwD/C,0CAA0C;AAC1C,yvEAGG"}

package/blocks/Config/initialConfig.js

@@ -75,7 +75,7 @@ export const initialConfig = {
   maxVideoRecordingDuration: null,
   mediaRecorderOptions: null,
 
-  displayUploadList: 'grid',
-  enableFileName: false,
-  usePreviewImage: false,
+  filesViewMode: 'list',
+  gridShowFileNames: false,
+  cloudImageEditorAutoOpen: false,
 };

package/blocks/Config/normalizeConfigValue.d.ts

@@ -1,3 +1,4 @@
-export function asBoolean(value: unknown): boolean;
 export function normalizeConfigValue<T extends keyof import("../../types").ConfigType>(key: T, value: unknown): import("../../types").ConfigType[T] | undefined;
+export { asBoolean };
+import { asBoolean } from './validatorsType.js';
 //# sourceMappingURL=normalizeConfigValue.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"normalizeConfigValue.d.ts","sourceRoot":"","sources":["normalizeConfigValue.js"],"names":[],"mappings":"AAiBO,iCADK,OAAO,WAWlB;AA4KM,sGAHI,OAAO,mDAcjB"}
+{"version":3,"file":"normalizeConfigValue.d.ts","sourceRoot":"","sources":["normalizeConfigValue.js"],"names":[],"mappings":"AA2GO,sGAHI,OAAO,mDAcjB;;0BAtGM,qBAAqB"}

package/blocks/Config/normalizeConfigValue.js

@@ -1,112 +1,20 @@
 // @ts-check
 
-import { CameraSourceTypes } from '../CameraSource/constants.js';
-import { deserializeCsv } from '../utils/comma-separated.js';
 import { initialConfig } from './initialConfig.js';
-
-/** @param {unknown} value */
-const asString = (value) => String(value);
-/** @param {unknown} value */
-const asNumber = (value) => {
-  const number = Number(value);
-  if (Number.isNaN(number)) {
-    throw new Error(`Invalid number: "${value}"`);
-  }
-  return number;
-};
-/** @param {unknown} value */
-export const asBoolean = (value) => {
-  if (typeof value === 'undefined' || value === null) return false;
-  if (typeof value === 'boolean') return value;
-  // for attr like multiple="true" (react will pass it as string)
-  if (value === 'true') return true;
-  // for attr flags like multiple="" (some other libs will pass it as empty string)
-  if (value === '') return true;
-  // for attr like multiple="false" (react will pass it as string)
-  if (value === 'false') return false;
-  throw new Error(`Invalid boolean: "${value}"`);
-};
-/** @param {unknown} value */
-const asStore = (value) => (value === 'auto' ? value : asBoolean(value));
-
-/** @param {unknown} value */
-const asCameraCapture = (value) => {
-  const strValue = asString(value);
-  if (strValue !== 'user' && strValue !== 'environment' && strValue !== '') {
-    throw new Error(`Invalid value: "${strValue}"`);
-  }
-  return strValue;
-};
-
-/** @param {unknown} value */
-const asCameraMode = (value) => {
-  const strValue = asString(value);
-  if (!Object.values(CameraSourceTypes).includes(strValue)) {
-    throw new Error(`Invalid value: "${strValue}"`);
-  }
-  return /** @type {import('../CameraSource/CameraSource.js').CameraMode} */ (strValue);
-};
-
-/** @param {unknown} value */
-const asCameraModes = (value) => {
-  const str = asString(value);
-  const array = deserializeCsv(str);
-  if (array.some((item) => !Object.values(CameraSourceTypes).includes(item))) {
-    throw new Error(`Invalid value: "${JSON.stringify(array)}"`);
-  }
-  return str;
-};
-
-/** @param {unknown} value */
-const asMetadata = (value) => {
-  if (typeof value === 'object' && !Array.isArray(value)) {
-    return /** @type {import('../../types').Metadata} */ (value);
-  }
-  if (typeof value === 'function') {
-    return /** @type {import('../../types').MetadataCallback} */ (value);
-  }
-
-  throw new Error('Invalid metadata value. Must be an object or function.');
-};
-
-/**
- * @template {{}} T
- * @param {unknown} value
- * @returns {T}
- */
-const asObject = (value) => {
-  if (typeof value === 'object') {
-    return /** @type {T} */ (value);
-  }
-
-  throw new Error('Invalid value. Must be an object.');
-};
-
-/**
- * @template {Function} T
- * @param {unknown} value
- * @returns {T}
- */
-const asFunction = (value) => {
-  if (typeof value === 'function') {
-    return /** @type {T} */ (value);
-  }
-
-  throw new Error('Invalid value. Must be a function.');
-};
-
-/**
- * @template {Function[] | string | {}} T
- * @param {unknown} value
- * @returns {T}
- */
-const asArray = (value) => {
-  if (Array.isArray(value)) {
-    return /** @type {T} */ (value);
-  }
-
-  throw new Error('Must be an array.');
-};
+import {
+  asString,
+  asNumber,
+  asFunction,
+  asBoolean,
+  asObject,
+  asArray,
+  asMetadata,
+  asCameraCapture,
+  asCameraMode,
+  asCameraModes,
+  asStore,
+  asFilesViewMode,
+} from './validatorsType.js';
 
 /**
  * @type {{
@@ -186,9 +94,9 @@ const mapping = {
 
   maxVideoRecordingDuration: asNumber,
 
-  displayUploadList: asString,
-  enableFileName: asBoolean,
-  usePreviewImage: asBoolean,
+  filesViewMode: asFilesViewMode,
+  gridShowFileNames: asBoolean,
+  cloudImageEditorAutoOpen: asBoolean,
 };
 
 /**
@@ -209,3 +117,4 @@ export const normalizeConfigValue = (key, value) => {
     return initialConfig[key];
   }
 };
+export { asBoolean };

package/blocks/Config/validatorsType.d.ts

@@ -0,0 +1,37 @@
+/** @param {unknown} value */
+export function asString(value: unknown): string;
+/** @param {unknown} value */
+export function asNumber(value: unknown): number;
+/** @param {unknown} value */
+export function asBoolean(value: unknown): boolean;
+/** @param {unknown} value */
+export function asStore(value: unknown): boolean | "auto";
+/** @param {unknown} value */
+export function asCameraCapture(value: unknown): "" | "user" | "environment";
+/** @param {unknown} value */
+export function asCameraMode(value: unknown): import("../CameraSource/CameraSource.js").CameraMode;
+/** @param {unknown} value */
+export function asCameraModes(value: unknown): string;
+/** @param {unknown} value */
+export function asMetadata(value: unknown): import("@uploadcare/upload-client").Metadata | import("../../types").MetadataCallback;
+/**
+ * @template {{}} T
+ * @param {unknown} value
+ * @returns {T}
+ */
+export function asObject<T extends {}>(value: unknown): T;
+/**
+ * @template {Function} T
+ * @param {unknown} value
+ * @returns {T}
+ */
+export function asFunction<T extends Function>(value: unknown): T;
+/**
+ * @template {Function[] | string | {}} T
+ * @param {unknown} value
+ * @returns {T}
+ */
+export function asArray<T extends string | {} | Function[]>(value: unknown): T;
+/** @param {unknown} value */
+export function asFilesViewMode(value: unknown): import("../UploadList/UploadList.js").FilesViewMode;
+//# sourceMappingURL=validatorsType.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"validatorsType.d.ts","sourceRoot":"","sources":["validatorsType.js"],"names":[],"mappings":"AAIA,6BAA6B;AAC7B,gCADY,OAAO,UACsB;AAEzC,6BAA6B;AAC7B,gCADY,OAAO,UAOlB;AACD,6BAA6B;AAC7B,iCADY,OAAO,WAWlB;AACD,6BAA6B;AAC7B,+BADY,OAAO,oBACqD;AAExE,6BAA6B;AAC7B,uCADY,OAAO,+BAOlB;AAED,6BAA6B;AAC7B,oCADY,OAAO,wDAOlB;AAED,6BAA6B;AAC7B,qCADY,OAAO,UAQlB;AAED,6BAA6B;AAC7B,kCADY,OAAO,yFAUlB;AAED;;;;GAIG;AACH,8CAHW,OAAO,KASjB;AAED;;;;GAIG;AACH,sDAHW,OAAO,KASjB;AAED;;;;GAIG;AACH,mEAHW,OAAO,KASjB;AAED,6BAA6B;AAC7B,uCADY,OAAO,uDASlB"}

package/blocks/Config/validatorsType.js

@@ -0,0 +1,134 @@
+// @ts-check
+import { CameraSourceTypes } from '../CameraSource/constants.js';
+import { deserializeCsv } from '../utils/comma-separated.js';
+
+/** @param {unknown} value */
+const asString = (value) => String(value);
+
+/** @param {unknown} value */
+const asNumber = (value) => {
+  const number = Number(value);
+  if (Number.isNaN(number)) {
+    throw new Error(`Invalid number: "${value}"`);
+  }
+  return number;
+};
+/** @param {unknown} value */
+const asBoolean = (value) => {
+  if (typeof value === 'undefined' || value === null) return false;
+  if (typeof value === 'boolean') return value;
+  // for attr like multiple="true" (react will pass it as string)
+  if (value === 'true') return true;
+  // for attr flags like multiple="" (some other libs will pass it as empty string)
+  if (value === '') return true;
+  // for attr like multiple="false" (react will pass it as string)
+  if (value === 'false') return false;
+  throw new Error(`Invalid boolean: "${value}"`);
+};
+/** @param {unknown} value */
+const asStore = (value) => (value === 'auto' ? value : asBoolean(value));
+
+/** @param {unknown} value */
+const asCameraCapture = (value) => {
+  const strValue = asString(value);
+  if (strValue !== 'user' && strValue !== 'environment' && strValue !== '') {
+    throw new Error(`Invalid value: "${strValue}"`);
+  }
+  return strValue;
+};
+
+/** @param {unknown} value */
+const asCameraMode = (value) => {
+  const strValue = asString(value);
+  if (!Object.values(CameraSourceTypes).includes(strValue)) {
+    throw new Error(`Invalid value: "${strValue}"`);
+  }
+  return /** @type {import('../CameraSource/CameraSource.js').CameraMode} */ (strValue);
+};
+
+/** @param {unknown} value */
+const asCameraModes = (value) => {
+  const str = asString(value);
+  const array = deserializeCsv(str);
+  if (array.some((item) => !Object.values(CameraSourceTypes).includes(item))) {
+    throw new Error(`Invalid value: "${JSON.stringify(array)}"`);
+  }
+  return str;
+};
+
+/** @param {unknown} value */
+const asMetadata = (value) => {
+  if (typeof value === 'object' && !Array.isArray(value)) {
+    return /** @type {import('../../types').Metadata} */ (value);
+  }
+  if (typeof value === 'function') {
+    return /** @type {import('../../types').MetadataCallback} */ (value);
+  }
+
+  throw new Error('Invalid metadata value. Must be an object or function.');
+};
+
+/**
+ * @template {{}} T
+ * @param {unknown} value
+ * @returns {T}
+ */
+const asObject = (value) => {
+  if (typeof value === 'object') {
+    return /** @type {T} */ (value);
+  }
+
+  throw new Error('Invalid value. Must be an object.');
+};
+
+/**
+ * @template {Function} T
+ * @param {unknown} value
+ * @returns {T}
+ */
+const asFunction = (value) => {
+  if (typeof value === 'function') {
+    return /** @type {T} */ (value);
+  }
+
+  throw new Error('Invalid value. Must be a function.');
+};
+
+/**
+ * @template {Function[] | string | {}} T
+ * @param {unknown} value
+ * @returns {T}
+ */
+const asArray = (value) => {
+  if (Array.isArray(value)) {
+    return /** @type {T} */ (value);
+  }
+
+  throw new Error('Must be an array.');
+};
+
+/** @param {unknown} value */
+const asFilesViewMode = (value) => {
+  const strValue = asString(value);
+
+  if (['grid', 'list'].includes(strValue)) {
+    return /** @type {import('../UploadList/UploadList.js').FilesViewMode} */ (strValue);
+  }
+
+  throw new Error(`Invalid value: "${strValue}"`);
+};
+
+export {
+  asString,
+  asNumber,
+  asBoolean,
+  asStore,
+  asCameraCapture,
+  asCameraMode,
+  asCameraModes,
+  asMetadata,
+  asObject,
+  asFunction,
+  asArray,
+  asFilesViewMode,
+};

package/blocks/DropArea/DropArea.d.ts

@@ -6,6 +6,7 @@ export class DropArea extends UploaderBlock {
         isFullscreen: boolean;
         isEnabled: boolean;
         isVisible: boolean;
+        isInitFlow: boolean;
         text: string;
         "uc-drop-area/registry": null;
         '*commonProgress': number;

package/blocks/DropArea/DropArea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropArea.d.ts","sourceRoot":"","sources":["DropArea.js"],"names":[],"mappings":"AAaA;IAKI;;;;;;;;;;;;;;;;;;;;;;MAUC;IAGH,oBAgBC;IAgDC,eAAe;IACf,yBA4BE;IAIA,yDAWE;IA6BF;;;OAGG;IACH,uBASC;IAOL;;;;;OAKG;IACH,sBAeC;IAED,eAAe;IACf,0BAcC;CAqBF;;;;8BAnP6B,iCAAiC"}
+{"version":3,"file":"DropArea.d.ts","sourceRoot":"","sources":["DropArea.js"],"names":[],"mappings":"AAaA;IAKI;;;;;;;;;;;;;;;;;;;;;;;MAWC;IAGH,oBAgBC;IAsDC,eAAe;IACf,yBA2BE;IAIA,yDAWE;IA6BF;;;OAGG;IACH,uBAmBC;IAOL;;;;;OAKG;IACH,sBAeC;IAED,eAAe;IACf,0BAcC;CAqBF;;;;8BAnQ6B,iCAAiC"}

package/blocks/DropArea/DropArea.js

@@ -4,7 +4,7 @@ import { Data } from '@symbiotejs/symbiote';
 import { ActivityBlock } from '../../abstract/ActivityBlock.js';
 import { UploaderBlock } from '../../abstract/UploaderBlock.js';
 import { stringToArray } from '../../utils/stringToArray.js';
-import { asBoolean } from '../Config/normalizeConfigValue.js';
+import { asBoolean } from '../Config/validatorsType.js';
 import { UploadSource } from '../utils/UploadSource.js';
 import { DropzoneState, addDropzone } from './addDropzone.js';
 
@@ -24,6 +24,7 @@ export class DropArea extends UploaderBlock {
       isFullscreen: false,
       isEnabled: true,
       isVisible: true,
+      isInitFlow: false,
       text: '',
       [REGISTRY_KEY]: null,
     };
@@ -69,6 +70,12 @@ export class DropArea extends UploaderBlock {
         this.set$({ isClickable: asBoolean(value) });
       },
     );
+    this.defineAccessor(
+      'initflow',
+      /** @param {unknown} value */ (value) => {
+        this.set$({ isInitFlow: asBoolean(value) });
+      },
+    );
     this.defineAccessor(
       'with-icon',
       /** @param {unknown} value */ (value) => {
@@ -119,7 +126,6 @@ export class DropArea extends UploaderBlock {
           this.set$({
             '*currentActivity': ActivityBlock.activities.UPLOAD_LIST,
           });
-          // this.setOrAddState('*modalActive', true);
         }
       },
     });
@@ -174,9 +180,19 @@ export class DropArea extends UploaderBlock {
         if (event.type === 'keydown') {
           // @ts-ignore
           if (event.code === 'Space' || event.code === 'Enter') {
+            if (this.$.isInitFlow) {
+              this.api.initFlow();
+              return;
+            }
+
             this.api.openSystemDialog();
           }
         } else if (event.type === 'click') {
+          if (this.$.isInitFlow) {
+            this.api.initFlow();
+            return;
+          }
+
           this.api.openSystemDialog();
         }
       };
@@ -271,4 +287,6 @@ DropArea.bindAttributes({
   fullscreen: null,
   // @ts-expect-error TODO: fix types inside symbiote
   disabled: null,
+  // @ts-expect-error TODO: fix types inside symbiote
+  initflow: null,
 });

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

@@ -1 +1 @@
-{"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,qCAMC;IAiDD;;;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;;;;6BAnQa;IAAE,kBAAkB,EAAE,MAAM,CAAA;CAAE;8BAPd,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,qCAMC;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

@@ -78,7 +78,6 @@ export class ExternalSource extends UploaderBlock {
         if (!externalSourceType) {
           this.modalManager.close(this.$['*currentActivity']);
           this.$['*currentActivity'] = null;
-          // this.setOrAddState('*modalActive', false);
           console.error(`Param "externalSourceType" is required for activity "${this.activityType}"`);
           return;
         }

package/blocks/FileItem/FileItem.d.ts

@@ -28,7 +28,7 @@ export class FileItem extends UploaderBlock {
         isUploading: boolean;
         isFocused: boolean;
         isEditable: boolean;
-        isFileName: boolean;
+        showFileNames: boolean;
         state: symbol;
         ariaLabelStatusFile: string;
         onEdit: () => void;