@yoobic/yobi 8.3.0-43 → 8.3.0-46

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

@@ -457,7 +457,9 @@ export class YooFormAutocompleteComponent {
   }
   async refreshValues() {
     await this.resetCurrentPage();
-    this.fetchData.emit({ search: this.searchText, appendData: false, currentPage: this.currentPage, pageSize: this.pageSize, tmpValues: this.values, fieldValue: this.value });
+    if (!this.isLocal) {
+      this.fetchData.emit({ search: this.searchText, appendData: false, currentPage: this.currentPage, pageSize: this.pageSize, tmpValues: this.values, fieldValue: this.value });
+    }
   }
   async onInputContainerClicked() {
     this.host.classList.add('focused');
@@ -718,8 +720,7 @@ export class YooFormAutocompleteComponent {
     }
   }
   onFilterRadioToggled(operator) {
-    this.filterOperator = operator;
-    this.extraDataChanged.emit(this.filterOperator);
+    this.extraDataChanged.emit(operator);
   }
   async onFileChanges(ev) {
     ev.stopPropagation();
@@ -1942,6 +1943,28 @@ export class YooFormAutocompleteComponent {
       "attribute": "is-filter",
       "reflect": false
     },
+    "filterOperator": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "FormFilterAutocompleteOperator",
+        "resolved": "FormFilterAutocompleteOperator.is | FormFilterAutocompleteOperator.isNot",
+        "references": {
+          "FormFilterAutocompleteOperator": {
+            "location": "import",
+            "path": "@shared/interfaces"
+          }
+        }
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "filter-operator",
+      "reflect": false
+    },
     "total": {
       "type": "number",
       "mutable": true,
@@ -2626,8 +2649,7 @@ export class YooFormAutocompleteComponent {
     "selection": {},
     "showEmptyItemsAddNewTag": {},
     "isUploading": {},
-    "arrowIcon": {},
-    "filterOperator": {}
+    "arrowIcon": {}
   }; }
   static get events() { return [{
       "method": "validityChanged",

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

@@ -55,7 +55,7 @@ export function prepareChoice(choiceElement) {
 }
 export function hasWarnings(values, choiceElement, warningMsgs) {
   const duplicateMessage = 'NODUPLICATEVALUES';
-  const hasDuplicatedValues = hasDuplicates(values);
+  const hasDuplicatedValues = hasDuplicates(values === null || values === void 0 ? void 0 : values.map(v => (v === null || v === void 0 ? void 0 : v.text) || v));
   showWarningAlert(choiceElement.host, hasDuplicatedValues || !!(warningMsgs === null || warningMsgs === void 0 ? void 0 : warningMsgs.length), hasDuplicatedValues ? duplicateMessage : warningMsgs === null || warningMsgs === void 0 ? void 0 : warningMsgs[0]);
   return hasDuplicatedValues && (warningMsgs === null || warningMsgs === void 0 ? void 0 : warningMsgs.length) > 0;
 }

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

@@ -85,9 +85,10 @@ export class YooFormConnectComponent {
     (_a = this.draggableElements) === null || _a === void 0 ? void 0 : _a.forEach(e => this.initDraggableActions(e));
   }
   async scrollToRevealGame() {
+    var _a;
     const GAP_PADDING = 8;
     const scrollElement = this.host.closest('yoo-ion-scroll');
-    if (scrollElement && this.values.length === 2) {
+    if (scrollElement && ((_a = this.values) === null || _a === void 0 ? void 0 : _a.length) === 2) {
       const setScrollableHeight = () => {
         const getHeight = (el) => { var _a; return (_a = el === null || el === void 0 ? void 0 : el.getBoundingClientRect()) === null || _a === void 0 ? void 0 : _a.height; };
         const formHeight = getHeight(this.host.closest('yoo-form-input-container'));

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

@@ -3336,6 +3336,7 @@ export class YooFormDynamicComponent {
           inline: this.isInline(),
           tags: field.tags,
           isFilter: field.type === FormFieldType.filterautocomplete,
+          filterOperator: field.filterOperator,
           forceDisableCustomTags: field.forceDisableCustomTags,
           extraData: this.getExtraData(field, data),
           forceHideSearch: !!field.forceHideSearch,

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

@@ -133,8 +133,14 @@ export class YooFormMissionfieldComponent {
   renderEditable() {
     var _a, _b, _c, _d, _e;
     const showFields = this.type === 'missionfield' || this.type === 'datasetfield';
+    const isLocal = ((_a = this.customModelValues) === null || _a === void 0 ? void 0 : _a.length) >= 0;
     return (h("div", { class: "container" },
-      !this.hideCampaign && (h("yoo-form-autocomplete", { ref: (el) => (this.formAutocompleteCampaign = el), multiple: false, value: this.value ? this.value.selectedDescription : null, values: this.customModelValues, entityType: "missiondescriptions", displayType: "card-list", placeholder: this.type === 'datasetfield' ? 'SELECTDATASET' : 'SELECTCAMPAIGN', isLocal: ((_a = this.customModelValues) === null || _a === void 0 ? void 0 : _a.length) >= 0, onFetchData: (ev) => this.onFetchData(ev), onInputChanged: (ev) => this.onInputChanged(ev), onInputBlurred: (ev) => this.onInputBlurred(ev), onInputFocused: (ev) => this.onInputFocused(ev), onValidityChanged: (ev) => this.stopValidityChangeEvent(ev), clearable: true, tabindex: this.inputTabIndex, size: this.size })),
+      !this.hideCampaign && (h("yoo-form-autocomplete", { ref: (el) => (this.formAutocompleteCampaign = el), multiple: false, value: this.value ? this.value.selectedDescription : null, values: this.customModelValues, entityType: "missiondescriptions", displayType: "card-list", placeholder: this.type === 'datasetfield' ? 'SELECTDATASET' : 'SELECTCAMPAIGN', isLocal: isLocal, onFetchData: (ev) => {
+          ev.stopPropagation();
+          if (!isLocal) {
+            this.onFetchData(ev);
+          }
+        }, onInputChanged: (ev) => this.onInputChanged(ev), onInputBlurred: (ev) => this.onInputBlurred(ev), onInputFocused: (ev) => this.onInputFocused(ev), onValidityChanged: (ev) => this.stopValidityChangeEvent(ev), clearable: true, tabindex: this.inputTabIndex, size: this.size })),
       !this.hideCampaign && h("div", { class: "spacer" }),
       h("yoo-form-autocomplete", { ref: (el) => (this.formAutocompleteSecondary = el), multiple: this.multiple, idAttributeName: this.type === 'missionscore' ? 'title' : 'name', values: showFields ? this.fields : this.scoring, value: this.value && this.type === 'missionscore' ? this.value.scores : this.value ? this.value.fields : null, entityType: showFields ? 'formfield' : 'scoring', placeholder: showFields ? 'SELECTFORMFIELD' : 'SELECTSCORING', displayType: "card-list", disabled: !((_c = (_b = this === null || this === void 0 ? void 0 : this.value) === null || _b === void 0 ? void 0 : _b.selectedDescription) === null || _c === void 0 ? void 0 : _c._id), isLocal: true, expandHeightOnShow: !((_e = (_d = this.host) === null || _d === void 0 ? void 0 : _d.classList) === null || _e === void 0 ? void 0 : _e.contains('inline')), onFetchData: (ev) => {
           ev.stopPropagation();

package/dist/collection/components/form/form-swipe-cards/form-swipe-cards.css

@@ -722,7 +722,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 
 :host([live-preview]),
 :host(.mobile) {
-  min-height: 70vh;
+  min-height: 60vh;
 }
 :host([live-preview]) #instructions #header,
 :host(.mobile) #instructions #header {

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

@@ -96,9 +96,8 @@ export class YooFormTodoTaskListComponent {
     return updated;
   }
   async deleteTask(index, withConfirmation = true) {
-    var _a, _b;
     const result = withConfirmation
-      ? await showAlert(translate('DELETETASK'), [translate('CANCEL'), { cssClass: 'danger', text: translate('DELETE') }], translate('CONFIRMDELETETASK', { title: ((_b = (_a = this.value.values[index]) === null || _a === void 0 ? void 0 : _a.text) === null || _b === void 0 ? void 0 : _b.value) || '' }))
+      ? await showAlert(translate('DELETETASK'), [translate('CANCEL'), { cssClass: 'danger', text: translate('DELETE') }], translate('CONFIRMDELETETASK'))
       : true;
     if (result) {
       this.updateValue({ ...this.value, values: [...this.value.values.slice(0, index), ...this.value.values.slice(index + 1)] });

package/dist/collection/components/form-creator/scratch-card-creator/scratch-card-creator.js

@@ -35,9 +35,7 @@ export class YooScratchCardCreatorComponent {
     if ((_a = this.translationKey) === null || _a === void 0 ? void 0 : _a.length) {
       this.translationValueUpdated.emit({ key: this.translationKey, value: this.inputValues.text });
     }
-    else {
-      this.inputChanged.emit(values);
-    }
+    this.inputChanged.emit(values);
   }
   onCaptureUpdated(ev, content) {
     if (content) {

package/dist/collection/feature-learn/learning/section-list/section-list.js

@@ -400,7 +400,7 @@ export class YooSectionListComponent {
       h("div", { class: "section-title" },
         this.icon && h("div", { class: "icon" },
           h("yoo-icon", { name: this.icon, size: "medium", color: "text-color" })),
-        h("div", { class: "title" }, section.translatedTitle || translateMulti(section.title)),
+        h("div", { class: "title" }, getCurrentLanguage() === this.baseLanguage ? section.translatedTitle : translateMulti(section.title)),
         h("div", { class: "item-count" }, `${items.length} ${translate((_a = this.countSuffix) === null || _a === void 0 ? void 0 : _a.toUpperCase())}`),
         !this.disableSortable && !this.isReadonly && section.isSortable !== false && h("div", { class: "draggable" },
           h("yoo-icon", { name: "draggable", color: "text-color", size: "medium" })),
@@ -428,8 +428,8 @@ export class YooSectionListComponent {
   }
   renderSectionItem(item) {
     let checkboxRef;
-    const title = getTranslatedAttribute(this.translations, item.title, this.baseLanguage || getCurrentLanguage(), 'title').value || translateMulti(item.title);
-    const text = getTranslatedAttribute(this.translations, item.text, this.baseLanguage || getCurrentLanguage(), 'text').value || translateMulti(item.text);
+    const title = getTranslatedAttribute(this.translations, item.title, getCurrentLanguage() || this.baseLanguage, 'title').value || translateMulti(item.title);
+    const text = getTranslatedAttribute(this.translations, item.text, getCurrentLanguage() || this.baseLanguage, 'text').value || translateMulti(item.text);
     return (h("div", { class: "item selectable", onMouseEnter: this.getItemMouseEnterAction(), onMouseLeave: this.getItemMouseLeaveAction() },
       h("div", { class: "checkbox", ref: (el) => checkboxRef = el }, !this.disableBatchActions && this.isOwner && item.isSelectable !== false && h("yoo-form-checkbox", { onInputChanged: (ev) => this.onCheckboxClicked(ev, item, checkboxRef) })),
       h("div", { class: "item-container", onClick: () => this.itemClicked.emit(item) },

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

@@ -209,7 +209,6 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   box-sizing: border-box;
   width: 100%;
   height: 100%;
-  padding-bottom: var(--spacing-16, 1rem);
 }
 .outer-login-container h1, .outer-login-container h3 {
   font-weight: 900;
@@ -232,7 +231,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   justify-content: center;
   box-sizing: border-box;
   width: 100%;
-  padding: 8rem var(--spacing-24, 1.5rem) 0;
+  padding: 7.5rem var(--spacing-24, 1.5rem) 0;
 }
 .outer-login-container.ios .content-container {
   position: absolute;

package/dist/collection/utils/helpers/entities-helpers.js

@@ -1,5 +1,5 @@
 import { MessageType } from '@shared/interfaces';
-import { capitalizeFirstLetter, changeExtension, getAsyncExtraData, getCurrentLanguage, getSession, getUserDisplayName, isCloudinaryLink, isGif, isPhotoEdited, parseMarkDown, pipes, replaceAllLinks, replaceAtTagToMentionTag, toButton, toDate, translate, translateMulti } from '@shared/utils';
+import { capitalizeFirstLetter, changeExtension, getAsyncExtraData, getCssColor, getCurrentLanguage, getSession, getUserDisplayName, isCloudinaryLink, isGif, isPhotoEdited, isVideo, parseMarkDown, pipes, replaceAllLinks, replaceAtTagToMentionTag, toButton, toDate, translate, translateMulti } from '@shared/utils';
 import { compact, isNumber } from 'lodash-es';
 const mentionRegex = /<yoo-mention-tag[^>]*>([\s\S]*?)<\/yoo-mention-tag>/g;
 /**
@@ -303,7 +303,7 @@ function getChatDate(lastMessageDate) {
   return pipes.dateFormat.transform(date, 'YY/MM/DD');
 }
 export function getFolderIcon(item) {
-  return item.folderType === 'article' ? 'pages' : item.icon || 'folder';
+  return (item === null || item === void 0 ? void 0 : item.folderType) === 'article' ? 'pages' : (item === null || item === void 0 ? void 0 : item.icon) || 'folder';
 }
 export function getCalendarCourseDueDate(endDate, allDay) {
   if (endDate) {
@@ -311,3 +311,30 @@ export function getCalendarCourseDueDate(endDate, allDay) {
   }
   return null;
 }
+export function parseFolderForCardList(f, entityType) {
+  var _a, _b;
+  if (!f) {
+    return null;
+  }
+  const imgSrc = f.imgSrc || ((_a = f.background) === null || _a === void 0 ? void 0 : _a._downloadURL);
+  const avatarIconSize = entityType === 'folders' ? 'extra-large' : 'large';
+  const entry = {
+    avatarSize: 'large',
+    avatarIconSize,
+    avatarColor: f.color ? `${f.color}` : getCssColor('app-color-80'),
+    avatarFrame: 'transparent-square',
+    cloudinaryOptions: isVideo(imgSrc) ? { fallbackToOriginal: true, gif: true, videoEdit: 3 } : null,
+    heading: f.name,
+    icon: getFolderIcon(f),
+    imgSrc,
+    subheadings: [],
+    tagElements: compact(f.tags).map((t) => ({ innerHTML: t, color: 'stable-light' }))
+  };
+  if (f.stats) {
+    entry.subheadings = [
+      (((_b = f.container) === null || _b === void 0 ? void 0 : _b.name) ? f.container.name + ' ' : '') +
+        f.stats.map(s => '<span>' + translate(s.title) + ': ' + s.value.toString() + '</span>').join()
+    ];
+  }
+  return entry;
+}

package/dist/collection/utils/helpers/filters-helpers.js

@@ -118,6 +118,8 @@ export function filterRenderFormDynamic(filteredFields, filters, formAutocomplet
     const data = {};
     filteredFields.forEach((field, index) => {
       var _a;
+      const filter = filters.find((filter) => filter.fieldname === field.name &&
+        (dynamic || (filter.fieldfiltername === (field.filterName || field.name) && (filter.fieldname !== 'tags' || filter.collectionName === field.collectionName))));
       const newField = {
         ...field,
         multiple: true,
@@ -192,19 +194,10 @@ export function filterRenderFormDynamic(filteredFields, filters, formAutocomplet
       if (expandHeightOnShow === false) {
         newField.expandHeightOnShow = false;
       }
-      if (dynamic) {
-        const filter = filters.find((f) => f.fieldname === field.name);
-        if (filter) {
-          newField.tmpSelection = filter.tmpSelection;
-          set(data, dynamic ? newField.name : field.name, filter.values);
-        }
-      }
-      else {
-        const filter = filters.find((f) => f.fieldname === field.name && f.fieldfiltername === (field.filterName || field.name) && (f.fieldname !== 'tags' || f.collectionName === field.collectionName));
-        if (filter) {
-          newField.tmpSelection = filter.tmpSelection;
-          set(data, dynamic ? newField.name : field.name, filter.values);
-        }
+      if (filter) {
+        newField.filterOperator = filter.operator;
+        newField.tmpSelection = filter.tmpSelection;
+        set(data, dynamic ? newField.name : field.name, filter.values);
       }
       if ((formAutocompletes === null || formAutocompletes === void 0 ? void 0 : formAutocompletes.slides) && ((_a = formAutocompletes.slides[0]) === null || _a === void 0 ? void 0 : _a.items)) {
         // we need this to handle location hierarchy dynamic filters