npm - @yoobic/yobi - Versions diffs - 8.7.3 → 8.7.4 - Mend

@yoobic/yobi 8.7.3 → 8.7.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1227) hide show

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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-scorm/form-scorm.js CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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"; }

package/dist/collection/components/form/scratch-card/scratch-card.js CHANGED Viewed

@@ -20,10 +20,6 @@ export class YooScratchCardComponent {
   async onVisibilityChanged() {
     !this.isVisible && (await this.resetCanvas());
   }
-  async cleanCanvas() {
-    await this.clearCanvasRect();
-    this.validateCoverage();
-  }
   get data() {
     const [canvas, content] = this.values || [];
     return { canvas, content };
@@ -33,6 +29,7 @@ export class YooScratchCardComponent {
       startDraw: (ev) => {
         var _a, _b;
         if (ev) {
+          ev.stopPropagation();
           this.drawCoordinates = getPointerCoordinates(ev);
           this.canvasContext.beginPath();
           this.canvasContext.moveTo((_a = this.drawCoordinates) === null || _a === void 0 ? void 0 : _a.x, (_b = this.drawCoordinates) === null || _b === void 0 ? void 0 : _b.y);
@@ -48,7 +45,7 @@ export class YooScratchCardComponent {
           this.validateCoverage();
           if (this.shouldRevealImage) {
             this.canvasElement.style.opacity = '0';
-            this.clearCanvasRect();
+            this.drawActions.stopDraw(ev);
           }
         }
       },
@@ -112,6 +109,7 @@ export class YooScratchCardComponent {
           this.canvasContext.lineWidth = 60;
           this.canvasContext.lineCap = 'round';
           this.canvasContext.lineJoin = 'round';
+          this.validateCoverage();
           this.buttonElement.removeAttribute('visible');
           this.canvasElement.removeAttribute('hidden');
           this.isLoading = false;
@@ -125,18 +123,8 @@ export class YooScratchCardComponent {
     if (this.validity !== this.shouldRevealImage) {
       this.validity = this.shouldRevealImage;
       this.validityChanged.emit(this.validity);
-      this.inputChanged.emit();
     }
   }
-  async clearCanvasRect() {
-    const FADE_DELAY = 750;
-    await new Promise((r) => setTimeout(() => {
-      this.canvasContext.clearRect(0, 0, this.width, this.width);
-      this.isDrawing = false;
-      this.validateCoverage();
-      r();
-    }, FADE_DELAY));
-  }
   getUncoveredPercentage(imageData) {
     let count = 0;
     // check every 16 pixels
@@ -158,24 +146,24 @@ export class YooScratchCardComponent {
       this.canvasElement.style.removeProperty('display');
       await this.drawImageOnCanvas();
       this.canvasElement.style.removeProperty('opacity');
-      this.validateCoverage();
     }
   }
   renderCanvas() {
     const { startDraw, draw, stopDraw } = this.drawActions;
     return (h("canvas", { hidden: this.isLoading, ref: (el) => (this.canvasElement = el), onPointerDown: startDraw, onPointerMove: draw, onPointerUp: stopDraw, onTouchStart: startDraw, onTouchMove: draw, onTouchEnd: stopDraw, onTransitionEnd: () => {
-        if (this.canvasElement.style.opacity === '0') {
-          this.blockMoves.emit(false);
-          this.canvasElement.style.display = 'none';
-          this.buttonElement.setAttribute('visible', 'true');
-          this.isDrawing = false;
-          this.validateCoverage();
-        }
-        else {
-          this.blockMoves.emit(true);
+        const isReady = !!+getComputedStyle(this.canvasElement).opacity;
+        if (isReady) {
           this.contentElement.style.opacity = '1';
           this.contentElement.classList.toggle('scrollable', this.contentElement.scrollHeight > this.contentElement.clientHeight);
+          this.redone.emit();
+        }
+        else {
+          this.canvasContext.clearRect(0, 0, this.width, this.width);
+          this.canvasElement.style.display = 'none';
+          this.buttonElement.setAttribute('visible', 'true');
+          this.revealed.emit();
         }
+        this.canvasElement.toggleAttribute('ready', isReady);
       } }));
   }
   renderImage() {
@@ -283,8 +271,8 @@ export class YooScratchCardComponent {
           "references": {}
         }
       }, {
-        "method": "inputChanged",
-        "name": "inputChanged",
+        "method": "revealed",
+        "name": "revealed",
         "bubbles": true,
         "cancelable": true,
         "composed": true,
@@ -298,8 +286,8 @@ export class YooScratchCardComponent {
           "references": {}
         }
       }, {
-        "method": "blockMoves",
-        "name": "blockMoves",
+        "method": "redone",
+        "name": "redone",
         "bubbles": true,
         "cancelable": true,
         "composed": true,
@@ -308,32 +296,12 @@ export class YooScratchCardComponent {
           "text": ""
         },
         "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
+          "original": "void",
+          "resolved": "void",
           "references": {}
         }
       }];
   }
-  static get methods() {
-    return {
-      "cleanCanvas": {
-        "complexType": {
-          "signature": "() => Promise<void>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global"
-            }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "",
-          "tags": []
-        }
-      }
-    };
-  }
   static get elementRef() { return "host"; }
   static get watchers() {
     return [{

package/dist/collection/components/form-creator/form-creator/form-creator.js CHANGED Viewed

@@ -177,6 +177,7 @@ export class YooFormCreatorComponent {
     this.isLivePreviewLoading = undefined;
     this.fieldsNotTranslated = [];
     this.showAI = undefined;
+    this.aiTitle = undefined;
     this.invalidFieldDefinitions = [];
     this.selectedPageIndex = 0;
     this.showConditions = true;
@@ -1958,7 +1959,7 @@ export class YooFormCreatorComponent {
   renderHeader() {
     var _a, _b, _c;
     const isCustomTheme = getSession().isCustomTheme;
-    return (h("yoo-form-creator-header", { class: { 'custom-theme': isCustomTheme }, ref: (el) => (this.formCreatorHeader = el), logo: this.logo, formTitle: ((_a = this.missionDescription) === null || _a === void 0 ? void 0 : _a.title) || ((_b = this.plan) === null || _b === void 0 ? void 0 : _b.title), prefixTitle: this.prefixTitle, selectedLeftMenuOption: this.selectedLeftMenuOption, initialSaveButtonDisabled: !this.areSlidesDirty, hideSave: this.isTranslator, showAI: this.showAI, showTranslation: !!((_c = this.fieldsNotTranslated) === null || _c === void 0 ? void 0 : _c.length), onAiClicked: (ev) => {
+    return (h("yoo-form-creator-header", { class: { 'custom-theme': isCustomTheme }, ref: (el) => (this.formCreatorHeader = el), logo: this.logo, formTitle: ((_a = this.missionDescription) === null || _a === void 0 ? void 0 : _a.title) || ((_b = this.plan) === null || _b === void 0 ? void 0 : _b.title), prefixTitle: this.prefixTitle, selectedLeftMenuOption: this.selectedLeftMenuOption, initialSaveButtonDisabled: !this.areSlidesDirty, hideSave: this.isTranslator, showAI: this.showAI, aiTitle: this.aiTitle, showTranslation: !!((_c = this.fieldsNotTranslated) === null || _c === void 0 ? void 0 : _c.length), onAiClicked: (ev) => {
         ev.stopImmediatePropagation();
         this.aiClicked.emit();
       }, onCloseClicked: (ev) => {
@@ -3044,6 +3045,23 @@ export class YooFormCreatorComponent {
         "attribute": "show-a-i",
         "reflect": false
       },
+      "aiTitle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "ai-title",
+        "reflect": false
+      },
       "invalidFieldDefinitions": {
         "type": "unknown",
         "mutable": false,

package/dist/collection/components/form-creator/form-creator-header/form-creator-header.js CHANGED Viewed

@@ -9,6 +9,7 @@ export class YooFormCreatorHeaderComponent {
     this.logo = undefined;
     this.hideSave = false;
     this.showAI = false;
+    this.aiTitle = undefined;
     this.selectedLeftMenuOption = FormCreatorOptions.blocks;
     this.initialSaveButtonDisabled = true;
     this.showWarning = false;
@@ -39,7 +40,7 @@ export class YooFormCreatorHeaderComponent {
   }
   renderButtons() {
     // The secondary actions have been removed until they funcitionality has been implemented
-    return (h("div", { class: "buttons-container" }, this.showWarning && this.renderWarning(), this.showTranslation && this.renderTranslation(), this.showAI && h("yoo-button", { onClick: () => this.aiClicked.emit(), size: "medium", color: "light" }, h("yoo-icon", { name: "ai", color: "app-color", slot: "start", size: "medium" }), translate('YOOBICAIFORMLESSONDESIGNER'), h("yoo-tag", { color: "app-color-10", slot: "end" }, translate('YOOBICFREEBETA'))), !this.hideSave && h("yoo-button", { key: 'SAVE_BUTTON', onClick: () => this.onSaveClicked(), size: "medium", disabled: this.saveButtonDisabled, color: "app-color" }, !this.isSaving && translate('YOOBICSAVE'), this.isSaving && h("yoo-loader", { color: "light", size: "small" })), h("yoo-button", { key: 'CLOSE_BUTTON', onClick: () => this.closeClicked.emit(), size: "medium", color: "stable" }, translate('CLOSE'))));
+    return (h("div", { class: "buttons-container" }, this.showWarning && this.renderWarning(), this.showTranslation && this.renderTranslation(), this.showAI && h("yoo-button", { onClick: () => this.aiClicked.emit(), size: "medium", color: "light" }, h("yoo-icon", { name: "ai", color: "app-color", slot: "start", size: "medium" }), translate(this.aiTitle), h("yoo-tag", { color: "app-color-10", slot: "end" }, translate('YOOBICFREEBETA'))), !this.hideSave && h("yoo-button", { key: 'SAVE_BUTTON', onClick: () => this.onSaveClicked(), size: "medium", disabled: this.saveButtonDisabled, color: "app-color" }, !this.isSaving && translate('YOOBICSAVE'), this.isSaving && h("yoo-loader", { color: "light", size: "small" })), h("yoo-button", { key: 'CLOSE_BUTTON', onClick: () => this.closeClicked.emit(), size: "medium", color: "stable" }, translate('CLOSE'))));
   }
   renderTranslation() {
     return (h("yoo-tooltip", { hoverable: true, placement: "bottom", content: translate('FORMNOTTRANSLATED'), class: "translation-warning no-pointer" }, h("yoo-icon", { color: "warning", name: "translation-warning" })));
@@ -160,6 +161,23 @@ export class YooFormCreatorHeaderComponent {
         "reflect": false,
         "defaultValue": "false"
       },
+      "aiTitle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "ai-title",
+        "reflect": false
+      },
       "selectedLeftMenuOption": {
         "type": "string",
         "mutable": false,