@yoobic/yobi 8.7.16 → 8.7.18

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

@@ -1,5 +1,5 @@
 import { FormFieldType } from '@shared/interfaces';
-import { getAsyncExtraData, isWeb, translate } from '@shared/utils';
+import { getAsyncExtraData, isWeb, showModal, translate } from '@shared/utils';
 import { h, Host } from '@stencil/core';
 import { filterIsAutocompleteLocal } from '@yobi/utils/helpers/filters-helpers';
 import { setValidator, setValueAndValidateInput } from '@yobi/utils/helpers/form-input-helpers'; //
@@ -50,6 +50,8 @@ export class YooFormAudienceComponent {
     this.hideValue = undefined;
     this.mode = undefined;
     this.audienceRef = undefined;
+    this.allowVisibilityUpdate = undefined;
+    this.preserveRemovedSelections = undefined;
     this.showPreviewGrid = undefined;
     this.isLoading = undefined;
     this.isDirty = undefined;
@@ -74,6 +76,54 @@ export class YooFormAudienceComponent {
       }
     }
   }
+  get groupField() {
+    return {
+      type: FormFieldType.autocomplete,
+      collectionName: 'groups',
+      hideOptional: true,
+      required: true,
+      title: 'YOOBICVISIBILITYGROUPTITLE',
+      header: 'YOOBICVISIBILITYGROUPHEADER',
+      multiple: true,
+      name: 'groups'
+    };
+  }
+  createGroupForm() {
+    const items = [
+      this.groupField,
+      {
+        type: FormFieldType.information,
+        readonly: true,
+        value: 'YOOBICVISIBILITYGROUPDESCRIPTION'
+      }
+    ];
+    const slides = [{ items, title: '' }];
+    const form = document.createElement('yoo-form-dynamic-dialog');
+    form.slides = slides;
+    form.showTabs = false;
+    form.showRecap = false;
+    form.hideToolbar = true;
+    form.data = { groups: cloneDeep(this.value.groups) };
+    form.fieldFetchDataFn = (ev) => getAsyncExtraData({
+      type: 'field-fetch-data',
+      params: {
+        field: this.groupField,
+        search: ev.search || '',
+        form: ev.form
+      }
+    });
+    return form;
+  }
+  onShowVisibilityModal() {
+    let form = this.createGroupForm();
+    showModal({ component: form, showBackdrop: true }).then((ret) => {
+      if (ret.data) {
+        this.value.groups = ret.data.groups;
+        this.updateValue(true);
+      }
+      form = null;
+    });
+  }
   componentWillLoad() {
     var _a;
     setValidator(this);
@@ -441,7 +491,7 @@ export class YooFormAudienceComponent {
           (_a = this.gridUsers) === null || _a === void 0 ? void 0 : _a.updateGridConfig();
           this.refreshConfig = false;
         }
-      }, key: "grid-users", collectionName: "user", displayType: isWeb(this.host) ? 'card-grid' : 'card-list', entityType: "useraudience", model: this.models[0], gridConfig: gridConfig, initialQuery: (_c = this.value) === null || _c === void 0 ? void 0 : _c.usersQuery, isFormField: true, showSearch: true, hideAdvancedFilters: true, scrollable: true, class: "no-margin", gridClass: "transparent ag-theme-small-font", showSelectionOnlyToggle: type === 'manual', multiple: true, returnQuery: true, showGridTotalHeader: false, blockSelectionMode: type !== 'manual', showSelectAll: type === 'manual', keepSelection: type === 'manual', isSelectAll: type === 'manual' && ((this.mode !== 'store' && ((_e = (_d = this.value) === null || _d === void 0 ? void 0 : _d.usersQuery) === null || _e === void 0 ? void 0 : _e.isSelectAll)) || (this.mode === 'store' && ((_g = (_f = this.value) === null || _f === void 0 ? void 0 : _f.usersQuery) === null || _g === void 0 ? void 0 : _g.isSelectAll))), hideRefreshButton: true, onFetchData: (ev) => this.onPreviewGridUsersFetchData(ev), onInputChanged: (ev) => this.onPreviewGridUsersChanged(ev), isReadonly: this.readonly }))));
+      }, key: "grid-users", collectionName: "user", displayType: isWeb(this.host) ? 'card-grid' : 'card-list', entityType: "useraudience", model: this.models[0], gridConfig: gridConfig, initialQuery: (_c = this.value) === null || _c === void 0 ? void 0 : _c.usersQuery, preserveRemovedSelections: this.preserveRemovedSelections, isFormField: true, showSearch: true, hideAdvancedFilters: true, scrollable: true, class: "no-margin", gridClass: "transparent ag-theme-small-font", showSelectionOnlyToggle: type === 'manual', multiple: true, returnQuery: true, showGridTotalHeader: false, blockSelectionMode: type !== 'manual', showSelectAll: type === 'manual', keepSelection: type === 'manual', isSelectAll: type === 'manual' && ((this.mode !== 'store' && ((_e = (_d = this.value) === null || _d === void 0 ? void 0 : _d.usersQuery) === null || _e === void 0 ? void 0 : _e.isSelectAll)) || (this.mode === 'store' && ((_g = (_f = this.value) === null || _f === void 0 ? void 0 : _f.usersQuery) === null || _g === void 0 ? void 0 : _g.isSelectAll))), hideRefreshButton: true, onFetchData: (ev) => this.onPreviewGridUsersFetchData(ev), onInputChanged: (ev) => this.onPreviewGridUsersChanged(ev), isReadonly: this.readonly }))));
   }
   renderStoresGridHeader() {
     var _a, _b, _c, _d;
@@ -476,6 +526,9 @@ export class YooFormAudienceComponent {
         }
       }, collectionName: "locations", entityType: "locationsaudience", displayType: isWeb(this.host) ? 'card-grid' : 'card-list', model: this.models[1], gridConfig: gridConfig, initialQuery: (_c = this.value) === null || _c === void 0 ? void 0 : _c.storesQuery, isFormField: true, showSearch: true, hideAdvancedFilters: true, scrollable: true, class: "no-margin", gridClass: "transparent ag-theme-small-font", showSelectionOnlyToggle: type === 'manual', multiple: true, returnQuery: true, showGridTotalHeader: false, hideRefreshButton: true, blockSelectionMode: type !== 'manual', showSelectAll: type === 'manual', keepSelection: type === 'manual', isSelectAll: type === 'manual' && ((_e = (_d = this.value) === null || _d === void 0 ? void 0 : _d.storesQuery) === null || _e === void 0 ? void 0 : _e.isSelectAll), onFetchData: (ev) => this.onPreviewGridStoresFetchData(ev), onInputChanged: (ev) => this.onPreviewGridStoresChanged(ev), isReadonly: this.readonly }))));
   }
