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

package/blocks/CloudImageEditor/src/CropFrame.js

@@ -446,54 +446,10 @@ export class CropFrame extends Block {
     this.ref['svg-el'].style.cursor = hoverThumb ? thumbCursor(hoverThumb.direction) : 'initial';
   }
 
-  /**
-   * @private
-   * @param {String} href
-   */
-  _createMask(href) {
-    if (this._frameImage) {
-      this._frameImage.setAttribute('href', href);
-      return;
-    }
-
-    let svg = this.ref['svg-el'];
-    let fr = document.createDocumentFragment();
-
-    let imageNode = createSvgNode('image', {
-      href,
-    });
-
-    imageNode.setAttribute('class', 'uc-cloud-mask');
-
-    fr.appendChild(imageNode);
-
-    svg.appendChild(fr);
-
-    this._frameImage = imageNode;
-  }
-
-  _updateMask() {
-    let cropBox = this.$['*cropBox'];
-
-    if (!cropBox || !this._frameImage) {
-      return;
-    }
-
-    let { x, y, width, height } = cropBox;
-
-    setSvgNodeAttrs(this._frameImage, {
-      x,
-      y,
-      height,
-      width,
-    });
-  }
-
   /** @private */
   _render() {
     this._updateBackdrop();
     this._updateFrame();
-    this._updateMask();
   }
 
   /** @param {boolean} visible */
@@ -535,12 +491,6 @@ export class CropFrame extends Block {
       });
     });
 
-    this.subConfigValue('cloudImageEditorMaskHref', (maskHref) => {
-      if (maskHref) {
-        this._createMask(maskHref);
-      }
-    });
-
     this.sub('dragging', (dragging) => {
       if (!this._frameGuides) return;
       this._frameGuides.setAttribute(

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

@@ -1190,7 +1190,3 @@ 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 { deserealizeCsv } from '../../../utils/comma-separated.js';
+import { deserializeCsv } 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 = deserealizeCsv(tabs).filter((tab) => ALL_TABS.includes(tab));
+  const tabList = deserializeCsv(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',
- *   'mediaRecorerOptions',
+ *   'mediaRecorderOptions',
  * ]}
  */
 export const complexConfigKeys: [
@@ -20,7 +20,7 @@ export const complexConfigKeys: [
     'iconHrefResolver',
     'fileValidators',
     'collectionValidators',
-    'mediaRecorerOptions'
+    '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 */
@@ -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<"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>;
+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>;
 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":"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"}
+{"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"}

package/blocks/Config/Config.js

@@ -4,6 +4,8 @@ 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
@@ -21,7 +23,7 @@ const allConfigKeys = /** @type {(keyof import('../../types').ConfigType)[]} */
  *   'iconHrefResolver',
  *   'fileValidators',
  *   'collectionValidators',
- *   'mediaRecorerOptions',
+ *   'mediaRecorderOptions',
  * ]}
  */
 export const complexConfigKeys = [
@@ -32,7 +34,7 @@ export const complexConfigKeys = [
   'iconHrefResolver',
   'fileValidators',
   'collectionValidators',
-  'mediaRecorerOptions',
+  'mediaRecorderOptions',
 ];
 
 /** @type {(key: keyof import('../../types').ConfigType) => key is keyof import('../../types').ConfigComplexType} */
@@ -136,6 +138,14 @@ 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),
+    });
   }
 
   /**
@@ -145,7 +155,7 @@ class ConfigClass extends Block {
   _getValue(key) {
     const anyThis = /** @type {typeof this & any} */ (this);
     const localPropName = getLocalPropName(key);
