@uploadcare/file-uploader 1.15.0-alpha.2 → 1.15.0-alpha.21

package/blocks/CloudImageEditor/src/types.d.ts

@@ -49,66 +49,16 @@ export type ChangeResult = {
     transformations: Transformations;
 };
 export type CropAspectRatio = {
-    type: 'aspect-ratio';
+    type: "aspect-ratio";
     width: number;
     height: number;
 };
 export type CropPresetList = CropAspectRatio[];
-export type FrameThumbs = {
-    ""?: {
-        direction: Direction;
-        pathNode: SVGElement;
-        interactionNode: SVGElement;
-        groupNode: SVGElement;
-    } | undefined;
-    n?: {
-        direction: Direction;
-        pathNode: SVGElement;
-        interactionNode: SVGElement;
-        groupNode: SVGElement;
-    } | undefined;
-    s?: {
-        direction: Direction;
-        pathNode: SVGElement;
-        interactionNode: SVGElement;
-        groupNode: SVGElement;
-    } | undefined;
-    e?: {
-        direction: Direction;
-        pathNode: SVGElement;
-        interactionNode: SVGElement;
-        groupNode: SVGElement;
-    } | undefined;
-    w?: {
-        direction: Direction;
-        pathNode: SVGElement;
-        interactionNode: SVGElement;
-        groupNode: SVGElement;
-    } | undefined;
-    ne?: {
-        direction: Direction;
-        pathNode: SVGElement;
-        interactionNode: SVGElement;
-        groupNode: SVGElement;
-    } | undefined;
-    nw?: {
-        direction: Direction;
-        pathNode: SVGElement;
-        interactionNode: SVGElement;
-        groupNode: SVGElement;
-    } | undefined;
-    se?: {
-        direction: Direction;
-        pathNode: SVGElement;
-        interactionNode: SVGElement;
-        groupNode: SVGElement;
-    } | undefined;
-    sw?: {
-        direction: Direction;
-        pathNode: SVGElement;
-        interactionNode: SVGElement;
-        groupNode: SVGElement;
-    } | undefined;
-};
-export type Direction = '' | 'n' | 's' | 'e' | 'w' | 'ne' | 'nw' | 'se' | 'sw';
+export type FrameThumbs = Partial<{ [K in Direction]: {
+    direction: Direction;
+    pathNode: SVGElement;
+    interactionNode: SVGElement;
+    groupNode: SVGElement;
+}; }>;
+export type Direction = "" | "n" | "s" | "e" | "w" | "ne" | "nw" | "se" | "sw";
 //# sourceMappingURL=types.d.ts.map

package/blocks/CloudImageEditor/src/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["types.js"],"names":[],"mappings":";;;gCAGa,YAAY,YAAY,OAAO,CAAC,CAAC;;;;wBAMjC;IAAE,KAAK,SAAS;IAAC,MAAM,SAAQ;CAAE;;;;;;;8BAYjC;IACZ,OAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAU,CAAC,EAAE;QAAE,MAAM,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9C,IAAQ,CAAC,EAAE;QAAE,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAAC,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;KAAE,CAAC;CACnE;;iBAKU,MAAM;qBACN,MAAM;YACN,MAAM;qBACN,eAAe;;;iBAKf,MAAM;qBACN,MAAM;YACN,MAAM;qBACN,eAAe;;8BAGf;IAAE,IAAI,EAAE,cAAc,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE;6BAEvD,eAAe,EAAE;;;mBAKb,SAAS;kBACV,UAAU;yBACH,UAAU;mBAChB,UAAU;;;mBAHV,SAAS;kBACV,UAAU;yBACH,UAAU;mBAChB,UAAU;;;mBAHV,SAAS;kBACV,UAAU;yBACH,UAAU;mBAChB,UAAU;;;mBAHV,SAAS;kBACV,UAAU;yBACH,UAAU;mBAChB,UAAU;;;mBAHV,SAAS;kBACV,UAAU;yBACH,UAAU;mBAChB,UAAU;;;mBAHV,SAAS;kBACV,UAAU;yBACH,UAAU;mBAChB,UAAU;;;mBAHV,SAAS;kBACV,UAAU;yBACH,UAAU;mBAChB,UAAU;;;mBAHV,SAAS;kBACV,UAAU;yBACH,UAAU;mBAChB,UAAU;;;mBAHV,SAAS;kBACV,UAAU;yBACH,UAAU;mBAChB,UAAU;;;wBAKd,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["types.js"],"names":[],"mappings":";;;gCAGa,GAAG,SAAS,GAAG,SAAS,OAAO,CAAC,CAAC;;;;wBAMjC;IAAE,KAAK,SAAS;IAAC,MAAM,SAAQ;CAAE;;;;;;;8BAYjC;IACR,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAC1C,IAAI,CAAC,EAAE;QAAE,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAAC,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;KAAE,CAAC;CACnE;;iBAKU,MAAM;qBACN,MAAM;YACN,MAAM;qBACN,eAAe;;;iBAKf,MAAM;qBACN,MAAM;YACN,MAAM;qBACN,eAAe;;8BAGf;IAAE,IAAI,EAAE,cAAc,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE;6BAEvD,eAAe,EAAE;0BAGlB,OAAO,CAAC,GACf,CAAC,IAAI,SAAS,GAAG;IAChB,SAAS,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,UAAU,CAAC;IACrB,eAAe,EAAE,UAAU,CAAC;IAC5B,SAAS,EAAE,UAAU,CAAC;CACvB,GACF,CAAC;wBAGS,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI"}

