@yoobic/yobi 8.7.31 → 8.7.33

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e5fa8107.js');
-require('./index-caf599ff.js');
+require('./index-09449210.js');
 const lodash = require('./lodash-036555ce.js');
-const index$1 = require('./index-27ec46bf.js');
-require('./index-3d49ff1c.js');
+const index$1 = require('./index-a1242628.js');
+require('./index-a6b5294d.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const workflowStateCss = "svg:not(:root){overflow:hidden}:host{width:100%}:host .menu{-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0;padding:0;list-style:none}:host .menu .menu-item{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}:host .menu .menu-item:not(:last-child) .menu-content{margin-bottom:var(--spacing-24, 1.5rem)}:host .menu .menu-item .menu-left{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}:host .menu .menu-item .menu-left.with-dot{width:2rem;margin-left:0.0313rem}:host .menu .menu-item .menu-left .menu-icon{z-index:2;width:1.875rem;height:1.875rem;text-align:center}:host .menu .menu-item .menu-left .menu-icon.menu-dot{width:1rem;height:1rem}:host .menu .menu-item .menu-left .menu-icon yoo-icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:1.875rem;height:1.875rem;padding:0;color:var(--light, #ffffff);font-size:var(--font-size-18, 1.125rem);line-height:1.875rem;background-color:var(--app-color, #5a30f4);border-radius:50%}:host .menu .menu-item .menu-left .menu-icon yoo-icon.dark{background-color:var(--dark, #000000)}:host .menu .menu-item .menu-left .menu-icon yoo-icon.info{background-color:var(--info, #d84c96)}:host .menu .menu-item .menu-left .menu-icon yoo-icon.danger{background-color:var(--danger, #d44333)}:host .menu .menu-item .menu-left .border{width:0.0625rem;height:100%;background-color:var(--stable-alt, #d0d0d0)}:host .menu .menu-item .menu-left .border.border-pre{height:2.5rem}:host .menu .menu-item .menu-left .border.border-pre.last{height:1rem}:host .menu .menu-item .menu-left .border.dark{background-color:var(--dark, #000000)}:host .menu .menu-item .menu-left .border.danger{background-color:var(--danger, #d44333)}:host .menu .menu-item .menu-left .border.info{background-color:var(--info, #d84c96)}:host .menu .menu-item .menu-right{width:100%;-webkit-margin-start:var(--spacing-08, 0.5rem);margin-inline-start:var(--spacing-08, 0.5rem);overflow:hidden}:host .menu .menu-item .menu-right .menu-title{font-weight:bold;line-height:1}:host .menu .menu-item .menu-right .menu-content{color:var(--text-color, #807f83)}:host .menu .menu-item .menu-right .menu-content.menu-chart{margin-bottom:0}:host .menu .menu-item .menu-right .menu-title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:2rem}:host .menu .menu-item .menu-right .menu-content span{margin-right:0.5rem}:host .menu .menu-item .menu-right .menu-content yoo-avatar{margin-right:0.3125rem}:host .menu .menu-item .menu-right .menu-content .font-medium{font-size:var(--font-size-14, 0.875rem)}:host .menu .menu-item .menu-right .menu-content .font-small{font-size:var(--font-size-12, 0.75rem)}:host .menu .menu-item .menu-right .menu-content .dark{color:var(--dark, #000000)}:host .menu .menu-item .menu-right .menu-content .success{color:var(--success, #3aa76d)}:host .menu .menu-item .menu-right .menu-content .danger{color:var(--danger, #d44333)}:host .menu .menu-item .menu-right .menu-content .text-color{color:var(--text-color, #807f83)}:host .menu .menu-item .menu-right .menu-content table{width:100%;table-layout:fixed}:host .menu .menu-item .menu-right .menu-content table td{overflow:hidden;text-overflow:ellipsis}:host .menu .dot{width:0.25rem;height:0.25rem;margin:0 0.125rem;border:var(--border-width-04, 0.25rem) solid var(--stable, #adadad);border-radius:50%}:host .menu .menu-content .step{margin-bottom:var(--spacing-16, 1rem);padding:var(--spacing-16, 1rem);padding-top:var(--spacing-08, 0.5rem);background-color:var(--stable-light, #f1f1f1);border-radius:0.25rem}:host .menu .menu-content .step.completed{padding-top:var(--spacing-16, 1rem);-webkit-padding-start:0;padding-inline-start:0;background-color:var(--light, #ffffff)}:host .menu .menu-content .step.rejected{padding-top:var(--spacing-16, 1rem);-webkit-padding-start:0;padding-inline-start:0;background-color:var(--light, #ffffff)}:host .menu .menu-content .step.active{padding-top:var(--spacing-16, 1rem);-webkit-padding-start:0;padding-inline-start:0;background-color:var(--light, #ffffff)}:host .menu .menu-content .step .header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:2rem}:host .menu .menu-content .step .header .title{-ms-flex:1;flex:1;-webkit-padding-end:var(--spacing-08, 0.5rem);padding-inline-end:var(--spacing-08, 0.5rem);color:var(--dark, #000000);font-weight:bold;font-size:var(--font-size-16, 1rem);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-transform:capitalize}:host .menu .menu-content .step .header .detail{opacity:0.8}:host .menu .menu-content .step .comments .header{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .menu .menu-content .step .substeps-container{margin-top:var(--spacing-08, 0.5rem);-webkit-margin-start:var(--spacing-08, 0.5rem);margin-inline-start:var(--spacing-08, 0.5rem)}:host .menu .menu-content .step .substeps-container .substep{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .menu .menu-content .step .substeps-container .substep yoo-icon,:host .menu .menu-content .step .substeps-container .substep .dot{-webkit-margin-end:var(--spacing-08, 0.5rem);margin-inline-end:var(--spacing-08, 0.5rem)}";

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

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e5fa8107.js');
-require('./index-caf599ff.js');
+require('./index-09449210.js');
 const workflow_interface = require('./workflow.interface-ffda8358.js');
-const commonHelpers = require('./common-helpers-fd051f6a.js');
+const commonHelpers = require('./common-helpers-ed6bbfc2.js');
 const lodash = require('./lodash-036555ce.js');
-const index$4 = require('./index-52388f6b.js');
-const index$2 = require('./index-9f6d2351.js');
+const index$4 = require('./index-a4ea2fc0.js');
+const index$2 = require('./index-3ebfb972.js');
 const index$3 = require('./index-9c56868f.js');
-const index$1 = require('./index-27ec46bf.js');
-require('./index-3d49ff1c.js');
-require('./annotations-helpers-d100ffc1.js');
+const index$1 = require('./index-a1242628.js');
+require('./index-a6b5294d.js');
+require('./annotations-helpers-2ad2fa2d.js');
 require('./_commonjsHelpers-94df2ea7.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 .animated-illustration-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 .animated-illustration-with-text h2{margin-top:unset;margin-bottom:unset}:host .animated-illustration-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 .animated-illustration-with-text yoo-button{width:20rem;padding:var(--spacing-16, 1rem)}:host .animated-illustration-with-text yoo-animated-illustration{height:25rem;margin-top:var(--spacing-16, 1rem);margin-bottom:var(--spacing-32, 2rem)}";

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-e5fa8107.js');
-const index = require('./index-27ec46bf.js');
-require('./index-caf599ff.js');
-require('./index-3d49ff1c.js');
+const index = require('./index-a1242628.js');
+require('./index-09449210.js');
+require('./index-a6b5294d.js');
 require('./lodash-036555ce.js');
 require('./_commonjsHelpers-94df2ea7.js');
 

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

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e5fa8107.js');
-require('./index-caf599ff.js');
-const annotationsHelpers = require('./annotations-helpers-d100ffc1.js');
-const commonHelpers = require('./common-helpers-fd051f6a.js');
+require('./index-09449210.js');
+const annotationsHelpers = require('./annotations-helpers-2ad2fa2d.js');
+const commonHelpers = require('./common-helpers-ed6bbfc2.js');
 const hammerHelpers = require('./hammer-helpers-0f5da5af.js');
 const lodash = require('./lodash-036555ce.js');
-const index$1 = require('./index-27ec46bf.js');
+const index$1 = require('./index-a1242628.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-3d49ff1c.js');
+require('./index-a6b5294d.js');
 
 const zoomCss = "svg:not(:root){overflow:hidden}:host(:not([disabled])){overflow:hidden}:host([disabled]){cursor:default;-ms-touch-action:auto !important;touch-action:auto !important}";
 

package/dist/collection/components/2.molecules/rating/rating.js

@@ -3,7 +3,7 @@
  * @author: Renate Urdzina
  * Zeplin Link: https://zpl.io/29LWN0W, https://zpl.io/VKeMEz7, https://zpl.io/2pELg4l, https://zpl.io/V4LMmzp
  */
-import { addKeyboardEventListener, closeModal, isNativeMobile, isWeb, removeKeyboardEventListeners, translate } from '@shared/utils';
+import { addKeyboardEventListener, closeModal, isLowPowerMode, isNativeMobile, isWeb, removeKeyboardEventListeners, translate } from '@shared/utils';
 import { h, Host } from '@stencil/core';
 export class YooRatingComponent {
   constructor() {
@@ -16,6 +16,9 @@ export class YooRatingComponent {
     this.isRatingSubmitted = undefined;
     this.finalAnimationCompleted = undefined;
   }
+  get shouldDismissModal() {
+    return isLowPowerMode() ? true : this.finalAnimationCompleted;
+  }
   componentDidLoad() {
     if (isNativeMobile()) {
       addKeyboardEventListener('keyboardDidShow', () => {
@@ -39,11 +42,11 @@ export class YooRatingComponent {
     }
   }
   renderHeader(transparent) {
-    return (h("yoo-navbar", { class: transparent && 'transparent' }, h("yoo-button", { color: "text-color", slot: "start", fill: "transparent", shape: "circular", rippleType: "unbounded", disabled: this.isRatingSubmitted && !this.finalAnimationCompleted }, h("yoo-icon", { name: "close", color: "text-color", onClick: () => this.onClose() })), !this.isRatingSubmitted && h("span", null, translate(this.header))));
+    return (h("yoo-navbar", { class: transparent && 'transparent' }, h("yoo-button", { color: "text-color", slot: "start", fill: "transparent", shape: "circular", rippleType: "unbounded", disabled: this.isRatingSubmitted && !this.shouldDismissModal }, h("yoo-icon", { name: "close", color: "text-color", onClick: () => this.onClose() })), !this.isRatingSubmitted && h("span", null, translate(this.header))));
   }
   renderAnimatedIllustration(type) {
     return (h("yoo-animated-illustration", { class: type, type: type, onCompleted: () => {
-        if (this.isRatingSubmitted) {
+        if (this.isRatingSubmitted && !isLowPowerMode()) {
           this.submitHandler(this.courseRating);
           this.finalAnimationCompleted = true;
         }
@@ -65,6 +68,9 @@ export class YooRatingComponent {
         comment: this.descriptionArea.value || ''
       };
       this.isRatingSubmitted = true;
+      if (isLowPowerMode()) {
+        this.submitHandler(this.courseRating);
+      }
     }
   }
   renderFooter() {

package/dist/collection/components/3.organisms/video-player/videoplayer-videojs/videoplayer-videojs.js

@@ -317,9 +317,9 @@ export class YooVideoPlayerVideojsComponent {
     this.subtitlePrepared = false;
     if (this.player) {
       const newSrc = this.fallbackSrc[this.currentFallbackSrcIndex];
-      this.player.src(newSrc);
+      this.player.src({ src: getMedia(newSrc.src) });
       if (this.player.poster) {
-        this.player.poster(getVideoPoster(newURL));
+        this.player.poster(getMedia(getVideoPoster(newURL), { forceCookieUrlParam: true }));
       }
       this.player.load();
     }
@@ -350,7 +350,7 @@ export class YooVideoPlayerVideojsComponent {
   }
   renderVideoElement() {
     var _a;
-    const poster = isCloudinaryLink(this.poster) ? updateCloudinaryDim(this.poster ? this.poster : this.source, this.videoWidth, this.videoHeight) : null;
+    const poster = isCloudinaryLink(this.poster) ? getMedia(updateCloudinaryDim(this.poster ? this.poster : this.source, this.videoWidth, this.videoHeight), { forceCookieUrlParam: true }) : null;
     const newSrc = !((_a = this.source) === null || _a === void 0 ? void 0 : _a.includes('q_auto:eco')) ? new Cloudinary(this.source).quality('eco').getUrl() : this.source;
     let ext = this.extension || getExtension(newSrc);
     if (ext === 'mov' || !isVideo(newSrc)) { // Default mov or video link without ext to mp4

package/dist/collection/components/entities/entity-query-builder/entity-query-builder.js

@@ -43,7 +43,7 @@ export class YooEntityQueryBuilderComponent {
   onModelChanged(newModel, oldModel) {
     var _a;
     if ((newModel === null || newModel === void 0 ? void 0 : newModel.collectionName) !== (oldModel === null || oldModel === void 0 ? void 0 : oldModel.collectionName)) {
-      this.isOpen = false;
+      this.close();
     }
     this.advancedSegments = [];
     if ((_a = this.values) === null || _a === void 0 ? void 0 : _a.advancedSegments) {
@@ -58,17 +58,17 @@ export class YooEntityQueryBuilderComponent {
     }
   }
   onShowAdvancedQueryBuilderChanged() {
-    this.isOpen = false;
+    this.close();
   }
   handleClick(ev) {
     var _a;
     const node = ev.target;
     if (this.isOpen && this.floating && ((_a = this.host) === null || _a === void 0 ? void 0 : _a.contains(node)) === false && (node === null || node === void 0 ? void 0 : node.floatingFilters) !== true && node.classList.contains('sc-yoo-modal') === false) {
-      this.isOpen = false;
+      this.close();
     }
   }
   async reset() {
-    this.isOpen = false;
+    this.close();
     this.advancedSegments = [];
     if (this.values) {
       this.values.advancedSegments = [];
@@ -88,6 +88,9 @@ export class YooEntityQueryBuilderComponent {
     }
   }
   disconnectedCallback() {
+    this.close();
+  }
+  close() {
     this.isOpen = false;
   }
   onToggleOpen(ev) {
@@ -328,13 +331,12 @@ export class YooEntityQueryBuilderComponent {
       if (this.customView) {
         this.customViewReset.emit(this.customView);
       }
-      else {
-        this.isDirty = true;
-      }
-    }
-    else {
-      this.onEmitValues(true);
-    }
+      //else {
+      this.isDirty = true;
+      //}
+    } //else {
+    this.onEmitValues(true);
+    //}
   }
   renderSorts() {
     const fields = this.model.fields.filter((f) => f.sortable);
@@ -431,11 +433,11 @@ export class YooEntityQueryBuilderComponent {
     const customViewsButtons = ((_a = this.customViews) === null || _a === void 0 ? void 0 : _a.map((c) => mapCustomViewToButton(c, this.customView, getSession(), getAuthentication(), (c) => {
       this.isDirty = false;
       this.customViewLoaded.emit(c);
-      this.onToggleOpen();
+      this.close();
     }, (c) => {
       this.isDirty = false;
       this.customViewRemoved.emit(c);
-      this.onToggleOpen();
+      // this.onToggleOpen();
     }, (c) => {
       this.customViewLoaded.emit(c);
       setTimeout(() => {

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

@@ -1,4 +1,4 @@
-import { closeModal, hasWebCam, isSurface, translate } from '@shared/utils';
+import { closeModal, hasWebCam, isIOS, isSurface, translate } from '@shared/utils';
 import { forceUpdate, getAssetPath, h, Host } from '@stencil/core';
 import { getVideoDevices } from '@yobi/utils/helpers/camera-helpers';
 import { querySelectorDeep } from '@yobi/utils/helpers/common-helpers';
@@ -52,7 +52,7 @@ export class YooFormCaptureWebcamDialogComponent {
         }
       }
       options.mirror = false;
-      if (isSurface() && ((_d = this.device.label) === null || _d === void 0 ? void 0 : _d.includes('Rear'))) {
+      if (isIOS() || (isSurface() && ((_d = this.device.label) === null || _d === void 0 ? void 0 : _d.includes('Rear')))) {
         options.previewMirror = false;
       }
     }

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

@@ -2,6 +2,7 @@ import { closeModal, downloadFile, findParent, getAsyncExtraData, getClosestImag
 import { h, Host } from '@stencil/core';
 import { getAppContext, lockSwipes, showSlidesMedia } from '@yobi/utils/helpers/common-helpers';
 import { isArray, isNil } from 'lodash-es';
+const MAX_PAGINATION_SIZE = 5;
 export class YooFormCarouselComponent {
   constructor() {
     this.isZoomed = false;
@@ -25,6 +26,7 @@ export class YooFormCarouselComponent {
     this.isFeed = false;
     this.allowSwipeDownDismiss = true;
     this.preventScaledUp = false;
+    this.truncateSlides = undefined;
     this.topBarActions = [];
     this.contained = false;
     this.allowOrientation = false;
@@ -39,6 +41,10 @@ export class YooFormCarouselComponent {
     this.currentActiveIndex = this.currentSlideIndex;
     this.visibility = false;
   }
+  get shouldTruncate() {
+    var _a;
+    return this.truncateSlides && ((_a = this.mediaSrc) === null || _a === void 0 ? void 0 : _a.length) > MAX_PAGINATION_SIZE;
+  }
   handlePinchZoom(event) {
     this.isZoomed = event.detail;
     lockSwipes(this.ionSlides, this.isZoomed);
@@ -71,6 +77,9 @@ export class YooFormCarouselComponent {
       this.observeVisibility();
     }
   }
+  shouldRenderSlideContent(index) {
+    return !this.shouldTruncate || index === this.currentActiveIndex || index === this.currentActiveIndex + 1 || index === this.currentActiveIndex - 1;
+  }
   /**
    * In Web, when you have a nested swiper and child is detached first,
    * We need to reattach events of parent. Otherwise the touchmove
@@ -360,7 +369,7 @@ export class YooFormCarouselComponent {
     return h("yoo-videoplayer-core", { ...attrs, onClick: (ev) => !isPreview && ev.stopPropagation() });
   }
   renderSlide(src, index) {
-    return (h("yoo-ion-slide", null, this.renderMediaByType(src, index)));
+    return h("yoo-ion-slide", null, this.shouldRenderSlideContent(index) && this.renderMediaByType(src, index));
   }
   renderPdfImage() {
     return (h("div", { class: "pdf-container" }, this.mediaSrc.map((src, index) => {
@@ -397,7 +406,7 @@ export class YooFormCarouselComponent {
       }, color: "dark-40", size: tagSize }, h("yoo-icon", { name: "multiple-photos", color: "light", size: tagSize, slot: "start" }), h("div", { class: "text" }, `${this.currentActiveIndex + 1}/${this.mediaSrc.length}`))), isWeb(this.host) && this.isMultiMedia(this.mediaSrc) && this.paginationType !== 'progressbar' && (h("div", { class: "slide-nav" }, this.currentActiveIndex > 0 && h("yoo-tag", { onClick: (ev) => this.onSlidePrev(ev), class: "left", icon: "left", color: "light", size: "medium" }), this.currentActiveIndex < this.mediaSrc.length - 1 && (h("yoo-tag", { onClick: (ev) => this.onSlideNext(ev), class: "right", icon: "right", color: "light", size: "medium" }))))));
   }
   renderIconsContainer() {
-    return (this.paginationType !== 'progressbar' && h("div", { class: "icons-container" }, h("slot", { name: "start" }), this.isMultiMedia(this.mediaSrc) && !this.isPdf && this.renderSlidePagination(), h("slot", { name: "end" })));
+    return (this.paginationType !== 'progressbar' && h("div", { class: "icons-container" }, h("slot", { name: "start" }), this.isMultiMedia(this.mediaSrc) && !this.shouldTruncate && !this.isPdf && this.renderSlidePagination(), "      "));
   }
   render() {
     var _a;
@@ -750,6 +759,23 @@ export class YooFormCarouselComponent {
         "reflect": false,
         "defaultValue": "false"
       },
+      "truncateSlides": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "truncate-slides",
+        "reflect": false
+      },
       "topBarActions": {
         "type": "unknown",
         "mutable": false,

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

@@ -909,7 +909,7 @@ svg:not(:root) {
   margin-top: var(--spacing-08, 0.5rem);
   margin-bottom: var(--spacing-08, 0.5rem);
   font-weight: bold;
-  text-align: left;
+  text-align: start;
 }
 :host .flex {
   display: flex;
@@ -2233,6 +2233,11 @@ svg:not(:root) {
 :host(.kanban-form.readonly) {
   --mission-form-padding: 0;
 }
+:host(.mission-form.readonly) .slide-title,
+:host(.workflow-form.readonly) .slide-title,
+:host(.kanban-form.readonly) .slide-title {
+  font-size: var(--font-size-20, 1.25rem);
+}
 
 :host(.form-creator-preview) .field-placeholder yoo-form-input-container {
   border: var(--border-width-04, 0.25rem) solid transparent;

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

@@ -900,7 +900,7 @@ export class YooFormDynamicComponent {
     return this.formType === 'form-creator-block' || this.formType === 'lesson-creator-block';
   }
   shouldUseTranslations() {
-    return this.isFormCreatorBlock() || this.formType === 'form-creator-announcement';
+    return this.isFormCreatorBlock() || this.formType === 'form-creator-announcement' || this.formType === 'form-todo';
   }
   isLivePreview() {
     return (this.formType === 'form-creator-preview' || this.isLessonPreview() || this.formType === 'form-creator-preview-workflow' || this.formType === 'form-creator-preview-kanban');
@@ -2633,7 +2633,7 @@ export class YooFormDynamicComponent {
     const slideTitle = () => {
       return h("div", { class: "slide-title" }, translateMulti(field.slideTitle));
     };
-    const renderSlideTitle = this.forceReadonly && isFieldVisible && this.isPdf && !this.hidePageTitle && slideLength === 0 && (!this.printedSlideTitle || this.printedSlideTitle !== field.slideTitle);
+    const renderSlideTitle = this.forceReadonly && isFieldVisible && (this.isPdf || this.formType === 'mission') && !this.hidePageTitle && slideLength === 0 && (!this.printedSlideTitle || this.printedSlideTitle !== field.slideTitle);
     if (renderSlideTitle) {
       this.printedSlideTitle = field.slideTitle;
     }
@@ -5211,7 +5211,7 @@ export class YooFormDynamicComponent {
         "mutable": false,
         "complexType": {
           "original": "FormDynamicType",
-          "resolved": "\"feed\" | \"form-creator-announcement\" | \"form-creator-block\" | \"form-creator-preview\" | \"form-creator-preview-kanban\" | \"form-creator-preview-lesson\" | \"form-creator-preview-workflow\" | \"kanban\" | \"lesson\" | \"lesson-creator-block\" | \"lesson-detail\" | \"lesson-question-result\" | \"mission\" | \"mission-validation\" | \"poll\" | \"service\" | \"todo\" | \"visit\" | \"waitlist\" | \"workflow\"",
+          "resolved": "\"workflow\" | \"waitlist\" | TMissionType | \"form-creator-preview\" | \"form-creator-preview-lesson\" | \"form-creator-preview-workflow\" | \"form-creator-preview-kanban\" | \"form-creator-block\" | \"form-creator-announcement\" | \"lesson-creator-block\" | \"lesson-detail\" | \"lesson-question-result\" | \"mission-validation\" | \"form-todo\"",
           "references": {
             "FormDynamicType": {
               "location": "import",

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

@@ -15,6 +15,8 @@ export class YooFormDynamicDialogComponent {
     this.header = undefined;
     this.footerButtons = undefined;
     this.showSave = undefined;
+    this.formType = undefined;
+    this.translations = undefined;
     this.currentData = undefined;
     this.validity = false;
   }
@@ -53,7 +55,7 @@ export class YooFormDynamicDialogComponent {
   }
   render() {
     var _a, _b;
-    return (h(Host, { class: { 'web-center': isWeb(this.host) } }, h("yoo-header", null, h("yoo-navbar", null, h("yoo-items", { slot: "start" }, h("yoo-button", { size: "medium", color: "text-color", fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.onCancel() }, h("yoo-icon", { size: "medium", name: "close" }))), h("yoo-truncate", null, this.header ? this.header : translate('ADVANCED')), h("yoo-items", { slot: "end" }, !this.hideSaveButton && !isWeb(this.host) && (h("yoo-button", { color: "app-color", fill: "transparent", animated: false, disabled: !this.validity, onClick: () => this.onSave() }, translate('YOOBICSAVE')))))), isWeb(this.host) && (h("div", { class: "content" }, h("yoo-form-dynamic", { ref: (el) => (this.formDynamicEl = el), scrollable: false, slides: this.slides, data: this.data, showRecap: this.showRecap, suffix: this.suffix, forceReadonly: this.forceReadonly, onDataChanged: (ev) => this.onDataChanged(ev), onFormValidityChanged: (ev) => this.onValidityChanged(ev), onFieldFetchData: (ev) => this.onInternalFieldFetchData(ev), showSave: this.showSave, hideToolbar: this.hideToolbar }))), !isWeb(this.host) && (h("yoo-ion-content", { class: "flex bg-light", forceOverscroll: false, scrollEnabled: false }, h("yoo-form-dynamic", { ref: (el) => (this.formDynamicEl = el), slides: this.slides, data: this.data, showRecap: this.showRecap, suffix: this.suffix, forceReadonly: this.forceReadonly, onDataChanged: (ev) => this.onDataChanged(ev), onFormValidityChanged: (ev) => this.onValidityChanged(ev), onFieldFetchData: (ev) => this.onInternalFieldFetchData(ev), showSave: this.showSave, hideToolbar: this.hideToolbar }))), (!!((_a = this.footerButtons) === null || _a === void 0 ? void 0 : _a.length) || (!this.hideSaveButton && isWeb(this.host))) && (h("yoo-ion-footer", null, !!((_b = this.footerButtons) === null || _b === void 0 ? void 0 : _b.length) &&
+    return (h(Host, { class: { 'web-center': isWeb(this.host) } }, h("yoo-header", null, h("yoo-navbar", null, h("yoo-items", { slot: "start" }, h("yoo-button", { size: "medium", color: "text-color", fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.onCancel() }, h("yoo-icon", { size: "medium", name: "close" }))), h("yoo-truncate", null, this.header ? this.header : translate('ADVANCED')), h("yoo-items", { slot: "end" }, !this.hideSaveButton && !isWeb(this.host) && (h("yoo-button", { color: "app-color", fill: "transparent", animated: false, disabled: !this.validity, onClick: () => this.onSave() }, translate('YOOBICSAVE')))))), isWeb(this.host) && (h("div", { class: "content" }, h("yoo-form-dynamic", { ref: (el) => (this.formDynamicEl = el), scrollable: false, slides: this.slides, data: this.data, showRecap: this.showRecap, suffix: this.suffix, forceReadonly: this.forceReadonly, formType: this.formType, translations: this.translations, onDataChanged: (ev) => this.onDataChanged(ev), onFormValidityChanged: (ev) => this.onValidityChanged(ev), onFieldFetchData: (ev) => this.onInternalFieldFetchData(ev), showSave: this.showSave, hideToolbar: this.hideToolbar }))), !isWeb(this.host) && (h("yoo-ion-content", { class: "flex bg-light", forceOverscroll: false, scrollEnabled: false }, h("yoo-form-dynamic", { ref: (el) => (this.formDynamicEl = el), slides: this.slides, data: this.data, showRecap: this.showRecap, suffix: this.suffix, forceReadonly: this.forceReadonly, formType: this.formType, translations: this.translations, onDataChanged: (ev) => this.onDataChanged(ev), onFormValidityChanged: (ev) => this.onValidityChanged(ev), onFieldFetchData: (ev) => this.onInternalFieldFetchData(ev), showSave: this.showSave, hideToolbar: this.hideToolbar }))), (!!((_a = this.footerButtons) === null || _a === void 0 ? void 0 : _a.length) || (!this.hideSaveButton && isWeb(this.host))) && (h("yoo-ion-footer", null, !!((_b = this.footerButtons) === null || _b === void 0 ? void 0 : _b.length) &&
       this.footerButtons
         .map((action) => ({
         ...toButton(action, this.currentData),
@@ -296,6 +298,48 @@ export class YooFormDynamicDialogComponent {
         },
         "attribute": "show-save",
         "reflect": false
+      },
+      "formType": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "FormDynamicType",
+          "resolved": "\"workflow\" | \"waitlist\" | TMissionType | \"form-creator-preview\" | \"form-creator-preview-lesson\" | \"form-creator-preview-workflow\" | \"form-creator-preview-kanban\" | \"form-creator-block\" | \"form-creator-announcement\" | \"lesson-creator-block\" | \"lesson-detail\" | \"lesson-question-result\" | \"mission-validation\" | \"form-todo\"",
+          "references": {
+            "FormDynamicType": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "form-type",
+        "reflect": false
+      },
+      "translations": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "ITranslation[]",
+          "resolved": "ITranslation[]",
+          "references": {
+            "ITranslation": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        }
       }
     };
   }

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

@@ -1,4 +1,4 @@
-import { addKeyboardEventListener, copyToClipboard, debounce as _debounce, disableKeyboardResize, enableKeyboardResize, extractTextFromStringHTML, getContrastColor, getCssColor, isAndroid, isAnimationsDisabled, isFirefox, isHTML, isIOS, isKeyboardResizeModeInactive, isNativeMobile, isSafari, isWeb, removeKeyboardEventListeners, resizeObserve, showToast, translate } from '@shared/utils';
+import { addKeyboardEventListener, copyToClipboard, debounce as _debounce, disableKeyboardResize, enableKeyboardResize, extractTextFromStringHTML, getContrastColor, getCssColor, getCurrentLanguage, isAndroid, isAnimationsDisabled, isFirefox, isHTML, isIOS, isKeyboardResizeModeInactive, isNativeMobile, isSafari, isWeb, removeKeyboardEventListeners, resizeObserve, showToast, translate } from '@shared/utils';
 import { h, Host } from '@stencil/core';
 import { getAppContext } from '@yobi/utils/helpers/common-helpers';
 import { clearFocused, convertValueForInputType, initNumber, onIconClicked, onInputBlurred, onInputClear, onInputFocused, setContentEditableValidity, setValidator, setValueAndValidateInput, validate } from '@yobi/utils/helpers/form-input-helpers';
@@ -342,7 +342,7 @@ export class YooFormInputComponent {
       const translationIndex = this.translations.findIndex((tran) => { var _a; return tran.key === key || tran.key === ((_a = this.translationKey) === null || _a === void 0 ? void 0 : _a.replace(/%/g, '')); });
       if (translationIndex > -1) {
         this.translationKey = ((_b = this.translations[translationIndex]) === null || _b === void 0 ? void 0 : _b.key) || this.value;
-        this.value = this.translations[translationIndex][this.translations[translationIndex].language];
+        this.value = this.translations[translationIndex][this.translations[translationIndex].language || getCurrentLanguage()];
       }
     }
     this.localValue = this.value;

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

@@ -410,7 +410,7 @@ export class YooFormInputContainerComponent {
         "mutable": false,
         "complexType": {
           "original": "FormDynamicType",
-          "resolved": "\"feed\" | \"form-creator-announcement\" | \"form-creator-block\" | \"form-creator-preview\" | \"form-creator-preview-kanban\" | \"form-creator-preview-lesson\" | \"form-creator-preview-workflow\" | \"kanban\" | \"lesson\" | \"lesson-creator-block\" | \"lesson-detail\" | \"lesson-question-result\" | \"mission\" | \"mission-validation\" | \"poll\" | \"service\" | \"todo\" | \"visit\" | \"waitlist\" | \"workflow\"",
+          "resolved": "\"workflow\" | \"waitlist\" | TMissionType | \"form-creator-preview\" | \"form-creator-preview-lesson\" | \"form-creator-preview-workflow\" | \"form-creator-preview-kanban\" | \"form-creator-block\" | \"form-creator-announcement\" | \"lesson-creator-block\" | \"lesson-detail\" | \"lesson-question-result\" | \"mission-validation\" | \"form-todo\"",
           "references": {
             "FormDynamicType": {
               "location": "import",

package/dist/collection/components/form/form-text-editor/form-text-editor.css

@@ -210,6 +210,7 @@ svg:not(:root) {
 }
 :host .container.fullscreen {
   height: 100%;
+  padding-top: var(--safe-area-inset-top);
   border: none;
   border-radius: 0;
 }