-    return anyThis[localPropName];
+    return anyThis[localPropName] ?? this.$[sharedConfigKey(key)];
   }
 
   /**

package/blocks/Config/assertions.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"assertions.d.ts","sourceRoot":"","sources":["assertions.js"],"names":[],"mappings":"AAyBA,oEAAoE;AACpE,mCACc,OAAO,aAAa,EAAE,UAAU;;EAS5C"}

package/blocks/Config/assertions.js

@@ -0,0 +1,37 @@
+import { warnOnce } from '../../utils/warnOnce.js';
+import { debounce } from '../utils/debounce.js';
+
+const ASSERTIONS = [
+  {
+    test: (cfg) => cfg.accept && !!cfg.imgOnly,
+    message:
+      'There could be a mistake.\n' +
+      'Both `accept` and `imgOnly` parameters are set.\n' +
+      'The value of `accept` will be concatenated with the internal image mime types list.',
+  },
+  {
+    test: (cfg) => cfg.enableVideoRecording !== null,
+    message:
+      'The `enableVideoRecording` parameter is deprecated and will be removed in the next major release.\n' +
+      'Please use the `cameraModes` parameter instead.',
+  },
+  {
+    test: (cfg) => cfg.defaultCameraMode !== null,
+    message:
+      'The `defaultCameraMode` parameter is deprecated and will be removed in the next major release.\n' +
+      'Please use the `cameraModes` parameter instead.',
+  },
+];
+
+/** Runs on every config change and warns about potential issues. */
+export const runAssertions = debounce(
+  /** @param {import('../../types').ConfigType} cfg */
+  (cfg) => {
+    for (const { test, message } of ASSERTIONS) {
+      if (test(cfg)) {
+        warnOnce(message);
+      }
+    }
+  },
+  0,
+);

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

package/blocks/Config/initialConfig.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"normalizeConfigValue.d.ts","sourceRoot":"","sources":["normalizeConfigValue.js"],"names":[],"mappings":"AAeO,iCADK,OAAO,WAWlB;AA8JM,sGAHI,OAAO,mDAcjB"}
+{"version":3,"file":"normalizeConfigValue.d.ts","sourceRoot":"","sources":["normalizeConfigValue.js"],"names":[],"mappings":"AAiBO,iCADK,OAAO,WAWlB;AAwKM,sGAHI,OAAO,mDAcjB"}

package/blocks/Config/normalizeConfigValue.js

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

package/blocks/Config/side-effects.d.ts

@@ -0,0 +1,7 @@
+export function runSideEffects<T extends keyof import("../../types").ConfigType>({ key, value, setValue, getValue }: {
+    key: T;
+    value: import("../../types").ConfigType[T];
+    setValue: (key: T, value: import("../../types").ConfigType[T]) => void;
+    getValue: (key: T) => import("../../types").ConfigType[T];
+}): void;
+//# sourceMappingURL=side-effects.d.ts.map

package/blocks/Config/side-effects.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-effects.d.ts","sourceRoot":"","sources":["side-effects.js"],"names":[],"mappings":"AAWO;;;sEAJgE,IAAI;;SAwB1E"}

package/blocks/Config/side-effects.js

@@ -0,0 +1,32 @@
+import { deserializeCsv, serializeCsv } from '../utils/comma-separated.js';
+
+/**
+ * @template {keyof import('../../types').ConfigType} T
+ * @param {{
+ *   key: T;
+ *   value: import('../../types').ConfigType[T];
+ *   setValue: (key: T, value: import('../../types').ConfigType[T]) => void;
+ *   getValue: (key: T) => import('../../types').ConfigType[T];
+ * }} options
+ */
+export const runSideEffects = ({ key, value, setValue, getValue }) => {
+  if (key === 'enableVideoRecording' && value !== null) {
+    let cameraModes = deserializeCsv(getValue('cameraModes'));
+    if (value && !cameraModes.includes('video')) {
+      cameraModes = cameraModes.concat('video');
+    } else if (!value) {
+      cameraModes = cameraModes.filter((mode) => mode !== 'video');
+    }
+    setValue('cameraModes', serializeCsv(cameraModes));
+  }
+
+  if (key === 'defaultCameraMode' && value !== null) {
+    let cameraModes = deserializeCsv(getValue('cameraModes'));
+    cameraModes = cameraModes.sort((a, b) => {
+      if (a === value) return -1;
+      if (b === value) return 1;
+      return 0;
+    });
+    setValue('cameraModes', serializeCsv(cameraModes));
+  }
+};

