@yoobic/yobi 8.6.0-4 → 8.6.0-5

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

@@ -136,6 +136,19 @@ export class YooFormDynamicComponent {
     this.showHistoryModal = false;
     this.selectedTabIndexState = 0;
     this.workflowButtonTextChanged = undefined;
+    this.slidesOptions = {
+      autoplay: false,
+      pagination: {
+        el: '.swiper-pagination',
+        type: 'progressbar'
+      }
+    };
+    if (isAndroid() && isNativeMobile()) {
+      this.slidesOptions = {
+        ...this.slidesOptions,
+        width: window.innerWidth
+      };
+    }
   }
   async onLockSwipesChanged() {
     lockSwipes(this.ionSlides, this.lockSwipes);
@@ -1064,7 +1077,7 @@ export class YooFormDynamicComponent {
       autoCompleteDialog.valuesColor = valuesColor;
       autoCompleteDialog.value = value;
       this.workflowButtonTextChanged = false;
-      showModal(autoCompleteDialog, { half: true }, null, getModalAnimation('Enter'), getModalAnimation('Leave'), true, false, null).then((ret) => {
+      showModal({ component: autoCompleteDialog, componentProps: { half: true }, enterAnimation: getModalAnimation('Enter'), leaveAnimation: getModalAnimation('Leave'), showBackdrop: true, displayFullscreenButton: false }).then((ret) => {
         var _a;
         if (ret.data && ((_a = ret === null || ret === void 0 ? void 0 : ret.data[0]) === null || _a === void 0 ? void 0 : _a.length)) {
           this.selectedButtonText = [].concat(ret.data);
@@ -1672,7 +1685,7 @@ export class YooFormDynamicComponent {
       form.fieldFetchDataFn = (ev) => {
         this.fieldFetchData.emit(ev);
       };
-      showModal(form).then((ret) => {
+      showModal({ component: form }).then((ret) => {
         if (ret && ret.data) {
           this.currentData = ret.data;
           this.checkValidityAndEmitChanges();
@@ -3426,15 +3439,6 @@ export class YooFormDynamicComponent {
           onFetchFieldFilterData: (ev) => this.onFetchFieldFilterData(ev)
         };
         break;
-      case FormFieldType.shopping:
-        TagType = 'yoo-form-shopping';
-        extraAttrs = {
-          products: field.products,
-          inlineActions: field.inlineActions,
-          shoppingView: field.shoppingView,
-          currencySymbol: field.currencySymbol
-        };
-        break;
       case FormFieldType.pricecheck:
         TagType = 'yoo-form-pricecheck';
         extraAttrs = {
@@ -3871,7 +3875,7 @@ export class YooFormDynamicComponent {
           label: generateLabel(field),
           multiple: field.type === FormFieldType.multiphotos,
           min: field.minPhotos || 1,
-          max: readonly ? null : (field.maxPhotos || 1),
+          max: readonly ? null : (field.maxPhotos || 5),
           hideOptional: field.hideOptional,
           tags: field.values,
           duration: field.duration,
@@ -4534,7 +4538,7 @@ export class YooFormDynamicComponent {
           const preview = document.createElement('yoo-form-recurrence-preview');
           preview.value = getFieldValue(field, this.currentData, this.suffix);
           preview.addEventListener('close', () => closeModal(null, preview));
-          showModal(preview, null, null, getModalAnimation('Enter', 'X', { host: this.host, reversedSlide: true }), getModalAnimation('Leave', 'X', { host: this.host, reversedSlide: true }), true);
+          showModal({ component: preview, enterAnimation: getModalAnimation('Enter', 'X', { host: this.host, reversedSlide: true }), leaveAnimation: getModalAnimation('Leave', 'X', { host: this.host, reversedSlide: true }), showBackdrop: true });
         } }, h("yoo-icon", { color: "app-color", name: "eye", size: "small", slot: "start" }), translate('PREVIEW')));
       return validity ? (h("yoo-tooltip", { content: translate('PREVIEWSCHEDULEDPUBLICATION'), placement: "top", slot: slot }, h(PreviewButton, null))) : (h(PreviewButton, { slot: slot }));
     }

package/dist/collection/components/form/form-entity-value-pairs/form-entity-value-pairs.js

@@ -196,7 +196,7 @@ export class YooFormEntityValuePairsComponent {
         "mutable": false,
         "complexType": {
           "original": "EntityType",
-          "resolved": "\"aisles\" | \"community\" | \"courses\" | \"dashboards\" | \"language\" | \"operations\" | \"pages\" | \"questions\" | \"scoring\" | \"tableau\" | \"tag\" | \"user\" | \"weekdays\" | \"aclPermission\" | \"aclPermissionList\" | \"aclRole\" | \"aislelist\" | \"algorithm\" | \"apps\" | \"arexperience\" | \"armodel\" | \"audiences\" | \"badges\" | \"blog\" | \"broadcasts\" | \"calendarEvents\" | \"campaignfilters\" | \"creationtypes\" | \"catalogs\" | \"certificates\" | \"channel\" | \"channels\" | \"charttype\" | \"communities\" | \"contacts\" | \"coursecategories\" | \"courses-small\" | \"courseselection\" | \"currencies\" | \"customapps\" | \"customforms\" | \"custommodels\" | \"days\" | \"emails\" | \"entitycomments\" | \"environnement\" | \"feeds\" | \"feedsComments\" | \"files\" | \"filesFolders\" | \"filesPdf\" | \"folders\" | \"formfield\" | \"geofilters\" | \"giphy\" | \"googlemaps\" | \"groups\" | \"hashtags\" | \"hierarchy\" | \"htmltemplates\" | \"icons\" | \"incentives\" | \"journeys\" | \"lessondescriptions\" | \"lessons\" | \"liveshoppings\" | \"locations\" | \"locationsaudience\" | \"locationspublic\" | \"locationtypes\" | \"markas\" | \"mediacapturedevices\" | \"memolist\" | \"memos\" | \"missiondatas\" | \"missiondescriptions\" | \"missiondescriptioncategories\" | \"missiondescriptionreviewhistories\" | \"missiondescriptiontemplates\" | \"missionfield\" | \"missions\" | \"notes\" | \"notifications\" | \"photos\" | \"plans\" | \"productbatch\" | \"productbatchlist\" | \"products\" | \"productweightpair\" | \"publicAPITokens\" | \"questionsAnswers\" | \"regex\" | \"reporttemplates\" | \"reviewapps\" | \"salesdata\" | \"scorms\" | \"scormcloud\" | \"shifts\" | \"slots\" | \"tableauShared\" | \"tagGroups\" | \"tenants\" | \"topusers\" | \"translations\" | \"type\" | \"unsplash\" | \"useraudience\" | \"userranks\" | \"userhighscores\" | \"userlearningmanager\" | \"usercourseinfo\" | \"users\" | \"violetproducts\" | \"violetproductofferskus\" | \"violetbasketitems\" | \"violetshippingmethods\" | \"version\" | \"videocallusers\" | \"visits\" | \"waitlistvisit\" | \"waitlistcustomer\" | \"waitliststats\" | \"plansorlessons\" | \"widgets\"",
+          "resolved": "\"aisles\" | \"community\" | \"courses\" | \"dashboards\" | \"language\" | \"operations\" | \"pages\" | \"questions\" | \"scoring\" | \"tableau\" | \"tag\" | \"user\" | \"weekdays\" | \"aclPermission\" | \"aclPermissionList\" | \"aclRole\" | \"aislelist\" | \"algorithm\" | \"apps\" | \"arexperience\" | \"armodel\" | \"audiences\" | \"badges\" | \"blog\" | \"broadcasts\" | \"calendarEvents\" | \"campaignfilters\" | \"creationtypes\" | \"catalogs\" | \"certificates\" | \"channel\" | \"channels\" | \"charttype\" | \"communities\" | \"contacts\" | \"coursecategories\" | \"courses-small\" | \"courseselection\" | \"currencies\" | \"customapps\" | \"customforms\" | \"custommodels\" | \"days\" | \"emails\" | \"entitycomments\" | \"environnement\" | \"feeds\" | \"feedsComments\" | \"files\" | \"filesFolders\" | \"filesPdf\" | \"folders\" | \"formfield\" | \"geofilters\" | \"giphy\" | \"googlemaps\" | \"groups\" | \"hashtags\" | \"hierarchy\" | \"htmltemplates\" | \"icons\" | \"incentives\" | \"journeys\" | \"lessondescriptions\" | \"lessons\" | \"locations\" | \"locationsaudience\" | \"locationspublic\" | \"locationtypes\" | \"markas\" | \"mediacapturedevices\" | \"memolist\" | \"memos\" | \"missiondatas\" | \"missiondescriptions\" | \"missiondescriptioncategories\" | \"missiondescriptionreviewhistories\" | \"missiondescriptiontemplates\" | \"missionfield\" | \"missions\" | \"notes\" | \"notifications\" | \"photos\" | \"plans\" | \"productbatch\" | \"productbatchlist\" | \"products\" | \"productweightpair\" | \"publicAPITokens\" | \"questionsAnswers\" | \"regex\" | \"reporttemplates\" | \"reviewapps\" | \"salesdata\" | \"scorms\" | \"scormcloud\" | \"shifts\" | \"slots\" | \"tableauShared\" | \"tagGroups\" | \"tenants\" | \"topusers\" | \"translations\" | \"type\" | \"unsplash\" | \"useraudience\" | \"userranks\" | \"userhighscores\" | \"userlearningmanager\" | \"usercourseinfo\" | \"users\" | \"version\" | \"videocallusers\" | \"visits\" | \"waitlistvisit\" | \"waitlistcustomer\" | \"waitliststats\" | \"plansorlessons\" | \"widgets\"",
           "references": {
             "EntityType": {
               "location": "import",

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

@@ -127,7 +127,14 @@ export class YooFormHotzonesComponent {
   async showZoneDetails(hotzone) {
     const { description, image } = hotzone || {};
     if (description || image) {
-      await showModal('yoo-form-hotzones', { detailedView: true, selectedHotzone: hotzone }, 'bg-dark-40', 'scaleEnterAnimation', 'scaleLeaveAnimation', true);
+      await showModal({
+        component: 'yoo-form-hotzones',
+        componentProps: { detailedView: true, selectedHotzone: hotzone },
+        cssClass: 'bg-dark-40',
+        enterAnimation: 'scaleEnterAnimation',
+        leaveAnimation: 'scaleLeaveAnimation',
+        showBackdrop: true
+      });
       hotzone.revealed = true;
     }
     this.validate();

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

@@ -40,7 +40,14 @@ export class YooFormImageCollectionComponent {
   async showZoneDetails(tile) {
     const { description, image } = tile || {};
     if (description || image) {
-      await showModal('yoo-form-image-collection', { detailedView: true, selectedTile: tile }, 'bg-dark-40', 'scaleEnterAnimation', 'scaleLeaveAnimation', true);
+      await showModal({
+        component: 'yoo-form-image-collection',
+        componentProps: { detailedView: true, selectedTile: tile },
+        cssClass: 'bg-dark-40',
+        enterAnimation: 'scaleEnterAnimation',
+        leaveAnimation: 'scaleLeaveAnimation',
+        showBackdrop: true
+      });
       tile.revealed = true;
     }
     this.validate();

package/dist/collection/components/form/form-multi-input/form-multi-input.css

@@ -261,11 +261,6 @@ svg:not(:root) {
 :host .row .column .cell yoo-form-input-container {
   flex: 1;
   min-width: 6rem;
-  overflow: hidden;
-  white-space: nowrap;
-}
-:host .row .column .cell yoo-form-input-container yoo-form-text-editor {
-  white-space: initial;
 }
 :host .row .column .cell .field-translation {
   overflow: hidden;

package/dist/collection/components/form/form-multi-input/form-multi-input.js

@@ -11,7 +11,7 @@
  * https://zpl.io/29KpyAW
  */
 import { FormFieldType } from '@shared/interfaces';
-import { getUUID, isValueATranslationKey, isWeb, MODAL_BASE_ZINDEX, translate } from '@shared/utils';
+import { getUUID, isValueATranslationKey, isWeb, translate } from '@shared/utils';
 import { forceUpdate, h, Host } from '@stencil/core';
 import { isEqual, isString } from 'lodash-es';
 import Sortable from 'sortablejs';
@@ -524,7 +524,6 @@ export class YooFormMultiInputComponent {
         debounce: TagType === 'yoo-form-input' && 500,
         maxHeight: this.host.classList.contains('image-collection') ? 60 : undefined,
         minHeight: this.host.classList.contains('image-collection') ? 60 : undefined,
-        customZIndex: TagType === 'yoo-form-text-editor' && (MODAL_BASE_ZINDEX - cell.rowIndex),
         reloadText: TagType === 'yoo-form-text-editor' && this.deletedRowIndex !== null && cell.rowIndex >= this.deletedRowIndex
       };
       textInput = (h(TagType, { ...props }, (_u = cell.column.inputComponentSlots) === null || _u === void 0 ? void 0 : _u.map(({ tag, props = {}, text }) => {

package/dist/collection/components/form/form-number-picker/form-number-picker.js

@@ -125,7 +125,14 @@ export class YooFormNumberPickerComponent {
           height: 'medium'
         });
       }
-      showModal(this.dialog, modalOptions, null, this.getModalAnimation('Enter'), this.getModalAnimation('Leave'), true, false).then((ret) => {
+      showModal({
+        component: this.dialog,
+        componentProps: modalOptions,
+        enterAnimation: this.getModalAnimation('Enter'),
+        leaveAnimation: this.getModalAnimation('Leave'),
+        showBackdrop: true,
+        displayFullscreenButton: false
+      }).then((ret) => {
         if (ret && !ret.overlayDismiss) {
           this.setValue(ret.data);
         }

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

@@ -240,7 +240,7 @@ export class YooFormPricecheckComponent {
               }
             }
           ];
-          showModal(form).then((ret) => {
+          showModal({ component: form }).then((ret) => {
             if (!ret.data && !retry) {
               setTimeout(() => closeModal(true), 300);
             }
@@ -250,7 +250,7 @@ export class YooFormPricecheckComponent {
       }
     };
     dialog.addEventListener('scannedSuccess', scannedSuccessListener);
-    showModal(dialog).then(() => {
+    showModal({ component: dialog }).then(() => {
       dialog === null || dialog === void 0 ? void 0 : dialog.removeEventListener('scannedSuccess', scannedSuccessListener);
       dialog = null;
     });

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

@@ -110,7 +110,13 @@ export class YooFormScormComponent {
           const dialog = document.createElement('yoo-form-iframe-dialog');
           dialog.source = ret.launchLink;
           dialog.heading = translateMulti((_a = this.baseScorm) === null || _a === void 0 ? void 0 : _a.title);
-          const promise = showModal(dialog, null, 'fullscreen', isWeb(this.host) ? 'fadeEnterAnimation' : 'slideXEnterReverseAnimation', isWeb(this.host) ? 'fadeLeaveAnimation' : 'slideXLeaveReverseAnimation', true);
+          const promise = showModal({
+            component: dialog,
+            cssClass: 'fullscreen',
+            enterAnimation: isWeb(this.host) ? 'fadeEnterAnimation' : 'slideXEnterReverseAnimation',
+            leaveAnimation: isWeb(this.host) ? 'fadeLeaveAnimation' : 'slideXLeaveReverseAnimation',
+            showBackdrop: true
+          });
           promise.then(() => {
             if (!this.isPreview) {
               this.onCloseScormPlayer();

package/dist/collection/components/form/form-signature-pad/form-signature-pad.js

@@ -21,9 +21,13 @@ export class YooFormSignaturePadComponent {
       let dialog = document.createElement('yoo-form-signature-pad-dialog');
       dialog.value = this.value;
       dialog.readonly = this.readonly;
-      showModal(dialog, {
-        height: 'medium'
-      }, null, isWeb(this.host) ? 'fadeEnterAnimation' : 'slideXEnterReverseAnimation', isWeb(this.host) ? 'fadeLeaveAnimation' : 'slideXLeaveReverseAnimation', true).then((ret) => {
+      showModal({
+        component: dialog,
+        componentProps: { height: 'medium' },
+        enterAnimation: isWeb(this.host) ? 'fadeEnterAnimation' : 'slideXEnterReverseAnimation',
+        leaveAnimation: isWeb(this.host) ? 'fadeLeaveAnimation' : 'slideXLeaveReverseAnimation',
+        showBackdrop: true
+      }).then((ret) => {
         if (ret && !this.readonly) {
           // this.value = ret.data;
           setValueAndValidateInput(ret.data, this);

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

@@ -400,7 +400,7 @@ export class YooFormTableComponent {
         "mutable": false,
         "complexType": {
           "original": "EntityType",
-          "resolved": "\"aisles\" | \"community\" | \"courses\" | \"dashboards\" | \"language\" | \"operations\" | \"pages\" | \"questions\" | \"scoring\" | \"tableau\" | \"tag\" | \"user\" | \"weekdays\" | \"aclPermission\" | \"aclPermissionList\" | \"aclRole\" | \"aislelist\" | \"algorithm\" | \"apps\" | \"arexperience\" | \"armodel\" | \"audiences\" | \"badges\" | \"blog\" | \"broadcasts\" | \"calendarEvents\" | \"campaignfilters\" | \"creationtypes\" | \"catalogs\" | \"certificates\" | \"channel\" | \"channels\" | \"charttype\" | \"communities\" | \"contacts\" | \"coursecategories\" | \"courses-small\" | \"courseselection\" | \"currencies\" | \"customapps\" | \"customforms\" | \"custommodels\" | \"days\" | \"emails\" | \"entitycomments\" | \"environnement\" | \"feeds\" | \"feedsComments\" | \"files\" | \"filesFolders\" | \"filesPdf\" | \"folders\" | \"formfield\" | \"geofilters\" | \"giphy\" | \"googlemaps\" | \"groups\" | \"hashtags\" | \"hierarchy\" | \"htmltemplates\" | \"icons\" | \"incentives\" | \"journeys\" | \"lessondescriptions\" | \"lessons\" | \"liveshoppings\" | \"locations\" | \"locationsaudience\" | \"locationspublic\" | \"locationtypes\" | \"markas\" | \"mediacapturedevices\" | \"memolist\" | \"memos\" | \"missiondatas\" | \"missiondescriptions\" | \"missiondescriptioncategories\" | \"missiondescriptionreviewhistories\" | \"missiondescriptiontemplates\" | \"missionfield\" | \"missions\" | \"notes\" | \"notifications\" | \"photos\" | \"plans\" | \"productbatch\" | \"productbatchlist\" | \"products\" | \"productweightpair\" | \"publicAPITokens\" | \"questionsAnswers\" | \"regex\" | \"reporttemplates\" | \"reviewapps\" | \"salesdata\" | \"scorms\" | \"scormcloud\" | \"shifts\" | \"slots\" | \"tableauShared\" | \"tagGroups\" | \"tenants\" | \"topusers\" | \"translations\" | \"type\" | \"unsplash\" | \"useraudience\" | \"userranks\" | \"userhighscores\" | \"userlearningmanager\" | \"usercourseinfo\" | \"users\" | \"violetproducts\" | \"violetproductofferskus\" | \"violetbasketitems\" | \"violetshippingmethods\" | \"version\" | \"videocallusers\" | \"visits\" | \"waitlistvisit\" | \"waitlistcustomer\" | \"waitliststats\" | \"plansorlessons\" | \"widgets\"",
+          "resolved": "\"aisles\" | \"community\" | \"courses\" | \"dashboards\" | \"language\" | \"operations\" | \"pages\" | \"questions\" | \"scoring\" | \"tableau\" | \"tag\" | \"user\" | \"weekdays\" | \"aclPermission\" | \"aclPermissionList\" | \"aclRole\" | \"aislelist\" | \"algorithm\" | \"apps\" | \"arexperience\" | \"armodel\" | \"audiences\" | \"badges\" | \"blog\" | \"broadcasts\" | \"calendarEvents\" | \"campaignfilters\" | \"creationtypes\" | \"catalogs\" | \"certificates\" | \"channel\" | \"channels\" | \"charttype\" | \"communities\" | \"contacts\" | \"coursecategories\" | \"courses-small\" | \"courseselection\" | \"currencies\" | \"customapps\" | \"customforms\" | \"custommodels\" | \"days\" | \"emails\" | \"entitycomments\" | \"environnement\" | \"feeds\" | \"feedsComments\" | \"files\" | \"filesFolders\" | \"filesPdf\" | \"folders\" | \"formfield\" | \"geofilters\" | \"giphy\" | \"googlemaps\" | \"groups\" | \"hashtags\" | \"hierarchy\" | \"htmltemplates\" | \"icons\" | \"incentives\" | \"journeys\" | \"lessondescriptions\" | \"lessons\" | \"locations\" | \"locationsaudience\" | \"locationspublic\" | \"locationtypes\" | \"markas\" | \"mediacapturedevices\" | \"memolist\" | \"memos\" | \"missiondatas\" | \"missiondescriptions\" | \"missiondescriptioncategories\" | \"missiondescriptionreviewhistories\" | \"missiondescriptiontemplates\" | \"missionfield\" | \"missions\" | \"notes\" | \"notifications\" | \"photos\" | \"plans\" | \"productbatch\" | \"productbatchlist\" | \"products\" | \"productweightpair\" | \"publicAPITokens\" | \"questionsAnswers\" | \"regex\" | \"reporttemplates\" | \"reviewapps\" | \"salesdata\" | \"scorms\" | \"scormcloud\" | \"shifts\" | \"slots\" | \"tableauShared\" | \"tagGroups\" | \"tenants\" | \"topusers\" | \"translations\" | \"type\" | \"unsplash\" | \"useraudience\" | \"userranks\" | \"userhighscores\" | \"userlearningmanager\" | \"usercourseinfo\" | \"users\" | \"version\" | \"videocallusers\" | \"visits\" | \"waitlistvisit\" | \"waitlistcustomer\" | \"waitliststats\" | \"plansorlessons\" | \"widgets\"",
           "references": {
             "EntityType": {
               "location": "import",

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

@@ -100,9 +100,15 @@ export class YooFormTaskComponent {
         }
       }
     ] : null;
-    showModal(form, {
-      height: 'medium'
-    }, null, getModalAnimation('Enter', 'X', { host: this.host, reversedSlide: true }), getModalAnimation('Leave', 'X', { host: this.host, reversedSlide: true }), true).then((ret) => {
+    showModal({
+      component: form,
+      componentProps: {
+        height: 'medium'
+      },
+      enterAnimation: getModalAnimation('Enter', 'X', { host: this.host, reversedSlide: true }),
+      leaveAnimation: getModalAnimation('Leave', 'X', { host: this.host, reversedSlide: true }),
+      showBackdrop: true
+    }).then((ret) => {
       if (ret === null || ret === void 0 ? void 0 : ret.data) {
         this.value = this.value || [];
         if (index < 0) {

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

@@ -46,7 +46,7 @@ import 'froala-editor/js/languages/tr';
 import 'froala-editor/js/languages/uk';
 import 'froala-editor/js/languages/zh_cn';
 import 'froala-editor/js/languages/zh_tw';
-import { asyncWaterfall, closeModal, debounce as _debounce, getAsyncExtraData, getColorSwatches, getCurrentLanguage, getCustomApp, getSession, getUUID, getVideoPoster, images, isCloudinaryLink, isImageUrl, isVideo, isWeb, MODAL_BASE_ZINDEX, replaceAtTagToMentionTag, showContextMenu, showModal, translate, translateMulti, updateLinkPreviews, videos } from '@shared/utils';
+import { asyncWaterfall, closeModal, debounce as _debounce, getAsyncExtraData, getColorSwatches, getCurrentLanguage, getCustomApp, getSession, getUUID, getVideoPoster, images, isCloudinaryLink, isImageUrl, isVideo, isWeb, replaceAtTagToMentionTag, showContextMenu, showModal, translate, translateMulti, updateLinkPreviews, videos } from '@shared/utils';
 import { h, Host } from '@stencil/core';
 import FroalaEditor from 'froala-editor';
 import { assign, compact, isArray, isString } from 'lodash-es';
@@ -81,7 +81,6 @@ export class YooFormTextEditorComponent {
     this.resetHtml = false;
     this.isFullscreen = undefined;
     this.reloadText = false;
-    this.customZIndex = MODAL_BASE_ZINDEX;
     this.translations = undefined;
     this.readonly = undefined;
     this.value = undefined;
@@ -258,7 +257,6 @@ export class YooFormTextEditorComponent {
       fileAllowedTypes: ['*'],
       linkInsertButtons: ['linkBack'],
       pastePlain: false,
-      zIndex: this.customZIndex,
       quickInsertEnabled: isWeb(this.host),
       quickInsertButtons: compact(['yooUploadButtonQuick', 'yooDocumentImporterButtonQuick', 'yooNoTranslateButtonQuick', 'image', 'video', 'table', 'ul', 'ol', 'hr', 'emoticons', 'yooTemplateQuick']),
       quickInsertTags: ['', 'p', 'div', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'pre', 'blockquote', 'br'],
@@ -545,7 +543,12 @@ export class YooFormTextEditorComponent {
         textEditor.formatAmpersandSymbol = this.formatAmpersandSymbol;
         textEditor.allowLinkPreview = this.allowLinkPreview;
         textEditor.isFullscreen = true;
-        showModal(textEditor, null, 'fullscreen no-fade-in', isWeb(this.host) ? 'fadeEnterAnimation' : 'slideXEnterReverseAnimation', isWeb(this.host) ? 'fadeLeaveAnimation' : 'slideXLeaveReverseAnimation').then((ret) => {
+        showModal({
+          component: textEditor,
+          cssClass: 'fullscreen no-fade-in',
+          enterAnimation: isWeb(this.host) ? 'fadeEnterAnimation' : 'slideXEnterReverseAnimation',
+          leaveAnimation: isWeb(this.host) ? 'fadeLeaveAnimation' : 'slideXLeaveReverseAnimation'
+        }).then((ret) => {
           if (ret && ret.data) {
             this.value = ret.data;
             this.forceResetHTML = true;
@@ -1062,24 +1065,6 @@ export class YooFormTextEditorComponent {
         "reflect": false,
         "defaultValue": "false"
       },
-      "customZIndex": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "custom-z-index",
-        "reflect": false,
-        "defaultValue": "MODAL_BASE_ZINDEX"
-      },
       "translations": {
         "type": "unknown",
         "mutable": false,

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

@@ -84,7 +84,7 @@ export class YooFormTimeslotsComponent {
         this.calendarModalElmt.closingDays = closingDays(this.waitlistOptions.openingHours);
         this.calendarModalElmt.addEventListener('dateChanged', dateChangedListener);
         this.calendarModalElmt.addEventListener('dayClicked', dayClickedListener);
-        showModal(this.calendarModalElmt, { width: '448', height: 'small' }, 'calendar').then(() => {
+        showModal({ component: this.calendarModalElmt, componentProps: { width: '448', height: 'small' }, cssClass: 'calendar' }).then(() => {
           this.calendarModalElmt.removeEventListener('dayClicked', dateChangedListener);
           this.calendarModalElmt.removeEventListener('dayClicked', dayClickedListener);
           this.calendarModalElmt = null;

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

@@ -77,7 +77,13 @@ export class YooFormTodoComponent {
       dialog.fieldFetchDataFn = (ev) => {
         this.fieldFetchData.emit(ev);
       };
-      showModal(dialog, { height: 'medium' }, '', getModalAnimation('Enter', 'Y', { host: this.host }), getModalAnimation('Leave', 'Y', { host: this.host }), true).then((ret) => {
+      showModal({
+        component: dialog,
+        componentProps: { height: 'medium' },
+        enterAnimation: getModalAnimation('Enter', 'Y', { host: this.host }),
+        leaveAnimation: getModalAnimation('Leave', 'Y', { host: this.host }),
+        showBackdrop: true
+      }).then((ret) => {
         if (ret === null || ret === void 0 ? void 0 : ret.data) {
           setValueAndValidateInput(ret.data, this);
         }

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

@@ -86,7 +86,7 @@ export class YooFormTodoDialogComponent {
     form.data = task;
     form.suffix = '.value';
     form.title = translate('YOOBICEDIT');
-    showModal(form).then((ret) => {
+    showModal({ component: form }).then((ret) => {
       if (ret && ret.data) {
         task = ret.data;
         forceUpdate(this);

package/dist/collection/components/form/form-todo-mission/form-todo-mission.css

@@ -279,6 +279,11 @@ svg:not(:root) {
   font-weight: var(--font-weight-700, 700);
   font-size: var(--font-size-16, 1rem);
 }
+:host .outer-container .container #task-container .task header task-details .task-description {
+  margin: var(--spacing-04, 0.25rem) 0 var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem);
+  color: var(--text-color, #807f83);
+  font-size: var(--font-size-14, 0.875rem);
+}
 :host .outer-container .container #task-container .task header task-details .user {
   display: flex;
   align-items: center;
@@ -286,7 +291,7 @@ svg:not(:root) {
   padding: var(--spacing-08, 0.5rem) 0 0 var(--spacing-08, 0.5rem);
 }
 :host .outer-container .container #task-container .task header task-details .user yoo-avatar {
-  padding-right: var(--spacing-04, 0.25rem);
+  padding: 0 var(--spacing-04, 0.25rem) 0 0;
 }
 :host .outer-container .container #task-container .task header task-details .user p {
   margin: 0;
@@ -414,5 +419,11 @@ svg:not(:root) {
 }
 
 :host(.rtl) .outer-container .container #task-container .task header task-details .task-title {
-  padding: 0 var(--spacing-08, 0.5rem) 0 0;
+  padding: 0 var(--spacing-08, 0.5rem) 0 var(--spacing-16, 1rem);
+}
+:host(.rtl) .outer-container .container #task-container .task header task-details .task-description {
+  margin: var(--spacing-04, 0.25rem) var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem) 0;
+}
+:host(.rtl) .outer-container .container #task-container .task header task-details .user yoo-avatar {
+  padding: 0 0 0 var(--spacing-04, 0.25rem);
 }

package/dist/collection/components/form/form-todo-mission/form-todo-mission.js

@@ -223,10 +223,11 @@ export class YooFormTodoMissionComponent {
           this.emitUpdate({ task: updatedTask, index });
         } })));
   }
-  renderDuedateTag(date) {
-    var _a;
+  renderDuedateTag(task) {
+    var _a, _b;
     // when a parent is already displaying the due date of the Todo mission into the DOM, and that all tasks have the same due date, do not display it for each of them
-    const hideDueDate = this.completed && this.overallDuedate && ((_a = this.values) === null || _a === void 0 ? void 0 : _a.every((todo) => { var _a; return isDateSame((_a = todo.duedate) === null || _a === void 0 ? void 0 : _a.value, this.overallDuedate, 'minute'); }));
+    const date = (_a = task.duedate) === null || _a === void 0 ? void 0 : _a.value;
+    const hideDueDate = this.completed && this.overallDuedate && ((_b = this.values) === null || _b === void 0 ? void 0 : _b.every((todo) => { var _a; return isDateSame((_a = todo.duedate) === null || _a === void 0 ? void 0 : _a.value, this.overallDuedate, 'minute'); }));
     if (date && !hideDueDate) {
       let dueDateText = isToday(date) ? translate('YOOBICTODAY').toLowerCase() : fromToday(date);
       dueDateText = [translate('YOOBICYESTERDAY'), translate('YOOBICTOMORROW')].includes(dueDateText) ? dueDateText.toLowerCase() : dueDateText;
@@ -284,10 +285,10 @@ export class YooFormTodoMissionComponent {
   render() {
     var _a;
     return !!((_a = this.values) === null || _a === void 0 ? void 0 : _a.length) && (h(Host, { class: getAppContext(this.host) }, h("div", { class: "outer-container" }, h("div", { class: "title" }, h("yoo-icon", { size: "medium", name: "mission", slot: "start" }), translate('YOOBICTASKS'), " (", this.values.length, ")"), this.values.map((task, index) => {
-      var _a, _b, _c, _d, _e, _f;
-      const dueDate = (_a = task.duedate) === null || _a === void 0 ? void 0 : _a.value;
+      var _a, _b, _c, _d, _e, _f, _g;
       const status = this.updateTaskStatus(task, index);
-      return (h("main", { class: "container", ...{ status } }, h("section", { id: "task-container" }, this.renderLinkedField(task), task.field && h("p", { class: "linked-task" }, translate('YOOBICLINKEDTASK')), h("div", { class: "task" }, h("header", null, this.renderIcon(task, index), h("task-details", null, h("p", { class: "task-title" }, translateMulti((_b = task.text) === null || _b === void 0 ? void 0 : _b.value)), this.renderUser(task), this.renderDuedateTag(dueDate), status === 'unable-to-complete' && (h("yoo-tag", { color: "danger", size: "small" }, translate('YOOBICMARKEDASUNABLETOCOMPLETE')))), !this.completed && this.renderPlusButton(task, index)), this.readonly && (task.userComments || (((_c = task.hasphoto) === null || _c === void 0 ? void 0 : _c.value) && task.imageData)) && h("line", null), (((_d = task.isphotorequired) === null || _d === void 0 ? void 0 : _d.value) || ((_e = task.showPhotos) === null || _e === void 0 ? void 0 : _e.value) || ((_f = task.showComments) === null || _f === void 0 ? void 0 : _f.value)) && (h("additionnal-fields", null, this.renderCommentsField(task, index, task.userComments), this.renderPhotoField(task, index))))), status === 'unmarked' && !this.completed && this.renderAssignButton(task, index)));
+      return (h("main", { class: "container", ...{ status } }, h("section", { id: "task-container" }, this.renderLinkedField(task), task.field && h("p", { class: "linked-task" }, translate('YOOBICLINKEDTASK')), h("div", { class: "task" }, h("header", null, this.renderIcon(task, index), h("task-details", null, h("p", { class: "task-title" }, translateMulti((_a = task.text) === null || _a === void 0 ? void 0 : _a.value)), ((_b = task.comments) === null || _b === void 0 ? void 0 : _b.value) &&
+        h("p", { class: "task-description" }, (_c = task.comments) === null || _c === void 0 ? void 0 : _c.value), this.renderUser(task), this.renderDuedateTag(task), status === 'unable-to-complete' && (h("yoo-tag", { color: "danger", size: "small" }, translate('YOOBICMARKEDASUNABLETOCOMPLETE')))), !this.completed && this.renderPlusButton(task, index)), this.readonly && (task.userComments || (((_d = task.hasphoto) === null || _d === void 0 ? void 0 : _d.value) && task.imageData)) && h("line", null), (((_e = task.isphotorequired) === null || _e === void 0 ? void 0 : _e.value) || ((_f = task.showPhotos) === null || _f === void 0 ? void 0 : _f.value) || ((_g = task.showComments) === null || _g === void 0 ? void 0 : _g.value)) && (h("additionnal-fields", null, this.renderCommentsField(task, index, task.userComments), this.renderPhotoField(task, index))))), status === 'unmarked' && !this.completed && this.renderAssignButton(task, index)));
     }))));
   }
   static get is() { return "yoo-form-todo-mission"; }

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

@@ -77,7 +77,15 @@ export const getScheduleElement = (target, dueDate, onChange) => {
   return {
     schedule,
     showSchedule: async () => {
-      const modal = await showModal(schedule, web ? {} : { half: true, coeffHalf: 0.66 }, web ? 'context-menu' : null, web ? 'fadeEnterAnimation' : 'slideYEnterAnimation', web ? 'fadeLeaveAnimation' : 'slideYLeaveAnimation', !web, web);
+      const modal = await showModal({
+        component: schedule,
+        componentProps: web ? {} : { half: true, coeffHalf: 0.66 },
+        cssClass: web ? 'context-menu' : null,
+        enterAnimation: web ? 'fadeEnterAnimation' : 'slideYEnterAnimation',
+        leaveAnimation: web ? 'fadeLeaveAnimation' : 'slideYLeaveAnimation',
+        showBackdrop: !web,
+        displayFullscreenButton: web
+      });
       onChange(activeDate);
       return modal;
     }

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

@@ -149,7 +149,12 @@ export class YooSlidesMediaComponent {
             annotations: this.currentItem.annotations
           }
         };
-        showModal(feedDetail, null, 'fullscreen', isWeb(this.host) ? 'fadeEnterAnimation' : 'slideXEnterReverseAnimation', isWeb(this.host) ? 'fadeLeaveAnimation' : 'slideXLeaveReverseAnimation');
+        showModal({
+          component: feedDetail,
+          cssClass: 'fullscreen',
+          enterAnimation: isWeb(this.host) ? 'fadeEnterAnimation' : 'slideXEnterReverseAnimation',
+          leaveAnimation: isWeb(this.host) ? 'fadeLeaveAnimation' : 'slideXLeaveReverseAnimation'
+        });
       }
     }
   }

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

@@ -1082,7 +1082,13 @@ export class YooFormCreatorComponent {
         this.baseLanguageChanged.emit(ev.detail);
       });
     }
-    showModal(this.formCreatorTranslateDialog, {}, 'visible-overflow responsive', 'fadeEnterAnimation', 'fadeLeaveAnimation', true).then((ret) => {
+    showModal({
+      component: this.formCreatorTranslateDialog,
+      cssClass: 'visible-overflow responsive',
+      enterAnimation: 'fadeEnterAnimation',
+      leaveAnimation: 'fadeLeaveAnimation',
+      showBackdrop: true
+    }).then((ret) => {
       var _a, _b, _c, _d;
       this.translateDialogClosed.emit({ refreshForms });
       if ((_a = ret === null || ret === void 0 ? void 0 : ret.data) === null || _a === void 0 ? void 0 : _a.createNewTranslations) {
@@ -1112,7 +1118,13 @@ export class YooFormCreatorComponent {
     formCreatorTranslateDialogLanguageSelector.addEventListener('selectedLanguagesChanged', (ev) => {
       this.selectedLanguagesChanged.emit([...ev.detail, ...this.selectedLanguages]);
     });
-    showModal(formCreatorTranslateDialogLanguageSelector, {}, 'visible-overflow responsive', 'fadeEnterAnimation', 'fadeLeaveAnimation', true).then((ret) => {
+    showModal({
+      component: formCreatorTranslateDialogLanguageSelector,
+      cssClass: 'visible-overflow responsive',
+      enterAnimation: 'fadeEnterAnimation',
+      leaveAnimation: 'fadeLeaveAnimation',
+      showBackdrop: true
+    }).then((ret) => {
       var _a, _b, _c;
       if ((_a = ret === null || ret === void 0 ? void 0 : ret.data) === null || _a === void 0 ? void 0 : _a.createNewTranslations) {
         this.translateNewLanguages(this.translations, true, selectedFieldLocation, (_b = ret === null || ret === void 0 ? void 0 : ret.data) === null || _b === void 0 ? void 0 : _b.newLanguesToTranslate);
@@ -2095,7 +2107,13 @@ export class YooFormCreatorComponent {
         dialog.page = this.selectedPageIndex;
         dialog.addEventListener('close', () => closeModal(null, dialog));
         dialog.addEventListener('save', (event) => closeModal(event.detail, dialog));
-        const { data: result } = await showModal(dialog, { height: 'medium' }, null, 'fadeEnterAnimation', 'fadeLeaveAnimation', true);
+        const { data: result } = await showModal({
+          component: dialog,
+          componentProps: { height: 'medium' },
+          enterAnimation: 'fadeEnterAnimation',
+          leaveAnimation: 'fadeLeaveAnimation',
+          showBackdrop: true
+        });
         if (result) {
           const answer = await showAlert(translate('CONFIRM'), [translate('CANCEL'), translate('YOOBICYES')], translate('SCORINGQUICKSETUPCONFIRM'));
           if (answer) {

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

@@ -469,9 +469,15 @@ export class YooFormCreatorTranslateComponent {
     formCreatorTranslateDialogLanguageSelector.mode = 'create';
     formCreatorTranslateDialogLanguageSelector.allLanguages = this.getAvailableLanguages();
     formCreatorTranslateDialogLanguageSelector.translatedLanguages = this.selectedLanguages;
-    showModal(formCreatorTranslateDialogLanguageSelector, {
-      height: 'small'
-    }, null, 'fadeEnterAnimation', 'fadeLeaveAnimation', true).then((ret) => {
+    showModal({
+      component: formCreatorTranslateDialogLanguageSelector,
+      componentProps: {
+        height: 'small'
+      },
+      enterAnimation: 'fadeEnterAnimation',
+      leaveAnimation: 'fadeLeaveAnimation',
+      showBackdrop: true
+    }).then((ret) => {
       var _a;
       if ((_a = ret === null || ret === void 0 ? void 0 : ret.data) === null || _a === void 0 ? void 0 : _a.newLanguesToTranslate) {
         this.selectedLanguages = [...this.selectedLanguages, ...ret.data.newLanguesToTranslate];

package/dist/collection/components/grid/grid/grid.css

@@ -4228,11 +4228,6 @@ svg:not(:root) {
   --leaderboard-footer-height: 0;
 }
 
-:host(.web:not(.framed).violetproducts) .container-base .entity-inner-container.card-list,
-:host(.web:not(.framed).violetbasketitems) .container-base .entity-inner-container.card-list {
-  border-bottom: none;
-}
-
 :host(.card-list-color) yoo-ion-list yoo-ion-item:first-of-type {
   margin-top: var(--spacing-16, 1rem);
 }

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

@@ -1713,7 +1713,13 @@ export class YooGridComponent {
         this.fieldFetchCustomData.emit(ev.detail);
       };
       dialogSortsAndFilters.addEventListener('fieldFetchCustomData', fieldFetchCustomDataListener);
-      showModal(dialogSortsAndFilters, { model: this.model, values: this.sortsAndFilters, hideSorts: this.hideSorts }, 'transparent', 'slideYEnterAnimation', 'slideYLeaveAnimation').then((ret) => {
+      showModal({
+        component: dialogSortsAndFilters,
+        componentProps: { model: this.model, values: this.sortsAndFilters, hideSorts: this.hideSorts },
+        cssClass: 'transparent',
+        enterAnimation: 'slideYEnterAnimation',
+        leaveAnimation: 'slideYLeaveAnimation'
+      }).then((ret) => {
         if (ret === null || ret === void 0 ? void 0 : ret.data) {
           this.applySortsAndFilters(ret.data);
           this.filtersUpdated = !this.filtersUpdated;
@@ -2484,7 +2490,7 @@ export class YooGridComponent {
     ];
   }
   alwaysRenderTagsAndFilters() {
-    return ['files', 'locations', 'missions', 'questions', 'plans', 'violetproducts'].includes(this.entityType);
+    return ['files', 'locations', 'missions', 'questions', 'plans'].includes(this.entityType);
   }
   isToggleModeVisible() {
     return (!this.isFramed || this.isFrameExpanded) && this.displayTypes && this.displayTypes.length > 0;
@@ -3470,7 +3476,7 @@ export class YooGridComponent {
         "mutable": false,
         "complexType": {
           "original": "EntityType",
-          "resolved": "\"aisles\" | \"community\" | \"courses\" | \"dashboards\" | \"language\" | \"operations\" | \"pages\" | \"questions\" | \"scoring\" | \"tableau\" | \"tag\" | \"user\" | \"weekdays\" | \"aclPermission\" | \"aclPermissionList\" | \"aclRole\" | \"aislelist\" | \"algorithm\" | \"apps\" | \"arexperience\" | \"armodel\" | \"audiences\" | \"badges\" | \"blog\" | \"broadcasts\" | \"calendarEvents\" | \"campaignfilters\" | \"creationtypes\" | \"catalogs\" | \"certificates\" | \"channel\" | \"channels\" | \"charttype\" | \"communities\" | \"contacts\" | \"coursecategories\" | \"courses-small\" | \"courseselection\" | \"currencies\" | \"customapps\" | \"customforms\" | \"custommodels\" | \"days\" | \"emails\" | \"entitycomments\" | \"environnement\" | \"feeds\" | \"feedsComments\" | \"files\" | \"filesFolders\" | \"filesPdf\" | \"folders\" | \"formfield\" | \"geofilters\" | \"giphy\" | \"googlemaps\" | \"groups\" | \"hashtags\" | \"hierarchy\" | \"htmltemplates\" | \"icons\" | \"incentives\" | \"journeys\" | \"lessondescriptions\" | \"lessons\" | \"liveshoppings\" | \"locations\" | \"locationsaudience\" | \"locationspublic\" | \"locationtypes\" | \"markas\" | \"mediacapturedevices\" | \"memolist\" | \"memos\" | \"missiondatas\" | \"missiondescriptions\" | \"missiondescriptioncategories\" | \"missiondescriptionreviewhistories\" | \"missiondescriptiontemplates\" | \"missionfield\" | \"missions\" | \"notes\" | \"notifications\" | \"photos\" | \"plans\" | \"productbatch\" | \"productbatchlist\" | \"products\" | \"productweightpair\" | \"publicAPITokens\" | \"questionsAnswers\" | \"regex\" | \"reporttemplates\" | \"reviewapps\" | \"salesdata\" | \"scorms\" | \"scormcloud\" | \"shifts\" | \"slots\" | \"tableauShared\" | \"tagGroups\" | \"tenants\" | \"topusers\" | \"translations\" | \"type\" | \"unsplash\" | \"useraudience\" | \"userranks\" | \"userhighscores\" | \"userlearningmanager\" | \"usercourseinfo\" | \"users\" | \"violetproducts\" | \"violetproductofferskus\" | \"violetbasketitems\" | \"violetshippingmethods\" | \"version\" | \"videocallusers\" | \"visits\" | \"waitlistvisit\" | \"waitlistcustomer\" | \"waitliststats\" | \"plansorlessons\" | \"widgets\"",
+          "resolved": "\"aisles\" | \"community\" | \"courses\" | \"dashboards\" | \"language\" | \"operations\" | \"pages\" | \"questions\" | \"scoring\" | \"tableau\" | \"tag\" | \"user\" | \"weekdays\" | \"aclPermission\" | \"aclPermissionList\" | \"aclRole\" | \"aislelist\" | \"algorithm\" | \"apps\" | \"arexperience\" | \"armodel\" | \"audiences\" | \"badges\" | \"blog\" | \"broadcasts\" | \"calendarEvents\" | \"campaignfilters\" | \"creationtypes\" | \"catalogs\" | \"certificates\" | \"channel\" | \"channels\" | \"charttype\" | \"communities\" | \"contacts\" | \"coursecategories\" | \"courses-small\" | \"courseselection\" | \"currencies\" | \"customapps\" | \"customforms\" | \"custommodels\" | \"days\" | \"emails\" | \"entitycomments\" | \"environnement\" | \"feeds\" | \"feedsComments\" | \"files\" | \"filesFolders\" | \"filesPdf\" | \"folders\" | \"formfield\" | \"geofilters\" | \"giphy\" | \"googlemaps\" | \"groups\" | \"hashtags\" | \"hierarchy\" | \"htmltemplates\" | \"icons\" | \"incentives\" | \"journeys\" | \"lessondescriptions\" | \"lessons\" | \"locations\" | \"locationsaudience\" | \"locationspublic\" | \"locationtypes\" | \"markas\" | \"mediacapturedevices\" | \"memolist\" | \"memos\" | \"missiondatas\" | \"missiondescriptions\" | \"missiondescriptioncategories\" | \"missiondescriptionreviewhistories\" | \"missiondescriptiontemplates\" | \"missionfield\" | \"missions\" | \"notes\" | \"notifications\" | \"photos\" | \"plans\" | \"productbatch\" | \"productbatchlist\" | \"products\" | \"productweightpair\" | \"publicAPITokens\" | \"questionsAnswers\" | \"regex\" | \"reporttemplates\" | \"reviewapps\" | \"salesdata\" | \"scorms\" | \"scormcloud\" | \"shifts\" | \"slots\" | \"tableauShared\" | \"tagGroups\" | \"tenants\" | \"topusers\" | \"translations\" | \"type\" | \"unsplash\" | \"useraudience\" | \"userranks\" | \"userhighscores\" | \"userlearningmanager\" | \"usercourseinfo\" | \"users\" | \"version\" | \"videocallusers\" | \"visits\" | \"waitlistvisit\" | \"waitlistcustomer\" | \"waitliststats\" | \"plansorlessons\" | \"widgets\"",
           "references": {
             "EntityType": {
               "location": "import",