@uploadcare/file-uploader 1.13.2 → 1.13.3-alpha.0

package/abstract/UploaderBlock.d.ts

@@ -100,6 +100,7 @@ export namespace UploaderBlock {
         LOCAL: "local";
         DROP_AREA: "drop-area";
         CAMERA: "camera";
+        VIDEO_CAMERA: "video-camera";
         EXTERNAL: "external";
         API: "js-api";
         URL: "url";

package/abstract/UploaderBlock.d.ts.map

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

package/abstract/UploaderPublicApi.d.ts

@@ -59,9 +59,10 @@ export class UploaderPublicApi {
     removeFileByInternalId: (internalId: string) => void;
     removeAllFiles(): void;
     uploadAll: () => void;
-    /** @param {{ captureCamera?: boolean }} options */
+    /** @param {{ captureCamera?: boolean; modeCamera?: import('../blocks/CameraSource/constants.js').ModeCameraType }} options */
     openSystemDialog: (options?: {
         captureCamera?: boolean;
+        modeCamera?: import('../blocks/CameraSource/constants.js').ModeCameraType;
     }) => void;
     /**
      * @template {import('../types').OutputFileStatus} TStatus

package/abstract/UploaderPublicApi.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UploaderPublicApi.d.ts","sourceRoot":"","sources":["UploaderPublicApi.js"],"names":[],"mappings":"AAaA;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,mDAAmD;IACnD,6BADY;QAAE,aAAa,CAAC,EAAE,OAAO,CAAA;KAAE,UAkDrC;IAEF;;;;OAIG;IACH,8EAHW,MAAM,iDA8Cf;IAEF,oEAAoE;IACpE,oKAIE;IAEF,+BAA+B;IAC/B,gDAsCE;IAEF,qBAQE;IAEF;;;;;;;;;OASG;IACH,uTAFQ,IAAI,CAWV;IAEF,2DAA2D;IAC3D,0BADc,OAAO,oBAAoB,EAAE,YAAY,CAGrD;IAEF,8BAA8B;IAC9B,wBADY,OAAO,UAOjB;IAEF;;;OAGG;IACH,0BAOC;CACF"}
+{"version":3,"file":"UploaderPublicApi.d.ts","sourceRoot":"","sources":["UploaderPublicApi.js"],"names":[],"mappings":"AAcA;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,gDAsCE;IAEF,qBAQE;IAEF;;;;;;;;;OASG;IACH,uTAFQ,IAAI,CAWV;IAEF,2DAA2D;IAC3D,0BADc,OAAO,oBAAoB,EAAE,YAAY,CAGrD;IAEF,8BAA8B;IAC9B,wBADY,OAAO,UAOjB;IAEF;;;OAGG;IACH,0BAOC;CACF"}

package/abstract/UploaderPublicApi.js

@@ -4,11 +4,12 @@ import { ActivityBlock } from './ActivityBlock.js';
 import { applyStyles, Data } from '@symbiotejs/symbiote';
 import { EventType } from '../blocks/UploadCtxProvider/EventEmitter.js';
 import { UploadSource } from '../blocks/utils/UploadSource.js';
-import { deserializeCsv, serializeCsv } from '../blocks/utils/comma-separated.js';
+import { serializeCsv } from '../blocks/utils/comma-separated.js';
 import { IMAGE_ACCEPT_LIST, fileIsImage, mergeFileTypes } from '../utils/fileTypes.js';
 import { parseCdnUrl } from '../utils/parseCdnUrl.js';
 import { buildOutputCollectionState } from './buildOutputCollectionState.js';
 import { stringToArray } from '../utils/stringToArray.js';
+import { calcCameraModes } from '../blocks/CameraSource/calcCameraModes.js';
 import { CameraSourceTypes } from '../blocks/CameraSource/constants.js';
 
 export class UploaderPublicApi {
@@ -137,7 +138,7 @@ export class UploaderPublicApi {
     );
   };
 
-  /** @param {{ captureCamera?: boolean }} options */
+  /** @param {{ captureCamera?: boolean; modeCamera?: import('../blocks/CameraSource/constants.js').ModeCameraType }} options */
   openSystemDialog = (options = {}) => {
     const accept = serializeCsv(
       mergeFileTypes([this.cfg.accept ?? '', ...(this.cfg.imgOnly ? IMAGE_ACCEPT_LIST : [])]),
@@ -155,8 +156,15 @@ export class UploaderPublicApi {
     fileInput.multiple = this.cfg.multiple;
     if (options.captureCamera) {
       fileInput.capture = this.cfg.cameraCapture;
-      const isVideoRecordingEnabled = deserializeCsv(this.cfg.cameraModes).includes(CameraSourceTypes.VIDEO);
-      fileInput.accept = ['image/*', isVideoRecordingEnabled && 'video/*'].filter(Boolean).join(',');
+      const { isPhotoEnabled, isVideoRecordingEnabled } = calcCameraModes(this.cfg);
+
+      if (options.modeCamera === CameraSourceTypes.PHOTO && isPhotoEnabled) {
+        fileInput.accept = 'image/*';
+      }
+
+      if (options.modeCamera === CameraSourceTypes.VIDEO && isVideoRecordingEnabled) {
+        fileInput.accept = 'video/*';
+      }
     } else {
       fileInput.accept = accept;
     }

package/blocks/CameraSource/calcCameraModes.d.ts

@@ -0,0 +1,5 @@
+export function calcCameraModes(cfg: import('../../types').ConfigType): {
+    isVideoRecordingEnabled: boolean;
+    isPhotoEnabled: boolean;
+};
+//# sourceMappingURL=calcCameraModes.d.ts.map

package/blocks/CameraSource/calcCameraModes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calcCameraModes.d.ts","sourceRoot":"","sources":["calcCameraModes.js"],"names":[],"mappings":"AAKO,qCAAoC,OAAO,aAAa,EAAE,UAAU;;;EAK1E"}

package/blocks/CameraSource/calcCameraModes.js

@@ -0,0 +1,11 @@
+//@ts-check
+
+import { deserializeCsv } from '../utils/comma-separated.js';
+import { CameraSourceTypes } from './constants.js';
+
+export const calcCameraModes = (/** @type {import('../../types').ConfigType} } */ cfg) => {
+  return {
+    isVideoRecordingEnabled: deserializeCsv(cfg.cameraModes).includes(CameraSourceTypes.VIDEO),
+    isPhotoEnabled: deserializeCsv(cfg.cameraModes).includes(CameraSourceTypes.PHOTO),
+  };
+};

package/blocks/CameraSource/constants.d.ts

@@ -12,4 +12,5 @@ export const CameraSourceEvents: Readonly<{
     RETAKE: "retake";
     ACCEPT: "accept";
 }>;
+export type ModeCameraType = (typeof CameraSourceTypes)[keyof typeof CameraSourceTypes];
 //# sourceMappingURL=constants.d.ts.map

package/blocks/CameraSource/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["constants.js"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;;;;;;;;GAWG"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["constants.js"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;;;;;;;;GAWG;6BAEW,CAAC,wBAAwB,CAAC,CAAC,MAAM,wBAAwB,CAAC"}

package/blocks/CameraSource/constants.js

@@ -15,3 +15,5 @@ export const CameraSourceEvents = Object.freeze({
   RETAKE: 'retake',
   ACCEPT: 'accept',
 });
+
+/** @typedef {(typeof CameraSourceTypes)[keyof typeof CameraSourceTypes]} ModeCameraType */

package/blocks/SourceBtn/SourceBtn.d.ts

@@ -20,7 +20,7 @@ export class SourceBtn extends UploaderBlock {
         iconName: string;
         'src-type': string;
         '*commonProgress': number;
-        '*uploadList': never[];
+        '*uploadList': never[]; /** @type {string | undefined} */
         '*uploadQueue': import("@uploadcare/upload-client").Queue;
         '*collectionErrors': any[];
         '*collectionState': import("../../index.js").OutputCollectionState<import("../../index.js").OutputCollectionStatus, "maybe-has-group"> | null;

package/blocks/SourceBtn/SourceBtn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SourceBtn.d.ts","sourceRoot":"","sources":["SourceBtn.js"],"names":[],"mappings":"AAOA;;;;;;;;;GASG;AAEH;IAEE,iCAAiC;IACjC,MADW,MAAM,GAAG,SAAS,CACZ;IACjB;;;OAGG;IACH,yBAAsB;IAKpB;;;;;;;;;;;;;;;;MAIC;IAGH,kBAuCC;IAkBD,kCAAkC;IAClC,yBADY,OAAO,QAGlB;IAED,2BAA2B;IAC3B,cADY,MAAM,WAGjB;IAED,iBAYC;IAED,2BAA2B;IAC3B,gBADY,MAAM,QAcjB;CACF;;;;sBA9HY;IACZ,IAAQ,EAAE,MAAM,CAAC;IACjB,QAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAY,CAAC,EAAE,MAAM,OAAO,CAAC;IAC7B,cAAkB,CAAC,EAAE,OAAO,MAAM,EAAE,OAAO,CAAC,CAAC;CAC1C;8BAd0B,iCAAiC"}
+{"version":3,"file":"SourceBtn.d.ts","sourceRoot":"","sources":["SourceBtn.js"],"names":[],"mappings":"AAQA;;;;;;;;;GASG;AAEH;IAEE,iCAAiC;IACjC,MADW,MAAM,GAAG,SAAS,CACZ;IACjB;;;OAGG;IACH,yBAAsB;IAKpB;;;;gCAXF,iCAAiC;;;;;;;;;;;;MAe9B;IAGH,kBAkDC;IAkBD,kCAAkC;IAClC,yBADY,OAAO,QAGlB;IAED,2BAA2B;IAC3B,cADY,MAAM,WAGjB;IAED,iBAYC;IAED,2BAA2B;IAC3B,gBADY,MAAM,QAcjB;CACF;;;;sBAzIY;IACZ,IAAQ,EAAE,MAAM,CAAC;IACjB,QAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAY,CAAC,EAAE,MAAM,OAAO,CAAC;IAC7B,cAAkB,CAAC,EAAE,OAAO,MAAM,EAAE,OAAO,CAAC,CAAC;CAC1C;8BAf0B,iCAAiC"}

package/blocks/SourceBtn/SourceBtn.js

@@ -2,6 +2,7 @@
 import { UploaderBlock } from '../../abstract/UploaderBlock.js';
 import { ActivityBlock } from '../../abstract/ActivityBlock.js';
 import { ExternalUploadSource, UploadSource } from '../utils/UploadSource.js';
+import { CameraSourceTypes } from '../CameraSource/constants.js';
 
 const L10N_PREFIX = 'src-type-';
 
@@ -55,7 +56,18 @@ export class SourceBtn extends UploaderBlock {
       activate: () => {
         const supportsCapture = 'capture' in document.createElement('input');
         if (supportsCapture) {
-          this.api.openSystemDialog({ captureCamera: true });
+          this.api.openSystemDialog({ captureCamera: true, modeCamera: CameraSourceTypes.PHOTO });
+        }
+        return !supportsCapture;
+      },
+    });
+    this.registerType({
+      type: UploadSource.VIDEO_CAMERA,
+      activity: ActivityBlock.activities.CAMERA,
+      activate: () => {
+        const supportsCapture = 'capture' in document.createElement('input');
+        if (supportsCapture) {
+          this.api.openSystemDialog({ captureCamera: true, modeCamera: CameraSourceTypes.VIDEO });
         }
         return !supportsCapture;
       },

package/blocks/SourceList/SourceList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SourceList.d.ts","sourceRoot":"","sources":["SourceList.js"],"names":[],"mappings":"AAGA;CA2BC;sBA9BqB,yBAAyB"}
+{"version":3,"file":"SourceList.d.ts","sourceRoot":"","sources":["SourceList.js"],"names":[],"mappings":"AAOA;CAqCC;sBA1CqB,yBAAyB"}

package/blocks/SourceList/SourceList.js

@@ -1,9 +1,15 @@
+// @ts-check
+import { ActivityBlock } from '../../abstract/ActivityBlock.js';
 import { Block } from '../../abstract/Block.js';
 import { stringToArray } from '../../utils/stringToArray.js';
+import { calcCameraModes } from '../CameraSource/calcCameraModes.js';
+import { isMobileDevice } from '../utils/checkDevice.js';
 
 export class SourceList extends Block {
   initCallback() {
     super.initCallback();
+    const isMobile = isMobileDevice();
+
     this.subConfigValue('sourceList', (/** @type {String} */ val) => {
       let list = stringToArray(val);
       let html = '';
@@ -19,6 +25,14 @@ export class SourceList extends Block {
         }
 
         html += /* HTML */ `<uc-source-btn role="listitem" type="${srcName}"></uc-source-btn>`;
+
+        if (
+          srcName === ActivityBlock.activities.CAMERA &&
+          isMobile &&
+          calcCameraModes(this.cfg).isVideoRecordingEnabled
+        ) {
+          html += /* HTML */ `<uc-source-btn role="listitem" type="video-camera"></uc-source-btn>`;
+        }
       });
 
       if (this.cfg.sourceListWrap) {

package/blocks/utils/UploadSource.d.ts

@@ -24,6 +24,7 @@ export const UploadSource: Readonly<{
     LOCAL: "local";
     DROP_AREA: "drop-area";
     CAMERA: "camera";
+    VIDEO_CAMERA: "video-camera";
     EXTERNAL: "external";
     API: "js-api";
     URL: "url";

package/blocks/utils/UploadSource.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UploadSource.d.ts","sourceRoot":"","sources":["UploadSource.js"],"names":[],"mappings":"AACA;;;;;;;;;;;GAWG;AAEH;;;;;;;;;;;;;;;;;;GASG;0BAEW,CAAC,mBAAmB,CAAC,CAAC,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"UploadSource.d.ts","sourceRoot":"","sources":["UploadSource.js"],"names":[],"mappings":"AACA;;;;;;;;;;;GAWG;AAEH;;;;;;;;;;;;;;;;;;;GAUG;0BAEW,CAAC,mBAAmB,CAAC,CAAC,MAAM,mBAAmB,CAAC"}

package/blocks/utils/UploadSource.js

@@ -16,6 +16,7 @@ export const UploadSource = Object.freeze({
   LOCAL: 'local',
   DROP_AREA: 'drop-area',
   CAMERA: 'camera',
+  VIDEO_CAMERA: 'video-camera',
   EXTERNAL: 'external',
   API: 'js-api',
   URL: 'url',

package/blocks/utils/checkDevice.d.ts

@@ -0,0 +1,9 @@
+export const DeviceTypes: Readonly<{
+    iOS: "iOS";
+    Android: "Android";
+    WindowsPhone: "Windows Phone";
+    Desktop: "Desktop";
+}>;
+export function checkDevice(): "iOS" | "Android" | "Windows Phone" | "Desktop";
+export function isMobileDevice(): boolean;
+//# sourceMappingURL=checkDevice.d.ts.map

package/blocks/utils/checkDevice.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkDevice.d.ts","sourceRoot":"","sources":["checkDevice.js"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEI,+EAoBN;AAEM,0CAIN"}

package/blocks/utils/checkDevice.js

@@ -0,0 +1,34 @@
+export const DeviceTypes = Object.freeze({
+  iOS: 'iOS',
+  Android: 'Android',
+  WindowsPhone: 'Windows Phone',
+  Desktop: 'Desktop',
+});
+
+export const checkDevice = () => {
+  const userAgent = navigator.userAgent || navigator.vendor || window.opera;
+
+  // Check for iOS
+  if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+    return DeviceTypes.iOS;
+  }
+
+  // Check for Android
+  if (/android/i.test(userAgent)) {
+    return DeviceTypes.Android;
+  }
+
+  // Check for Windows Phone
+  if (/windows phone/i.test(userAgent)) {
+    return DeviceTypes.WindowsPhone;
+  }
+
+  // Default to desktop
+  return DeviceTypes.Desktop;
+};
+
+export const isMobileDevice = () => {
+  const deviceType = checkDevice();
+
+  return deviceType !== DeviceTypes.Desktop;
+};

package/index.ssr.d.ts

@@ -71,6 +71,7 @@ export const CameraSource: {
         LOCAL: string;
         DROP_AREA: string;
         CAMERA: string;
+        VIDEO_CAMERA: string;
         EXTERNAL: string;
         API: string;
         URL: string;
@@ -127,6 +128,7 @@ export const CloudImageEditorActivity: {
         LOCAL: string;
         DROP_AREA: string;
         CAMERA: string;
+        VIDEO_CAMERA: string;
         EXTERNAL: string;
         API: string;
         URL: string;
@@ -227,6 +229,7 @@ export const DropArea: {
         LOCAL: string;
         DROP_AREA: string;
         CAMERA: string;
+        VIDEO_CAMERA: string;
         EXTERNAL: string;
         API: string;
         URL: string;
@@ -337,6 +340,7 @@ export const ExternalSource: {
         LOCAL: string;
         DROP_AREA: string;
         CAMERA: string;
+        VIDEO_CAMERA: string;
         EXTERNAL: string;
         API: string;
         URL: string;
@@ -398,6 +402,7 @@ export const FileItem: {
         LOCAL: string;
         DROP_AREA: string;
         CAMERA: string;
+        VIDEO_CAMERA: string;
         EXTERNAL: string;
         API: string;
         URL: string;
@@ -467,6 +472,7 @@ export const FormInput: {
         LOCAL: string;
         DROP_AREA: string;
         CAMERA: string;
+        VIDEO_CAMERA: string;
         EXTERNAL: string;
         API: string;
         URL: string;
@@ -566,6 +572,7 @@ export const ProgressBarCommon: {
         LOCAL: string;
         DROP_AREA: string;
         CAMERA: string;
+        VIDEO_CAMERA: string;
         EXTERNAL: string;
         API: string;
         URL: string;
@@ -624,6 +631,7 @@ export const SimpleBtn: {
         LOCAL: string;
         DROP_AREA: string;
         CAMERA: string;
+        VIDEO_CAMERA: string;
         EXTERNAL: string;
         API: string;
         URL: string;
@@ -687,6 +695,7 @@ export const SourceBtn: {
         LOCAL: string;
         DROP_AREA: string;
         CAMERA: string;
+        VIDEO_CAMERA: string;
         EXTERNAL: string;
         API: string;
         URL: string;
@@ -798,6 +807,7 @@ export const UploadCtxProvider: {
         LOCAL: string;
         DROP_AREA: string;
         CAMERA: string;
+        VIDEO_CAMERA: string;
         EXTERNAL: string;
         API: string;
         URL: string;
@@ -846,6 +856,7 @@ export const UploadList: {
         LOCAL: string;
         DROP_AREA: string;
         CAMERA: string;
+        VIDEO_CAMERA: string;
         EXTERNAL: string;
         API: string;
         URL: string;
@@ -879,6 +890,7 @@ export namespace UploadSource {
     export let LOCAL: string;
     export let DROP_AREA: string;
     export let CAMERA: string;
+    export let VIDEO_CAMERA: string;
     export let EXTERNAL: string;
     export let API: string;
     export let URL: string;
@@ -922,6 +934,7 @@ export const UploaderBlock: {
         LOCAL: string;
         DROP_AREA: string;
         CAMERA: string;
+        VIDEO_CAMERA: string;
         EXTERNAL: string;
         API: string;
         URL: string;
@@ -970,6 +983,7 @@ export const UrlSource: {
         LOCAL: string;
         DROP_AREA: string;
         CAMERA: string;
+        VIDEO_CAMERA: string;
         EXTERNAL: string;
         API: string;
         URL: 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;;;;;;;;EAgBE;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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkFE;AACF;;;;;;EAKE;AACF;;;;;;EAKE;AACF;;;;;;;EAME;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6CE;AACF;;;;;;;;EAWE;AACF;;;;;;EAwBE;AACF;;;;;;;EAUE;AACF;;;;;;;;EAWE;AACF,oCAAqC;AACrC,uCAAwC;AACxC;;;;;;;EAME;AACF;;;;;;;EASE;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;;;;;;;;EAgBE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2IE;AACF;;;;;;;;EAuCE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8CE;AACF;;;;;;;;EAuCE;AACF;;;;;;;EAsGE;AACF;;;;;;;EAaE;AACF;;;;;;;EAME;AACF;;;;;;;;;;;;;;;;EAeE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiEE;AACF;;;;;;;EAWE;AACF;;;;;;;EAWE;AACF;;;;;;;EASE;AACF;;;;;;EAKE;AACF;;;;;;;EAWE;AACF;;;;;;;EAME;AACF;;;;;;;EAWE;AACF;;;;;;;EA2IE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyEE;;;;;;;;;;;;;AAaF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmFE;AACF;;;;;;EAKE;AACF;;;;;;EAKE;AACF;;;;;;;EAME;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8CE;AACF;;;;;;;;EAWE;AACF;;;;;;EAwBE;AACF;;;;;;;EAUE;AACF;;;;;;;;EAWE;AACF,oCAAqC;AACrC,uCAAwC;AACxC;;;;;;;EAME;AACF;;;;;;;EASE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+CE;AACF;;;;;;;EAME;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyDE;AACF;;;;;;;EAeE;AACF;;;;;;EAKE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqDE;AACF;;;;;;EAKE;AACF;;;;;;EAKE;AACF;;;;;;;;;;;;;;;;EAeE;AACF;;;;;;;;;;;;EAWE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkEE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6FE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8CE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0EE;AACK,yCAAiC;AACjC,qCAA6B;AAC7B,6CAAqC;AACrC,oCAA4B"}

package/index.ssr.js

@@ -166,6 +166,7 @@ export const CameraSource = class {
     LOCAL: "local",
     DROP_AREA: "drop-area",
     CAMERA: "camera",
+    VIDEO_CAMERA: "video-camera",
     EXTERNAL: "external",
     API: "js-api",
     URL: "url",
@@ -252,6 +253,7 @@ export const CloudImageEditorActivity = class {
     LOCAL: "local",
     DROP_AREA: "drop-area",
     CAMERA: "camera",
+    VIDEO_CAMERA: "video-camera",
     EXTERNAL: "external",
     API: "js-api",
     URL: "url",
@@ -498,6 +500,7 @@ export const DropArea = class {
     LOCAL: "local",
     DROP_AREA: "drop-area",
     CAMERA: "camera",
+    VIDEO_CAMERA: "video-camera",
     EXTERNAL: "external",
     API: "js-api",
     URL: "url",
@@ -781,6 +784,7 @@ export const ExternalSource = class {
     LOCAL: "local",
     DROP_AREA: "drop-area",
     CAMERA: "camera",
+    VIDEO_CAMERA: "video-camera",
     EXTERNAL: "external",
     API: "js-api",
     URL: "url",
@@ -876,6 +880,7 @@ export const FileItem = class {
     LOCAL: "local",
     DROP_AREA: "drop-area",
     CAMERA: "camera",
+    VIDEO_CAMERA: "video-camera",
     EXTERNAL: "external",
     API: "js-api",
     URL: "url",
@@ -941,6 +946,7 @@ export const FormInput = class {
     LOCAL: "local",
     DROP_AREA: "drop-area",
     CAMERA: "camera",
+    VIDEO_CAMERA: "video-camera",
     EXTERNAL: "external",
     API: "js-api",
     URL: "url",
@@ -1067,6 +1073,7 @@ export const ProgressBarCommon = class {
     LOCAL: "local",
     DROP_AREA: "drop-area",
     CAMERA: "camera",
+    VIDEO_CAMERA: "video-camera",
     EXTERNAL: "external",
     API: "js-api",
     URL: "url",
@@ -1132,6 +1139,7 @@ export const SimpleBtn = class {
     LOCAL: "local",
     DROP_AREA: "drop-area",
     CAMERA: "camera",
+    VIDEO_CAMERA: "video-camera",
     EXTERNAL: "external",
     API: "js-api",
     URL: "url",
@@ -1206,6 +1214,7 @@ export const SourceBtn = class {
     LOCAL: "local",
     DROP_AREA: "drop-area",
     CAMERA: "camera",
+    VIDEO_CAMERA: "video-camera",
     EXTERNAL: "external",
     API: "js-api",
     URL: "url",
@@ -1312,6 +1321,7 @@ export const UploadCtxProvider = class {
     LOCAL: "local",
     DROP_AREA: "drop-area",
     CAMERA: "camera",
+    VIDEO_CAMERA: "video-camera",
     EXTERNAL: "external",
     API: "js-api",
     URL: "url",
@@ -1405,6 +1415,7 @@ export const UploadList = class {
     LOCAL: "local",
     DROP_AREA: "drop-area",
     CAMERA: "camera",
+    VIDEO_CAMERA: "video-camera",
     EXTERNAL: "external",
     API: "js-api",
     URL: "url",
@@ -1438,6 +1449,7 @@ export const UploadSource = {
   LOCAL: "local",
   DROP_AREA: "drop-area",
   CAMERA: "camera",
+  VIDEO_CAMERA: "video-camera",
   EXTERNAL: "external",
   API: "js-api",
   URL: "url",
@@ -1470,6 +1482,7 @@ export const UploaderBlock = class {
     LOCAL: "local",
     DROP_AREA: "drop-area",
     CAMERA: "camera",
+    VIDEO_CAMERA: "video-camera",
     EXTERNAL: "external",
     API: "js-api",
     URL: "url",
@@ -1544,6 +1557,7 @@ export const UrlSource = class {
     LOCAL: "local",
     DROP_AREA: "drop-area",
     CAMERA: "camera",
+    VIDEO_CAMERA: "video-camera",
     EXTERNAL: "external",
     API: "js-api",
     URL: "url",

package/locales/file-uploader/en.d.ts

@@ -45,6 +45,7 @@ declare const _default: {
     'src-type-local': string;
     'src-type-from-url': string;
     'src-type-camera': string;
+    'src-type-video-camera': string;
     'src-type-draw': string;
     'src-type-facebook': string;
     'src-type-dropbox': string;

package/locales/file-uploader/en.js

@@ -45,6 +45,7 @@ export default {
   'src-type-local': 'From device',
   'src-type-from-url': 'From link',
   'src-type-camera': 'Camera',
+  'src-type-video-camera': 'Camera Video',
   'src-type-draw': 'Draw',
   'src-type-facebook': 'Facebook',
   'src-type-dropbox': 'Dropbox',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uploadcare/file-uploader",
-  "version": "1.13.2",
+  "version": "1.13.3-alpha.0",	
   "description": "Building blocks for Uploadcare products integration",
   "keywords": [
     "web components",