@yoobic/yobi 8.5.0-53 → 8.5.0-55

package/dist/esm/{draggable-dots-helpers-56932bf3.js → draggable-dots-helpers-ce364687.js}

@@ -1,7 +1,7 @@
-import './index-516644e4.js';
+import './index-14737c38.js';
 import { O as isFinite, V as inRange } from './lodash-777f91de.js';
 import { e as getBound, b as getElement, c as calcCoordPercentage, a as isAnnotationValid, d as getAnnotationPositionStyle, i as isAnnotationEmpty, f as isAnnotationDeleted } from './annotations-helpers-f7b42b40.js';
-import { aV as Draggable, a8 as getSession, aA as getCurrentLanguage, aU as getUUID, Q as getCssColor, bv as getContrastColor, aW as gsapTo, bw as scaleUpAnimation, bx as convertSvgToBase64, bp as getMedia, G as showModal } from './overlays-954e8c06.js';
+import { aV as Draggable, a8 as getSession, aA as getCurrentLanguage, aU as getUUID, Q as getCssColor, bv as getContrastColor, aW as gsapTo, bw as scaleUpAnimation, bx as convertSvgToBase64, bp as getMedia, G as showModal } from './overlays-d9ab8bf3.js';
 
 const EEditorActions = {
   typeTool: 'type-tool',

package/dist/esm/{draggable-tags-helpers-cc423071.js → draggable-tags-helpers-ace2afd3.js}

@@ -1,6 +1,6 @@
-import './index-516644e4.js';
+import './index-14737c38.js';
 import { R as countBy } from './lodash-777f91de.js';
-import { t as translate, H as isWeb, X as findParent } from './overlays-954e8c06.js';
+import { t as translate, H as isWeb, X as findParent } from './overlays-d9ab8bf3.js';
 
 function checkArray(array) {
   return !!((array === null || array === void 0 ? void 0 : array.length) && Array.isArray(array));
@@ -61,4 +61,4 @@ function prepareAutoScroll(hostElement) {
   }
 }
 
-export { getDeletedValues as a, getDuplicatedValue as b, checkArray as c, filterDuplicateEntries as f, getNewValue as g, hasDuplicates as h, prepareAutoScroll as p, showWarningBanner as s };
+export { checkArray as c, filterDuplicateEntries as f, getDuplicatedValue as g, hasDuplicates as h, prepareAutoScroll as p, showWarningBanner as s };

package/dist/{design-system/entities-helpers-3593cb47.js → esm/entities-helpers-d3549d62.js}

@@ -1,7 +1,7 @@
-import { M as MessageType } from './index-5d4c112c.js';
-import './index-516644e4.js';
+import { M as MessageType } from './index-6b15b9b6.js';
+import './index-14737c38.js';
 import { a as isNumber, n as compact } from './lodash-777f91de.js';
-import { ac as getUserDisplayName, av as pipes, as as replaceAtTagToMentionTag, az as isCloudinaryLink, aA as getCurrentLanguage, W as getAsyncExtraData, at as replaceAllLinks, aB as parseMarkDown, a8 as getSession, aC as isPhotoEdited, aD as changeExtension, a3 as translateMulti, aE as toButton, aF as toDate, aG as capitalizeFirstLetter, al as isGif, t as translate, Q as getCssColor, ak as isVideo } from './overlays-954e8c06.js';
+import { ac as getUserDisplayName, av as pipes, as as replaceAtTagToMentionTag, az as isCloudinaryLink, aA as getCurrentLanguage, W as getAsyncExtraData, at as replaceAllLinks, aB as parseMarkDown, a8 as getSession, aC as isPhotoEdited, aD as changeExtension, a3 as translateMulti, aE as toButton, aF as toDate, aG as capitalizeFirstLetter, al as isGif, t as translate, Q as getCssColor, ak as isVideo } from './overlays-d9ab8bf3.js';
 
 const mentionRegex = /<yoo-mention-tag[^>]*>([\s\S]*?)<\/yoo-mention-tag>/g;
 /**

package/dist/{design-system/filters-helpers-6d31f9a8.js → esm/filters-helpers-10c623b6.js}

@@ -1,7 +1,7 @@
-import { c as FormFieldType } from './index-5d4c112c.js';
-import './index-516644e4.js';
+import { c as FormFieldType } from './index-6b15b9b6.js';
+import './index-14737c38.js';
 import { Q as set, n as compact } from './lodash-777f91de.js';
-import { aK as isTextField, t as translate, H as isWeb } from './overlays-954e8c06.js';
+import { aK as isTextField, t as translate, H as isWeb } from './overlays-d9ab8bf3.js';
 
 function isWithValuesField(field) {
   var _a;

package/dist/esm/{form-choice-helpers-2b6058c9.js → form-choice-helpers-c0f407e5.js}

@@ -1,10 +1,10 @@
-import './index-516644e4.js';
+import './index-14737c38.js';
 import { S as findIndex, A as isEqual, n as compact, T as shuffle } from './lodash-777f91de.js';
-import { h as hasDuplicates, s as showWarningBanner } from './draggable-tags-helpers-cc423071.js';
-import { a as setValueAndValidateInput, s as setValidator } from './form-input-helpers-ec669c74.js';
+import { h as hasDuplicates, s as showWarningBanner } from './draggable-tags-helpers-ace2afd3.js';
+import { a as setValueAndValidateInput, s as setValidator } from './form-input-helpers-2ae94742.js';
 import { h, r as registerInstance, i as createEvent, e as Host, g as getElement } from './index-a6a92b3d.js';
-import { s as setColorSVG } from './common-helpers-69fda02d.js';
-import { a3 as translateMulti, i as isChromatic, t as translate, k as isNullOrUndefined } from './overlays-954e8c06.js';
+import { s as setColorSVG } from './common-helpers-2e597fa2.js';
+import { a3 as translateMulti, i as isChromatic, t as translate, k as isNullOrUndefined } from './overlays-d9ab8bf3.js';
 import { h as highcharts } from './highcharts-c1be7540.js';
 
 const ReadonlyCard = ({ value, values, answer, valuesColor, classNames }) => {

package/dist/esm/{form-helpers-6363dec7.js → form-helpers-f83698bb.js}

@@ -1,7 +1,7 @@
-import { c as FormFieldType } from './index-5d4c112c.js';
-import { V as VALIDATORS, g as getReducedValidator } from './index-516644e4.js';
+import { c as FormFieldType } from './index-6b15b9b6.js';
+import { V as VALIDATORS, g as getReducedValidator } from './index-14737c38.js';
 import { p as isString, i as isArray, v as isObject, d as concat, Q as set, C as get, W as sumBy, A as isEqual, c as cloneDeep, a as isNumber } from './lodash-777f91de.js';
-import { a8 as getSession, k as isNullOrUndefined, by as evalInContext, bz as evalConditionsInContext, bA as getNameAndData, bB as getFieldsFromSlides, bC as getFieldValue, bD as getFieldReplacement, W as getAsyncExtraData, bE as getSessionReplacementValue, bF as escapeRegExp, bG as slenderizeObject, bH as getFormulaReplacement, bI as isDateTimeField, t as translate } from './overlays-954e8c06.js';
+import { a8 as getSession, k as isNullOrUndefined, by as evalInContext, bz as evalConditionsInContext, bA as getNameAndData, bB as getFieldsFromSlides, bC as getFieldValue, bD as getFieldReplacement, W as getAsyncExtraData, bE as getSessionReplacementValue, bF as escapeRegExp, bG as slenderizeObject, bH as getFormulaReplacement, bI as isDateTimeField, t as translate } from './overlays-d9ab8bf3.js';
 
 function isCreationAllowed(field, isVisible, isDisabled, isReadOnly = false) {
   return !!field.allowCreate && isVisible && !isDisabled && isReadOnly !== true;

package/dist/{design-system/form-input-helpers-ec669c74.js → esm/form-input-helpers-2ae94742.js}

@@ -1,7 +1,7 @@
-import { k as isNullOrUndefined, X as findParent, aL as dateIsValid, aM as isPresent, aF as toDate, o as isNativeMobile, ao as dateFormat, N as isIOS, aN as dateSub, aO as dateAdd, p as isAndroid, aP as Keyboard } from './overlays-954e8c06.js';
-import { c as FormFieldType } from './index-5d4c112c.js';
-import { g as getReducedValidator, a as getReducedAsyncValidator } from './index-516644e4.js';
-import { b as getActiveElementShadow, q as querySelectorDeep, c as querySelectorAllDeep } from './common-helpers-69fda02d.js';
+import { k as isNullOrUndefined, X as findParent, aL as dateIsValid, aM as isPresent, aF as toDate, o as isNativeMobile, ao as dateFormat, N as isIOS, aN as dateSub, aO as dateAdd, p as isAndroid, aP as Keyboard } from './overlays-d9ab8bf3.js';
+import { c as FormFieldType } from './index-6b15b9b6.js';
+import { g as getReducedValidator, a as getReducedAsyncValidator } from './index-14737c38.js';
+import { b as getActiveElementShadow, q as querySelectorDeep, c as querySelectorAllDeep } from './common-helpers-2e597fa2.js';
 
 let inputBlur = true;
 function focusContentEditable(inputElement) {

package/dist/esm/{form-text-area-helpers-c0f4df61.js → form-text-area-helpers-b2b88434.js}

@@ -1,6 +1,6 @@
-import { d as getRange } from './index-516644e4.js';
+import { d as getRange } from './index-14737c38.js';
 import { V as inRange } from './lodash-777f91de.js';
-import { ac as getUserDisplayName, Q as getCssColor } from './overlays-954e8c06.js';
+import { ac as getUserDisplayName, Q as getCssColor } from './overlays-d9ab8bf3.js';
 
 /**
  * Safely insert element

package/dist/{design-system/grid-renderers-0613643e.js → esm/grid-renderers-9b37b348.js}

@@ -1,12 +1,12 @@
-import { c as FormFieldType, j as IncentiveStatus, p as IncentivePartType, k as IncentiveType } from './index-5d4c112c.js';
-import './index-516644e4.js';
+import { c as FormFieldType, j as IncentiveStatus, p as IncentivePartType, k as IncentiveType } from './index-6b15b9b6.js';
+import './index-14737c38.js';
 import { a6 as findKey, i as isArray, b as isFunction, a as isNumber, n as compact, p as isString, C as get, y as isEmpty, F as indexOf, v as isObject, k as keys, h as map, r as round } from './lodash-777f91de.js';
-import { a as getPositionText } from './incentive-helpers-39ae4919.js';
-import { f as getWorkflowStepBadge } from './missions-helpers-24192a49.js';
-import { d as dateRangeState } from './common-helpers-69fda02d.js';
-import { g as getJSONHighlighted } from './form-helpers-6363dec7.js';
+import { a as getPositionText } from './incentive-helpers-bf94f065.js';
+import { f as getWorkflowStepBadge } from './missions-helpers-0f163713.js';
+import { d as dateRangeState } from './common-helpers-2e597fa2.js';
+import { g as getJSONHighlighted } from './form-helpers-f83698bb.js';
 import { f as formatDistance } from './geolocation-helpers-32aa6208.js';
-import { Q as getCssColor, a3 as translateMulti, t as translate, e2 as groupsResolver, e3 as aclRolesResolver, av as pipes, ao as dateFormat, aF as toDate, bZ as dateParse, ap as dispatchCustomEvent, bN as dateDiff, e4 as toHours, e5 as utc, ac as getUserDisplayName, d2 as salesAIGetColorFromPattern, d3 as salesAIFormatDemand, aE as toButton } from './overlays-954e8c06.js';
+import { Q as getCssColor, a3 as translateMulti, t as translate, e2 as groupsResolver, e3 as aclRolesResolver, av as pipes, ao as dateFormat, aF as toDate, bZ as dateParse, ap as dispatchCustomEvent, bN as dateDiff, e4 as toHours, e5 as utc, ac as getUserDisplayName, d2 as salesAIGetColorFromPattern, d3 as salesAIFormatDemand, aE as toButton } from './overlays-d9ab8bf3.js';
 
 const countryFlag = (country) => {
   return getFlagEmoji(getCountryCode(country));

package/dist/{design-system/incentive-helpers-39ae4919.js → esm/incentive-helpers-bf94f065.js}

@@ -1,7 +1,7 @@
-import { o as IncentiveStatusBadges, p as IncentivePartType } from './index-5d4c112c.js';
-import './index-516644e4.js';
+import { o as IncentiveStatusBadges, p as IncentivePartType } from './index-6b15b9b6.js';
+import './index-14737c38.js';
 import { r as round } from './lodash-777f91de.js';
-import { a9 as getIncentiveState, t as translate, aa as appendIncentiveUnit, ab as getParticipantsScore } from './overlays-954e8c06.js';
+import { a9 as getIncentiveState, t as translate, aa as appendIncentiveUnit, ab as getParticipantsScore } from './overlays-d9ab8bf3.js';
 
 /**
  * @function getIncentiveStatusBadgeSettings

package/dist/{design-system/index-b396eaa2.js → esm/index-0be1a059.js}

@@ -1,4 +1,4 @@
-import { x as IEntity, v as FormCreatorBulkActions } from './index-5d4c112c.js';
+import { x as IEntity, v as FormCreatorBulkActions } from './index-6b15b9b6.js';
 import './workflow.interface-79064a52.js';
 import './form-field.instance-9dc4d638.js';
 import './item-sliding.interface-85f6790e.js';

package/dist/esm/{index-516644e4.js → index-14737c38.js}

@@ -1,4 +1,4 @@
-import { _ as __extends, c as __assign, d as __spreadArray, f as fixRRuleLocalUTCtoUTC, e as toTimezone, h as guessCurrentTimezone, j as toUTC, k as isNullOrUndefined, l as compareAsc, m as isSameDate } from './overlays-954e8c06.js';
+import { _ as __extends, c as __assign, d as __spreadArray, f as fixRRuleLocalUTCtoUTC, e as toTimezone, h as guessCurrentTimezone, j as toUTC, k as isNullOrUndefined, l as compareAsc, m as isSameDate } from './overlays-d9ab8bf3.js';
 import { g as global$2, c as cloneDeep, i as isArray$1, a as isNumber$1 } from './lodash-777f91de.js';
 
 function shiftSlidesToNext(activeSlideIndex, slides, cachedSlides = 1) {

package/dist/{design-system/index-7d314e60.js → esm/index-196b5d5a.js}

@@ -1,4 +1,4 @@
-import { u as FormFieldCategory, c as FormFieldType } from './index-5d4c112c.js';
+import { u as FormFieldCategory, c as FormFieldType } from './index-6b15b9b6.js';
 
 const ARROW_PAIR = ['arrow-down', 'arrow-up'];
 const NON_CONDITION_CATEGORIES = [FormFieldCategory.information, FormFieldCategory.multimedia];

package/dist/{design-system/index-7d9e1cb1.js → esm/index-2796bd7d.js}

@@ -1,5 +1,5 @@
-import './index-516644e4.js';
-import { o as isNativeMobile, cv as vibrateHapticMedium } from './overlays-954e8c06.js';
+import './index-14737c38.js';
+import { o as isNativeMobile, cv as vibrateHapticMedium } from './overlays-d9ab8bf3.js';
 
 class GestureController {
   constructor() {

package/dist/esm/{index-c5519f08.js → index-533c4778.js}

@@ -1,7 +1,6 @@
-import './index-516644e4.js';
-import { A as isEqual } from './lodash-777f91de.js';
-import { h as hasDuplicates, g as getNewValue, a as getDeletedValues, p as prepareAutoScroll } from './draggable-tags-helpers-cc423071.js';
-import { aU as getUUID, aV as Draggable, a3 as translateMulti, aW as gsapTo, aX as gsapSet, aY as gsapFromTo } from './overlays-954e8c06.js';
+import './index-14737c38.js';
+import { p as prepareAutoScroll } from './draggable-tags-helpers-ace2afd3.js';
+import { aU as getUUID, aV as Draggable, a3 as translateMulti, aW as gsapTo, aX as gsapSet, aY as gsapFromTo } from './overlays-d9ab8bf3.js';
 
 class Dropzone {
   constructor(config, element, index) {
@@ -77,9 +76,9 @@ class Dropzones {
       await (onShowTag === null || onShowTag === void 0 ? void 0 : onShowTag(tagElement));
     }
   }
-  hideOverflowingTagsInZone(zoneElement, onShowTag) {
+  hideOverflowingTagsInZone(zoneElement) {
     Array.from((zoneElement === null || zoneElement === void 0 ? void 0 : zoneElement.querySelectorAll('yoo-tag')) || []).forEach(tagElement => {
-      this.hideOverflowingTagInZone(zoneElement, tagElement, (tagElement) => onShowTag(tagElement));
+      this.hideOverflowingTagInZone(zoneElement, tagElement);
     });
   }
   static getZones(config) {
@@ -285,54 +284,46 @@ class Tags extends Dropzones {
     return this.zonesConfig.hostElement;
   }
   async deleteTagFromValue(value) {
-    var _a, _b, _c;
+    var _a;
     const tag = (_a = this.tags) === null || _a === void 0 ? void 0 : _a.find(tag => tag.value === value);
     if (tag) {
       const { element, zone } = tag;
       tag.removeFromZone(zone);
+      element.color = 'stable-light';
+      element.style.transition = 'opacity .5s ease-in-out forwards';
+      element.style.opacity = '0.25';
       if (zone.element.contains(element) && zone.tagsCount) {
-        element.color = 'danger';
-        await Tag.scaleUpDown(element);
-        zone.element.removeChild(element);
-        this.tags = this.tags.filter(({ id }) => id !== tag.id);
+        return new Promise((resolve) => {
+          setTimeout(() => {
+            var _a, _b;
+            zone.element.removeChild(element);
+            this.tags = this.tags.filter(({ id }) => id !== tag.id);
+            (_b = (_a = this.tagConfig).onTagDeleted) === null || _b === void 0 ? void 0 : _b.call(_a);
+            resolve();
+          }, 350);
+        });
       }
-      (_c = (_b = this.tagConfig).onTagDeleted) === null || _c === void 0 ? void 0 : _c.call(_b);
     }
   }
   async addTagFromValue(value) {
-    var _a, _b;
     const newTag = new Tag(Object.assign(this.tagConfig, { extraTagsClasses: 'new' }), value, this.tagsZone, this.zonesConfig);
     this.tags.push(newTag);
     newTag.element.color = 'success';
-    await Tag.scaleUpDown(newTag.element);
-    (_b = (_a = this.tagConfig).onTagAdded) === null || _b === void 0 ? void 0 : _b.call(_a);
-    newTag.element.color = this.tagConfig.getColorTag(value, newTag.zone.index);
+    return new Promise((resolve) => {
+      var _a, _b;
+      (_b = (_a = this.tagConfig).onTagAdded) === null || _b === void 0 ? void 0 : _b.call(_a);
+      setTimeout(() => {
+        newTag.element.color = this.tagConfig.getColorTag(value, newTag.zone.index);
+        resolve();
+      }, 250);
+    });
   }
   async updateTags(opts) {
-    let newValue;
-    let deletedValues = [];
     const { newValues, oldValues } = opts;
-    const hasNewValue = (((newValues === null || newValues === void 0 ? void 0 : newValues.length) || 0) > ((oldValues === null || oldValues === void 0 ? void 0 : oldValues.length) || 0)) || hasDuplicates(oldValues);
-    const hasDeletedValue = ((newValues === null || newValues === void 0 ? void 0 : newValues.length) || 0) < ((oldValues === null || oldValues === void 0 ? void 0 : oldValues.length) || 0);
-    const hasDuplicatedValues = hasDuplicates(newValues);
-    hasNewValue && (newValue = getNewValue(oldValues, newValues));
-    hasDeletedValue && (deletedValues = getDeletedValues(oldValues, newValues));
     this.zonesConfig.tagZoneConfig.hasOverflow && (this.tagsZone.element.style.overflow = 'hidden');
-    if (newValue) {
-      await this.addTagFromValue(newValue);
-    }
-    else if (deletedValues === null || deletedValues === void 0 ? void 0 : deletedValues.length) {
-      await Promise.all(deletedValues.map(v => this.deleteTagFromValue(v)));
-    }
-    else if ((newValues === null || newValues === void 0 ? void 0 : newValues.length) === (oldValues === null || oldValues === void 0 ? void 0 : oldValues.length) && !isEqual(newValues, oldValues) && !hasDuplicatedValues) {
-      oldValues.forEach((value) => this.deleteTagFromValue(value));
-      await Promise.all(newValues.map((value) => this.addTagFromValue(value)));
-    }
-    else if (hasDuplicatedValues) {
-      const formateValues = (values) => (values === null || values === void 0 ? void 0 : values.filter((e, i, a) => a.indexOf(e) === i)) || [];
-      formateValues(oldValues).forEach(v => this.deleteTagFromValue(v));
-      await Promise.all(formateValues(newValues).map(v => this.addTagFromValue(v)));
-    }
+    const formateValues = (values) => (values === null || values === void 0 ? void 0 : values.filter((e, i, a) => a.indexOf(e) === i)) || [];
+    await Promise.all(formateValues(oldValues).map(v => this.deleteTagFromValue(v)));
+    await Promise.all(formateValues(newValues).map(v => this.addTagFromValue(v)));
     this.checkOverflowingTags();
     return this;
   }
@@ -350,7 +341,7 @@ class Tags extends Dropzones {
       var _a;
       if ((_a = zone === null || zone === void 0 ? void 0 : zone.config) === null || _a === void 0 ? void 0 : _a.hasOverflow) {
         zone.isTagsZone && (zone.element.style.removeProperty('overflow'));
-        this.hideOverflowingTagsInZone(zone.element, (tagElement) => Tag.scaleUpDown(tagElement));
+        this.hideOverflowingTagsInZone(zone.element);
       }
     });
   }

package/dist/{design-system/index-5d4c112c.js → esm/index-6b15b9b6.js}

@@ -4107,6 +4107,7 @@ const ICONS = [
   'geo-filter',
   'gif',
   'go-to',
+  'google-play',
   'gps',
   'grid-phone',
   'grid-view',
@@ -4146,6 +4147,7 @@ const ICONS = [
   'journey',
   'journey-app',
   'keyboard',
+  'language',
   'large-with-info',
   'large-without-info',
   'last',

package/dist/esm/{index-6972349c.js → index-6d905f4b.js}

@@ -1,8 +1,8 @@
-import { s as FormCreatorOptions, A as ALL_MOBILE_FORM_FIELDS, c as FormFieldType, S as ScoringCategory } from './index-5d4c112c.js';
-import './index-516644e4.js';
+import { s as FormCreatorOptions, A as ALL_MOBILE_FORM_FIELDS, c as FormFieldType, S as ScoringCategory } from './index-6b15b9b6.js';
+import './index-14737c38.js';
 import { c as cloneDeep, i as isArray, n as compact, p as isString, C as get, Q as set } from './lodash-777f91de.js';
 import { i as isAnnotationEmpty } from './annotations-helpers-f7b42b40.js';
-import { be as getCustomName, aU as getUUID, k as isNullOrUndefined, b3 as findField, t as translate, bi as areFormFieldValuesTranslatable, a3 as translateMulti, aj as showAlert, bj as generateUniqueKey, bk as truncateMarkdown, bl as isValueATranslationKey, bm as isValueALegacyTranslationKey } from './overlays-954e8c06.js';
+import { be as getCustomName, aU as getUUID, k as isNullOrUndefined, b3 as findField, t as translate, bi as areFormFieldValuesTranslatable, a3 as translateMulti, aj as showAlert, bj as generateUniqueKey, bk as truncateMarkdown, bl as isValueATranslationKey, bm as isValueALegacyTranslationKey } from './overlays-d9ab8bf3.js';
 
 const starRatingMaxDefault = 5;
 function filterSequentialFields(fieldCondition) {

package/dist/esm/index-8d7818c5.js

@@ -0,0 +1 @@
+import './localForage-e56592d5.js';

package/dist/esm/index-fdfef8f0.js

@@ -0,0 +1 @@
+import './overlays-d9ab8bf3.js';