package/blocks/CloudImageEditorActivity/CloudImageEditorActivity.d.ts

@@ -3,7 +3,10 @@ export class CloudImageEditorActivity extends UploaderBlock {
     activityType: "cloud-image-edit";
     /**
      * @private
-     * @type {import('../../abstract/TypedData.js').TypedData | undefined}
+     * @type {import('../../abstract/TypedData.js').TypedData<
+     *       import('../../abstract/uploadEntrySchema.js').uploadEntrySchema
+     *     >
+     *   | undefined}
      */
     private _entry;
     /**
@@ -14,7 +17,7 @@ export class CloudImageEditorActivity extends UploaderBlock {
     /** @type {ActivityParams} */
     get activityParams(): ActivityParams;
     /** @param {CustomEvent<import('../CloudImageEditor/src/types.js').ApplyResult>} e */
-    handleApply(e: CustomEvent<import('../CloudImageEditor/src/types.js').ApplyResult>): void;
+    handleApply(e: CustomEvent<import("../CloudImageEditor/src/types.js").ApplyResult>): void;
     handleCancel(): void;
     mountEditor(): void;
     unmountEditor(): void;

package/blocks/CloudImageEditorActivity/CloudImageEditorActivity.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CloudImageEditorActivity.d.ts","sourceRoot":"","sources":["CloudImageEditorActivity.js"],"names":[],"mappings":"AAKA,uDAAuD;AAEvD;IAEE,iCAAuD;IAEvD;;;OAGG;IACH,eAAO;IAEP;;;OAGG;IACH,kBAAU;IAEV,6BAA6B;IAC7B,qCAMC;IAuBD,qFAAqF;IACrF,eADY,YAAY,OAAO,kCAAkC,EAAE,WAAW,CAAC,QAY9E;IAED,qBAGC;IAED,oBA4CC;IAED,sBAIC;CACF;6BAtHa;IAAE,UAAU,EAAE,MAAM,CAAA;CAAE;8BAHN,iCAAiC"}
+{"version":3,"file":"CloudImageEditorActivity.d.ts","sourceRoot":"","sources":["CloudImageEditorActivity.js"],"names":[],"mappings":"AAKA,uDAAuD;AAEvD;IAEE,iCAAuD;IAEvD;;;;;;OAMG;IACH,eAAO;IAEP;;;OAGG;IACH,kBAAU;IAEV,6BAA6B;IAC7B,sBADW,cAAc,CAOxB;IAuBD,qFAAqF;IACrF,eADY,WAAW,CAAC,OAAO,kCAAkC,EAAE,WAAW,CAAC,QAY9E;IAED,qBAGC;IAED,oBA6CC;IAED,sBAIC;CACF;6BA1Ha;IAAE,UAAU,EAAE,MAAM,CAAA;CAAE;8BAHN,iCAAiC"}

package/blocks/CloudImageEditorActivity/CloudImageEditorActivity.js

@@ -11,7 +11,10 @@ export class CloudImageEditorActivity extends UploaderBlock {
 
   /**
    * @private
-   * @type {import('../../abstract/TypedData.js').TypedData | undefined}
+   * @type {import('../../abstract/TypedData.js').TypedData<
+   *       import('../../abstract/uploadEntrySchema.js').uploadEntrySchema
+   *     >
+   *   | undefined}
    */
   _entry;
 
@@ -72,10 +75,11 @@ export class CloudImageEditorActivity extends UploaderBlock {
 
   mountEditor() {
     const { internalId } = this.activityParams;
-    this._entry = this.uploadCollection.read(internalId);
-    if (!this._entry) {
+    const entry = this.uploadCollection.read(internalId);
+    if (!entry) {
       throw new Error(`Entry with internalId "${internalId}" not found`);
     }
+    this._entry = entry;
     const cdnUrl = this._entry.getValue('cdnUrl');
     if (!cdnUrl) {
       throw new Error(`Entry with internalId "${internalId}" hasn't uploaded yet`);

package/blocks/Config/Config.d.ts

@@ -12,17 +12,8 @@
  *   'mediaRecorderOptions',
  * ]}
  */
-export const complexConfigKeys: [
-    'metadata',
-    'localeDefinitionOverride',
-    'secureUploadsSignatureResolver',
-    'secureDeliveryProxyUrlResolver',
-    'iconHrefResolver',
-    'fileValidators',
-    'collectionValidators',
-    'mediaRecorderOptions'
-];
-export type Config = import('../../utils/mixinClass.js').MixinClass<typeof ConfigClass, import('../../types').ConfigType>;
+export const complexConfigKeys: ["metadata", "localeDefinitionOverride", "secureUploadsSignatureResolver", "secureDeliveryProxyUrlResolver", "iconHrefResolver", "fileValidators", "collectionValidators", "mediaRecorderOptions"];
+export type Config = import("../../utils/mixinClass.js").MixinClass<typeof ConfigClass, import("../../types").ConfigType>;
 /** @typedef {import('../../utils/mixinClass.js').MixinClass<typeof ConfigClass, import('../../types').ConfigType>} Config */
 export const Config: Config;
 declare class ConfigClass extends Block {
@@ -64,6 +55,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<keyof import("../../types").ConfigAttributesType, 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,CACT,UAAc,EACd,0BAA8B,EAC9B,gCAAoC,EACpC,gCAAoC,EACpC,kBAAsB,EACtB,gBAAoB,EACpB,sBAA0B,EAC1B,sBAA0B,CACvB,CAWF;qBAyNY,OAAO,2BAA2B,EAAE,UAAU,CAAC,OAAO,WAAW,EAAE,OAAO,aAAa,EAAE,UAAU,CAAC;AAAlH,6HAA6H;AAG7H,qBAAiC,MAAM,CAA4C;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,OAAO,gBAAgB,UAC7B,MAAM,UACN,MAAM,QAahB;CACF;sBAjPqB,yBAAyB;AAwD/C,0CAA0C;AAC1C,gCAAoC,MAAM,CAAC,MAAM,OAAO,aAAa,EAAE,oBAAoB,EAAE,MAAM,CAAC,CAGjG"}

package/blocks/Config/assertions.d.ts

@@ -1,5 +1,5 @@
 /** Runs on every config change and warns about potential issues. */
-export const runAssertions: ((cfg: import('../../types').ConfigType) => void) & {
+export const runAssertions: ((cfg: import("../../types").ConfigType) => void) & {
     cancel: () => void;
 };
 //# sourceMappingURL=assertions.d.ts.map

package/blocks/Config/initialConfig.d.ts

@@ -2,5 +2,5 @@ export const DEFAULT_CDN_CNAME: "https://ucarecdn.com";
 export const DEFAULT_BASE_URL: "https://upload.uploadcare.com";
 export const DEFAULT_SOCIAL_BASE_URL: "https://social.uploadcare.com";
 /** @type {import('../../types/exported').ConfigType} */
-export const initialConfig: import('../../types/exported').ConfigType;
+export const initialConfig: import("../../types/exported").ConfigType;
 //# sourceMappingURL=initialConfig.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"initialConfig.d.ts","sourceRoot":"","sources":["initialConfig.js"],"names":[],"mappings":"AAKA,uDAAwD;AACxD,+DAAgE;AAChE,sEAAuE;AAEvE,wDAAwD;AACxD,4BADW,OAAO,sBAAsB,EAAE,UAAU,CAuElD"}
+{"version":3,"file":"initialConfig.d.ts","sourceRoot":"","sources":["initialConfig.js"],"names":[],"mappings":"AAKA,gCAAiC,sBAAsB,CAAC;AACxD,+BAAgC,+BAA+B,CAAC;AAChE,sCAAuC,+BAA+B,CAAC;AAEvE,wDAAwD;AACxD,4BADW,OAAO,sBAAsB,EAAE,UAAU,CAuElD"}

package/blocks/Config/initialConfig.js

@@ -45,7 +45,7 @@ export const initialConfig = {
   secureSignature: '',
   secureExpire: '',
   secureDeliveryProxy: '',
-  retryThrottledRequestMaxTimes: 1,
+  retryThrottledRequestMaxTimes: 10,
   multipartMinFileSize: 26214400,
   multipartChunkSize: 5242880,
   maxConcurrentRequests: 10,
@@ -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,qCAL+C,CAAC,SAA1C,MAAO,OAAO,aAAa,EAAE,UAAW,OAC1C,CAAC,SACD,OAAO,GACL,OAAO,aAAa,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,SAAS,CAa3D;;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/side-effects.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"side-effects.d.ts","sourceRoot":"","sources":["side-effects.js"],"names":[],"mappings":"AAWO;;;sEAJgE,IAAI;;SAwB1E"}
+{"version":3,"file":"side-effects.d.ts","sourceRoot":"","sources":["side-effects.js"],"names":[],"mappings":"AAWO,+BAR+C,CAAC,SAA1C,MAAO,OAAO,aAAa,EAAE,UAAW,sCAC1C;IACN,GAAG,EAAE,CAAC,CAAC;IACP,KAAK,EAAE,OAAO,aAAa,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IAC3C,QAAQ,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,aAAa,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACvE,QAAQ,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,OAAO,aAAa,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;CAC3D,QAsBH"}

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 Function[] | string | {}>(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,GAMC,OAAO,iCAAiC,EAAE,UAAU,CACvE;AAED,6BAA6B;AAC7B,qCADY,OAAO,UAQlB;AAED,6BAA6B;AAC7B,kCADY,OAAO,yFAUlB;AAED;;;;GAIG;AACH,yBAJkB,CAAC,SAAN,EAAI,SACN,OAAO,GACL,CAAC,CAQb;AAED;;;;GAIG;AACH,2BAJwB,CAAC,SAAZ,QAAU,SACZ,OAAO,GACL,CAAC,CAQb;AAED;;;;GAIG;AACH,wBAJwC,CAAC,SAA3B,UAAU,GAAG,MAAM,GAAG,EAAG,SAC5B,OAAO,GACL,CAAC,CAQb;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,13 +6,14 @@ export class DropArea extends UploaderBlock {
         isFullscreen: boolean;
         isEnabled: boolean;
         isVisible: boolean;
+        isInitFlow: boolean;
         text: string;
         "uc-drop-area/registry": null;
         '*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;
+        '*collectionErrors': ReturnType<import("../../index.js").OutputErrorCollection>[];
+        '*collectionState': import("../../index.js").OutputCollectionState | null;
         '*groupInfo': import("@uploadcare/upload-client").UploadcareGroup | null;
         '*uploadTrigger': Set<string>;
         '*secureUploadsManager': import("../../abstract/SecureUploadsManager.js").SecureUploadsManager | null;

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;;;;;;;;;;;;;+CAAO,gBACT;mCAGI,gBAAG;6BAGQ,2BACG;;wCAUhB,wCAAuB;;;;;;MAPtB;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/DropArea/addDropzone.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"addDropzone.d.ts","sourceRoot":"","sources":["addDropzone.js"],"names":[],"mappings":"AA0BA;;;;;;GAMG;AACH;IAL6B,OAAO,EAAzB,WAAW;IACI,QAAQ;IACR,OAAO;IACF,YAAY,EAAhC,aAAa;eAyGvB"}
+{"version":3,"file":"addDropzone.d.ts","sourceRoot":"","sources":["addDropzone.js"],"names":[],"mappings":"AA0BA;;;;;;GAMG;AACH,kCALG;IAA0B,OAAO,EAAzB,WAAW;IACI,QAAQ;IACR,OAAO;IACF,YAAY,EAAhC,aAAa;CACvB,cAwGA"}