@unissey-web/sdk-react 3.8.3-rc.9 → 3.9.0

package/README.md

@@ -1,5 +1,42 @@
-# `sdk-react`
+# `@unissey-web/sdk-angular`
 
-> Unissey React Sdk
+> Unissey's React Library
 
-## Usage
+1. [Installation](#1-installation)
+2. [Getting Started](#2-getting-started)
+
+# 1. Installation
+
+## Download the package
+
+```shell
+npm install @unissey-web/sdk-react
+```
+
+# 2. Getting Started
+
+## Required configuration
+
+These following polyfills are recommended for a better use of this library:
+
+- `core-js`
+- `regenerator-runtime`
+- `@webcomponents/webcomponentsjs`
+- `lit/polyfill-support.js`
+
+```shell
+npm install core-js regenerator-runtime @webcomponents/webcomponentsjs lit/polyfill-support.js
+```
+
+And then import the dependencies in your polyfill file:
+
+```typescript
+import "core-js";
+import "regenerator-runtime";
+import "@webcomponents/webcomponentsjs";
+import "lit/polyfill-support.js";
+```
+
+After that, all you need is to import components in your application.
+
+To explore the full range of components offered by this library, please consult our [SDK React documentation](https://v3-unissey-sdk-react.netlify.app).

package/dist/index.js

@@ -735,7 +735,7 @@ var EN = {
 };
 
 var name = "@unissey-web/web-components";
-var version = "3.8.3-rc.9";
+var version = "3.9.0";
 var description = "";
 var module = "./dist/index.js";
 var typings = "./dist/index.d.ts";
@@ -1105,7 +1105,7 @@ var Recorder = /*#__PURE__*/function (_LitElement) {
     _this.isCameraFlipped = false;
     // Does the latest session fails to find a face ? Used to disable the face detection on retry (depending on 'faceChecker' property value')
     _this.faceDetectionFails = false;
-    // Enable or disable the debugger hook of the sdk js
+    // Enable / disable the debugger hook
     _this.disableDebugMode = false;
     _this.sdkJsListener_status = function (status) {
       var _this$shadowRoot, _this$shadowRoot2;
@@ -1381,7 +1381,9 @@ var Recorder = /*#__PURE__*/function (_LitElement) {
       var video = (_this$shadowRoot4 = this.shadowRoot) === null || _this$shadowRoot4 === void 0 ? void 0 : _this$shadowRoot4.getElementById("vid");
       video.addEventListener("resize", this.adjustContainerSize.bind(this));
 
-      // This property is used to disable the debugger
+      // This property is used to disable the debugger. At false, the debugger is desactivated.
+      // By default, it's activated because the "disableDebugMode" property value is false by default.
+      // We need to set it to false and negate it's value because of Lit limitation concerning boolean values
       buildPacked.exports.UnisseySdk.hkdb = !this.disableDebugMode;
     }
   }, {
@@ -2628,6 +2630,7 @@ var SelfieCapture$1 = /*#__PURE__*/function (_LitElement) {
     _this.recorderOptions = {};
     _this.hideCapturePrevBtn = false;
     _this.hideCaptureBtn = false;
+    _this.disableDebugMode = false;
     _this.acquisitionTime = 0;
     return _this;
   }
@@ -2696,7 +2699,7 @@ var SelfieCapture$1 = /*#__PURE__*/function (_LitElement) {
     key: "renderRecorder",
     value: function renderRecorder() {
       var _this$strings$title2, _this$strings$acquisi, _this$strings$acquisi2, _this$strings$acquisi3, _this$strings$acquisi4, _this$strings$acquisi5, _this$strings$acquisi6, _this$strings$recorde, _this$recorderOptions, _this$recorderOptions2, _this$recorderOptions3, _this$recorderOptions4, _this$strings$back;
-      return x(_templateObject2$2 || (_templateObject2$2 = _taggedTemplateLiteral(["\n      <div class=\"box\">\n        <h1 class=\"title\">", "</h1>\n        ", "\n\n        <div class=\"v-space\"></div>\n\n        <div class=\"recorder\">\n          <uni-video-recorder\n            id=\"uni-video-recorder\"\n            @record=\"", "\"\n            @recorderReady=\"", "\"\n            @recordCompleted=\"", "\"\n            @recordStarting=\"", "\"\n            @recordCapturing=\"", "\"\n            @recordInterrupted=\"", "\"\n            strings=\"", "\"\n            preset=\"", "\"\n            log-level=\"", "\"\n            config=\"", "\"\n            face-checker=\"", "\"\n            instruction-messages=\"", "\"\n            ?hide-capture-btn=", "\n          >\n            ", "\n          </uni-video-recorder>\n        </div>\n      </div>\n    "])), (_this$strings$title2 = this.strings.title) !== null && _this$strings$title2 !== void 0 ? _this$strings$title2 : selfieCaptureStrings.title, this.acquisitionTime !== 0 ? x(_templateObject3$1 || (_templateObject3$1 = _taggedTemplateLiteral(["\n              <span class=\"text\">\n                ", "\n                ", "\n                ", "\n              </span>\n            "])), (_this$strings$acquisi = (_this$strings$acquisi2 = this.strings.acquisitionDuration) === null || _this$strings$acquisi2 === void 0 ? void 0 : _this$strings$acquisi2.base) !== null && _this$strings$acquisi !== void 0 ? _this$strings$acquisi : selfieCaptureStrings.acquisitionDuration.base, Math.ceil(this.acquisitionTime), Math.ceil(this.acquisitionTime) === 1 ? (_this$strings$acquisi3 = (_this$strings$acquisi4 = this.strings.acquisitionDuration) === null || _this$strings$acquisi4 === void 0 ? void 0 : _this$strings$acquisi4.singular) !== null && _this$strings$acquisi3 !== void 0 ? _this$strings$acquisi3 : selfieCaptureStrings.acquisitionDuration.singular : (_this$strings$acquisi5 = (_this$strings$acquisi6 = this.strings.acquisitionDuration) === null || _this$strings$acquisi6 === void 0 ? void 0 : _this$strings$acquisi6.plural) !== null && _this$strings$acquisi5 !== void 0 ? _this$strings$acquisi5 : selfieCaptureStrings.acquisitionDuration.plural) : "", this.handleRecord, this.handleRecoderReady, this.handleRecordCompleted, this.handleRecordStarting, this.handleRecordCapturing, this.handleRecordInterrupted, JSON.stringify((_this$strings$recorde = this.strings.recorder) !== null && _this$strings$recorde !== void 0 ? _this$strings$recorde : selfieCaptureStrings.recorder), (_this$recorderOptions = this.recorderOptions.preset) !== null && _this$recorderOptions !== void 0 ? _this$recorderOptions : buildPacked.exports.AcquisitionPreset.SELFIE_FAST, this.recorderOptions.logLevel, JSON.stringify((_this$recorderOptions2 = this.recorderOptions.config) !== null && _this$recorderOptions2 !== void 0 ? _this$recorderOptions2 : {}), (_this$recorderOptions3 = this.recorderOptions.faceChecker) !== null && _this$recorderOptions3 !== void 0 ? _this$recorderOptions3 : "disabled-on-retry", JSON.stringify((_this$recorderOptions4 = this.recorderOptions.instructionMessages) !== null && _this$recorderOptions4 !== void 0 ? _this$recorderOptions4 : []), this.hideCaptureBtn, this.hideCapturePrevBtn ? x(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteral([""]))) : x(_templateObject5$1 || (_templateObject5$1 = _taggedTemplateLiteral(["<div slot=\"left\">\n                  <uni-button variant=\"outlined\" @click=\"", "\">\n                    <uni-back-arrow-icon slot=\"icon\"></uni-back-arrow-icon>\n                    ", "\n                  </uni-button>\n                </div>"])), this.handleBack, (_this$strings$back = this.strings.back) !== null && _this$strings$back !== void 0 ? _this$strings$back : selfieCaptureStrings.back));
+      return x(_templateObject2$2 || (_templateObject2$2 = _taggedTemplateLiteral(["\n      <div class=\"box\">\n        <h1 class=\"title\">", "</h1>\n        ", "\n\n        <div class=\"v-space\"></div>\n\n        <div class=\"recorder\">\n          <uni-video-recorder\n            id=\"uni-video-recorder\"\n            @record=\"", "\"\n            @recorderReady=\"", "\"\n            @recordCompleted=\"", "\"\n            @recordStarting=\"", "\"\n            @recordCapturing=\"", "\"\n            @recordInterrupted=\"", "\"\n            strings=\"", "\"\n            preset=\"", "\"\n            log-level=\"", "\"\n            config=\"", "\"\n            face-checker=\"", "\"\n            instruction-messages=\"", "\"\n            ?hide-capture-btn=", "\n            ?disable-debug-mode=", "\n          >\n            ", "\n          </uni-video-recorder>\n        </div>\n      </div>\n    "])), (_this$strings$title2 = this.strings.title) !== null && _this$strings$title2 !== void 0 ? _this$strings$title2 : selfieCaptureStrings.title, this.acquisitionTime !== 0 ? x(_templateObject3$1 || (_templateObject3$1 = _taggedTemplateLiteral(["\n              <span class=\"text\">\n                ", "\n                ", "\n                ", "\n              </span>\n            "])), (_this$strings$acquisi = (_this$strings$acquisi2 = this.strings.acquisitionDuration) === null || _this$strings$acquisi2 === void 0 ? void 0 : _this$strings$acquisi2.base) !== null && _this$strings$acquisi !== void 0 ? _this$strings$acquisi : selfieCaptureStrings.acquisitionDuration.base, Math.ceil(this.acquisitionTime), Math.ceil(this.acquisitionTime) === 1 ? (_this$strings$acquisi3 = (_this$strings$acquisi4 = this.strings.acquisitionDuration) === null || _this$strings$acquisi4 === void 0 ? void 0 : _this$strings$acquisi4.singular) !== null && _this$strings$acquisi3 !== void 0 ? _this$strings$acquisi3 : selfieCaptureStrings.acquisitionDuration.singular : (_this$strings$acquisi5 = (_this$strings$acquisi6 = this.strings.acquisitionDuration) === null || _this$strings$acquisi6 === void 0 ? void 0 : _this$strings$acquisi6.plural) !== null && _this$strings$acquisi5 !== void 0 ? _this$strings$acquisi5 : selfieCaptureStrings.acquisitionDuration.plural) : "", this.handleRecord, this.handleRecoderReady, this.handleRecordCompleted, this.handleRecordStarting, this.handleRecordCapturing, this.handleRecordInterrupted, JSON.stringify((_this$strings$recorde = this.strings.recorder) !== null && _this$strings$recorde !== void 0 ? _this$strings$recorde : selfieCaptureStrings.recorder), (_this$recorderOptions = this.recorderOptions.preset) !== null && _this$recorderOptions !== void 0 ? _this$recorderOptions : buildPacked.exports.AcquisitionPreset.SELFIE_FAST, this.recorderOptions.logLevel, JSON.stringify((_this$recorderOptions2 = this.recorderOptions.config) !== null && _this$recorderOptions2 !== void 0 ? _this$recorderOptions2 : {}), (_this$recorderOptions3 = this.recorderOptions.faceChecker) !== null && _this$recorderOptions3 !== void 0 ? _this$recorderOptions3 : "disabled-on-retry", JSON.stringify((_this$recorderOptions4 = this.recorderOptions.instructionMessages) !== null && _this$recorderOptions4 !== void 0 ? _this$recorderOptions4 : []), this.hideCaptureBtn, this.disableDebugMode, this.hideCapturePrevBtn ? x(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteral([""]))) : x(_templateObject5$1 || (_templateObject5$1 = _taggedTemplateLiteral(["<div slot=\"left\">\n                  <uni-button variant=\"outlined\" @click=\"", "\">\n                    <uni-back-arrow-icon slot=\"icon\"></uni-back-arrow-icon>\n                    ", "\n                  </uni-button>\n                </div>"])), this.handleBack, (_this$strings$back = this.strings.back) !== null && _this$strings$back !== void 0 ? _this$strings$back : selfieCaptureStrings.back));
     }
   }, {
     key: "render",
@@ -2727,6 +2730,10 @@ SelfieCapture$1.properties = {
     attribute: "hide-capture-btn",
     type: Boolean
   },
+  disableDebugMode: {
+    attribute: "disable-debug-mode",
+    type: Boolean
+  },
   captureStep: {
     state: true
   },
@@ -2806,6 +2813,7 @@ var ReferenceCapture$1 = /*#__PURE__*/function (_LitElement) {
     _this.strings = {};
     _this.recorderOptions = {};
     _this.hideCaptureBtn = false;
+    _this.disableDebugMode = false;
     return _this;
   }
   _inherits(ReferenceCapture, _LitElement);
@@ -2972,14 +2980,14 @@ var ReferenceCapture$1 = /*#__PURE__*/function (_LitElement) {
   }, {
     key: "renderPictureRecord",
     value: function renderPictureRecord() {
-      var _this$strings$title2, _this$strings$picture2, _this$strings$picture3, _this$strings$back2;
-      return x(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      <div class=\"box\">\n        <h1 class=\"title\">", "</h1>\n        <span class=\"subtitle\">\n          ", "\n        </span>\n\n        <div class=\"recorder v-space\">\n          <uni-picture-recorder\n            id=\"uni-picture-recorder\"\n            @picture=\"", "\"\n            @recorderReady=\"", "\"\n            @recordCompleted=\"", "\"\n            @recordStarting=\"", "\"\n            @recordCapturing=\"", "\"\n            @recordInterrupted=\"", "\"\n            strings=\"", "\"\n            log-level=\"", "\"\n            ?hide-capture-btn=", "\n          >\n            <div slot=\"left\">\n              <uni-button variant=\"outlined\" @click=\"", "\">\n                <uni-back-arrow-icon slot=\"icon\"></uni-back-arrow-icon>\n                ", "\n              </uni-button>\n            </div>\n          </uni-picture-recorder>\n        </div>\n      </div>\n    "])), (_this$strings$title2 = this.strings.title) !== null && _this$strings$title2 !== void 0 ? _this$strings$title2 : referenceCaptureStrings.title, (_this$strings$picture2 = this.strings.pictureRecordSubtitle) !== null && _this$strings$picture2 !== void 0 ? _this$strings$picture2 : referenceCaptureStrings.pictureRecordSubtitle, this.handlePictureCapture, this.handlePictureRecoderReady, this.handleRecordCompleted, this.handleRecordStarting, this.handleRecordCapturing, this.handleRecordInterrupted, JSON.stringify((_this$strings$picture3 = this.strings.pictureRecorder) !== null && _this$strings$picture3 !== void 0 ? _this$strings$picture3 : referenceCaptureStrings.pictureRecorder), this.recorderOptions.logLevel, this.hideCaptureBtn, this.displayDirectionsStep, (_this$strings$back2 = this.strings.back) !== null && _this$strings$back2 !== void 0 ? _this$strings$back2 : referenceCaptureStrings.back);
+      var _this$strings$title2, _this$strings$picture2, _this$strings$picture3, _this$recorderOptions, _this$strings$back2;
+      return x(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      <div class=\"box\">\n        <h1 class=\"title\">", "</h1>\n        <span class=\"subtitle\">\n          ", "\n        </span>\n\n        <div class=\"recorder v-space\">\n          <uni-picture-recorder\n            id=\"uni-picture-recorder\"\n            @picture=\"", "\"\n            @recorderReady=\"", "\"\n            @recordCompleted=\"", "\"\n            @recordStarting=\"", "\"\n            @recordCapturing=\"", "\"\n            @recordInterrupted=\"", "\"\n            strings=\"", "\"\n            log-level=\"", "\"\n            ?hide-capture-btn=", "\n            ?disable-debug-mode=", "\n          >\n            <div slot=\"left\">\n              <uni-button variant=\"outlined\" @click=\"", "\">\n                <uni-back-arrow-icon slot=\"icon\"></uni-back-arrow-icon>\n                ", "\n              </uni-button>\n            </div>\n          </uni-picture-recorder>\n        </div>\n      </div>\n    "])), (_this$strings$title2 = this.strings.title) !== null && _this$strings$title2 !== void 0 ? _this$strings$title2 : referenceCaptureStrings.title, (_this$strings$picture2 = this.strings.pictureRecordSubtitle) !== null && _this$strings$picture2 !== void 0 ? _this$strings$picture2 : referenceCaptureStrings.pictureRecordSubtitle, this.handlePictureCapture, this.handlePictureRecoderReady, this.handleRecordCompleted, this.handleRecordStarting, this.handleRecordCapturing, this.handleRecordInterrupted, JSON.stringify((_this$strings$picture3 = this.strings.pictureRecorder) !== null && _this$strings$picture3 !== void 0 ? _this$strings$picture3 : referenceCaptureStrings.pictureRecorder), (_this$recorderOptions = this.recorderOptions) === null || _this$recorderOptions === void 0 ? void 0 : _this$recorderOptions.logLevel, this.hideCaptureBtn, this.disableDebugMode, this.displayDirectionsStep, (_this$strings$back2 = this.strings.back) !== null && _this$strings$back2 !== void 0 ? _this$strings$back2 : referenceCaptureStrings.back);
     }
   }, {
     key: "renderVideoRecord",
     value: function renderVideoRecord() {
-      var _this$strings$title3, _this$strings$videoRe, _this$strings$videoRe2, _this$strings$back3;
-      return x(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      <div class=\"box\">\n        <h1 class=\"title\">", "</h1>\n        <span class=\"subtitle\"\n          >", "</span\n        >\n\n        <div class=\"recorder v-space\">\n          <uni-video-recorder\n            id=\"uni-video-recorder\"\n            strings=\"", "\"\n            preset=\"", "\"\n            log-level=\"", "\"\n            face-checker=\"disabled\"\n            @record=\"", "\"\n            @recorderReady=\"", "\"\n            @recordCompleted=\"", "\"\n            @recordStarting=\"", "\"\n            @recordCapturing=\"", "\"\n            @recordInterrupted=\"", "\"\n            ?hide-capture-btn=", "\n          >\n            <div slot=\"left\">\n              <uni-button variant=\"outlined\" @click=\"", "\">\n                <uni-back-arrow-icon slot=\"icon\"></uni-back-arrow-icon>\n                ", "\n              </uni-button>\n            </div>\n          </uni-video-recorder>\n        </div>\n      </div>\n    "])), (_this$strings$title3 = this.strings.title) !== null && _this$strings$title3 !== void 0 ? _this$strings$title3 : referenceCaptureStrings.title, (_this$strings$videoRe = this.strings.videoRecordSubtitle) !== null && _this$strings$videoRe !== void 0 ? _this$strings$videoRe : referenceCaptureStrings.videoRecordSubtitle, JSON.stringify((_this$strings$videoRe2 = this.strings.videoRecorder) !== null && _this$strings$videoRe2 !== void 0 ? _this$strings$videoRe2 : referenceCaptureStrings.videoRecorder), buildPacked.exports.AcquisitionPreset.DOC_VIDEO, this.recorderOptions.logLevel, this.handleVideoRecord, this.handleVideoRecoderReady, this.handleRecordCompleted, this.handleRecordStarting, this.handleRecordCapturing, this.handleRecordInterrupted, this.hideCaptureBtn, this.displayDirectionsStep, (_this$strings$back3 = this.strings.back) !== null && _this$strings$back3 !== void 0 ? _this$strings$back3 : referenceCaptureStrings.back);
+      var _this$strings$title3, _this$strings$videoRe, _this$strings$videoRe2, _this$recorderOptions2, _this$strings$back3;
+      return x(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      <div class=\"box\">\n        <h1 class=\"title\">", "</h1>\n        <span class=\"subtitle\"\n          >", "</span\n        >\n\n        <div class=\"recorder v-space\">\n          <uni-video-recorder\n            id=\"uni-video-recorder\"\n            strings=\"", "\"\n            preset=\"", "\"\n            log-level=\"", "\"\n            face-checker=\"disabled\"\n            @record=\"", "\"\n            @recorderReady=\"", "\"\n            @recordCompleted=\"", "\"\n            @recordStarting=\"", "\"\n            @recordCapturing=\"", "\"\n            @recordInterrupted=\"", "\"\n            ?hide-capture-btn=", "\n            ?disable-debug-mode=", "\n          >\n            <div slot=\"left\">\n              <uni-button variant=\"outlined\" @click=\"", "\">\n                <uni-back-arrow-icon slot=\"icon\"></uni-back-arrow-icon>\n                ", "\n              </uni-button>\n            </div>\n          </uni-video-recorder>\n        </div>\n      </div>\n    "])), (_this$strings$title3 = this.strings.title) !== null && _this$strings$title3 !== void 0 ? _this$strings$title3 : referenceCaptureStrings.title, (_this$strings$videoRe = this.strings.videoRecordSubtitle) !== null && _this$strings$videoRe !== void 0 ? _this$strings$videoRe : referenceCaptureStrings.videoRecordSubtitle, JSON.stringify((_this$strings$videoRe2 = this.strings.videoRecorder) !== null && _this$strings$videoRe2 !== void 0 ? _this$strings$videoRe2 : referenceCaptureStrings.videoRecorder), buildPacked.exports.AcquisitionPreset.DOC_VIDEO, (_this$recorderOptions2 = this.recorderOptions) === null || _this$recorderOptions2 === void 0 ? void 0 : _this$recorderOptions2.logLevel, this.handleVideoRecord, this.handleVideoRecoderReady, this.handleRecordCompleted, this.handleRecordStarting, this.handleRecordCapturing, this.handleRecordInterrupted, this.hideCaptureBtn, this.disableDebugMode, this.displayDirectionsStep, (_this$strings$back3 = this.strings.back) !== null && _this$strings$back3 !== void 0 ? _this$strings$back3 : referenceCaptureStrings.back);
     }
   }, {
     key: "renderVideoReplay",
@@ -3015,6 +3023,10 @@ ReferenceCapture$1.properties = {
     attribute: "hide-capture-btn",
     type: Boolean
   },
+  disableDebugMode: {
+    attribute: "disable-debug-mode",
+    type: Boolean
+  },
   state: {
     state: true
   }
@@ -3034,6 +3046,7 @@ var FullCapture$1 = /*#__PURE__*/function (_LitElement) {
     _this.recorderOptions = {};
     _this.hideSelfieCaptureBtn = false;
     _this.hideReferenceCaptureBtn = false;
+    _this.disableDebugMode = false;
     return _this;
   }
   _inherits(FullCapture, _LitElement);
@@ -3075,13 +3088,13 @@ var FullCapture$1 = /*#__PURE__*/function (_LitElement) {
     key: "renderReferenceStep",
     value: function renderReferenceStep() {
       var _this$strings$referen, _this$strings$referen2, _this$strings$referen3;
-      return x(_templateObject || (_templateObject = _taggedTemplateLiteral([" <uni-reference-capture\n      @reference=\"", "\"\n      @recorderReady=\"", "\"\n      recorder-options=\"", "\"\n      strings=\"", "\"\n      ?hide-capture-btn=", "\n    >\n      <slot name=\"reference-directions\" slot=\"directions\">\n        <uni-image-capture-directions\n          strings=\"", "\"\n        ></uni-image-capture-directions>\n      </slot>\n\n      <slot name=\"action-btn\" slot=\"action-btn\"></slot>\n    </uni-reference-capture>"])), this.handleReference, this.handleRecoderReady, JSON.stringify(this.recorderOptions), JSON.stringify((_this$strings$referen = this.strings.reference) !== null && _this$strings$referen !== void 0 ? _this$strings$referen : referenceCaptureStrings), this.hideReferenceCaptureBtn, JSON.stringify((_this$strings$referen2 = (_this$strings$referen3 = this.strings.reference) === null || _this$strings$referen3 === void 0 ? void 0 : _this$strings$referen3.directions) !== null && _this$strings$referen2 !== void 0 ? _this$strings$referen2 : referenceCaptureStrings.directions));
+      return x(_templateObject || (_templateObject = _taggedTemplateLiteral([" <uni-reference-capture\n      @reference=\"", "\"\n      @recorderReady=\"", "\"\n      recorder-options=\"", "\"\n      strings=\"", "\"\n      ?hide-capture-btn=", "\n      ?disable-debug-mode=", "\n    >\n      <slot name=\"reference-directions\" slot=\"directions\">\n        <uni-image-capture-directions\n          strings=\"", "\"\n        ></uni-image-capture-directions>\n      </slot>\n\n      <slot name=\"action-btn\" slot=\"action-btn\"></slot>\n    </uni-reference-capture>"])), this.handleReference, this.handleRecoderReady, JSON.stringify(this.recorderOptions), JSON.stringify((_this$strings$referen = this.strings.reference) !== null && _this$strings$referen !== void 0 ? _this$strings$referen : referenceCaptureStrings), this.hideReferenceCaptureBtn, this.disableDebugMode, JSON.stringify((_this$strings$referen2 = (_this$strings$referen3 = this.strings.reference) === null || _this$strings$referen3 === void 0 ? void 0 : _this$strings$referen3.directions) !== null && _this$strings$referen2 !== void 0 ? _this$strings$referen2 : referenceCaptureStrings.directions));
     }
   }, {
     key: "renderSelfieStep",
     value: function renderSelfieStep() {
       var _this$strings$selfie, _this$strings$selfie$, _this$strings$selfie2, _this$strings$selfie$2, _this$strings$selfie3;
-      return x(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["<uni-selfie-capture\n      @selfie=\"", "\"\n      @recorderReady=\"", "\"\n      strings=\"", "\"\n      recorder-options=\"", "\"\n      ?hide-capture-btn=", "\n    >\n      <slot name=\"selfie-directions\" slot=\"directions\">\n        <uni-video-record-directions\n          strings=\"", "\"\n        >\n        </uni-video-record-directions>\n      </slot>\n      <uni-button slot=\"action-button\" variant=\"outlined\" @click=\"", "\">\n        <uni-back-arrow-icon slot=\"icon\"></uni-back-arrow-icon>\n        ", "\n      </uni-button>\n    </uni-selfie-capture>"])), this.handleSelfie, this.handleRecoderReady, JSON.stringify((_this$strings$selfie = this.strings.selfie) !== null && _this$strings$selfie !== void 0 ? _this$strings$selfie : selfieCaptureStrings), JSON.stringify(this.recorderOptions), this.hideSelfieCaptureBtn, JSON.stringify((_this$strings$selfie$ = (_this$strings$selfie2 = this.strings.selfie) === null || _this$strings$selfie2 === void 0 ? void 0 : _this$strings$selfie2.directions) !== null && _this$strings$selfie$ !== void 0 ? _this$strings$selfie$ : selfieCaptureStrings.directions), this.handleBack, (_this$strings$selfie$2 = (_this$strings$selfie3 = this.strings.selfie) === null || _this$strings$selfie3 === void 0 ? void 0 : _this$strings$selfie3.back) !== null && _this$strings$selfie$2 !== void 0 ? _this$strings$selfie$2 : selfieCaptureStrings.back);
+      return x(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["<uni-selfie-capture\n      @selfie=\"", "\"\n      @recorderReady=\"", "\"\n      strings=\"", "\"\n      recorder-options=\"", "\"\n      ?hide-capture-btn=", "\n      ?disable-debug-mode=", "\n    >\n      <slot name=\"selfie-directions\" slot=\"directions\">\n        <uni-video-record-directions\n          strings=\"", "\"\n        >\n        </uni-video-record-directions>\n      </slot>\n      <uni-button slot=\"action-button\" variant=\"outlined\" @click=\"", "\">\n        <uni-back-arrow-icon slot=\"icon\"></uni-back-arrow-icon>\n        ", "\n      </uni-button>\n    </uni-selfie-capture>"])), this.handleSelfie, this.handleRecoderReady, JSON.stringify((_this$strings$selfie = this.strings.selfie) !== null && _this$strings$selfie !== void 0 ? _this$strings$selfie : selfieCaptureStrings), JSON.stringify(this.recorderOptions), this.hideSelfieCaptureBtn, this.disableDebugMode, JSON.stringify((_this$strings$selfie$ = (_this$strings$selfie2 = this.strings.selfie) === null || _this$strings$selfie2 === void 0 ? void 0 : _this$strings$selfie2.directions) !== null && _this$strings$selfie$ !== void 0 ? _this$strings$selfie$ : selfieCaptureStrings.directions), this.handleBack, (_this$strings$selfie$2 = (_this$strings$selfie3 = this.strings.selfie) === null || _this$strings$selfie3 === void 0 ? void 0 : _this$strings$selfie3.back) !== null && _this$strings$selfie$2 !== void 0 ? _this$strings$selfie$2 : selfieCaptureStrings.back);
     }
   }, {
     key: "render",
@@ -3112,6 +3125,10 @@ FullCapture$1.properties = {
     attribute: "hide-reference-capture-btn",
     type: Boolean
   },
+  disableDebugMode: {
+    attribute: "disable-debug-mode",
+    type: Boolean
+  },
   captureStep: {
     state: true
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unissey-web/sdk-react",
-  "version": "3.8.3-rc.9",
+  "version": "3.9.0",
   "description": "Unissey React Sdk",
   "license": "ISC",
   "module": "./dist/index.js",
@@ -22,7 +22,7 @@
   },
   "dependencies": {
     "@lit-labs/react": "^1.0.2",
-    "@unissey-web/web-components": "3.8.3-rc.9"
+    "@unissey-web/web-components": "3.9.0"
   },
   "peerDependencies": {
     "react": "^17.0.0 || ^18.0.0",