+  renderMoreIcon() {
+    return (h("div", { class: "more-icon", onClick: () => this.onShowVisibilityModal() }, h("yoo-icon", { size: "medium", name: "more" })));
+  }
   renderTabsGridHeader() {
     var _a, _b, _c;
     const initialIndex = this.showStores ? 1 : 0;
@@ -514,7 +567,7 @@ export class YooFormAudienceComponent {
       gridDomLayout: !isWeb(this.host) ? 'autoHeight' : null, isReadonly: this.readonly })));
   }
   renderContent() {
-    return (h("div", { class: "outer-container" }, !this.readonly && this.allowLibrary && this.renderTabs(), !this.readonly && this.allowLibrary && this.selectedTabIndex === 0 && this.isDirty && this.renderSave(), this.selectedTabIndex === 0 && this.mode !== 'store' && this.renderTarget(), this.selectedTabIndex === 0 && !this.forceManualType && this.renderType(), this.selectedTabIndex === 0 && this.renderRules(), this.selectedTabIndex === 0 && this.renderPreview(), !this.readonly && this.selectedTabIndex === 1 && this.renderSavedGrid()));
+    return (h("div", { class: "outer-container" }, !this.readonly && this.allowLibrary && this.renderTabs(), !this.readonly && this.allowLibrary && this.selectedTabIndex === 0 && this.isDirty && this.renderSave(), this.selectedTabIndex === 0 && this.mode !== 'store' && this.renderTarget(), this.selectedTabIndex === 0 && !this.forceManualType && this.renderType(), this.selectedTabIndex === 0 && this.renderRules(), this.selectedTabIndex === 0 && this.renderPreview(), !this.readonly && this.selectedTabIndex === 1 && this.renderSavedGrid(), this.allowVisibilityUpdate && this.renderMoreIcon()));
   }
   render() {
     return h(Host, { class: { mobile: !isWeb(this.host) } }, this.renderContent());
@@ -832,6 +885,40 @@ export class YooFormAudienceComponent {
         },
         "attribute": "audience-ref",
         "reflect": false
+      },
+      "allowVisibilityUpdate": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "allow-visibility-update",
+        "reflect": false
+      },
+      "preserveRemovedSelections": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "preserve-removed-selections",
+        "reflect": false
       }
     };
   }

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

@@ -4,7 +4,7 @@ import { h, Host } from '@stencil/core';
 import { execHandlerAndStopEvent, getAppContext, showImageCropper } from '@yobi/utils/helpers/common-helpers';
 import { removeEntitiesWithIds } from '@yobi/utils/helpers/entities-helpers';
 import { getFormBottomPosition, setValidator, setValueAndValidateInput } from '@yobi/utils/helpers/form-input-helpers';
-import { clone, compact, debounce, isArray, isNil, isNumber, isString, uniq } from 'lodash-es';
+import { clone, compact, debounce, isArray, isNil, isNumber, isObject, isString, uniq } from 'lodash-es';
 const AUTOCOMPLETE_DROPDOWN_HEIGHT = 272;
 const ICON_PREFIX = {
   users: 'user',
@@ -375,6 +375,15 @@ export class YooFormAutocompleteComponent {
       }
     }
     await this.setValue(finalVal);
