@yoobic/yobi 8.6.18 → 8.6.20

package/dist/cjs/yoo-workflow.cjs.entry.js

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a41e9468.js');
-const index$1 = require('./index-56602b3e.js');
+const index$1 = require('./index-5c82be2a.js');
 const workflow_interface = require('./workflow.interface-ffda8358.js');
-const commonHelpers = require('./common-helpers-34ceb880.js');
+const commonHelpers = require('./common-helpers-ecdbc020.js');
 const lodash = require('./lodash-1f7fff24.js');
 const index$4 = require('./index-989d5527.js');
-const index$2 = require('./index-421ce497.js');
+const index$2 = require('./index-5da6dbf0.js');
 const index$3 = require('./index-9c56868f.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-0324c531.js');
-require('./annotations-helpers-fe38501d.js');
+require('./annotations-helpers-44d2e337.js');
 
 const workflowCss = "svg:not(:root){overflow:hidden}:host{width:100%}:host .workflow-container{position:relative;width:100%;height:100%}:host .workflow-container.form-mode{height:100%}:host .workflow-container .header-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host .workflow-container .header-container yoo-tabs{background:var(--light, #ffffff)}:host .workflow-container .header-container yoo-form-toggle{position:absolute;top:0.5rem;right:1rem;bottom:auto;left:auto}:host .workflow-container .steps-outer-container{position:relative;width:100%;height:100%;overflow:hidden}:host .workflow-container .steps-outer-container .zoom-controller{position:absolute;top:auto;right:var(--spacing-16, 1rem);bottom:var(--spacing-64, 4rem);left:auto;z-index:2;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--light, #ffffff);background:var(--dark, #000000)}:host .workflow-container .steps-outer-container .zoom-controller .zoom-out,:host .workflow-container .steps-outer-container .zoom-controller .zoom-in{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:2rem;cursor:pointer}:host .workflow-container .steps-outer-container .zoom-controller.reset{position:absolute;top:auto;right:9rem;bottom:var(--spacing-64, 4rem);left:auto;padding:0 var(--spacing-08, 0.5rem);cursor:pointer}:host .workflow-container .steps-outer-container .steps-container{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--spacing-16, 1rem);overflow:auto}:host .workflow-container .steps-outer-container .steps-container .steps-inner-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:auto}:host .workflow-container .steps-outer-container .steps-container .steps-inner-container yoo-context-menu{width:inherit;margin:auto}:host .workflow-container .steps-outer-container .steps-container .steps-inner-container yoo-context-menu.align-center{text-align:center}:host .workflow-container .steps-outer-container .steps-container .steps-inner-container yoo-context-menu.margin-top{margin-top:var(--spacing-16, 1rem)}:host .workflow-container .steps-outer-container .steps-container .steps-inner-container .vertical-line{width:0;height:1.5rem;margin:auto;border-left:var(--border-width-02, 0.125rem) solid var(--stable-alt, #d0d0d0)}:host .workflow-container .steps-outer-container .steps-container .steps-inner-container .start-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}:host .workflow-container .steps-outer-container .steps-container .steps-inner-container .completed-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}:host .workflow-container .form-container{display:-ms-flexbox;display:flex;height:calc(100% - 3rem)}:host .workflow-container .form-container .left-panel{width:20.5rem;min-width:20.5rem;height:100%;overflow:hidden;border-right:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .workflow-container .form-container .right-panel{width:100%;min-width:25rem;padding:var(--spacing-16, 1rem);overflow:hidden}:host .workflow-container .form-container .right-panel yoo-accordion{--accordion-background:transparent}:host .workflow-container .form-container .right-panel .block-container{width:100%;margin:var(--spacing-08, 0.5rem) 0}:host .workflow-container .form-container .right-panel .default-visibility-selection{z-index:1;display:-ms-flexbox;display:flex;white-space:nowrap;position:absolute;top:auto;right:var(--spacing-16, 1rem);bottom:auto;left:auto}:host .workflow-container .form-container .right-panel .default-visibility-selection yoo-form-autocomplete{padding-left:var(--spacing-16, 1rem)}:host .empty-state-with-text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column}:host .empty-state-with-text h2{margin-top:unset;margin-bottom:unset}:host .empty-state-with-text div{color:var(--text-color-80, rgba(128, 127, 131, 0.8));font-size:var(--font-size-16, 1rem);max-width:25rem;padding:var(--spacing-08, 0.5rem);text-align:center}:host .empty-state-with-text yoo-button{width:20rem;padding:var(--spacing-16, 1rem)}:host .empty-state-with-text yoo-empty-state{height:25rem;margin-top:var(--spacing-16, 1rem);margin-bottom:var(--spacing-32, 2rem)}";
 

package/dist/cjs/yoo-zebra.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-a41e9468.js');
-const index = require('./index-56602b3e.js');
+const index = require('./index-5c82be2a.js');
 require('./lodash-1f7fff24.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-0324c531.js');

