@yoobic/yobi 8.5.33 → 8.5.34

package/dist/esm/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/esm/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,

package/dist/types/components/form/form-capture/form-capture.d.ts

@@ -29,10 +29,10 @@ export declare class YooFormCaptureComponent implements IFormCapture {
   allowAnnotate: boolean;
   allowCamera: boolean;
   isImageRecognition: boolean;
+  allowStitching: boolean;
   algorithm: IAlgorithm;
   algorithmDisplay: IImageRecognitionDisplay[];
   isAnimationFinished: boolean;
-  isBackgroundProcess: boolean;
   label: string;
   isPdf?: boolean;
   name: string;
@@ -58,6 +58,7 @@ export declare class YooFormCaptureComponent implements IFormCapture {
   value: string | string[];
   validators: (Validator<string> | IValidatorEntry)[];
   allowURLInput?: boolean;
+  useStitching: boolean;
   validityChanged: EventEmitter<boolean>;
   inputBlurred: EventEmitter<any>;
   inputFocused: EventEmitter<any>;
@@ -199,6 +200,8 @@ export declare class YooFormCaptureComponent implements IFormCapture {
   onShowDistanceDialog(index?: number): void;
   renderDistance(index?: number): any[];
   renderSingle(): any;
+  toggleStitching(ev: CustomEvent<boolean>): void;
+  renderStitchingToggle(): any;
   renderCaptureStatus(): any;
   renderMultiple(): any;
   checkImageOverflow(): boolean;

package/dist/types/components.d.ts

@@ -1972,6 +1972,7 @@ export namespace Components {
         "allowCamera": boolean;
         "allowGif": boolean;
         "allowLibrary": boolean;
+        "allowStitching": boolean;
         "allowURLInput"?: boolean;
         "allowUnsplash": boolean;
         "allowUserImages": boolean;
@@ -1992,7 +1993,6 @@ export namespace Components {
         "hideOptional"?: boolean;
         "imageRecognitionKpiKeys": { name: string; hideMobile: boolean }[];
         "isAnimationFinished": boolean;
-        "isBackgroundProcess": boolean;
         "isHistory": boolean;
         "isImageRecognition": boolean;
         "isPdf"?: boolean;
@@ -2027,6 +2027,7 @@ export namespace Components {
         "updateAutocompleteValues": (tags: any) => Promise<void>;
         "updateData": (value: any, extraData: any) => Promise<void>;
         "useGallery": boolean;
+        "useStitching": boolean;
         "validators": (Validator<string> | IValidatorEntry)[];
         "value": string | string[];
     }
@@ -12809,6 +12810,7 @@ declare namespace LocalJSX {
         "allowCamera"?: boolean;
         "allowGif"?: boolean;
         "allowLibrary"?: boolean;
+        "allowStitching"?: boolean;
         "allowURLInput"?: boolean;
         "allowUnsplash"?: boolean;
         "allowUserImages"?: boolean;
@@ -12829,7 +12831,6 @@ declare namespace LocalJSX {
         "hideOptional"?: boolean;
         "imageRecognitionKpiKeys"?: { name: string; hideMobile: boolean }[];
         "isAnimationFinished"?: boolean;
-        "isBackgroundProcess"?: boolean;
         "isHistory"?: boolean;
         "isImageRecognition"?: boolean;
         "isPdf"?: boolean;
@@ -12863,6 +12864,7 @@ declare namespace LocalJSX {
         "tags"?: string[];
         "type"?: 'video' | 'audio' | 'photo';
         "useGallery"?: boolean;
+        "useStitching"?: boolean;
         "validators"?: (Validator<string> | IValidatorEntry)[];
         "value"?: string | string[];
     }

package/dist/types/home/runner/work/yoobic-ng-6/yoobic-ng-6/design-system/stencil/.stencil/shared/interfaces/src/entities/form-field/form-field.interface.d.ts

@@ -254,10 +254,11 @@ export interface IFormField {
   hideMobile?: boolean;
   hideFromPhotoLibrary?: boolean;
   isImageRecognition?: boolean;
+  allowStitching?: boolean;
+  useStitching?: boolean;
   imageRecognitionAlgorithm?: IAlgorithm;
   imageRecognitionKpiFiles?: any;
   imageRecognitionDisplay?: IImageRecognitionDisplay[];
-  isBackgroundProcess?: boolean;
   dontSaveIfHidden?: boolean;
   color?: TColor;
   size?: number;

package/dist/types/interfaces/form-field/form-field.instance.d.ts

@@ -61,7 +61,6 @@ export interface IFormCapture extends IFormInputBase<string[] | string> {
   allowGif: boolean;
   allowAnnotate: boolean;
   isImageRecognition: boolean;
-  isBackgroundProcess: boolean;
   detailView?: boolean;
   detailViewOptions?: IFormCaptureDetailViewOptions;
   algorithm?: IAlgorithm;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yoobic/yobi",
-  "version": "8.5.33",
+  "version": "8.5.34",
   "description": "Yobi - Yoobic Design System",
   "module": "dist/index.js",
   "main": "dist/index.cjs.js",