@yoobic/yobi 8.5.0-4 → 8.5.0-9

package/dist/collection/feature-communicate/feed/card-feed/default/card-feed.js

@@ -1,5 +1,5 @@
 import { closeModal, getAsyncExtraData, getPermissions, getSession, getUserDisplayName, hasAttachment, intersectionObserve, isCampaignFeed, isCampaignTodo, isFieldWithNoValue, isIntersectionObserverSupported, isMedia, isNullOrUndefined, isVideo, isWeb, parseMarkDown, removeTextStyle, replaceAllLinks, replaceAtTagToMentionTag, setSecuredContent, showActionSheet, translate, translateMulti } from '@shared/utils';
-import { Component, Element, Event, h, Host, Prop, State, Watch } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 import { isEmpty } from 'lodash-es';
 import { getButton } from '../../../../utils/button.factory';
 import { execHandlerAndStopEvent, getAppContext, openImageDetailFromRTE } from '../../../../utils/helpers/common-helpers';
@@ -171,28 +171,16 @@ export class YooCardFeedComponent {
       preventScaledUp: this.detailView,
       instant: true
     };
-    return h("yoo-form-carousel", { ...attrs, class: this.entry.eventConfigs ? 'calendar-event' : '', onClick: (ev) => { this.onMediaClicked(ev); } },
-      this.entry.eventConfigs && this.renderSharedEvent(this.entry.eventConfigs, 'media-bottom'),
-      this.entry.middleActions && this.renderActions(this.entry.middleActions, true, 'icons-top'),
-      this.hasFeedIcons() && !this.detailView && this.renderFeedIcons(),
-      this.hasMediaTags() && this.renderMediaTags(),
-      ((_b = (_a = this.entry) === null || _a === void 0 ? void 0 : _a.mediaIcons) === null || _b === void 0 ? void 0 : _b.length) > 0 && this.renderMediaIcons());
+    return h("yoo-form-carousel", { ...attrs, class: this.entry.eventConfigs ? 'calendar-event' : '', onClick: (ev) => { this.onMediaClicked(ev); } }, this.entry.eventConfigs && this.renderSharedEvent(this.entry.eventConfigs, 'media-bottom'), this.entry.middleActions && this.renderActions(this.entry.middleActions, true, 'icons-top'), this.hasFeedIcons() && !this.detailView && this.renderFeedIcons(), this.hasMediaTags() && this.renderMediaTags(), ((_b = (_a = this.entry) === null || _a === void 0 ? void 0 : _a.mediaIcons) === null || _b === void 0 ? void 0 : _b.length) > 0 && this.renderMediaIcons());
   }
   renderBlockOverlay() {
     return (h("div", { class: {
         'block-container': true,
         text: !this.hasMediaSrc()
-      } },
-      h("yoo-empty-state", { type: "waiting" }),
-      this.hasMediaTags() && this.renderMediaTags()));
+      } }, h("yoo-empty-state", { type: "waiting" }), this.hasMediaTags() && this.renderMediaTags()));
   }
   renderMarkDescription() {
-    return (h("div", null,
-      translate('DERIVEDFROM'),
-      h("mark", null,
-        " ",
-        ' "' + translateMulti(this.entry.fieldTitle) + '" '),
-      translate('YOOBICIN')));
+    return (h("div", null, translate('DERIVEDFROM'), h("mark", null, " ", ' "' + translateMulti(this.entry.fieldTitle) + '" '), translate('YOOBICIN')));
   }
   renderText() {
     var _a;
@@ -239,20 +227,12 @@ export class YooCardFeedComponent {
     return (h("div", { class: "info-feed" }, this.entry.topActions.map((a) => (h("span", { onClick: (ev) => execHandlerAndStopEvent(ev, a.handler) }, a.text)))));
   }
   renderChart() {
-    return (h("div", { class: "feed-chart" },
-      this.entry.chartDefinition.title && h("div", { class: "chart-title" }, this.entry.chartDefinition.title),
-      h("yoo-kpi", { class: { 'allow-click': this.modalMode && this.isCreator() }, chartClass: "feed-chart", style: { height: this.entry.chartBarTotal * 70 + 'px' }, hideIfEmpty: true, definition: this.entry.chartDefinition, config: this.entry.chartConfig, isFullScreen: this.modalMode, onKpiClick: (ev) => this.onKpiClick(ev) }),
-      this.entry.chartTotal > 0 && (h("div", { onClick: (ev) => {
-          this.onPollVoteClicked(ev);
-        }, class: "chart-total" },
-        this.entry.chartTotal.toLocaleString(),
-        " ",
-        translate('VOTES').toLowerCase()))));
+    return (h("div", { class: "feed-chart" }, this.entry.chartDefinition.title && h("div", { class: "chart-title" }, this.entry.chartDefinition.title), h("yoo-kpi", { class: { 'allow-click': this.modalMode && this.isCreator() }, chartClass: "feed-chart", style: { height: this.entry.chartBarTotal * 70 + 'px' }, hideIfEmpty: true, definition: this.entry.chartDefinition, config: this.entry.chartConfig, isFullScreen: this.modalMode, onKpiClick: (ev) => this.onKpiClick(ev) }), this.entry.chartTotal > 0 && (h("div", { onClick: (ev) => {
+        this.onPollVoteClicked(ev);
+      }, class: "chart-total" }, this.entry.chartTotal.toLocaleString(), " ", translate('VOTES').toLowerCase()))));
   }
   renderBottomActionText(item) {
-    return (h("div", { class: 'action ' + (item.cssClass || '') },
-      item.icon && h("yoo-icon", { name: item.icon, color: item.iconColor, size: "medium" }),
-      item.text));
+    return (h("div", { class: 'action ' + (item.cssClass || '') }, item.icon && h("yoo-icon", { name: item.icon, color: item.iconColor, size: "medium" }), item.text));
   }
   renderActions(actions, middle, slotName) {
     return actions.map((item) => {
@@ -291,28 +271,22 @@ export class YooCardFeedComponent {
         execHandlerAndStopEvent(ev, icon.handler);
       }
     };
-    return (h("span", { slot: "start", class: 'feed-icon ' + (this.shouldAllowToggle(icon) ? 'custom-icon' : '') + (icon.cssClass ? icon.cssClass : '') },
-      this.shouldAllowToggle(icon) ?
-        h("yoo-lottie", { initialFrame: this.entry.isLikedByMe ? 50 : null, onClick: (ev) => clickHandler(icon, ev), type: icon.icon, autoplay: this.entry.isLikedByMe },
-          h("yoo-icon", { slot: "placeholder", name: icon.icon, color: (this.entry.isLikedByMe ? 'danger' : icon.color || 'stable-alt'), size: (size || 'medium') })) :
-        h("yoo-icon", { onClick: (ev) => clickHandler(icon, ev), name: icon.icon, color: icon.color || 'stable-alt', size: size || 'medium' }),
-      icon.text ? (h("span", { onClick: (ev) => clickHandler(icon, ev), class: "icon-text" }, icon.text)) : null));
+    return (h("span", { slot: "start", class: 'feed-icon ' + (this.shouldAllowToggle(icon) ? 'custom-icon' : '') + (icon.cssClass ? icon.cssClass : '') }, this.shouldAllowToggle(icon) ?
+      h("yoo-lottie", { initialFrame: this.entry.isLikedByMe ? 50 : null, onClick: (ev) => clickHandler(icon, ev), type: icon.icon, autoplay: this.entry.isLikedByMe }, h("yoo-icon", { slot: "placeholder", name: icon.icon, color: (this.entry.isLikedByMe ? 'danger' : icon.color || 'stable-alt'), size: (size || 'medium') })) :
+      h("yoo-icon", { onClick: (ev) => clickHandler(icon, ev), name: icon.icon, color: icon.color || 'stable-alt', size: size || 'medium' }), icon.text ? (h("span", { onClick: (ev) => clickHandler(icon, ev), class: "icon-text" }, icon.text)) : null));
   }
   renderSubIcons(icon, size) {
     const actions = icon.subIcons.map((subIcon) => {
       return { text: subIcon.text, icon: subIcon.icon, handler: () => subIcon.handler() };
     });
     if (isWeb(this.host)) {
-      return (h("span", { slot: "start", class: "feed-icon" },
-        h("yoo-context-menu", { contentButtons: actions },
-          h("yoo-icon", { name: icon.icon, color: icon.color || 'stable-alt', size: size || 'medium' }))));
+      return (h("span", { slot: "start", class: "feed-icon" }, h("yoo-context-menu", { contentButtons: actions }, h("yoo-icon", { name: icon.icon, color: icon.color || 'stable-alt', size: size || 'medium' }))));
     }
     else {
       return (h("span", { slot: "start", class: "feed-icon", onClick: (ev) => {
           ev.stopPropagation();
           showActionSheet(actions);
-        } },
-        h("yoo-icon", { name: icon.icon, color: icon.color || 'stable-alt', size: size || 'medium' })));
+        } }, h("yoo-icon", { name: icon.icon, color: icon.color || 'stable-alt', size: size || 'medium' })));
     }
   }
   renderFeedIcons() {
@@ -479,37 +453,22 @@ export class YooCardFeedComponent {
       this.hasSubheadings()
         ? this.entry.subheadings.map((sub) => (sub ? h("span", { class: "feed-subheading" }, sub) : null))
         : null,
-      ((_b = (_a = this.entry) === null || _a === void 0 ? void 0 : _a.groups) === null || _b === void 0 ? void 0 : _b.length) > 0 && (h("span", { class: "feed-subheading pointer truncate", onClick: () => this.onGroupClicked() },
-        isWeb(this.host) ? h("yoo-icon", { name: "group", size: "small", color: "text-color" }) : h("span", { class: "pre-wrap" }, ' • '),
-        this.entry.sharedIn ? this.entry.sharedIn : this.renderSharedIn()))
+      ((_b = (_a = this.entry) === null || _a === void 0 ? void 0 : _a.groups) === null || _b === void 0 ? void 0 : _b.length) > 0 && (h("span", { class: "feed-subheading pointer truncate", onClick: () => this.onGroupClicked() }, isWeb(this.host) ? h("yoo-icon", { name: "group", size: "small", color: "text-color" }) : h("span", { class: "pre-wrap" }, ' • '), this.entry.sharedIn ? this.entry.sharedIn : this.renderSharedIn()))
     ];
   }
   renderFeedDates() {
     var _a;
-    return (((_a = this.entry) === null || _a === void 0 ? void 0 : _a.dates) && (h("div", { class: "feed-heading-inner-container" },
-      h("span", { class: "feed-subheading truncate" }, this.entry.dates))));
+    return (((_a = this.entry) === null || _a === void 0 ? void 0 : _a.dates) && (h("div", { class: "feed-heading-inner-container" }, h("span", { class: "feed-subheading truncate" }, this.entry.dates))));
   }
   renderPhotosSubheading() {
-    return this.hasSubheadings() ? (h("div", { class: "feed-subheading" },
-      this.entry.subheadings[0],
-      h("span", { class: "pre-wrap" }, ' at '),
-      h("mark", null, this.entry.subheadings[1]))) : null;
+    return this.hasSubheadings() ? (h("div", { class: "feed-subheading" }, this.entry.subheadings[0], h("span", { class: "pre-wrap" }, ' at '), h("mark", null, this.entry.subheadings[1]))) : null;
   }
   renderMoreButton() {
-    return (h("div", { class: "feed-menu", onClick: (ev) => this.onShowActions(ev) },
-      h("yoo-icon", { name: "more", color: "stable" })));
+    return (h("div", { class: "feed-menu", onClick: (ev) => this.onShowActions(ev) }, h("yoo-icon", { name: "more", color: "stable" })));
   }
   renderDetailViewHeader() {
     var _a;
-    return (h("div", { class: "feed-top" },
-      h("div", { class: "feed-heading" },
-        ((_a = this.entry) === null || _a === void 0 ? void 0 : _a.heading) && (h("span", { class: "feed-title-container" },
-          this.renderAvatar('small'),
-          h("span", { class: "text" }, this.entry.heading),
-          this.hasActions() && (h("yoo-context-menu", { class: "flex", contentButtons: this.entry.actions, onClick: (ev) => ev.stopPropagation() },
-            h("yoo-icon", { name: "download", color: "stable-alt" }))))),
-        h("div", { class: "feed-heading-inner-container" }, this.isPhotos ? this.renderPhotosSubheading() : this.renderFeedSubheading()),
-        this.renderFeedDates())));
+    return (h("div", { class: "feed-top" }, h("div", { class: "feed-heading" }, ((_a = this.entry) === null || _a === void 0 ? void 0 : _a.heading) && (h("span", { class: "feed-title-container" }, this.renderAvatar('small'), h("span", { class: "text" }, this.entry.heading), this.hasActions() && (h("yoo-context-menu", { class: "flex", contentButtons: this.entry.actions, onClick: (ev) => ev.stopPropagation() }, h("yoo-icon", { name: "download", color: "stable-alt" }))))), h("div", { class: "feed-heading-inner-container" }, this.isPhotos ? this.renderPhotosSubheading() : this.renderFeedSubheading()), this.renderFeedDates())));
   }
   renderAvatar(size = isWeb(this.host) ? 'large' : 'medium') {
     var _a, _b, _c;
@@ -519,18 +478,9 @@ export class YooCardFeedComponent {
   }
   renderFeedTop() {
     var _a, _b, _c, _d, _e, _f;
-    return (h("div", { class: { 'feed-top': true, 'community': !!this.entry.community } },
-      h("div", { class: "left-part" },
-        ((_a = this.entry.community) === null || _a === void 0 ? void 0 : _a.name) && h("yoo-badge", { class: "community", color: "app-color", onClick: (ev) => this.onEmbeddedEntityClicked(this.entry.community, 'communities', ev), text: this.entry.community.name, shape: "rectangle" }),
-        (((_b = this.entry) === null || _b === void 0 ? void 0 : _b.icon) || ((_c = this.entry) === null || _c === void 0 ? void 0 : _c.iconText) || ((_d = this.entry) === null || _d === void 0 ? void 0 : _d.user) || ((_e = this.entry) === null || _e === void 0 ? void 0 : _e.username)) && this.renderAvatar(),
-        h("div", { class: "feed-heading" },
-          ((_f = this.entry) === null || _f === void 0 ? void 0 : _f.heading) && (h("span", { class: "feed-title-container" },
-            h("span", { class: "text" }, this.entry.heading))),
-          h("div", { class: "feed-heading-inner-container" }, this.isPhotos ? this.renderPhotosSubheading() : this.renderFeedSubheading()),
-          this.renderFeedDates())),
-      this.hasActions() &&
-        !this.detailView &&
-        (isWeb(this.host) ? (h("yoo-context-menu", { contentButtons: this.entry.actions, onClick: (ev) => ev.stopPropagation() }, this.renderMoreButton())) : (this.renderMoreButton()))));
+    return (h("div", { class: { 'feed-top': true, 'community': !!this.entry.community } }, h("div", { class: "left-part" }, ((_a = this.entry.community) === null || _a === void 0 ? void 0 : _a.name) && h("yoo-badge", { class: "community", color: "app-color", onClick: (ev) => this.onEmbeddedEntityClicked(this.entry.community, 'communities', ev), text: this.entry.community.name, shape: "rectangle" }), (((_b = this.entry) === null || _b === void 0 ? void 0 : _b.icon) || ((_c = this.entry) === null || _c === void 0 ? void 0 : _c.iconText) || ((_d = this.entry) === null || _d === void 0 ? void 0 : _d.user) || ((_e = this.entry) === null || _e === void 0 ? void 0 : _e.username)) && this.renderAvatar(), h("div", { class: "feed-heading" }, ((_f = this.entry) === null || _f === void 0 ? void 0 : _f.heading) && (h("span", { class: "feed-title-container" }, h("span", { class: "text" }, this.entry.heading))), h("div", { class: "feed-heading-inner-container" }, this.isPhotos ? this.renderPhotosSubheading() : this.renderFeedSubheading()), this.renderFeedDates())), this.hasActions() &&
+      !this.detailView &&
+      (isWeb(this.host) ? (h("yoo-context-menu", { contentButtons: this.entry.actions, onClick: (ev) => ev.stopPropagation() }, this.renderMoreButton())) : (this.renderMoreButton()))));
   }
   renderFooterActions() {
     return h("div", { class: "feed-footer-actions" }, this.entry.footerActions.map((item) => getButton(item)));
@@ -550,45 +500,31 @@ export class YooCardFeedComponent {
     }
     return (h("div", { class: "feed-mention-actions", onClick: (ev) => {
         this.onFirstCommentClicked(ev);
-      } },
-      mentionedBy && h("yoo-avatar", { user: mentionedBy, size: "extra-small" }),
-      hasImage ? h("span", { class: "app-color" }, translate('VIEWMEDIA')) : h("span", { class: "first-comment-text" }, removeTextStyle(firstCommentText))));
+      } }, mentionedBy && h("yoo-avatar", { user: mentionedBy, size: "extra-small" }), hasImage ? h("span", { class: "app-color" }, translate('VIEWMEDIA')) : h("span", { class: "first-comment-text" }, removeTextStyle(firstCommentText))));
   }
   renderFiles(documents) {
-    return (h("div", { class: "feed-document-container" },
-      h("yoo-form-carousel", { mediaType: "document", allowSwipeDownDismiss: false, mediaSrc: documents, hideSecondaryActions: this.previewMode })));
+    return (h("div", { class: "feed-document-container" }, h("yoo-form-carousel", { mediaType: "document", allowSwipeDownDismiss: false, mediaSrc: documents, hideSecondaryActions: this.previewMode })));
   }
   renderPlan() {
-    return (h("div", { class: "feed-plan" },
-      h("yoo-form-plan", { class: "dark", secondaryView: true, plan: this.entry.plan, planRef: this.entry.plan._id, feedRef: this.entry.feedRef, checkPermission: true, onClick: (ev) => {
-          var _a;
-          if ((_a = getPermissions()) === null || _a === void 0 ? void 0 : _a.canViewMicrolearning) {
-            this.onEmbeddedEntityClicked(this.entry.plan, 'plans', ev);
-          }
-        } })));
+    return (h("div", { class: "feed-plan" }, h("yoo-form-plan", { class: "dark", secondaryView: true, plan: this.entry.plan, planRef: this.entry.plan._id, feedRef: this.entry.feedRef, checkPermission: true, onClick: (ev) => {
+        var _a;
+        if ((_a = getPermissions()) === null || _a === void 0 ? void 0 : _a.canViewMicrolearning) {
+          this.onEmbeddedEntityClicked(this.entry.plan, 'plans', ev);
+        }
+      } })));
   }
   renderWiki() {
-    return (h("div", { class: "feed-wiki" },
-      h("yoo-form-wiki", { class: "dark", wiki: { ...this.entry.question, ...{ extraClasses: 'card-feed' } }, wikiRef: this.entry.question._id, feedRef: this.entry.feedRef, onClick: (ev) => {
-          this.onEmbeddedEntityClicked(this.entry.question, 'questions', ev);
-        } })));
+    return (h("div", { class: "feed-wiki" }, h("yoo-form-wiki", { class: "dark", wiki: { ...this.entry.question, ...{ extraClasses: 'card-feed' } }, wikiRef: this.entry.question._id, feedRef: this.entry.feedRef, onClick: (ev) => {
+        this.onEmbeddedEntityClicked(this.entry.question, 'questions', ev);
+      } })));
   }
   renderAttachment(extraClasses) {
     var _a;
-    return (h("div", { class: `attachment-container ${extraClasses ? extraClasses : ''}` },
-      h("div", { class: "header" },
-        h("yoo-icon", { name: "attachment", color: "dark", size: "small" }),
-        translate('ATTACHMENTS')),
-      h("div", { class: "attachment-inner-container" },
-        ((_a = this.entry.documents) === null || _a === void 0 ? void 0 : _a.length) > 0 && this.renderFiles(this.entry.documents),
-        this.entry.plan && Object.keys(this.entry.plan).length > 0 && this.renderPlan(),
-        this.entry.question && this.renderWiki())));
+    return (h("div", { class: `attachment-container ${extraClasses ? extraClasses : ''}` }, h("div", { class: "header" }, h("yoo-icon", { name: "attachment", color: "dark", size: "small" }), translate('ATTACHMENTS')), h("div", { class: "attachment-inner-container" }, ((_a = this.entry.documents) === null || _a === void 0 ? void 0 : _a.length) > 0 && this.renderFiles(this.entry.documents), this.entry.plan && Object.keys(this.entry.plan).length > 0 && this.renderPlan(), this.entry.question && this.renderWiki())));
   }
   renderPoll() {
     var _a, _b;
-    return (h("div", { class: "poll-container" },
-      h("div", { class: "header" }, this.entry.pollIsLong ? translate('POLLLINKEXISTING') : translate('POLLTITLE')),
-      h("div", { class: "content" }, translateMulti(this.entry.pollTitle)), (_b = (_a = this.entry) === null || _a === void 0 ? void 0 : _a.pollAnswers) === null || _b === void 0 ? void 0 :
+    return (h("div", { class: "poll-container" }, h("div", { class: "header" }, this.entry.pollIsLong ? translate('POLLLINKEXISTING') : translate('POLLTITLE')), h("div", { class: "content" }, translateMulti(this.entry.pollTitle)), (_b = (_a = this.entry) === null || _a === void 0 ? void 0 : _a.pollAnswers) === null || _b === void 0 ? void 0 :
       _b.map((item) => {
         if (item) {
           return [h("div", { class: "header" }, translate('ANSWER')), h("div", { class: "content" }, translate(item))];
@@ -631,24 +567,14 @@ export class YooCardFeedComponent {
     return (h("div", { class: {
         'translate-container fr-view': true,
         active: this.showTranslatedText
-      } },
-      h("div", { class: "inner-container" },
-        this.isTranslating && h("yoo-loader", { class: "absolute backdrop-transparent" }),
-        this.showTranslatedText && h("div", { class: "text-container", innerHTML: replaceAllLinks(this.translatedText, true) }),
-        h("div", { class: "translation-button", onClick: (ev) => this.onTranslateToggle(ev) }, this.showTranslatedText ? h("span", null, translate('HIDETRANSLATION')) : translate('SEETRANSLATION')))));
+      } }, h("div", { class: "inner-container" }, this.isTranslating && h("yoo-loader", { class: "absolute backdrop-transparent" }), this.showTranslatedText && h("div", { class: "text-container", innerHTML: replaceAllLinks(this.translatedText, true) }), h("div", { class: "translation-button", onClick: (ev) => this.onTranslateToggle(ev) }, this.showTranslatedText ? h("span", null, translate('HIDETRANSLATION')) : translate('SEETRANSLATION')))));
   }
   renderSharedEvent(configs, slotName) {
     var _a, _b;
-    return (h("div", { class: "event-container", slot: slotName },
-      h(CardEvent, { configs: configs }),
-      !!((_a = configs === null || configs === void 0 ? void 0 : configs.documents) === null || _a === void 0 ? void 0 : _a.length) && h("div", { slot: "event-document" }, this.renderFiles(configs.documents)),
-      !!((_b = configs === null || configs === void 0 ? void 0 : configs.actions) === null || _b === void 0 ? void 0 : _b.length) && h("div", { slot: "event-action" },
-        h(EventActions, { extraClasses: { 'single-row': !isWeb(this.host) || (this.modalMode && this.eventMode) }, actions: configs.actions }))));
+    return (h("div", { class: "event-container", slot: slotName }, h(CardEvent, { configs: configs }), !!((_a = configs === null || configs === void 0 ? void 0 : configs.documents) === null || _a === void 0 ? void 0 : _a.length) && h("div", { slot: "event-document" }, this.renderFiles(configs.documents)), !!((_b = configs === null || configs === void 0 ? void 0 : configs.actions) === null || _b === void 0 ? void 0 : _b.length) && h("div", { slot: "event-action" }, h(EventActions, { extraClasses: { 'single-row': !isWeb(this.host) || (this.modalMode && this.eventMode) }, actions: configs.actions }))));
   }
   renderScheduledDate() {
-    return (h("yoo-tag", { color: "energized", class: "scheduled-date" },
-      h("yoo-icon", { slot: "start", name: "calendar", size: "small", color: "light" }),
-      this.entry.scheduledDate));
+    return (h("yoo-tag", { color: "energized", class: "scheduled-date" }, h("yoo-icon", { slot: "start", name: "calendar", size: "small", color: "light" }), this.entry.scheduledDate));
   }
   renderUIFields() {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j;
@@ -656,8 +582,7 @@ export class YooCardFeedComponent {
       !isEmpty((_e = (_d = this.entry) === null || _d === void 0 ? void 0 : _d.uiFields) === null || _e === void 0 ? void 0 : _e.data) &&
       this.entry.uiFields.fields.some((f) => isFieldWithNoValue(f) || !isNullOrUndefined(this.entry.uiFields.data[f.name]))
       && !((_g = (_f = this.host) === null || _f === void 0 ? void 0 : _f.classList) === null || _g === void 0 ? void 0 : _g.contains('map')) && !((_j = (_h = this.host) === null || _h === void 0 ? void 0 : _h.classList) === null || _j === void 0 ? void 0 : _j.contains('grid-cell'))) {
-      return (h("div", { class: "uifield-container" },
-        h("yoo-form-dynamic", { class: "inline in-card secondary", scrollable: false, forceReadonly: true, slides: [{ title: '', items: this.entry.uiFields.fields }], data: this.entry.uiFields.data, suffix: this.entry.uiFieldsSuffix, showTabs: false, formInputSize: "medium", showRecap: false, onDataChanged: (ev) => ev.stopPropagation() })));
+      return (h("div", { class: "uifield-container" }, h("yoo-form-dynamic", { class: "inline in-card secondary", scrollable: false, forceReadonly: true, slides: [{ title: '', items: this.entry.uiFields.fields }], data: this.entry.uiFields.data, suffix: this.entry.uiFieldsSuffix, showTabs: false, formInputSize: "medium", showRecap: false, onDataChanged: (ev) => ev.stopPropagation() })));
     }
   }
   /**
@@ -721,24 +646,19 @@ export class YooCardFeedComponent {
     }
   }
   renderCardIncentive() {
-    return (h("div", { class: "card-container" },
-      h(CardIncentive, { configs: this.entry.incentiveConfigs })));
+    return (h("div", { class: "card-container" }, h(CardIncentive, { configs: this.entry.incentiveConfigs })));
   }
   renderCardAnnouncement() {
     return h(CardAnnouncement, { configs: this.entry.campaignConfigs });
   }
   renderCardCampaign() {
-    return (h("div", { class: "card-container" },
-      h(CardCampaign, { configs: this.entry.campaignConfigs }),
-      (!this.entry.campaignConfigs.isEmpty && this.entry.campaignConfigs.availableCount > 1 && !this.entry.campaignConfigs.isService) ?
-        h("yoo-button", { color: "app-color", size: "large", onClick: (ev) => execHandlerAndStopEvent(ev, this.entry.campaignConfigs.viewAllHandler) }, translate('VIEWALL'))
-        : null,
-      (!this.entry.campaignConfigs.isEmpty && this.entry.campaignConfigs.availableMission && this.entry.campaignConfigs.missionDetailHandler) ?
-        h("yoo-button", { color: "app-color", size: "large", onClick: (ev) => execHandlerAndStopEvent(ev, this.entry.campaignConfigs.missionDetailHandler) }, translate('VIEW'))
-        : null,
-      (!this.entry.campaignConfigs.isEmpty && this.entry.campaignConfigs.isService && this.entry.campaignConfigs.createHandler) ?
-        h("yoo-button", { color: "app-color", size: "large", onClick: (ev) => execHandlerAndStopEvent(ev, this.entry.campaignConfigs.createHandler) }, translate('CREATEREQUEST'))
-        : null));
+    return (h("div", { class: "card-container" }, h(CardCampaign, { configs: this.entry.campaignConfigs }), (!this.entry.campaignConfigs.isEmpty && this.entry.campaignConfigs.availableCount > 1 && !this.entry.campaignConfigs.isService) ?
+      h("yoo-button", { color: "app-color", size: "large", onClick: (ev) => execHandlerAndStopEvent(ev, this.entry.campaignConfigs.viewAllHandler) }, translate('VIEWALL'))
+      : null, (!this.entry.campaignConfigs.isEmpty && this.entry.campaignConfigs.availableMission && this.entry.campaignConfigs.missionDetailHandler) ?
+      h("yoo-button", { color: "app-color", size: "large", onClick: (ev) => execHandlerAndStopEvent(ev, this.entry.campaignConfigs.missionDetailHandler) }, translate('VIEW'))
+      : null, (!this.entry.campaignConfigs.isEmpty && this.entry.campaignConfigs.isService && this.entry.campaignConfigs.createHandler) ?
+      h("yoo-button", { color: "app-color", size: "large", onClick: (ev) => execHandlerAndStopEvent(ev, this.entry.campaignConfigs.createHandler) }, translate('CREATEREQUEST'))
+      : null));
   }
   renderThumbnailView() {
     return (h("div", { class: "thumbnail-view-container" }, this.entry.mediaSrc.map((src, index) => {
@@ -777,27 +697,20 @@ export class YooCardFeedComponent {
   renderDetailView() {
     var _a;
     return [
-      h("div", { class: "left-container" },
-        h("yoo-icon", { name: "close", class: "close", color: "stable", onClick: () => closeModal(null) }),
-        this.renderMainView(),
-        ((_a = this.entry.mediaSrc) === null || _a === void 0 ? void 0 : _a.length) > 1 && this.renderThumbnailView()),
-      h("div", { class: "right-container" },
-        this.renderDetailViewHeader(),
-        h("yoo-ion-content", null, this.renderContent()),
-        h("slot", { name: "bottom" }))
+      h("div", { class: "left-container" }, h("yoo-icon", { name: "close", class: "close", color: "stable", onClick: () => closeModal(null) }), this.renderMainView(), ((_a = this.entry.mediaSrc) === null || _a === void 0 ? void 0 : _a.length) > 1 && this.renderThumbnailView()),
+      h("div", { class: "right-container" }, this.renderDetailViewHeader(), h("yoo-ion-content", null, this.renderContent()), h("slot", { name: "bottom" }))
     ];
   }
   renderSharedFeed() {
     const entry = this.entry.sharedFeed;
     entry.heading = getUserDisplayName(entry.user);
-    return (h("div", { class: "shared-container" },
-      h("yoo-card-feed", { class: "shared-feed", previewMode: this.previewMode, detailView: this.detailView, modalMode: this.modalMode, entry: entry, onEmbeddedEntityClicked: (ev) => this.onEmbeddedEntityClicked(ev.detail.entity, ev.detail.entityType, ev), onSharedUserClicked: (ev) => {
-          ev.stopPropagation();
-          this.sharedUserClicked.emit(true);
-        }, onSharedMediaClicked: (ev) => {
-          ev.stopPropagation();
-          this.sharedMediaClicked.emit(true);
-        } })));
+    return (h("div", { class: "shared-container" }, h("yoo-card-feed", { class: "shared-feed", previewMode: this.previewMode, detailView: this.detailView, modalMode: this.modalMode, entry: entry, onEmbeddedEntityClicked: (ev) => this.onEmbeddedEntityClicked(ev.detail.entity, ev.detail.entityType, ev), onSharedUserClicked: (ev) => {
+        ev.stopPropagation();
+        this.sharedUserClicked.emit(true);
+      }, onSharedMediaClicked: (ev) => {
+        ev.stopPropagation();
+        this.sharedMediaClicked.emit(true);
+      } })));
   }
   render() {
     return (h(Host, { class: {
@@ -807,393 +720,404 @@ export class YooCardFeedComponent {
         'links-preview': this.linkPreviewMode,
         'detail-view': this.detailView,
         ...getAppContext(this.host)
-      } },
-      h("div", { class: {
-          'outer-container': true,
-          [this.getMediaType()]: !this.isBlockMode(),
-          blog: this.isBlog()
-        }, onClick: (ev) => {
-          this.onOuterContainerClick(ev);
-        } }, this.detailView ? this.renderDetailView() : [this.renderFeedTop(), this.isBlockMode() ? this.renderBlockOverlay() : this.renderContent()])));
+      } }, h("div", { class: {
+        'outer-container': true,
+        [this.getMediaType()]: !this.isBlockMode(),
+        blog: this.isBlog()
+      }, onClick: (ev) => {
+        this.onOuterContainerClick(ev);
+      } }, this.detailView ? this.renderDetailView() : [this.renderFeedTop(), this.isBlockMode() ? this.renderBlockOverlay() : this.renderContent()])));
   }
   static get is() { return "yoo-card-feed"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["card-feed.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["card-feed.css"]
-  }; }
-  static get properties() { return {
-    "modalMode": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "modal-mode",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "previewMode": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Preview mode for card feed in web"
-      },
-      "attribute": "preview-mode",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "detailView": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "detail-view",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "eventMode": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "event-mode",
-      "reflect": false
-    },
-    "isAnimationFinished": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+  static get originalStyleUrls() {
+    return {
+      "$": ["card-feed.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["card-feed.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "modalMode": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "modal-mode",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "attribute": "is-animation-finished",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "playerCommand": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "previewMode": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Preview mode for card feed in web"
+        },
+        "attribute": "preview-mode",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "detailView": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "detail-view",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "attribute": "player-command",
-      "reflect": false
-    },
-    "currentSlideIndex": {
-      "type": "number",
-      "mutable": true,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
+      "eventMode": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "event-mode",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "isAnimationFinished": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "is-animation-finished",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "attribute": "current-slide-index",
-      "reflect": false,
-      "defaultValue": "0"
-    },
-    "preventAutoPlayMedia": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "playerCommand": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "player-command",
+        "reflect": false
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "currentSlideIndex": {
+        "type": "number",
+        "mutable": true,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "current-slide-index",
+        "reflect": false,
+        "defaultValue": "0"
       },
-      "attribute": "prevent-auto-play-media",
-      "reflect": false
-    },
-    "linkPreviewMode": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "preventAutoPlayMedia": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "prevent-auto-play-media",
+        "reflect": false
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "linkPreviewMode": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "link-preview-mode",
+        "reflect": false
       },
-      "attribute": "link-preview-mode",
-      "reflect": false
-    },
-    "entry": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "ICardFeedEntry",
-        "resolved": "ICardFeedEntry",
-        "references": {
-          "ICardFeedEntry": {
-            "location": "import",
-            "path": "@shared/interfaces"
+      "entry": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "ICardFeedEntry",
+          "resolved": "ICardFeedEntry",
+          "references": {
+            "ICardFeedEntry": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    }
-  }; }
-  static get states() { return {
-    "translatedText": {},
-    "isTranslating": {},
-    "showTranslatedText": {},
-    "isVisible": {}
-  }; }
-  static get events() { return [{
-      "method": "groupClicked",
-      "name": "groupClicked",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }, {
-      "method": "bottomActionClicked",
-      "name": "bottomActionClicked",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      }
-    }, {
-      "method": "viewMoreToggled",
-      "name": "viewMoreToggled",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      }
-    }, {
-      "method": "mediaClicked",
-      "name": "mediaClicked",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      }
-    }, {
-      "method": "sharedMediaClicked",
-      "name": "sharedMediaClicked",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      }
-    }, {
-      "method": "embeddedEntityClicked",
-      "name": "embeddedEntityClicked",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }, {
-      "method": "outerClicked",
-      "name": "outerClicked",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      }
-    }, {
-      "method": "slideChanges",
-      "name": "slideChanges",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
       }
-    }, {
-      "method": "userClicked",
-      "name": "userClicked",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }, {
-      "method": "sharedUserClicked",
-      "name": "sharedUserClicked",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }, {
-      "method": "pollVoteClicked",
-      "name": "pollVoteClicked",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }, {
-      "method": "enteringViewPort",
-      "name": "enteringViewPort",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      }
-    }]; }
+    };
+  }
+  static get states() {
+    return {
+      "translatedText": {},
+      "isTranslating": {},
+      "showTranslatedText": {},
+      "isVisible": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "groupClicked",
+        "name": "groupClicked",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }, {
+        "method": "bottomActionClicked",
+        "name": "bottomActionClicked",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        }
+      }, {
+        "method": "viewMoreToggled",
+        "name": "viewMoreToggled",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        }
+      }, {
+        "method": "mediaClicked",
+        "name": "mediaClicked",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        }
+      }, {
+        "method": "sharedMediaClicked",
+        "name": "sharedMediaClicked",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        }
+      }, {
+        "method": "embeddedEntityClicked",
+        "name": "embeddedEntityClicked",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }, {
+        "method": "outerClicked",
+        "name": "outerClicked",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        }
+      }, {
+        "method": "slideChanges",
+        "name": "slideChanges",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        }
+      }, {
+        "method": "userClicked",
+        "name": "userClicked",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }, {
+        "method": "sharedUserClicked",
+        "name": "sharedUserClicked",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }, {
+        "method": "pollVoteClicked",
+        "name": "pollVoteClicked",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }, {
+        "method": "enteringViewPort",
+        "name": "enteringViewPort",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        }
+      }];
+  }
   static get elementRef() { return "host"; }
-  static get watchers() { return [{
-      "propName": "entry",
-      "methodName": "onEntryUpdate"
-    }]; }
+  static get watchers() {
+    return [{
+        "propName": "entry",
+        "methodName": "onEntryUpdate"
+      }];
+  }
 }