@yoobic/yobi 8.5.33 → 8.5.34

package/dist/cjs/yoo-form-capture.cjs.entry.js

@@ -62,6 +62,7 @@ const YooFormCaptureComponent = class {
     this.max = 1;
     this.allowCamera = true;
     this.validators = [];
+    this.useStitching = false;
     this.isProcessingPhoto = true;
     this.isSelectorMode = false;
     this.selectedIndex = [];
@@ -249,6 +250,9 @@ const YooFormCaptureComponent = class {
       if (this.extraData.imageRecognitionResults) {
         this.imageRecognitionResults = this.extraData.imageRecognitionResults;
       }
+      if (this.extraData.useStitching) {
+        this.useStitching = this.extraData.useStitching;
+      }
     }
     this.initTags();
   }
@@ -430,7 +434,7 @@ const YooFormCaptureComponent = class {
     // Lenovo bug with taking photo, use media capture plugin or low pref cam instead
     const useMediaCapture = index.isLenovo() && !useLowPerfCamera && !useLibrary && mediaType === cameraHelpers.MediaType.PICTURE;
     let promise;
-    if (this.algorithm && this.algorithm.stitch && !useLibrary) {
+    if (this.algorithm && this.useStitching && !useLibrary) {
       let stitchDirection = null;
       const buttons = [
         { text: index.translate('TOPTOBOTTOM'), icon: 'big-arrow-down', handler: () => {
@@ -1355,9 +1359,19 @@ const YooFormCaptureComponent = class {
       return (index$1.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 (index$1.h("div", { class: "single" }, this.renderCameraContainer(this.value), this.isImageRecognition && !this.isBackgroundProcess && this.renderButtonContainer()));
+      return (index$1.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 && (index$1.h("div", { class: { 'capture-status': true, 'image-reco': this.isImageRecognition } }, index$1.h("div", { class: "status-counters" }, index.translate('YOOBICUSESTITCHING')), index$1.h("div", null, index$1.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 && (index$1.h("div", { class: { 'capture-status': true, 'image-reco': this.isImageRecognition } }, this.required && (index$1.h("div", { class: "status" }, value.length > this.min
@@ -1459,11 +1473,11 @@ const YooFormCaptureComponent = class {
   }
   renderMultipleInNormalMode() {
     const value = this.value || [];
-    return (index$1.h("div", { class: "multiple" }, this.showImageLoader ? index$1.h("yoo-loader", { class: "absolute backdrop", size: "large" }) : null, this.renderCaptureStatus(), index$1.h("div", { class: { 'camera-containers': true, 'no-padding': this.hideOptional } }, this.renderAddCameraContainer(), lodash.isArray(value) &&
+    return (index$1.h("div", { class: "multiple" }, this.showImageLoader ? index$1.h("yoo-loader", { class: "absolute backdrop", size: "large" }) : null, this.renderStitchingToggle(), this.renderCaptureStatus(), index$1.h("div", { class: { 'camera-containers': true, 'no-padding': this.hideOptional } }, this.renderAddCameraContainer(), lodash.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 (index$1.h("div", { class: "camera-container", ref: (el) => (this.cameraContainerElement = el), onClick: (ev) => this.onShowActionSheet(null, index, ev) }, index$1.h("input", { name: "file", multiple: true, class: "add-input", type: "file", onChange: () => this.onAddFileSelect(), accept: this.getAcceptExtension() }), index$1.h("yoo-icon", { size: this.iconSize, name: this.getIcon(), color: this.disabled ? 'light' : 'app-color' })));

package/dist/cjs/yoo-form-dynamic.cjs.entry.js

@@ -1646,7 +1646,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
         };
       }
     }
@@ -4007,9 +4008,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: formHelpers.generateLabel(field),
           multiple: field.type === index.FormFieldType.multiphotos,
           min: field.minPhotos || 1,

package/dist/collection/components/form/form-capture/form-capture.js

@@ -18,6 +18,7 @@ export class YooFormCaptureComponent {
     this.max = 1;
     this.allowCamera = true;
     this.validators = [];
+    this.useStitching = false;
     this.isProcessingPhoto = true;
     this.isSelectorMode = false;
     this.selectedIndex = [];
@@ -205,6 +206,9 @@ export class YooFormCaptureComponent {
       if (this.extraData.imageRecognitionResults) {
         this.imageRecognitionResults = this.extraData.imageRecognitionResults;
       }
+      if (this.extraData.useStitching) {
+        this.useStitching = this.extraData.useStitching;
+      }
     }
     this.initTags();
   }
@@ -386,7 +390,7 @@ export class YooFormCaptureComponent {
     // 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: () => {
@@ -1311,9 +1315,19 @@ export class YooFormCaptureComponent {
       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
@@ -1415,11 +1429,11 @@ export class YooFormCaptureComponent {
   }
   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' })));
@@ -2084,6 +2098,23 @@ export class YooFormCaptureComponent {
         "attribute": "is-image-recognition",
         "reflect": false
       },
+      "allowStitching": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "allow-stitching",
+        "reflect": false
+      },
       "algorithm": {
         "type": "unknown",
         "mutable": false,
@@ -2141,23 +2172,6 @@ export class YooFormCaptureComponent {
         "attribute": "is-animation-finished",
         "reflect": false
       },
-      "isBackgroundProcess": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "is-background-process",
-        "reflect": false
-      },
       "label": {
         "type": "string",
         "mutable": false,
@@ -2443,6 +2457,24 @@ export class YooFormCaptureComponent {
         },
         "attribute": "allow-u-r-l-input",
         "reflect": false
+      },
+      "useStitching": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "use-stitching",
+        "reflect": false,
+        "defaultValue": "false"
       }
     };
   }

package/dist/collection/components/form/form-dynamic/form-dynamic.js

@@ -1446,7 +1446,8 @@ export class YooFormDynamicComponent {
           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
         };
       }
     }
@@ -3807,9 +3808,10 @@ export class YooFormDynamicComponent {
           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,