@yoobic/yobi 8.6.0-4 → 8.6.0-5

package/dist/{esm/dom-a958f33a.js → design-system/dom-967c0ff5.js}

@@ -1,5 +1,5 @@
 /*
- Stencil Client Patch Browser v2.19.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v2.19.2 | MIT Licensed | https://stenciljs.com
  */
 (function(){
 var aa=new Set("annotation-xml color-profile font-face font-face-src font-face-uri font-face-format font-face-name missing-glyph".split(" "));function g(a){var b=aa.has(a);a=/^[a-z][.0-9_a-z]*-[\-.0-9_a-z]*$/.test(a);return !b&&a}function l(a){var b=a.isConnected;if(void 0!==b)return b;for(;a&&!(a.__CE_isImportDocument||a instanceof Document);)a=a.parentNode||(window.ShadowRoot&&a instanceof ShadowRoot?a.host:void 0);return !(!a||!(a.__CE_isImportDocument||a instanceof Document))}

package/dist/{esm/draggable-dots-helpers-6e2c1852.js → design-system/draggable-dots-helpers-f861a9e4.js}

@@ -1,7 +1,7 @@
-import './index-30d0dd50.js';
+import './index-590d30dd.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, bu as getContrastColor, aW as gsapTo, bv as scaleUpAnimation, bw as convertSvgToBase64, bo as getMedia, G as showModal } from './index-7b3985f1.js';
+import { aV as Draggable, a8 as getSession, aA as getCurrentLanguage, aU as getUUID, Q as getCssColor, bu as getContrastColor, aW as gsapTo, bv as scaleUpAnimation, bw as convertSvgToBase64, bo as getMedia, G as showModal } from './index-97f4ed07.js';
 
 const EEditorActions = {
   typeTool: 'type-tool',
@@ -412,7 +412,14 @@ async function showPredefinedTextsDialog(isWeb, annotationElement) {
       values: getPredefinedTexts()
     });
     autoCompleteDialog.style.width = '100%';
-    const returnedValue = await showModal(autoCompleteDialog, modalOptions, modalClass, getModalAnimation('Enter'), getModalAnimation('Leave'), true);
+    const returnedValue = await showModal({
+      component: autoCompleteDialog,
+      componentProps: modalOptions,
+      cssClass: modalClass,
+      enterAnimation: getModalAnimation('Enter'),
+      leaveAnimation: getModalAnimation('Leave'),
+      showBackdrop: true
+    });
     const selectedPredefinedTexts = returnedValue === null || returnedValue === void 0 ? void 0 : returnedValue.data;
     const isDot = annotationElement.tagName.includes('TOOLTIP');
     const currentContent = (isDot ? await annotationElement['getEditableContent']() : annotationElement.textContent) || '';

package/dist/design-system/{draggable-tags-helpers-5ad7fa25.js → draggable-tags-helpers-12717a36.js}

@@ -1,6 +1,6 @@
-import './index-30d0dd50.js';
+import './index-590d30dd.js';
 import { R as countBy } from './lodash-777f91de.js';
-import { t as translate, H as isWeb, X as findParent } from './index-7b3985f1.js';
+import { t as translate, H as isWeb, X as findParent } from './index-97f4ed07.js';
 
 function checkArray(array) {
   return !!((array === null || array === void 0 ? void 0 : array.length) && Array.isArray(array));

package/dist/{esm/entities-helpers-8e16d499.js → design-system/entities-helpers-b5569bff.js}

@@ -1,7 +1,7 @@
-import { M as MessageType } from './index-847a32fd.js';
-import './index-30d0dd50.js';
+import { M as MessageType } from './index-dac754e1.js';
+import './index-590d30dd.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 './index-7b3985f1.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 './index-97f4ed07.js';
 
 const mentionRegex = /<yoo-mention-tag[^>]*>([\s\S]*?)<\/yoo-mention-tag>/g;
 /**

package/dist/design-system/{filters-helpers-2fd26ece.js → filters-helpers-d1afb16f.js}

@@ -1,7 +1,7 @@
-import { c as FormFieldType } from './index-847a32fd.js';
-import './index-30d0dd50.js';
+import { c as FormFieldType } from './index-dac754e1.js';
+import './index-590d30dd.js';
 import { Q as set, n as compact } from './lodash-777f91de.js';
-import { aK as isTextField, t as translate, H as isWeb } from './index-7b3985f1.js';
+import { aK as isTextField, t as translate, H as isWeb } from './index-97f4ed07.js';
 
 function isWithValuesField(field) {
   var _a;

package/dist/{esm/form-choice-helpers-f13bc0e3.js → design-system/form-choice-helpers-addc4626.js}

@@ -1,10 +1,10 @@
-import './index-30d0dd50.js';
+import './index-590d30dd.js';
 import { p as isString, 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-5ad7fa25.js';
-import { a as setValueAndValidateInput, s as setValidator } from './form-input-helpers-1e66a27d.js';
-import { h, r as registerInstance, i as createEvent, e as Host, g as getElement } from './index-06fc3d74.js';
-import { s as setColorSVG } from './common-helpers-2139c840.js';
-import { a3 as translateMulti, i as isChromatic, t as translate, k as isNullOrUndefined } from './index-7b3985f1.js';
+import { h as hasDuplicates, s as showWarningBanner } from './draggable-tags-helpers-12717a36.js';
+import { a as setValueAndValidateInput, s as setValidator } from './form-input-helpers-8c73ba77.js';
+import { h, r as registerInstance, i as createEvent, e as Host, g as getElement } from './index-22891abe.js';
+import { s as setColorSVG } from './common-helpers-2a9aacec.js';
+import { a3 as translateMulti, i as isChromatic, t as translate, k as isNullOrUndefined } from './index-97f4ed07.js';
 
 const ReadonlyCard = ({ value, values, answer, valuesColor, classNames }) => {
   var _a;

package/dist/{esm/form-helpers-27c86895.js → design-system/form-helpers-3fd3e39a.js}

@@ -1,7 +1,7 @@
-import { c as FormFieldType } from './index-847a32fd.js';
-import { V as VALIDATORS, g as getReducedValidator } from './index-30d0dd50.js';
+import { c as FormFieldType } from './index-dac754e1.js';
+import { V as VALIDATORS, g as getReducedValidator } from './index-590d30dd.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, bx as evalInContext, by as evalConditionsInContext, bz as getNameAndData, bA as getFieldsFromSlides, bB as getFieldValue, bC as getFieldReplacement, W as getAsyncExtraData, bD as getSessionReplacementValue, bE as isFormulaField, bF as escapeRegExp, bG as slenderizeObject, bH as getFormulaReplacement, bI as isDateTimeField, t as translate } from './index-7b3985f1.js';
+import { a8 as getSession, k as isNullOrUndefined, bx as evalInContext, by as evalConditionsInContext, bz as getNameAndData, bA as getFieldsFromSlides, bB as getFieldValue, bC as getFieldReplacement, W as getAsyncExtraData, bD as getSessionReplacementValue, bE as isFormulaField, bF as escapeRegExp, bG as slenderizeObject, bH as getFormulaReplacement, bI as isDateTimeField, t as translate } from './index-97f4ed07.js';
 
 function isCreationAllowed(field, isVisible, isDisabled, isReadOnly = false) {
   return !!field.allowCreate && isVisible && !isDisabled && isReadOnly !== true;

package/dist/{esm/form-input-helpers-1e66a27d.js → design-system/form-input-helpers-8c73ba77.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 './index-7b3985f1.js';
-import { c as FormFieldType } from './index-847a32fd.js';
-import { g as getReducedValidator, a as getReducedAsyncValidator } from './index-30d0dd50.js';
-import { b as getActiveElementShadow, q as querySelectorDeep, c as querySelectorAllDeep } from './common-helpers-2139c840.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 './index-97f4ed07.js';
+import { c as FormFieldType } from './index-dac754e1.js';
+import { g as getReducedValidator, a as getReducedAsyncValidator } from './index-590d30dd.js';
+import { b as getActiveElementShadow, q as querySelectorDeep, c as querySelectorAllDeep } from './common-helpers-2a9aacec.js';
 
 let inputBlur = true;
 function focusContentEditable(inputElement) {

package/dist/design-system/{form-text-area-helpers-3ff88299.js → form-text-area-helpers-54d85e80.js}

@@ -1,6 +1,6 @@
-import { d as getRange } from './index-30d0dd50.js';
+import { d as getRange } from './index-590d30dd.js';
 import { V as inRange } from './lodash-777f91de.js';
-import { ac as getUserDisplayName, Q as getCssColor } from './index-7b3985f1.js';
+import { ac as getUserDisplayName, Q as getCssColor } from './index-97f4ed07.js';
 
 /**
  * Safely insert element

package/dist/{esm/grid-renderers-77ee25b3.js → design-system/grid-renderers-d400ab3e.js}

@@ -1,12 +1,12 @@
-import { c as FormFieldType, j as IncentiveStatus, p as IncentivePartType, k as IncentiveType } from './index-847a32fd.js';
-import './index-30d0dd50.js';
+import { c as FormFieldType, j as IncentiveStatus, p as IncentivePartType, k as IncentiveType } from './index-dac754e1.js';
+import './index-590d30dd.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-02a6879e.js';
-import { f as getWorkflowStepBadge, h as getValidationTag } from './missions-helpers-e6cb7c8a.js';
-import { d as dateRangeState } from './common-helpers-2139c840.js';
-import { g as getJSONHighlighted } from './form-helpers-27c86895.js';
+import { a as getPositionText } from './incentive-helpers-d578fc3a.js';
+import { f as getWorkflowStepBadge, h as getValidationTag } from './missions-helpers-cfcf44a7.js';
+import { d as dateRangeState } from './common-helpers-2a9aacec.js';
+import { g as getJSONHighlighted } from './form-helpers-3fd3e39a.js';
 import { f as formatDistance } from './geolocation-helpers-32aa6208.js';
-import { Q as getCssColor, a3 as translateMulti, t as translate, e3 as groupsResolver, e4 as aclRolesResolver, av as pipes, e5 as dateWeekParse, ao as dateFormat, aF as toDate, bZ as dateParse, ap as dispatchCustomEvent, bN as dateDiff, e6 as toHours, e7 as utc, ac as getUserDisplayName, d2 as salesAIGetColorFromPattern, d3 as salesAIFormatDemand, aE as toButton } from './index-7b3985f1.js';
+import { Q as getCssColor, a3 as translateMulti, t as translate, e3 as groupsResolver, e4 as aclRolesResolver, av as pipes, e5 as dateWeekParse, ao as dateFormat, aF as toDate, bZ as dateParse, ap as dispatchCustomEvent, bN as dateDiff, e6 as toHours, e7 as utc, ac as getUserDisplayName, d2 as salesAIGetColorFromPattern, d3 as salesAIFormatDemand, aE as toButton } from './index-97f4ed07.js';
 
 const countryFlag = (country) => {
   return getFlagEmoji(getCountryCode(country));

package/dist/{esm/incentive-helpers-02a6879e.js → design-system/incentive-helpers-d578fc3a.js}

@@ -1,7 +1,7 @@
-import { o as IncentiveStatusBadges, p as IncentivePartType } from './index-847a32fd.js';
-import './index-30d0dd50.js';
+import { o as IncentiveStatusBadges, p as IncentivePartType } from './index-dac754e1.js';
+import './index-590d30dd.js';
 import { r as round } from './lodash-777f91de.js';
-import { a9 as getIncentiveState, t as translate, aa as appendIncentiveUnit, ab as getParticipantsScore } from './index-7b3985f1.js';
+import { a9 as getIncentiveState, t as translate, aa as appendIncentiveUnit, ab as getParticipantsScore } from './index-97f4ed07.js';
 
 /**
  * @function getIncentiveStatusBadgeSettings

package/dist/{esm/index-06fc3d74.js → design-system/index-22891abe.js}

@@ -2230,7 +2230,7 @@ const initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId, Cstr) =>
                     BUILD.shadowDom &&
                     BUILD.shadowDomShim &&
                     cmpMeta.$flags$ & 8 /* CMP_FLAGS.needsShadowDomShim */) {
-                    style = await import('./shadow-css-c3ded935.js').then((m) => m.scopeCss(style, scopeId, false));
+                    style = await import('./shadow-css-23635ad5.js').then((m) => m.scopeCss(style, scopeId, false));
                 }
                 registerStyle(scopeId, style, !!(cmpMeta.$flags$ & 1 /* CMP_FLAGS.shadowDomEncapsulation */));
                 endRegisterStyles();

package/dist/{esm/index-f787ceff.js → design-system/index-55ea4eaf.js}

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

package/dist/design-system/{index-30d0dd50.js → index-590d30dd.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 './index-7b3985f1.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 './index-97f4ed07.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-647ff99a.js

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

package/dist/design-system/{index-7b3985f1.js → index-97f4ed07.js}

@@ -1,4 +1,4 @@
-import { M as MessageType, F as FormFilterDateOperator, a as MAX_FORM_TRANSLATE_VALUE, E as EventType, b as FeedPostType, I as IEntityActionType, c as FormFieldType, d as FieldComputationSessionValues, A as ALL_MOBILE_FORM_FIELDS, S as ScoringCategory, T as TRUE_PRESENCE_VALUE_TEXT, e as FALSE_PRESENCE_VALUE_TEXT, G as GENERAL_TRANSLATABLE_ATTRIBUTES, f as TRANSLATABLE_FORM_FIELD_ATTRIBUTES, C as COMPLEX_ARRAY_TRANSLATABLE_FORM_FIELD_ATTRIBUTES, g as SINGLE_ARRAY_TRANSLATABLE_FORM_FIELD_ATTRIBUTES, h as COMPLEX_OBJECT_TRANSLATABLE_FORM_FIELD_ATTRIBUTES, i as AVAILABLE_LANGUAGES, j as IncentiveStatus, k as IncentiveType, l as TWaitlistMessageState, m as TWaitlistMessageType, n as CHART_TYPES } from './index-847a32fd.js';
+import { M as MessageType, F as FormFilterDateOperator, a as MAX_FORM_TRANSLATE_VALUE, E as EventType, b as FeedPostType, I as IEntityActionType, c as FormFieldType, d as FieldComputationSessionValues, A as ALL_MOBILE_FORM_FIELDS, S as ScoringCategory, T as TRUE_PRESENCE_VALUE_TEXT, e as FALSE_PRESENCE_VALUE_TEXT, G as GENERAL_TRANSLATABLE_ATTRIBUTES, f as TRANSLATABLE_FORM_FIELD_ATTRIBUTES, C as COMPLEX_ARRAY_TRANSLATABLE_FORM_FIELD_ATTRIBUTES, g as SINGLE_ARRAY_TRANSLATABLE_FORM_FIELD_ATTRIBUTES, h as COMPLEX_OBJECT_TRANSLATABLE_FORM_FIELD_ATTRIBUTES, i as AVAILABLE_LANGUAGES, j as IncentiveStatus, k as IncentiveType, l as TWaitlistMessageState, m as TWaitlistMessageType, n as CHART_TYPES } from './index-dac754e1.js';
 import { c as commonjsGlobal, a as createCommonjsModule, g as getDefaultExportFromCjs, b as getAugmentedNamespace, d as commonjsRequire } from './_commonjsHelpers-f4d11124.js';
 import { b as isFunction$3, g as global$1, m as maxBy, i as isArray$5, f as flatMap$1, d as concat$3, e as isPlainObject, k as keys, h as map$2, u as union, j as camelCase, l as uniq, n as compact, w as without, a as isNumber$2, r as round, o as orderBy, p as isString$3, q as capitalize, c as cloneDeep, s as assign$2, t as clone, v as isObject$2, x as isDate$2, y as isEmpty$1, z as intersection, A as isEqual, B as sortBy, C as get$2, D as isNull, E as isUndefined, F as indexOf$1, G as isBoolean$2, H as isNil, I as omit, J as pick, K as includes, L as reduce$1, M as last$2, N as size, O as isFinite$1 } from './lodash-777f91de.js';
 
@@ -25241,7 +25241,7 @@ const HapticsNotificationType = NotificationType;
 const HapticsImpactStyle = ImpactStyle;
 
 const Haptics = registerPlugin('Haptics', {
-    web: () => import('./web-4cc1a340.js').then(m => new m.HapticsWeb()),
+    web: () => import('./web-c7821315.js').then(m => new m.HapticsWeb()),
 });
 
 /// <reference types="@capacitor/cli" />
@@ -25305,7 +25305,7 @@ const Keyboard = registerPlugin('Keyboard');
 /// <reference types="@capacitor/cli" />
 
 const SplashScreen = registerPlugin('SplashScreen', {
-    web: () => import('./web-9f50eb5d.js').then(m => new m.SplashScreenWeb()),
+    web: () => import('./web-b5242724.js').then(m => new m.SplashScreenWeb()),
 });
 
 var Style;
@@ -30906,11 +30906,6 @@ function isElementClicked(ev, targetSelectors) {
   });
   return !!((_a = isClicked.filter(v => v)) === null || _a === void 0 ? void 0 : _a[0]);
 }
-function stringToHTML(str) {
-  const parser = new DOMParser();
-  const doc = parser.parseFromString(str, 'text/html');
-  return doc.body.firstElementChild;
-}
 function getTransformInfos(element) {
   const getValue = (i) => (matrixValues === null || matrixValues === void 0 ? void 0 : matrixValues[i]) || 0;
   // return matrix tab(6) =>  [scaleX(), skewY(), skewX(), scaleY(), translateX(), translateY()]
@@ -30957,18 +30952,19 @@ function debounce(func, wait = 500, immediate = false) {
   };
 }
 // tslint:disable-next-line: parameters-max-number
-async function showModal(component, options, cssClass, enterAnimation, leaveAnimation, showBackdrop = false, displayFullscreenButton = true, host = null, watermarkLogo, swipeCloseToRight, forceCustomAnimationOnWeb, modalEnterAnimationDuration, modalLeaveAnimationDuration, navigable, callback, isDevice) {
+async function showModal(options) {
+  const { component, componentProps, cssClass, enterAnimation, leaveAnimation, showBackdrop, displayFullscreenButton, host, watermarkLogo, swipeCloseToRight, forceCustomAnimationOnWeb, modalEnterAnimationDuration, modalLeaveAnimationDuration, navigable, callback, isDevice } = options || {};
   const modalController = await document.querySelector('yoo-modal-controller').componentOnReady();
   const modal = await modalController.create({
     component,
     cssClass,
-    componentProps: options || {},
+    componentProps: componentProps || {},
     enterAnimation,
     leaveAnimation,
-    showBackdrop,
-    displayFullscreenButton,
+    showBackdrop: showBackdrop || false,
+    displayFullscreenButton: displayFullscreenButton || true,
+    host: host || null,
     watermarkLogo,
-    host,
     swipeCloseToRight,
     forceCustomAnimationOnWeb,
     modalEnterAnimationDuration,
@@ -31183,7 +31179,15 @@ function showContextMenu(event, entry) {
       entry.selectedItems = ev.detail;
     });
   }
-  showModal(contextMenuDialog, menuPosition, 'context-menu', 'scaleEnterAnimation', 'fadeLeaveAnimation', null, null, null, null, null, null, ANIMATION_ENTER_DURATION, ANIMATION_LEAVE_DURATION).then((ret) => {
+  showModal({
+    component: contextMenuDialog,
+    componentProps: menuPosition,
+    cssClass: 'context-menu',
+    enterAnimation: 'scaleEnterAnimation',
+    leaveAnimation: 'fadeLeaveAnimation',
+    modalEnterAnimationDuration: ANIMATION_ENTER_DURATION,
+    modalLeaveAnimationDuration: ANIMATION_LEAVE_DURATION
+  }).then((ret) => {
     var _a;
     if (contextMenuClosed) {
       contextMenuClosed.emit(multipleSelection ? selectedItems : null);
@@ -31448,7 +31452,7 @@ function showScanner(isDevice) {
         closeModal(dialog);
       };
       dialog.addEventListener('scannedSuccess', scannedSuccessListener);
-      showModal(dialog, null, 'transparent', 'slideYEnterAnimation', 'slideYLeaveAnimation', null, null, null, null, null, null, null, null, null, null, isDevice).then(() => {
+      showModal({ component: dialog, cssClass: 'transparent', enterAnimation: 'slideYEnterAnimation', leaveAnimation: 'slideYLeaveAnimation', isDevice }).then(() => {
         dialog === null || dialog === void 0 ? void 0 : dialog.removeEventListener('scannedSuccess', scannedSuccessListener);
         dialog = null;
       });
@@ -31466,7 +31470,12 @@ function showMessageInfoDialog(message, allUsers, host, isMultiple, receivedByOt
   dialog.allUsers = allUsers;
   dialog.isMultiple = isMultiple;
   dialog.receivedByOthers = receivedByOthers;
-  showModal(dialog, null, null, isWeb(host) ? 'fadeEnterAnimation' : 'slideXEnterReverseAnimation', isWeb(host) ? 'fadeLeaveAnimation' : 'slideXLeaveReverseAnimation', true);
+  showModal({
+    component: dialog,
+    enterAnimation: isWeb(host) ? 'fadeEnterAnimation' : 'slideXEnterReverseAnimation',
+    leaveAnimation: isWeb(host) ? 'fadeLeaveAnimation' : 'slideXLeaveReverseAnimation',
+    showBackdrop: true
+  });
 }
 function removeTextStyle(html) {
   var _a;
@@ -45786,7 +45795,14 @@ function updateConfidenceLessonPoints(missionDescription) {
 function showRatingDialog(courseId) {
   const rating = document.createElement('yoo-rating');
   rating.courseId = courseId;
-  showModal(rating, null, 'hidden-overflow', getModalAnimation('Enter', 'X'), getModalAnimation('Leave', 'X'), true, false);
+  showModal({
+    component: rating,
+    cssClass: 'hidden-overflow',
+    enterAnimation: getModalAnimation('Enter', 'X'),
+    leaveAnimation: getModalAnimation('Leave', 'X'),
+    showBackdrop: true,
+    displayFullscreenButton: false
+  });
 }
 
 function getUserTagPattern(tenant, levelName = '') {

package/dist/design-system/{index-1a7c5709.js → index-ad66c896.js}

@@ -1,5 +1,5 @@
-import './index-30d0dd50.js';
-import { o as isNativeMobile, cv as vibrateHapticMedium } from './index-7b3985f1.js';
+import './index-590d30dd.js';
+import { o as isNativeMobile, cv as vibrateHapticMedium } from './index-97f4ed07.js';
 
 class GestureController {
   constructor() {

package/dist/design-system/{index-a0a5ea03.js → index-d4e19a7d.js}

@@ -1,6 +1,6 @@
-import './index-30d0dd50.js';
-import { p as prepareAutoScroll } from './draggable-tags-helpers-5ad7fa25.js';
-import { aU as getUUID, aV as Draggable, a3 as translateMulti, aW as gsapTo, aX as gsapSet, aY as gsapFromTo } from './index-7b3985f1.js';
+import './index-590d30dd.js';
+import { p as prepareAutoScroll } from './draggable-tags-helpers-12717a36.js';
+import { aU as getUUID, aV as Draggable, a3 as translateMulti, aW as gsapTo, aX as gsapSet, aY as gsapFromTo } from './index-97f4ed07.js';
 
 class Dropzone {
   constructor(config, element, index) {

package/dist/design-system/{index-8147e643.js → index-da3688e0.js}

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

package/dist/{esm/index-847a32fd.js → design-system/index-dac754e1.js}

@@ -295,8 +295,6 @@ const ROLES = [
   'journey',
   'kiosk',
   'knowledgelibrary',
-  'liveshopping',
-  'liveshoppingmanager',
   'livevideo',
   'manager',
   'messagecreator',
@@ -360,8 +358,6 @@ const ROLES = [
   'trial',
   'videocall',
   'viewstat',
-  'virtualshopping',
-  'virtualshoppingstat',
   'visit',
   'visitmanager',
   'waitlist',
@@ -684,7 +680,6 @@ var FormFieldType;
   FormFieldType["selectmulti"] = "selectmulti";
   FormFieldType["segment"] = "segment";
   FormFieldType["slider"] = "slider";
-  FormFieldType["shopping"] = "shopping";
   FormFieldType["sorts"] = "sorts";
   FormFieldType["signature"] = "signature";
   FormFieldType["starrating"] = "starrating";
@@ -1586,9 +1581,6 @@ var TLineState;
 class ILessonData extends IEntity {
 }
 
-class ILiveShopping extends IEntity {
-}
-
 class ILocation extends IEntity {
   // isBookingOpen?: boolean;
   static getSimpleFields() {
@@ -2896,33 +2888,6 @@ class IUserStats extends IEntity {
 class ILateUser {
 }
 
-class IViolet extends IEntity {
-}
-class IVioletProduct extends IEntity {
-}
-class IVioletProductVariant extends IEntity {
-}
-class IVioletProductVariantValue extends IEntity {
-}
-class IVioletProductOffer extends IEntity {
-}
-class IVioletProductOfferSku extends IEntity {
-}
-class IVioletProductOfferSkuAlbum extends IEntity {
-}
-class IVioletProductOfferSkuAlbumMedia extends IEntity {
-}
-class IVioletCart {
-}
-class IVioletShippingMethod extends IEntity {
-}
-class IVioletAddress extends IEntity {
-}
-class IVioletCustomer extends IEntity {
-}
-class IVioletBasket extends IEntity {
-}
-
 const WaitlistAPIDateFormat = 'YYYY-MM-DDTHH:mm';
 class IWaitlistVisit extends IEntity {
 }
@@ -2936,13 +2901,6 @@ var TWaitlistMessageType;
   TWaitlistMessageType["WAITING_CONFIRM"] = "waitingConfirm";
   TWaitlistMessageType["BOOKING_REMINDER"] = "bookingReminder";
   TWaitlistMessageType["BOOKING_ALERT"] = "bookingAlert";
-  TWaitlistMessageType["ADD_TO_BASKET"] = "addtobasket";
-  TWaitlistMessageType["ADD_TO_BAG"] = "addtobag";
-  TWaitlistMessageType["HIDE_BASKET_ITEM"] = "hidebasketitem";
-  TWaitlistMessageType["REMOVE_FROM_BASKET"] = "removefrombasket";
-  TWaitlistMessageType["UPDATE_BASKET_ITEM"] = "updatebasketitem";
-  TWaitlistMessageType["COMPLETE_CHECKOUT"] = "completecheckout";
-  TWaitlistMessageType["QUANTITY_UPDATE"] = "quantityupdate";
   TWaitlistMessageType["SERVED"] = "served";
   TWaitlistMessageType["COMPLETED"] = "completed";
   TWaitlistMessageType["NEXT"] = "next";
@@ -3264,7 +3222,6 @@ var IRoute;
   IRoute["knowledgelibrary"] = "knowledgelibrary";
   IRoute["leaderboard"] = "leaderboard";
   IRoute["learning_manager"] = "learningmanager";
-  IRoute["liveshopping"] = "liveshopping";
   IRoute["locationdetail"] = "locationdetail";
   IRoute["locations"] = "locations";
   IRoute["login"] = "login";
@@ -3335,7 +3292,9 @@ var IRoute;
 const BADGES_RETROCOMPAT_MAP = {
   chats: '_communicate',
   battles: 'battle',
-  notifications: 'activity'
+  notifications: 'activity',
+  'questions/collaboration': 'questions',
+  'questions/wiki': 'questions'
 };
 const DEFAULT_INAPP_BADGES = {
   activity: 0,
@@ -3402,7 +3361,6 @@ const APP_PERMISSIONS = [
   'canEditProject',
   'canEditWorkflow',
   'canInviteNewLearners',
-  'canManageLiveShopping',
   'canNotifyUsers',
   'canReassignMission',
   'canReceiveService',
@@ -3443,7 +3401,6 @@ const APP_PERMISSIONS = [
   'canViewJourneys',
   'canViewLeaderboard',
   'canViewLearningManager',
-  'canViewLiveShopping',
   'canViewLocationDetailTabs',
   'canViewMemo',
   'canViewMessages',
@@ -3477,8 +3434,6 @@ const APP_PERMISSIONS = [
   'canViewTodoAnalytics',
   'canViewUsers',
   'canViewUsersOrStores',
-  'canViewVirtualShopping',
-  'canViewVirtualShoppingAnalytics',
   'canViewWaitlist',
   'canViewWaitlistAnalytics',
   'canViewYext',

package/dist/design-system/{index-6bca3bd0.js → index-e6bc8654.js}

@@ -1,8 +1,8 @@
-import { s as FormCreatorOptions, A as ALL_MOBILE_FORM_FIELDS, c as FormFieldType, S as ScoringCategory } from './index-847a32fd.js';
-import './index-30d0dd50.js';
+import { s as FormCreatorOptions, A as ALL_MOBILE_FORM_FIELDS, c as FormFieldType, S as ScoringCategory } from './index-dac754e1.js';
+import './index-590d30dd.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 isValueATranslationKey, bl as isValueALegacyTranslationKey } from './index-7b3985f1.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 isValueATranslationKey, bl as isValueALegacyTranslationKey } from './index-97f4ed07.js';
 
 const starRatingMaxDefault = 5;
 function filterSequentialFields(fieldCondition) {

package/dist/design-system/{localForage-1cbed8e8.js → localForage-6c1cadad.js}

@@ -1,6 +1,6 @@
-import './index-30d0dd50.js';
+import './index-590d30dd.js';
 import { a as createCommonjsModule, c as commonjsGlobal, d as commonjsRequire } from './_commonjsHelpers-f4d11124.js';
-import { o as isNativeMobile, bq as isOffline, br as getKeyToCache } from './index-7b3985f1.js';
+import { o as isNativeMobile, bq as isOffline, br as getKeyToCache } from './index-97f4ed07.js';
 
 var localforage = createCommonjsModule(function (module, exports) {
 /*!

package/dist/design-system/{map-helpers-08453434.js → map-helpers-813ea433.js}

@@ -1,5 +1,5 @@
-import { cw as cordova, cy as cordovaPropertyGet, cz as cordovaPropertySet, cx as AwesomeCordovaNativePlugin, o as isNativeMobile, t as translate, N as isIOS, aw as copyToClipboard, co as showActionSheet } from './index-7b3985f1.js';
-import './index-30d0dd50.js';
+import { cw as cordova, cy as cordovaPropertyGet, cz as cordovaPropertySet, cx as AwesomeCordovaNativePlugin, o as isNativeMobile, t as translate, N as isIOS, aw as copyToClipboard, co as showActionSheet } from './index-97f4ed07.js';
+import './index-590d30dd.js';
 import { h as map, R as countBy, B as sortBy } from './lodash-777f91de.js';
 
 var __extends = (undefined && undefined.__extends) || (function () {

package/dist/design-system/{mission-locked-banner-08901857.js → mission-locked-banner-024f1c55.js}

@@ -1,6 +1,6 @@
-import './index-30d0dd50.js';
-import { h } from './index-06fc3d74.js';
-import { cY as isMissionBookable, cZ as canParticipateTo, c_ as canPerformActionPlan, t as translate } from './index-7b3985f1.js';
+import './index-590d30dd.js';
+import { h } from './index-22891abe.js';
+import { cY as isMissionBookable, cZ as canParticipateTo, c_ as canPerformActionPlan, t as translate } from './index-97f4ed07.js';
 
 const MissionLockedBanner = ({ mission }) => {
   if (mission) {

package/dist/{esm/missions-helpers-e6cb7c8a.js → design-system/missions-helpers-cfcf44a7.js}

@@ -1,6 +1,6 @@
-import './index-30d0dd50.js';
+import './index-590d30dd.js';
 import { a as isNumber, n as compact, Z as uniqBy } from './lodash-777f91de.js';
-import { cW as getMissionPublicationDate, aM as isPresent, cY as isMissionBookable, cZ as canParticipateTo, c_ as canPerformActionPlan, Q as getCssColor, c$ as isMissionRepublished, t as translate, a8 as getSession, cU as isToday, cV as fromToday, ao as dateFormat, V as isDateAfter, a3 as translateMulti, d0 as getAuthentication, av as pipes } from './index-7b3985f1.js';
+import { cW as getMissionPublicationDate, aM as isPresent, cY as isMissionBookable, cZ as canParticipateTo, c_ as canPerformActionPlan, Q as getCssColor, c$ as isMissionRepublished, t as translate, a8 as getSession, cU as isToday, cV as fromToday, ao as dateFormat, V as isDateAfter, a3 as translateMulti, d0 as getAuthentication, av as pipes } from './index-97f4ed07.js';
 
 //#region ENTITIES
 function isMissionRequest(mission) {

package/dist/{esm/modal-animations-95aac319.js → design-system/modal-animations-99b38b6c.js}

@@ -1,5 +1,5 @@
-import './index-30d0dd50.js';
-import { dm as slideExpandAnimation, dn as scaleAnimation, dk as fadeScaleAnimation, dp as slideAnimation } from './index-7b3985f1.js';
+import './index-590d30dd.js';
+import { dm as slideExpandAnimation, dn as scaleAnimation, dk as fadeScaleAnimation, dp as slideAnimation } from './index-97f4ed07.js';
 
 const DEFAULT_ANIMATIONS = {
   ENTER: 'slideXEnterAnimation',

package/dist/design-system/{operation-helpers-c0f64f33.js → operation-helpers-459b75e3.js}

@@ -1,6 +1,6 @@
-import './index-30d0dd50.js';
+import './index-590d30dd.js';
 import { a as isNumber, c as cloneDeep } from './lodash-777f91de.js';
-import { bO as isCampaignRecurring, t as translate, Q as getCssColor, a8 as getSession, bP as getProductBatchDelayInDays, av as pipes, H as isWeb, bQ as fromNow, bR as getWaitlistVisitLastAlertDate, bS as isCampaignActive } from './index-7b3985f1.js';
+import { bO as isCampaignRecurring, t as translate, Q as getCssColor, a8 as getSession, bP as getProductBatchDelayInDays, av as pipes, H as isWeb, bQ as fromNow, bR as getWaitlistVisitLastAlertDate, bS as isCampaignActive } from './index-97f4ed07.js';
 
 function getCampaignTemplateTags(template) {
   var _a, _b;

package/dist/design-system/{overlays-3a6c8a8d.js → overlays-be5146f5.js}

@@ -1,5 +1,5 @@
-import './index-30d0dd50.js';
-import { n as isFullScreenFalse } from './index-7b3985f1.js';
+import './index-590d30dd.js';
+import { n as isFullScreenFalse } from './index-97f4ed07.js';
 
 let lastId = 1;
 const BACKDROP = 'backdrop';

package/dist/design-system/{shadow-css-c3ded935.js → shadow-css-23635ad5.js}

@@ -1,5 +1,5 @@
 /*
- Stencil Client Platform v2.19.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v2.19.2 | MIT Licensed | https://stenciljs.com
  */
 /**
  * @license

package/dist/design-system/swiper-8baebee5.js

@@ -0,0 +1,12 @@
+import { S as Swiper, P as Pagination, A as Autoplay, a as Scrollbar } from './yoo-ion-slides-527298e4.js';
+export { S as Swiper } from './yoo-ion-slides-527298e4.js';
+import './index-22891abe.js';
+import './index-590d30dd.js';
+import './index-97f4ed07.js';
+import './index-dac754e1.js';
+import './_commonjsHelpers-f4d11124.js';
+import './lodash-777f91de.js';
+import './common-helpers-2a9aacec.js';
+import './theme-f540795a.js';
+
+Swiper.use([Pagination, Autoplay, Scrollbar]);

package/dist/design-system/{tag.factory-f9c8bd41.js → tag.factory-42135509.js}

@@ -1,4 +1,4 @@
-import { h } from './index-06fc3d74.js';
+import { h } from './index-22891abe.js';
 
 const Tag = ({ className, icon, text, ...tag }) => (h("yoo-tag", { class: className, ...tag },
   !!icon.name && h("yoo-icon", { color: icon.color, name: icon.name, size: icon.size, slot: "start" }),

package/dist/{esm/theme-0c19c791.js → design-system/theme-f540795a.js}

@@ -1,5 +1,5 @@
-import './index-30d0dd50.js';
-import { X as findParent } from './index-7b3985f1.js';
+import './index-590d30dd.js';
+import { X as findParent } from './index-97f4ed07.js';
 
 function getClassList(classes) {
   if (classes) {

package/dist/{esm/tippy.esm-3d8fa4a7.js → design-system/tippy.esm-2682a2e4.js}

@@ -1,4 +1,4 @@
-import './index-7b3985f1.js';
+import './index-97f4ed07.js';
 
 var top = 'top';
 var bottom = 'bottom';

package/dist/{esm/video-player-helpers-efa49ef4.js → design-system/video-player-helpers-df2e1645.js}

@@ -1,8 +1,8 @@
-import { b$ as getVariantValue, c0 as isYoutubeSource, c1 as isDailymotionSource, c2 as isVimeoSource, ar as isFile, o as isNativeMobile, c3 as StatusBar, G as showModal, H as isWeb, c4 as loadScript, az as isCloudinaryLink, a0 as Cloudinary } from './index-7b3985f1.js';
-import { U as FORM_MULTI_LANGUAGES_DATA } from './index-847a32fd.js';
-import './index-30d0dd50.js';
+import { b$ as getVariantValue, c0 as isYoutubeSource, c1 as isDailymotionSource, c2 as isVimeoSource, ar as isFile, o as isNativeMobile, c3 as StatusBar, G as showModal, H as isWeb, c4 as loadScript, az as isCloudinaryLink, a0 as Cloudinary } from './index-97f4ed07.js';
+import { U as FORM_MULTI_LANGUAGES_DATA } from './index-dac754e1.js';
+import './index-590d30dd.js';
 import { p as isString, Y as find } from './lodash-777f91de.js';
-import { q as querySelectorDeep } from './common-helpers-2139c840.js';
+import { q as querySelectorDeep } from './common-helpers-2a9aacec.js';
 
 function getSourceType(field) {
   const source = getVideoPlayerFieldSource(field);
@@ -75,7 +75,13 @@ function openVideoPlayerInModal(type, coreParams, modalParams) {
   if (isNativeMobile()) {
     StatusBar.hide();
   }
-  return showModal(videoModal, options, null, isWeb() ? 'fadeEnterAnimation' : 'slideXEnterAnimation', isWeb() ? 'fadeLeaveAnimation' : 'slideXLeaveAnimation', true);
+  return showModal({
+    component: videoModal,
+    componentProps: options,
+    enterAnimation: isWeb() ? 'fadeEnterAnimation' : 'slideXEnterAnimation',
+    leaveAnimation: isWeb() ? 'fadeLeaveAnimation' : 'slideXLeaveAnimation',
+    showBackdrop: true
+  });
 }
 function getYoutubeId(source) {
   let id = '';