npm - @yoobic/yobi - Versions diffs - 8.1.0-110 → 8.1.0-113 - Mend

@yoobic/yobi 8.1.0-110 → 8.1.0-113

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1202) hide show

package/dist/collection/components/form/form-swipe-cards/form-swipe-cards.js CHANGED Viewed

@@ -21,7 +21,7 @@ export class YooFormSwipeCardsComponent {
   onCategoriesChanged(nv, ov) {
     if (!isEqual(nv, ov)) {
       const showAlert = this.livePreview && !this.hasTwoCategories;
-      showWarningAlert(this.outerContainerElement, showAlert, 'NOTFULFILLEDCATEGORIES');
+      showWarningAlert(this.host, showAlert, 'NOTFULFILLEDCATEGORIES');
       if (showAlert) {
         this.showInstructionView = true;
       }
@@ -119,11 +119,9 @@ export class YooFormSwipeCardsComponent {
     this.swipeCards = this.initCards();
   }
   initGame() {
-    if (this.outerContainerElement) {
-      this.displayFooterElement(false);
-      if (!this.showInstructionView) {
-        this.initDraggable();
-      }
+    this.displayFooterElement(false);
+    if (!this.showInstructionView) {
+      this.initDraggable();
     }
   }
   updateCardsData() {
@@ -158,7 +156,7 @@ export class YooFormSwipeCardsComponent {
       this.isMode.textimage && this.hasEmptyValues && (showAlert = showAlert && this.numberEmptyItems.text !== this.numberEmptyItems.image);
       const bannerMessage = this.hasDuplicatesValues ? 'NODUPLICATEVALUES' : this.hasEmptyValues ? 'NOEMPTYVALUES' : '';
       const bannerColor = this.hasDuplicatesValues ? 'danger' : this.hasEmptyValues ? 'warning' : null;
-      showWarningAlert(this.outerContainerElement, showAlert, bannerMessage, bannerColor);
+      showWarningAlert(this.host, showAlert, bannerMessage, bannerColor);
       this.hasDataChanged = !showAlert;
       if (showAlert)
         this.showInstructionView = true;
@@ -186,7 +184,7 @@ export class YooFormSwipeCardsComponent {
     const yooIonSlideEl = findParent(this.host, 'yoo-ion-slide');
     if (yooIonSlideEl) {
       const footerElement = yooIonSlideEl.querySelector('yoo-form-footer');
-      if (footerElement && !this.livePreview) {
+      if (footerElement) {
         this.nextButtonText = footerElement.shadowRoot.querySelector('yoo-button:last-of-type').textContent;
         footerElement.style.display = show ? 'block' : 'none';
       }
@@ -203,13 +201,14 @@ export class YooFormSwipeCardsComponent {
     return ((_a = this.cardValues) === null || _a === void 0 ? void 0 : _a.map(v => ({ id: getUUID(), value: this.hasImage ? v : v }))) || [];
   }
   lockSwipeButtons(lockState = true) {
-    this.swipeButtons.forEach(swipeButton => swipeButton.disabled = lockState);
+    var _a;
+    (_a = this.swipeButtons) === null || _a === void 0 ? void 0 : _a.forEach(b => b && (b.disabled = lockState));
   }
   swipeCard(direction) {
     if (this.currentCard) {
       this.lockSwipeButtons();
       this.buttons[direction].style.removeProperty('transform');
-      this.backgroundElement.removeAttribute('direction');
+      this.gameContainerElement.removeAttribute('direction');
       this.currentCardElement.setAttribute('swiped', direction);
       this.currentCard.swipedDirection = direction;
       this.getUserAnswer();
@@ -231,7 +230,7 @@ export class YooFormSwipeCardsComponent {
       const categoryContainer = this.currentCardElement.querySelector('.content-category');
       const isThrowable = [SwipeCardsDirection.left, SwipeCardsDirection.right].includes(swipingDirection);
       categoryContainer.textContent = this.getSwipedCategoryValue(swipingDirection);
-      [this.backgroundElement, this.currentCardElement].forEach(e => {
+      [this.gameContainerElement, this.currentCardElement].forEach(e => {
         isThrowable ? e.setAttribute('direction', swipingDirection) : e.removeAttribute('direction');
       });
     }
@@ -278,7 +277,7 @@ export class YooFormSwipeCardsComponent {
       }
     };
     return (new Draggable(cardElement, {
-      bound: this.outerContainerElement,
+      bound: this.host,
       type: 'left, top',
       cursor: 'grab',
       zIndexBoost: false,
@@ -313,17 +312,17 @@ export class YooFormSwipeCardsComponent {
     var _a;
     return ((_a = this.categories) === null || _a === void 0 ? void 0 : _a.length) && translateMulti(direction === SwipeCardsDirection.left ? this.categories[0] : direction === SwipeCardsDirection.right ? this.categories[1] : '');
   }
-  renderCards() {
-    return h("div", { class: "stacked-cards-container" }, this.swipeCards.map((card, i, s) => {
+  renderStack() {
+    return h("section", { id: "stack" }, this.swipeCards.map((card, i, s) => {
       var _a;
       const currentCardIndex = s.indexOf(this.currentCard) || 0;
       const hasCurrentCard = currentCardIndex !== -1;
-      return h("div", { class: {
-          'card-container': true,
-          'current': i === currentCardIndex,
-          'second': hasCurrentCard && i === currentCardIndex + 1,
-          'third': hasCurrentCard && i === currentCardIndex + 2,
-          'revealing': this.revealCards
+      return h("section", { class: {
+          card: true,
+          current: i === currentCardIndex,
+          second: hasCurrentCard && i === currentCardIndex + 1,
+          third: hasCurrentCard && i === currentCardIndex + 2,
+          revealing: this.revealCards
         }, id: card.id, ref: el => this.cardsElements[i] = el, ...{ type: this.mode, ...(card.swipedDirection && { direction: card.swipedDirection }) } },
         this.hasImage && (h("div", { class: "content-image" },
           h("yoo-img", { instant: true, src: getMedia(card.value['_downloadURL']) }))),
@@ -337,24 +336,24 @@ export class YooFormSwipeCardsComponent {
     const iconColor = isWeb(this.host) ? categoryColor : 'light';
     const iconSize = isWeb(this.host) ? 'large' : 'medium';
     const category = this.categories && translateMulti(isLeftCategory ? this.categories[0] : this.categories[1]);
-    return (h("div", { class: `category ${side}` },
+    return h("div", { class: `category ${side}` },
       h("yoo-tag", { noBackground: isWeb(this.host), color: categoryColor, size: "large", icon: `big-arrow-${side}`, iconOnlyColor: iconColor, iconOnlySize: iconSize }),
       h("p", { class: `${categoryColor}` }, category),
-      h("span", { class: "stable" }, translate(`SWIPE${side.toUpperCase()}`))));
+      h("span", { class: "stable" }, translate(`SWIPE${side.toUpperCase()}`)));
   }
   renderTopDescription() {
-    return h("div", { class: "top-description" },
+    return h("div", { id: "header" },
       h("h1", { innerHTML: translateMulti(this.label) }),
       h("span", { class: "stable" }, translate(this.description || 'CARDSWIPEDEFAULTINSTRUCTIONS')));
   }
   renderInstructions() {
-    return (h("div", { class: "instructions-container" },
+    return (h("section", { id: "instructions" },
       this.renderTopDescription(),
-      h("div", { class: "categories" },
+      h("section", { id: "categories" },
         this.renderInstructionCategory(SwipeCardsDirection.left),
         h("yoo-icon", { size: "extra-extra-large", name: "swipe-explanation", color: "stable-alt" }),
         this.renderInstructionCategory(SwipeCardsDirection.right)),
-      this.instructionsDocument && (h("div", { class: "document" },
+      this.instructionsDocument && (h("section", { id: "document" },
         h("div", { class: "document-title" }, translate('ATTACHMENTS')),
         h("yoo-form-document", { document: this.instructionsDocument, readonly: true, onInputChanged: (ev) => ev.stopPropagation() }))),
       h("yoo-button", { disabled: !(this.hasTwoCategories && !this.hasDuplicatesValues), size: (isWeb(this.host) && !this.livePreview) ? 'medium' : 'large', color: "app-color", onClick: () => {
@@ -364,7 +363,7 @@ export class YooFormSwipeCardsComponent {
         } }, translate('START'))));
   }
   renderSwipeButtons() {
-    return (h("div", { class: "swipe-buttons" }, [SwipeCardsDirection.left, SwipeCardsDirection.undo, SwipeCardsDirection.right].map((d, i) => this.renderSwipeAction(d, i))));
+    return h("section", { id: "actions" }, [SwipeCardsDirection.left, SwipeCardsDirection.undo, SwipeCardsDirection.right].map((d, i) => this.renderSwipeAction(d, i)));
   }
   renderSwipeAction(direction, index) {
     var _a;
@@ -374,25 +373,25 @@ export class YooFormSwipeCardsComponent {
     const actionColor = isUndo ? isWeb(this.host) ? 'light' : 'stable-alt' : isLeft ? 'app-color' : 'warning';
     const swipeIcon = isUndo ? 'undo' : `big-arrow-${direction}`;
     const categoryIndex = isLeft ? 0 : 1;
-    return (h("div", { class: { 'swipe-action': true, 'hide': this.hasAllCardBeenSwiped && !isUndo } },
+    return (h("div", { class: { 'action': true, 'hide': this.hasAllCardBeenSwiped && !isUndo } },
       h("yoo-button", { shape: "circular", rippleType: "unbounded", id: `swipe-${direction}`, size: (isUndo && !isMobile) ? 'medium' : 'large', fill: (isMobile || isUndo) ? 'solid' : 'transparent', color: isUndo ? isMobile ? 'stable-light' : 'text-color' : actionColor.concat('-20'), ref: (element) => (this.swipeButtons[index] = element), onClick: () => isUndo ? this.undoSwipe() : this.clickToSwipe(direction) },
         h("yoo-icon", { name: swipeIcon, color: actionColor, size: isMobile ? 'medium' : isUndo ? 'small' : 'large' })),
       !isUndo && ((_a = this.categories) === null || _a === void 0 ? void 0 : _a.length) && h("span", { class: actionColor }, translateMulti(this.categories[categoryIndex]))));
   }
   renderEndGameMessage() {
-    return !this.livePreview && h("div", { class: { 'end-message': true, 'active': this.hasAllCardBeenSwiped } },
+    return h("section", { id: "end-message", class: { 'active': this.hasAllCardBeenSwiped } },
       h("yoo-lottie", { autoplay: this.hasAllCardBeenSwiped, type: "check" }),
       h("div", { innerHTML: translate('ENDSWIPINGCARDSMESSAGE') }),
       h("span", null, translate('CLICKTOCONTINUE', { buttonName: this.nextButtonText })));
   }
-  renderGame() {
-    return (h("div", { class: "game-container" },
+  renderCards() {
+    return [
       isWeb(this.host) && !this.livePreview && this.renderTopDescription(),
-      h("div", { class: "swipecards-container" },
-        h("div", { class: "background", ref: (element) => (this.backgroundElement = element) },
-          this.renderEndGameMessage(),
-          this.renderCards()),
-        this.renderSwipeButtons())));
+      h("section", { id: "game", ref: (element) => (this.gameContainerElement = element) },
+        this.renderEndGameMessage(),
+        this.renderStack()),
+      this.renderSwipeButtons()
+    ];
   }
   renderSummary() {
     const getAnswerCounter = (category) => { var _a, _b; return ((_a = this.value) === null || _a === void 0 ? void 0 : _a.length) && ((_b = this.answer) === null || _b === void 0 ? void 0 : _b.length) ? translateMulti(category) : ''; };
@@ -417,18 +416,10 @@ export class YooFormSwipeCardsComponent {
     return this.livePreview && h("yoo-banner", null);
   }
   render() {
-    var _a;
-    return (h(Host, { ...(this.formHeight && { style: { height: `${this.formHeight}px` } }), class: {
-        ...getAppContext(this.host),
-        'live-preview': this.livePreview,
-        'swiper-no-swiping': !this.readonly
-      } },
-      h("div", { class: "outer-container", ref: (element) => (this.outerContainerElement = element) },
-        this.renderBanner(),
-        !this.readonly ? [
-          this.showInstructionView && this.renderInstructions(),
-          !this.showInstructionView && this.renderGame()
-        ] : ((_a = this.answer) === null || _a === void 0 ? void 0 : _a.length) && this.renderSummary())));
+    return (h(Host, { ...(this.formHeight && { style: { height: `${this.formHeight}px` } }), class: { ...getAppContext(this.host), 'swiper-no-swiping': !this.readonly } },
+      this.renderBanner(),
+      !this.readonly && (this.showInstructionView ? this.renderInstructions() : this.renderCards()),
+      this.readonly && this.renderSummary()));
   }
   static get is() { return "yoo-form-swipe-cards"; }
   static get encapsulation() { return "shadow"; }
@@ -674,7 +665,7 @@ export class YooFormSwipeCardsComponent {
         "text": ""
       },
       "attribute": "live-preview",
-      "reflect": false
+      "reflect": true
     },
     "showInstructionView": {
       "type": "boolean",

package/dist/collection/components/form/form-task/form-task.css CHANGED Viewed

@@ -320,7 +320,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   color: var(--stable, #adadad);
 }
 :host .readonly .title {
-  font-weight: 600;
+  font-weight: var(--font-weight-700, 700);
 }
 :host .readonly .task .task-part {
   align-items: center;

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

@@ -201,15 +201,16 @@ export class YooFormTextEditorComponent {
     }
   }
   async getFroalaOptions() {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
     const maxFileUploadSize = 1024 * 1024 * 200; // 200MB
     const baseUploadURL = await getAsyncExtraData({ type: 'upload-api' });
+    const hasTenantColors = !!((_c = (_b = (_a = getSession()) === null || _a === void 0 ? void 0 : _a.tenant) === null || _b === void 0 ? void 0 : _b.rteColors) === null || _c === void 0 ? void 0 : _c.length);
     return {
       key: 'vYA6mB4F4H5B3H4A10dNSWXf1h1MDb1CF1PLPFf1C1EESFKVlA3C11A8D6D2C4E4G2C3H3==',
       theme: 'royal',
       placeholder: translate(this.placeholder),
       toolbarSticky: false,
-      requestHeaders: { Authorization: 'Bearer ' + ((_a = getSession()) === null || _a === void 0 ? void 0 : _a.token) },
+      requestHeaders: { Authorization: 'Bearer ' + ((_d = getSession()) === null || _d === void 0 ? void 0 : _d.token) },
       heightMax: this.isFullscreen ? '100%' : this.maxHeight || 500,
       heightMin: this.isFullscreen ? '100%' : this.minHeight || 120,
       emoticonsUseImage: false,
@@ -242,8 +243,8 @@ export class YooFormTextEditorComponent {
       quickInsertEnabled: true,
       quickInsertButtons: compact(['yooUploadButtonQuick', 'yooDocumentImporterButtonQuick', 'image', 'video', 'table', 'ul', 'ol', 'hr', 'emoticons', 'yooTemplateQuick']),
       quickInsertTags: ['', 'p', 'div', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'pre', 'blockquote', 'br'],
-      colorsBackground: ((_d = (_c = (_b = getSession()) === null || _b === void 0 ? void 0 : _b.tenant) === null || _c === void 0 ? void 0 : _c.rteColors) === null || _d === void 0 ? void 0 : _d.length) > 0 ? (_f = (_e = getSession()) === null || _e === void 0 ? void 0 : _e.tenant) === null || _f === void 0 ? void 0 : _f.rteColors : getColorSwatches(),
-      colorsText: ((_j = (_h = (_g = getSession()) === null || _g === void 0 ? void 0 : _g.tenant) === null || _h === void 0 ? void 0 : _h.rteColors) === null || _j === void 0 ? void 0 : _j.length) > 0 ? (_l = (_k = getSession()) === null || _k === void 0 ? void 0 : _k.tenant) === null || _l === void 0 ? void 0 : _l.rteColors : getColorSwatches(),
+      colorsBackground: hasTenantColors ? (_f = (_e = getSession()) === null || _e === void 0 ? void 0 : _e.tenant) === null || _f === void 0 ? void 0 : _f.rteColors : getColorSwatches(),
+      colorsText: hasTenantColors ? (_h = (_g = getSession()) === null || _g === void 0 ? void 0 : _g.tenant) === null || _h === void 0 ? void 0 : _h.rteColors : getColorSwatches(),
       lineHeights: {
         [translate('LINEHEIGHTDEFAULT')]: '',
         [translate('LINEHEIGHTSINGLE')]: '1',
@@ -251,7 +252,8 @@ export class YooFormTextEditorComponent {
         [translate('LINEHEIGHT15')]: '1.5',
         [translate('LINEHEIGHTDOUBLE')]: '2'
       },
-      fontSize: ['8', '9', '10', '11', '12', '14', '18', '20', '22', '24', '30', '36', '48', '60', '72', '96'],
+      fontSizeDefaultSelection: '16',
+      fontSize: ['8', '9', '10', '11', '12', '14', '16', '18', '20', '22', '24', '30', '36', '48', '60', '72', '96'],
       fontFamily: {
         'Arial,Helvetica,sans-serif': 'Arial',
         'Georgia,serif': 'Georgia',

package/dist/collection/components/form/form-videoplayer/form-videoplayer.js CHANGED Viewed

@@ -1,5 +1,6 @@
 import { isAndroid, isNativeMobile, isOffline, isTablet } from '@shared/utils';
-import { Component, Event, h, Host, Listen, Prop, Watch } from '@stencil/core';
+import { Component, Element, Event, h, Host, Listen, Prop, Watch } from '@stencil/core';
+import { getAppContext } from 'src/utils/helpers/common-helpers';
 import { fixVideoSource, getSourceType, getVideoSubtitlesFromFiles } from '../../../utils/helpers/video-player-helpers';
 export class YooFormVideoPlayerComponent {
   constructor() {
@@ -49,7 +50,7 @@ export class YooFormVideoPlayerComponent {
       preventAutoResume: true,
       modalOptions: this.modalOptions
     };
-    return (h(Host, null,
+    return (h(Host, { class: { ...getAppContext(this.host) } },
       h("yoo-videoplayer-core", { ref: (el) => (this.videoInstance = el), ...attrs })));
   }
   static get is() { return "yoo-form-videoplayer"; }
@@ -145,6 +146,7 @@ export class YooFormVideoPlayerComponent {
         "references": {}
       }
     }]; }
+  static get elementRef() { return "host"; }
   static get watchers() { return [{
       "propName": "isVisible",
       "methodName": "updateVisibility"

package/dist/collection/components/form-creator/form-creator-live-preview/form-creator-live-preview.css CHANGED Viewed

@@ -311,6 +311,10 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 :host .outer-container .columns-container .form-dynamic-container {
   display: flex;
   flex-direction: column;
+  height: calc(100% - 2rem);
+}
+:host .outer-container .columns-container .form-dynamic-container yoo-header {
+  margin-bottom: var(--spacing-08, 0.5rem);
 }
 :host .outer-container .columns-container .form-dynamic-container .slot-container {
   position: relative;

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

@@ -137,7 +137,7 @@ export class YooFormCreatorTranslateDialogComponent {
     this.updateTranslationsDebounce(ev);
   }
   buildDefaultLanguageForm(fieldItem, locale) {
-    var _a, _b, _c, _d;
+    var _a, _b, _c;
     const field = cloneDeep(fieldItem);
     const slides = [{ title: 'DEFAULTLANGUAGE', items: [] }];
     const data = { name: field.name };
@@ -278,43 +278,41 @@ export class YooFormCreatorTranslateDialogComponent {
         });
       }
     });
-    if ((_d = (_c = field === null || field === void 0 ? void 0 : field.hotzoneValues) === null || _c === void 0 ? void 0 : _c.hotspots) === null || _d === void 0 ? void 0 : _d.length) {
-      field === null || field === void 0 ? void 0 : field.hotzoneValues.hotspots.forEach((hotspot, valueIndex) => {
-        if (isString(hotspot.description)) {
-          slides[0].items.push({
-            type: FormFieldType.textarea,
-            title: translate('HOTZONEDESCRIPTION'),
-            hideLabel: valueIndex > 0,
-            formatAmpersandSymbol: true,
-            autoInitialRows: true,
-            language: isHTML(translate(hotspot.description)) && 'html',
-            name: `${'hotzoneDescription'}${valueIndex}Base`,
-            width: 292,
-            readonly: this.isTranslator
-          });
-          slides[0].items.push({
-            type: FormFieldType.textarea,
-            title: translate('HOTZONEDESCRIPTION'),
-            hideLabel: valueIndex > 0,
-            formatAmpersandSymbol: true,
-            autoInitialRows: true,
-            language: isHTML(translate(hotspot.description)) && 'html',
-            name: `${'hotzoneDescription'}${valueIndex}`,
-            inlineActions: [
-              { icon: 'translate', iconColor: 'stable-alt', text: 'GOOGLETRANSLATE', handler: () => this.onTranslateField(hotspot.description, locale) },
-              {
-                icon: 'duplicate',
-                iconColor: 'stable-alt',
-                text: 'COPYBASELANGUAGE',
-                handler: () => this.onDuplicateBaseLanguageClicked(hotspot.description, locale, `${'hotzoneDescription'}${valueIndex}`)
-              }
-            ]
-          });
-          data[`${'hotzoneDescription'}${valueIndex}`] = getLocaleTranslation(this.updatedTranslations, locale, hotspot.description);
-          data[`${'hotzoneDescription'}${valueIndex}Base`] = getLocaleTranslation(this.updatedTranslations, this.baseLanguage, hotspot.description);
-        }
-      });
-    }
+    (_c = field === null || field === void 0 ? void 0 : field.hotzones) === null || _c === void 0 ? void 0 : _c.forEach(({ description }, valueIndex) => {
+      if (isString(description)) {
+        slides[0].items.push({
+          type: FormFieldType.textarea,
+          title: translate('HOTZONESDESCRIPTION'),
+          hideLabel: valueIndex > 0,
+          formatAmpersandSymbol: true,
+          autoInitialRows: true,
+          language: isHTML(translate(description)) && 'html',
+          name: `${'hotzoneDescription'}${valueIndex}Base`,
+          width: 292,
+          readonly: this.isTranslator
+        });
+        slides[0].items.push({
+          type: FormFieldType.textarea,
+          title: translate('HOTZONESDESCRIPTION'),
+          hideLabel: valueIndex > 0,
+          formatAmpersandSymbol: true,
+          autoInitialRows: true,
+          language: isHTML(translate(description)) && 'html',
+          name: `${'hotzoneDescription'}${valueIndex}`,
+          inlineActions: [
+            { icon: 'translate', iconColor: 'stable-alt', text: 'GOOGLETRANSLATE', handler: () => this.onTranslateField(description, locale) },
+            {
+              icon: 'duplicate',
+              iconColor: 'stable-alt',
+              text: 'COPYBASELANGUAGE',
+              handler: () => this.onDuplicateBaseLanguageClicked(description, locale, `${'hotzoneDescription'}${valueIndex}`)
+            }
+          ]
+        });
+        data[`${'hotzoneDescription'}${valueIndex}`] = getLocaleTranslation(this.updatedTranslations, locale, description);
+        data[`${'hotzoneDescription'}${valueIndex}Base`] = getLocaleTranslation(this.updatedTranslations, this.baseLanguage, description);
+      }
+    });
     return { slides, data };
   }
   onSelectedLanguagesChanged(ev) {
@@ -431,22 +429,20 @@ export class YooFormCreatorTranslateDialogComponent {
         });
       }
     });
-    if ((_b = selectedField === null || selectedField === void 0 ? void 0 : selectedField.hotzoneValues) === null || _b === void 0 ? void 0 : _b.hotspots.length) {
-      selectedField.hotzoneValues.hotspots.forEach((hotspot, valueIndex) => {
-        const value = hotspot.description;
-        const updatedLocaleTranslations = updateLocaleTranslation(updatedTranslations[`${'hotzoneDescription'}${valueIndex}`], this.updatedTranslations, this.selectedLanguage, value);
-        this.updatedTranslations = updatedLocaleTranslations.translations;
-        if (updatedLocaleTranslations.updatedTranslation) {
-          updatedTranslation = updatedLocaleTranslations.updatedTranslation;
-        }
-        const updatedLocaleTranslationsBase = updateLocaleTranslation(updatedTranslations[`${'hotzoneDescription'}${valueIndex}Base`], this.updatedTranslations, this.baseLanguage, value);
-        this.updatedTranslations = updatedLocaleTranslationsBase.translations;
-        if (updatedLocaleTranslationsBase.updatedTranslation) {
-          isBaseLanguageChange = true;
-          updatedTranslation = updatedLocaleTranslationsBase.updatedTranslation;
-        }
-      });
-    }
+    (_b = selectedField === null || selectedField === void 0 ? void 0 : selectedField.hotzones) === null || _b === void 0 ? void 0 : _b.forEach(({ description }, valueIndex) => {
+      const value = description;
+      const updatedLocaleTranslations = updateLocaleTranslation(updatedTranslations[`${'hotzoneDescription'}${valueIndex}`], this.updatedTranslations, this.selectedLanguage, value);
+      this.updatedTranslations = updatedLocaleTranslations.translations;
+      if (updatedLocaleTranslations.updatedTranslation) {
+        updatedTranslation = updatedLocaleTranslations.updatedTranslation;
+      }
+      const updatedLocaleTranslationsBase = updateLocaleTranslation(updatedTranslations[`${'hotzoneDescription'}${valueIndex}Base`], this.updatedTranslations, this.baseLanguage, value);
+      this.updatedTranslations = updatedLocaleTranslationsBase.translations;
+      if (updatedLocaleTranslationsBase.updatedTranslation) {
+        isBaseLanguageChange = true;
+        updatedTranslation = updatedLocaleTranslationsBase.updatedTranslation;
+      }
+    });
     this.translationUpdated.emit({
       translations: this.updatedTranslations,
       updatedTranslation,

package/dist/collection/components/form-creator/helpers/index.js CHANGED Viewed

@@ -593,7 +593,7 @@ export function translateAll(overwrite, missionDescription, items, slides, scori
       }
       if (s.items) {
         s.items.forEach((f, fieldIndex) => {
-          var _a, _b, _c, _d, _e, _f;
+          var _a, _b, _c, _d, _e;
           haveSlidesChanged = addRow(items, { title: missionDescription.title, baseLanguage, order: 1000 * (slideIndex + 1) + 100 * (fieldIndex + 1), entity: f, location: 'field', path: 'title', slideIndex, fieldIndex }, null, haveSlidesChanged);
           haveSlidesChanged = addRow(items, { title: missionDescription.title, baseLanguage, order: 1000 * (slideIndex + 1) + 100 * (fieldIndex + 2), entity: f, location: 'field', path: 'description', slideIndex, fieldIndex }, null, haveSlidesChanged);
           let idIndex = 3;
@@ -663,14 +663,12 @@ export function translateAll(overwrite, missionDescription, items, slides, scori
             haveSlidesChanged = addRow(items, { title: missionDescription.title, baseLanguage, order: 1000 * (slideIndex + 1) + 100 * (fieldIndex + 1) + idIndex, entity: f, location: 'field', path: 'scratchValues[1].text', slideIndex, fieldIndex }, null, haveSlidesChanged);
             idIndex += 1;
           }
-          if ((_f = (_e = f === null || f === void 0 ? void 0 : f.hotzoneValues) === null || _e === void 0 ? void 0 : _e.hotspots) === null || _f === void 0 ? void 0 : _f.length) {
-            f.hotzoneValues.hotspots.forEach((hotspot, hotspotIndex) => {
-              if (hotspot.description) {
-                haveSlidesChanged = addRow(items, { title: missionDescription.title, baseLanguage, order: 1000 * (slideIndex + 1) + 100 * (fieldIndex + 1) + idIndex, entity: f, location: 'field', path: `hotzoneValues.hotspots[${hotspotIndex}].description`, slideIndex, fieldIndex }, null, haveSlidesChanged);
-                idIndex += 1;
-              }
-            });
-          }
+          (_e = f === null || f === void 0 ? void 0 : f.hotzones) === null || _e === void 0 ? void 0 : _e.forEach(({ description }, hotzoneIndex) => {
+            if (description) {
+              haveSlidesChanged = addRow(items, { title: missionDescription.title, baseLanguage, order: 1000 * (slideIndex + 1) + 100 * (fieldIndex + 1) + idIndex, entity: f, location: 'field', path: `hotzones[${hotzoneIndex}].description`, slideIndex, fieldIndex }, null, haveSlidesChanged);
+              idIndex += 1;
+            }
+          });
         });
       }
     });
@@ -1214,7 +1212,7 @@ export function resetKey(entity, path, translations) {
   }
 }
 export function resetFieldTranslations(f, translations) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
   resetKey(f, 'title', translations);
   resetKey(f, 'description', translations);
   resetKey(f, 'explanation', translations);
@@ -1266,13 +1264,11 @@ export function resetFieldTranslations(f, translations) {
   if ((_m = (_l = f === null || f === void 0 ? void 0 : f.scratchValues) === null || _l === void 0 ? void 0 : _l[1]) === null || _m === void 0 ? void 0 : _m.text) {
     resetKey(f, 'scratchValues[1].text', translations);
   }
-  if ((_p = (_o = f === null || f === void 0 ? void 0 : f.hotzoneValues) === null || _o === void 0 ? void 0 : _o.hotspots) === null || _p === void 0 ? void 0 : _p.length) {
-    f.hotzoneValues.hotspots.forEach((hotspot, hotspotIndex) => {
-      if (hotspot.description) {
-        resetKey(f, `hotzoneValues.hotspots[${hotspotIndex}].description`, translations);
-      }
-    });
-  }
+  (_o = f === null || f === void 0 ? void 0 : f.hotzones) === null || _o === void 0 ? void 0 : _o.forEach(({ description }, hotzoneIndex) => {
+    if (description) {
+      resetKey(f, `hotzones[${hotzoneIndex}].description`, translations);
+    }
+  });
 }
 export function deleteComplexValueImageTranslations(path, f, translations) {
   f[path].forEach((complexSelectImageValue, columnIndex) => {

package/dist/collection/components/grid/ag-grid/grid-renderers.js CHANGED Viewed

@@ -769,7 +769,7 @@ function missionStatusRenderer(params) {
   else if (value === 'pausedmission') {
     retVal = `<div class="not-center-container"><yoo-tag custom-color="${getCssColor('dark')}">${translate('PAUSEDMISSION')}</yoo-tag></div>`;
   }
-  else if (value === 'available' || (params.hasWorkflow && !value)) {
+  else if (value === 'available' || (!value)) { // (params as any).hasWorkflow &&
     retVal = `<div class="not-center-container"><yoo-tag color="${getColorFromKey('available')}">${translate('AVAILABLE')}</yoo-tag></div>`;
   }
   retVal = retVal ? retVal : value ? value.toString() : retVal || '';