@uploadcare/file-uploader 1.15.0-alpha.3 → 1.15.0-alpha.5

package/abstract/ActivityBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActivityBlock.d.ts","sourceRoot":"","sources":["ActivityBlock.js"],"names":[],"mappings":"AASA;;;;;GAKG;AAEH;IA+EE;;;;;;OAMG;IACH,kCAAsC;IArFtC,iBAAiB;IACjB,kCAAuB;IAEvB;;;;;;MAA+B;IAE/B;;MAAqE;IAErE,eAAe;IACf,oBAKC;IAED,eAAe;IACf,kBAaC;IA8BD,eAAe;IACf,sBAWC;IAED,eAAe;IACf,8BAEC;IAWD,4CAEC;IAED,iCAEC;IAED;;;;;;;OAOG;IACH;4BAHiB,IAAI;8BACJ,IAAI;yBAQpB;IAED,2BAKC;IAoBD,0BAEC;IAED,yDAAyD;IACzD,oLAEC;IAED,qBAAqB;IACrB,2BAEC;IAED,qBAAqB;IACrB,2BAEC;IAED,oBA4BC;IA7KC,8CAAyB;CA8K5B;;;;;;;;;;;;gCA/LY;IACZ,kBAAsB,EAAE,OAAO,gEAAgE,EAAE,cAAc,CAAC;IAChH,UAAc,OAAO,4CAA4C,EAAE,cAAc,CAAC;CAC/E;qCAwMU,CAAC,oBAAoB,CAAC,CAAC,YAAY,CAAC,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC,YAAY,CAAC,CAAC;2BAChF,sBAAsB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,GAAG,IAAI;sBAnNrC,YAAY"}
+{"version":3,"file":"ActivityBlock.d.ts","sourceRoot":"","sources":["ActivityBlock.js"],"names":[],"mappings":"AASA;;;;;GAKG;AAEH;IA+EE;;;;;;OAMG;IACH,kCAAsC;IArFtC,iBAAiB;IACjB,kCAAuB;IAEvB;;;;;;MAA+B;IAE/B;;MAAqE;IAErE,eAAe;IACf,oBAKC;IAED,eAAe;IACf,kBAaC;IA8BD,eAAe;IACf,sBAWC;IAED,eAAe;IACf,8BAEC;IAWD,4CAEC;IAED,iCAEC;IAED;;;;;;;OAOG;IACH;4BAHiB,IAAI;8BACJ,IAAI;yBAQpB;IAED,2BAKC;IAoBD,0BAEC;IAED,yDAAyD;IACzD,oLAEC;IAED,qBAAqB;IACrB,2BAEC;IAED,qBAAqB;IACrB,2BAEC;IAED,oBA+BC;IAhLC,8CAAyB;CAiL5B;;;;;;;;;;;;gCAlMY;IACZ,kBAAsB,EAAE,OAAO,gEAAgE,EAAE,cAAc,CAAC;IAChH,UAAc,OAAO,4CAA4C,EAAE,cAAc,CAAC;CAC/E;qCA2MU,CAAC,oBAAoB,CAAC,CAAC,YAAY,CAAC,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC,YAAY,CAAC,CAAC;2BAChF,sBAAsB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,GAAG,IAAI;sBAtNrC,YAAY"}

package/abstract/ActivityBlock.js

@@ -187,6 +187,9 @@ export class ActivityBlock extends Block {
         couldOpenActivity = /** @type {ActivityBlock} */ (nextActivityBlock)?.couldOpenActivity ?? false;
       }
 
+      // TODO: Возможно стоит обработать поведение activity start-from для minimal mode
+      console.log({ nextActivity });
+
       nextActivity = couldOpenActivity ? nextActivity : undefined;
 
       if (nextActivity) this.modalManager.open(nextActivity);

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/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.map