package/dist/cjs/yoo-zoom.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a41e9468.js');
-const index$1 = require('./index-56602b3e.js');
-const annotationsHelpers = require('./annotations-helpers-fe38501d.js');
+const index$1 = require('./index-5c82be2a.js');
+const annotationsHelpers = require('./annotations-helpers-44d2e337.js');
 const hammerHelpers = require('./hammer-helpers-e8117959.js');
 const lodash = require('./lodash-1f7fff24.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/collection/components/1.atoms/img/img.css

@@ -261,6 +261,10 @@ svg:not(:root) {
   height: var(--image-height);
   border-radius: var(--border-radius);
 }
+:host([type=default]) > svg {
+  width: unset;
+  max-width: var(--image-width);
+}
 :host([type=default]) img {
   position: var(--image-position);
   object-fit: inherit;

package/dist/collection/components/2.molecules/kpi-card/kpi-card.css

@@ -317,6 +317,11 @@ svg:not(:root) {
   margin-right: var(--spacing-04, 0.25rem);
 }
 
+:host(.max-width) .kpi-container {
+  max-width: 5.25rem;
+  overflow: hidden;
+}
+
 :host(:not(.vertical)) .kpi-number {
   overflow: hidden;
   white-space: nowrap;
@@ -327,6 +332,7 @@ svg:not(:root) {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
+  margin: initial;
 }
 
 :host(:not(.content-only)) {

package/dist/collection/components/2.molecules/kpi-card/kpi-card.js

@@ -1,6 +1,6 @@
 import { convertSecondsToTimeUnits, isRTL, pipes, translate } from '@shared/utils';
 import { h, Host } from '@stencil/core';
-import { isNil } from 'lodash-es';
+import { isNil, isNumber } from 'lodash-es';
 const EmptyState = ({ type }) => (h("div", { class: "empty-state" }, h("yoo-empty-state", { type: type }), h("div", null, translate('LISTEMPTY'))));
 const Kpis = ({ data, title, help, onCardClick }) => {
   return (h("div", { class: "card" }, h("div", { class: { 'header': true, 'title': !!title } }, !!title && h("div", { class: "title" }, translate(title)), !!(help === null || help === void 0 ? void 0 : help.length) &&
@@ -8,7 +8,7 @@ const Kpis = ({ data, title, help, onCardClick }) => {
     const positiveVariation = variation > 0;
     const iconName = ('big-arrow-' + (positiveVariation ? 'up' : 'down'));
     const iconColor = positiveVariation ? 'success' : 'danger';
-    return (h("div", { hidden: isNil(value), class: "kpi-container" }, h("div", { class: "kpi-title" }, title), h("div", { class: "kpi-number", style: { color: `var(--value-${index + 1}-color)` } }, h(KpiNumber, { type: type, value: value }), extraSymbol), useVariation && (h("div", { class: { 'kpi-variation': true, positive: positiveVariation, negative: !positiveVariation } }, !variation ? (h("div", { class: "no-variation" })) : ([h("yoo-icon", { size: "extra-small", name: iconName, color: iconColor }), h("div", null, Math.abs(Math.round(variation * 100) / 100), "%")])))));
+    return (h("div", { hidden: isNil(value), class: "kpi-container" }, h("div", { class: "kpi-title" }, title), h("div", { class: "kpi-number", style: { color: `var(--value-${index + 1}-color)` } }, isNumber(value) && h(KpiNumber, { type: type, value: value }), extraSymbol), useVariation && (h("div", { class: { 'kpi-variation': true, positive: positiveVariation, negative: !positiveVariation } }, !variation ? (h("div", { class: "no-variation" })) : ([h("yoo-icon", { size: "extra-small", name: iconName, color: iconColor }), h("div", null, Math.abs(Math.round(variation * 100) / 100), "%")])))));
   }))));
 };
 const KpiNumber = ({ type, value }) => {

package/dist/collection/components/entities/entity/entity.js

@@ -2654,7 +2654,7 @@ export class YooEntityComponent {
       const keepUndefinedValues = this.extraClass === 'grid-card-campaign';
       const { campaignStats, category, title: heading } = campaign;
       const { color: categoryColor, title: categoryTitle } = category || {};
-      return (h("yoo-card-campaign", { active: isCampaignActive(campaign), heading: translateMulti(heading), keepUndefinedValues: keepUndefinedValues, category: isFeed ? null : translate(categoryTitle), categoryColor: isFeed ? null : categoryColor, completed: isFeed ? null : campaignStats === null || campaignStats === void 0 ? void 0 : campaignStats.finishedMissionsCount, completion: isFeed ? null : campaignStats === null || campaignStats === void 0 ? void 0 : campaignStats.completionRate, compliance: (isFeed || campaign.skipValidation || campaign.withoutValidation) ? null : campaignStats === null || campaignStats === void 0 ? void 0 : campaignStats.complianceRate, locations: campaign.skipLocation || isAnnouncementByUser || isFeed ? null : campaignStats === null || campaignStats === void 0 ? void 0 : campaignStats.storesCount, users: isFeed || !isAnnouncementByUser ? null : campaignStats === null || campaignStats === void 0 ? void 0 : campaignStats.usersCount, isFeed: isFeed, views: isFeed ? campaignStats === null || campaignStats === void 0 ? void 0 : campaignStats.viewsCount : null, likes: isFeed ? campaignStats === null || campaignStats === void 0 ? void 0 : campaignStats.likesCount : null, comments: isFeed ? campaignStats === null || campaignStats === void 0 ? void 0 : campaignStats.commentsCount : null, reposts: isFeed ? campaignStats === null || campaignStats === void 0 ? void 0 : campaignStats.repostsCount : null, audienceShare: isFeed ? campaignStats === null || campaignStats === void 0 ? void 0 : campaignStats.audienceShare : null }));
+      return (h("yoo-card-campaign", { active: isCampaignActive(campaign), heading: translateMulti(heading), keepUndefinedValues: keepUndefinedValues, category: isFeed ? null : translate(categoryTitle), categoryColor: isFeed ? null : categoryColor, completed: isFeed ? null : campaignStats === null || campaignStats === void 0 ? void 0 : campaignStats.finishedMissionsCount, completion: isFeed ? null : campaignStats === null || campaignStats === void 0 ? void 0 : campaignStats.completionRate, compliance: (isFeed || campaign.skipValidation || campaign.withoutValidation) ? null : campaignStats === null || campaignStats === void 0 ? void 0 : campaignStats.complianceRate, locations: campaign.skipLocation || isAnnouncementByUser || isFeed ? null : campaignStats === null || campaignStats === void 0 ? void 0 : campaignStats.storesCount, users: isFeed || !isAnnouncementByUser ? null : campaignStats === null || campaignStats === void 0 ? void 0 : campaignStats.usersCount, hasMaxWidth: this.isGridCell, isFeed: isFeed, views: isFeed ? campaignStats === null || campaignStats === void 0 ? void 0 : campaignStats.viewsCount : null, likes: isFeed ? campaignStats === null || campaignStats === void 0 ? void 0 : campaignStats.likesCount : null, comments: isFeed ? campaignStats === null || campaignStats === void 0 ? void 0 : campaignStats.commentsCount : null, reposts: isFeed ? campaignStats === null || campaignStats === void 0 ? void 0 : campaignStats.repostsCount : null, audienceShare: isFeed ? campaignStats === null || campaignStats === void 0 ? void 0 : campaignStats.audienceShare : null }));
     }
     else if (this.entityType === 'feeds') {
       return (h("yoo-card-campaign", { class: (_a = this.extraClass) !== null && _a !== void 0 ? _a : '', createHandler: this.item.createHandler, available: this.item.availableCount, heading: this.item.heading, isEmpty: this.item.isEmpty, isService: this.item.isService }));

package/dist/collection/components/form/form-choice/image/form-choice-image.js

@@ -36,19 +36,17 @@ export class YooFormChoiceImageComponent {
     return hasDuplicates((_a = this.values) === null || _a === void 0 ? void 0 : _a.map(v => typeof v === 'string' ? v : v === null || v === void 0 ? void 0 : v.text));
   }
   componentWillLoad() {
-    var _a;
-    this.answer = (Array.isArray(this.answer) && ((_a = this.answer) === null || _a === void 0 ? void 0 : _a.length)) ? this.answer.map(a => (a === null || a === void 0 ? void 0 : a[this.hasDuplicateTexts ? 'image' : 'text']) || a) : this.answer;
     prepareChoice(this);
   }
   componentDidLoad() {
     hasWarnings(this, this.hasEmptyValues && ['NOEMPTYVALUES']);
   }
   renderImage(image, text, index) {
-    var _a;
+    var _a, _b, _c;
     const item = this.hasDuplicateTexts ? image : text;
     const readonly = this.readonly || this.isPdf;
     const noValidation = !((_a = this.answer) === null || _a === void 0 ? void 0 : _a.length);
-    const isCorrect = this.answer.includes(item);
+    const isCorrect = (_c = (_b = this.answer) === null || _b === void 0 ? void 0 : _b.map(a => typeof a === 'object' ? a === null || a === void 0 ? void 0 : a[this.hasDuplicateTexts ? 'image' : 'text'] : a)) === null || _c === void 0 ? void 0 : _c.includes(item);
     const onOpenImage = () => showSlidesMedia(this.host, { items: this.choices.map(({ image }) => ({ value: image })), currentSlideIndex: index, showBottomContainer: false });
     return (h("div", { class: "image-container", onClick: () => this.isHistory && onOpenImage(), style: this.animated ? { '--image-index': index.toString() } : {} }, h("div", { class: { content: true, 'correct-answer': this.readonly && isCorrect && !noValidation, 'wrong-answer': this.readonly && !isCorrect && !noValidation } }, h("yoo-img", { cloudinaryOptions: { pad: true }, scaledUp: this.isPdf, src: image, onClick: () => !readonly && onItemSelect(item, this) }), !readonly && [
       h("yoo-form-checkbox", { value: isSelected(item, this.selection), onClick: () => onItemSelect(item, this), animated: this.animated }),
@@ -245,7 +243,7 @@ export class YooFormChoiceImageComponent {
       },
       "answer": {
         "type": "unknown",
-        "mutable": true,
+        "mutable": false,
         "complexType": {
           "original": "(string | Pick<IFormChoiceValue, 'text' | 'image'>)[]",
           "resolved": "(string | Pick<IFormChoiceValue, \"image\" | \"text\">)[]",

package/dist/collection/components/form/form-date-time/form-date-time.js

@@ -1,5 +1,5 @@
 import { datepicker } from '@mobiscroll/javascript';
-import { dateFormat, endOf, findDevice, getUUID, isWeb, startOf, translate } from '@shared/utils';
+import { dateFormat, endOf, findDevice, getUUID, getWeekStart, isWeb, startOf, translate } from '@shared/utils';
 import { h } from '@stencil/core';
 import { convertValueForInputType, setValidator, setValueAndValidateInput, validate } from '@yobi/utils/helpers/form-input-helpers';
 import { destroyMountPoints, generateRandomMountElementId, initShadowMountPoints } from '@yobi/utils/helpers/shadow-dom-helper';
@@ -34,7 +34,7 @@ export class YooFormDateTimeComponent {
     this.iconPrefix = undefined;
     this.useISOString = true;
     this.validity = undefined;
-    this.startingDay = 1;
+    this.startingDay = getWeekStart();
     this.customDatePickerArrow = 'arrow-up';
     this.isOpen = false;
   }
@@ -644,7 +644,7 @@ export class YooFormDateTimeComponent {
         },
         "attribute": "starting-day",
         "reflect": false,
-        "defaultValue": "1"
+        "defaultValue": "getWeekStart()"
       }
     };
   }

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

@@ -959,6 +959,9 @@ svg:not(:root) {
 :host yoo-ion-slides yoo-ion-scroll.with-footer {
   bottom: var(--footer-height);
 }
+:host yoo-ion-slides yoo-ion-scroll.with-footer .scroll-spacer {
+  transition: height 0.35s cubic-bezier(0.25, 1, 0.3, 1);
+}
 :host yoo-ion-slides yoo-ion-scroll.with-footer.keyboard-open {
   min-height: 100%;
 }
@@ -1711,6 +1714,9 @@ svg:not(:root) {
 :host(.mission-form.pdf) .inputs-container-parent .inputs-container .section-header {
   max-width: unset !important;
 }
+:host(.mission-form.pdf) .inputs-container-parent .inputs-container .pdf-field-wrapper .slide-title {
+  font-size: var(--font-size-28, 1.75rem);
+}
 :host(.mission-form.pdf) .field-placeholder.last {
   border-bottom: none;
 }

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

@@ -38,27 +38,6 @@ export class YooFormDynamicComponent {
     this.hasTimerStarted = false;
     this.dirtyFields = [];
     this.goToSlideOnUpdate = -1;
-    this.onKeyboardWillShow = (event) => {
-      var _a;
-      (_a = this.formFooterElement) === null || _a === void 0 ? void 0 : _a.classList.add('hide');
-      const scroll = this.getElementFromCurrentSlide('yoo-ion-scroll');
-      if (scroll && !(scroll === null || scroll === void 0 ? void 0 : scroll.classList.contains('keyboard-open'))) {
-        scroll.classList.add('keyboard-open');
-      }
-      debounce(() => {
-        if (event && !isAndroid() && !this.isInline()) {
-          const scrollSpacerHeight = event.keyboardHeight;
-          this.setScrollSpacerHeight(scrollSpacerHeight);
-        }
-        const scrollSpacer = this.getElementFromCurrentSlide('.scroll-spacer');
-        if (scrollSpacer) {
-          scrollSpacer.classList.remove('bottom-bar');
-        }
-        if (isAndroid()) {
-          this.windowHasFinishedResizing = false;
-        }
-      }, 500);
-    };
     this.history = undefined;
     this.safeCheckIndex = undefined;
     this.autoScrollTabs = undefined;
@@ -693,21 +672,9 @@ export class YooFormDynamicComponent {
         this.setCountDownTimer();
       }
     }
-    if (isNativeMobile() && !this.isKeyboardStateLocked) {
-      this.isKeyboardResizeModeInactive = isKeyboardResizeModeInactive();
-      disableKeyboardResize();
-    }
   }
   componentDidLoad() {
     var _a, _b, _c, _d, _e;
-    if (isIonic(this.host)) {
-      this.keyboardWillShowListener = this.onKeyboardWillShow.bind(this);
-      window.addEventListener('keyboardWillShow', this.keyboardWillShowListener);
-      this.keyboardDidShowListener = debounce(this.onKeyboardDidShow, 500).bind(this);
-      window.addEventListener('keyboardDidShow', this.keyboardDidShowListener);
-      this.keyboardWillHideListener = debounce(this.onKeyboardWillHide, 500).bind(this);
-      window.addEventListener('keyboardWillHide', this.keyboardWillHideListener);
-    }
     this.resizeListener = debounce(this.onWindowResize, 500).bind(this);
     window.addEventListener('resize', this.resizeListener);
     if (((_a = this.session) === null || _a === void 0 ? void 0 : _a.selectedMission) && isNumber((_b = this.session) === null || _b === void 0 ? void 0 : _b.selectedMissionPage) && ((_c = this.session) === null || _c === void 0 ? void 0 : _c.selectedMissionPage) > -1 && this.slides && this.slides.length > 1 && !this.isLivePreview() && !this.isLesson()) {
@@ -756,6 +723,15 @@ export class YooFormDynamicComponent {
     }
   }
   connectedCallback() {
+    if (isNativeMobile()) {
+      if (!this.isKeyboardStateLocked) {
+        this.isKeyboardResizeModeInactive = isKeyboardResizeModeInactive();
+        disableKeyboardResize();
+      }
+      if (!this.keyboardWillShowListener) {
+        this.initKeyboardListeners();
+      }
+    }
     if (this.disconnected) {
       this.disconnected = false;
     }
@@ -765,16 +741,30 @@ export class YooFormDynamicComponent {
       if (!this.isKeyboardStateLocked && !this.isKeyboardResizeModeInactive) {
         enableKeyboardResize();
       }
-    }
-    if (isIonic(this.host)) {
       window.removeEventListener('keyboardWillShow', this.keyboardWillShowListener);
       window.removeEventListener('keyboardDidShow', this.keyboardDidShowListener);
       window.removeEventListener('keyboardWillHide', this.keyboardWillHideListener);
       window.removeEventListener('resize', this.resizeListener);
+      this.keyboardWillShowListener = undefined;
+      this.keyboardDidShowListener = undefined;
+      this.keyboardWillHideListener = undefined;
     }
     this.removeRequestInterval();
     this.disconnected = true;
   }
+  initKeyboardListeners() {
+    if (isNativeMobile()) {
+      if (!isAndroid() && !this.isInline()) {
+        this.setScrollSpacerHeight(100);
+      }
+      this.keyboardWillShowListener = this.onKeyboardWillShow.bind(this);
+      window.addEventListener('keyboardWillShow', this.keyboardWillShowListener);
+      this.keyboardDidShowListener = debounce(this.onKeyboardDidShow, 500).bind(this);
+      window.addEventListener('keyboardDidShow', this.keyboardDidShowListener);
+      this.keyboardWillHideListener = this.onKeyboardWillHide.bind(this);
+      window.addEventListener('keyboardWillHide', this.keyboardWillHideListener);
+    }
+  }
   removeRequestInterval() {
     var _a;
     if ((_a = this.requestIntervalID) === null || _a === void 0 ? void 0 : _a.value) {
@@ -1898,9 +1888,31 @@ export class YooFormDynamicComponent {
     }
     this.lockSlideSwipe(this.activeIndex);
   }
+  onKeyboardWillShow(ev) {
+    var _a;
+    !this.isKeyboardStateLocked && !isKeyboardResizeModeInactive() && disableKeyboardResize();
+    (_a = this.formFooterElement) === null || _a === void 0 ? void 0 : _a.classList.add('hide');
+    const scroll = this.getElementFromCurrentSlide('yoo-ion-scroll');
+    if (scroll && !(scroll === null || scroll === void 0 ? void 0 : scroll.classList.contains('keyboard-open'))) {
+      scroll.classList.add('keyboard-open');
+    }
+    if (ev && !isAndroid() && !this.isInline()) {
+      const scrollSpacerHeight = ev.keyboardHeight;
+      this.setScrollSpacerHeight(scrollSpacerHeight);
+    }
+    debounce(() => {
+      if (isAndroid()) {
+        this.windowHasFinishedResizing = false;
+      }
+    }, 500);
+  }
   onKeyboardDidShow(ev) {
+    const scrollSpacer = this.getElementFromCurrentSlide('.scroll-spacer');
+    if (scrollSpacer) {
+      scrollSpacer.classList.remove('bottom-bar');
+    }
     if (this.focusedField && ev) {
-      this.scrollToField(this.focusedField, null, ev.keyboardHeight);
+      this.scrollToField(this.focusedField, true, ev.keyboardHeight);
     }
     if (isAndroid()) {
       const ANDROID_WINDOW_RESIZE = 1000;
@@ -3088,7 +3100,7 @@ export class YooFormDynamicComponent {
     this.openPreview.emit('');
   }
   renderInput({ field, data, slideIndex, slideItems, inputIndex, readonly, cssClass, isHistory, previousField, slots }) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0;
     const fieldState = getFieldState(field, this.fieldsState);
     const required = isRequired(field, this.currentData, this.currentDataFlatten, fieldState.visible, this.suffix, this.session);
     const disabled = isDisabled(field, this.currentData, this.currentDataFlatten, this.suffix, this.session);
@@ -3764,7 +3776,8 @@ export class YooFormDynamicComponent {
         };
         extraAttrs = {
           ...extraAttrs,
-          values: values === null || values === void 0 ? void 0 : values.map((value, index) => { var _a, _b, _c, _d, _e; return ({ image: value.image || value._downloadURL || value.file || ((_b = (_a = field.images) === null || _a === void 0 ? void 0 : _a[index]) === null || _b === void 0 ? void 0 : _b._downloadURL), text: (_e = (_d = (_c = value.text) === null || _c === void 0 ? void 0 : _c.text) !== null && _d !== void 0 ? _d : value.text) !== null && _e !== void 0 ? _e : value }); }),
+          answer: (_s = (_r = [field.answer]) === null || _r === void 0 ? void 0 : _r.flat()) === null || _s === void 0 ? void 0 : _s.filter((item) => typeof item === 'object' ? item.text && item.image : item),
+          values: (_t = values === null || values === void 0 ? void 0 : values.map((value, index) => { var _a, _b, _c, _d, _e; return ({ image: value.image || value._downloadURL || value.file || ((_b = (_a = field.images) === null || _a === void 0 ? void 0 : _a[index]) === null || _b === void 0 ? void 0 : _b._downloadURL), text: (_e = (_d = (_c = value.text) === null || _c === void 0 ? void 0 : _c.text) !== null && _d !== void 0 ? _d : value.text) !== null && _e !== void 0 ? _e : value }); })) === null || _t === void 0 ? void 0 : _t.filter((item) => typeof item === 'object' ? item.text && item.image : item),
           multiple: field.multiple,
           description: field.description,
           useTranslate: field.translate,
@@ -3774,7 +3787,7 @@ export class YooFormDynamicComponent {
       }
       case FormFieldType.selectcard: {
         const multiple = field.multiple;
-        const values = field.values || ((_r = field.opValues) === null || _r === void 0 ? void 0 : _r.find((opValue) => opValue));
+        const values = field.values || ((_u = field.opValues) === null || _u === void 0 ? void 0 : _u.find((opValue) => opValue));
         TagType = 'yoo-form-choice-card';
         attrs = {
           ...attrs,
@@ -3849,7 +3862,7 @@ export class YooFormDynamicComponent {
           collectionName: field.collectionName,
           entityType: field.entityType,
           iconPrefix: field.iconPrefix,
-          descriptionTemplate: data.isUnitCurrency && ((_s = data.currency) === null || _s === void 0 ? void 0 : _s.symbol) ? `${data.currency.symbol} {{text}}` : null,
+          descriptionTemplate: data.isUnitCurrency && ((_v = data.currency) === null || _v === void 0 ? void 0 : _v.symbol) ? `${data.currency.symbol} {{text}}` : null,
           max: field.max,
           queryFields: field.queryFields,
           model: field.model,
@@ -3858,7 +3871,7 @@ export class YooFormDynamicComponent {
           onFetchCustomData: (ev) => this.onFetchCustomData(field, ev),
           onFetchData: (ev) => this.onFetchData(field, ev)
         };
-        if (attrs.validators && ((_t = config === null || config === void 0 ? void 0 : config.validators) === null || _t === void 0 ? void 0 : _t.length)) {
+        if (attrs.validators && ((_w = config === null || config === void 0 ? void 0 : config.validators) === null || _w === void 0 ? void 0 : _w.length)) {
           attrs.validators.push(...config.validators);
         }
         break;
@@ -3991,7 +4004,7 @@ export class YooFormDynamicComponent {
           logo: field.logo,
           value: value || field.value,
           description: field.description,
-          whiteLabel: (_u = getSession().tenant) === null || _u === void 0 ? void 0 : _u.waitlistWhitelabel,
+          whiteLabel: (_x = getSession().tenant) === null || _x === void 0 ? void 0 : _x.waitlistWhitelabel,
           showIllustration: field.showIllustration,
           showShareLink: field.showShareLink,
           showDownload: field.showDownload
@@ -4317,7 +4330,7 @@ export class YooFormDynamicComponent {
         if (field.collapsible) {
           return (h("yoo-collapsible", { iconSize: "medium", class: "secondary", slotHeader: true }, h("span", { slot: "title", style: field.style || {} }, field.title), h("span", { innerHTML: markdown || value })));
         }
-        if (((_v = field.valuesIcon) === null || _v === void 0 ? void 0 : _v.length) > 0) {
+        if (((_y = field.valuesIcon) === null || _y === void 0 ? void 0 : _y.length) > 0) {
           return [
             markdown && h("div", { class: "info-header" }, markdown),
             field.valuesIcon.map((item) => {
@@ -4366,7 +4379,7 @@ export class YooFormDynamicComponent {
           instructionsDocument: field.instructionsDocument,
           categories: field.categories,
           images: field.images,
-          showInstructionView: (_w = field.showInstructionView) !== null && _w !== void 0 ? _w : true,
+          showInstructionView: (_z = field.showInstructionView) !== null && _z !== void 0 ? _z : true,
           mode: field.swipeMode
         };
         break;
@@ -4378,7 +4391,7 @@ export class YooFormDynamicComponent {
         };
         break;
       case FormFieldType.imagetagging:
-        field.answer = (_x = field.annotations) === null || _x === void 0 ? void 0 : _x.map(({ text }) => extractTextFromStringHTML(text).trim());
+        field.answer = (_0 = field.annotations) === null || _0 === void 0 ? void 0 : _0.map(({ text }) => extractTextFromStringHTML(text).trim());
         TagType = 'yoo-form-image-tagging';
         extraAttrs = {
           ...extraAttrs,

package/dist/collection/components/form/form-multi-input/form-multi-input.js

@@ -3,7 +3,7 @@ import { getUUID, isImageUrl, isValueATranslationKey, isWeb, translate } from '@
 import { forceUpdate, h, Host } from '@stencil/core';
 import { getAppContext } from '@yobi/utils/helpers/common-helpers';
 import { setValidator, setValueAndValidateInput } from '@yobi/utils/helpers/form-input-helpers';
-import { isEqual } from 'lodash-es';
+import { compact, isEqual } from 'lodash-es';
 import Sortable from 'sortablejs';
 export class YooFormMultiInputComponent {
   constructor() {
@@ -111,32 +111,42 @@ export class YooFormMultiInputComponent {
   }
   validate() {
     var _a, _b;
-    this.validity =
-      this.rows
-        .map((row) => {
-        return row.map(({ column, value }) => {
-          var _a;
-          const { hasText, hasImage, textOrImageValue, field } = column;
-          const hasFile = !!(((_a = value === null || value === void 0 ? void 0 : value.file) === null || _a === void 0 ? void 0 : _a['_downloadURL']) || (value === null || value === void 0 ? void 0 : value.file) || '');
-          const hasTextContent = !!((value === null || value === void 0 ? void 0 : value.text) || '');
-          if (hasText && !hasImage) {
-            return !(field === null || field === void 0 ? void 0 : field.required) || hasTextContent ? 1 : 0;
-          }
-          else if (!hasText && hasImage) {
-            return !(field === null || field === void 0 ? void 0 : field.required) || hasFile ? 1 : 0;
-          }
-          else if (textOrImageValue) {
-            return !(field === null || field === void 0 ? void 0 : field.required) || (hasTextContent || hasFile) ? 1 : 0;
-          }
-          else if (hasText && hasImage) {
-            return !(field === null || field === void 0 ? void 0 : field.required) || (hasTextContent && hasFile) ? 1 : 0;
-          }
-        });
-      })
-        .filter((v) => v.reduce((a, b) => a + b, 0) === this.columnsCount).length >= (((_b = (_a = this.columnsDefinition) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.minRows) || 1);
+    const rowsValidity = this.rows
+      .map((row) => {
+      return row.map(({ column, value }) => {
+        var _a, _b;
+        const { hasText, hasImage, textOrImageValue, field } = column;
+        const hasFile = !!(((_a = value === null || value === void 0 ? void 0 : value.file) === null || _a === void 0 ? void 0 : _a['_downloadURL']) || (value === null || value === void 0 ? void 0 : value.file) || '');
+        const hasTextContent = !!((value === null || value === void 0 ? void 0 : value.text) || ((_b = compact([].concat(value === null || value === void 0 ? void 0 : value.selection))) === null || _b === void 0 ? void 0 : _b.length) || '');
+        const required = this.isFieldRequired(field);
+        if (hasText && !hasImage) {
+          return !required || hasTextContent ? 1 : 0;
+        }
+        else if (!hasText && hasImage) {
+          return !required || hasFile ? 1 : 0;
+        }
+        else if (textOrImageValue) {
+          return !required || hasTextContent || hasFile ? 1 : 0;
+        }
+        else if (hasText && hasImage) {
+          return !required || (hasTextContent && hasFile) ? 1 : 0;
+        }
+      });
+    })
+      .filter((cellsValidityPerRow) => cellsValidityPerRow.some((v) => v))
+      .map((cellsValidityPerRow) => cellsValidityPerRow.reduce((a, b) => a + b, 0) === this.columnsCount) || [];
+    if ((_b = (_a = this.columnsDefinition) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.minRows) {
+      this.validity = rowsValidity.filter((rowValidity) => rowValidity).length >= this.columnsDefinition[0].minRows;
+    }
+    else {
+      this.validity = !rowsValidity.filter((rowValidity) => !rowValidity).length;
+    }
     this.validityChanged.emit(this.validity);
     return this.validity;
   }
+  isFieldRequired(field) {
+    return this.required || !!(field === null || field === void 0 ? void 0 : field.required);
+  }
   hasColumnsAttribute(callback) {
     var _a;
     return (_a = this.columnsDefinition) === null || _a === void 0 ? void 0 : _a.map((cell) => callback(cell)).some((v) => v);
@@ -276,10 +286,11 @@ export class YooFormMultiInputComponent {
       return this.columnsDefinition.map((column, colIndex) => {
         const cell = row === null || row === void 0 ? void 0 : row[colIndex];
         const currentRows = this.getCurrentRows(colIndex);
-        const { hideButton, minRows, indexSuffix, field, linkedRow, hideDeleteButton, maxRows } = column;
+        const { hideButton, minRows, indexSuffix, field, linkedRow, hideDeleteButton, maxRows, component } = column;
         const canAddNextRow = !column.maxRows || rowIndex + 1 < column.maxRows;
         const isLastRow = rowIndex === currentRows - 1;
         const hideCell = cell.hidden || this.hideInputWithNoValue(cell);
+        const showBaseDeleteButton = !this.readonly && !hideDeleteButton && maxRows !== 1 && !hideCell && currentRows > minRows;
         return {
           ...(cell || {}),
           rowIndex,
@@ -289,7 +300,7 @@ export class YooFormMultiInputComponent {
           ...((field === null || field === void 0 ? void 0 : field.title) && { label: `${translate(field.title)} ${(indexSuffix === null || indexSuffix === void 0 ? void 0 : indexSuffix.cell) ? rowIndex + 1 : ''}` }),
           focus: column.hasText && isLastRow && (!this.isLinkedList || !colIndex),
           showButton: !this.readonly && !hideButton && !(cell === null || cell === void 0 ? void 0 : cell.hidden) && canAddNextRow && isLastRow && !linkedRow,
-          showDeleteButton: !this.readonly && !hideDeleteButton && maxRows !== 1 && !hideCell && currentRows > minRows && (!this.isLinkedList || colIndex === this.columnsCount - 1),
+          showDeleteButton: showBaseDeleteButton && (!this.isLinkedList || ((this.isWeb || component.tag === 'yoo-form-input') ? colIndex === this.columnsCount - 1 : colIndex === 0)),
           key: (cell === null || cell === void 0 ? void 0 : cell.key) || getUUID()
         };
       });

package/dist/collection/components/form-creator/helpers/index.js

@@ -893,10 +893,11 @@ export function setRestrictionAndFieldConditions(childConditions) {
   return { restrictionConditions, fieldConditions };
 }
 export function setFormFieldIndex(slides) {
-  slides === null || slides === void 0 ? void 0 : slides.forEach((slide) => {
+  slides === null || slides === void 0 ? void 0 : slides.forEach((slide, slideIndex) => {
     var _a;
     (_a = slide.items) === null || _a === void 0 ? void 0 : _a.forEach((item, index) => {
       item.formCreatorIndex = index;
+      item.slideIndex = slideIndex;
     });
   });
 }

package/dist/collection/components/grid/ag-grid/ag-grid.css

@@ -8860,6 +8860,9 @@ input[class^=ag-][type=range]:disabled {
 :host .ag-cell[col-id=entity] .ag-cell-wrapper {
   overflow: hidden;
 }
+:host .ag-cell[col-id=campaignStats], :host .ag-cell[col-id=stats] {
+  justify-content: flex-end;
+}
 :host .ag-cell[col-id=campaignStats] > div.loading, :host .ag-cell[col-id=stats] > div.loading {
   height: 100%;
   background: var(--stable-light, #f1f1f1);

package/dist/collection/feature-operate/campaign/card-campaign/card-campaign.js

@@ -16,6 +16,7 @@ export class YooCardCampaignComponent {
     this.available = 0;
     this.isService = false;
     this.isEmpty = false;
+    this.hasMaxWidth = false;
     this.isFeed = undefined;
     this.views = undefined;
     this.likes = undefined;
@@ -68,7 +69,7 @@ export class YooCardCampaignComponent {
   }
   renderCampaign() {
     const hasKpis = !!this.kpis.length;
-    return (h("div", { class: "outer-container" }, this.renderTopContainer(), !this.hideIndicator && this.renderIndicators(), hasKpis && h("yoo-kpi-card", { hideEmptyState: true, keepUndefinedValues: this.keepUndefinedValues, class: "content-only", kpiData: this.kpis })));
+    return (h("div", { class: "outer-container" }, this.renderTopContainer(), !this.hideIndicator && this.renderIndicators(), hasKpis && h("yoo-kpi-card", { hideEmptyState: true, keepUndefinedValues: this.keepUndefinedValues, class: { 'content-only': true, 'max-width': this.hasMaxWidth }, kpiData: this.kpis })));
   }
   renderCampaignNoLesson() {
     return (h("div", { class: "outer-container empty" }, h("yoo-empty-state", { type: "lessons" }), h("span", { class: "empty-text" }, translate('MISSIONSCAMPAIGNEMPTY'), h("span", { class: "empty-heading" }, " ", translateMulti(this.heading)))));
@@ -84,7 +85,7 @@ export class YooCardCampaignComponent {
     if (this.available === 0) {
       return this.renderCampaignNoLesson();
     }
-    return (h("div", { class: "outer-container" }, this.renderTopContainer(), h("div", { class: "bottom-container" }, hasKpis && h("yoo-kpi-card", { hideEmptyState: true, keepUndefinedValues: this.keepUndefinedValues, class: "content-only", kpiData: this.kpis }))));
+    return (h("div", { class: "outer-container" }, this.renderTopContainer(), h("div", { class: "bottom-container" }, hasKpis && h("yoo-kpi-card", { hideEmptyState: true, keepUndefinedValues: this.keepUndefinedValues, class: { 'content-only': true, 'max-width': this.hasMaxWidth }, kpiData: this.kpis }))));
   }
   renderService() {
     if (this.isEmpty) {
@@ -317,6 +318,24 @@ export class YooCardCampaignComponent {
         "reflect": false,
         "defaultValue": "false"
       },
+      "hasMaxWidth": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "has-max-width",
+        "reflect": false,
+        "defaultValue": "false"
+      },
       "isFeed": {
         "type": "boolean",
         "mutable": false,

package/dist/{esm/annotations-helpers-aad1431d.js → design-system/annotations-helpers-b866903d.js}

@@ -1,4 +1,4 @@
-import { b7 as getUUID } from './index-2db72e91.js';
+import { b7 as getUUID } from './index-45a60a70.js';
 
 function isAnnotationEmpty(annotation) {
   return !(annotation === null || annotation === void 0 ? void 0 : annotation.text);

package/dist/{esm/button.factory-2c1327df.js → design-system/button.factory-abadb351.js}

@@ -1,4 +1,4 @@
-import { a0 as translateMulti } from './index-2db72e91.js';
+import { a0 as translateMulti } from './index-45a60a70.js';
 import { h } from './index-e4530c67.js';
 
 const getButton = (button) => {

package/dist/design-system/{camera-helpers-f3e76bef.js → camera-helpers-c875d0ae.js}

@@ -1,4 +1,4 @@
-import { cu as cordova, cv as AwesomeCordovaNativePlugin, cw as cordovaPropertyGet, cx as cordovaPropertySet, cy as registerPlugin, a5 as getSession, cz as getDeviceModel, cA as getDevicePlatform, cB as isIonic, b as isNativeMobile, c as isAndroid, E as isIOS, r as getMediaDevices, x as showModal, w as getModalAnimation, y as isWeb } from './index-2db72e91.js';
+import { cu as cordova, cv as AwesomeCordovaNativePlugin, cw as cordovaPropertyGet, cx as cordovaPropertySet, cy as registerPlugin, a5 as getSession, cz as getDeviceModel, cA as getDevicePlatform, cB as isIonic, b as isNativeMobile, c as isAndroid, E as isIOS, r as getMediaDevices, x as showModal, w as getModalAnimation, y as isWeb } from './index-45a60a70.js';
 
 var __extends$2 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -248,7 +248,7 @@ var CameraResultType;
 })(CameraResultType || (CameraResultType = {}));
 
 const Camera = registerPlugin('Camera', {
-    web: () => import('./web-916ff0b8.js').then(m => new m.CameraWeb()),
+    web: () => import('./web-37663230.js').then(m => new m.CameraWeb()),
 });
 
 var MediaPictureOptions;

package/dist/design-system/{chat-helpers-bef0340e.js → chat-helpers-3e9d79ba.js}

@@ -1,4 +1,4 @@
-import { ap as is24Hour, aq as isFile, ar as replaceAtTagToMentionTag, as as replaceAllLinks, a0 as translateMulti } from './index-2db72e91.js';
+import { ap as is24Hour, aq as isFile, ar as replaceAtTagToMentionTag, as as replaceAllLinks, a0 as translateMulti } from './index-45a60a70.js';
 import { c as isArray } from './lodash-cd4a9ba3.js';
 
 /**

package/dist/design-system/{common-helpers-b90c3418.js → common-helpers-8a2e7722.js}

@@ -1,4 +1,4 @@
-import { w as getModalAnimation, t as translate, x as showModal, y as isWeb, z as debounce, A as querySelectorDeep$1, b as isNativeMobile, S as ScreenOrientation, B as findDevice, C as isRTL, D as isIphoneX, d as isIpadPro, f as isTablet, a as isFullScreenFalse, E as isIOS, c as isAndroid, F as setAnimation, G as animations, H as getCssColor, Y as YOOBICON_ENTITIES_MAP, I as startOf, J as isDateBefore, K as dateDiffInCalendarDays, L as isDateAfter, M as getAsyncExtraData, N as findParent, O as isNativeFilePath, v as cleanupWKWebViewFilePath, P as Cloudinary, Q as getProtocol, R as CloudinaryGradientLayer } from './index-2db72e91.js';
+import { w as getModalAnimation, t as translate, x as showModal, y as isWeb, z as debounce, A as querySelectorDeep$1, b as isNativeMobile, S as ScreenOrientation, B as findDevice, C as isRTL, D as isIphoneX, d as isIpadPro, f as isTablet, a as isFullScreenFalse, E as isIOS, c as isAndroid, F as setAnimation, G as animations, H as getCssColor, Y as YOOBICON_ENTITIES_MAP, I as startOf, J as isDateBefore, K as dateDiffInCalendarDays, L as isDateAfter, M as getAsyncExtraData, N as findParent, O as isNativeFilePath, v as cleanupWKWebViewFilePath, P as Cloudinary, Q as getProtocol, R as CloudinaryGradientLayer } from './index-45a60a70.js';
 import { E as get } from './lodash-cd4a9ba3.js';
 
 function getDefaultModalAnimation(host) {