@yoobic/yobi 8.4.0-1 → 8.4.0-4

package/dist/collection/components/form/links-preview/links-preview.js

@@ -1,5 +1,6 @@
 import { getAsyncExtraData, isDeeplink, isImage, replaceAndGetAllLinks, screenOrientationLock, screenOrientationUnlock } from '@shared/utils';
 import { Component, Element, Event, forceUpdate, h, Host, Prop, Watch } from '@stencil/core';
+import { uniqBy } from 'lodash-es';
 import { setValidator } from '../../../utils/helpers/form-input-helpers';
 export class YooLinksPreviewComponent {
   constructor() {
@@ -68,6 +69,7 @@ export class YooLinksPreviewComponent {
       if ((linkPromises === null || linkPromises === void 0 ? void 0 : linkPromises.length) || forceLinkPreviewChanged) {
         Promise.all(linkPromises).then(() => {
           forceUpdate(this);
+          this.retrievedLinkPreviews = uniqBy(this.retrievedLinkPreviews, link => link.url);
           this.linkPreviewChanged.emit({ linkPreviews: this.retrievedLinkPreviews });
         });
       }
@@ -82,6 +84,7 @@ export class YooLinksPreviewComponent {
         link.url = 'https://' + url;
       }
       this.ref = window.open(url, target || '_system', 'location=no,toolbar=yes');
+      this.validityChanged.emit(true);
       if (this.ref) {
         this.ref.addEventListener('loadstart', this.unlockScreen.bind(this));
         this.ref.addEventListener('exit', this.lockScreen.bind(this));
@@ -131,17 +134,16 @@ export class YooLinksPreviewComponent {
     const showTitleOnly = isDeeplink(url) || !isImage(image);
     return h("section", { id: "preview", class: { 'no-image': showTitleOnly }, onClick: (ev) => this.onLinkPreviewClicked(ev, link) },
       isLoading && h("yoo-loader", { class: "absolute backdrop-transparent" }),
-      this.closeable && this.renderCloseIcon(link),
       !showTitleOnly && image && this.renderImage(image),
-      this.showDescription && this.renderLinkDescription(url || originalURL, title, showTitleOnly, target));
+      this.showDescription && this.renderLinkDescription(url || originalURL, title, showTitleOnly, target),
+      this.closeable && this.renderCloseIcon(link));
   }
   renderPreviews() {
     var _a, _b;
     return (_b = (_a = this.retrievedLinkPreviews) === null || _a === void 0 ? void 0 : _a.filter((item) => item && (!item.error || this.showErrors))) === null || _b === void 0 ? void 0 : _b.map((link) => this.renderPreview(link));
   }
   render() {
-    var _a, _b;
-    return h(Host, null, (_b = (_a = this.retrievedLinkPreviews) === null || _a === void 0 ? void 0 : _a.filter((item) => item && (!item.error || this.showErrors))) === null || _b === void 0 ? void 0 : _b.map((link) => this.renderPreview(link)));
+    return h(Host, null, this.renderPreviews());
   }
   static get is() { return "yoo-links-preview"; }
   static get encapsulation() { return "shadow"; }
@@ -184,7 +186,7 @@ export class YooLinksPreviewComponent {
         "text": ""
       },
       "attribute": "closeable",
-      "reflect": true,
+      "reflect": false,
       "defaultValue": "false"
     },
     "inline": {
@@ -334,6 +336,21 @@ export class YooLinksPreviewComponent {
           }
         }
       }
+    }, {
+      "method": "validityChanged",
+      "name": "validityChanged",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      }
     }]; }
   static get elementRef() { return "host"; }
   static get watchers() { return [{

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

@@ -1,3 +1,4 @@
-import { FormFieldCategory } from '@shared/interfaces';
+import { FormFieldCategory, FormFieldType } from '@shared/interfaces';
 export const ARROW_PAIR = ['arrow-down', 'arrow-up'];
 export const NON_CONDITION_CATEGORIES = [FormFieldCategory.information, FormFieldCategory.multimedia];
+export const NON_CONDITION_TYPES = [FormFieldType.ranking];

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

@@ -5,7 +5,7 @@ import { cloneDeep, compact, isArray, orderBy } from 'lodash-es';
 import Sortable from 'sortablejs';
 import { conditionBlocksConfig, FORM_CREATOR_BULK_ACTIONS_ALL } from '../../../interfaces';
 import { getAppContext } from '../../../utils/helpers/common-helpers';
-import { ARROW_PAIR, NON_CONDITION_CATEGORIES } from '../constants';
+import { ARROW_PAIR, NON_CONDITION_CATEGORIES, NON_CONDITION_TYPES } from '../constants';
 import { addNewIdsToSlide, addNewParentCondition, addNewUnattachedParentConditions, checkForFieldAttribute, cleanCustomFormFieldSlides, cleanUnattachedParentConditions, createNewIdsForCustomFields, deleteCondition, deleteFieldAndRemoveConditionReferences, deleteUnattachedParentConditions, doesSlidePageHaveItems, duplicateField, findCondition, getDefaultCondition, getDefaultField, getExpandableBlockReference, getFieldsWithScoring, getNumberOfSequentialFields, getScoringQuickSetupData, isScoring, populateFieldsWithScoring, populateMissingValues, removeCondition, removePageCondtion, removeSelectedItems, serializeScoringValuePairs, setBlockSelection, setChildFields, setFormFieldIndex, setParentConditions, setRestrictionAndFieldConditions, setSelectedScoring, translateAll, updateCondition, updateSelectedFields, updateUnattatchedCondition } from '../helpers';
 export class YooFormCreatorComponent {
   constructor() {
@@ -1361,7 +1361,7 @@ export class YooFormCreatorComponent {
       condition = getDefaultCondition(type, this.currentSlides[slideIndex].items[itemIndex]);
     }
     if (type === 'field') {
-      if (!NON_CONDITION_CATEGORIES.includes(this.currentSlides[slideIndex].items[itemIndex].category)) {
+      if (!NON_CONDITION_CATEGORIES.includes(this.currentSlides[slideIndex].items[itemIndex].category) && !NON_CONDITION_TYPES.includes(this.currentSlides[slideIndex].items[itemIndex].type)) {
         const { slides, unattachedParentConditions } = addNewParentCondition(this.currentSlides, this.unattachedParentConditions, slideIndex, itemIndex, condition);
         this.currentSlides = slides;
         this.unattachedParentConditions = unattachedParentConditions;

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

@@ -2,7 +2,7 @@ import { ALL_MOBILE_FORM_FIELDS, FORM_CREATOR_OPTIONS_ALL, FormCreatorOptions, F
 import { debounce, gsapFromTo, gsapSet, gsapTo, isNullOrUndefined, Power3, translate, translateMulti } from '@shared/utils';
 import { Component, Element, Event, h, Host, Method, Prop, State, Watch } from '@stencil/core';
 import { compact } from 'lodash-es';
-import { NON_CONDITION_CATEGORIES } from '../constants';
+import { NON_CONDITION_CATEGORIES, NON_CONDITION_TYPES } from '../constants';
 import { filterSequentialFields, setBlockSelection, setChildFields, setRestrictionAndConditionActions, setRestrictionAndFieldConditions } from '../helpers';
 /**
  * See this open Stencil issue https://github.com/ionic-team/stencil/issues/2929 about the rendering of the childen slots into a component.
@@ -692,7 +692,7 @@ export class YooFormCreatorBlockExpandableComponent {
     return (h("div", { class: "content-container", ref: (el) => (this.contentBlockElement = el) },
       h("slot", { name: this.formField.customName || this.formField.name }),
       h("div", { class: { invisible: true, show: this.showInvisibleContent } }),
-      this.campaignType !== 'lesson' && !NON_CONDITION_CATEGORIES.includes(this.formField.category) && (h("div", { class: "bottom-button-container", ref: (el) => (this.contentBottomElement = el) },
+      this.campaignType !== 'lesson' && !NON_CONDITION_CATEGORIES.includes(this.formField.category) && !NON_CONDITION_TYPES.includes(this.formField.type) && (h("div", { class: "bottom-button-container", ref: (el) => (this.contentBottomElement = el) },
         h("yoo-tooltip", { placement: "left", hoverable: true, content: translate('ADDCONDITIONTOOLTIP') },
           h("yoo-button", { size: "medium", color: "light", onClick: () => this.createNewCondition.emit({ name: this.formField.name }) },
             h("yoo-icon", { size: "small", slot: "start", name: "condition" }),

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

@@ -1,6 +1,6 @@
 import { ALL_MOBILE_FORM_FIELDS } from '@shared/interfaces';
 import { isNullOrUndefined, translate, translateMulti } from '@shared/utils';
-import { Component, Element, Event, h, Host, Method, Prop, State, Watch } from '@stencil/core';
+import { Component, Element, Event, forceUpdate, h, Host, Method, Prop, State, Watch } from '@stencil/core';
 import { feedbackValues } from '../../form/form-feedback/constants';
 import { setBlockSelection, setPageSelection } from '../helpers';
 export class YooFormCreatorConditionBlockComponent {
@@ -34,6 +34,9 @@ export class YooFormCreatorConditionBlockComponent {
   async forceCollapse() {
     this.isExpanded = false;
   }
+  async forceUpdate() {
+    forceUpdate(this);
+  }
   componentWillLoad() {
     var _a;
     if (this.parentFieldType) {
@@ -866,6 +869,22 @@ export class YooFormCreatorConditionBlockComponent {
         "text": "",
         "tags": []
       }
+    },
+    "forceUpdate": {
+      "complexType": {
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "",
+        "tags": []
+      }
     }
   }; }
   static get elementRef() { return "host"; }

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

@@ -209,6 +209,14 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 :host h1, :host p {
   margin: 0;
 }
+:host yoo-img {
+  position: absolute;
+  top: auto;
+  right: auto;
+  bottom: 2.5rem;
+  left: 2.5rem;
+  width: 6.25rem;
+}
 :host yoo-navbar.device-preview, :host yoo-navbar.top-navbar {
   --bottom-shadow: 0;
 }
@@ -238,17 +246,6 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   border-top-left-radius: var(--border-radius-04, 0.25rem);
   border-top-right-radius: var(--border-radius-04, 0.25rem);
 }
-:host .outer-container .image-container {
-  position: absolute;
-  top: auto;
-  right: auto;
-  bottom: 2.5rem;
-  left: 2.5rem;
-  width: 6.25rem;
-}
-:host .outer-container .image-container yoo-img {
-  width: 6.25rem;
-}
 :host .outer-container .heading {
   position: relative;
   display: flex;
@@ -283,10 +280,6 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   justify-content: center;
   height: 4.125rem;
 }
-:host .outer-container .sub-header .device-selector {
-  display: flex;
-  align-items: center;
-}
 :host .outer-container .columns-container {
   display: grid;
   gap: var(--spacing-48, 3rem);
@@ -373,11 +366,16 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   cursor: pointer;
 }
 
-:host(.panel) > .outer-container {
+:host([mode=fullscreen]) > .outer-container {
+  box-sizing: border-box;
+  padding: 0 var(--spacing-40, 2.5rem) var(--spacing-40, 2.5rem);
+}
+
+:host([mode=panel]) > .outer-container {
   padding-top: var(--spacing-16, 1rem);
   padding-bottom: var(--spacing-16, 1rem);
 }
-:host(.panel) .outer-container {
+:host([mode=panel]) .outer-container {
   display: flex;
   flex: 1;
   flex-direction: column;
@@ -389,7 +387,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   border-left: var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);
   transition: 0.3s;
 }
-:host(.panel) .outer-container .heading {
+:host([mode=panel]) .outer-container .heading {
   display: flex;
   align-items: fle;
   align-self: flex-end;
@@ -404,10 +402,10 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   border-bottom: var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);
   transition: 0.5s;
 }
-:host(.panel) .outer-container .heading .title {
+:host([mode=panel]) .outer-container .heading .title {
   position: unset;
 }
-:host(.panel) .outer-container .heading .icons-container {
+:host([mode=panel]) .outer-container .heading .icons-container {
   display: flex;
   align-items: center;
 }

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

@@ -1,7 +1,6 @@
 import { devices } from '@shared/interfaces';
 import { getTranslateLanguageKeys, replaceSVGColors, translate, translateMulti } from '@shared/utils';
-import { Component, Element, Event, forceUpdate, h, Host, Method, Prop, State } from '@stencil/core';
-import { getAppContext } from '../../../utils/helpers/common-helpers';
+import { Component, Event, forceUpdate, h, Host, Method, Prop, State } from '@stencil/core';
 export class YooFormCreatorLivePreviewComponent {
   constructor() {
     this.mode = 'fullscreen';
@@ -81,14 +80,16 @@ export class YooFormCreatorLivePreviewComponent {
     ];
   }
   renderSubheader() {
+    var _a;
+    const selectedDevice = (_a = this.selectedDevice) === null || _a === void 0 ? void 0 : _a.device;
+    const devices = [
+      { device: 'iphone-x', icon: 'iphone' },
+      { device: 'ipad', icon: 'tablet' },
+      { device: 'macbook', icon: 'desktop' }
+    ];
     return (h("div", { class: "sub-header" },
-      h("div", { class: "device-selector" },
-        h("div", { class: "icon-container", onClick: () => this.onDeviceClick('iphone-x') },
-          h("yoo-icon", { name: "iphone", color: "stable" })),
-        h("div", { class: "icon-container", onClick: () => this.onDeviceClick('ipad') },
-          h("yoo-icon", { name: "tablet", color: "stable" })),
-        h("div", { class: "icon-container", onClick: () => this.onDeviceClick('macbook') },
-          h("yoo-icon", { name: "desktop", color: "stable" })))));
+      h("div", { class: "icons-container" }, devices.map(({ device, icon }) => (h("div", { class: "icon-container", onClick: () => this.onDeviceClick(device) },
+        h("yoo-icon", { name: icon, color: selectedDevice === device ? 'app-color' : 'stable' })))))));
   }
   renderContent() {
     const hasDescription = this.showDescriptionAndFooter && (this.missionDescriptionTitle || this.missionDescriptionText);
@@ -106,12 +107,11 @@ export class YooFormCreatorLivePreviewComponent {
               h("slot", { name: "livePreview" })))))));
   }
   render() {
-    return (h(Host, { class: { panel: this.mode === 'panel', ...getAppContext(this.host) } },
+    return (h(Host, null,
       this.renderHeader(),
       h("div", { class: { 'outer-container': true, 'not-closable': !this.closable } },
         this.renderContent(),
-        !!this.logo && (h("div", { class: "image-container" },
-          h("yoo-img", { src: this.logo, cloudinaryOptions: { pad: true }, svgOptions: { afterLoad: (_, svgString) => replaceSVGColors(svgString) } }))),
+        !!this.logo && h("yoo-img", { src: this.logo, cloudinaryOptions: { pad: true }, svgOptions: { afterLoad: (_, svgString) => replaceSVGColors(svgString) } }),
         this.showDescriptionAndFooter && h("slot", { name: "footer" }))));
   }
   static get is() { return "yoo-form-creator-live-preview"; }
@@ -138,7 +138,7 @@ export class YooFormCreatorLivePreviewComponent {
         "text": ""
       },
       "attribute": "mode",
-      "reflect": false,
+      "reflect": true,
       "defaultValue": "'fullscreen'"
     },
     "missionDescriptionTitle": {
@@ -492,5 +492,4 @@ export class YooFormCreatorLivePreviewComponent {
       }
     }
   }; }
-  static get elementRef() { return "host"; }
 }

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

@@ -7,13 +7,26 @@ export class YooFormCreatorRestrictionSelectorComponent {
       { title: 'YOOBICNEW', value: 'new' },
       { title: 'EXISTING', value: 'restrictions' }
     ];
+    this.conditionBlockElements = [];
   }
   async updateSelectedTab(index) {
     this.tabsElement.setTab(index);
     this.selectedRestrictionTab = index;
   }
   componentWillLoad() {
+    var _a;
     this.selectedRestrictionTab = this.initialSelectedTab;
+    this.conditionBlockElements = Array((_a = this.restrictionConditions) === null || _a === void 0 ? void 0 : _a.length).fill(null);
+  }
+  componentDidUpdate() {
+    var _a;
+    if (this.selectedRestrictionTab !== 0 && ((_a = this.conditionBlockElements) === null || _a === void 0 ? void 0 : _a.length)) {
+      this.conditionBlockElements.forEach((block) => block === null || block === void 0 ? void 0 : block.forceUpdate());
+    }
+  }
+  onRestrictionConditionsChange() {
+    var _a;
+    this.conditionBlockElements = Array((_a = this.restrictionConditions) === null || _a === void 0 ? void 0 : _a.length).fill(null);
   }
   onInitialSelectedTabChange() {
     this.selectedRestrictionTab = this.initialSelectedTab;
@@ -31,9 +44,9 @@ export class YooFormCreatorRestrictionSelectorComponent {
   }
   render() {
     return (h(Host, null,
-      h("yoo-tabs", { ref: (el) => (this.tabsElement = el), tabs: this.restrictionTabs, onTabSelected: (ev) => this.onRestrictionTabSelected(ev), initialIndex: this.initialSelectedTab }),
+      h("yoo-tabs", { ref: (el) => (this.tabsElement = el), tabs: this.restrictionTabs, onTabSelected: (ev) => this.onRestrictionTabSelected(ev), initialIndex: this.initialSelectedTab, autoScroll: false }),
       this.selectedRestrictionTab === 0 && this.renderNewConditionBlocks(this.conditionType),
-      this.selectedRestrictionTab !== 0 && this.restrictionConditions.map((restrictionCondition) => h("yoo-form-creator-condition-block", { mode: "existing", condition: restrictionCondition }))));
+      this.selectedRestrictionTab !== 0 && this.restrictionConditions.map((restrictionCondition, index) => h("yoo-form-creator-condition-block", { ref: (el) => this.conditionBlockElements[index] = el, mode: "existing", condition: restrictionCondition }))));
   }
   static get is() { return "yoo-form-creator-restriction-selector"; }
   static get encapsulation() { return "shadow"; }
@@ -136,6 +149,9 @@ export class YooFormCreatorRestrictionSelectorComponent {
     }
   }; }
   static get watchers() { return [{
+      "propName": "restrictionConditions",
+      "methodName": "onRestrictionConditionsChange"
+    }, {
       "propName": "initialSelectedTab",
       "methodName": "onInitialSelectedTabChange"
     }]; }

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

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

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

@@ -2002,7 +2002,7 @@ vertical slots in both the header AND the body
 
 
 /*!
- * froala_editor v4.0.13 (https://www.froala.com/wysiwyg-editor)
+ * froala_editor v4.0.14 (https://www.froala.com/wysiwyg-editor)
  * License https://froala.com/wysiwyg-editor/terms/
  * Copyright 2014-2022 Froala Labs
  */

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

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

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

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

package/dist/collection/feature-communicate/feed/card-feed/components/sub-cards.js

@@ -1,5 +1,5 @@
 import { EventType } from '@shared/interfaces';
-import { dateFormat, getCssColor, replaceAllLinks, translate, translateMulti } from '@shared/utils';
+import { dateFormat, getCssColor, isCampaignFeed, replaceAllLinks, translate, translateMulti } from '@shared/utils';
 import { h } from '@stencil/core';
 import { cloneDeep } from 'lodash-es';
 import { execHandlerAndStopEvent } from '../../../../utils/helpers/common-helpers';
@@ -7,7 +7,7 @@ import { EventAttendance } from './events';
 export const CardAnnouncement = ({ configs }) => {
   const announcementMission = cloneDeep(configs.missionDescription);
   announcementMission.description = announcementMission; // needed to display some infos into the mission-todo-page component, as it gets them from the description of the mission
-  return (h("yoo-announcement-heading", { announcement: announcementMission, viewAllHandler: configs.viewAllHandler, layout: "feed" }));
+  return (h("yoo-announcement-heading", { class: { 'overlay': isCampaignFeed(announcementMission) }, announcement: announcementMission, viewAllHandler: configs.viewAllHandler, layout: "feed" }));
 };
 export const CardCampaign = ({ configs }) => {
   return (h("div", { class: "campaign-container" },

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

@@ -202,7 +202,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 /* spacing for padding, margin, etc... */
 /* shadow */
 /*!
- * froala_editor v4.0.13 (https://www.froala.com/wysiwyg-editor)
+ * froala_editor v4.0.14 (https://www.froala.com/wysiwyg-editor)
  * License https://froala.com/wysiwyg-editor/terms/
  * Copyright 2014-2022 Froala Labs
  */

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

@@ -1,4 +1,4 @@
-import { closeModal, getAsyncExtraData, getPermissions, getSession, getUserDisplayName, hasAttachment, intersectionObserve, isCampaignAnnouncement, isFieldWithNoValue, isIntersectionObserverSupported, isMedia, isNullOrUndefined, isVideo, isWeb, parseMarkDown, removeTextStyle, replaceAllLinks, replaceAtTagToMentionTag, setSecuredContent, showActionSheet, translate, translateMulti } from '@shared/utils';
+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 { isEmpty } from 'lodash-es';
 import { getButton } from '../../../../utils/button.factory';
@@ -624,9 +624,8 @@ export class YooCardFeedComponent {
     return h("h3", { class: "question-title", innerHTML: this.entry.title });
   }
   renderLinkPreviews() {
-    var _a;
     const showAttachmentIcon = !this.hasMediaSrc() && (!this.modalMode || this.detailView) && this.entry.mediaIcons;
-    return (h("yoo-links-preview", { inline: true, links: [(_a = this.entry.linkPreviews) === null || _a === void 0 ? void 0 : _a[0]], showErrors: false, closeable: this.linkPreviewMode, bigLinkPreviews: !this.linkPreviewMode }, showAttachmentIcon && this.renderMediaIcons()));
+    return (h("yoo-links-preview", { inline: true, links: this.entry.linkPreviews, showErrors: false, closeable: this.linkPreviewMode, bigLinkPreviews: !this.linkPreviewMode }, showAttachmentIcon && this.renderMediaIcons()));
   }
   renderTranslation() {
     return (h("div", { class: {
@@ -666,7 +665,7 @@ export class YooCardFeedComponent {
    * view using css (flex order) because re-render of the component will cause the component to flicker
    */
   renderDynamic(item) {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e, _f, _g;
     if (!item) {
       return null;
     }
@@ -712,7 +711,7 @@ export class YooCardFeedComponent {
       case 'shared-event':
         return this.entry.eventConfigs && this.renderSharedEvent(this.entry.eventConfigs);
       case 'shared-campaign': {
-        const isAnnouncement = isCampaignAnnouncement((_f = this.entry.campaignConfigs) === null || _f === void 0 ? void 0 : _f.missionDescription);
+        const isAnnouncement = isCampaignTodo((_f = this.entry.campaignConfigs) === null || _f === void 0 ? void 0 : _f.missionDescription) || isCampaignFeed((_g = this.entry.campaignConfigs) === null || _g === void 0 ? void 0 : _g.missionDescription);
         return this.entry.campaignConfigs && (isAnnouncement ? this.renderCardAnnouncement() : this.renderCardCampaign());
       }
       case 'shared-incentive':

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

@@ -324,7 +324,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   padding: var(--spacing-04, 0.25rem) 0;
 }
 :host .answers {
-  padding: var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);
+  padding: var(--spacing-08, 0.5rem) 0;
 }
 :host .answers .title {
   padding-bottom: var(--spacing-08, 0.5rem);
@@ -346,6 +346,6 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 :host(.mobile) main {
   margin-top: var(--safe-area-inset-top);
 }
-:host(.mobile) main > * {
+:host(.mobile) main > *:not(.answers) {
   text-align: center;
 }