@yoobic/yobi 8.5.0-3 → 8.5.0-4

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

@@ -1029,6 +1029,7 @@ export class YooFormCaptureComponent {
     showAlert('', [translate('YOOBICOK')], description);
   }
   async onShowActionSheet(value, index, event) {
+    var _a, _b, _c;
     if (index && index < 0 && this.max && this.value && this.value.length === this.max) {
       this.onShowMaximumCaptureReached();
       return;
@@ -1136,7 +1137,7 @@ export class YooFormCaptureComponent {
       }
       else if (buttons.length > 0) {
         if (isWeb(this.host)) {
-          showContextMenu(event, { multipleSelection: false, contentButtons: buttons, className: 'width-unset', hostElement: this.cameraContainerElement });
+          showContextMenu(event, { multipleSelection: false, contentButtons: buttons, className: 'width-unset', hostElement: this.cameraContainerElement || ((_c = (_b = (_a = this.host) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector) === null || _c === void 0 ? void 0 : _c.call(_b, '.camera-container')) });
         }
         else {
           showActionSheet(buttons, null, { heading: actionSheetTitle });

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

@@ -767,6 +767,23 @@ export class YooFormDynamicComponent {
       }
     }, 1000);
   }
+  getActiveSlideWithField(field) {
+    let activeSlide;
+    this.slides.forEach((s) => {
+      let found = false;
+      if (s.items) {
+        s.items.forEach((f) => {
+          if (f.name === field.name) {
+            found = true;
+          }
+        });
+      }
+      if (found) {
+        activeSlide = s;
+      }
+    });
+    return activeSlide;
+  }
   checkIfFirstSlideAndLockSwipePrev() {
     // timeout -> wait swipe is done
     setTimeout(() => {
@@ -1327,42 +1344,27 @@ export class YooFormDynamicComponent {
       dataArray.forEach((d) => {
         const key = d.key;
         const value = d.value;
-        let activeSlide;
-        if (this.slides) {
-          this.slides.forEach((s) => {
-            let found = false;
-            if (s.items) {
-              s.items.forEach((f) => {
-                if (f.name === field.name) {
-                  found = true;
-                }
-              });
-            }
-            if (found) {
-              activeSlide = s;
-            }
-          });
-          if (activeSlide) {
-            const fieldIndex = activeSlide.items.indexOf(field);
-            for (let i = fieldIndex + 1; i < activeSlide.items.length; i++) {
-              if (key && key.toLowerCase && activeSlide.items[i].title.toLowerCase() === key.toLowerCase()) {
-                const foundField = cloneDeep(activeSlide.items[i]);
-                let isVisibleProp = true;
-                if (foundField.condition) {
-                  // we have to pass the whole data because maybe some conditions are on other fields
-                  // we also have to disable the hide from mobile here
-                  foundField.hideMobile = false;
-                  foundField.readonly = false;
-                  isVisibleProp = isVisible(foundField, false, Object.assign({ [foundField.name]: { value } }, this.currentData), this.currentDataFlatten, this.suffix, this.session);
-                }
-                if (isVisibleProp || !foundField.dontSaveIfHidden) {
-                  this.currentData[foundField.name] = { value };
-                }
-                break;
+        const activeSlide = this.getActiveSlideWithField(field);
+        if (this.slides && activeSlide) {
+          const fieldIndex = activeSlide.items.indexOf(field);
+          for (let i = fieldIndex + 1; i < activeSlide.items.length; i++) {
+            if (key && key.toLowerCase && activeSlide.items[i].title.toLowerCase() === key.toLowerCase()) {
+              const foundField = cloneDeep(activeSlide.items[i]);
+              let isVisibleProp = true;
+              if (foundField.condition) {
+                // we have to pass the whole data because maybe some conditions are on other fields
+                // we also have to disable the hide from mobile here
+                foundField.hideMobile = false;
+                foundField.readonly = false;
+                isVisibleProp = isVisible(foundField, false, Object.assign({ [foundField.name]: { value } }, this.currentData), this.currentDataFlatten, this.suffix, this.session);
               }
-              else if (activeSlide.items[i].isImageRecognition) {
-                break;
+              if (isVisibleProp || !foundField.dontSaveIfHidden) {
+                this.currentData[foundField.name] = { value };
               }
+              break;
+            }
+            else if (activeSlide.items[i].isImageRecognition) {
+              break;
             }
           }
         }
@@ -3888,9 +3890,7 @@ export class YooFormDynamicComponent {
         TagType = 'yoo-form-capture';
         const imageRecognitionKpiKeys = [];
         if (field.isImageRecognition) {
-          // slideIndex needs to be based on the active tab index
-          const finalIndex = this.isRenderFormSlidesWithTab() ? this.selectedTabIndex || 0 : slideIndex;
-          const activeSlide = this.slides[finalIndex];
+          const activeSlide = this.getActiveSlideWithField(field);
           for (let i = inputIndex + 1; i < activeSlide.items.length; i++) {
             const f = activeSlide.items[i];
             if (f.readonly && f.title) {

package/dist/collection/feature-platform/login/login/login.css

@@ -490,19 +490,19 @@ svg:not(:root) {
   .outer-login-container:not(.emulated) .header .login-main-title {
     display: none;
   }
-  .outer-login-container:not(.emulated) #error-alert {
+  .outer-login-container:not(.emulated) #error-alert:not(.mobile) {
     top: 7.5rem;
     width: 41.5rem;
     margin: 0 calc((100% - 41.5rem) / 2);
   }
-  .outer-login-container:not(.emulated)[is-whitelabel] #error-alert {
+  .outer-login-container:not(.emulated)[is-whitelabel] #error-alert:not(.mobile) {
     top: 9rem;
   }
   .outer-login-container:not(.emulated)[logo-shape=square] .header img {
     height: var(--logo-08, 6rem);
     max-height: var(--logo-08, 6rem);
   }
-  .outer-login-container:not(.emulated)[logo-shape=square] #error-alert {
+  .outer-login-container:not(.emulated)[logo-shape=square] #error-alert:not(.mobile) {
     top: 11rem;
   }
   .outer-login-container:not(.emulated).tablet #error-alert {
@@ -590,32 +590,45 @@ svg:not(:root) {
   }
 }
 @media screen and (max-height: 799px) {
-  .outer-login-container:not([is-whitelabel]).keyboard-closed:not(.emulated) .header img {
+  .outer-login-container.keyboard-closed:not(.emulated) .header img {
     margin-top: var(--spacing-32, 2rem);
   }
+  .outer-login-container.keyboard-closed:not(.emulated)[logo-shape=square] .header img {
+    margin-top: var(--spacing-48, 3rem);
+  }
 }
 @media screen and (max-height: 749px) {
-  .outer-login-container:not([is-whitelabel]).keyboard-closed:not(.emulated) .header img {
+  .outer-login-container.keyboard-closed:not(.emulated) .header img {
     margin-top: var(--spacing-16, 1rem);
   }
-  .outer-login-container:not([is-whitelabel]).keyboard-closed:not(.emulated) #error-alert {
+  .outer-login-container.keyboard-closed:not(.emulated)[logo-shape=square] .header img {
+    margin-top: var(--spacing-32, 2rem);
+  }
+  .outer-login-container.keyboard-closed:not(.emulated) #error-alert:not(.mobile):not(.tablet) {
     top: 6rem;
   }
 }
 @media screen and (max-height: 699px) {
-  .outer-login-container:not([is-whitelabel]).keyboard-closed:not(.emulated) .header img {
+  .outer-login-container.keyboard-closed:not(.emulated) .header img {
     margin-top: var(--spacing-08, 0.5rem);
     margin-bottom: var(--spacing-08, 0.5rem);
   }
-  .outer-login-container:not([is-whitelabel]).keyboard-closed:not(.emulated) #error-alert {
+  .outer-login-container.keyboard-closed:not(.emulated)[logo-shape=square] .header img {
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+  .outer-login-container.keyboard-closed:not(.emulated) #error-alert:not(.mobile):not(.tablet) {
     top: 4.5rem;
   }
 }
 @media screen and (max-height: 649px) {
-  .outer-login-container:not([is-whitelabel]).keyboard-closed:not(.emulated) .header .login-main-title {
+  .outer-login-container.keyboard-closed:not(.emulated) .header .login-main-title {
+    display: none;
+  }
+  .outer-login-container.keyboard-closed:not(.emulated)[logo-shape=square] .header img {
     display: none;
   }
-  .outer-login-container:not([is-whitelabel]).keyboard-closed:not(.emulated) #error-alert {
+  .outer-login-container.keyboard-closed:not(.emulated) #error-alert:not(.mobile):not(.tablet) {
     top: 3rem;
   }
 }
@@ -625,7 +638,7 @@ svg:not(:root) {
     display: none;
   }
 
-  .outer-login-container:not([is-whitelabel]).keyboard-closed:not(.emulated) #error-alert {
+  .outer-login-container:not([is-whitelabel]).keyboard-closed:not(.emulated) #error-alert:not(.mobile):not(.tablet) {
     top: 0.5rem;
   }
 }