+    // in idOnly mode we set the whole value for display but then we update the form value to be just the id field
+    if (this.idOnly) {
+      if (this.multiple && (finalVal === null || finalVal === void 0 ? void 0 : finalVal.length) > 0) {
+        await this.setValue(finalVal.map((val) => isObject(val) ? val[this.idAttributeName || '_id'] : val));
+      }
+      else if (isObject(finalVal)) {
+        await this.setValue(finalVal[this.idAttributeName || '_id']);
+      }
+    }
   }
   async hideContainer() {
     if ((!isIonic(this.host) && this.itemsContainer && this.itemsContainer.classList.contains('show-display')) || this.showDropdownContent) {
@@ -697,10 +706,6 @@ export class YooFormAutocompleteComponent {
         }
         else if (ret && ret.data) {
           await this.insertValue(ret.data);
-          // in idOnly mode we set the whole value for display but then we update the form value to be just the id field
-          if (this.idOnly) {
-            await this.setValue(ret.data[this.idAttributeName || '_id']);
-          }
         }
       }
       finally {
@@ -1044,7 +1049,7 @@ export class YooFormAutocompleteComponent {
     const dynamicOrdering = this.dynamicOrdering !== false;
     return (h("div", { class: { 'outer-container': true, columns: !!(this.allowCreate || (this.allowEdit && this.collectionName)) }, ref: (el) => (this.outerContainer = el) }, h("div", { ref: (el) => (this.inputContainer = el), class: { 'action-click input-container': true, multiple: this.isMultiple() }, onClick: () => this.onInputContainerClicked() }, this.renderSelectedContent()), this.allowEdit && this.collectionName && (h("yoo-button", { size: this.size || 'medium', onClick: () => this.onEdit(), disabled: !hasValue }, h("yoo-icon", { size: this.size === 'large' ? 'medium' : 'small', name: "pen" }))), this.allowCreate && this.collectionName && (h("yoo-button", { size: this.size || 'medium', onClick: () => this.onCreate() }, h("yoo-icon", { size: this.size === 'large' ? 'medium' : 'small', name: this.allowCreateIcon || 'plus' }))), isWeb(this.host) && (h("div", { ref: (el) => (this.itemsContainer = el), class: "items-container down animated fadeIn" }, h("div", { class: "scroll-container" }, h("yoo-ion-scroll", { forceOverscroll: false, onClick: (ev) => ev.stopPropagation() }, this.showDropdownContent && (h("yoo-grid", { ref: (el) => (this.webGrid = el), class: {
         'no-margin no-text-break autocomplete autocomplete-selection-mode': true,
-        'empty-tags': ((_a = this.values) === null || _a === void 0 ? void 0 : _a.length) === 0 && this.allowCustomTag,
+        'empty-tags': (((_a = this.values) === null || _a === void 0 ? void 0 : _a.length) === 0 || this.isLocal) && this.allowCustomTag,
         'expanding-grid': true,
         'live-preview-dropdown': this.host.classList.contains('live-preview-autocomplete')
       }, entityMapping: this.entityMapping, items: this.values, currentPage: ((_b = this.selection) === null || _b === void 0 ? void 0 : _b.length) && this.currentPage !== 0 ? this.maxPage : this.currentPage, pageSize: this.pageSize, selectedTags: this.currentSelectedTags, isAutoComplete: true, isGridClosedWithSearchText: this.isGridClosedWithSearchText, keepSelection: true, dynamicOrdering: dynamicOrdering, showAutocompleteHeader: this.showHeader || dynamicOrdering, multiple: this.isMultiple(), displayType: this.displayType, displayTypes: this.displayType === 'card-cell' || this.entityType === 'files' ? ['card-cell', 'card-list'] : null, onSelected: (ev) => this.onItemSelect(ev), onRemoved: (ev) => this.onItemSelect(ev), onSelectallToggled: (ev) => this.onItemSelect(ev), collectionName: this.collectionName, entityType: this.getEntityType(), onSearchInputEnterPressed: (ev) => this.onCustomTagCreated(ev), onFetchData: async (ev) => {

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

@@ -369,7 +369,7 @@ export class YooFormAutocompleteDialogComponent {
         half: !isWeb(this.host) && !this.fullscreen,
         'no-margin autocomplete': isWeb(this.host),
         'autocomplete-selection-mode': true,
-        'empty-tags': ((_a = this.values) === null || _a === void 0 ? void 0 : _a.length) === 0 && this.allowCustomTag
+        'empty-tags': (((_a = this.values) === null || _a === void 0 ? void 0 : _a.length) === 0 || this.isLocal) && this.allowCustomTag
       }, items: this.values, pageSize: this.pageSize, selectedTags: this.currentSelectedTags, dynamicOrdering: dynamicOrdering, showAutocompleteHeader: this.showHeader || dynamicOrdering, keepSelection: true, multiple: this.multiple, displayType: this.displayType, displayTypes: this.displayType === 'card-cell' || this.entityType === 'files' ? ['card-cell', 'card-list'] : null, collectionName: this.collectionName, entityType: this.getEntityType(), hideHeader: isNil(this.hideHeader) ? false : this.hideHeader, showSearch: this.tag || this.showSearchOrTags(), forceHideSearch: this.forceHideSearch, customModel: this.customModel, isLocal: this.isLocal, useTranslate: this.useTranslate, onGridExpanded: () => this.onExpandGrid(), initialSelection: this.returnQuery ? null : this.value, onSelected: (ev) => this.onItemSelect(ev), onRemoved: (ev) => this.onItemSelect(ev), onFetchData: (ev) => this.onFetchGridData(ev), onFieldFetchData: (ev) => this.onFetchFieldFilterData(ev), onSortsAndFiltersChange: (ev) => this.onSortsAndFiltersChange(ev), allowCustomTag: (this.allowCustomTag || this.allowCustomValue || this.tag) && !this.forceDisableCustomTags, idOnly: this.idOnly || this.allowCustomTag || this.tag, idAttributeName: this.idAttributeName || '_id', onSearchInputEnterPressed: (ev) => this.onSearchInputValue(ev), onAddNewTagPressed: (ev) => this.addNewTag(ev), searchBarPlaceholder: (this.allowCustomTag || this.allowCustomValue || this.tag) && !this.forceDisableCustomTags ? translate(this.isLocal ? 'AUTOCOMPLETESEARCHADD' : 'SEARCHORADD') : translate('SEARCH'), animatedIllustration: (this.animatedIllustration || this.entityType), tags: this.tags, model: this.model, maxSelectionNumber: this.max, hideAdvancedFilters: !this.model, showFilters: !this.tag && !this.hideTags && !this.isLocal && !isWeb(this.host) && this.showSearchOrTags(), onTagsSelect: (ev) => this.onTagsSelect(ev), isCollapsible: false, isLoading: this.isLoading, extraClass: this.extraClass, isAutoComplete: true, addNewTagText: this.entityType === 'emails' ? translate('ADDNEWEMAIL') : null, idOnlyInitialSelection: this.idOnlyInitialSelection, hideRefreshButton: true, disableSingleDeselection: this.disableSingleDeselection, valuesColor: this.valuesColor, total: this.total, returnQuery: this.returnQuery, showSelectAll: this.returnQuery, initialQuery: this.returnQuery ? this.value : null, sortsAndFilters: this.returnQuery ? (_b = this.value) === null || _b === void 0 ? void 0 : _b.sortsAndFilters : null, radioButtons: this.radioButtons, selectedRadioButton: this.selectedRadioButton, onRadioButtonSelected: (ev) => this.selectRadioButton(ev), secondaryActions: this.secondaryActions, origin: this.origin, infiniteScrollDisabled: this.infiniteScrollDisabled, onCurrentPageChanged: ({ detail }) => (this.currentPageChanged.emit(detail)) }));
   }
   renderMobileContent() {

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

@@ -934,7 +934,6 @@ svg:not(:root) {
   :host .description-outer-container,
   :host .inner-ssr-container {
     page-break-after: auto;
-    page-break-before: var(--break-before) !important;
     page-break-inside: var(--break-inside) !important;
   }
   :host .tags {

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

@@ -273,8 +273,10 @@ export class YooFormCaptureComponent {
     this.value = initArrayValue(this.value, this.multiple);
   }
   initTags() {
+    var _a;
     if (this.multiple) {
-      for (let i = 0; i < this.max; i++) {
+      const currentMax = this.max > 0 ? this.max : ((_a = this.value) === null || _a === void 0 ? void 0 : _a.length) + 1;
+      for (let i = 0; i < currentMax; i++) {
         this.extraData = this.extraData || {};
         this.extraData[i] = this.extraData[i] || {};
         this.extraData[i]['tags'] = this.extraData[i]['tags'] || [];
@@ -377,18 +379,19 @@ export class YooFormCaptureComponent {
     });
     return showModal({ component: imageTag, enterAnimation: 'slideYEnterAnimation', leaveAnimation: 'slideYLeaveAnimation' });
   }
-  updateTagData(tag, index) {
+  updateTagData({ data }, index) {
+    var _a, _b;
     this.initTags();
-    if (this.multiple) {
-      if (this.extraData[index] && this.extraData[index].tags) {
-        this.extraData[index].tags = tag.data;
+    if (this.multiple && this.extraData) {
+      if ((_a = this.extraData[index]) === null || _a === void 0 ? void 0 : _a.tags) {
+        this.extraData[index].tags = data;
       }
-      else {
-        this.extraData[0].tags = tag.data;
+      else if ((_b = this.extraData[0]) === null || _b === void 0 ? void 0 : _b.tags) {
+        this.extraData[0].tags = data;
       }
     }
-    else {
-      this.extraData.tags = tag.data;
+    else if (this.extraData) {
+      this.extraData.tags = data;
     }
     this.extraDataChanged.emit(this.extraData);
   }
@@ -486,7 +489,7 @@ export class YooFormCaptureComponent {
         const initialFileSize = this.value.length;
         const allowedSize = this.max - initialFileSize;
         this.showImageLoader = true;
-        promise = importMultipleFromLibrary(index >= 0 ? 1 : allowedSize);
+        promise = importMultipleFromLibrary(index >= 0 ? 1 : allowedSize > 0 ? allowedSize : null);
       }
       else {
         promise = getPicture(quality, sourceType, mediaType, isMultiMode, this.maxWidth, this.isImageRecognition, this.max, !!((_c = this.cropperOptions) === null || _c === void 0 ? void 0 : _c.cropRatio), useMediaCapture);
@@ -670,7 +673,10 @@ export class YooFormCaptureComponent {
         }
         if (this.multiple && newImages.length > 0 && !this.isReplacingPhoto(index)) {
           const allowedSize = this.max - this.value.length;
-          const values = Array.from(newImages).slice(0, allowedSize);
+          let values = Array.from(newImages);
+          if (this.max) {
+            values = values.slice(0, allowedSize);
+          }
           this.value = [...[].concat(this.value), ...values.map((item) => getUrl(type, item))];
           setValueAndValidateInput(this.value, this);
         }
@@ -1146,7 +1152,10 @@ export class YooFormCaptureComponent {
     const targetElement = this.getAddFileInput();
     const initialFileSize = this.value.length;
     const allowedSize = this.max - initialFileSize;
-    const files = Array.from(targetElement.files).slice(0, allowedSize);
+    let files = Array.from(targetElement.files);
+    if (this.max) {
+      files = files.slice(0, allowedSize);
+    }
     const newImages = [];
     let index = this.value.length;
     for (const file of files) {

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

@@ -1,5 +1,5 @@
 import { datepicker, locale } from '@mobiscroll/javascript';
-import { dateFormat, endOf, findDevice, getCurrentLanguage, getUUID, getWeekStart, isWeb, startOf, translate } from '@shared/utils';
+import { dateFormat, dateIsValid, endOf, findDevice, getCurrentLanguage, getUUID, getWeekStart, isWeb, startOf, translate } from '@shared/utils';
 import { h } from '@stencil/core';
 import { convertValueForInputType, setValidator, setValueAndValidateInput, validate } from '@yobi/utils/helpers/form-input-helpers';
 import { destroyMountPoints, generateRandomMountElementId, initShadowMountPoints } from '@yobi/utils/helpers/shadow-dom-helper';
@@ -139,8 +139,14 @@ export class YooFormDateTimeComponent {
     }
     else {
       const formattedValue = isRange ? this.convertDateRange(value) : this.convertDate(value);
-      this.dateTimeModal.setVal(value);
-      setValueAndValidateInput(formattedValue, this);
+      if (isRange || (!isRange && dateIsValid(value))) {
+        this.dateTimeModal.setVal(value);
+        setValueAndValidateInput(value, this);
+      }
+      else {
+        this.dateTimeModal.setVal(null);
+        setValueAndValidateInput(null, this);
+      }
       this.setDisplayDate(formattedValue);
     }
   }
@@ -161,7 +167,7 @@ export class YooFormDateTimeComponent {
     }
   }
   convertDate(date) {
-    return convertValueForInputType(date, this.type, this.useISOString);
+    return convertValueForInputType(date, this.type, this.useISOString, true);
   }
   convertDateRange(dateRange) {
     let lowerBound = dateRange[0];

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

@@ -4330,6 +4330,8 @@ export class YooFormDynamicComponent {
           models: field.models,
           field: field,
           mode: field.mode,
+          allowVisibilityUpdate: field.allowVisibilityUpdate,
+          preserveRemovedSelections: field.preserveRemovedSelections,
           forceManualType: field.forceManualType,
           allowLibrary: field.allowLibrary,
           audienceRef: data === null || data === void 0 ? void 0 : data.audienceRef,

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

@@ -24,7 +24,13 @@ export class YooFormEmailreportComponent {
   async updateValues(values, formSearch) {
     var _a, _b, _c;
     if (this.formAutocomplete) {
-      const emails = (values === null || values === void 0 ? void 0 : values.map((value) => (value.isEmail ? value : { _id: value.email || value.username || value._id, title: getUserDisplayName(value), isEmail: true }))) || [];
+      const emails = (values === null || values === void 0 ? void 0 : values.map((value) => value.isEmail
+        ? value
+        : {
+          _id: value.email || value.username || value._id || value,
+          title: (value === null || value === void 0 ? void 0 : value.firstName) || (value === null || value === void 0 ? void 0 : value.lastName) || (value === null || value === void 0 ? void 0 : value._id) ? getUserDisplayName(value) : value,
+          isEmail: true
+        })) || [];
       if (((_a = formSearch === null || formSearch === void 0 ? void 0 : formSearch.search) === null || _a === void 0 ? void 0 : _a.currentPage) === 0) {
         const search = (_b = formSearch.search.search) === null || _b === void 0 ? void 0 : _b.toLowerCase();
         const { selectedLocation, user } = getSession();
@@ -47,6 +53,9 @@ export class YooFormEmailreportComponent {
     setValidator(this);
     this.value = this.value || [];
   }
+  componentDidLoad() {
+    this.isLocal && this.updateValues(this.fieldValues);
+  }
   onFetchData(ev) {
     ev.stopPropagation();
     this.fetchData.emit(ev.detail);

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

@@ -743,7 +743,8 @@ export class YooFormTextEditorComponent {
     FroalaEditor.RegisterCommand('yooAIImage', yooAIImageButtonOptions);
     const yooTemplateOptions = {
       title: translate('HTMLTEMPLATES'),
-      icon: isWeb ? 'yooTemplateIcon' : 'yooTemplateIconMedium'
+      icon: isWeb ? 'yooTemplateIcon' : 'yooTemplateIconMedium',
+      callback: () => this.openPostTemplateModal()
     };
     FroalaEditor.RegisterCommand('yooTemplate', yooTemplateOptions);
     FroalaEditor.RegisterQuickInsertButton('yooTemplateQuick', { ...yooTemplateOptions, icon: 'yooTemplateIconMedium' });

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

@@ -55,6 +55,9 @@ export class YooFormTodoTaskListComponent {
       });
     }
   }
+  componentWillRender() {
+    this.taskElements = [];
+  }
   disconnectedCallback() {
     var _a;
     if (isWeb(this.host)) {
@@ -63,7 +66,7 @@ export class YooFormTodoTaskListComponent {
   }
   async validate() {
     const taskElements = this.taskElements.filter((taskElement) => taskElement);
-    const validity = this.required ? !!taskElements.length && (await Promise.all(taskElements.map((taskElement) => taskElement.isValid()))).every((isValid) => isValid) : true;
+    const validity = this.required ? !!taskElements.length && (await Promise.all(taskElements.map((taskElement) => taskElement === null || taskElement === void 0 ? void 0 : taskElement.isValid()))).every((isValid) => isValid) : true;
     if (this.validity !== validity) {
       this.validity = validity;
       this.validityChanged.emit(validity);
@@ -79,7 +82,11 @@ export class YooFormTodoTaskListComponent {
   async addTask() {
     var _a, _b, _c;
     if (await this.updateTask(((_b = (_a = this.value) === null || _a === void 0 ? void 0 : _a.values) === null || _b === void 0 ? void 0 : _b.length) || 0)) {
-      await this.updateValue({ ...this.value, values: [...(((_c = this.value) === null || _c === void 0 ? void 0 : _c.values) || []), { _id: getUUID(), hasphoto: { value: true }, text: { value: '' } }] });
+      this.taskElements.push(null);
+      await this.updateValue({
+        ...this.value,
+        values: [...(((_c = this.value) === null || _c === void 0 ? void 0 : _c.values) || []), { _id: getUUID(), hasphoto: { value: true }, text: { value: '' } }]
+      });
       this.adding = this.editing;
     }
   }
@@ -108,7 +115,11 @@ export class YooFormTodoTaskListComponent {
       ? await showAlert({ header: translate('DELETETASK'), buttonText: [translate('CANCEL'), { cssClass: 'danger', text: translate('DELETE') }], message: translate('CONFIRMDELETETASK') })
       : true;
     if (result) {
-      await this.updateValue({ ...this.value, values: [...this.value.values.slice(0, index), ...this.value.values.slice(index + 1)] });
+      this.taskElements = [...this.taskElements.slice(0, index), ...this.taskElements.slice(index + 1)];
+      await this.updateValue({
+        ...this.value,
+        values: [...this.value.values.slice(0, index), ...this.value.values.slice(index + 1)]
+      });
     }
     return result;
   }

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

@@ -689,7 +689,7 @@ export class YooFormCreatorComponent {
   }
   onfieldChanged(ev) {
     var _a, _b, _c, _d, _e, _f;
-    if (((_a = ev === null || ev === void 0 ? void 0 : ev.detail) === null || _a === void 0 ? void 0 : _a.opValues) && ((_b = this.scoring) === null || _b === void 0 ? void 0 : _b.length)) {
+    if (((_a = ev === null || ev === void 0 ? void 0 : ev.detail) === null || _a === void 0 ? void 0 : _a.opValues) && isArray(ev.detail.opValues) && ((_b = this.scoring) === null || _b === void 0 ? void 0 : _b.length)) {
       const previousValues = (_f = (_e = (_d = (_c = this.missionDescription) === null || _c === void 0 ? void 0 : _c.slides[this.selectedPageIndex]) === null || _d === void 0 ? void 0 : _d.items) === null || _e === void 0 ? void 0 : _e.find((field) => field.name === ev.detail.name)) === null || _f === void 0 ? void 0 : _f.values;
       const newValues = ev.detail.opValues[0];
       if (previousValues && newValues) {
@@ -994,6 +994,7 @@ export class YooFormCreatorComponent {
     this.shiftUnattachedConditions(name, this.currentSlides[slideIndex].items.length - 1);
     this.formFieldDelete.emit({ name });
     this.scoring = removeScoringSelectedFields(name, this.scoring);
+    this.scoringChanged.emit(this.scoring);
     this.computeScoringTotal();
     deleteFieldAndRemoveConditionReferences(this.currentSlides, { slideIndex, itemIndex, name });
     this.resetExpandableBlockReferences();

package/dist/collection/components/grid/grid/grid.js

@@ -187,6 +187,7 @@ export class YooGridComponent {
     this.sorts = undefined;
     this.showAgGridSorts = undefined;
     this.isUploading = undefined;
+    this.preserveRemovedSelections = undefined;
     this.gridState = undefined;
     this.maxSelectionNumber = undefined;
     this.currentPage = 0;
@@ -887,7 +888,7 @@ export class YooGridComponent {
       }
       let item = (_a = this.items) === null || _a === void 0 ? void 0 : _a.find((_item) => _item[this.idAttributeName || '_id'] === selectedItem || _item._tenantRef === selectedItem);
       if (!item) {
-        item = ((_b = this.idOnlyInitialSelection) === null || _b === void 0 ? void 0 : _b.find((_item) => _item[this.idAttributeName || '_id'] === selectedItem)) || { _id: selectedItem };
+        item = isArray(this.idOnlyInitialSelection) && ((_b = this.idOnlyInitialSelection) === null || _b === void 0 ? void 0 : _b.find((_item) => _item[this.idAttributeName || '_id'] === selectedItem)) || { _id: selectedItem };
       }
       return item;
     });
@@ -1069,9 +1070,9 @@ export class YooGridComponent {
           }
         }
         else {
-          this.selectionRemoved = ((_b = (_a = this.currentQuery) === null || _a === void 0 ? void 0 : _a.selectionRemovedIds) === null || _b === void 0 ? void 0 : _b.map((s) => {
+          this.selectionRemoved = this.preserveRemovedSelections ? (((_b = (_a = this.currentQuery) === null || _a === void 0 ? void 0 : _a.selectionRemovedIds) === null || _b === void 0 ? void 0 : _b.map((s) => {
             return this.items.find((item) => item[this.idAttributeName || '_id'] === s) || { _id: s };
-          })) || [];
+          })) || []) : [];
           params.api.forEachNode((node) => {
             if (node.id) {
               if (node.isSelected() === false && this.findIndex(node.data, true) < 0) {
@@ -2971,7 +2972,7 @@ export class YooGridComponent {
   }
   renderAddNewTag() {
     var _a;
-    if (this.forceAddNewTag || (this.allowCustomTag && ((_a = this.searchText) === null || _a === void 0 ? void 0 : _a.length) && (this.items ? this.items.length < 6 : null) && this.isNewTag())) {
+    if (this.forceAddNewTag || (this.allowCustomTag && ((_a = this.searchText) === null || _a === void 0 ? void 0 : _a.length) && this.isNewTag())) {
       const searchText = this.forceAddNewTag ? `"${this.addNewTagText}"` : `"${this.searchText}"`;
       return (searchText &&
         searchText !== '""' && (h("div", { class: { 'empty-new-tag': true, 'add-tag-mobile': !isWeb(this.host) } }, h("div", { class: "text-container" }, this.getTagDescription()), h("div", { class: "add-tag-button-container" }, h("yoo-button", { color: "app-color", disabled: this.isLoading || !this.searchText || (this.entityType === 'emails' && !isEmail(this.searchText)), size: isWeb(this.host) ? 'medium' : 'large', onClick: (ev) => this.onAddNewTag(ev) }, this.getAddTagButtonString())))));
@@ -5765,6 +5766,23 @@ export class YooGridComponent {
         "attribute": "is-uploading",
         "reflect": false
       },
+      "preserveRemovedSelections": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "preserve-removed-selections",
+        "reflect": false
+      },
       "gridState": {
         "type": "unknown",
         "mutable": false,

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

@@ -25,7 +25,7 @@ export function getPictureMaxSize(isImageRecognition, maxWidth) {
   }
   return maxWidth || maxSize;
 }
-export async function importMultipleFromLibrary(limit = 15, compress = isAndroid(), quality) {
+export async function importMultipleFromLibrary(limit, compress = isAndroid(), quality) {
   if (!await ImagePicker.hasReadPermission()) {
     await ImagePicker.requestReadPermission();
   }
@@ -34,10 +34,15 @@ export async function importMultipleFromLibrary(limit = 15, compress = isAndroid
     return AndroidCamera.pickImages({
       quality: compress ? quality : 100,
       limit
-    }).then(res => {
-      var _a, _b;
-      // Slice result due to a bug in limit option being ingored by android camera
-      return (_b = (_a = res.photos) === null || _a === void 0 ? void 0 : _a.slice(0, limit)) === null || _b === void 0 ? void 0 : _b.map(p => p === null || p === void 0 ? void 0 : p.path);
+    }).then((res) => {
+      var _a, _b, _c;
+      if (limit > 0) {
+        // Slice result due to a bug in limit option being ingored by android camera
+        return (_b = (_a = res.photos) === null || _a === void 0 ? void 0 : _a.slice(0, limit)) === null || _b === void 0 ? void 0 : _b.map((p) => p === null || p === void 0 ? void 0 : p.path);
+      }
+      else {
+        return (_c = res.photos) === null || _c === void 0 ? void 0 : _c.map((p) => p === null || p === void 0 ? void 0 : p.path);
+      }
     });
   }
   // Use image picture to support ios as capacitor only support importing one photo at time for ios > 13

package/dist/collection/utils/helpers/form-input-helpers.js

@@ -208,7 +208,7 @@ function parseNumber(value) {
   const val = parseFloat(value);
   return isNaN(val) ? value : val;
 }
-export function convertValueForInputType(v, type, isISO) {
+export function convertValueForInputType(v, type, isISO, skipDateLocalConversion) {
   if (isISO && dateIsValid(v)) {
     return !isNil(v) ? toDate(v).toISOString() : null;
   }
@@ -223,7 +223,7 @@ export function convertValueForInputType(v, type, isISO) {
       if (isNil(v)) {
         return null;
       }
-      return dateIsValid(v) ? dateFormat(toDate(v), 'YYYY-MM-DD') : null;
+      return dateIsValid(v) ? dateFormat(toDate(v), 'YYYY-MM-DD', skipDateLocalConversion) : null;
     case FormFieldType.datetime: {
       if (isNil(v)) {
         return null;

package/dist/design-system/{annotations-helpers-0f885853.js → annotations-helpers-c131b269.js}

@@ -1,5 +1,5 @@
-import './index-fcad4af8.js';
-import { b9 as getUUID } from './index-bd6fd8e6.js';
+import './index-3eb10507.js';
+import { b9 as getUUID } from './index-f9787c14.js';
 
 function isAnnotationEmpty(annotation) {
   return !(annotation === null || annotation === void 0 ? void 0 : annotation.text);

package/dist/{esm/button.factory-82fe7e07.js → design-system/button.factory-2d34b0af.js}

@@ -1,4 +1,4 @@
-import { ae as translateMulti } from './index-bd6fd8e6.js';
+import { ae as translateMulti } from './index-f9787c14.js';
 import { h } from './index-23b437f1.js';
 
 const getButton = (button) => {

package/dist/{esm/camera-helpers-b23da26b.js → design-system/camera-helpers-5b5c9cd1.js}

@@ -1,5 +1,5 @@
-import { ct as cordova, cu as AwesomeCordovaNativePlugin, cv as cordovaPropertyGet, cw as cordovaPropertySet, cx as registerPlugin, ag as getSession, cy as getDeviceModel, cz as getDevicePlatform, cA as isIonic, l as isNativeMobile, m as isAndroid, M as isIOS, B as getMediaDevices, G as showModal, E as getModalAnimation, H as isWeb } from './index-bd6fd8e6.js';
-import './index-fcad4af8.js';
+import { ct as cordova, cu as AwesomeCordovaNativePlugin, cv as cordovaPropertyGet, cw as cordovaPropertySet, cx as registerPlugin, ag as getSession, cy as getDeviceModel, cz as getDevicePlatform, cA as isIonic, l as isNativeMobile, m as isAndroid, M as isIOS, B as getMediaDevices, G as showModal, E as getModalAnimation, H as isWeb } from './index-f9787c14.js';
+import './index-3eb10507.js';
 
 var __extends$2 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -249,7 +249,7 @@ var CameraResultType;
 })(CameraResultType || (CameraResultType = {}));
 
 const Camera = registerPlugin('Camera', {
-    web: () => import('./web-51db545c.js').then(m => new m.CameraWeb()),
+    web: () => import('./web-09169308.js').then(m => new m.CameraWeb()),
 });
 
 var MediaPictureOptions;
@@ -274,7 +274,7 @@ function getPictureMaxSize(isImageRecognition, maxWidth) {
   }
   return maxWidth || maxSize;
 }
-async function importMultipleFromLibrary(limit = 15, compress = isAndroid(), quality) {
+async function importMultipleFromLibrary(limit, compress = isAndroid(), quality) {
   if (!await ImagePicker.hasReadPermission()) {
     await ImagePicker.requestReadPermission();
   }
@@ -283,10 +283,15 @@ async function importMultipleFromLibrary(limit = 15, compress = isAndroid(), qua
     return Camera.pickImages({
       quality: compress ? quality : 100,
       limit
-    }).then(res => {
-      var _a, _b;
-      // Slice result due to a bug in limit option being ingored by android camera
-      return (_b = (_a = res.photos) === null || _a === void 0 ? void 0 : _a.slice(0, limit)) === null || _b === void 0 ? void 0 : _b.map(p => p === null || p === void 0 ? void 0 : p.path);
+    }).then((res) => {
+      var _a, _b, _c;
+      if (limit > 0) {
+        // Slice result due to a bug in limit option being ingored by android camera
+        return (_b = (_a = res.photos) === null || _a === void 0 ? void 0 : _a.slice(0, limit)) === null || _b === void 0 ? void 0 : _b.map((p) => p === null || p === void 0 ? void 0 : p.path);
+      }
+      else {
+        return (_c = res.photos) === null || _c === void 0 ? void 0 : _c.map((p) => p === null || p === void 0 ? void 0 : p.path);
+      }
     });
   }
   // Use image picture to support ios as capacitor only support importing one photo at time for ios > 13

package/dist/design-system/{chat-helpers-d3a63244.js → chat-helpers-92257b92.js}

@@ -1,6 +1,6 @@
-import './index-fcad4af8.js';
+import './index-3eb10507.js';
 import { a as isArray } from './lodash-04b11500.js';
-import { t as translate, av as isFile, aw as replaceAtTagToMentionTag, ax as replaceAllLinks, ae as translateMulti } from './index-bd6fd8e6.js';
+import { t as translate, av as isFile, aw as replaceAtTagToMentionTag, ax as replaceAllLinks, ae as translateMulti } from './index-f9787c14.js';
 
 /**
  * Get the proper data format for a single message aswell as grouped messages

package/dist/design-system/{common-helpers-7e61c241.js → common-helpers-bd7da3c7.js}

@@ -1,5 +1,5 @@
-import { E as getModalAnimation, F as findDevice, t as translate, G as showModal, H as isWeb, I as debounce, J as querySelectorDeep$1, l as isNativeMobile, S as ScreenOrientation, K as isRTL, L as isIphoneX, n as isIpadPro, p as isTablet, k as isFullScreenFalse, M as isIOS, m as isAndroid, N as setAnimation, O as animations, P as getCssColor, Y as YOOBICON_ENTITIES_MAP, Q as startOf, R as isDateBefore, T as dateDiffInCalendarDays, U as isDateAfter, V as getAsyncExtraData, W as findParent, X as isNativeFilePath, D as cleanupWKWebViewFilePath, Z as Cloudinary, $ as getProtocol, a0 as CloudinaryGradientLayer } from './index-bd6fd8e6.js';
-import './index-fcad4af8.js';
+import { E as getModalAnimation, F as findDevice, t as translate, G as showModal, H as isWeb, I as debounce, J as querySelectorDeep$1, l as isNativeMobile, S as ScreenOrientation, K as isRTL, L as isIphoneX, n as isIpadPro, p as isTablet, k as isFullScreenFalse, M as isIOS, m as isAndroid, N as setAnimation, O as animations, P as getCssColor, Y as YOOBICON_ENTITIES_MAP, Q as startOf, R as isDateBefore, T as dateDiffInCalendarDays, U as isDateAfter, V as getAsyncExtraData, W as findParent, X as isNativeFilePath, D as cleanupWKWebViewFilePath, Z as Cloudinary, $ as getProtocol, a0 as CloudinaryGradientLayer } from './index-f9787c14.js';
+import './index-3eb10507.js';
 import { E as get } from './lodash-04b11500.js';
 
 function getDefaultModalAnimation(host) {