@@ -1 +1 @@
-{"version":3,"file":"FileItem.d.ts","sourceRoot":"","sources":["FileItem.js"],"names":[],"mappings":"AAoBA;IAIE,eAAe;IACf,mBAAuB;IACvB;;;OAGG;IACH,eAAc;IACd,eAAe;IACf,wBAAwB;IACxB,eAAe;IACf,gCAA4E;IAC5E,eAAe;IACf,iCAA0E;IAE1E,eAAe;IACf,sBAAsB;IAKpB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA+BC;IAGH,eASC;IAED;;;OAGG;IACH,0BAcC;IAXC,wCAA0C;IAa5C,eAAe;IACf,wBAgBC;IAED,eAAe;IACf,2BA2CC;IAED;;;;OAIG;IACH,kBAUC;IAED;;MAaQ;IAER;;;OAGG;IACH,uBAmDC;IA6CD,wEAAwE;IACxE,oBADY,CAAC,oBAAoB,CAAC,CAAC,MAAM,oBAAoB,CAAC,QA0B7D;IAaC,eAAe;IACf,kBAEE;IAWJ;;;MAEC;IAED;;;OAGG;IACH,uBAEC;IAED,wBAsFC;CACF;;;;;8BAtc6B,iCAAiC;AAS/D;;;;;GAKG"}
+{"version":3,"file":"FileItem.d.ts","sourceRoot":"","sources":["FileItem.js"],"names":[],"mappings":"AAoBA;IAIE,eAAe;IACf,mBAAuB;IACvB;;;OAGG;IACH,eAAc;IACd,eAAe;IACf,wBAAwB;IACxB,eAAe;IACf,gCAA4E;IAC5E,eAAe;IACf,iCAA0E;IAE1E,eAAe;IACf,sBAAsB;IAKpB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA+BC;IAGH,eASC;IAED;;;OAGG;IACH,0BAcC;IAXC,wCAA0C;IAa5C,eAAe;IACf,wBAgBC;IAED,eAAe;IACf,2BAuCC;IAED;;;;OAIG;IACH,kBAUC;IAED;;MAaQ;IAER;;;OAGG;IACH,uBAmDC;IA+CD,wEAAwE;IACxE,oBADY,CAAC,oBAAoB,CAAC,CAAC,MAAM,oBAAoB,CAAC,QA0B7D;IAaC,eAAe;IACf,kBAEE;IAWJ;;;MAEC;IAED;;;OAGG;IACH,uBAEC;IAED,wBAsFC;CACF;;;;;8BApc6B,iCAAiC;AAS/D;;;;;GAKG"}

package/blocks/FileItem/FileItem.js