package/blocks/UploadList/upload-list.css

@@ -1,4 +1,5 @@
 uc-upload-list {
+  position: relative;
   display: flex;
   flex-direction: column;
   width: 100%;

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

@@ -1,3 +1,3 @@
-export function deserealizeCsv(value: string): string[];
+export function deserializeCsv(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,YAOjB;AAGM,oCADK,OAAO,EAAE,UAOpB"}
+{"version":3,"file":"comma-separated.d.ts","sourceRoot":"","sources":["comma-separated.js"],"names":[],"mappings":"AAGO,sCADK,MAAM,YAUjB;AAGM,oCADK,OAAO,EAAE,UAOpB"}

package/blocks/utils/comma-separated.js

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

package/env.d.ts

@@ -1,4 +1,4 @@
 /** Do not edit this file manually. It's generated during build process. */
 export const PACKAGE_NAME: "blocks";
-export const PACKAGE_VERSION: "1.12.0";
+export const PACKAGE_VERSION: "1.13.0";
 //# sourceMappingURL=env.d.ts.map

package/env.js

@@ -1,3 +1,3 @@
 /** Do not edit this file manually. It's generated during build process. */
 export const PACKAGE_NAME = 'blocks';
-export const PACKAGE_VERSION = '1.12.0';
+export const PACKAGE_VERSION = '1.13.0';

package/index.ssr.d.ts

@@ -54,20 +54,6 @@ 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;
@@ -544,7 +530,7 @@ export const Modal: {
     bindAttributes: () => void;
 };
 export const PACKAGE_NAME: "blocks";
-export const PACKAGE_VERSION: "1.12.0";
+export const PACKAGE_VERSION: "1.13.0";
 export const PresenceToggle: {
     new (): {};
     template: 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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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"}
+{"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"}

package/index.ssr.js

@@ -53,17 +53,6 @@ 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">
@@ -118,7 +107,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>
@@ -145,8 +134,8 @@ export const CameraSource = class {
     </button>
 
     <div class="uc-select">
-      <button class="uc-mini-btn uc-btn-microphone" set="onclick: onToggleAudio; @hidden: audioToggleMicorphoneHidden;">
-        <uc-icon set="@name:toggleMicorphoneIcon"></uc-icon>
+      <button class="uc-mini-btn uc-btn-microphone" set="onclick: onToggleAudio; @hidden: audioToggleMicrophoneHidden;">
+        <uc-icon set="@name:toggleMicrophoneIcon"></uc-icon>
       </button>
 
       <uc-select
@@ -375,11 +364,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",
@@ -420,11 +409,11 @@ export const Config = class {
     "useragentintegration",
     "localename",
     "secureuploadsexpirethreshold",
+    "cameramodes",
     "defaultcameramode",
     "enableaudiorecording",
     "enablevideorecording",
     "maxvideorecordingduration",
-    "cloudimageeditormaskhref",
   ];
   static reg = () => {};
   static styleAttrs = [];
@@ -1037,7 +1026,7 @@ export const Modal = class {
   static bindAttributes = () => {};
 };
 export const PACKAGE_NAME = `blocks`;
-export const PACKAGE_VERSION = `1.12.0`;
+export const PACKAGE_VERSION = `1.13.0`;
 export const PresenceToggle = class {
   static template = `<slot></slot> `;
   static reg = () => {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uploadcare/file-uploader",
-  "version": "1.13.0-alpha.3",
+  "version": "1.13.0",
   "description": "Building blocks for Uploadcare products integration",
   "keywords": [
     "web components",
@@ -35,9 +35,7 @@
     "MIT"
   ],
   "type": "module",
-  "sideEffects": [
-    "*.css"
-  ],
+  "sideEffects": ["*.css"],
   "module": "./index.js",
   "exports": {
     ".": {
@@ -142,4 +140,4 @@
     "@uploadcare/upload-client": "^6.14.1",
     "keyux": "^0.7.1"
   }
-}
+}