@uploadcare/file-uploader 1.13.0-alpha.1 → 1.13.0-alpha.3

package/blocks/CloudImageEditor/src/css/common.css

@@ -1190,3 +1190,7 @@ uc-presence-toggle.uc-initial {
 [uc-cloud-image-editor] button:focus-visible {
   outline: 1px auto -webkit-focus-ring-color;
 }
+
+[uc-cloud-image-editor] .uc-cloud-mask {
+  pointer-events: none;
+}

package/blocks/CloudImageEditor/src/lib/parseTabs.js

@@ -1,12 +1,12 @@
 // @ts-check
 
-import { deserializeCsv } from '../../../utils/comma-separated.js';
+import { deserealizeCsv } from '../../../utils/comma-separated.js';
 import { ALL_TABS } from '../toolbar-constants.js';
 
 /** @param {string} tabs */
 export const parseTabs = (tabs) => {
   if (!tabs) return ALL_TABS;
-  const tabList = deserializeCsv(tabs).filter((tab) => ALL_TABS.includes(tab));
+  const tabList = deserealizeCsv(tabs).filter((tab) => ALL_TABS.includes(tab));
   if (tabList.length === 0) {
     return ALL_TABS;
   }

package/blocks/Config/Config.d.ts

@@ -9,7 +9,7 @@
  *   'iconHrefResolver',
  *   'fileValidators',
  *   'collectionValidators',
- *   'mediaRecorderOptions',
+ *   'mediaRecorerOptions',
  * ]}
  */
 export const complexConfigKeys: [
@@ -20,7 +20,7 @@ export const complexConfigKeys: [
     'iconHrefResolver',
     'fileValidators',
     'collectionValidators',
-    'mediaRecorderOptions'
+    'mediaRecorerOptions'
 ];
 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 */
@@ -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" | "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", string>;
+declare const attrStateMapping: Record<"pubkey" | "multiple" | "accept" | "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" | "default-camera-mode" | "enable-audio-recording" | "enable-video-recording" | "max-video-recording-duration" | "cloud-image-editor-mask-href" | "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" | "defaultcameramode" | "enableaudiorecording" | "enablevideorecording" | "maxvideorecordingduration" | "cloudimageeditormaskhref", 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,smEAGG"}
+{"version":3,"file":"Config.d.ts","sourceRoot":"","sources":["Config.js"],"names":[],"mappings":"AAYA;;;;;;;;;;;;;GAaG;AACH,gCAXU;IACT,UAAc;IACd,0BAA8B;IAC9B,gCAAoC;IACpC,gCAAoC;IACpC,kBAAsB;IACtB,gBAAoB;IACpB,sBAA0B;IAC1B,qBAAyB;CACtB,CAWF;qBAiNY,OAAO,2BAA2B,EAAE,UAAU,CAAC,kBAAkB,EAAE,OAAO,aAAa,EAAE,UAAU,CAAC;AAAlH,6HAA6H;AAG7H,4BAAmF;AAvLnF;IAkBE;;;;OAIG;IACH,+BAYC;IAED;;;;OAIG;IACH,2BAQC;IAED;;;;OAIG;IACH,kBAiBC;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;sBAvOqB,yBAAyB;AAsD/C,0CAA0C;AAC1C,moEAGG"}

package/blocks/Config/Config.js

@@ -4,8 +4,6 @@ import { initialConfig } from './initialConfig.js';
 import { sharedConfigKey } from '../../abstract/sharedConfigKey.js';
 import { toKebabCase } from '../../utils/toKebabCase.js';
 import { normalizeConfigValue } from './normalizeConfigValue.js';
-import { runAssertions } from './assertions.js';
-import { runSideEffects } from './side-effects.js';
 
 const allConfigKeys = /** @type {(keyof import('../../types').ConfigType)[]} */ ([
   // "debug" option should go first to be able to print debug messages from the very beginning
@@ -23,7 +21,7 @@ const allConfigKeys = /** @type {(keyof import('../../types').ConfigType)[]} */
  *   'iconHrefResolver',
  *   'fileValidators',
  *   'collectionValidators',
- *   'mediaRecorderOptions',
+ *   'mediaRecorerOptions',
  * ]}
  */
 export const complexConfigKeys = [
@@ -34,7 +32,7 @@ export const complexConfigKeys = [
   'iconHrefResolver',
   'fileValidators',
   'collectionValidators',
-  'mediaRecorderOptions',
+  'mediaRecorerOptions',
 ];
 
 /** @type {(key: keyof import('../../types').ConfigType) => key is keyof import('../../types').ConfigComplexType} */
@@ -138,14 +136,6 @@ class ConfigClass extends Block {
     this._flushValueToState(key, normalizedValue);
 
     this.debugPrint(`[uc-config] "${key}"`, normalizedValue);
-
-    runAssertions(this.cfg);
-    runSideEffects({
-      key,
-      value: normalizedValue ?? null,
-      setValue: this._setValue.bind(this),
-      getValue: this._getValue.bind(this),
-    });
   }
 
   /**
@@ -155,7 +145,7 @@ class ConfigClass extends Block {
   _getValue(key) {
     const anyThis = /** @type {typeof this & any} */ (this);
     const localPropName = getLocalPropName(key);
-    return anyThis[localPropName] ?? this.$[sharedConfigKey(key)];
+    return anyThis[localPropName];
   }
 
   /**

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,CAmElD"}
+{"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,CAoElD"}

package/blocks/Config/initialConfig.js

@@ -68,10 +68,11 @@ export const initialConfig = {
   fileValidators: [],
   collectionValidators: [],
 
-  cameraModes: 'photo, video',
-  defaultCameraMode: null,
+  defaultCameraMode: 'photo',
   enableAudioRecording: true,
-  enableVideoRecording: null,
+  enableVideoRecording: true,
   maxVideoRecordingDuration: null,
-  mediaRecorderOptions: null,
+  mediaRecorerOptions: null,
+
+  cloudImageEditorMaskHref: null,
 };

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;AAwKM,sGAHI,OAAO,mDAcjB"}
+{"version":3,"file":"normalizeConfigValue.d.ts","sourceRoot":"","sources":["normalizeConfigValue.js"],"names":[],"mappings":"AAeO,iCADK,OAAO,WAWlB;AA8JM,sGAHI,OAAO,mDAcjB"}

package/blocks/Config/normalizeConfigValue.js

@@ -1,7 +1,5 @@
 // @ts-check
 
-import { CameraSourceTypes } from '../CameraSource/constants.js';
-import { deserializeCsv } from '../utils/comma-separated.js';
 import { initialConfig } from './initialConfig.js';
 
 /** @param {unknown} value */
@@ -33,28 +31,18 @@ const asStore = (value) => (value === 'auto' ? value : asBoolean(value));
 const asCameraCapture = (value) => {
   const strValue = asString(value);
   if (strValue !== 'user' && strValue !== 'environment' && strValue !== '') {
-    throw new Error(`Invalid value: "${strValue}"`);
+    throw new Error(`Invalid "cameraCapture" value: "${strValue}"`);
   }
   return strValue;
 };
 
 /** @param {unknown} value */
-const asCameraMode = (value) => {
+const asCameraTab = (value) => {
   const strValue = asString(value);
-  if (!Object.values(CameraSourceTypes).includes(strValue)) {
-    throw new Error(`Invalid value: "${strValue}"`);
+  if (strValue !== 'photo' && strValue !== 'video') {
+    throw new Error(`Invalid "CameraTab" 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: "${array}"`);
-  }
-  return str;
+  return strValue;
 };
 
 /** @param {unknown} value */
@@ -178,13 +166,13 @@ const mapping = {
   fileValidators: /** @type {typeof asArray<import('../../types').FileValidators>} */ (asArray),
   collectionValidators: /** @type {typeof asArray<import('../../types').CollectionValidators>} */ (asArray),
 
-  cameraModes: asCameraModes,
-  defaultCameraMode: asCameraMode,
+  defaultCameraMode: asCameraTab,
   enableAudioRecording: asBoolean,
   enableVideoRecording: asBoolean,
-  mediaRecorderOptions: asObject,
+  mediaRecorerOptions: asObject,
 
   maxVideoRecordingDuration: asNumber,
+  cloudImageEditorMaskHref: asString,
 };
 
 /**

package/blocks/utils/comma-separated.d.ts

@@ -1,3 +1,3 @@
-export function deserializeCsv(value: string): string[];
+export function deserealizeCsv(value: string): string[];
 export function serializeCsv(value: unknown[]): string;
 //# sourceMappingURL=comma-separated.d.ts.map

package/blocks/utils/comma-separated.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"comma-separated.d.ts","sourceRoot":"","sources":["comma-separated.js"],"names":[],"mappings":"AAGO,sCADK,MAAM,YAUjB;AAGM,oCADK,OAAO,EAAE,UAOpB"}
+{"version":3,"file":"comma-separated.d.ts","sourceRoot":"","sources":["comma-separated.js"],"names":[],"mappings":"AAGO,sCADK,MAAM,YAOjB;AAGM,oCADK,OAAO,EAAE,UAOpB"}

package/blocks/utils/comma-separated.js

@@ -1,15 +1,12 @@
 // @ts-check
 
 /** @param {string} value */
-export const deserializeCsv = (value) => {
+export const deserealizeCsv = (value) => {
   if (!value) {
     return [];
   }
 
-  return value
-    .split(',')
-    .map((item) => item.trim())
-    .filter(Boolean);
+  return value.split(',').map((item) => item.trim());
 };
 
 /** @param {unknown[]} value */

package/index.ssr.d.ts

@@ -54,6 +54,20 @@ export const BtnUi: {
 };
 export const CameraSource: {
     new (): {};
+    types: {
+        PHOTO: string;
+        VIDEO: string;
+    };
+    events: {
+        IDLE: string;
+        SHOT: string;
+        PLAY: string;
+        PAUSE: string;
+        RESUME: string;
+        STOP: string;
+        RETAKE: string;
+        ACCEPT: string;
+    };
     template: string;
     extSrcList: {
         FACEBOOK: string;

package/index.ssr.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.ssr.d.ts","sourceRoot":"","sources":["index.ssr.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;EAcE;AACF;;;;;;;;;;;;;;;EAcE;AACF;;;;;EAIE;AACF;;;;;;EAKE;AACF;;;;;;;;EAYE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0IE;AACF;;;;;;;;EAuCE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6CE;AACF;;;;;;;;EAuCE;AACF;;;;;;;EAsGE;AACF;;;;;;;EAaE;AACF;;;;;;;EAME;AACF;;;;;;;;;;;;;;;;EAeE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgEE;AACF;;;;;;;EAWE;AACF;;;;;;;EAWE;AACF;;;;;;;EASE;AACF;;;;;;EAKE;AACF;;;;;;;EAWE;AACF;;;;;;;EAME;AACF;;;;;;;EAWE;AACF;;;;;;;EA2IE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwEE;;;;;;;;;;;;;AAaF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiFE;AACF;;;;;;EAKE;AACF;;;;;;EAKE;AACF;;;;;;;EAME;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6CE;AACF;;;;;;;;EAWE;AACF;;;;;;EAwBE;AACF;;;;;;;EAUE;AACF;;;;;;;;EAWE;AACF,oCAAqC;AACrC,uCAAwC;AACxC;;;;;;;EAME;AACF;;;;;;;EAME;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8CE;AACF;;;;;;;EAME;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwDE;AACF;;;;;;;EAeE;AACF;;;;;;EAKE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoDE;AACF;;;;;;EAKE;AACF;;;;;;EAKE;AACF;;;;;;;;;;;;;;;;EAeE;AACF;;;;;;;;;;;;EAWE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiEE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4FE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6CE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyEE;AACK,yCAAiC;AACjC,qCAA6B;AAC7B,6CAAqC;AACrC,oCAA4B"}
+{"version":3,"file":"index.ssr.d.ts","sourceRoot":"","sources":["index.ssr.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;EAcE;AACF;;;;;;;;;;;;;;;EAcE;AACF;;;;;EAIE;AACF;;;;;;EAKE;AACF;;;;;;;;EAYE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqJE;AACF;;;;;;;;EAuCE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6CE;AACF;;;;;;;;EAuCE;AACF;;;;;;;EAsGE;AACF;;;;;;;EAaE;AACF;;;;;;;EAME;AACF;;;;;;;;;;;;;;;;EAeE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgEE;AACF;;;;;;;EAWE;AACF;;;;;;;EAWE;AACF;;;;;;;EASE;AACF;;;;;;EAKE;AACF;;;;;;;EAWE;AACF;;;;;;;EAME;AACF;;;;;;;EAWE;AACF;;;;;;;EA2IE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwEE;;;;;;;;;;;;;AAaF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiFE;AACF;;;;;;EAKE;AACF;;;;;;EAKE;AACF;;;;;;;EAME;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6CE;AACF;;;;;;;;EAWE;AACF;;;;;;EAwBE;AACF;;;;;;;EAUE;AACF;;;;;;;;EAWE;AACF,oCAAqC;AACrC,uCAAwC;AACxC;;;;;;;EAME;AACF;;;;;;;EAME;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8CE;AACF;;;;;;;EAME;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwDE;AACF;;;;;;;EAeE;AACF;;;;;;EAKE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoDE;AACF;;;;;;EAKE;AACF;;;;;;EAKE;AACF;;;;;;;;;;;;;;;;EAeE;AACF;;;;;;;;;;;;EAWE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiEE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4FE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6CE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyEE;AACK,yCAAiC;AACjC,qCAA6B;AAC7B,6CAAqC;AACrC,oCAA4B"}

package/index.ssr.js

@@ -53,6 +53,17 @@ export const BtnUi = class {
   static bindAttributes = () => {};
 };
 export const CameraSource = class {
+  static types = { PHOTO: "photo", VIDEO: "video" };
+  static events = {
+    IDLE: "idle",
+    SHOT: "shot",
+    PLAY: "play",
+    PAUSE: "pause",
+    RESUME: "resume",
+    STOP: "stop",
+    RETAKE: "retake",
+    ACCEPT: "accept",
+  };
   static template = `
   <uc-activity-header>
     <button type="button" class="uc-mini-btn" set="onclick: *historyBack" l10n="@title:back">
@@ -107,7 +118,7 @@ export const CameraSource = class {
       <button
         data-id="video"
         type="button"
-        class="uc-switch uc-mini-btn"
+        class="uc-switch  uc-mini-btn"
         set="onclick: onClickTab; @hidden: tabVideoHidden"
       >
         <uc-icon name="video-camera"></uc-icon>
@@ -134,8 +145,8 @@ export const CameraSource = class {
     </button>
 
     <div class="uc-select">
-      <button class="uc-mini-btn uc-btn-microphone" set="onclick: onToggleAudio; @hidden: audioToggleMicrophoneHidden;">
-        <uc-icon set="@name:toggleMicrophoneIcon"></uc-icon>
+      <button class="uc-mini-btn uc-btn-microphone" set="onclick: onToggleAudio; @hidden: audioToggleMicorphoneHidden;">
+        <uc-icon set="@name:toggleMicorphoneIcon"></uc-icon>
       </button>
 
       <uc-select
@@ -364,11 +375,11 @@ export const Config = class {
     "user-agent-integration",
     "locale-name",
     "secure-uploads-expire-threshold",
-    "camera-modes",
     "default-camera-mode",
     "enable-audio-recording",
     "enable-video-recording",
     "max-video-recording-duration",
+    "cloud-image-editor-mask-href",
     "multiplemin",
     "multiplemax",
     "confirmupload",
@@ -409,11 +420,11 @@ export const Config = class {
     "useragentintegration",
     "localename",
     "secureuploadsexpirethreshold",
-    "cameramodes",
     "defaultcameramode",
     "enableaudiorecording",
     "enablevideorecording",
     "maxvideorecordingduration",
+    "cloudimageeditormaskhref",
   ];
   static reg = () => {};
   static styleAttrs = [];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uploadcare/file-uploader",
-  "version": "1.13.0-alpha.1",
+  "version": "1.13.0-alpha.3",
   "description": "Building blocks for Uploadcare products integration",
   "keywords": [
     "web components",
@@ -35,7 +35,9 @@
     "MIT"
   ],
   "type": "module",
-  "sideEffects": ["*.css"],
+  "sideEffects": [
+    "*.css"
+  ],
   "module": "./index.js",
   "exports": {
     ".": {
@@ -116,7 +118,7 @@
     "marked": "^4.3.0",
     "node-watch": "^0.7.3",
     "npm-run-all": "^4.1.5",
-    "playwright": "^1.42.1",
+    "playwright": "^1.49.1",
     "postcss": "^8.4.21",
     "prettier": "^3.2.4",
     "prettier-plugin-jsdoc": "1.3.0",
@@ -140,4 +142,4 @@
     "@uploadcare/upload-client": "^6.14.1",
     "keyux": "^0.7.1"
   }
-}
+}

package/types/exported.d.ts

@@ -1,7 +1,6 @@
 import type { LocaleDefinition } from '../abstract/localeRegistry';
 import type { complexConfigKeys } from '../blocks/Config/Config';
 import type { FuncFileValidator, FuncCollectionValidator } from '../abstract/ValidationManager';
-export type { CameraMode } from '../blocks/CameraSource/CameraSource';
 
 export type { FuncFileValidator, FuncCollectionValidator } from '../abstract/ValidationManager';
 export type { UploaderPublicApi } from '../abstract/UploaderPublicApi';
@@ -22,7 +21,7 @@ export type SecureUploadsSignatureResolver = () => Promise<SecureUploadsSignatur
 export type IconHrefResolver = (iconName: string) => string;
 export type FileValidators = FuncFileValidator[];
 export type CollectionValidators = FuncCollectionValidator[];
-export type SourceTypes = import('../blocks/utils/UploadSource').SourceTypes;
+export type SourceTypes = import('../blocks/utils/UploadSource').SourceTypes
 
 export type ConfigType = {
   /**
@@ -241,20 +240,11 @@ export type ConfigType = {
   collectionValidators: CollectionValidators;
 
   /**
-   * The camera modes to enable in the camera modal,
-   * it is possible to select photo or video capture.
-   * The first mode is the default mode.
-   * @default 'photo,video'
-   */
-  cameraModes: string;
-
-  /**
-   * The default tab to open in the camera modal,
+   * The default tab to open in the camera modal, 
    * it is possible to select video or photo capture
-   * @default 'null'
-   * @deprecated - use `cameraModes` instead
+   * @default 'photo'
    */
-  defaultCameraMode: CameraMode | null;
+  defaultCameraMode: 'photo' | 'video';
   /**
    * Enable audio recording.
    * @default true
@@ -262,22 +252,23 @@ export type ConfigType = {
   enableAudioRecording: boolean;
   /**
    * Enable video recording.
-   * @deprecated - use `cameraModes` instead
-   * @default null
+   * @default true
    */
-  enableVideoRecording: boolean | null;
+  enableVideoRecording: boolean;
 
   /**
    * The maximum duration of the video recording in seconds
    * @default null
    */
-  maxVideoRecordingDuration: number | null;
+  maxVideoRecordingDuration: number | null
 
   /**
-   * A dictionary object that can contain
+   * A dictionary object that can contain 
    * the following properties from MediaRecorderOptions
    */
-  mediaRecorderOptions: MediaRecorderOptions | null;
+  mediaRecorerOptions: MediaRecorderOptions | null
+
+  cloudImageEditorMaskHref: string | null;
 };
 export type ConfigComplexType = Pick<ConfigType, (typeof complexConfigKeys)[number]>;
 export type ConfigPlainType = Omit<ConfigType, keyof ConfigComplexType>;
@@ -285,8 +276,8 @@ export type ConfigAttributesType = KebabCaseKeys<ConfigPlainType> & LowerCaseKey
 
 export type KebabCase<S extends string> = S extends `${infer C}${infer T}`
   ? T extends Uncapitalize<T>
-    ? `${Uncapitalize<C>}${KebabCase<T>}`
-    : `${Uncapitalize<C>}-${KebabCase<T>}`
+  ? `${Uncapitalize<C>}${KebabCase<T>}`
+  : `${Uncapitalize<C>}-${KebabCase<T>}`
   : S;
 export type KebabCaseKeys<T extends Record<string, unknown>> = { [Key in keyof T as KebabCase<Key & string>]: T[Key] };
 export type LowerCase<S extends string> = Lowercase<S>;
@@ -294,10 +285,9 @@ export type LowerCaseKeys<T extends Record<string, unknown>> = { [Key in keyof T
 
 export type OutputFileStatus = 'idle' | 'uploading' | 'success' | 'failed' | 'removed';
 
-export type OutputCustomErrorType = 'CUSTOM_ERROR';
+export type OutputCustomErrorType = 'CUSTOM_ERROR'
 
-export type OutputFileErrorType =
-  | OutputCustomErrorType
+export type OutputFileErrorType = OutputCustomErrorType
   | 'NOT_AN_IMAGE'
   | 'FORBIDDEN_FILE_TYPE'
   | 'FILE_SIZE_EXCEEDED'
@@ -305,11 +295,7 @@ export type OutputFileErrorType =
   | 'NETWORK_ERROR'
   | 'UNKNOWN_ERROR';
 
-export type OutputCollectionErrorType =
-  | OutputCustomErrorType
-  | 'SOME_FILES_HAS_ERRORS'
-  | 'TOO_MANY_FILES'
-  | 'TOO_FEW_FILES';
+export type OutputCollectionErrorType = OutputCustomErrorType | 'SOME_FILES_HAS_ERRORS' | 'TOO_MANY_FILES' | 'TOO_FEW_FILES';
 
 export type OutputFileErrorPayload = {
   entry: OutputFileEntry;
@@ -343,23 +329,22 @@ export type OutputErrorTypePayload = {
   CUSTOM_ERROR: Record<string, unknown>;
 };
 
-export type OutputError<T extends OutputFileErrorType | OutputCollectionErrorType> = T extends OutputCustomErrorType
+export type OutputError<T extends OutputFileErrorType | OutputCollectionErrorType> =
+  T extends OutputCustomErrorType
   ? {
-      type?: T;
-      message: string;
-      payload?: OutputErrorTypePayload[T];
-    }
-  : T extends keyof OutputErrorTypePayload
-    ? {
-        type: T;
-        message: string;
-        payload?: OutputErrorTypePayload[T];
-      }
-    : never;
+    type?: T;
+    message: string;
+    payload?: OutputErrorTypePayload[T];
+  }
+  : T extends keyof OutputErrorTypePayload ? {
+    type: T;
+    message: string;
+    payload?: OutputErrorTypePayload[T];
+  } : never
 
-export type OutputErrorFile = OutputError<OutputFileErrorType>;
+export type OutputErrorFile = OutputError<OutputFileErrorType>
 
-export type OutputErrorCollection = OutputError<OutputCollectionErrorType>;
+export type OutputErrorCollection = OutputError<OutputCollectionErrorType>
 
 export type OutputFileEntry<TStatus extends OutputFileStatus = OutputFileStatus> = {
   status: TStatus;
@@ -377,7 +362,7 @@ export type OutputFileEntry<TStatus extends OutputFileStatus = OutputFileStatus>
   fullPath: string | null;
   source: SourceTypes | null;
 } & (
-  | {
+    | {
       status: 'success';
       fileInfo: UploadcareFile;
       uuid: string;
@@ -389,7 +374,7 @@ export type OutputFileEntry<TStatus extends OutputFileStatus = OutputFileStatus>
       isRemoved: false;
       errors: [];
     }
-  | {
+    | {
       status: 'failed';
       fileInfo: UploadcareFile | null;
       uuid: string | null;
@@ -401,7 +386,7 @@ export type OutputFileEntry<TStatus extends OutputFileStatus = OutputFileStatus>
       isRemoved: false;
       errors: OutputError<OutputFileErrorType>[];
     }
-  | {
+    | {
       status: 'uploading';
       fileInfo: null;
       uuid: null;
@@ -413,7 +398,7 @@ export type OutputFileEntry<TStatus extends OutputFileStatus = OutputFileStatus>
       isRemoved: false;
       errors: [];
     }
-  | {
+    | {
       status: 'removed';
       fileInfo: UploadcareFile | null;
       uuid: string | null;
@@ -425,7 +410,7 @@ export type OutputFileEntry<TStatus extends OutputFileStatus = OutputFileStatus>
       isRemoved: true;
       errors: OutputError<OutputFileErrorType>[];
     }
-  | {
+    | {
       status: 'idle';
       fileInfo: null;
       uuid: null;
@@ -437,7 +422,7 @@ export type OutputFileEntry<TStatus extends OutputFileStatus = OutputFileStatus>
       isRemoved: false;
       errors: [];
     }
-);
+  );
 
 export type OutputCollectionStatus = 'idle' | 'uploading' | 'success' | 'failed';
 
@@ -461,43 +446,43 @@ export type OutputCollectionState<
 } & (TGroupFlag extends 'has-group'
   ? { group: UploadcareGroup }
   : TGroupFlag extends 'maybe-has-group'
-    ? { group: UploadcareGroup | null }
-    : never) &
+  ? { group: UploadcareGroup | null }
+  : never) &
   (
     | {
-        status: 'idle';
-        isFailed: false;
-        isUploading: false;
-        isSuccess: false;
-        errors: [];
-        allEntries: OutputFileEntry<'idle' | 'success'>[];
-      }
+      status: 'idle';
+      isFailed: false;
+      isUploading: false;
+      isSuccess: false;
+      errors: [];
+      allEntries: OutputFileEntry<'idle' | 'success'>[];
+    }
     | {
-        status: 'uploading';
-        isFailed: false;
-        isUploading: true;
-        isSuccess: false;
-        errors: [];
-        allEntries: OutputFileEntry[];
-      }
+      status: 'uploading';
+      isFailed: false;
+      isUploading: true;
+      isSuccess: false;
+      errors: [];
+      allEntries: OutputFileEntry[];
+    }
     | {
-        status: 'success';
-        isFailed: false;
-        isUploading: false;
-        isSuccess: true;
-        errors: [];
-        allEntries: OutputFileEntry<'success'>[];
-      }
+      status: 'success';
+      isFailed: false;
+      isUploading: false;
+      isSuccess: true;
+      errors: [];
+      allEntries: OutputFileEntry<'success'>[];
+    }
     | {
-        status: 'failed';
-        isFailed: true;
-        isUploading: false;
-        isSuccess: false;
-        errors: OutputError<OutputCollectionErrorType>[];
-        allEntries: OutputFileEntry[];
-      }
+      status: 'failed';
+      isFailed: true;
+      isUploading: false;
+      isSuccess: false;
+      errors: OutputError<OutputCollectionErrorType>[];
+      allEntries: OutputFileEntry[];
+    }
   );
 
 export { EventType, EventPayload } from '../blocks/UploadCtxProvider/EventEmitter';
 
-export {};
+export { };