@yoobic/yobi 8.7.2 → 8.7.4

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

@@ -243,7 +243,7 @@ export class YooFormDynamicComponent {
     }
   }
   async lockSlides(index) {
-    this.lockSlideSwipe(index !== null && index !== void 0 ? index : this.activeIndex);
+    this.lockSlideSwipe(index);
   }
   async onPhotoUploadingComplete(field) {
     const photo = this.getFieldByCode(field.name);
@@ -982,7 +982,7 @@ export class YooFormDynamicComponent {
     }
     if (this.isWeb && this.ionSlides) {
       await this.ionSlides.update();
-      this.lockSlideSwipe(this.activeIndex);
+      this.lockSlideSwipe();
     }
   }
   initValidity() {
@@ -1639,12 +1639,12 @@ export class YooFormDynamicComponent {
   isFirstSlide() {
     return this.activeIndex === 0;
   }
-  lockSlideSwipe(index) {
+  lockSlideSwipe(index = this.activeIndex) {
     if (this.slides && this.slides.length > 0) {
       index = this.showRecap ? index - 1 : index;
-      const shouldLockSlide = (slideIndex) => { var _a; return !isQuiz(this.lessonType) && ((_a = this.slidesState.filter((item) => !(item === null || item === void 0 ? void 0 : item.hidden))[slideIndex]) === null || _a === void 0 ? void 0 : _a.validity); };
-      const lockSwipeToNext = this.isLesson() ? !shouldLockSlide(index) : index + 1 === this.slides.length ? false : this.getSlideState(index + 1).locked;
-      const lockSwipeToPrev = (this.isLesson() && !isContentOnly(this.lessonType)) ? !shouldLockSlide(index - 1) : index - 1 < 0 ? false : this.getSlideState(index - 1).locked;
+      const [backButton, nextButton] = ['goback', 'next'].map(actionType => { var _a; return (_a = this.getNextButtons(index)) === null || _a === void 0 ? void 0 : _a.find((button) => button.actionType === actionType); });
+      const lockSwipeToNext = this.isLesson() ? nextButton === null || nextButton === void 0 ? void 0 : nextButton.disabled : index + 1 === this.slides.length ? false : this.getSlideState(index + 1).locked;
+      const lockSwipeToPrev = this.isLesson() ? backButton === null || backButton === void 0 ? void 0 : backButton.disabled : index - 1 < 0 ? false : this.getSlideState(index - 1).locked;
       if (this.ionSlides) {
         this.ionSlides.lockSwipeToNext(lockSwipeToNext);
         this.ionSlides.lockSwipeToPrev(lockSwipeToPrev);
@@ -1897,7 +1897,7 @@ export class YooFormDynamicComponent {
       this.validity = newValidity;
       this.formValidityChanged.emit(this.validity);
     }
-    this.lockSlideSwipe(this.activeIndex);
+    this.lockSlideSwipe();
   }
   onKeyboardWillShow(ev) {
     var _a;
@@ -2263,7 +2263,7 @@ export class YooFormDynamicComponent {
     let bannerRef;
     return [
       totalInvalidFields > 0 && h("yoo-banner", { ref: (el) => (bannerRef = el), fill: true, leftIcon: { name: 'warning' }, closable: true, onCloseClick: () => bannerRef.close() }, h("p", { slot: "content" }, translate('WARNINGNOTCOMPLIANTFIELDS', { smart_count: totalInvalidFields }))),
-      h("yoo-ion-slides", { ref: (el) => (this.ionSlides = el), navigation: false, initialSlide: this.selectedTabIndex || 0, options: this.slidesOptions, onIonSlidesDidLoad: () => this.isLesson() && this.lockSlideSwipe(this.activeIndex), onIonSlideTransitionEnd: (ev) => this.onIonSlideTransitionEnd(ev), onIonSlideTouchEnd: (ev) => this.onIonSlideTouchEnd(ev), class: {
+      h("yoo-ion-slides", { ref: (el) => (this.ionSlides = el), navigation: false, initialSlide: this.selectedTabIndex || 0, options: this.slidesOptions, onIonSlidesDidLoad: () => this.isLesson() && this.lockSlideSwipe(), onIonSlideTransitionEnd: (ev) => this.onIonSlideTransitionEnd(ev), onIonSlideTouchEnd: (ev) => this.onIonSlideTouchEnd(ev), class: {
           'has-header': isHeaderVisible, 'has-header-simple': this.isSimpleProgressBar(), 'recap': this.showRecap && this.activeIndex === 0
         } }, this.showRecap !== false ? h("yoo-ion-slide", { class: "recap" }, " ", this.renderRecap(), " ") : null, slides.map((slide, slideIndex) => (h("yoo-ion-slide", { class: {
           'flex-column': true,
@@ -3588,13 +3588,6 @@ export class YooFormDynamicComponent {
           includeSessionValues: field.includeSessionValues
         };
         break;
-      case FormFieldType.sorts:
-        TagType = 'yoo-form-sorts';
-        extraAttrs = {
-          value,
-          model: field.model
-        };
-        break;
       case FormFieldType.productssales:
         TagType = 'yoo-form-products-sales';
         extraAttrs = {
@@ -4533,7 +4526,9 @@ export class YooFormDynamicComponent {
         TagType = 'yoo-scratch-card';
         extraAttrs = {
           values: field.values,
-          isVisible: this.isCurrentSlide(slideIndex)
+          isVisible: this.isCurrentSlide(slideIndex),
+          onRedone: () => this.lockSlideSwipe(),
+          onRevealed: () => this.lockSlideSwipe()
         };
         break;
       case FormFieldType.scratchcreator:
@@ -7054,7 +7049,7 @@ export class YooFormDynamicComponent {
       },
       "scrollToPoint": {
         "complexType": {
-          "signature": "({ relativeScrollDistance, duration, scrollToBottom }: { relativeScrollDistance: number; duration?: number; scrollToBottom?: boolean; }) => Promise<any>",
+          "signature": "({ relativeScrollDistance, duration, scrollToBottom }: { relativeScrollDistance: number; duration?: number; scrollToBottom?: boolean; }) => Promise<void>",
           "parameters": [{
               "tags": [],
               "text": ""
@@ -7067,7 +7062,7 @@ export class YooFormDynamicComponent {
               "location": "global"
             }
           },
-          "return": "Promise<any>"
+          "return": "Promise<void>"
         },
         "docs": {
           "text": "",

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

@@ -64,6 +64,7 @@ export function getPreviousAndNextButtons({ host, hasPreviousButton, isDisabled,
   }
   if (nextButtonHandler) {
     buttons.push({
+      actionType: 'next',
       text: translate(nextButtonText || 'YOOBICNEXT'),
       color: nextButtonColor || 'app-color',
       size: size || (isWeb(host) ? 'medium' : 'large'),

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

@@ -32,7 +32,7 @@ export class YooFormIllustrationComponent {
         "mutable": false,
         "complexType": {
           "original": "TIllustration",
-          "resolved": "\"activity\" | \"aisles\" | \"barcode\" | \"battle\" | \"calendar\" | \"campaign\" | \"chart\" | \"chat\" | \"check\" | \"comment\" | \"contact\" | \"courses\" | \"database\" | \"feed\" | \"file\" | \"filter\" | \"folder\" | \"group\" | \"image\" | \"inbox\" | \"journey\" | \"leaderboard\" | \"lock\" | \"map\" | \"mission\" | \"note\" | \"offline\" | \"password\" | \"plugin\" | \"poll\" | \"publish\" | \"questions\" | \"request\" | \"scoring\" | \"search\" | \"security\" | \"settings\" | \"store\" | \"tag\" | \"user\" | \"visit\" | \"workflow\" | \"aclRole\" | \"blog\" | \"campaignfilters\" | \"channel\" | \"communities\" | \"custommodels\" | \"emails\" | \"feeds\" | \"files\" | \"geofilters\" | \"groups\" | \"hierarchy\" | \"htmltemplates\" | \"incentives\" | \"lessons\" | \"locations\" | \"locationtypes\" | \"memos\" | \"missiondescriptions\" | \"missiondescriptiontemplates\" | \"missions\" | \"plans\" | \"productbatch\" | \"products\" | \"tenants\" | \"translations\" | \"userranks\" | \"users\" | \"photo\" | \"reject\" | \"none\" | \"inventory\" | \"kanban\" | \"knowledgelibrary\" | \"admin\" | \"service\" | \"field\" | \"dashboard\" | \"pharmaone\" | \"score\" | \"team\" | \"todo\" | \"trial\" | \"videocall\" | \"allowcamera\" | \"areamanager\" | \"category\" | \"empty\" | \"error\" | \"faceid\" | \"form\" | \"template\" | \"location\" | \"newsletter\" | \"nodata\" | \"notification\" | \"offlinemode\" | \"requestraised\" | \"robot\" | \"robotfailed\" | \"robotgenerating\" | \"robotsleeping\" | \"role\" | \"storemanager\" | \"touchid\" | \"usertrial\" | \"waiting\" | \"hq\" | \"missionstovalidate\" | \"wiki\" | \"goto\" | \"archived\" | \"allstores\" | \"analytics\" | \"artificialintelligence\" | \"availablestores\" | \"barcodelong\" | \"barcodeold\" | \"communitiestodiscover\" | \"courseqrcode\" | \"createannouncement\" | \"createmission\" | \"createpoll\" | \"createrequest\" | \"customformfield\" | \"enrol\" | \"fielduser\" | \"generic_chart\" | \"geocoding\" | \"magic-link\" | \"new-user\" | \"oneoff\" | \"page\" | \"paperplane\" | \"payments\" | \"pdfauditexport\" | \"pdfclassic\" | \"pdfcontract\" | \"pdfphotoreport\" | \"photosplaceholder\" | \"recurring\" | \"robot2\" | \"robotgenerated\" | \"robotsuccess\" | \"selectedstores\" | \"sending\" | \"sent\" | \"shopping\" | \"subscription\" | \"todoold\" | \"welcomeuser\" | \"generalscoring\" | \"answers\" | \"barcodealert\" | \"briefcase\" | \"emailblocked\" | \"memo\" | \"podium\" | \"widgetcourses\" | \"wikis\" | \"subplans\"",
+          "resolved": "\"activity\" | \"aisles\" | \"barcode\" | \"battle\" | \"calendar\" | \"campaign\" | \"chart\" | \"chat\" | \"check\" | \"comment\" | \"contact\" | \"courses\" | \"database\" | \"feed\" | \"file\" | \"filter\" | \"folder\" | \"group\" | \"image\" | \"inbox\" | \"journey\" | \"leaderboard\" | \"lock\" | \"map\" | \"mission\" | \"note\" | \"offline\" | \"password\" | \"plugin\" | \"poll\" | \"publish\" | \"questions\" | \"request\" | \"scoring\" | \"search\" | \"security\" | \"settings\" | \"store\" | \"tag\" | \"upload\" | \"user\" | \"visit\" | \"workflow\" | \"aclRole\" | \"blog\" | \"campaignfilters\" | \"channel\" | \"communities\" | \"custommodels\" | \"emails\" | \"feeds\" | \"files\" | \"geofilters\" | \"groups\" | \"hierarchy\" | \"htmltemplates\" | \"incentives\" | \"lessons\" | \"locations\" | \"locationtypes\" | \"memos\" | \"missiondescriptions\" | \"missiondescriptiontemplates\" | \"missions\" | \"plans\" | \"productbatch\" | \"products\" | \"tenants\" | \"translations\" | \"userranks\" | \"users\" | \"photo\" | \"reject\" | \"none\" | \"inventory\" | \"kanban\" | \"knowledgelibrary\" | \"admin\" | \"service\" | \"field\" | \"dashboard\" | \"pharmaone\" | \"score\" | \"team\" | \"todo\" | \"trial\" | \"videocall\" | \"allowcamera\" | \"areamanager\" | \"category\" | \"empty\" | \"error\" | \"faceid\" | \"form\" | \"template\" | \"location\" | \"newsletter\" | \"nodata\" | \"notification\" | \"offlinemode\" | \"requestraised\" | \"robot\" | \"robotfailed\" | \"robotgenerating\" | \"robotsleeping\" | \"role\" | \"storemanager\" | \"touchid\" | \"usertrial\" | \"waiting\" | \"hq\" | \"missionstovalidate\" | \"wiki\" | \"goto\" | \"archived\" | \"allstores\" | \"analytics\" | \"artificialintelligence\" | \"availablestores\" | \"barcodelong\" | \"barcodeold\" | \"communitiestodiscover\" | \"courseqrcode\" | \"createannouncement\" | \"createmission\" | \"createpoll\" | \"createrequest\" | \"customformfield\" | \"enrol\" | \"fielduser\" | \"generalscoring\" | \"generic_chart\" | \"geocoding\" | \"magic-link\" | \"new-user\" | \"oneoff\" | \"page\" | \"paperplane\" | \"payments\" | \"pdfauditexport\" | \"pdfclassic\" | \"pdfcontract\" | \"pdfphotoreport\" | \"photosplaceholder\" | \"recurring\" | \"robot2\" | \"robotgenerated\" | \"robotsuccess\" | \"selectedstores\" | \"sending\" | \"sent\" | \"shopping\" | \"subscription\" | \"todoold\" | \"welcomeuser\" | \"answers\" | \"barcodealert\" | \"briefcase\" | \"emailblocked\" | \"memo\" | \"podium\" | \"subplans\" | \"widgetcourses\" | \"wikis\"",
           "references": {
             "TIllustration": {
               "location": "import",

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

@@ -92,19 +92,25 @@ export class YooFormImageTaggingComponent {
   componentDidLoad() {
     this.init();
   }
+  disconnectedCallback() {
+    var _a, _b;
+    (_a = this.tags) === null || _a === void 0 ? void 0 : _a.destroy();
+    (_b = this.mutationObserver) === null || _b === void 0 ? void 0 : _b.disconnect();
+  }
   async prepareImage() {
     var _a;
     this.imageSrc = await getMedia(await getFromOfflineStorage((_a = this.image) === null || _a === void 0 ? void 0 : _a._downloadURL), { forceCookieUrlParam: true });
   }
   init() {
-    new MutationObserver((entries) => {
+    this.mutationObserver = new MutationObserver((entries) => {
       entries.forEach(({ addedNodes }) => {
         var _a, _b;
         if ((_b = (_a = addedNodes === null || addedNodes === void 0 ? void 0 : addedNodes[0]) === null || _a === void 0 ? void 0 : _a['dataset']) === null || _b === void 0 ? void 0 : _b['id']) {
           this.clampDropzonePosition(addedNodes[0]);
         }
       });
-    }).observe(this.imageContainerElement, { childList: true });
+    });
+    this.imageContainerElement && this.mutationObserver.observe(this.imageContainerElement, { childList: true });
   }
   clampDropzonePosition(element) {
     if (element) {

package/dist/collection/components/form/form-image-tagging-creator/form-image-tagging-creator.js

@@ -14,16 +14,22 @@ export class YooFormImageTaggingCreatorComponent {
     this.validity = undefined;
     this.value = {};
   }
+  async onValueChanged() {
+    this.prepareData();
+  }
   get dotElements() {
     var _a, _b;
     return Array.from(((_b = (_a = this.host) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelectorAll('.annotation')) || []);
   }
-  componentWillLoad() {
+  prepareData() {
     var _a, _b, _c, _d, _e, _f;
     this.src = (_a = this.value) === null || _a === void 0 ? void 0 : _a.imageUrl;
     this.annotations = ((_d = (_c = (_b = this.value) === null || _b === void 0 ? void 0 : _b.annotations) === null || _c === void 0 ? void 0 : _c.filter((annotation) => isAnnotationValid(annotation))) === null || _d === void 0 ? void 0 : _d.map((annotation) => ({ type: 'dot', _id: getUUID(), ...annotation }))) || [];
     this.canClickOnImage = ((_f = (_e = this.annotations) === null || _e === void 0 ? void 0 : _e.filter(({ text }) => text)) === null || _f === void 0 ? void 0 : _f.length) < MAX_ALLOWED_DOTS;
   }
+  componentWillLoad() {
+    this.prepareData();
+  }
   componentDidLoad() {
     if (this.imageContainerElement) {
       setDotIndexes(this.dotElements);
@@ -121,7 +127,7 @@ export class YooFormImageTaggingCreatorComponent {
   clampDropzonePosition(element) {
     if (element) {
       const { x, y } = getClampedPositionAnnotation(element);
-      Object.assign(element.style, { transform: `translate(${x}px, ${y}px)` });
+      !!(x || y) && Object.assign(element.style, { transform: `translate(${x}px, ${y}px)` });
     }
   }
   onImageUpdated(ev) {
@@ -307,4 +313,10 @@ export class YooFormImageTaggingCreatorComponent {
       }];
   }
   static get elementRef() { return "host"; }
+  static get watchers() {
+    return [{
+        "propName": "value",
+        "methodName": "onValueChanged"
+      }];
+  }
 }

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

@@ -1,4 +1,4 @@
-import { copyToClipboard, debounce as _debounce, disableKeyboardResize, enableKeyboardResize, extractTextFromStringHTML, getContrastColor, getCssColor, isAndroid, isAnimationsDisabled, isFirefox, isHTML, isIOS, isKeyboardResizeModeInactive, isNativeMobile, isSafari, isWeb, resizeObserve, showToast, translate } from '@shared/utils';
+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 { 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';
@@ -83,6 +83,7 @@ export class YooFormInputComponent {
     this.fireInputChangeEvent = true;
     this.allowDecimals = true;
     this.format = 'input';
+    this.disableKeyboardResizing = false;
     this.inputType = undefined;
     this.remainingCharacters = undefined;
     this.checkboxParams = null;
@@ -169,6 +170,15 @@ export class YooFormInputComponent {
   }
   componentWillLoad() {
     this.onInitInput();
+    if (!this.disableKeyboardResizing && isNativeMobile() && isIOS()) {
+      this.isKeyboardResizeModeInactive = isKeyboardResizeModeInactive();
+      addKeyboardEventListener('keyboardWillShow', () => {
+        enableKeyboardResize();
+      });
+      addKeyboardEventListener('keyboardWillHide', () => {
+        disableKeyboardResize();
+      });
+    }
     if (this.maxCharacters) {
       this.remainingCharacters = this.maxCharacters - (this.value ? this.value.length : 0);
     }
@@ -213,10 +223,6 @@ export class YooFormInputComponent {
       this.inputElement.value = this.value;
       this.updateRemainingCharacters();
     }
-    if (isNativeMobile() && isIOS()) {
-      this.isKeyboardResizeModeInactive = isKeyboardResizeModeInactive();
-      enableKeyboardResize();
-    }
     if (this.focusOnRendered) {
       this.setFocus();
     }
@@ -231,8 +237,11 @@ export class YooFormInputComponent {
     }
   }
   disconnectedCallback() {
-    if (isNativeMobile() && isIOS() && this.isKeyboardResizeModeInactive) {
-      disableKeyboardResize();
+    if (isNativeMobile() && isIOS()) {
+      this.isKeyboardResizeModeInactive && disableKeyboardResize();
+      if (this.disableKeyboardResizing) {
+        removeKeyboardEventListeners();
+      }
     }
   }
   onInitInput() {
@@ -1547,6 +1556,24 @@ export class YooFormInputComponent {
         "attribute": "format",
         "reflect": true,
         "defaultValue": "'input'"
+      },
+      "disableKeyboardResizing": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "disable-keyboard-resizing",
+        "reflect": false,
+        "defaultValue": "false"
       }
     };
   }

package/dist/collection/components/form/form-missing-word/form-missing-word.js

@@ -94,6 +94,10 @@ export class YooFormMissingWordComponent {
   componentWillUpdate() {
     this.checkValues();
   }
+  disconnectedCallback() {
+    var _a;
+    (_a = this.tags) === null || _a === void 0 ? void 0 : _a.destroy();
+  }
   checkValues() {
     var _a, _b;
     if (this.hasDataChanged) {

package/dist/collection/components/form/form-number-picker/form-number-picker.js

@@ -21,6 +21,7 @@ export class YooFormNumberPickerComponent {
     this.forceShowValidation = false;
   }
   onValueChanged() {
+    this.value && this.stepAmount && !this.min && (this.min = this.value);
     this.inputChanged.emit(this.value);
     this.updateValidity();
   }
@@ -30,6 +31,9 @@ export class YooFormNumberPickerComponent {
   onMaxUpdated() {
     this.updateValidity();
   }
+  onUseButtonsUpdated() {
+    !this.value && this.useButtons && (this.value = this.min || 0);
+  }
   async setValue(value) {
     this.value = value;
     this.selection = value;
@@ -49,9 +53,8 @@ export class YooFormNumberPickerComponent {
     }
   }
   componentWillLoad() {
-    (isFinite(this.stepAmount) && this.stepAmount > 0) && this.updateMinMaxWithStep();
     this.value && this.setValue(this.value);
-    !this.value && this.useButtons && (this.value = this.min);
+    !this.value && this.useButtons && (this.value = this.min || 0);
   }
   componentDidLoad() {
     this.setCaretColor();
@@ -59,18 +62,6 @@ export class YooFormNumberPickerComponent {
   get isSecondary() {
     return this.type === 'secondary';
   }
-  updateMinMaxWithStep() {
-    const step = this.stepAmount || 1;
-    for (const bound of ['min', 'max']) {
-      if ((!isFinite(this[bound]) || this[bound] < step) && bound === 'min') {
-        this[bound] = step;
-      }
-      else if (this[bound] % step !== 0) {
-        const diff = this[bound] % step;
-        this[bound] += (diff / step) >= 0.5 ? step - diff : diff * -1;
-      }
-    }
-  }
   setCaretColor() {
     if (this.formInputElement && !this.disabled) {
       const caretColor = this.isSecondary ? 'dark' : 'light';
@@ -100,7 +91,7 @@ export class YooFormNumberPickerComponent {
       validity = this.value <= this.max;
     }
     if (validity && isFinite(this.stepAmount)) {
-      validity = !(this.value % this.stepAmount);
+      validity = !((this.value - (this.min || 0)) % this.stepAmount);
     }
     if (this.validity !== validity) {
       this.validity = validity;
@@ -134,6 +125,7 @@ export class YooFormNumberPickerComponent {
         if (ret && !ret.overlayDismiss) {
           this.setValue(ret.data);
         }
+        this.updateValidity();
         this.dialog = null;
       });
     }
@@ -144,7 +136,6 @@ export class YooFormNumberPickerComponent {
   onInputFocused(ev) {
     ev.stopPropagation();
     ev.preventDefault();
-    this.updateValidity();
     this.showContainerDialog();
   }
   onInputBlurred() {
@@ -553,6 +544,9 @@ export class YooFormNumberPickerComponent {
       }, {
         "propName": "max",
         "methodName": "onMaxUpdated"
+      }, {
+        "propName": "useButtons",
+        "methodName": "onUseButtonsUpdated"
       }];
   }
 }

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

@@ -28,7 +28,7 @@ export class YooFormScormComponent {
   componentWillLoad() {
     var _a;
     setValidator(this);
-    this.isPreview = window.location.href.indexOf(IRoute.missionviewer) >= 0 || window.location.href.indexOf(IRoute.courseeditor) >= 0 || ((_a = getSession()) === null || _a === void 0 ? void 0 : _a.isExternal);
+    this.isPreview = window.location.href.includes(IRoute.missionviewer) || window.location.href.includes(IRoute.courseeditor_id.replace(':id', '')) || ((_a = getSession()) === null || _a === void 0 ? void 0 : _a.isExternal);
     this.pastRegistration = null;
     this.fetchLocalizedScorm();
   }

package/dist/collection/components/form/form-text-area/form-text-area.js

@@ -1,4 +1,4 @@
-import { debounce, enableKeyboardResize, findParent, getAsyncExtraData, isFirefox, isIOS, isNativeMobile, isWeb, replaceAtTagToMentionTag, safeScrollIntoView, sanitizeInputValue, translate, translateMulti, updateLinkPreviews } from '@shared/utils';
+import { addKeyboardEventListener, debounce, disableKeyboardResize, enableKeyboardResize, findParent, getAsyncExtraData, isFirefox, isIOS, isNativeMobile, isWeb, removeKeyboardEventListeners, replaceAtTagToMentionTag, safeScrollIntoView, sanitizeInputValue, translate, translateMulti, updateLinkPreviews } from '@shared/utils';
 import { forceUpdate, h, Host, readTask, writeTask } from '@stencil/core';
 import { getAppContext, sanitizeHTML } from '@yobi/utils/helpers/common-helpers';
 import { onInputBlurred, onInputClear, onInputFocused, setValidator, setValueAndValidateInput } from '@yobi/utils/helpers/form-input-helpers';
@@ -46,6 +46,7 @@ export class YooFormTextAreaComponent {
     this.followCursor = false;
     this.isLocal = false;
     this.idOnly = false;
+    this.disableKeyboardResizing = false;
     this.rows = undefined;
     this.composeText = undefined;
     this.segmentsCount = undefined;
@@ -156,6 +157,14 @@ export class YooFormTextAreaComponent {
   componentWillLoad() {
     setValidator(this);
     this.value = this.sanitizeInputValue();
+    if (!this.disableKeyboardResizing && isNativeMobile() && isIOS()) {
+      addKeyboardEventListener('keyboardWillShow', () => {
+        enableKeyboardResize();
+      });
+      addKeyboardEventListener('keyboardWillHide', () => {
+        disableKeyboardResize();
+      });
+    }
     this.emitValueAndSetValidity = debounce((value, inputElement, forceNullValidation, validateInput, skipValueAssignment, preventInputChangedEvent) => {
       if (this.isLocal && this.idOnly) {
         value = formatIdOnlyMentions(value, this.mentionItems);
@@ -206,9 +215,6 @@ export class YooFormTextAreaComponent {
         this.inputEl.innerHTML = replaceIdToMentionTag(this.value, this.mentionItems);
       }
     }
-    if (isNativeMobile() && isIOS()) {
-      enableKeyboardResize();
-    }
     if (this.autoInitialRows && this.inputEl) {
       const { scrollHeight, clientHeight } = this.inputEl;
       if (clientHeight === scrollHeight) {
@@ -240,6 +246,9 @@ export class YooFormTextAreaComponent {
     if (this.windowClickListener) {
       window.removeEventListener('click', this.windowClickListener);
     }
+    if (!this.disableKeyboardResizing && isNativeMobile() && isIOS()) {
+      removeKeyboardEventListeners();
+    }
     this.inputEl = null;
   }
   sanitizeInputValue(value = this.value) {
@@ -1250,6 +1259,24 @@ export class YooFormTextAreaComponent {
         "attribute": "id-only",
         "reflect": false,
         "defaultValue": "false"
+      },
+      "disableKeyboardResizing": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "disable-keyboard-resizing",
+        "reflect": false,
+        "defaultValue": "false"
       }
     };
   }

package/dist/collection/components/form/form-todo-mission/form-todo-mission.js

@@ -302,10 +302,11 @@ export class YooFormTodoMissionComponent {
   render() {
     var _a;
     return !!((_a = this.values) === null || _a === void 0 ? void 0 : _a.length) && (h(Host, { class: getAppContext(this.host), dir: document.dir }, h("div", { class: "outer-container" }, h("div", { class: "title" }, h("yoo-icon", { size: "medium", name: "mission", slot: "start" }), translate(this.header || 'YOOBICTASKS'), " (", this.values.length, ")"), this.values.map((task, index) => {
-      var _a, _b, _c, _d, _e, _f, _g;
+      var _a, _b, _c, _d, _e, _f, _g, _h, _j;
       const status = this.updateTaskStatus(task, index);
-      return (h("main", { class: "container", ...{ status } }, h("section", { id: "task-container" }, this.renderLinkedField(task), task.field && h("p", { class: "linked-task" }, translate('YOOBICLINKEDTASK')), h("div", { class: "task" }, h("header", null, this.renderIcon(task, index), h("task-details", null, h("p", { class: "task-title" }, translateMulti((_a = task.text) === null || _a === void 0 ? void 0 : _a.value)), ((_b = task.comments) === null || _b === void 0 ? void 0 : _b.value) &&
-        h("p", { class: "task-description" }, (_c = task.comments) === null || _c === void 0 ? void 0 : _c.value), this.renderUser(task), this.renderDuedateTag(task), status === 'unable-to-complete' && (h("yoo-tag", { color: "danger", size: "small" }, translate('YOOBICMARKEDASUNABLETOCOMPLETE')))), !this.completed && this.renderPlusButton(task, index)), this.readonly && (task.userComments || (((_d = task.hasphoto) === null || _d === void 0 ? void 0 : _d.value) && task.imageData)) && h("line", null), (((_e = task.isphotorequired) === null || _e === void 0 ? void 0 : _e.value) || ((_f = task.showPhotos) === null || _f === void 0 ? void 0 : _f.value) || ((_g = task.showComments) === null || _g === void 0 ? void 0 : _g.value)) && (h("additionnal-fields", null, this.renderCommentsField(task, index, task.userComments), this.renderPhotoField(task, index))))), status === 'unmarked' && !this.completed && this.renderAssignButton(task, index)));
+      return (h("main", { class: "container", ...{ status } }, h("section", { id: "task-container" }, this.renderLinkedField(task), task.field && h("p", { class: "linked-task" }, translate('YOOBICLINKEDTASK')), h("div", { class: "task" }, h("header", null, this.renderIcon(task, index), h("task-details", null, h("p", { class: "task-title" }, translateMulti((_a = task.text) === null || _a === void 0 ? void 0 : _a.value)), ((_b = task.description) === null || _b === void 0 ? void 0 : _b.value) &&
+        h("p", { class: "task-description", innerHTML: (_c = task.description) === null || _c === void 0 ? void 0 : _c.value }, " "), ((_d = task.comments) === null || _d === void 0 ? void 0 : _d.value) &&
+        h("p", { class: "task-description" }, (_e = task.comments) === null || _e === void 0 ? void 0 : _e.value), this.renderUser(task), this.renderDuedateTag(task), status === 'unable-to-complete' && (h("yoo-tag", { color: "danger", size: "small" }, translate('YOOBICMARKEDASUNABLETOCOMPLETE')))), !this.completed && this.renderPlusButton(task, index)), this.readonly && (task.userComments || (((_f = task.hasphoto) === null || _f === void 0 ? void 0 : _f.value) && task.imageData)) && h("line", null), (((_g = task.isphotorequired) === null || _g === void 0 ? void 0 : _g.value) || ((_h = task.showPhotos) === null || _h === void 0 ? void 0 : _h.value) || ((_j = task.showComments) === null || _j === void 0 ? void 0 : _j.value)) && (h("additionnal-fields", null, this.renderCommentsField(task, index, task.userComments), this.renderPhotoField(task, index))))), status === 'unmarked' && !this.completed && this.renderAssignButton(task, index)));
     }))));
   }
   static get is() { return "yoo-form-todo-mission"; }

package/dist/collection/components/form/form-todo-task/components/tag.js

@@ -1,5 +1,5 @@
 import { h } from '@stencil/core';
-export const Tag = ({ color, hidden, icon, removable, text, web, onClick, onRemove }) => (h("yoo-tag", { color: `${color}-10`, hidden: hidden, size: web ? 'extra-small' : 'medium', style: { cursor: onClick ? 'pointer' : undefined }, onClick: onClick }, h("yoo-icon", { color: color, name: icon, slot: "start", size: web ? 'extra-small' : 'small' }), text, h("yoo-icon", { color: color, hidden: !removable, name: "cross", slot: "end", size: web ? 'extra-small' : 'small', onClick: (event) => {
+export const Tag = ({ color, hidden, icon, removable, text, web, onClick, onRemove }) => (h("yoo-tag", { color: `${color}-10`, hidden: hidden, size: web ? 'extra-small' : 'medium', style: { cursor: onClick ? 'pointer' : undefined }, onClick: onClick }, h("yoo-icon", { color: color, name: icon, slot: "start", size: web ? 'extra-small' : 'small' }), h("span", { innerHTML: text }), h("yoo-icon", { color: color, hidden: !removable, name: "cross", slot: "end", size: web ? 'extra-small' : 'small', onClick: (event) => {
     event.stopPropagation();
     onRemove();
   } })));

package/dist/collection/components/form/form-todo-task/form-todo-task.js

@@ -1,14 +1,15 @@
-import { closeModal, dateFormat, isDateAfter, isRTL, isWeb, resizeObserve, showActionSheet, translate } from '@shared/utils';
+import { closeModal, dateFormat, getPermissions, isDateAfter, isRTL, isWeb, resizeObserve, showActionSheet, showModal, translate } from '@shared/utils';
 import { h, Host } from '@stencil/core';
 import { getAppContext } from '@yobi/utils/helpers/common-helpers';
-import { groupBy } from 'lodash-es';
+import { compact, groupBy } from 'lodash-es';
 import { Action } from './components/action';
 import { getScheduleElement } from './components/schedule';
 import { Tag } from './components/tag';
 export class YooFormTodoTaskComponent {
   constructor() {
+    var _a;
     this.validity = false;
-    this.actionableTags = [
+    this.actionableTags = compact([
       {
         action: {
           getDescription: () => translate('MANDATORYPHOTODESCRIPTION'),
@@ -48,8 +49,31 @@ export class YooFormTodoTaskComponent {
           },
           onRemove: () => this.updateValue({ ...this.value, duedate: { value: undefined } })
         }
+      },
+      ((_a = getPermissions()) === null || _a === void 0 ? void 0 : _a.canCreateAIContentWork) && {
+        action: {
+          getDescription: () => translate('YOOBICADDDESCRIPTION'),
+          getText: () => translate('DESCRIPTION'),
+          icon: 'text-predefined',
+          iconColor: 'text-color',
+          isPrimary: () => isWeb(this.host),
+          onClick: () => this.openDescription()
+        },
+        isTagged: () => { var _a, _b; return !!((_b = (_a = this.value) === null || _a === void 0 ? void 0 : _a.description) === null || _b === void 0 ? void 0 : _b.value); },
+        tag: {
+          getColor: () => 'text-color',
+          getText: () => { var _a, _b; return (_b = (_a = this.value) === null || _a === void 0 ? void 0 : _a.description) === null || _b === void 0 ? void 0 : _b.value; },
+          icon: 'text-predefined',
+          onClick: (event) => {
+            if (!this.readonly || !isWeb(this.host)) {
+              event.stopPropagation();
+              this.openDescription();
+            }
+          },
+          onRemove: () => this.updateValue({ ...this.value, description: { value: '' } })
+        }
       }
-    ];
+    ]);
     this.actions = undefined;
     this.autofocus = true;
     this.readonly = false;
@@ -118,6 +142,23 @@ export class YooFormTodoTaskComponent {
     this.updateValidity();
     this.inputChanged.emit(value);
   }
+  async openDescription() {
+    var _a, _b;
+    const textEditor = document.createElement('yoo-form-text-editor');
+    textEditor.value = (_b = (_a = this.value) === null || _a === void 0 ? void 0 : _a.description) === null || _b === void 0 ? void 0 : _b.value;
+    textEditor.required = true;
+    textEditor.isFullscreen = true;
+    showModal({
+      component: textEditor,
+      cssClass: 'fullscreen no-fade-in',
+      enterAnimation: isWeb(this.host) ? 'fadeEnterAnimation' : 'slideXEnterReverseAnimation',
+      leaveAnimation: isWeb(this.host) ? 'fadeLeaveAnimation' : 'slideXLeaveReverseAnimation'
+    }).then((ret) => {
+      if (ret === null || ret === void 0 ? void 0 : ret.data) {
+        this.updateValue({ ...this.value, description: { value: ret.data } });
+      }
+    });
+  }
   async openSchedule(target) {
     var _a, _b;
     const { schedule, showSchedule } = getScheduleElement(target, (_b = (_a = this.value) === null || _a === void 0 ? void 0 : _a.duedate) === null || _b === void 0 ? void 0 : _b.value, (date) => this.updateValue({ ...this.value, duedate: { value: date } }));

package/dist/collection/components/form/form-todo-task-list/form-todo-task-list.js

@@ -1,4 +1,4 @@
-import { findParent, getUUID, isWeb, showAlert, translate } from '@shared/utils';
+import { findParent, getPermissions, getUUID, isWeb, showAlert, translate } from '@shared/utils';
 import { h, Host } from '@stencil/core';
 import { getAppContext } from '@yobi/utils/helpers/common-helpers';
 import { setValueAndValidateInput } from '@yobi/utils/helpers/form-input-helpers';
@@ -112,6 +112,23 @@ export class YooFormTodoTaskListComponent {
     }
     return result;
   }
+  hasAI() {
+    var _a;
+    return (_a = getPermissions()) === null || _a === void 0 ? void 0 : _a.canCreateAIContentWork;
+  }
+  async onAIFormValueChanged(data) {
+    var _a;
+    if (((_a = data === null || data === void 0 ? void 0 : data.tasks) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+      data.tasks.forEach((task) => {
+        this.value.values.push({ _id: getUUID(), isphotorequired: { value: task.hasPhoto }, text: { value: task.title }, description: { value: data.preventDescription ? null : task.description } });
+      });
+      this.value = { ...this.value };
+      await this.updateValue(this.value);
+    }
+  }
+  renderAIForm() {
+    return h("ng-form-ai", { mode: "tasks", onInputChanged: (ev) => this.onAIFormValueChanged(ev === null || ev === void 0 ? void 0 : ev.detail) });
+  }
   render() {
     const { values } = this.value || {};
     const tasks = values || [];
@@ -134,7 +151,7 @@ export class YooFormTodoTaskListComponent {
       }, onTranslationValueUpdated: (event) => {
         event.stopPropagation();
         this.translationValueUpdated.emit(event.detail);
-      }, onValidityChanged: (event) => event.stopPropagation() }), web && h("yoo-icon", { color: "stable", hidden: index === this.editing, name: "draggable" }), web && h("yoo-icon", { color: "stable", hidden: index === this.editing, name: "delete", onClick: () => this.deleteTask(index) }))))), h("yoo-button", { color: "app-color", fill: "transparent", hidden: this.adding != null, ref: (el) => (this.addButtonElement = el), size: web ? 'small' : 'medium', onClick: () => this.addTask() }, h("yoo-icon", { color: "app-color", name: "plus", size: web ? 'extra-small' : 'small', slot: "start" }), translate('ADDTASK'))));
+      }, onValidityChanged: (event) => event.stopPropagation() }), web && h("yoo-icon", { color: "stable", hidden: index === this.editing, name: "draggable" }), web && h("yoo-icon", { color: "stable", hidden: index === this.editing, name: "delete", onClick: () => this.deleteTask(index) }))))), h("yoo-button", { color: "app-color", fill: "transparent", hidden: this.adding != null, ref: (el) => (this.addButtonElement = el), size: web ? 'small' : 'medium', onClick: () => this.addTask() }, h("yoo-icon", { color: "app-color", name: "plus", size: web ? 'extra-small' : 'small', slot: "start" }), translate('ADDTASK')), this.hasAI() && this.renderAIForm()));
   }
   static get is() { return "yoo-form-todo-task-list"; }
   static get encapsulation() { return "shadow"; }