@yoobic/yobi 8.5.30 → 8.5.32

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-4129bb2b.js');
+require('./index-d88af75d.js');
 const lodash = require('./lodash-6ed5ae7e.js');
 const annotationsHelpers = require('./annotations-helpers-fb554cca.js');
 const hammerHelpers = require('./hammer-helpers-e8117959.js');
-const index$1 = require('./index-8a68a18e.js');
+const index$1 = require('./index-0a29c2d1.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-ec5dad3e.js');
 

package/dist/collection/components/1.atoms/tooltip/tooltip.js

@@ -74,7 +74,7 @@ export class YooTooltipComponent {
       if (!(state === null || state === void 0 ? void 0 : state.isDestroyed)) {
         hide();
       }
-      this.saveTooltip.emit({ value: (_a = this.contentEditableElement) === null || _a === void 0 ? void 0 : _a.innerHTML, refTooltip: reference });
+      this.saveTooltip.emit({ value: (_a = this.contentEditableElement) === null || _a === void 0 ? void 0 : _a.innerText, refTooltip: reference });
     }
   }
   async toggleHoverable(isEnable = !this.hoverable) {

package/dist/collection/components/3.organisms/photo-editor/photo-editor.js

@@ -978,7 +978,7 @@ export class YooPhotoEditorComponent {
     });
   }
   optionsClick(ev, content) {
-    var _a, _b;
+    var _a, _b, _c;
     if (ev === null || ev === void 0 ? void 0 : ev.target) {
       ev.stopPropagation();
       const clickedElement = ev.target;
@@ -991,18 +991,18 @@ export class YooPhotoEditorComponent {
         if (extraAction.icon === 'photo-annotated') {
           this.isReadonly = false;
         }
+        else if ((extraAction === null || extraAction === void 0 ? void 0 : extraAction['subActions']) || (extraAction === null || extraAction === void 0 ? void 0 : extraAction['subMenu'])) {
+          const actions = (extraAction === null || extraAction === void 0 ? void 0 : extraAction['subActions']) || (extraAction === null || extraAction === void 0 ? void 0 : extraAction['subMenu']);
+          isWeb(this.host) ?
+            showContextMenu(ev, {
+              hostElement: ev === null || ev === void 0 ? void 0 : ev.target,
+              contentButtons: actions
+            }) : showActionSheet(actions, null, {}, null, ev);
+        }
         else {
-          extraAction.handler(ev);
+          (_c = extraAction === null || extraAction === void 0 ? void 0 : extraAction.handler) === null || _c === void 0 ? void 0 : _c.call(extraAction, ev);
         }
       }
-      if (extraAction === null || extraAction === void 0 ? void 0 : extraAction['subActions']) {
-        const actions = extraAction['subActions'];
-        isWeb(this.host) ?
-          showContextMenu(ev, {
-            hostElement: ev === null || ev === void 0 ? void 0 : ev.target,
-            contentButtons: actions
-          }) : showActionSheet(actions, null, {}, null, ev);
-      }
       switch (actionName) {
         // Main Actions
         case EEditorActions.typeTool:

package/dist/collection/components/form/form-categorize-words/form-categorize-words.js

@@ -1,4 +1,4 @@
-import { translateMulti } from '@shared/utils';
+import { extractTextFromStringHTML, translateMulti } from '@shared/utils';
 import { h, Host } from '@stencil/core';
 import { isEqual } from 'lodash-es';
 import { initTags } from '../../../utils/draggables';
@@ -40,8 +40,7 @@ export class YooFormCategorizeWordsComponent {
     return this.validity;
   }
   get droppedValues() {
-    var _a;
-    return ((_a = this.tags.getDroppedValues()) === null || _a === void 0 ? void 0 : _a.map(droppedValues => droppedValues.map(droppedValue => { var _a; return (_a = this.values) === null || _a === void 0 ? void 0 : _a.find(value => droppedValue === translateMulti(value)); }))) || [];
+    return this.tags.getDroppedValues();
   }
   get tagConfig() {
     const getColorTag = (tagValue, zoneIndex) => {
@@ -55,8 +54,7 @@ export class YooFormCategorizeWordsComponent {
     };
     const onReleaseTag = () => {
       this.tags.checkOverflowingTags();
-      this.value = this.droppedValues;
-      setValueAndValidateInput(this.value, this);
+      setValueAndValidateInput(this.droppedValues, this);
     };
     return {
       clickToDrop: true,
@@ -90,7 +88,7 @@ export class YooFormCategorizeWordsComponent {
     const isZoneCompleted = (value === null || value === void 0 ? void 0 : value.length) === (answer === null || answer === void 0 ? void 0 : answer.length);
     const maxAnswers = ((_d = (_c = this.answer) === null || _c === void 0 ? void 0 : _c[zoneIndex]) === null || _d === void 0 ? void 0 : _d.length) || 0;
     const nbrDroppedTags = ((_f = (_e = this.value) === null || _e === void 0 ? void 0 : _e[zoneIndex]) === null || _f === void 0 ? void 0 : _f.length) || 0;
-    return (h("section", { ...{ placement: !zoneIndex ? 'top' : 'bottom', ...(isZoneCompleted && { class: 'completed' }) } }, h("div", { id: "title", hidden: !this.readonly && this.animated && !(value === null || value === void 0 ? void 0 : value.length) && !this.revealCategories }, h("span", null, translateMulti((_g = this.categories) === null || _g === void 0 ? void 0 : _g[zoneIndex])), this.readonly && ` (${nbrDroppedTags} / ${maxAnswers})`, !this.readonly && !!(answer === null || answer === void 0 ? void 0 : answer.length) && (h("span", { ref: (el) => (this.counterElement[zoneIndex] = el), id: "counter" }, h("span", null, nbrDroppedTags), " / ", maxAnswers))), h("div", { class: "dropzone", id: `zone-${zoneIndex}` })));
+    return (h("section", { ...{ placement: !zoneIndex ? 'top' : 'bottom', ...(isZoneCompleted && { class: 'completed' }) } }, h("div", { id: "title", hidden: !this.readonly && this.animated && !(value === null || value === void 0 ? void 0 : value.length) && !this.revealCategories }, h("span", null, extractTextFromStringHTML(translateMulti((_g = this.categories) === null || _g === void 0 ? void 0 : _g[zoneIndex]))), this.readonly && ` (${nbrDroppedTags} / ${maxAnswers})`, !this.readonly && !!(answer === null || answer === void 0 ? void 0 : answer.length) && (h("span", { ref: (el) => (this.counterElement[zoneIndex] = el), id: "counter" }, h("span", null, nbrDroppedTags), " / ", maxAnswers))), h("div", { class: "dropzone", id: `zone-${zoneIndex}` })));
   }
   renderBanner() {
     return this.livePreview && !this.readonly && h("yoo-banner", null, h("p", { slot: "content" }));

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

@@ -1,5 +1,5 @@
 import { FormFieldType, IncentivePartType, QUIZZ_COMPONENTS_FORM_FIELDS } from '@shared/interfaces';
-import { answerIsValid, cancelRequestInterval, closeModal, debounce, disableKeyboardResize, dispatchCustomEvent, enableKeyboardResize, evalInContext, findField, findParent, getConfidenceDescriptionKey, getConfidenceEmoji, getCssColor, getDistance, getFieldReplacement, getFieldValue, getModalAnimation, getSession, hasValue, isAndroid, isAnimationsDisabled, isChromeForIos, isConfidenceAssessment, isContentOnly, isFieldWithDirectValue, isFieldWithNoValue, isIonic, isIOS, isIphoneX, isKeyboardResizeModeInactive, isNativeMobile, isNullOrUndefined, isPhotoOrMultiPhotosField, isPresent, isQuiz, isSafari, isSamsung, isTimedQuiz, isValueATranslationKey, isVisible, isWeb, pipes, requestInterval, sanitizeInputValue, showContextMenu, showModal, showToast, slenderizeObject, translate, translateMulti, updateDatasetFilters } from '@shared/utils';
+import { answerIsValid, cancelRequestInterval, closeModal, debounce, disableKeyboardResize, dispatchCustomEvent, enableKeyboardResize, evalInContext, extractTextFromStringHTML, findField, findParent, getConfidenceDescriptionKey, getConfidenceEmoji, getCssColor, getDistance, getFieldReplacement, getFieldValue, getModalAnimation, getSession, hasValue, isAndroid, isAnimationsDisabled, isChromeForIos, isConfidenceAssessment, isContentOnly, isFieldWithDirectValue, isFieldWithNoValue, isIonic, isIOS, isIphoneX, isKeyboardResizeModeInactive, isNativeMobile, isNullOrUndefined, isPhotoOrMultiPhotosField, isPresent, isQuiz, isSafari, isSamsung, isTimedQuiz, isValueATranslationKey, isVisible, isWeb, pipes, requestInterval, sanitizeInputValue, showContextMenu, showModal, showToast, slenderizeObject, translate, translateMulti, updateDatasetFilters } from '@shared/utils';
 import { forceUpdate, h, Host } from '@stencil/core';
 import { assign, cloneDeep, compact, findLastIndex, flatten, get, groupBy, isArray, isEmpty, isEqual, isFunction, isNumber, isObject, isString, keys, orderBy, pick, range, result, uniqBy } from 'lodash-es';
 import { getMissionStatusIconName } from '../../../feature-operate/campaign/helpers/operation-helpers';
@@ -4197,7 +4197,7 @@ export class YooFormDynamicComponent {
           'lesson-live-preview': this.isLessonPreview() || this.isCoursePreview(),
           [field.type]: true
         };
-        return (markdown && h("yoo-markdown", { class: cssClass, isVisible: this.isCurrentSlide(slideIndex), style: { color: `${color}` }, linkPreviews: field.linkPreviews, content: translateMulti(pipes.https.transform(markdown)) }));
+        return (markdown && h("yoo-markdown", { class: cssClass, isVisible: this.isCurrentSlide(slideIndex), style: { color: `${color}`, ...(field.style || {}) }, linkPreviews: field.linkPreviews, content: translateMulti(pipes.https.transform(markdown)) }));
       }
       case FormFieldType.renderer:
         return field.handler && h("div", { innerHTML: field.handler(this.currentData, field, this.injector) });
@@ -4247,7 +4247,7 @@ export class YooFormDynamicComponent {
         };
         break;
       case FormFieldType.imagetagging:
-        field.answer = (_x = field.annotations) === null || _x === void 0 ? void 0 : _x.map(({ text }) => text);
+        field.answer = (_x = field.annotations) === null || _x === void 0 ? void 0 : _x.map(({ text }) => extractTextFromStringHTML(text).trim());
         TagType = 'yoo-form-image-tagging';
         extraAttrs = {
           ...extraAttrs,

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

@@ -1,4 +1,4 @@
-import { getMedia, translate, translateMulti } from '@shared/utils';
+import { getMedia, translate } from '@shared/utils';
 import { forceUpdate, h, Host } from '@stencil/core';
 import { isEqual } from 'lodash-es';
 import { getFromOfflineStorage } from '../../../utils/cache';
@@ -51,8 +51,7 @@ export class YooFormImageTaggingComponent {
     return this.validity;
   }
   get droppedValues() {
-    var _a;
-    return ((_a = this.tags.getDroppedValues(true)) === null || _a === void 0 ? void 0 : _a.map(droppedValues => this.values.find(value => droppedValues === translateMulti(value)))) || [];
+    return this.tags.getDroppedValues().flat();
   }
   get tagConfig() {
     const showImageOverlay = (showOverlay = true) => {
@@ -71,8 +70,7 @@ export class YooFormImageTaggingComponent {
     };
     const onReleaseTag = () => {
       showImageOverlay(false);
-      this.value = this.droppedValues;
-      setValueAndValidateInput(this.value, this);
+      setValueAndValidateInput(this.droppedValues, this);
     };
     return {
       clickToDrop: true,

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

@@ -1,4 +1,4 @@
-import { Draggable, getUUID, gsapSet, gsapTo, isTranslationKey, translate } from '@shared/utils';
+import { Draggable, extractTextFromStringHTML, getUUID, gsapSet, gsapTo, isTranslationKey, translate } from '@shared/utils';
 import { forceUpdate, h, Host } from '@stencil/core';
 import { getAnnotationPositionStyle, getElement, isAnnotationValid } from '../../../utils/helpers/annotations-helpers';
 import { getAppContext } from '../../../utils/helpers/common-helpers';
@@ -123,7 +123,7 @@ export class YooFormImageTaggingCreatorComponent {
     };
     const onTooltipSaved = (ev, dot) => {
       saveTooltipContent(ev, dot).then(() => {
-        this.emitValues(dot._id, ev.detail.value);
+        this.emitValues(dot._id, extractTextFromStringHTML(ev.detail.value).trim());
         reorderDotIndexes(this.annotations, this.imageContainerElement);
       });
     };

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

@@ -41,8 +41,7 @@ export class YooFormMissingWordComponent {
     }
   }
   get droppedValues() {
-    var _a;
-    return (_a = this.tags.getDroppedValues(true)) === null || _a === void 0 ? void 0 : _a.map(droppedValues => this.values.find(value => droppedValues === translateMulti(value)));
+    return this.tags.getDroppedValues().flat();
   }
   get isMatchingBrackets() {
     var _a;
@@ -77,8 +76,7 @@ export class YooFormMissingWordComponent {
     };
     const onReleaseTag = () => {
       this.tags.checkOverflowingTags();
-      this.value = this.droppedValues;
-      setValueAndValidateInput(this.value, this);
+      setValueAndValidateInput(this.droppedValues, this);
     };
     return {
       clickToDrop: true,

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

@@ -212,10 +212,6 @@ svg:not(:root) {
   width: 50%;
   margin: auto;
 }
-:host .outer-container.readonly p.description {
-  margin-bottom: var(--spacing-24, 1.5rem);
-  font-size: var(--font-size-14, 0.875rem);
-}
 :host .outer-container.readonly .inner-container {
   align-items: center;
   margin-top: var(--spacing-08, 0.5rem);

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

@@ -1,4 +1,4 @@
-import { copyToClipboard, downloadFile, generateYoobicQRCode, translate, updateSVGCustomColors } from '@shared/utils';
+import { copyToClipboard, downloadFile, extractTextFromStringHTML, generateYoobicQRCode, translate, updateSVGCustomColors } from '@shared/utils';
 import { getAssetPath, h } from '@stencil/core';
 import { setValidator } from '../../../utils/helpers/form-input-helpers';
 export class YooFormQrcodeComponent {
@@ -9,9 +9,11 @@ export class YooFormQrcodeComponent {
     this.validate();
   }
   onValueChanged() {
+    this.sanitizeValue();
     this.generateQRCode();
   }
   componentWillLoad() {
+    this.sanitizeValue();
     setValidator(this);
   }
   componentDidLoad() {
@@ -28,10 +30,11 @@ export class YooFormQrcodeComponent {
     }
     return this.validity;
   }
+  sanitizeValue() {
+    this.value = extractTextFromStringHTML(this.value);
+  }
   generateQRCode() {
-    if (this.canvasEl) {
-      return generateYoobicQRCode(this.value, this.canvasEl, this.size, this.logo, this.whiteLabel);
-    }
+    this.value && generateYoobicQRCode(this.value, this.canvasEl, this.size, this.logo, this.whiteLabel);
   }
   onDownloadQRCode() {
     downloadFile(this.canvasEl.toDataURL('image/jpeg'), translate('QRCODE'));
@@ -53,7 +56,7 @@ export class YooFormQrcodeComponent {
     return (h("div", { class: "inner-container" }, this.showDownload && this.renderDownload(), h("div", { class: "canvas-container" }, h("canvas", { class: "canvas", ref: (el) => (this.canvasEl = el) }))));
   }
   render() {
-    return this.value && (h("div", { class: { 'outer-container': true, readonly: this.readonly } }, this.showIllustration && this.renderIllustration(), !!this.description && h("p", { class: "description" }, this.description), this.showShareLink && this.renderShareLink(), this.renderQRCode()));
+    return (h("div", { class: { 'outer-container': true, readonly: this.readonly }, hidden: !this.value }, this.showIllustration && this.renderIllustration(), this.showShareLink && this.renderShareLink(), this.renderQRCode()));
   }
   static get is() { return "yoo-form-qrcode"; }
   static get encapsulation() { return "shadow"; }
@@ -121,23 +124,6 @@ export class YooFormQrcodeComponent {
           "text": ""
         }
       },
-      "placeholder": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "placeholder",
-        "reflect": false
-      },
       "readonly": {
         "type": "boolean",
         "mutable": false,
@@ -155,23 +141,6 @@ export class YooFormQrcodeComponent {
         "attribute": "readonly",
         "reflect": false
       },
-      "type": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "type",
-        "reflect": false
-      },
       "whiteLabel": {
         "type": "boolean",
         "mutable": false,
@@ -223,23 +192,6 @@ export class YooFormQrcodeComponent {
         "attribute": "show-illustration",
         "reflect": false
       },
-      "description": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Description displayed on top of Share Link button and QR Code"
-        },
-        "attribute": "description",
-        "reflect": false
-      },
       "showShareLink": {
         "type": "boolean",
         "mutable": false,
@@ -298,7 +250,7 @@ export class YooFormQrcodeComponent {
       },
       "value": {
         "type": "string",
-        "mutable": false,
+        "mutable": true,
         "complexType": {
           "original": "string",
           "resolved": "string",

package/dist/collection/components/form/slides-media/slides-media.js

@@ -1,7 +1,7 @@
 import { ScreenOrientation } from '@awesome-cordova-plugins/screen-orientation';
-import { capitalizeFirstLetter, closeModal, findParent, getAsyncExtraData, gsapTimeline, gsapTo, isAndroid, isImage, isImageUrl, isIphoneX, isNativeMobile, isPhotoEdited, isVideo, isWeb, pipes, showModal, showToast, translate, translateMulti } from '@shared/utils';
+import { capitalizeFirstLetter, closeModal, findParent, getAsyncExtraData, gsapTimeline, gsapTo, isAndroid, isImage, isImageUrl, isIphoneX, isNativeMobile, isPhotoEdited, isVideo, isWeb, pipes, showModal, showToast, toButton, translate, translateMulti } from '@shared/utils';
 import { forceUpdate, h, Host } from '@stencil/core';
-import { isArray } from 'lodash-es';
+import { isArray, isFunction } from 'lodash-es';
 import { lockSwipes } from '../../../utils/helpers/common-helpers';
 import { parseEntityForCardMedia } from '../../../utils/helpers/entities-helpers';
 import { fuzzySearch } from '../../../utils/helpers/form-text-area-helpers';
@@ -454,13 +454,12 @@ export class YooSlidesMediaComponent {
     return h("yoo-videoplayer-core", { class: "video", onClick: () => this.onItemClicked(), ref: (el) => (this.videoPlayerElement = el), ...attrs });
   }
   renderPhotoEditor(item, index) {
-    var _a, _b, _c, _d, _e;
-    const extraActions = (_a = this.secondaryActions) === null || _a === void 0 ? void 0 : _a.filter((item) => { var _a; return ((_a = item === null || item === void 0 ? void 0 : item.isVisible) === null || _a === void 0 ? void 0 : _a.call(item, index)) || true; });
+    var _a, _b, _c, _d, _e, _f;
     return (h("yoo-photo-editor", { id: `${index}`, class: {
         current: index === this.currentIndex,
         light: this.isLight,
         [item === null || item === void 0 ? void 0 : item.extraClass]: !!(item === null || item === void 0 ? void 0 : item.extraClass)
-      }, editable: this.canAnnotate, zoomable: true, ref: (el) => this.photoEditorElements[index] = el, onZoomClicked: () => this.onItemClicked(), isReadonly: true, src: this.getPhotoSrc(item), animated: item.animated, display: item.display, cloudinaryOptions: item.cloudinaryOptions, submitView: item.submitView, extraActions: !this.displayType && extraActions, drawings: (_d = (_c = (item.drawings || ((_b = item.photoEditorParams) === null || _b === void 0 ? void 0 : _b.drawings) || '')) !== null && _c !== void 0 ? _c : item.edit) !== null && _d !== void 0 ? _d : item.svgData, annotations: item.annotations || ((_e = item.photoEditorParams) === null || _e === void 0 ? void 0 : _e.annotations) || item.texts, submitButton: this.submitPhotoEditorButton, onImageZoomed: (ev) => this.hideContainer = ev === null || ev === void 0 ? void 0 : ev.detail, onImageClicked: () => !isWeb(this.host) && this.showPhotoDetailView(), onSaveChanges: (ev) => {
+      }, editable: this.canAnnotate, zoomable: true, ref: (el) => this.photoEditorElements[index] = el, onZoomClicked: () => this.onItemClicked(), isReadonly: true, src: this.getPhotoSrc(item), animated: item.animated, display: item.display, cloudinaryOptions: item.cloudinaryOptions, submitView: item.submitView, extraActions: !this.displayType && ((_b = (_a = (this.secondaryActions)) === null || _a === void 0 ? void 0 : _a.map((a) => isFunction(a === null || a === void 0 ? void 0 : a.icon) ? toButton(a, item) : a)) === null || _b === void 0 ? void 0 : _b.filter(a => a.isVisible())), drawings: (_e = (_d = (item.drawings || ((_c = item.photoEditorParams) === null || _c === void 0 ? void 0 : _c.drawings) || '')) !== null && _d !== void 0 ? _d : item.edit) !== null && _e !== void 0 ? _e : item.svgData, annotations: item.annotations || ((_f = item.photoEditorParams) === null || _f === void 0 ? void 0 : _f.annotations) || item.texts, submitButton: this.submitPhotoEditorButton, onImageZoomed: (ev) => this.hideContainer = ev === null || ev === void 0 ? void 0 : ev.detail, onImageClicked: () => !isWeb(this.host) && this.showPhotoDetailView(), onSaveChanges: (ev) => {
         if (ev === null || ev === void 0 ? void 0 : ev.detail) {
           const { drawings, annotations } = ev.detail;
           this.items[index] = { ...this.items[index], drawings, annotations };

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

@@ -206,6 +206,7 @@ export class YooFormCreatorTranslateDialogComponent {
                   hideLabel: complexValueIndex !== 0 || valueIndex !== 0,
                   language: isRTE && 'html',
                   formatAmpersandSymbol: true,
+                  sanitizeValue: true,
                   autoInitialRows: true,
                   name: `${complexTranslatableAttr}${complexValueIndex}${valueIndex}Base`,
                   flex: 50,
@@ -217,6 +218,7 @@ export class YooFormCreatorTranslateDialogComponent {
                   hideLabel: complexValueIndex !== 0 || valueIndex !== 0,
                   language: isRTE && 'html',
                   formatAmpersandSymbol: true,
+                  sanitizeValue: true,
                   autoInitialRows: true,
                   name: `${complexTranslatableAttr}${complexValueIndex}${valueIndex}`,
                   flex: 50,

package/dist/collection/feature-platform/insight/chart/highcharts/index.js

@@ -49,4 +49,7 @@ if (typeof Highcharts === 'object') {
   exportData.default(Highcharts);
   hightChartsPlugins(Highcharts);
 }
+if (typeof Highstock === 'object') {
+  exportData.default(Highstock);
+}
 export { Highcharts, Highstock };

package/dist/collection/utils/draggables/tags.js

@@ -243,10 +243,9 @@ export class Tags extends Dropzones {
     var _a;
     return Array.from(((_a = (containerElement || this.hostElement.shadowRoot)) === null || _a === void 0 ? void 0 : _a.querySelectorAll(selector)) || []);
   }
-  getDroppedValues(flatter) {
-    var _a, _b, _c;
-    const result = ((_c = (_b = (_a = this.getElements('.dropzone')) === null || _a === void 0 ? void 0 : _a.filter(zoneElement => zoneElement === null || zoneElement === void 0 ? void 0 : zoneElement.id.match(/[0-9]/g))) === null || _b === void 0 ? void 0 : _b.map(zoneElement => this.getElements('yoo-tag', zoneElement))) === null || _c === void 0 ? void 0 : _c.map(tagElements => tagElements.map(tagElement => tagElement.textContent))) || [];
-    return flatter ? result.reduce((a, b) => a.concat(b), []) : result;
+  getDroppedValues() {
+    var _a, _b, _c, _d;
+    return ((_d = (_c = (_b = (_a = this.zones) === null || _a === void 0 ? void 0 : _a.filter(({ id }) => id.match(/[0-9]/g))) === null || _b === void 0 ? void 0 : _b.sort((a, b) => a.index - b.index)) === null || _c === void 0 ? void 0 : _c.map(({ tagsId }) => tagsId)) === null || _d === void 0 ? void 0 : _d.map((tagsId) => tagsId.map((tagId) => { var _a; return (_a = this.tags.find(({ id }) => id === tagId)) === null || _a === void 0 ? void 0 : _a.value; }))) || [];
   }
   checkOverflowingTags() {
     this.zones.forEach(zone => {

package/dist/{esm/button.factory-e2e53dca.js → design-system/button.factory-d2a1934b.js}

@@ -1,4 +1,4 @@
-import { a3 as translateMulti } from './index-0eb79e4c.js';
+import { a3 as translateMulti } from './index-062da732.js';
 import { h } from './index-a6a92b3d.js';
 
 const getButton = (button) => {

package/dist/{esm/camera-helpers-6163ae70.js → design-system/camera-helpers-8226ff6d.js}

@@ -1,5 +1,5 @@
-import { cw as cordova, cx as AwesomeCordovaNativePlugin, cy as cordovaPropertyGet, cz as cordovaPropertySet, cA as registerPlugin, a8 as getSession, cB as isIonic, o as isNativeMobile, cC as Device, p as isAndroid, N as isIOS, cD as getMediaDevices, G as showModal, F as getModalAnimation, H as isWeb } from './index-0eb79e4c.js';
-import './index-a9b67724.js';
+import { cx as cordova, cy as AwesomeCordovaNativePlugin, cz as cordovaPropertyGet, cA as cordovaPropertySet, cB as registerPlugin, a8 as getSession, cC as isIonic, o as isNativeMobile, cD as Device, p as isAndroid, N as isIOS, cE as getMediaDevices, G as showModal, F as getModalAnimation, H as isWeb } from './index-062da732.js';
+import './index-4bd61314.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-040d24c0.js').then(m => new m.CameraWeb()),
+    web: () => import('./web-70d684ea.js').then(m => new m.CameraWeb()),
 });
 
 var MediaPictureOptions;

package/dist/design-system/{chat-helpers-b25a352a.js → chat-helpers-5b13b713.js}

@@ -1,6 +1,6 @@
-import './index-a9b67724.js';
+import './index-4bd61314.js';
 import { i as isArray } from './lodash-24d266e4.js';
-import { aq as is24Hour, ar as isFile, as as replaceAtTagToMentionTag, at as replaceAllLinks, a3 as translateMulti } from './index-0eb79e4c.js';
+import { aq as is24Hour, ar as isFile, as as replaceAtTagToMentionTag, at as replaceAllLinks, a3 as translateMulti } from './index-062da732.js';
 
 /**
  * Get the proper data format for a single message aswell as grouped messages

package/dist/{esm/common-helpers-0ab09760.js → design-system/common-helpers-4afd93a3.js}

@@ -1,5 +1,5 @@
-import { F as getModalAnimation, t as translate, G as showModal, H as isWeb, I as debounce, J as querySelectorDeep$1, o as isNativeMobile, S as ScreenOrientation, K as findDevice, L as isRTL, M as isIphoneX, q as isIpadPro, s as isTablet, n as isFullScreenFalse, N as isIOS, p as isAndroid, O as setAnimation, P as animations, Q as getCssColor, Y as YOOBICON_ENTITIES_MAP, R as startOf, T as isDateBefore, U as dateDiffInCalendarDays, V as isDateAfter, W as getAsyncExtraData, X as findParent, Z as isNativeFilePath, $ as cleanupWKWebViewFilePath, a0 as Cloudinary, a1 as getProtocol, a2 as CloudinaryGradientLayer } from './index-0eb79e4c.js';
-import './index-a9b67724.js';
+import { F as getModalAnimation, t as translate, G as showModal, H as isWeb, I as debounce, J as querySelectorDeep$1, o as isNativeMobile, S as ScreenOrientation, K as findDevice, L as isRTL, M as isIphoneX, q as isIpadPro, s as isTablet, n as isFullScreenFalse, N as isIOS, p as isAndroid, O as setAnimation, P as animations, Q as getCssColor, Y as YOOBICON_ENTITIES_MAP, R as startOf, T as isDateBefore, U as dateDiffInCalendarDays, V as isDateAfter, W as getAsyncExtraData, X as findParent, Z as isNativeFilePath, $ as cleanupWKWebViewFilePath, a0 as Cloudinary, a1 as getProtocol, a2 as CloudinaryGradientLayer } from './index-062da732.js';
+import './index-4bd61314.js';
 import { C as get } from './lodash-24d266e4.js';
 
 function getDefaultModalAnimation(host) {