@yoobic/yobi 8.3.0-38 → 8.3.0-41

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

@@ -90,10 +90,20 @@ export class YooFormCreatorTranslateComponent {
             icon: 'file-excel',
             handler: () => this.onExport('xlsx')
           },
+          {
+            text: translate('EXCELKEEPHTML'),
+            icon: 'file-excel',
+            handler: () => this.onExport('xlsx', true)
+          },
           {
             text: translate('CSV'),
             icon: 'file-csv',
             handler: () => this.onExport('csv')
+          },
+          {
+            text: translate('CSVKEEPHTML'),
+            icon: 'file-csv',
+            handler: () => this.onExport('csv', true)
           }
         ]
       },
@@ -107,7 +117,7 @@ export class YooFormCreatorTranslateComponent {
         text: translate('DELETEALL'),
         icon: 'delete',
         handler: () => this.onLanguageDeleteAllConfirm(),
-        isVisible: () => { var _a, _b; return (!this.isTranslator && !((_a = this.plan) === null || _a === void 0 ? void 0 : _a.isActive) && !((_b = this.missionDescription) === null || _b === void 0 ? void 0 : _b.active)) || getAuthentication().isRoleAdmin(); }
+        isVisible: () => { var _a, _b; return (!this.isTranslator && !((_a = this.plan) === null || _a === void 0 ? void 0 : _a.isActive) && !((_b = this.missionDescription) === null || _b === void 0 ? void 0 : _b.active)) || getAuthentication().isYoobicTenantAdmin(); }
       }
     ];
     this.gridConfig = {
@@ -279,9 +289,9 @@ export class YooFormCreatorTranslateComponent {
   onImport() {
     this.translationImport.emit();
   }
-  onExport(type) {
+  onExport(type, forceHTML) {
     if (this.grid) {
-      this.grid.doPrintLocal(type);
+      this.grid.doPrintLocal(type, forceHTML);
     }
   }
   onBaseLanguageChanged(ev) {

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

@@ -38,7 +38,7 @@ export class YooWorkflowComponent {
       this.currentWorkflowStep = this.steps[0];
     }
     this.wheelListener = this.onWorkflowZoom.bind(this);
-    window.addEventListener('wheel', this.wheelListener, { passive: false });
+    window.addEventListener('wheel', this.wheelListener, { passive: true });
   }
   componentDidLoad() {
     this.centerWorkflow();

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

@@ -44,7 +44,7 @@ function defaultRenderer(params) {
       retVal = title || retVal;
     }
     if (params.isExport) {
-      return translateFunction(stripHtml((retVal === null || retVal === void 0 ? void 0 : retVal.toString()) || ''));
+      return translateFunction(params.forceHtml ? ((retVal === null || retVal === void 0 ? void 0 : retVal.toString()) || '') : (stripHtml((retVal === null || retVal === void 0 ? void 0 : retVal.toString()) || '')));
     }
     return color ? `<yoo-tag custom-color="${color}">${translateFunction(retVal.toString())}</yoo-tag>` : '<div>' + translateFunction(retVal.toString()) + '</div>';
   }
@@ -1174,7 +1174,6 @@ class EntityRenderer {
     this.entity.displayType = params.displayType || 'card-list';
     this.entity.entityType = entityType;
     this.entity.customModel = params.customModel;
-    this.entity.disableRowClick = params.disableRowClick;
     this.entity.isGridCell = true;
     this.entity.item = params.useValue ? params.value : params.data;
     if (entityType === 'missiondatas' && ((_b = (_a = params === null || params === void 0 ? void 0 : params.data) === null || _a === void 0 ? void 0 : _a.mission) === null || _b === void 0 ? void 0 : _b.hasWorkflow)) {

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

@@ -244,6 +244,8 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   --framed-radius: initial;
   --framed-margin: 0;
   --card-feed-border-color: var(--stable-alt-60, rgba(208, 208, 208, 0.6));
+  --arrows-background-left: var(--linear-gradient-left, linear-gradient(to left, rgba(255, 255, 255, 0), white));
+  --arrows-background-right: var(--linear-gradient-right, linear-gradient(to right, rgba(255, 255, 255, 0), white));
   display: block;
 }
 :host .flex {
@@ -2744,11 +2746,11 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 }
 :host(.web:not(.framed)) .container-base .gradient-overlay.left {
   left: -1rem;
-  background: var(--linear-gradient-left, linear-gradient(to left, rgba(255, 255, 255, 0), white));
+  background: var(--arrows-background-left);
 }
 :host(.web:not(.framed)) .container-base .gradient-overlay.right {
   right: 0;
-  background: var(--linear-gradient-right, linear-gradient(to right, rgba(255, 255, 255, 0), white));
+  background: var(--arrows-background-right);
 }
 :host(.web:not(.framed)) .container-base .title-container {
   display: flex;
@@ -4072,7 +4074,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   border-top: var(--border-width-01, 0.0625rem) solid var(--stable-alt-40, rgba(208, 208, 208, 0.4));
 }
 
-:host(.course-live-preview.web) .container-base {
+:host(.course-preview.web) .container-base {
   margin-right: var(--spacing-16, 1rem);
 }
 

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

@@ -383,12 +383,12 @@ export class YooGridComponent {
       this.selection = this.selection.filter((i) => i._id !== item._id);
     }
   }
-  async doPrintLocal(type) {
+  async doPrintLocal(type, forceHtml) {
     if (this.gridApi && !this.disconnected) {
       const options = {
         columnKeys: map(sortBy(this.finalGridConfig.columnDefs, 'exportOrder'), (c) => c.field),
         allColumns: true,
-        processCellCallback: (params) => getRenderer('exportRenderer')(params)
+        processCellCallback: (params) => getRenderer('exportRenderer')({ ...params, forceHtml })
       };
       if (type === 'xlsx') {
         this.gridApi.exportDataAsExcel(options);
@@ -526,6 +526,9 @@ export class YooGridComponent {
       this.slidesOptions.spaceBetween = 0;
       this.slidesOptions.slidesPerView = 'auto';
     }
+    if (this.displayType === 'card-sticky' && this.entityType === 'photos') {
+      this.slidesOptions.slidesOffsetBefore = 0;
+    }
     if (!isWeb(this.host)) {
       this.setDisplayIcon();
     }
@@ -933,7 +936,7 @@ export class YooGridComponent {
     }
   }
   preventSlidePerView() {
-    const preventArr = ['courses-small', 'feeds', 'courses', 'plans', 'missiondescriptions', 'badges', 'tenants'];
+    const preventArr = ['courses-small', 'feeds', 'courses', 'plans', 'missiondescriptions', 'badges', 'tenants', 'photos'];
     return preventArr.includes(this.entityType) && (this.displayType === 'card-sticky' || this.displayType === 'card-list-color' || this.profileSummary);
   }
   async updateSlides(forceAnimation) {
@@ -7706,10 +7709,13 @@ export class YooGridComponent {
     },
     "doPrintLocal": {
       "complexType": {
-        "signature": "(type: TExport) => Promise<void>",
+        "signature": "(type: TExport, forceHtml?: boolean) => Promise<void>",
         "parameters": [{
             "tags": [],
             "text": ""
+          }, {
+            "tags": [],
+            "text": ""
           }],
         "references": {
           "Promise": {

package/dist/collection/feature-communicate/chat/chat-message/chat-message.js

@@ -1,9 +1,9 @@
 import { MessageType } from '@shared/interfaces';
-import { dateFormat, getExtension, getResizedImageSize, getSession, isAudio, isBase64, isDocument, isFile, isImage, isIOS, isNativeMobile, isPdf, isPhotoEdited, isRichContentMessage, isUnsplashUrl, isVideo, replaceAllLinks, replaceAndGetAllLinks, replaceAtTagToMentionTag, showMessageInfoDialog, translate, translateMulti } from '@shared/utils';
+import { dateFormat, getExtension, getResizedImageSize, getSession, isAudio, isBase64, isDocument, isFile, isImage, isIOS, isNativeMobile, isPdf, isPhotoEdited, isRichContentMessage, isUnsplashUrl, isVideo, replaceAndGetAllLinks, showMessageInfoDialog, translate } from '@shared/utils';
 import { Component, Element, Event, forceUpdate, h, Host, Method, Prop, State } from '@stencil/core';
 import { debounce } from 'lodash-es';
 import { assignPressActions } from '../../../utils/gesture';
-import { getDateFormats } from '../../../utils/helpers/chat-helpers';
+import { convertTags, getDateFormats } from '../../../utils/helpers/chat-helpers';
 const DEFAULT_VIDEO_DIMENSIONS = { width: 240, height: 175 };
 export class YooChatMessageComponent {
   constructor() {
@@ -47,10 +47,6 @@ export class YooChatMessageComponent {
     var _a;
     return !!((_a = this.message) === null || _a === void 0 ? void 0 : _a.replyMessage);
   }
-  get hasMentions() {
-    var _a, _b;
-    return !!((_b = (_a = this.message) === null || _a === void 0 ? void 0 : _a.mentions) === null || _b === void 0 ? void 0 : _b.length);
-  }
   get hasPreviewLinks() {
     var _a;
     return !!((_a = this.linkPreviews) === null || _a === void 0 ? void 0 : _a.length);
@@ -226,11 +222,9 @@ export class YooChatMessageComponent {
   renderBasicMessage() {
     const { mentions, content } = this.message || {};
     const textColor = this.isMe ? 'light' : 'app-color';
-    const convertMentions = (text) => this.hasMentions ? replaceAtTagToMentionTag(text, mentions, textColor) : text;
-    const convertLinks = (text) => replaceAllLinks(translateMulti(text), false, textColor);
     return h("section", { id: "text", ...(isRichContentMessage(this.message) || this.mediaUrl) && { 'is-between': true }, class: "content" },
       !this.isReply && !this.hasPreviewLinks && this.renderMoreOptions(),
-      h("yoo-text", { ref: (el) => (this.textElement = el), content: content, extraConversion: [convertLinks, convertMentions] }));
+      h("yoo-text", { ref: (el) => (this.textElement = el), content: content, extraConversion: (host) => convertTags(host, { mentions, textColor }) }));
   }
   renderAudio() {
     return (h("yoo-audio-player", { boost: 100, src: this.mediaUrl }));

package/dist/collection/feature-communicate/chat/chat-message-preview/chat-message-preview.js

@@ -1,6 +1,7 @@
 import { MessageType } from '@shared/interfaces';
-import { getAudioDuration, getUserDisplayName, isChatMessageTypeMedia, isFile, pipes, replaceAllLinks, replaceAndGetAllLinks, translate, translateMulti } from '@shared/utils';
+import { getAudioDuration, getUserDisplayName, isChatMessageTypeMedia, isFile, pipes, replaceAndGetAllLinks, translate } from '@shared/utils';
 import { Component, Event, h, Host, Prop } from '@stencil/core';
+import { convertTags } from '../../../utils/helpers/chat-helpers';
 export class YooChatMessagePreviewComponent {
   constructor() {
     this.animated = true;
@@ -72,7 +73,6 @@ export class YooChatMessagePreviewComponent {
   }
   renderMedia(type) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-    const convertLinks = (text) => replaceAllLinks(translateMulti(text), false, 'app-color');
     return [
       h("yoo-icon", { name: this.getMediaIcon(type), color: !this.isInputBarMode ? 'app-color' : 'stable', size: "small" }),
       (type === MessageType.photo) && translate('YOOBIC' + ((_b = (_a = this.message) === null || _a === void 0 ? void 0 : _a.type) === null || _b === void 0 ? void 0 : _b.toUpperCase())),
@@ -80,7 +80,7 @@ export class YooChatMessagePreviewComponent {
       type === MessageType.audio && (pipes.timer.transform(Math.round((_f = (_e = this.message) === null || _e === void 0 ? void 0 : _e.options) === null || _f === void 0 ? void 0 : _f.duration)).substr(3)),
       type === MessageType.document && h("yoo-truncate", null, ((_h = (_g = this.message) === null || _g === void 0 ? void 0 : _g.payload) === null || _h === void 0 ? void 0 : _h._filename) || translate('YOOBICDOCUMENT')),
       type === MessageType.texturlpreview && h("yoo-truncate", null,
-        h("yoo-text", { content: (_j = this.message) === null || _j === void 0 ? void 0 : _j.content, extraConversion: [convertLinks] }))
+        h("yoo-text", { content: (_j = this.message) === null || _j === void 0 ? void 0 : _j.content, extraConversion: (host) => convertTags(host, { textColor: 'app-color' }) }))
     ];
   }
   renderMediaPreview(type, source) {

package/dist/collection/feature-learn/learning/lesson-heading/lesson-heading.js

@@ -11,8 +11,8 @@ export class YooLessonHeadingComponent {
     let tagText = '';
     const earnedPoints = Math.round(get(this.lesson, 'points', 0));
     const availablePoints = get(this.lesson, 'description.points', 0);
-    const pointsEarned = earnedPoints !== 0 ? `${earnedPoints}/` : '';
-    const pointsAvailable = availablePoints > 0 ? availablePoints.toString() : '';
+    const pointsEarned = earnedPoints !== 0 ? `${earnedPoints}` : '';
+    const pointsAvailable = availablePoints > 0 ? `/${availablePoints.toString()}` : '';
     tagText = pointsEarned + pointsAvailable;
     return !!(tagText === null || tagText === void 0 ? void 0 : tagText.length) && (h("yoo-tag", { color: "app-color", class: "inverse-color" },
       h("yoo-icon", { slot: "start", size: "small", name: "star", color: "app-color" }),

package/dist/collection/feature-learn/learning/lesson-question-result/lesson-question-result.js

@@ -279,7 +279,7 @@ export class YooLessonQuestionResultComponent {
     ];
   }
   renderFooter() {
-    return h("yoo-form-footer", { class: "relative", buttons: this.footerActions });
+    return h("yoo-form-footer", { class: "relative", buttons: this.footerActions, forceMobile: this.forceMobile });
   }
   render() {
     return (h(Host, { class: this.resultType },
@@ -776,6 +776,23 @@ export class YooLessonQuestionResultComponent {
       },
       "attribute": "last-field",
       "reflect": false
+    },
+    "forceMobile": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "force-mobile",
+      "reflect": false
     }
   }; }
   static get events() { return [{

package/dist/collection/feature-operate/campaign/detail-bar/detail-bar.css

@@ -219,6 +219,12 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 .section-container .section-title yoo-tag {
   margin-left: var(--spacing-08, 0.5rem);
 }
+.section-container .action-container {
+  display: flex;
+}
+.section-container .action-container yoo-button:first-child {
+  margin-right: var(--spacing-08, 0.5rem);
+}
 .section-container .collapsible-container {
   display: flex;
 }

package/dist/collection/feature-operate/campaign/detail-bar/detail-bar.js

@@ -17,6 +17,9 @@ export class YooDetailBarComponent {
   onPreview() {
     this.previewed.emit(true);
   }
+  onSharePreview() {
+    this.sharedPreview.emit(true);
+  }
   onTranslate() {
     this.translated.emit(true);
   }
@@ -144,9 +147,13 @@ export class YooDetailBarComponent {
           this.getFieldsLength(),
           " ",
           translate('YOOBICFIELDS')))),
-      !this.isCourse && (h("yoo-button", { color: "light", size: "small", onClick: () => this.onPreview() },
-        translate('OPENPREVIEW'),
-        h("yoo-icon", { slot: "end", name: "view", size: "small" })))));
+      h("div", { class: "action-container" },
+        h("yoo-button", { color: "light", size: "small", onClick: () => this.onPreview() },
+          h("yoo-icon", { slot: "start", name: "play", size: "small" }),
+          translate('PREVIEW')),
+        this.isCourse && (h("yoo-button", { color: "light", size: "small", onClick: () => this.onSharePreview() },
+          h("yoo-icon", { slot: "start", name: "share", size: "small" }),
+          translate('YOOBICSHAREPREVIEW'))))));
   }
   renderInfoContainerCampaign() {
     var _a;
@@ -790,7 +797,22 @@ export class YooDetailBarComponent {
       "composed": true,
       "docs": {
         "tags": [],
-        "text": "Operations Mission open preview"
+        "text": "Open preview"
+      },
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      }
+    }, {
+      "method": "sharedPreview",
+      "name": "sharedPreview",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": "Share preview"
       },
       "complexType": {
         "original": "boolean",

package/dist/collection/feature-operate/mission/announcement-heading/announcement-heading.css

@@ -253,6 +253,21 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   border-bottom: 1px solid var(--announcement-color);
 }
 
+:host(.campaign-photos-mission-details) .outer-container {
+  color: #fff;
+  background-color: transparent;
+}
+:host(.campaign-photos-mission-details) .outer-container .progress .quick-task-progress yoo-progress-bar {
+  --trail-bar-color: var(--light-40, rgba(255, 255, 255, 0.4));
+  --progress-bar-color: var(--light, #ffffff);
+}
+:host(.campaign-photos-mission-details) .outer-container .progress .quick-task-progress yoo-truncate {
+  color: var(--light, #ffffff);
+}
+:host(.campaign-photos-mission-details) .outer-container .progress-separator {
+  border-bottom: var(--border-width-01, 0.0625rem) solid var(--announcement-background-color);
+}
+
 :host(.feed) {
   display: flex;
   flex-direction: column;

package/dist/collection/feature-operate/mission/announcement-heading/announcement-heading.js

@@ -1,4 +1,4 @@
-import { dateFormat, fromToday, getCssColor, getMissionPublicationDate, isDateAfter, isPresent, isToday, translate, translateMulti } from '@shared/utils';
+import { dateFormat, fromToday, getCssColor, getMissionPublicationDate, isDateAfter, isPresent, isToday, isWeb, translate, translateMulti } from '@shared/utils';
 import { Component, h, Host, Prop } from '@stencil/core';
 import { getMissionDueDate, getMissionProgress } from '../../../feature-operate/mission/helpers/missions-helpers';
 import { execHandlerAndStopEvent } from '../../../utils/helpers/common-helpers';
@@ -30,7 +30,8 @@ export class YooAnnouncementHeadingComponent {
   get carouselAttributes() {
     var _a;
     return {
-      class: 'no-margin',
+      class: 'no-margin overlay',
+      displayPhotoCounter: false,
       mediaSrc: this.isLayoutFeed ? [(_a = this.photosSrc) === null || _a === void 0 ? void 0 : _a[0]] : this.photosSrc,
       readonly: true,
       mediaDimension: [],
@@ -109,7 +110,7 @@ export class YooAnnouncementHeadingComponent {
   }
   renderBaseLayout() {
     return [
-      this.hasPhotos && h("yoo-form-carousel", { maxHeight: 250, paginationType: "progressbar", ...this.carouselAttributes }),
+      this.hasPhotos && (!isWeb() || this.isPreview) && h("yoo-form-carousel", { maxHeight: 270, paginationType: "bullets", ...this.carouselAttributes }),
       !this.isPreview && h(MissionLockedBanner, { mission: this.announcement }),
       this.renderContent()
     ];

package/dist/collection/feature-operate/mission/card-inbox/card-inbox.css

@@ -248,7 +248,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 :host .outer-container .content {
   display: flex;
   flex-direction: column;
-  margin-left: calc(var(--icon-size-00, 0.8rem) + var(--spacing-04, 0.25rem) + var(--spacing-32, 2rem) + var(--spacing-08, 0.5rem));
+  margin-left: calc(var(--icon-size-00, 0.75rem) + var(--spacing-04, 0.25rem) + var(--spacing-32, 2rem) + var(--spacing-08, 0.5rem));
 }
 :host .outer-container .content yoo-progress-bar {
   --font-size-16: var(--font-size-12, 0.75rem);
@@ -283,7 +283,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   position: absolute;
   top: calc(var(--spacing-32, 2rem) + var(--spacing-08, 0.5rem));
   bottom: var(--spacing-08, 0.5rem);
-  left: calc(var(--icon-size-00, 0.8rem) + var(--spacing-04, 0.25rem) + var(--spacing-16, 1rem));
+  left: calc(var(--icon-size-00, 0.75rem) + var(--spacing-04, 0.25rem) + var(--spacing-16, 1rem));
   width: 1px;
 }
 :host .outer-container yoo-avatar,

package/dist/collection/feature-operate/mission/mission-details/mission-details.js

@@ -1,4 +1,4 @@
-import { dateFormat, fromToday, getAsyncExtraData, getCssColor, getMissionPublicationDate, getSession, isDateAfter, isDateSame, isIonic, isPresent, isToday, isWeb, pipes, translate, translateMulti } from '@shared/utils';
+import { dateFormat, fromToday, getAsyncExtraData, getCssColor, getMissionPublicationDate, getSession, getTodoCampaignPhotos, isDateAfter, isDateSame, isIonic, isPresent, isToday, isWeb, pipes, translate, translateMulti } from '@shared/utils';
 import { Component, Element, Event, h, Host, Prop, State, Watch } from '@stencil/core';
 import { cloneDeep } from 'lodash-es';
 import { getMissionAddress, getMissionDueDate, getMissionPriority, getMissionTags, mapMissionToCardInboxEntry } from '../../../feature-operate/mission/helpers/missions-helpers';
@@ -17,6 +17,9 @@ export class YooMissionDetailsComponent {
     this.animated = true;
     this.instant = false;
   }
+  get campaignPhotos() {
+    return getTodoCampaignPhotos(this.mission);
+  }
   get showInformation() {
     var _a, _b;
     // An undefined or empty value is as an implicit "true", so we need to explicitly test "!== false"

package/dist/collection/feature-platform/admin/draw-flow/draw-flow.css

@@ -214,9 +214,9 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   --dfNodeBorderColor: rgba(90, 48, 244, 1);
   --dfNodeBorderRadius: 16px;
   --dfNodeMinHeight: 40px;
-  --dfNodeMinWidth: 12.5rem;
+  --dfNodeMinWidth: 0;
   --dfNodePaddingTop: 0;
-  --dfNodePaddingBottom: 0.5rem;
+  --dfNodePaddingBottom: 0rem;
   --dfNodeBoxShadowHL: 0px;
   --dfNodeBoxShadowVL: 2px;
   --dfNodeBoxShadowBR: 16px;
@@ -246,7 +246,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   --dfInputBorderSize: var(--border-size);
   --dfInputBorderColor: rgba(255, 255, 255, 1);
   --dfInputBorderRadius: 50px;
-  --dfInputLeft: -26px;
+  --dfInputLeft: -1.875rem;
   --dfInputHeight: 20px;
   --dfInputWidth: 20px;
   --dfInputHoverBackgroundColor: rgba(255, 255, 255, 1);
@@ -257,7 +257,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   --dfOutputBorderSize: var(--border-size);
   --dfOutputBorderColor: rgba(90, 48, 244, 1);
   --dfOutputBorderRadius: 50px;
-  --dfOutputRight: -6px;
+  --dfOutputRight: -0.1875rem;
   --dfOutputHeight: 20px;
   --dfOutputWidth: 20px;
   --dfOutputHoverBackgroundColor: #ffffff;
@@ -344,13 +344,10 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   cursor: crosshair;
 }
 :host .drawflow .drawflow-node .input {
-  top: 2px;
-  left: -27px;
-  background: yellow;
+  top: 0.375rem;
 }
 :host .drawflow .drawflow-node .output {
-  top: 2px;
-  right: -3px;
+  top: 0.375rem;
 }
 :host .drawflow svg {
   position: absolute;
@@ -425,6 +422,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 }
 :host .drawflow-container .drawflow .drawflow-node {
   display: var(--dfNodeType);
+  align-items: flex-start;
   width: auto;
   min-width: var(--dfNodeMinWidth);
   min-height: var(--dfNodeMinHeight);

package/dist/collection/feature-platform/login/login/login.css

@@ -902,22 +902,22 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   caret-color: var(--caret-color);
 }
 .outer-input-container .inner-input-container input::-webkit-input-placeholder {
-  color: var(--text-color, #807f83);
+  color: var(--stable, #adadad);
   font-weight: var(--font-weight-400, 400);
   font-family: var(--font-family, "Lato") !important;
 }
 .outer-input-container .inner-input-container input:-moz-placeholder {
-  color: var(--text-color, #807f83);
+  color: var(--stable, #adadad);
   font-weight: var(--font-weight-400, 400);
   font-family: var(--font-family, "Lato") !important;
 }
 .outer-input-container .inner-input-container input::-moz-placeholder {
-  color: var(--text-color, #807f83);
+  color: var(--stable, #adadad);
   font-weight: var(--font-weight-400, 400);
   font-family: var(--font-family, "Lato") !important;
 }
 .outer-input-container .inner-input-container input:-ms-input-placeholder {
-  color: var(--text-color, #807f83);
+  color: var(--stable, #adadad);
   font-weight: var(--font-weight-400, 400);
   font-family: var(--font-family, "Lato") !important;
 }

package/dist/collection/interfaces/form-field/form-field.instance.js

@@ -1,9 +1,3 @@
-export var TodoListMode;
-(function (TodoListMode) {
-  TodoListMode["none"] = "none";
-  TodoListMode["announcement"] = "announcement";
-  TodoListMode["kanban"] = "kanban";
-})(TodoListMode || (TodoListMode = {}));
 export const conditionBlocksConfig = [
   { conditionType: 'conditions', mode: 'new', type: 'field', key: 'FIELDTOOLTIP' },
   { conditionType: 'restrictions', mode: 'new', type: 'tags', key: 'TAGTOOLTIP' },

package/dist/collection/utils/helpers/chat-helpers.js

@@ -1,4 +1,4 @@
-import { is24Hour, isFile, isWeb, showModal } from '@shared/utils';
+import { is24Hour, isFile, isWeb, replaceAllLinks, replaceAtTagToMentionTag, showModal, translateMulti } from '@shared/utils';
 import { isArray } from 'lodash-es';
 /**
  * Get the proper data format for a single message aswell as grouped messages
@@ -60,3 +60,27 @@ export function showMessageInfoDialog(message, allUsers, isMultiple, receivedByO
   dialog.receivedByOthers = receivedByOthers;
   showModal(dialog, null, null, isWeb() ? 'fadeEnterAnimation' : 'slideXEnterReverseAnimation', isWeb() ? 'fadeLeaveAnimation' : 'slideXLeaveReverseAnimation', true);
 }
+/**
+ * Convert a text into HTMLElement where yoo-mention-tags and <br> is parsed as component
+ */
+export function convertTags(host, convertConfigs, newNode) {
+  var _a, _b, _c;
+  // Do nothing if host is not ready
+  if (!(host === null || host === void 0 ? void 0 : host.firstChild)) {
+    return;
+  }
+  const newCleanedNode = newNode || document.createElement('div');
+  let clonedText = host.content;
+  clonedText = ((_a = convertConfigs === null || convertConfigs === void 0 ? void 0 : convertConfigs.mentions) === null || _a === void 0 ? void 0 : _a.length) ? replaceAtTagToMentionTag(clonedText, convertConfigs === null || convertConfigs === void 0 ? void 0 : convertConfigs.mentions, convertConfigs === null || convertConfigs === void 0 ? void 0 : convertConfigs.textColor) : clonedText;
+  clonedText = replaceAllLinks(translateMulti(clonedText), false, convertConfigs === null || convertConfigs === void 0 ? void 0 : convertConfigs.textColor);
+  newCleanedNode.innerHTML = clonedText;
+  const nodes = newCleanedNode.childNodes;
+  nodes.forEach((node) => {
+    var _a;
+    if (!['YOO-MENTION-TAG', 'BR'].includes(node.nodeName)) {
+      const newStyledNode = document.createTextNode(((_a = node) === null || _a === void 0 ? void 0 : _a.outerHTML) || (node === null || node === void 0 ? void 0 : node.textContent));
+      node.replaceWith(newStyledNode);
+    }
+  });
+  (_c = (_b = host.firstChild) === null || _b === void 0 ? void 0 : _b.replaceWith) === null || _c === void 0 ? void 0 : _c.call(_b, newCleanedNode);
+}

package/dist/design-system/assets/form-qrcode/general-course-qr-code.svg

@@ -0,0 +1,13 @@
+<svg width="192" height="192" viewBox="0 0 192 192" xmlns="http://www.w3.org/2000/svg">
+    <g fill="none" fill-rule="evenodd">
+        <path d="M117.317 142.02a.657.657 0 0 1-.619.757c-11.25 0-23.343.404-34.53-.036-.473 0-.46-.587-.333-.932.467-1.372 2.13-5.218 3.262-5.928.339-.216.957 0 .853.475-.105.475-2.294 3.835-2.773 5.119 10.721-.364 22.007.123 32.78.117a20.935 20.935 0 0 0-2.077-5.013c-8.457.101-17.274.33-25.678.077-.647 0-.758-1.003-.082-1.038 8.526-.463 17.508-.1 26.086-.202a.704.704 0 0 1 .712.329c.861 1.503 2.29 4.68 2.402 6.275h-.003zm31.204-9.468c.321.387.302 1.097-.322 1.084-30.596-.462-61.275.124-91.854-.456-.683 0-.765-1.073-.064-1.08 29.943-.327 60.01.458 89.986.304-2.277-1.758-6.28-4.813-8.212-6.548-24.82.493-54.102.202-76.685.175-.414.587-7.615 6.314-8.59 6.965a.513.513 0 0 1-.726-.055.52.52 0 0 1 .056-.73c.752-.757 8.333-7.299 8.753-7.299 28.636.101 51.687-.182 76.962-.24.294-.014.585.068.828.234.964.65 9.582 7.352 9.822 7.622l.046.024zm16.425 3.218c-6.1-3.833-16.177-10.546-22.498-13.226-.612-.258-1.125.587-.519.927 7.896 4.555 15.216 8.319 22.76 13.754 6.302 4.543-1.669 8.02-6.39 8.099-39.374.663-80.446.34-120.462-.686-4.434-.117-5.252-3.91-1.05-7.14 3.887-3.008 8.257-5.407 12.394-8.027 2.457-1.56 4.932-3.084 7.372-4.656.617-.399.1-1.407-.55-1.02a747.343 747.343 0 0 0-14.886 9.11 51.384 51.384 0 0 0-6.478 4.556c-6.804 5.863 2.223 14.657 11.263 14.821 10.061.17 110.663.352 113.768-.24 6.202-1.181 14.272-10.618 5.276-16.272zM174.911 51.602c-8.306-.729-21.008.743-27.965 3.292-5.529-9.95-17.065-14.324-24.02-15.285-.648-.09-.787-.176-.98.593-1.673 6.78-5.291 18.646-7.858 25.147-.248.62.726.98.987.393 2.453-5.971 6.576-18.83 7.942-25.022 14.187 2.666 19.512 9.603 23.068 14.845-2.271 5.651-4.569 11.346-6.646 17.076-.187.512.684.858.901.35 2.372-5.599 4.566-11.287 6.776-16.955 8.378-2.965 21.956-3.953 27.833-3.349-1.056 3.27-10.654 33.08-10.577 33.593-5.788-1.056-14.067-1.445-19.805-.139a.526.526 0 1 0 .2 1.032c7.416-.666 11.43-1.059 18.73.223 1.222.219 1.352.425 1.86-1a970.378 970.378 0 0 0 10.874-33.794c.102-.428-.066-.89-1.32-1" fill="#191919"/>
+        <path d="M177.556 60.325c-2.919 10.598-8.713 27.738-10.63 34.899-3.381-1.371-19.277-3.592-23.475-3.706a.609.609 0 0 0-.603.614c.004.29.213.536.499.589a130.42 130.42 0 0 1 20.73 3.375c3.75.911 3.538 1.416 4.685-2.025 2.336-7.004 7.469-24.679 10.156-33.353.233-.767-1.145-1.174-1.362-.393" fill="#5A30F4"/>
+        <path d="M185.3 86.699c-.804-.946-.974-2.542-1.293-2.834-.428-.44-1.48.017-.566 2.09 1.16 2.614 2.516 1.518 1.86.744m-14.572 25.448c-.767-.922-.465-1.577-1.01-1.9-.545-.322-1.341.687-.104 2.406.457.633 2.048 2.025 2.425 1.07.217-.57-.874-1.053-1.31-1.576" fill="#191919"/>
+        <path d="M24.083 114.655A218.087 218.087 0 0 1 8.677 96.888c-.447-.595.437-1.253.915-.694 5.102 5.968 10.178 11.939 15.637 17.581.647.665-.504 1.55-1.146.88m29.523.897c-5.506 2.838-16.932 8.095-23.104 9.004-4.412.665-5.33-3.772-1.633-6.584 6.5-4.94 21.02-8.15 23.723-10.589 1.75-1.58-15.584-20.85-19.708-24.036-.504-.389-15.395 5.285-17.205 5.919C9.23 91.573 1.012 96.108 6.3 104.294c4.331 6.725 12.14 15.536 18.597 20.187a7.647 7.647 0 0 0 6.082 1.307 112.265 112.265 0 0 0 23.197-9.045c.749-.383.18-1.579-.57-1.191" fill="#5A30F4"/>
+        <path d="M52.414 114.61c-1.645-1.077-1.577-2.34-1.19-3.988.197-.837-1.525-1.622-1.68 1.001-.162 2.812 2.392 4.643 2.975 3.72a.57.57 0 0 0-.105-.733" fill="#191919"/>
+        <path d="M56.035 92.837c-.161-.58-.66-.525-1.107-.387a5.04 5.04 0 0 1-3.214-.324c-.218-.094-4.575.556-5.478.75-.653.138-.562 1.29.138 1.199 3.377-.424 2.05-.111 5.428-.574 1.436.76 4.597.645 4.233-.664zm-42.94-30.179c-.159-.652-1.243-.582-1.19.123.2 2.582 2.902 19.59 3.846 21.99.284.678 1.333.342 1.367-.34.108-2.413-3.396-19.437-4.017-21.8l-.007.027z" fill="#5A30F4"/>
+        <path d="M74.11 64.915c-.095-1.229-3.357-18.628-3.978-20.513-.382-1.167-.29-1.13-1.359-.838-5.18 1.425-23.758 8.61-26.06 11.678-6.754-2.3-18.867-3.73-26.78-1.365-.46.144-.631.458-.556 1.136.83 7.047 3.547 23.57 4.738 30.492a.61.61 0 0 0 1.18-.193c-.568-6.993-3.853-23.415-4.807-30.4a44.165 44.165 0 0 1 25.888 1.704c2.388 10.64 4.218 20.745 7.106 31.918-4.061.59-2.621.436-6.684 1.113-.643.104-.45 1.044.175.973 1.106-.12 7.546-.901 7.567-.915 1.22-.89 2.602-1.53 4.068-1.883a.615.615 0 0 0-.283-1.125 10.83 10.83 0 0 0-3.595 1.556c-1.664-7.678-5.152-23.032-7.187-32.16 6.759-4.774 15.8-8.238 25.57-11.243.947 3.203 2.956 16.34 4.022 20.453.14.552 1.014.106.976-.388" fill="#191919"/>
+        <path d="M186.794 87.157c-1.79 3.838-7.58 15.77-14.6 28.875l-17.703-1.338c-2.973-.222-9.574-1.68-6.908-6.148 7.19.27 13.197.084 20.498 1.121.38.014.738-.172.946-.49 3.79-7.136 12.338-21.02 14.645-27.882.132-.393.116-.808-.61-1.023-1.855-.562-4.74-.39-7.761-.32-1.7 6.244-5.108 17.733-7.05 18.653-1.71.815-13.351-3.526-16.649-3.201-1.662 3.41-4.088 9.456-5.547 12.928-2.52 6.02 4.738 7.565 8.955 7.876 5.614.418 11.241.615 16.837 1.261 1.328.148 1.109-.143 1.91-1.5 3.564-6.059 13.78-26.04 14.014-28.318.075-.48-.75-.98-.977-.494M85.667 100.992c.515.001 1.06.004 1.612.009l.554.005c2.584.032 5.152.123 5.39.364.238.484.397.968.394 1.532 0 .276.044 2.105.067 4.027l.006.578c.01 1.253.01 2.483-.023 3.29-.004.807.15 2.66-1.133 2.655-1.922-.007-9.372.124-11.215.198-.446.072-.961-.133-1.03-.614l-.009-.116v-.044c-.004-.22-.02-1.228-.023-2.567v-1.132c.01-3.258.108-7.514.55-7.857.481-.24.962-.318 1.523-.316h.083l.146-.001c.352-.002 1.055-.008 1.94-.01h1.168zm11.328 8.244c.074.82.222 1.72.22 2.539.531.002 1.063.086 1.519.088.455.084.449 1.803-.007 1.801-.76-.003-1.52-.007-2.28-.092-.455-.083-.833-.494-.831-1.067.004-.983.008-2.047.087-3.11.078-.328 1.218-.486 1.292-.159zm17.847-2.238c.465.726.373 4.345.292 5.229-.002.402-.315.803-.783.801a42.496 42.496 0 0 1-6.39.215c-1.09-.004-1.085-1.693-.072-1.609 1.87.088 3.74.016 5.611-.138.08-.643.092-3.698.485-4.501 0-.033.012-.052.032-.068l.078-.053.046-.04c.235-.16.546-.078.7.164zm-8.577-2.55c1.01.004 1.709.017 1.82.036.786.083.781 1.445-.007 1.602-.55.078-4.722-.019-5.352-.021.075.881.217 4.968.291 6.09.077.48-1.654.474-1.652-.007-.03-.495-.06-1.464-.077-2.495l-.01-.692c-.004-.355-.007-.706-.007-1.037v-.48c.003-.538.012-.989.03-1.265l.008-.12-.216-.018c-1.136-.08-4.685-.19-4.976-.564-.157-.24-.156-.481.002-.64.186-.188 2.742-.296 5.446-.348l.678-.012c1.017-.016 2.029-.025 2.918-.028h1.104zm-24.467-1.754h-.036c0 .116.047 2.24.095 4.434l.014.599.095 4.314c.16 0 9.694-.284 9.934-.283.002-.346.028-2.396.055-4.455l.008-.617.053-3.934v-.017h-.088l-.078-.001h-.22l-9.638-.04h-.194zm20.678-3.1c1.835.086 4.707.255 8.857.271.479.002.797.319.795.793-.003.868-.35 7.658-.675 9.078 0 .316-.24.473-.56.472-.319-.001-.637-.318-.636-.634a5.517 5.517 0 0 1-.018-.426v-.174c.007-1.068.157-3.084.37-7.454-1.676-.006-3.352-.013-5.028-.098-3.75-.173-5.825-.18-6.302-.657-.079-.158-.158-.237-.158-.316-.158-.396.083-.79.483-.946.957-.075 1.915-.071 2.872.09zm-16.28 4.496.275.03 2.243.008c.881.004 1.122.005 1.117 1.208.075 1.444-.011 2.807-.337 4.169-.08.16-.241.32-.402.319-.881-.003-1.682-.007-2.483-.09-.56-.082-2.004.153-2.402-.41-.16-.242-.221-4.973.34-5.132a4.96 4.96 0 0 1 1.649-.102zm27.752-3.53c.245-.867 1.213-1.022 1.45-.072.158.87.236 1.66.152 2.529v.3c-.002.647-.065 1.517-.894 1.514-1.45.073-.953-3.48-.708-4.27zm-18.045-2.488c.41.001.819.331.817.823.077 1.15.073 2.216-.096 3.364-.083.41-.412.655-.822.653a.822.822 0 0 1-.817-.824c.004-.82.007-1.559.092-2.379-1.393-.17-3.69-.014-3.685-1.08.001-.33.166-.575.494-.655.985-.16 1.64.088 4.017.098zm-13.174-.151.813.003 2.454.009c.395.002.79.308.788.764a.778.778 0 0 1-.795.759c-1.82-.083-4.352-.093-4.905-.323a.934.934 0 0 1-.394-.382c-.158-.305.082-.685.398-.76l.165-.033.056-.01c.114-.017.25-.025.632-.027h.788zm17.64-7.11c.234.98.31 1.876.307 2.853-.004.897.072 1.875.068 2.853H102.114c2.57-.005 7.57-.025 10.285-.03h1.35l.15.001c.713.003 1.506-.157 1.978.497.158.164.078.408-.002.652-.697 1.026-6.323.571-7.88.54l-.126-.002-7.924-.032c-.475-.002-.79-.33-.79-.819.019-4.643-.294-5.54.186-6.842.321-1.221.794-.404 1.029.33zm-3.574-10.136c.128 1.125.255 2.304.291 3.447l.01.68 3.727.015c.555.002.868 1.353.074 1.35-.158 0-3.411.304-3.728.223.076.794.057 5.475.126 8.332a.88.88 0 0 1-.876.87c-3.747-.015-7.45.015-11.175.022l-3.735-.002-.124-.024c-.478-.12-.746-.492-.745-.932.002-.476.4-.792.876-.79 4.679.019 9.358.037 14.038-.023-.028-.803-.05-2.89-.054-5.172v-1.319l.002-.661c.012-2.966.063-5.743.183-6.02.08-.238.239-.317.398-.395.317-.078.634.082.712.4zm-10.744-1.187c.515.001 1.06.004 1.612.009l.553.005c2.585.032 5.153.123 5.39.364.24.484.398.968.395 1.532 0 .276.044 2.105.067 4.027l.006.578c.01 1.253.01 2.483-.023 3.29-.004.807.15 2.66-1.133 2.655-1.922-.007-9.372.124-11.215.198-.446.072-.961-.133-1.03-.614l-.009-.116v-.045c-.004-.235-.022-1.375-.024-2.855v-.57c.001-.679.006-1.408.016-2.141l.01-.55c.05-2.657.186-5.214.525-5.439.481-.24.962-.318 1.523-.316h.083l.146-.001c.352-.002 1.055-.008 1.94-.01h1.168zm26.81 0c.539.003.905.01.997.026.562.08 1.448-.073 1.929.4.32.473.478.945.476 1.495.038.187.069 1.952.082 3.855l.004.604.003.9v.865c-.003 1.207-.016 2.194-.044 2.5-.002.472-.005 1.337-.65 1.49-.394.077-3.204.124-6.024.143l-.676.004c-.449.003-.893.004-1.322.005h-1.524c-1.418-.003-2.457-.017-2.599-.04-.286-.072-.444-.328-.474-.605l-.006-.105v-.119c-.005-.566-.036-2.656-.066-4.782l-.008-.607a513.24 513.24 0 0 1-.047-4.153v-.242c.004-.943.328-1.413 1.615-1.487.348-.033 2.054-.075 3.916-.106l.51-.008.257-.003.581-.008c.868-.012 1.708-.02 2.398-.021h.673zm-30.68 1.702h-.035c0 .116.047 2.24.095 4.434l.014.599.095 4.314c.075 0 2.204-.062 4.472-.128l.62-.018c2.217-.065 4.401-.128 4.787-.136l.055-.001c.002-.346.028-2.396.055-4.455l.008-.617.053-3.934v-.017h-.088l-.078-.001h-.22l-9.638-.04h-.194zm22.26-.062c.043.307.105 2.37.149 4.545l.01.503.01.586c.024 1.361.038 2.658.035 3.484.443-.143 2.558-.213 4.728-.247l.592-.008a299.62 299.62 0 0 1 3.198-.022h1.457c0-.182.005-.306.01-.413l.005-.063.004-.06.005-.06.006-.061c.048-.537.14-1.464.166-8.144a57.206 57.206 0 0 0-10.375-.04zm-17.864 1.458.274.03 2.241.008c.32.002.72-.077.96.245.158.321.237.643.155.963.075 1.444-.01 2.807-.336 4.169-.08.16-.241.32-.401.319-.88-.003-1.68-.007-2.48-.09-.56-.082-2.002.153-2.4-.41-.159-.242-.22-4.973.341-5.132a4.947 4.947 0 0 1 1.646-.102zm25.751.274c.155.322.232.644.152.965.073 1.446-.01 2.811-.328 4.175-.078.16-.235.32-.39.32l-.06-.002-.168-.007c-.898-.038-4.163-.18-4.297-.25-.156-.081-.155-.162-.233-.242a18.087 18.087 0 0 1-.219-4.097c.002-.482.082-.964.55-1.123.313-.079 4.76-.06 4.993.261z" fill="#5A30F4"/>
+        <path d="M61.745 118.63c.303-12.777.776-43.324.922-46.061l70.975.474c.297 5.1 3.168 43.13 3.168 44.61-3.91.222-73.739 1.053-75.065.977m76.028-44.15c-.44-4.228-1.896-5.076-5.322-5.15-.44 0-37.3-.318-49.771-.425l-4.013-.028c-7.399-.064-12.954-.117-14.285-.14-3.325-.065-4.942 3.07-5.03 5.579-.15 4.133-1.05 36.254-.98 47.75 3.098.146 68.476-.076 82.556-.368.035-1.625-2.664-42.487-3.155-47.219" fill="#191919"/>
+    </g>
+</svg>

package/dist/design-system/{buffer-es6-18d736a3.js → buffer-es6-3df916b6.js}

@@ -1,4 +1,4 @@
-import { g as global } from './lodash-826bb5e6.js';
+import { g as global } from './lodash-f6e59a8e.js';
 
 var lookup = [];
 var revLookup = [];

package/dist/{esm/button.factory-85d0c5e1.js → design-system/button.factory-5170e025.js}

@@ -1,6 +1,6 @@
-import './index-747782d9.js';
+import './index-3e01f8b1.js';
 import { h } from './index-becca019.js';
-import { X as translateMulti } from './overlays-824c1d61.js';
+import { X as translateMulti } from './overlays-3034a4ab.js';
 
 const getButton = (button) => {
   return !button.isVisible || button.isVisible() ? (h("yoo-button", { class: button.cssClass, color: button.color || 'light', type: button.type || 'button', size: button.size || 'medium', shape: button.shape || 'rectangular', fill: button.fill || 'solid', rippleType: button.rippleType || 'bounded', disabled: button.disabled === null ? false : button.disabled, animated: button.animated === null ? true : button.animated, onClick: button.handler },

package/dist/design-system/{camera-helpers-dbeffd77.js → camera-helpers-55474ba9.js}

@@ -1,5 +1,5 @@
-import { ce as cordova, cf as AwesomeCordovaNativePlugin, cg as cordovaPropertyGet, ch as cordovaPropertySet, ci as registerPlugin, $ as getSession, cj as isIonic, j as isNativeMobile, ck as Device, k as isAndroid, H as isIOS, cl as getMediaDevices, z as showModal, y as getModalAnimation, A as isWeb } from './overlays-824c1d61.js';
-import './index-63fdae29.js';
+import { ci as cordova, cj as AwesomeCordovaNativePlugin, ck as cordovaPropertyGet, cl as cordovaPropertySet, cm as registerPlugin, $ as getSession, cn as isIonic, j as isNativeMobile, co as Device, k as isAndroid, H as isIOS, cp as getMediaDevices, z as showModal, y as getModalAnimation, A as isWeb } from './overlays-3034a4ab.js';
+import './index-5f5d7926.js';
 
 var __extends$2 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -243,7 +243,7 @@ var CameraResultType;
 })(CameraResultType || (CameraResultType = {}));
 
 const Camera = registerPlugin('Camera', {
-    web: () => import('./web-1238fd5d.js').then(m => new m.CameraWeb()),
+    web: () => import('./web-75eed30a.js').then(m => new m.CameraWeb()),
 });
 
 var MediaPictureOptions;