@yoobic/yobi 8.5.33 → 8.5.34

package/dist/design-system/yoo-form-capture.entry.js

@@ -58,6 +58,7 @@ const YooFormCaptureComponent = class {
     this.max = 1;
     this.allowCamera = true;
     this.validators = [];
+    this.useStitching = false;
     this.isProcessingPhoto = true;
     this.isSelectorMode = false;
     this.selectedIndex = [];
@@ -245,6 +246,9 @@ const YooFormCaptureComponent = class {
       if (this.extraData.imageRecognitionResults) {
         this.imageRecognitionResults = this.extraData.imageRecognitionResults;
       }
+      if (this.extraData.useStitching) {
+        this.useStitching = this.extraData.useStitching;
+      }
     }
     this.initTags();
   }
@@ -426,7 +430,7 @@ const YooFormCaptureComponent = class {
     // Lenovo bug with taking photo, use media capture plugin or low pref cam instead
     const useMediaCapture = isLenovo() && !useLowPerfCamera && !useLibrary && mediaType === MediaType.PICTURE;
     let promise;
-    if (this.algorithm && this.algorithm.stitch && !useLibrary) {
+    if (this.algorithm && this.useStitching && !useLibrary) {
       let stitchDirection = null;
       const buttons = [
         { text: translate('TOPTOBOTTOM'), icon: 'big-arrow-down', handler: () => {
@@ -1351,9 +1355,19 @@ const YooFormCaptureComponent = class {
       return (h("div", { class: "readonly-container" }, this.type === 'audio' ? this.renderAudio(this.value) : this.renderPreview(), this.extraData && this.extraData.distance && this.renderDistance(), this.hasExtraData() && !this.isHistory && this.renderEditIcon()));
     }
     else {
-      return (h("div", { class: "single" }, this.renderCameraContainer(this.value), this.isImageRecognition && !this.isBackgroundProcess && this.renderButtonContainer()));
+      return (h("div", { class: "single" }, this.renderCameraContainer(this.value), this.isImageRecognition && this.renderButtonContainer()));
     }
   }
+  toggleStitching(ev) {
+    ev === null || ev === void 0 ? void 0 : ev.stopPropagation();
+    this.useStitching = !this.useStitching;
+    this.extraData.useStitching = this.useStitching;
+    this.extraDataChanged.emit(this.extraData);
+  }
+  renderStitchingToggle() {
+    var _a;
+    return (this.isImageRecognition && this.allowStitching && (h("div", { class: { 'capture-status': true, 'image-reco': this.isImageRecognition } }, h("div", { class: "status-counters" }, translate('YOOBICUSESTITCHING')), h("div", null, h("yoo-form-toggle", { class: "app-color", size: "medium", readonly: ((_a = this.value) === null || _a === void 0 ? void 0 : _a.length) > 0, value: this.useStitching, onInputChanged: (ev) => { this.toggleStitching(ev); } })))));
+  }
   renderCaptureStatus() {
     const value = this.value || [];
     return (value && (h("div", { class: { 'capture-status': true, 'image-reco': this.isImageRecognition } }, this.required && (h("div", { class: "status" }, value.length > this.min
@@ -1455,11 +1469,11 @@ const YooFormCaptureComponent = class {
   }
   renderMultipleInNormalMode() {
     const value = this.value || [];
-    return (h("div", { class: "multiple" }, this.showImageLoader ? h("yoo-loader", { class: "absolute backdrop", size: "large" }) : null, this.renderCaptureStatus(), h("div", { class: { 'camera-containers': true, 'no-padding': this.hideOptional } }, this.renderAddCameraContainer(), isArray(value) &&
+    return (h("div", { class: "multiple" }, this.showImageLoader ? h("yoo-loader", { class: "absolute backdrop", size: "large" }) : null, this.renderStitchingToggle(), this.renderCaptureStatus(), h("div", { class: { 'camera-containers': true, 'no-padding': this.hideOptional } }, this.renderAddCameraContainer(), isArray(value) &&
       value.length > 0 &&
       value.map((item, index) => {
         return this.renderCameraContainer(item, index);
-      })), this.isImageRecognition && !this.isBackgroundProcess ? this.renderButtonContainer() : null));
+      })), this.isImageRecognition ? this.renderButtonContainer() : null));
   }
   renderAddCameraContainer(index = -1) {
     return (h("div", { class: "camera-container", ref: (el) => (this.cameraContainerElement = el), onClick: (ev) => this.onShowActionSheet(null, index, ev) }, h("input", { name: "file", multiple: true, class: "add-input", type: "file", onChange: () => this.onAddFileSelect(), accept: this.getAcceptExtension() }), h("yoo-icon", { size: this.iconSize, name: this.getIcon(), color: this.disabled ? 'light' : 'app-color' })));

package/dist/design-system/yoo-form-dynamic.entry.js

@@ -1642,7 +1642,8 @@ const YooFormDynamicComponent = class {
           tags: data[field.name].tags,
           _geoloc: data[field.name]._geoloc,
           imageRecognitionResults: data[field.name].imageRecognitionResults,
-          priceRecognitionResults: data[field.name].priceRecognitionResults
+          priceRecognitionResults: data[field.name].priceRecognitionResults,
+          useStitching: data[field.name].useStitching
         };
       }
     }
@@ -4003,9 +4004,10 @@ const YooFormDynamicComponent = class {
           allowCamera: field.allowCamera,
           allowUserImages: field.allowUserImages,
           isImageRecognition: field.isImageRecognition,
+          allowStitching: field.allowStitching,
+          useStitching: field.useStitching,
           algorithm: field.imageRecognitionAlgorithm,
           algorithmDisplay: field.imageRecognitionDisplay,
-          isBackgroundProcess: field.isBackgroundProcess,
           label: generateLabel(field),
           multiple: field.type === FormFieldType.multiphotos,
           min: field.minPhotos || 1,