@@ -134,11 +134,7 @@ export class FileItem extends UploaderBlock {
     let entry = this._entry;
 
     if (entry.getValue('fileInfo') && entry.getValue('isImage')) {
-      let size = Math.max(
-        parseInt(String(this?._thumbRect?.height || 0)),
-        parseInt(String(this?._thumbRect?.width || 0)),
-        this.cfg.thumbSize,
-      );
+      let size = this.cfg.thumbSize;
 
       let thumbUrl = await this.proxyUrl(
         createCdnUrl(
@@ -273,9 +269,11 @@ export class FileItem extends UploaderBlock {
     });
 
     this.subConfigValue('useCloudImageEditor', () => this._debouncedCalculateState());
-    this.subConfigValue('displayUploadList', (mode) => {
+    this.subConfigValue('filesViewMode', (mode) => {
       if (mode === 'grid') {
-        this.subConfigValue('enableFileName', (value) => (this.$.isFileName = !value));
+        this.subConfigValue('gridShowFileNames', (value) => (this.$.isFileName = !value));
+      } else {
+        this.$.isFileName = false;
       }
 
       this.setAttribute('mode', mode);
@@ -460,11 +458,8 @@ export class FileItem extends UploaderBlock {
 
 FileItem.template = /* HTML */ `
   <div class="uc-inner" set="@finished: isFinished; @uploading: isUploading; @failed: isFailed; @focused: isFocused">
-    <div class="uc-thumb" set="style.backgroundImage: thumbUrl">
-      <div class="uc-badge">
-        <uc-icon set="@name: badgeIcon"></uc-icon>
-      </div>
-    </div>
+    <uc-thumb set="thumbUrl:thumbUrl;badgeIcon:badgeIcon"></uc-thumb>
+
     <div aria-atomic="true" aria-live="polite" class="uc-file-name-wrapper" set="@aria-label:ariaLabelStatusFile;">
       <span class="uc-file-name" set="@hidden: isFileName">{{itemName}}</span>
       <span class="uc-file-error" set="@hidden: !errorText;">{{errorText}}</span>
@@ -491,7 +486,11 @@ FileItem.template = /* HTML */ `
         <uc-icon name="upload"></uc-icon>
       </button>
     </div>
-    <uc-progress-bar class="uc-progress-bar" set="value: progressValue; visible: progressVisible;"> </uc-progress-bar>
+    <uc-progress-bar
+      class="uc-progress-bar"
+      set="value: progressValue; visible: progressVisible; @hasFileName: !isFileName"
+    >
+    </uc-progress-bar>
   </div>
 `;
 FileItem.activeInstances = new Set();

package/blocks/FileItem/file-item.css

@@ -202,3 +202,27 @@ uc-file-item[mode='grid'] .uc-file-actions {
 uc-file-item[mode='grid'] button {
   background-color: var(--uc-background);
 }
+
+uc-file-item[mode='grid'] button:hover {
+  background-color: var(--uc-muted);
+}
+
+uc-file-item[mode='grid'] .uc-progress-bar {
+  width: initial;
+  height: 4px !important;
+  opacity: 1;
+  top: initial !important;
+  bottom: var(--uc-padding);
+  left: var(--uc-padding);
+  right: var(--uc-padding);
+  z-index: 1;
+}
+
+uc-file-item[mode='grid'] .uc-progress-bar[hasfilename] {
+  bottom: calc(var(--uc-padding) + var(--uc-font-size));
+}
+
+uc-file-item[mode='grid'] .uc-progress-bar .uc-progress {
+  background-color: rgba(255, 255, 255, 80%) !important;
+  width: 100% !important;
+}

package/blocks/Modal/Modal.d.ts

@@ -1,8 +1,6 @@
 export class Modal extends Block {
     static StateConsumerScope: string;
     init$: {
-        '*modalActive': boolean;
-        isOpen: boolean;
         closeClicked: () => void;
     };
     _handleBackdropClick: () => void;

package/blocks/Modal/Modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["Modal.js"],"names":[],"mappings":"AAIA;IAEE,kCAAoC;IAIlC;;;;MAKC;IAGH,iCAEE;IAEF,yBAME;IAEF,+BAEE;IAEF,uBAAuB;IACvB,4BADY,KAAK,UAIf;IAFA,eAAe;IACf,yBAAgC;IAGlC,uBAAuB;IACvB,0BADY,KAAK,UAKf;IAEF,aAWC;IAED,aAOC;CA8CF;;;;sBAhHqB,yBAAyB"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["Modal.js"],"names":[],"mappings":"AAIA;IAEE,kCAAoC;IAIlC;;MAGC;IAGH,iCAEE;IAEF,yBAME;IAEF,+BAEE;IAEF,uBAAuB;IACvB,4BADY,KAAK,UAIf;IAFA,eAAe;IACf,yBAAgC;IAGlC,uBAAuB;IACvB,0BADY,KAAK,UAKf;IAEF,aAWC;IAED,aAOC;CA8CF;;;;sBA9GqB,yBAAyB"}

package/blocks/Modal/Modal.js

@@ -10,8 +10,6 @@ export class Modal extends Block {
     super();
     this.init$ = {
       ...this.init$,
-      '*modalActive': false,
-      isOpen: false,
       closeClicked: this._handleDialogClose,
     };
   }

package/blocks/ProgressBar/progress-bar.css

@@ -41,6 +41,7 @@ uc-progress-bar .uc-fake-progress {
     display 1s;
   /* stylelint-disable-next-line property-no-unknown */
   transition-behavior: allow-discrete;
+  z-index: 1;
 }
 
 uc-progress-bar .uc-fake-progress--hidden {

package/blocks/SimpleBtn/SimpleBtn.js

@@ -1,6 +1,6 @@
 // @ts-check
 import { UploaderBlock } from '../../abstract/UploaderBlock.js';
-import { asBoolean } from '../Config/normalizeConfigValue.js';
+import { asBoolean } from '../Config/validatorsType.js';
 
 export class SimpleBtn extends UploaderBlock {
   static styleAttrs = [...super.styleAttrs, 'uc-simple-btn'];

package/blocks/Thumb/Thumb.d.ts

@@ -0,0 +1,24 @@
+export class Thumb extends UploaderBlock {
+    init$: {
+        thumbUrl: string;
+        badgeIcon: string;
+        '*commonProgress': number;
+        '*uploadList': never[];
+        '*uploadQueue': import("@uploadcare/upload-client").Queue;
+        '*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("../../abstract/SecureUploadsManager.js").SecureUploadsManager | null;
+        '*currentActivity': null;
+        '*currentActivityParams': {};
+        '*history': never[];
+        '*historyBack': null;
+        '*closeModal': () => void;
+    };
+}
+export namespace Thumb {
+    let template: string;
+}
+import { UploaderBlock } from '../../abstract/UploaderBlock.js';
+//# sourceMappingURL=Thumb.d.ts.map

package/blocks/Thumb/Thumb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Thumb.d.ts","sourceRoot":"","sources":["Thumb.js"],"names":[],"mappings":"AAIA;IAII;;;;;;;;;;;;;;;;MAIC;CAeJ;;;;8BAzB6B,iCAAiC"}