npm - @yoobic/yobi - Versions diffs - 8.2.2 → 8.3.0-2 - Mend

@yoobic/yobi 8.2.2 → 8.3.0-2

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

Files changed (1373) hide show

package/dist/cjs/yoo-entity.cjs.entry.js CHANGED Viewed

@@ -2,19 +2,20 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-c8609d4f.js');
-const index$2 = require('./index-fc264952.js');
-const index$1 = require('./index-f3d7c03d.js');
+const index = require('./index-e182c32d.js');
+const index$1 = require('./index-de8540eb.js');
+require('./index-1fdbd9b3.js');
 const lodash = require('./lodash-597bda6d.js');
-const incentiveHelpers = require('./incentive-helpers-7c50738b.js');
-const operationHelpers = require('./operation-helpers-dcf02ba5.js');
-const missionsHelpers = require('./missions-helpers-a2279e7c.js');
-const button_factory = require('./button.factory-0133597a.js');
-const commonHelpers = require('./common-helpers-6970c46c.js');
-const entitiesHelpers = require('./entities-helpers-66375a12.js');
-const theme = require('./theme-0e8633ea.js');
+const incentiveHelpers = require('./incentive-helpers-a7243401.js');
+const operationHelpers = require('./operation-helpers-18377709.js');
+const missionsHelpers = require('./missions-helpers-210de6b1.js');
+const button_factory = require('./button.factory-a01664d3.js');
+const commonHelpers = require('./common-helpers-a4efe957.js');
+const entitiesHelpers = require('./entities-helpers-2edf446a.js');
+const theme = require('./theme-6460911b.js');
+const overlays = require('./overlays-b6c94fc8.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-1ff4deca.js');
+require('./index-933cab98.js');
 const entitySimpleCardLists = [
   'aclPermission',
@@ -51,7 +52,7 @@ const ChannelAvatarCard = ({ item, unreadCounts }) => {
   const user = others === null || others === void 0 ? void 0 : others[0];
   const message = unreadCounts[channel] ? lastMessage : undefined;
   const hasNewMessage = !!message;
-  return (index.h("yoo-card-avatar", { avatar: { user }, heading: getChatCardHeading(index$1.getUserDisplayName(user), hasNewMessage) }, hasNewMessage && index.h(ChatMessage, { value: message })));
+  return (index.h("yoo-card-avatar", { avatar: { user }, heading: getChatCardHeading(overlays.getUserDisplayName(user), hasNewMessage) }, hasNewMessage && index.h(ChatMessage, { value: message })));
 };
 const ChannelsAvatarCard = ({ item, unreadCounts }) => {
   const { background, channel, lastMessage, name, users } = item;
@@ -60,10 +61,10 @@ const ChannelsAvatarCard = ({ item, unreadCounts }) => {
   const heading = getChatCardHeading(name, hasNewMessage);
   return background ? (index.h("yoo-card-avatar", { avatar: { imgSrc: background }, heading: heading }, hasNewMessage && index.h(ChatMessage, { value: message }))) : (index.h("yoo-card-avatars", { heading: heading, users: users }, hasNewMessage && index.h(ChatMessage, { value: message })));
 };
-const ContactAvatarCard = ({ item }) => (index.h("yoo-card-avatar", { avatar: { user: item }, heading: { color: 'dark', text: index$1.getUserDisplayName(item) } }));
+const ContactAvatarCard = ({ item }) => (index.h("yoo-card-avatar", { avatar: { user: item }, heading: { color: 'dark', text: overlays.getUserDisplayName(item) } }));
 const LocationAvatarCard = ({ item }) => {
   const { distance, imageData, title, vip } = item;
-  return (index.h("yoo-card-avatar", { avatar: { imgSrc: imageData, isVip: vip }, heading: { color: 'dark', text: title }, subheading: { icon: { name: 'pin', size: 'small' }, text: index$1.pipes.distance.transform(distance) } }));
+  return (index.h("yoo-card-avatar", { avatar: { imgSrc: imageData, isVip: vip }, heading: { color: 'dark', text: title }, subheading: { icon: { name: 'pin', size: 'small' }, text: overlays.pipes.distance.transform(distance) } }));
 };
 const entityCss = ":host{--padding:0;--padding-right-content-container:0;--padding-left-content-container:0;--padding-right-content-container-card-list:0;--overflow-card-heading-text-card-list:hidden;--text-overflow-card-heading-text-card-list:ellipsis;--white-space-card-heading-text-card-list:normal;--font-size-icon-check-selected:var(--icon-size-02, 1.5rem);--top-pos-check-selected:0;--bottom-pos-check-selected:0;--entity-background:none;--margin:0.1rem 0.5rem 1rem 0.5rem !important;--icon-color:var(--app-color, #5a30f4);--height-lessons-outer-container-card-list:2.5rem;--justify-content-content-container-card-list:flex-start;--heading-font-size-card-list:var(--font-size-14, 0.875rem);--card-list-simple-color:var(--dark, #000000);--card-image-border-radius:var(--border-radius-08, 0.5rem);--card-image-description-align-items:center;--card-image-description-justify-content:center;--card-image-description-text-align:center;--card-image-height:100%;--card-image-overlay:var(--dark-40, rgba(0, 0, 0, 0.4));--card-image-inner-spacing:var(--spacing-16, 1rem);--card-image-subtitle-font-size:var(--font-size-12, 0.75rem);--card-image-subtitle-font-weight:normal;--card-image-subtitle-line-clamp:1;--card-image-subtitle-line-height:1.5;--card-image-title-font-size:var(--font-size-16, 1rem);--card-image-title-font-weight:bold;--card-image-title-line-clamp:1;--card-image-title-line-height:1.5;overflow:hidden}:host yoo-card-list-simple{--inner-text-color:var(--card-list-simple-color)}:host .icon-container{margin-right:1rem}:host .icon-container .icon{width:3rem;height:3rem;background-color:var(--stable-light, #f1f1f1);border:var(--border-width-01, 0.0625rem) solid var(--stable-40, rgba(173, 173, 173, 0.4));border-radius:50%}:host .avatar-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}:host .avatar-container yoo-avatar{margin-bottom:var(--spacing-08, 0.5rem)}:host .content-container{padding-right:var(--padding-right-content-container);padding-left:var(--padding-left-content-container);text-align:left}:host .content-container .title{font-weight:var(--font-weight-700, 700)}:host .content-container .subtitle{opacity:0.65}:host yoo-card-image{--title-margin:var(--card-image-title-margin);--description-align-items:var(--card-image-description-align-items);--description-justify-content:var(--card-image-description-justify-content);--description-text-align:var(--card-image-description-text-align);--image-overlay:var(--card-image-overlay);--inner-spacing:var(--catd-image-inner-spacing);--subtitle-font-size:var(--card-image-subtitle-font-size);--subtitle-font-weight:var(--card-image-subtitle-font-weight);--subtitle-line-clamp:var(--card-image-subtitle-line-clamp);--subtitle-line-height:var(--card-image-subtitle-line-height);--title-font-size:var(--card-image-title-font-size);--title-font-weight:var(--card-image-title-font-weight);--title-line-clamp:var(--card-image-title-line-clamp);--title-line-height:var(--card-image-title-line-height);height:var(--card-image-height);border-radius:var(--card-image-border-radius)}:host yoo-card-list{--overflow-card-heading-text:var(--overflow-card-heading-text-card-list);--text-overflow-card-heading-text:var(--text-overflow-card-heading-text-card-list);--white-space-card-heading-text:var(--white-space-card-heading-text-card-list);--card-list-background:var(--entity-background);--height-lessons-outer-container:var(--height-lessons-outer-container-card-list);--justify-content-content-container:var(--justify-content-content-container-card-list);--heading-font-size:var(--heading-font-size-card-list)}:host yoo-card-battle.grid-cell,:host yoo-card-battle-result.grid-cell{padding:var(--spacing-08, 0.5rem) 0}:host yoo-card-battle-result.grid-cell{min-width:15.625rem}:host .dirty{border-right:var(--spacing-02, 0.125rem) solid var(--energized, #ffc043)}:host .actions{display:grid;grid-auto-flow:column;grid-gap:var(--spacing-16, 1rem)}:host .actions.bottom{margin-top:var(--spacing-08, 0.5rem)}:host(:not(.autocomplete)) yoo-avatar{--transform-avatar:translateY(5px)}:host(.last.framed) yoo-card-list{--border-bottom-outer-container:none !important}:host(.child) yoo-card-list{padding-left:2.8125rem}:host(.check-selected.web.giphy) yoo-card-cell,:host(.check-selected.web.unsplash) yoo-card-cell,:host(.check-selected.web.files) yoo-card-cell{--display-after-image:block;--position-image-container:relative;--opacity-image:0.2}:host(.check-selected:not(.web)):after{position:absolute;top:var(--top-pos-check-selected);right:0;bottom:var(--bottom-pos-check-selected);left:auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-top:1px;margin-bottom:0.0625rem;padding:0 0.5rem;font-size:var(--font-size-icon-check-selected);font-family:yoobicons, Helvetica, sans-serif;-webkit-transform:translateY(-2.5%);transform:translateY(-2.5%)}:host(.check-selected:not(.web)) yoo-card-list,:host(.check-selected:not(.web)) yoo-card-list-simple{--border-bottom-outer-container:0.0625rem solid var(--stable-alt-40, rgba(208, 208, 208, 0.4));--margin-content-container-right:2.625rem}:host(.check-selected:not(.web)):after{color:var(--icon-color);content:\"\\e93c\"}:host(.check-selected:not(.web)) yoo-card-cell{--display-after-image:block;--position-image-container:relative;--opacity-image:0.2}:host(.check-selected:not(.web).last):after{position:absolute;top:var(--top-pos-check-selected);right:0;bottom:var(--bottom-pos-check-selected);left:auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-top:1px;margin-bottom:0.0625rem;padding:0 0.5rem;font-size:var(--font-size-icon-check-selected);font-family:yoobicons, Helvetica, sans-serif;-webkit-transform:translateY(-2.5%);transform:translateY(-2.5%)}:host(.check-selected:not(.web).last) yoo-card-list,:host(.check-selected:not(.web).last) yoo-card-list-simple{--border-bottom-outer-container:0.0625rem solid var(--stable-alt-40, rgba(208, 208, 208, 0.4));--margin-content-container-right:2.625rem}:host(.check-unselected:not(.web):not(.card-cell)):after{position:absolute;top:var(--top-pos-check-selected);right:0;bottom:var(--bottom-pos-check-selected);left:auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-top:1px;margin-bottom:0.0625rem;padding:0 0.5rem;font-size:var(--font-size-icon-check-selected);font-family:yoobicons, Helvetica, sans-serif;-webkit-transform:translateY(-2.5%);transform:translateY(-2.5%)}:host(.check-unselected:not(.web):not(.card-cell)) yoo-card-list,:host(.check-unselected:not(.web):not(.card-cell)) yoo-card-list-simple{--border-bottom-outer-container:0.0625rem solid var(--stable-alt-40, rgba(208, 208, 208, 0.4));--margin-content-container-right:2.625rem}:host(.check-unselected:not(.web):not(.card-cell)):after{color:var(--stable, #adadad);content:\"\\e93f\"}:host(.check-unselected:not(.web):not(.card-cell).last):after{position:absolute;top:var(--top-pos-check-selected);right:0;bottom:var(--bottom-pos-check-selected);left:auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-top:1px;margin-bottom:0.0625rem;padding:0 0.5rem;font-size:var(--font-size-icon-check-selected);font-family:yoobicons, Helvetica, sans-serif;-webkit-transform:translateY(-2.5%);transform:translateY(-2.5%)}:host(.check-unselected:not(.web):not(.card-cell).last) yoo-card-list,:host(.check-unselected:not(.web):not(.card-cell).last) yoo-card-list-simple{--border-bottom-outer-container:0.0625rem solid var(--stable-alt-40, rgba(208, 208, 208, 0.4));--margin-content-container-right:2.625rem}:host(.check-selected-left:not(.web):not(.card-cell)):before{position:absolute;top:var(--top-pos-check-selected);right:auto;bottom:var(--bottom-pos-check-selected);left:0.4rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-top:1px;margin-bottom:0.0625rem;padding:0 0.5rem;font-size:var(--font-size-icon-check-selected);font-family:yoobicons, Helvetica, sans-serif;-webkit-transform:translateY(-2.5%);transform:translateY(-2.5%)}:host(.check-selected-left:not(.web):not(.card-cell)) yoo-card-list,:host(.check-selected-left:not(.web):not(.card-cell)) yoo-card-list-simple{--border-bottom-outer-container:0.0625rem solid var(--stable-alt-40, rgba(208, 208, 208, 0.4));--margin-content-container-left:3rem}:host(.check-selected-left:not(.web):not(.card-cell)):before{color:var(--icon-color);content:\"\\e93c\"}:host(.check-selected-left:not(.web):not(.card-cell)) yoo-card-cell{--display-after-image:block;--position-image-container:relative;--opacity-image:0.2}:host(.check-unselected-left:not(.web):not(.card-cell)):before{position:absolute;top:var(--top-pos-check-selected);right:auto;bottom:var(--bottom-pos-check-selected);left:0.4rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-top:1px;margin-bottom:0.0625rem;padding:0 0.5rem;font-size:var(--font-size-icon-check-selected);font-family:yoobicons, Helvetica, sans-serif;-webkit-transform:translateY(-2.5%);transform:translateY(-2.5%)}:host(.check-unselected-left:not(.web):not(.card-cell)) yoo-card-list,:host(.check-unselected-left:not(.web):not(.card-cell)) yoo-card-list-simple{--border-bottom-outer-container:0.0625rem solid var(--stable-alt-40, rgba(208, 208, 208, 0.4));--margin-content-container-left:3rem}:host(.check-unselected-left:not(.web):not(.card-cell)):before{color:var(--stable, #adadad);content:\"\\e93f\"}:host(.card-cell.check-unselected-left.web)::after{position:absolute;top:var(--spacing-04, 0.25rem);right:var(--spacing-04, 0.25rem);bottom:auto;left:auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:1.3rem;font-size:var(--font-size-20, 1.25rem);font-family:yoobicons, Helvetica, sans-serif;background-color:var(--light, #ffffff);border-radius:50%;color:var(--light, #ffffff);content:\"\\e940\"}:host(.card-cell.selected.check-selected-left.web)::after{position:absolute;top:var(--spacing-04, 0.25rem);right:var(--spacing-04, 0.25rem);bottom:auto;left:auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:1.3rem;font-size:var(--font-size-20, 1.25rem);font-family:yoobicons, Helvetica, sans-serif;background-color:var(--light, #ffffff);border-radius:50%;color:var(--app-color, #5a30f4);content:\"\\e93c\"}:host(.language) yoo-card-list{--margin-content-container-right:var(--padding);--border-bottom-outer-container:0.0625rem solid var(--stable-light, #f1f1f1);--padding-content-container:0.5rem var(--padding-right-content-container-card-list);--margin-image-container:0;--justify-content-content-container:center}:host(.environnement) yoo-card-list{--margin-content-container-right:var(--padding);--border-bottom-outer-container:0.0625rem solid var(--stable-light, #f1f1f1);--padding-content-container:0.5rem var(--padding-right-content-container-card-list);--margin-image-container:0;--justify-content-content-container:center}:host(.catalog-display){display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;overflow:hidden}:host(.user){overflow:visible}:host(.violetproducts) yoo-card-list,:host(.violetbasketitems) yoo-card-list{--border-bottom-outer-container:0}:host(.autocomplete-selected:not(.emails)){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(.autocomplete-selected:not(.emails)) yoo-card-list-simple{--border-bottom-outer-container:0}:host(.autocomplete-selected:not(.emails)) yoo-card-list{--border-bottom-outer-container:0}:host(.autocomplete-selected:not(.emails)) yoo-tag.readonly{padding:0 var(--spacing-08, 0.5rem) 0 0}:host(.autocomplete-selected:not(.emails)) .readonly-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-alt-40, rgba(208, 208, 208, 0.4))}:host(.autocomplete-selected.card-tag-single:not(.emails)) yoo-tag.readonly{padding:0}:host(.emails) yoo-tag{padding:var(--spacing-02, 0.125rem)}:host(.autocomplete-selected) yoo-tag{max-width:100%}:host(.autocomplete-selected.last) .readonly-container{border-bottom:none}:host(.autocomplete.icons.card-cell){color:var(--dark, #000000)}:host(.photos.card-cell:not(.card-tag-single):not(.autocomplete-selected)),:host(.giphy.card-cell:not(.card-tag-single):not(.autocomplete-selected)),:host(.unsplash.card-cell:not(.card-tag-single):not(.autocomplete-selected)){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;width:120px;height:120px;margin-bottom:0.25rem}:host(.giphy.card-cell:not(.card-tag-single)),:host(.unsplash.card-cell:not(.card-tag-single)){height:140px}:host(.photos.framed.card-cell),:host(.giphy.framed.card-cell),:host(.unsplash.framed.card-cell){width:100px;height:100px}:host(.web.photos.card-cell),:host(.web.giphy.card-cell),:host(.web.unsplash.card-cell){position:relative;z-index:1;width:100px;height:100px;overflow:visible}:host(.web.photos.context-menu-open){z-index:2}:host(.apps){overflow:visible}:host(.card-feed){height:100% !important}:host(.card-feed.web){-ms-flex-align:center;align-items:center}:host(.collapsible:not(.map):not(.web)),:host(:not(.autocomplete).locations.no-kpi:not(.map):not(.framed):not(.web)){display:block;height:auto;margin-bottom:var(--spacing-16, 1rem);background:var(--light, #ffffff);background:var(--light-10, rgba(255, 255, 255, 0.1));border-radius:0.5rem;-webkit-box-shadow:var(--card-shadow-2, 0 0.3125rem 0.9375rem 0 rgba(40, 47, 54, 0.08));box-shadow:var(--card-shadow-2, 0 0.3125rem 0.9375rem 0 rgba(40, 47, 54, 0.08))}:host(.products.simple) yoo-card-list{--border-bottom-outer-container:none}:host(.no-border) yoo-card-list,:host(.no-border) yoo-card-list-simple,:host(.no-border) yoo-card-plan,:host(.framed) yoo-card-list,:host(.framed) yoo-card-list-simple,:host(.framed) yoo-card-plan{--border-bottom-outer-container:none;border:none}:host(.bold) yoo-badge{font-weight:bold}:host(.block){display:block}:host(.draggable){display:block;background:var(--light, #ffffff)}:host(.missiondatas.map) yoo-card-list{min-width:9.375rem;padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);background:var(--light, #ffffff);border-radius:0.5rem;-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1))}:host(.map) yoo-card-list.custom-model{min-width:9.375rem;margin-right:var(--spacing-08, 0.5rem);padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);background:var(--light, #ffffff);border-radius:var(--spacing-08, 0.5rem);-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1))}:host(.readonly-address){white-space:unset}:host(.badges) .tag-container{width:4rem;text-align:center}:host(.badges) .tag-container yoo-tag{-ms-flex-pack:center;justify-content:center}:host(.badges) .tag-container .tag-title{margin-top:var(--spacing-08, 0.5rem);font-size:var(--font-size-12, 0.75rem)}:host(.violetproductofferskus) .slot-container .bg-accent{background-color:var(--accent, #276ef1) !important}:host(.violetproductofferskus) .slot-container .accent{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}:host(.violetproductofferskus) .slot-container .bg-app-color{background-color:var(--app-color, #5a30f4) !important}:host(.violetproductofferskus) .slot-container .app-color{color:var(--app-color, #5a30f4);fill:var(--app-color, #5a30f4)}:host(.violetproductofferskus) .slot-container .bg-danger{background-color:var(--danger, #d44333) !important}:host(.violetproductofferskus) .slot-container .danger{color:var(--danger, #d44333);fill:var(--danger, #d44333)}:host(.violetproductofferskus) .slot-container .bg-dark{background-color:var(--dark, #000000) !important}:host(.violetproductofferskus) .slot-container .dark{color:var(--dark, #000000);fill:var(--dark, #000000)}:host(.violetproductofferskus) .slot-container .bg-energized{background-color:var(--energized, #ffc043) !important}:host(.violetproductofferskus) .slot-container .energized{color:var(--energized, #ffc043);fill:var(--energized, #ffc043)}:host(.violetproductofferskus) .slot-container .bg-info{background-color:var(--info, #d84c96) !important}:host(.violetproductofferskus) .slot-container .info{color:var(--info, #d84c96);fill:var(--info, #d84c96)}:host(.violetproductofferskus) .slot-container .bg-light{background-color:var(--light, #ffffff) !important}:host(.violetproductofferskus) .slot-container .light{color:var(--light, #ffffff);fill:var(--light, #ffffff)}:host(.violetproductofferskus) .slot-container .bg-stable{background-color:var(--stable, #adadad) !important}:host(.violetproductofferskus) .slot-container .stable{color:var(--stable, #adadad);fill:var(--stable, #adadad)}:host(.violetproductofferskus) .slot-container .bg-stable-alt{background-color:var(--stable-alt, #d0d0d0) !important}:host(.violetproductofferskus) .slot-container .stable-alt{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}:host(.violetproductofferskus) .slot-container .bg-stable-light{background-color:var(--stable-light, #f1f1f1) !important}:host(.violetproductofferskus) .slot-container .stable-light{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}:host(.violetproductofferskus) .slot-container .bg-stable-ultralight{background-color:var(--stable-ultralight, #fafafa) !important}:host(.violetproductofferskus) .slot-container .stable-ultralight{color:var(--stable-ultralight, #fafafa);fill:var(--stable-ultralight, #fafafa)}:host(.violetproductofferskus) .slot-container .bg-success{background-color:var(--success, #3aa76d) !important}:host(.violetproductofferskus) .slot-container .success{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}:host(.violetproductofferskus) .slot-container .bg-text-color{background-color:var(--text-color, #807f83) !important}:host(.violetproductofferskus) .slot-container .text-color{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}:host(.violetproductofferskus) .slot-container .bg-warning{background-color:var(--warning, #ed6e33) !important}:host(.violetproductofferskus) .slot-container .warning{color:var(--warning, #ed6e33);fill:var(--warning, #ed6e33)}:host(.violetproductofferskus) .slot-container .bg-wood{background-color:var(--wood, #99644c) !important}:host(.violetproductofferskus) .slot-container .wood{color:var(--wood, #99644c);fill:var(--wood, #99644c)}:host(.feeds.card-campaign),:host(.missions.card-list.feed){padding:var(--spacing-08, 0.5rem);background-color:var(--light, #ffffff);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1))}:host(.channel.web.selected) yoo-card-chat,:host(.channels.web.selected) yoo-card-chat{background-color:var(--stable-light-40, rgba(241, 241, 241, 0.4)) !important}:host(.card-chat){--top-pos-check-selected:auto}:host(.channel.card-cell) yoo-card-avatar,:host(.channel.card-cell) yoo-card-avatars,:host(.channels.card-cell) yoo-card-avatar,:host(.channels.card-cell) yoo-card-avatars{padding-top:var(--spacing-08, 0.5rem)}:host(.channel.card-cell) yoo-tag,:host(.channels.card-cell) yoo-tag{top:0;width:100%;max-width:6.5rem}:host(.card-cell-color) yoo-card-list-color{height:100%}:host(.card-cell-image) yoo-card-image:before{display:block;padding-bottom:100%;content:\"\"}:host(.communities) yoo-card-image{background-image:-webkit-gradient(linear, left top, left bottom, color-stop(-73%, rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.5))), -webkit-gradient(linear, left top, left bottom, from(#276ef1), to(#276ef1));background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0) -73%, rgba(0, 0, 0, 0.5)), linear-gradient(to bottom, #276ef1, #276ef1);--description-align-items:flex-start;--description-justify-content:flex-end;--description-text-align:start;--inner-spacing:var(--spacing-08, 0.5rem);--subtitle-line-height:var(--font-size-16, 1rem);--image-overlay:linear-gradient(to bottom, var(--transparent-linear-gradient, rgba(255, 255, 255, 0)) -73%, var(--dark-40, rgba(0, 0, 0, 0.4)));--title-font-size:var(--font-size-14, 0.875rem);--title-line-height:var(--font-size-24, 1.5rem)}:host(.broadcasts) yoo-card-image{--description-align-items:flex-start;--description-justify-content:flex-end;--description-text-align:start;--inner-spacing:var(--spacing-08, 0.5rem);--subtitle-line-height:var(--font-size-20, 1.25rem);--image-overlay:linear-gradient(to bottom, var(--transparent-linear-gradient, rgba(255, 255, 255, 0)) -73%, var(--dark-40, rgba(0, 0, 0, 0.4)));--title-font-size:var(--font-size-14, 0.875rem);--title-line-height:var(--font-size-32, 2rem)}";
@@ -87,7 +88,7 @@ const YooEntityComponent = class {
   componentDidUpdate() {
     if (this.emitEventOnDidUpdate) {
       this.emitEventOnDidUpdate = false;
-      index$1.dispatchCustomEvent('itemHeightUpdated', this.host, { preventUpdate: true });
+      overlays.dispatchCustomEvent('itemHeightUpdated', this.host, { preventUpdate: true });
     }
   }
   onEntityClosed() {
@@ -98,13 +99,13 @@ const YooEntityComponent = class {
   }
   getCustomModelValue(key, data, fields) {
     const field = fields.find((f) => f.name === key);
-    if ((field === null || field === void 0 ? void 0 : field.type) === index$2.FormFieldType.user && data[key]) {
-      return index$1.getUserDisplayName(data[key]);
+    if ((field === null || field === void 0 ? void 0 : field.type) === index$1.FormFieldType.user && data[key]) {
+      return overlays.getUserDisplayName(data[key]);
     }
-    else if (key === '_ect' || (field && (field.type === index$2.FormFieldType.date || field.type === index$2.FormFieldType.datetime))) {
-      return index$1.pipes.dateFormat.transform(data[key], ...[!field || field.type === index$2.FormFieldType.date ? 'L' : 'L LT']);
+    else if (key === '_ect' || (field && (field.type === index$1.FormFieldType.date || field.type === index$1.FormFieldType.datetime))) {
+      return overlays.pipes.dateFormat.transform(data[key], ...[!field || field.type === index$1.FormFieldType.date ? 'L' : 'L LT']);
     }
-    else if (((field === null || field === void 0 ? void 0 : field.type) === index$2.FormFieldType.location || key === 'location') && data[key]) {
+    else if (((field === null || field === void 0 ? void 0 : field.type) === index$1.FormFieldType.location || key === 'location') && data[key]) {
       return data[key].title;
     }
     else if (key === 'catalog' && data[key]) {
@@ -114,15 +115,15 @@ const YooEntityComponent = class {
           count += data[key][k];
         }
       });
-      let retVal = count.toString() + ' ' + index$1.translate(count > 1 ? 'PRODUCTS' : 'PRODUCT');
+      let retVal = count.toString() + ' ' + overlays.translate(count > 1 ? 'PRODUCTS' : 'PRODUCT');
       if (data[key].price) {
-        retVal += ' - ' + index$1.pipes.currency.transform(data[key].price);
+        retVal += ' - ' + overlays.pipes.currency.transform(data[key].price);
       }
       return retVal;
     }
     else {
       // if the value has this format "%ANY_TEXT-HERE%", it means it needs to be translated first
-      const values = [].concat(data[key]).map((value) => index$1.translateMulti(value));
+      const values = [].concat(data[key]).map((value) => overlays.translateMulti(value));
       return lodash.compact(values).join(', ');
     }
   }
@@ -149,12 +150,12 @@ const YooEntityComponent = class {
   onShowDocumentDialog() {
     var _a, _b;
     const modal = document.createElement('yoo-form-document-dialog');
-    const getAnimation = (enterLeave) => (index$1.isWeb(this.host) ? `fade${enterLeave}Animation` : `slideY${enterLeave}Animation`);
+    const getAnimation = (enterLeave) => (overlays.isWeb(this.host) ? `fade${enterLeave}Animation` : `slideY${enterLeave}Animation`);
     modal.document = Object.assign(this.item, { _downloadURL: (_a = this.item) === null || _a === void 0 ? void 0 : _a._downloadURL });
-    modal.modalTitle = ((_b = this.item) === null || _b === void 0 ? void 0 : _b._filename) || index$1.translate('YOOBICDOCUMENT');
-    const type = index$1.getType(this.item);
+    modal.modalTitle = ((_b = this.item) === null || _b === void 0 ? void 0 : _b._filename) || overlays.translate('YOOBICDOCUMENT');
+    const type = overlays.getType(this.item);
     modal.modalMode = type && type === 'video';
-    index$1.showModal(modal, {}, '', getAnimation('Enter'), getAnimation('Leave'), true);
+    overlays.showModal(modal, {}, '', getAnimation('Enter'), getAnimation('Leave'), true);
   }
   onEmbeddedEntityClicked(event) {
     event.stopPropagation();
@@ -182,10 +183,10 @@ const YooEntityComponent = class {
     };
   }
   isWebAutocomplete() {
-    return index$1.isWeb(this.host) && this.host.classList.contains('autocomplete');
+    return overlays.isWeb(this.host) && this.host.classList.contains('autocomplete');
   }
   isMobileAutocomplete() {
-    return !index$1.isWeb(this.host) && this.host.classList.contains('autocomplete');
+    return !overlays.isWeb(this.host) && this.host.classList.contains('autocomplete');
   }
   isAutocompleteSelected() {
     return this.host.classList.contains('autocomplete-selected');
@@ -201,7 +202,7 @@ const YooEntityComponent = class {
       if (this.isFramed) {
         extraClasses += ' framed ';
       }
-      if ((_a = index$1.getSession()) === null || _a === void 0 ? void 0 : _a.isExternal) {
+      if ((_a = overlays.getSession()) === null || _a === void 0 ? void 0 : _a.isExternal) {
         extraClasses += ' external ';
       }
       if (this.isGridCell) {
@@ -313,16 +314,16 @@ const YooEntityComponent = class {
     return index.h("div", null);
   }
   renderCardCalendar() {
-    const color = index$1.getEventTypeColor(this.item.type) + '-10';
+    const color = overlays.getEventTypeColor(this.item.type) + '-10';
     if (this.item.type === 'feeds') {
       return index.h("yoo-card-calendar", { heading: this.item.description, color: color, type: this.item.type, creator: this.item.userFullName });
     }
     else if (this.item.type === 'todo') {
-      const hasRole = index$1.getAuthentication().isRoleStore() || index$1.getAuthentication().isRoleStoreManager();
+      const hasRole = overlays.getAuthentication().isRoleStore() || overlays.getAuthentication().isRoleStoreManager();
       return index.h("yoo-card-calendar", { heading: this.item.title, color: color, type: this.item.type, location: !hasRole ? this.item.location : null });
     }
     else if (this.item.type === 'events') {
-      const date = this.isFramed && this.item.startDate ? index$1.dateFormat(this.item.startDate, 'hh:mm') : null;
+      const date = this.isFramed && this.item.startDate ? overlays.dateFormat(this.item.startDate, 'hh:mm') : null;
       return index.h("yoo-card-calendar", { heading: this.item.title, color: color, type: this.item.type, attendance: this.item.participantStatus, dueDate: date });
     }
     else if (this.item.type === 'courses') {
@@ -335,7 +336,7 @@ const YooEntityComponent = class {
       if (courseDurationInMinutes < allDayInMinutes && isCourseDayOrLess) {
         dueDate = +endDate - 12 * 3600 * 1000; // If course less than 23.5 hours dueDate calculation
       }
-      const date = index$1.dateFormat(dueDate, 'DD/MM/YYYY hh:mm');
+      const date = overlays.dateFormat(dueDate, 'DD/MM/YYYY hh:mm');
       return index.h("yoo-card-calendar", { heading: this.item.title, color: color, type: this.item.type, dueDate: date });
     }
     else if (this.item.type === 'visits') {
@@ -347,7 +348,7 @@ const YooEntityComponent = class {
     else if (this.item.type === 'memos') {
       return index.h("yoo-card-calendar", { heading: this.item.title, color: color, type: this.item.type });
     }
-    return (index.h("yoo-card-calendar", { heading: this.item.title || index$1.translate('EVENT'), color: "app-color" }));
+    return (index.h("yoo-card-calendar", { heading: this.item.title || overlays.translate('EVENT'), color: "app-color" }));
   }
   renderCardChat() {
     const entry = entitiesHelpers.parseEntityForCardChat(this.item, this.entityType === 'channels', this.unreadCounts && this.unreadCounts[this.item.channel] ? this.unreadCounts[this.item.channel] : 0);
@@ -369,11 +370,11 @@ const YooEntityComponent = class {
     const notificationParams = notification.params || ((_a = notification.data) === null || _a === void 0 ? void 0 : _a.customParams);
     const iconName = ((_b = notification.data) === null || _b === void 0 ? void 0 : _b.iconName) || commonHelpers.getNotificationIcon(notification);
     const iconColor = iconName === 'check' ? 'success' : (((_c = notification === null || notification === void 0 ? void 0 : notification.data) === null || _c === void 0 ? void 0 : _c.customCssClass) || 'app-color');
-    let body = index$1.translateMulti(notification.body, notificationParams);
+    let body = overlays.translateMulti(notification.body, notificationParams);
     if ((_d = notification.data) === null || _d === void 0 ? void 0 : _d.replaceContent) {
-      body = index$1.replaceTextWithRichContent(body);
+      body = overlays.replaceTextWithRichContent(body);
     }
-    return (index.h("yoo-card-notification", { class: { unread: !notification.isViewedByMe }, body: body, notificationTitle: index$1.translateMulti(notification.title, notificationParams), timeAgo: notification.scheduledDate || notification._ect ? index$1.pipes.dateFormat.transform(notification.scheduledDate || notification._ect, 'fromNow') : null, imgSrc: ((_e = notification.data) === null || _e === void 0 ? void 0 : _e.rightMediaSrc) || null }, ((_f = notification.data) === null || _f === void 0 ? void 0 : _f.sender_photo) && index.h("yoo-avatar", { slot: "item-left", size: "medium", imgSrc: notification.data.sender_photo }), !((_g = notification.data) === null || _g === void 0 ? void 0 : _g.sender_photo) && (index.h("yoo-icon", { slot: "item-left", name: iconName, color: iconColor, size: "large" }))));
+    return (index.h("yoo-card-notification", { class: { unread: !notification.isViewedByMe }, body: body, notificationTitle: overlays.translateMulti(notification.title, notificationParams), timeAgo: notification.scheduledDate || notification._ect ? overlays.pipes.dateFormat.transform(notification.scheduledDate || notification._ect, 'fromNow') : null, imgSrc: ((_e = notification.data) === null || _e === void 0 ? void 0 : _e.rightMediaSrc) || null }, ((_f = notification.data) === null || _f === void 0 ? void 0 : _f.sender_photo) && index.h("yoo-avatar", { slot: "item-left", size: "medium", imgSrc: notification.data.sender_photo }), !((_g = notification.data) === null || _g === void 0 ? void 0 : _g.sender_photo) && (index.h("yoo-icon", { slot: "item-left", name: iconName, color: iconColor, size: "large" }))));
   }
   renderCardSticky(extraClasses) {
     var _a;
@@ -381,16 +382,16 @@ const YooEntityComponent = class {
     let entry = {};
     if (this.entityType === 'feeds') {
       const feedSticky = this.item;
-      const mediaSrcAndType = index$1.getMediaSrcAndType(feedSticky, true);
+      const mediaSrcAndType = overlays.getMediaSrcAndType(feedSticky, true);
       const mediaSrc = mediaSrcAndType.mediaSrc;
-      const toRead = feedSticky.requireReadReceipts && feedSticky.userRef !== index$1.getSession().userId && !feedSticky.isReadByMe;
-      const toScheduled = feedSticky.startDate && feedSticky.postType === index$2.FeedPostType.SCHEDULE && index$1.compareAsc(feedSticky === null || feedSticky === void 0 ? void 0 : feedSticky.startDate, new Date()) === 1;
+      const toRead = feedSticky.requireReadReceipts && feedSticky.userRef !== overlays.getSession().userId && !feedSticky.isReadByMe;
+      const toScheduled = feedSticky.startDate && feedSticky.postType === index$1.FeedPostType.SCHEDULE && overlays.compareAsc(feedSticky === null || feedSticky === void 0 ? void 0 : feedSticky.startDate, new Date()) === 1;
       entry = {
         category: feedSticky.tags && feedSticky.tags.length > 0 ? feedSticky.tags[0].toUpperCase() : '',
-        title: index$1.replaceAllLinks(index$1.parseMarkDown(feedSticky.descriptionTranslated || feedSticky.description || feedSticky.pollTitle || ''), true),
-        buttonText: index$1.translate('READMORE'),
-        subheadings: [index$1.getFormatedDate(new Date((feedSticky === null || feedSticky === void 0 ? void 0 : feedSticky.startDate) || (feedSticky === null || feedSticky === void 0 ? void 0 : feedSticky._ect)))],
-        postedBy: feedSticky.user && feedSticky.user._id ? index$1.getUserDisplayName(feedSticky.user) : null,
+        title: overlays.replaceAllLinks(overlays.parseMarkDown(feedSticky.descriptionTranslated || feedSticky.description || feedSticky.pollTitle || ''), true),
+        buttonText: overlays.translate('READMORE'),
+        subheadings: [overlays.getFormatedDate(new Date((feedSticky === null || feedSticky === void 0 ? void 0 : feedSticky.startDate) || (feedSticky === null || feedSticky === void 0 ? void 0 : feedSticky._ect)))],
+        postedBy: feedSticky.user && feedSticky.user._id ? overlays.getUserDisplayName(feedSticky.user) : null,
         handler: () => { },
         imgSrc: lodash.isArray(mediaSrc) && mediaSrc.length > 0 ? mediaSrc[0] : null,
         user: feedSticky.user,
@@ -400,7 +401,7 @@ const YooEntityComponent = class {
               position: { left: true, top: true },
               color: 'danger',
               icon: 'luxury-glasses',
-              text: index$1.translate('TOREAD')
+              text: overlays.translate('TOREAD')
             }
             : null,
           toScheduled
@@ -408,7 +409,7 @@ const YooEntityComponent = class {
               position: { left: true, top: true },
               color: 'energized',
               icon: 'calendar',
-              text: index$1.dateFormat(feedSticky.startDate, 'L LT'),
+              text: overlays.dateFormat(feedSticky.startDate, 'L LT'),
               iconOnlyInHeaderView: true
             }
             : null
@@ -422,22 +423,22 @@ const YooEntityComponent = class {
         entry.title = this.item.title;
       }
       entry.secondaryActionSheet = this.secondaryActions
-        ? this.secondaryActions.filter((a) => (a.isVisible ? a.isVisible(this.item) : true)).map((a) => index$1.toButton(a, this.item))
+        ? this.secondaryActions.filter((a) => (a.isVisible ? a.isVisible(this.item) : true)).map((a) => overlays.toButton(a, this.item))
         : null;
       return (index.h("yoo-card-sticky", { entry: entry, type: this.entityType, onUserClicked: (ev) => {
           entitiesHelpers.onUserClick(ev, this.item);
         }, onOuterClicked: (ev) => {
           ev.stopPropagation();
-          index$1.dispatchCustomEvent('_globalEvent', this.host, { type: 'feed-dialog', eventTarget: 'app-feeds', params: { feed: this.item } });
+          overlays.dispatchCustomEvent('_globalEvent', this.host, { type: 'feed-dialog', eventTarget: 'app-feeds', params: { feed: this.item } });
         }, class: (this.entityType || 'simple') + extraClasses }));
     }
     else if (this.entityType === 'courses' || this.entityType === 'plans' || this.entityType === 'courses-small') {
       const plan = this.entityType === 'courses' ? this.item.plan : this.item.plan || this.item;
       if (plan) {
         entry = {
-          title: index$1.translateMulti(plan.title),
+          title: overlays.translateMulti(plan.title),
           imgSrc: plan.background._downloadURL || plan.background,
-          isLocked: !lodash.isNil((_a = this.item) === null || _a === void 0 ? void 0 : _a.isLocked) ? this.item.isLocked : index$1.isPlanInFuture(plan, this.item.assignmentDate || new Date()),
+          isLocked: !lodash.isNil((_a = this.item) === null || _a === void 0 ? void 0 : _a.isLocked) ? this.item.isLocked : overlays.isPlanInFuture(plan, this.item.assignmentDate || new Date()),
           isBookmarked: plan.isSelfAssigned
         };
       }
@@ -464,19 +465,19 @@ const YooEntityComponent = class {
     var _a, _b, _c, _d, _e, _f, _g;
     let entry = { type: this.displayType };
     if (this.entityType === 'feeds') {
-      entry = index$1.getCardFeedEntryFromFeed(this.item, this.host);
+      entry = overlays.getCardFeedEntryFromFeed(this.item, this.host);
       if (entry) {
-        entry.blockMode = !this.item.validated && this.item.userRef === index$1.getSession().userId;
+        entry.blockMode = !this.item.validated && this.item.userRef === overlays.getSession().userId;
       }
-      entry.campaignConfigs = index$1.getCampaignConfigsForFeed(this.item.missiondescription, this.item.missiondescriptionRef, this.item.availableMission);
-      entry.incentiveConfigs = index$1.getIncentiveConfigsForFeed(this.item.incentive, this.item.incentiveRef);
+      entry.campaignConfigs = overlays.getCampaignConfigsForFeed(this.item.missiondescription, this.item.missiondescriptionRef, this.item.availableMission);
+      entry.incentiveConfigs = overlays.getIncentiveConfigsForFeed(this.item.incentive, this.item.incentiveRef);
     }
     else if (this.entityType === 'blog') {
       const blog = this.item;
       entry = {
-        heading: index$1.translateMulti(blog.title),
-        subheadings: [index$1.pipes.timeAgo.transform(blog.pubDate)],
-        description: index$1.translateMulti(blog.description),
+        heading: overlays.translateMulti(blog.title),
+        subheadings: [overlays.pipes.timeAgo.transform(blog.pubDate)],
+        description: overlays.translateMulti(blog.description),
         icon: blog.background,
         mediaSrc: [blog.background],
         type: this.displayType,
@@ -490,7 +491,7 @@ const YooEntityComponent = class {
         mediaSrc: lodash.compact([calendarEvent.photo]),
         type: this.displayType,
         subheadings: lodash.compact([
-          calendarEvent.startDate ? index$1.pipes.dateFormat.transform(calendarEvent.startDate, 'L') : null,
+          calendarEvent.startDate ? overlays.pipes.dateFormat.transform(calendarEvent.startDate, 'L') : null,
           calendarEvent.description,
           calendarEvent.location ? calendarEvent.location.title : null
         ]),
@@ -498,7 +499,7 @@ const YooEntityComponent = class {
         headingColor: calendarEvent.color
       };
       if (calendarEvent.type && lodash.isString(calendarEvent.type)) {
-        let finalType = index$1.translateMulti('%' + calendarEvent.type + '%');
+        let finalType = overlays.translateMulti('%' + calendarEvent.type + '%');
         if ((finalType === null || finalType === void 0 ? void 0 : finalType.startsWith('%')) && (finalType === null || finalType === void 0 ? void 0 : finalType.endsWith('%'))) {
           finalType = finalType.substr(1, finalType.length - 2);
         }
@@ -509,33 +510,33 @@ const YooEntityComponent = class {
       const photo = this.item;
       entry = {
         heading: photo.userDisplayname,
-        subheadings: photo.location ? [index$1.pipes.timeAgo.transform(photo.date), index$1.translateMulti(photo.location.title)] : [],
-        description: photo.address ? index$1.translateMulti(photo.address.replace('- undefined', '')) : null,
+        subheadings: photo.location ? [overlays.pipes.timeAgo.transform(photo.date), overlays.translateMulti(photo.location.title)] : [],
+        description: photo.address ? overlays.translateMulti(photo.address.replace('- undefined', '')) : null,
         mediaSrc: photo.type === 'audio' ? null : [photo.value],
         icon: photo.type === 'audio' ? 'microphone' : null,
         user: photo.user,
         type: this.displayType,
         fieldTitle: photo.title,
-        missionTitle: photo.missiondescription ? index$1.translateMulti(photo.missiondescription.title) : '',
+        missionTitle: photo.missiondescription ? overlays.translateMulti(photo.missiondescription.title) : '',
         tags: photo.tags,
-        bottomLeftIcon: index$1.isPhotoEdited(photo) ? 'pen' : null
+        bottomLeftIcon: overlays.isPhotoEdited(photo) ? 'pen' : null
       };
     }
     else if (this.entityType === 'questions') {
-      entry = index$1.getCardFeedEntryFromQuestion(this.item, this.host);
+      entry = overlays.getCardFeedEntryFromQuestion(this.item, this.host);
     }
     else if (this.entityType === 'questionsAnswers') {
       const answer = this.item;
       const userRole = answer.user ? answer.user.role : null;
       entry = {
-        headings: [((_a = answer.user) === null || _a === void 0 ? void 0 : _a._id) ? index$1.getUserDisplayName(answer.user) : '', index$1.translate(userRole)],
-        subheadings: [index$1.pipes.dateFormat.transform(answer.date, 'fromNow')],
-        description: index$1.translateMulti(answer.text),
+        headings: [((_a = answer.user) === null || _a === void 0 ? void 0 : _a._id) ? overlays.getUserDisplayName(answer.user) : '', overlays.translate(userRole)],
+        subheadings: [overlays.pipes.dateFormat.transform(answer.date, 'fromNow')],
+        description: overlays.translateMulti(answer.text),
         imgSrc: answer.imageData ? answer.imageData : null,
         videoSrc: answer.videoData ? answer.videoData : null,
         user: answer.user,
         type: this.displayType,
-        groups: index$1.groupsResolver(answer.group)
+        groups: overlays.groupsResolver(answer.group)
       };
     }
     else if (this.entityType !== 'tag' && ((_c = (_b = this.customModel) === null || _b === void 0 ? void 0 : _b.appearance) === null || _c === void 0 ? void 0 : _c.size)) {
@@ -574,10 +575,10 @@ const YooEntityComponent = class {
       });
     }
     entry.icons = this.item.validated !== false ? (this.icons || []).filter((a) => (a.isVisible ? a.isVisible(this.item) : true)).map((a) => this.toIcon(a, this.item)) : [];
-    entry.topActions = (_d = this.topActions) === null || _d === void 0 ? void 0 : _d.filter((a) => (a.isVisible ? a.isVisible(this.item) : true)).map((a) => index$1.toButton(a, this.item));
+    entry.topActions = (_d = this.topActions) === null || _d === void 0 ? void 0 : _d.filter((a) => (a.isVisible ? a.isVisible(this.item) : true)).map((a) => overlays.toButton(a, this.item));
     const bottomActions = [];
     const middleActions = [];
-    const allActions = (_e = this.bottomActions) === null || _e === void 0 ? void 0 : _e.filter((a) => (a.isVisible ? a.isVisible(this.item) : true)).map((a) => index$1.toButton(a, this.item));
+    const allActions = (_e = this.bottomActions) === null || _e === void 0 ? void 0 : _e.filter((a) => (a.isVisible ? a.isVisible(this.item) : true)).map((a) => overlays.toButton(a, this.item));
     (allActions || []).forEach((action) => {
       if ((action === null || action === void 0 ? void 0 : action.cssClass) && (action === null || action === void 0 ? void 0 : action.cssClass.includes('middle'))) {
         middleActions.push(action);
@@ -589,13 +590,13 @@ const YooEntityComponent = class {
     const [feedBottomActions, eventBottomActions] = lodash.partition(bottomActions, (action) => { var _a; return !((_a = action.cssClass) === null || _a === void 0 ? void 0 : _a.includes('event')); });
     entry.bottomActions = feedBottomActions;
     entry.middleActions = middleActions;
-    entry.actions = (_f = this.secondaryActions) === null || _f === void 0 ? void 0 : _f.filter((a) => (a.isVisible ? a.isVisible(this.item) : true)).map((a) => index$1.toButton(a, this.item));
+    entry.actions = (_f = this.secondaryActions) === null || _f === void 0 ? void 0 : _f.filter((a) => (a.isVisible ? a.isVisible(this.item) : true)).map((a) => overlays.toButton(a, this.item));
     if (this.item.event) {
       const event = this.item.event;
       const eventHandler = () => {
-        index$1.dispatchCustomEvent('_globalEvent', this.host, { type: 'event-users', eventTarget: 'app-feeds', params: { event } });
+        overlays.dispatchCustomEvent('_globalEvent', this.host, { type: 'event-users', eventTarget: 'app-feeds', params: { event } });
       };
-      entry.eventConfigs = index$1.getEventConfigsFromEvent(this.item.event, eventBottomActions, eventHandler);
+      entry.eventConfigs = overlays.getEventConfigsFromEvent(this.item.event, eventBottomActions, eventHandler);
       entry.documents = this.item.event.docuemts;
       delete entry.description;
     }
@@ -612,22 +613,22 @@ const YooEntityComponent = class {
         this.item.currentSlideIndex = ev.detail;
       }, onPollVoteClicked: (ev) => {
         ev.stopPropagation();
-        index$1.dispatchCustomEvent('_globalEvent', this.host, { type: 'poll-vote', eventTarget, params: { feed: this.item } });
+        overlays.dispatchCustomEvent('_globalEvent', this.host, { type: 'poll-vote', eventTarget, params: { feed: this.item } });
       }, onSharedMediaClicked: (ev) => {
         var _a;
         ev.stopPropagation();
-        index$1.dispatchCustomEvent('_globalEvent', this.host, {
+        overlays.dispatchCustomEvent('_globalEvent', this.host, {
           type: this.entityType === 'questions' ? 'question-dialog' : 'feed-detail',
           eventTarget,
           params: { feed: (_a = this.item) === null || _a === void 0 ? void 0 : _a.sharedFeed }
         });
       }, onMediaClicked: (ev) => {
         ev.stopPropagation();
-        index$1.dispatchCustomEvent('_globalEvent', this.host, { type: this.entityType === 'questions' ? 'question-dialog' : 'feed-detail', eventTarget, params: { feed: this.item } });
+        overlays.dispatchCustomEvent('_globalEvent', this.host, { type: this.entityType === 'questions' ? 'question-dialog' : 'feed-detail', eventTarget, params: { feed: this.item } });
       }, onOuterClicked: (ev) => {
         ev.stopPropagation();
         if (this.item.validated !== false) {
-          index$1.dispatchCustomEvent('_globalEvent', this.host, { type, eventTarget, params: { feed: this.item } });
+          overlays.dispatchCustomEvent('_globalEvent', this.host, { type, eventTarget, params: { feed: this.item } });
         }
       }, onUserClicked: (ev) => {
         entitiesHelpers.onUserClick(ev, this.item);
@@ -635,10 +636,10 @@ const YooEntityComponent = class {
         entitiesHelpers.onUserClick(ev, this.item.sharedFeed);
       }, onGroupClicked: (ev) => {
         ev.stopPropagation();
-        index$1.dispatchCustomEvent('_globalEvent', this.host, { type: 'feed-group', eventTarget, params: { feed: this.item } });
+        overlays.dispatchCustomEvent('_globalEvent', this.host, { type: 'feed-group', eventTarget, params: { feed: this.item } });
       }, onEnteringViewPort: (ev) => {
         ev.stopPropagation();
-        index$1.dispatchCustomEvent('_globalEvent', this.host, { type: 'increase-view', eventTarget, params: { item: this.item, entityType: this.entityType } });
+        overlays.dispatchCustomEvent('_globalEvent', this.host, { type: 'increase-view', eventTarget, params: { item: this.item, entityType: this.entityType } });
       }, onEmbeddedEntityClicked: (ev) => {
         this.onEmbeddedEntityClicked(ev);
       } }));
@@ -646,15 +647,15 @@ const YooEntityComponent = class {
   renderCardFeedRow() {
     var _a, _b;
     const feed = this.item;
-    const mediaSrc = index$1.getMediaSrcFromFeed(feed);
-    if (index$1.isVideo(mediaSrc === null || mediaSrc === void 0 ? void 0 : mediaSrc[0])) {
-      mediaSrc[0] = index$1.changeExtension(mediaSrc[0], 'jpg');
+    const mediaSrc = overlays.getMediaSrcFromFeed(feed);
+    if (overlays.isVideo(mediaSrc === null || mediaSrc === void 0 ? void 0 : mediaSrc[0])) {
+      mediaSrc[0] = overlays.changeExtension(mediaSrc[0], 'jpg');
     }
     const { _ect, description, descriptionTranslated, pollTitle, startDate, sticky, user, validated } = feed;
     const date = startDate || _ect || new Date();
-    const heading = index$1.removeTextStyle(index$1.replaceAllLinks(index$1.parseMarkDown(descriptionTranslated || description || pollTitle), true));
+    const heading = overlays.removeTextStyle(overlays.replaceAllLinks(overlays.parseMarkDown(descriptionTranslated || description || pollTitle), true));
     const image = { src: (mediaSrc === null || mediaSrc === void 0 ? void 0 : mediaSrc[0]) || ((_b = (_a = feed === null || feed === void 0 ? void 0 : feed.plan) === null || _a === void 0 ? void 0 : _a.background) === null || _b === void 0 ? void 0 : _b._downloadURL) };
-    const hasReadReceipts = index$1.canAccessReadReceipt(feed, index$1.getAuthentication(), index$1.getSession());
+    const hasReadReceipts = overlays.canAccessReadReceipt(feed, overlays.getAuthentication(), overlays.getSession());
     return index.h("yoo-card-feed-row", { date: date, featured: sticky, heading: heading, image: image, hasReadReceipts: hasReadReceipts, user: user, validated: validated });
   }
   renderCardListColor(extraClasses) {
@@ -667,19 +668,19 @@ const YooEntityComponent = class {
         mission = this.item.mission;
         mission.description = this.item.missiondescription;
       }
-      const session = index$1.getSession();
+      const session = overlays.getSession();
       const tags = missionsHelpers.getMissionStateTags(mission, session, true) || [];
       const address = this.getMissionLocation(mission);
       const processIcon = (_a = mission === null || mission === void 0 ? void 0 : mission.description) === null || _a === void 0 ? void 0 : _a.processIcon;
       const iconTopLeft = (processIcon === null || processIcon === void 0 ? void 0 : processIcon.substring(0, 3)) === 'yo-' ? processIcon.substring(3, processIcon.length) : processIcon;
       entry = {
-        heading: index$1.translateMulti(mission.title),
+        heading: overlays.translateMulti(mission.title),
         subHeadingDescription: address || '',
         tagElements: tags,
         iconTopLeft: iconTopLeft || 'request',
         iconTopRight: 'circle-plus',
         color: (_b = mission === null || mission === void 0 ? void 0 : mission.description) === null || _b === void 0 ? void 0 : _b.color,
-        progress: mission.hasWorkflow ? index$1.getWorkflowProgress(mission).value : null
+        progress: mission.hasWorkflow ? overlays.getWorkflowProgress(mission).value : null
       };
     }
     else if (this.entityType === 'missiondescriptions') {
@@ -693,29 +694,29 @@ const YooEntityComponent = class {
       else if (((_d = this.extraClass) === null || _d === void 0 ? void 0 : _d.indexOf('small')) > -1) {
         size = 'small';
       }
-      let colorDefault = index$1.getRandomSwatchColor(this.index);
+      let colorDefault = overlays.getRandomSwatchColor(this.index);
       if (isPoll) {
-        colorDefault = index$1.getCssColor('success');
+        colorDefault = overlays.getCssColor('success');
       }
       else if (isRequest) {
-        colorDefault = index$1.getCssColor('app-color');
+        colorDefault = overlays.getCssColor('app-color');
       }
       const iconTopLeftDefault = isPoll ? 'poll' : 'request';
       const processIcon = campaign === null || campaign === void 0 ? void 0 : campaign.processIcon;
       const iconTopLeft = (processIcon === null || processIcon === void 0 ? void 0 : processIcon.substring(0, 3)) === 'yo-' ? processIcon.substring(3, processIcon.length) : processIcon;
       entry = {
-        heading: index$1.translateMulti(campaign.title),
+        heading: overlays.translateMulti(campaign.title),
         subHeadingDescription: this.direction === 'horizontal' ? null : campaign.text,
         iconTopLeft: iconTopLeft || iconTopLeftDefault,
         color: (campaign === null || campaign === void 0 ? void 0 : campaign.color) || colorDefault,
-        tagElements: (campaign === null || campaign === void 0 ? void 0 : campaign.category) ? [{ innerHTML: index$1.translateMulti(campaign.category.title), customColor: index$1.getCssColor(campaign.category.color) }] : null
+        tagElements: (campaign === null || campaign === void 0 ? void 0 : campaign.category) ? [{ innerHTML: overlays.translateMulti(campaign.category.title), customColor: overlays.getCssColor(campaign.category.color) }] : null
       };
     }
     else if (this.entityType === 'dashboards') {
       size = 'medium';
       const dashboard = this.item;
       entry = {
-        heading: index$1.translateMulti(dashboard.title),
+        heading: overlays.translateMulti(dashboard.title),
         iconTopLeft: 'analytics-boost',
         iconTopRight: 'big-arrow-right',
         iconTopLeftColor: 'app-color',
@@ -725,14 +726,14 @@ const YooEntityComponent = class {
     else if (this.entityType === 'campaigntypes') {
       const campaignType = this.item;
       entry = {
-        heading: index$1.translateMulti(campaignType.title),
-        subHeading: index$1.translateMulti(campaignType.subtitle),
+        heading: overlays.translateMulti(campaignType.title),
+        subHeading: overlays.translateMulti(campaignType.subtitle),
         iconTopLeft: campaignType.topLeftIcon,
         iconTopLeftColor: campaignType.color,
         imgSrc: campaignType.imgSrc,
         tagElements: lodash.compact([
-          campaignType.isBeta ? { innerHTML: index$1.translate('BETA'), customColor: index$1.getCssColor('app-color') } : null,
-          campaignType.needsUpgrade ? { innerHTML: index$1.translate('NEEDSUPGRADE'), customColor: index$1.getCssColor('accent') } : null
+          campaignType.isBeta ? { innerHTML: overlays.translate('BETA'), customColor: overlays.getCssColor('app-color') } : null,
+          campaignType.needsUpgrade ? { innerHTML: overlays.translate('NEEDSUPGRADE'), customColor: overlays.getCssColor('accent') } : null
         ]),
         tooltip: campaignType.needsUpgrade ? campaignType.tooltip : null
       };
@@ -740,10 +741,10 @@ const YooEntityComponent = class {
     else if (this.entityType === 'missiondescriptiontemplates') {
       const template = this.item;
       entry = {
-        heading: index$1.translateMulti(template.title),
-        subHeading: index$1.translateMulti(template.text),
-        iconTopLeft: index$1.getCampaignIcon(template),
-        iconTopLeftColor: index$1.getCampaignColor(template)
+        heading: overlays.translateMulti(template.title),
+        subHeading: overlays.translateMulti(template.text),
+        iconTopLeft: overlays.getCampaignIcon(template),
+        iconTopLeftColor: overlays.getCampaignColor(template)
       };
     }
     return (index.h("yoo-card-list-color", { entry: entry, size: size, class: {
@@ -764,7 +765,7 @@ const YooEntityComponent = class {
         mission.description = this.item.missiondescription;
       }
       entry = {
-        title: index$1.translateMulti(mission.title),
+        title: overlays.translateMulti(mission.title),
         user: this.item.user || mission.owner,
         reference: missionsHelpers.getMissionUniqueKey(mission)
       };
@@ -776,7 +777,7 @@ const YooEntityComponent = class {
   }
   getMissionLocation(mission) {
     var _a;
-    const session = index$1.getSession();
+    const session = overlays.getSession();
     const address = missionsHelpers.getMissionAddress(mission, session, this.item.beType === 'visits');
     if (address && ((_a = mission === null || mission === void 0 ? void 0 : mission.location) === null || _a === void 0 ? void 0 : _a.imageData) && !(session === null || session === void 0 ? void 0 : session.isExternal)) {
       return (index.h("div", { class: "flex subheading-container" }, ' ', index.h("yoo-avatar", { class: "inline", size: "small", imgSrc: mission.location.imageData }, ' '), index.h("span", { class: "text", innerHTML: address }), ' '));
@@ -796,7 +797,7 @@ const YooEntityComponent = class {
         mission.description = this.item.missiondescription;
         mission.owner = this.item.user;
       }
-      const session = index$1.getSession();
+      const session = overlays.getSession();
       const tagElements = missionsHelpers.getMissionStateTags(mission, session, true, true);
       const address = this.getMissionLocation(mission);
       const subheadings = lodash.compact([address]);
@@ -807,17 +808,17 @@ const YooEntityComponent = class {
         extraClasses += ` ${mission.status} `;
       }
       if (mission.visitType && lodash.isString(mission.visitType)) {
-        subheadings.push(index$1.translateMulti('%' + mission.visitType + '%'));
+        subheadings.push(overlays.translateMulti('%' + mission.visitType + '%'));
       }
       if (mission.type === 'visit') {
         entry = {
-          heading: index$1.translate('VISIT') + ': ' + (mission.visitDescription || ''),
+          heading: overlays.translate('VISIT') + ': ' + (mission.visitDescription || ''),
           subheadings,
-          date: index$1.pipes.dateFormat.transform(mission.finishedDate, 'L') +
+          date: overlays.pipes.dateFormat.transform(mission.finishedDate, 'L') +
             ' ' +
-            (mission.startTime ? index$1.pipes.dateFormat.transform(mission.startTime, 'LT') : '') +
+            (mission.startTime ? overlays.pipes.dateFormat.transform(mission.startTime, 'LT') : '') +
             ' ' +
-            (mission.endTime ? ' - ' + index$1.pipes.dateFormat.transform(mission.endTime, 'LT') : ''),
+            (mission.endTime ? ' - ' + overlays.pipes.dateFormat.transform(mission.endTime, 'LT') : ''),
           avatarFrame: 'square',
           tagElements,
           uiFields: this.isGridCell || this.isWebAutocomplete() || this.isAutocompleteSelected() || this.hideUIFields ? null : mission.uiFields,
@@ -827,21 +828,21 @@ const YooEntityComponent = class {
       else {
         let usersInline = null;
         const processIcon = (_e = mission === null || mission === void 0 ? void 0 : mission.description) === null || _e === void 0 ? void 0 : _e.processIcon;
-        if (!index$1.isWeb(this.host) || ((_f = mission === null || mission === void 0 ? void 0 : mission.description) === null || _f === void 0 ? void 0 : _f.type) === 'todo' || mission.type === 'kanban' || ((_g = this.extraClass) === null || _g === void 0 ? void 0 : _g.indexOf('insights')) >= 0) {
-          if (mission.owner && ((mission.ownerRef && mission.ownerRef !== index$1.getSession().userId) || mission.type === 'kanban')) {
+        if (!overlays.isWeb(this.host) || ((_f = mission === null || mission === void 0 ? void 0 : mission.description) === null || _f === void 0 ? void 0 : _f.type) === 'todo' || mission.type === 'kanban' || ((_g = this.extraClass) === null || _g === void 0 ? void 0 : _g.indexOf('insights')) >= 0) {
+          if (mission.owner && ((mission.ownerRef && mission.ownerRef !== overlays.getSession().userId) || mission.type === 'kanban')) {
             usersInline = [mission.owner];
           }
-          else if (mission.creator && mission.creatorRef !== index$1.getSession().userId) {
+          else if (mission.creator && mission.creatorRef !== overlays.getSession().userId) {
             usersInline = [mission.creator];
           }
         }
         entry = {
-          heading: index$1.translateMulti(mission.title),
+          heading: overlays.translateMulti(mission.title),
           headingIcon: (processIcon === null || processIcon === void 0 ? void 0 : processIcon.substring(0, 3)) === 'yo-' ? processIcon.substring(3, processIcon.length) : processIcon,
           headingIconColor: (_h = mission === null || mission === void 0 ? void 0 : mission.description) === null || _h === void 0 ? void 0 : _h.color,
           headingIconFrame: 'square',
           avatarFrame: 'square',
-          distance: index$1.isWeb(this.host) ? null : mission.distance ? index$1.pipes.distance.transform(mission.distance) : null,
+          distance: overlays.isWeb(this.host) ? null : mission.distance ? overlays.pipes.distance.transform(mission.distance) : null,
           subheadings,
           uiFields: this.isGridCell || this.isWebAutocomplete() || this.isAutocompleteSelected() || this.hideUIFields ? null : mission.uiFields,
           uiFieldsSuffix: '.value',
@@ -852,7 +853,7 @@ const YooEntityComponent = class {
         if (tagElements && mission.type !== 'kanban') {
           entry.tagElements = tagElements;
         }
-        if (!((_j = index$1.getSession()) === null || _j === void 0 ? void 0 : _j.isExternal) && mission.status === 'finished' && mission.score && lodash.isNumber(mission.score.value)) {
+        if (!((_j = overlays.getSession()) === null || _j === void 0 ? void 0 : _j.isExternal) && mission.status === 'finished' && mission.score && lodash.isNumber(mission.score.value)) {
           entry.tagElements.push({
             innerHTML: '<yoo-icon slot="start" size="small" name="award-trophy-star" color="light"></yoo-icon>' +
               Math.round(mission.score.value).toLocaleString() +
@@ -863,11 +864,11 @@ const YooEntityComponent = class {
         if (((_k = mission.taskStats) === null || _k === void 0 ? void 0 : _k.countTasks) > 0) {
           entry.tagElements.push({
             innerHTML: '<yoo-icon slot="start" size="small" name="mission" color="stable"></yoo-icon>' +
-              ((mission.taskStats.countFinished || 0) + (mission.taskStats.countClosed || 0)) + '/' + mission.taskStats.countTasks + ' ' + index$1.translate('YOOBICACTIONS'),
+              ((mission.taskStats.countFinished || 0) + (mission.taskStats.countClosed || 0)) + '/' + mission.taskStats.countTasks + ' ' + overlays.translate('YOOBICACTIONS'),
             color: 'stable-light'
           });
         }
-        if (!((_l = index$1.getSession()) === null || _l === void 0 ? void 0 : _l.isExternal) && mission.status === 'finished' && ((_o = (_m = mission.description) === null || _m === void 0 ? void 0 : _m.scoring) === null || _o === void 0 ? void 0 : _o.some((s) => s.isActive !== true && s.showInCard))) {
+        if (!((_l = overlays.getSession()) === null || _l === void 0 ? void 0 : _l.isExternal) && mission.status === 'finished' && ((_o = (_m = mission.description) === null || _m === void 0 ? void 0 : _m.scoring) === null || _o === void 0 ? void 0 : _o.some((s) => s.isActive !== true && s.showInCard))) {
           mission.description.scoring
             .filter((s) => s.isActive !== true && s.showInCard)
             .forEach((s) => {
@@ -896,7 +897,7 @@ const YooEntityComponent = class {
     }
     else if (this.entityType === 'missiondescriptions') {
       const campaign = this.item;
-      const isAnnouncement = index$1.isCampaignAnnouncement(campaign);
+      const isAnnouncement = overlays.isCampaignAnnouncement(campaign);
       const tagElements = operationHelpers.getCampaignStateTags(campaign, this.isAutocompleteSelected() || this.isGridCell);
       const processIcon = ((_q = campaign.processIcon) === null || _q === void 0 ? void 0 : _q.substring(0, 3)) === 'yo-' ? campaign.processIcon.substring(3, campaign.processIcon.length) : campaign === null || campaign === void 0 ? void 0 : campaign.processIcon;
       const campaignIcon = isAnnouncement ? 'mission' : campaign.hasWorkflow ? 'workflow' : campaign.type === 'kanban' ? null : processIcon ? processIcon : campaign.icon ? null : campaign.background ? null : 'action-plan';
@@ -905,38 +906,38 @@ const YooEntityComponent = class {
       }
       const iconColor = isAnnouncement ? (((_r = campaign.category) === null || _r === void 0 ? void 0 : _r.color) || 'success') : (campaign.color || (campaign.hasWorkflow ? 'accent' : 'app-color'));
       entry = {
-        heading: index$1.translateMulti(campaign.title),
-        subheadings: (index$1.isWeb(this.host) && campaign.type !== 'kanban') || this.isAutocompleteSelected() ? null : [index$1.translateMulti(campaign.text)],
+        heading: overlays.translateMulti(campaign.title),
+        subheadings: (overlays.isWeb(this.host) && campaign.type !== 'kanban') || this.isAutocompleteSelected() ? null : [overlays.translateMulti(campaign.text)],
         icon: campaignIcon,
         avatarIconSize: 'medium',
         avatarColor: iconColor,
         avatarFrame: 'rounded-square',
         avatarSize: this.isAutocompleteSelected() && this.item.avatarSize ? this.item.avatarSize : 'extra-large',
         imgSrc: campaign.icon ? campaign.icon._downloadURL || campaign.icon : campaign.background ? campaign.background._downloadURL : campaign.background,
-        tagElements: index$1.isWeb(this.host) ? tagElements : null,
-        tags: this.isAutocompleteSelected() || index$1.isWeb(this.host) || campaign.type === 'kanban' ? null : campaign.tags
+        tagElements: overlays.isWeb(this.host) ? tagElements : null,
+        tags: this.isAutocompleteSelected() || overlays.isWeb(this.host) || campaign.type === 'kanban' ? null : campaign.tags
       };
       if (campaign.lessonType) {
-        entry.icon = index$1.getLessonTypeIcon(campaign.lessonType);
+        entry.icon = overlays.getLessonTypeIcon(campaign.lessonType);
       }
     }
     else if (this.entityType === 'missiondescriptiontemplates') {
       const template = this.item;
       const tagElements = operationHelpers.getCampaignTemplateTags(template);
       entry = {
-        heading: index$1.translateMulti(template.title),
-        subheadings: index$1.isWeb(this.host) ? null : [index$1.translateMulti(template.text)],
+        heading: overlays.translateMulti(template.title),
+        subheadings: overlays.isWeb(this.host) ? null : [overlays.translateMulti(template.text)],
         icon: template.icon ? null : template.background ? null : 'campaign',
         avatarFrame: 'square',
         avatarSize: 'large',
         imgSrc: template.icon ? template.icon._downloadURL : template.background ? template.background._downloadURL : null,
-        tagElements: index$1.isWeb(this.host) ? tagElements : null
+        tagElements: overlays.isWeb(this.host) ? tagElements : null
       };
       if (template.lessonType) {
-        entry.icon = index$1.getLessonTypeIcon(template.lessonType);
+        entry.icon = overlays.getLessonTypeIcon(template.lessonType);
         entry.tagElements = [
           {
-            innerHTML: index$1.translate((_s = template.lessonType) === null || _s === void 0 ? void 0 : _s.toUpperCase()),
+            innerHTML: overlays.translate((_s = template.lessonType) === null || _s === void 0 ? void 0 : _s.toUpperCase()),
             color: 'text-color-10'
           }
         ];
@@ -945,8 +946,8 @@ const YooEntityComponent = class {
     else if (this.entityType === 'missiondescriptionreviewhistories') {
       const history = this.item;
       entry = {
-        heading: index$1.translate('YOOBICREVIEWHISTORY' + history.action.toUpperCase(), { user: index$1.getUserDisplayName(history.user) }),
-        subheadings: [index$1.fromNow(history.date)],
+        heading: overlays.translate('YOOBICREVIEWHISTORY' + history.action.toUpperCase(), { user: overlays.getUserDisplayName(history.user) }),
+        subheadings: [overlays.fromNow(history.date)],
         users: [history.user],
         avatarSize: 'medium'
         //topRightBadge: history.action === 'request' ? '<yoo-icon name="request" size="small"/>' : history.action === 'reject' ? '<yoo-icon name="warning" color="danger" size="small" />' : history.action === 'accept' ? '<yoo-icon name="lock" color="success" size="small" />' : '<yoo-icon name="user-block" color="energized" size="small" />'
@@ -955,22 +956,22 @@ const YooEntityComponent = class {
     else if (this.entityType === 'htmltemplates') {
       const template = this.item;
       entry = {
-        heading: index$1.translateMulti(template.title),
-        subheadings: index$1.isWeb(this.host) ? null : [index$1.translateMulti(template.value)]
+        heading: overlays.translateMulti(template.title),
+        subheadings: overlays.isWeb(this.host) ? null : [overlays.translateMulti(template.value)]
       };
     }
     else if (this.entityType === 'missiondatas') {
       const data = this.item;
       const tagElement = operationHelpers.getMissionDataStateTags(data);
       entry = {
-        heading: index$1.translateMulti(((_t = data.mission) === null || _t === void 0 ? void 0 : _t.title) || ((_u = data.missiondescription) === null || _u === void 0 ? void 0 : _u.title) || ''),
-        subheadings: index$1.getSession().user && index$1.getSession().user.locationRef === data.locationRef ? [] : data.location && data.location.title ? [data.location.title] : [],
+        heading: overlays.translateMulti(((_t = data.mission) === null || _t === void 0 ? void 0 : _t.title) || ((_u = data.missiondescription) === null || _u === void 0 ? void 0 : _u.title) || ''),
+        subheadings: overlays.getSession().user && overlays.getSession().user.locationRef === data.locationRef ? [] : data.location && data.location.title ? [data.location.title] : [],
         tags: data.tags,
         tagElements: [],
         users: data.user && data.userRef ? [data.user] : [],
-        date: index$1.isWeb(this.host) ? null : index$1.pipes.timeAgo.transform(data.date)
+        date: overlays.isWeb(this.host) ? null : overlays.pipes.timeAgo.transform(data.date)
       };
-      if (tagElement && !index$1.isWeb(this.host)) {
+      if (tagElement && !overlays.isWeb(this.host)) {
         entry.tagElements.push(tagElement);
       }
     }
@@ -981,19 +982,19 @@ const YooEntityComponent = class {
       || this.entityType === 'usercourseinfo'
       || this.entityType === 'useraudience') {
       const user = this.item;
-      let tagElements = index$1.getUserTags(user);
-      const getUserLastSeen = (lastSeen) => lastSeen ? index$1.pipes.timeAgo.transform(lastSeen) : index$1.translate('N/A');
+      let tagElements = overlays.getUserTags(user);
+      const getUserLastSeen = (lastSeen) => lastSeen ? overlays.pipes.timeAgo.transform(lastSeen) : overlays.translate('N/A');
       let subheadings;
       let points = null;
       let maxPoints = null;
       if (this.entityType === 'contacts') {
-        subheadings = index$1.getSession().user && index$1.getSession().user.locationRef === user.locationRef ? [] : user.location && user.location.title ? [user.location.title] : [];
+        subheadings = overlays.getSession().user && overlays.getSession().user.locationRef === user.locationRef ? [] : user.location && user.location.title ? [user.location.title] : [];
         if (user.company) {
           subheadings.push(user.company);
         }
       }
       else if (this.entityType === 'userlearningmanager') {
-        subheadings = [`${user.roleTranslated} &bull; ${index$1.translate('LASTSEEN')}: ${getUserLastSeen(user.lastSeen)}`];
+        subheadings = [`${user.roleTranslated} &bull; ${overlays.translate('LASTSEEN')}: ${getUserLastSeen(user.lastSeen)}`];
         points = user.earnedPoints;
       }
       else if (this.entityType === 'usercourseinfo') {
@@ -1007,19 +1008,19 @@ const YooEntityComponent = class {
         subheadings = lodash.compact([(_v = user === null || user === void 0 ? void 0 : user.location) === null || _v === void 0 ? void 0 : _v.title]);
       }
       else {
-        subheadings = index$1.isWeb(this.host)
+        subheadings = overlays.isWeb(this.host)
           ? lodash.compact([user.email, user.username !== user.email ? user.username : null])
-          : [`${index$1.translate('LASTSEEN')}: ${getUserLastSeen(user.lastSeen)}`];
+          : [`${overlays.translate('LASTSEEN')}: ${getUserLastSeen(user.lastSeen)}`];
       }
       entry = {
-        heading: index$1.getUserDisplayName(user),
+        heading: overlays.getUserDisplayName(user),
         subheadings: this.isAutocompleteSelected() ? null : subheadings,
         avatarFrame: 'circle',
         avatarSize: this.isAutocompleteSelected() ? 'small' : 'large',
-        tags: this.isAutocompleteSelected() || index$1.isWeb(this.host) || this.entityType === 'userlearningmanager' || this.entityType === 'usercourseinfo' ? null : user.tags,
+        tags: this.isAutocompleteSelected() || overlays.isWeb(this.host) || this.entityType === 'userlearningmanager' || this.entityType === 'usercourseinfo' ? null : user.tags,
         users: [user],
         tagElements: tagElements,
-        date: user.isCreator ? index$1.translate('YOOBICADMIN') : null,
+        date: user.isCreator ? overlays.translate('YOOBICADMIN') : null,
         points: points,
         maxPoints: maxPoints
       };
@@ -1027,7 +1028,7 @@ const YooEntityComponent = class {
     else if (this.entityType === 'audiences') {
       const audience = this.item;
       entry = {
-        heading: index$1.translateMulti(audience.title || audience.name),
+        heading: overlays.translateMulti(audience.title || audience.name),
         // date: pipes.dateFormat.transform(feed.date, 'fromNow'),
         users: [audience.creator],
         tagElements: [{ innerHTML: (_y = (_x = (_w = audience === null || audience === void 0 ? void 0 : audience.audience) === null || _w === void 0 ? void 0 : _w.storesQuery) === null || _x === void 0 ? void 0 : _x.total) === null || _y === void 0 ? void 0 : _y.toString(), icon: 'pin' }, { innerHTML: (_1 = (_0 = (_z = audience === null || audience === void 0 ? void 0 : audience.audience) === null || _z === void 0 ? void 0 : _z.usersQuery) === null || _0 === void 0 ? void 0 : _0.total) === null || _1 === void 0 ? void 0 : _1.toString(), icon: 'user' }],
@@ -1037,12 +1038,12 @@ const YooEntityComponent = class {
     }
     else if (this.entityType === 'feeds') {
       const feed = this.item;
-      const mediaSrcAndType = index$1.getMediaSrcAndType(feed);
+      const mediaSrcAndType = overlays.getMediaSrcAndType(feed);
       const mediaSrc = mediaSrcAndType.mediaSrc;
       entry = {
-        heading: index$1.translateMulti(feed.description || feed.pollTitle || ''),
+        heading: overlays.translateMulti(feed.description || feed.pollTitle || ''),
         users: [feed.user],
-        tagElements: lodash.compact([feed.validated === false ? { innerHTML: index$1.translate('PENDINGVALIDATION'), color: 'danger' } : null]),
+        tagElements: lodash.compact([feed.validated === false ? { innerHTML: overlays.translate('PENDINGVALIDATION'), color: 'danger' } : null]),
         avatarFrame: 'circle',
         avatarSize: 'large',
         headingColor: feed.color,
@@ -1053,9 +1054,9 @@ const YooEntityComponent = class {
     else if (this.entityType === 'feedsComments') {
       const comment = this.item;
       entry = {
-        heading: '<b>' + index$1.getUserDisplayName(comment.user) + '</b>',
+        heading: '<b>' + overlays.getUserDisplayName(comment.user) + '</b>',
         subheadings: [comment.text],
-        date: index$1.pipes.dateFormat.transform(comment.date, 'fromNow'),
+        date: overlays.pipes.dateFormat.transform(comment.date, 'fromNow'),
         users: [comment.user],
         avatarSize: 'medium',
         avatarFrame: 'circle',
@@ -1063,28 +1064,28 @@ const YooEntityComponent = class {
         mentions: comment.mentions,
         allowOrientation: true,
         forceTextHeading: comment.external_type === 'yammer_comment',
-        isCommentMedia: index$1.isMedia(comment.text)
+        isCommentMedia: overlays.isMedia(comment.text)
       };
       if (entry.subheadings && entry.subheadings[0]) {
-        entry.subheadings = [index$1.replaceAtTagToMentionTag(entry.subheadings[0], comment.mentions)];
+        entry.subheadings = [overlays.replaceAtTagToMentionTag(entry.subheadings[0], comment.mentions)];
       }
       let validComment = false;
-      if (comment.text && !(index$1.isCloudinaryLink(comment.text) || comment.text.endsWith('.gif'))) {
+      if (comment.text && !(overlays.isCloudinaryLink(comment.text) || comment.text.endsWith('.gif'))) {
         validComment = true;
       }
-      if (comment.userLanguage && comment.userLanguage !== index$1.getCurrentLanguage() && validComment) {
-        entry.translationCallback = () => index$1.getAsyncExtraData({ type: 'translate-text', params: { text: index$1.replaceAllLinks(index$1.parseMarkDown(comment.text)), userLanguage: comment.userLanguage } });
+      if (comment.userLanguage && comment.userLanguage !== overlays.getCurrentLanguage() && validComment) {
+        entry.translationCallback = () => overlays.getAsyncExtraData({ type: 'translate-text', params: { text: overlays.replaceAllLinks(overlays.parseMarkDown(comment.text)), userLanguage: comment.userLanguage } });
       }
     }
     else if (this.entityType === 'photos') {
       const photo = this.item;
       entry = {
-        heading: photo.missiondescription ? index$1.translateMulti(photo.missiondescription.title) : '' + ' ' + index$1.translateMulti(photo.title),
+        heading: photo.missiondescription ? overlays.translateMulti(photo.missiondescription.title) : '' + ' ' + overlays.translateMulti(photo.title),
         subheadings: photo.address ? [photo.address.replace('- undefined', '')] : [],
-        date: index$1.isWeb(this.host) ? null : index$1.pipes.dateFormat.transform(photo.date, 'fromNow'),
+        date: overlays.isWeb(this.host) ? null : overlays.pipes.dateFormat.transform(photo.date, 'fromNow'),
         imgSrc: photo.type === 'audio' ? null : photo.value,
         icon: photo.type === 'audio' ? 'microphone' : null,
-        usersInline: this.isAutocompleteSelected() || index$1.isWeb(this.host) ? null : [photo.user],
+        usersInline: this.isAutocompleteSelected() || overlays.isWeb(this.host) ? null : [photo.user],
         tags: photo.tags,
         avatarSize: this.isAutocompleteSelected() && this.item.avatarSize ? this.item.avatarSize : 'extra-extra-large',
         avatarFrame: 'rounded-square'
@@ -1096,20 +1097,20 @@ const YooEntityComponent = class {
       if ((_2 = file.container) === null || _2 === void 0 ? void 0 : _2.name) {
         directory = file.container.name + ' ';
       }
-      let imgSrc = index$1.fileHasIcon(file) ? null : file.imgSrc || file._downloadURL || file;
-      imgSrc = index$1.isVideo(file) ? index$1.getVideoPoster(imgSrc, false, true) : imgSrc;
+      let imgSrc = overlays.fileHasIcon(file) ? null : file.imgSrc || file._downloadURL || file;
+      imgSrc = overlays.isVideo(file) ? overlays.getVideoPoster(imgSrc, false, true) : imgSrc;
       entry = {
         heading: file._filename,
-        icon: index$1.getIconName(file),
-        avatarColor: index$1.getIconColor(file) || 'stable',
+        icon: overlays.getIconName(file),
+        avatarColor: overlays.getIconColor(file) || 'stable',
         imgSrc,
-        tags: index$1.isWeb(this.host) ? null : file.tags,
-        cloudinaryOptions: index$1.isVideo(file) ? { fallbackToOriginal: true, gif: true, videoEdit: 3 } : null,
+        tags: overlays.isWeb(this.host) ? null : file.tags,
+        cloudinaryOptions: overlays.isVideo(file) ? { fallbackToOriginal: true, gif: true, videoEdit: 3 } : null,
         avatarFrame: file.imgSrc ? 'rounded-square' : 'square',
         avatarSize: this.isAutocompleteSelected() && this.item.avatarSize ? this.item.avatarSize : 'large',
         allowCustomHtml: true,
         forceTextHeading: ((_3 = file === null || file === void 0 ? void 0 : file.highlight) === null || _3 === void 0 ? void 0 : _3.length) > 0,
-        subheadings: this.isAutocompleteSelected() ? null : lodash.compact([directory + index$1.pipes.fileSize.transform(file.size), ...(file.highlight || [])])
+        subheadings: this.isAutocompleteSelected() ? null : lodash.compact([directory + overlays.pipes.fileSize.transform(file.size), ...(file.highlight || [])])
       };
     }
     else if (this.entityType === 'folders' || (this.entityType === 'filesFolders' && this.item.fftype === 'folder')) {
@@ -1119,11 +1120,11 @@ const YooEntityComponent = class {
       entry = {
         heading: f.name,
         imgSrc,
-        cloudinaryOptions: index$1.isVideo(imgSrc) ? { fallbackToOriginal: true, gif: true, videoEdit: 3 } : null,
+        cloudinaryOptions: overlays.isVideo(imgSrc) ? { fallbackToOriginal: true, gif: true, videoEdit: 3 } : null,
         avatarSize: 'large',
         avatarIconSize: this.entityType === 'folders' ? 'extra-large' : 'large',
         avatarFrame: 'transparent-square',
-        avatarColor: f.color ? `${f.color}` : index$1.getCssColor('app-color-80'),
+        avatarColor: f.color ? `${f.color}` : overlays.getCssColor('app-color-80'),
         icon: entitiesHelpers.getFolderIcon(f),
         tagElements: lodash.compact(f.tags).map((t) => ({ innerHTML: t, color: 'stable-light' })),
         subheadings: []
@@ -1149,14 +1150,14 @@ const YooEntityComponent = class {
       const broadcast = this.item;
       entry = {
         heading: broadcast.title,
-        date: broadcast.bambuserPayload ? index$1.pipes.dateFormat.transform(new Date(broadcast.bambuserPayload.created * 1000), 'fromNow') : null,
+        date: broadcast.bambuserPayload ? overlays.pipes.dateFormat.transform(new Date(broadcast.bambuserPayload.created * 1000), 'fromNow') : null,
         avatarSize: 'large',
         imgSrc: broadcast.bambuserPayload ? broadcast.bambuserPayload.preview : null,
         icon: 'play',
         avatarColor: 'stable',
         subheadings: broadcast.bambuserPayload ? [broadcast.bambuserPayload.length.toLocaleString() + ' s'] : null,
         tagElements: broadcast.bambuserPayload
-          ? [{ innerHTML: index$1.translate(broadcast.bambuserPayload.type.toUpperCase()), color: broadcast.bambuserPayload.type === 'live' ? 'app-color' : 'stable' }]
+          ? [{ innerHTML: overlays.translate(broadcast.bambuserPayload.type.toUpperCase()), color: broadcast.bambuserPayload.type === 'live' ? 'app-color' : 'stable' }]
           : null
       };
     }
@@ -1188,8 +1189,8 @@ const YooEntityComponent = class {
     else if (this.entityType === 'scorms') {
       const scorm = this.item;
       entry = {
-        heading: index$1.translateMulti(scorm.title),
-        tags: index$1.isWeb(this.host) ? null : scorm.tags
+        heading: overlays.translateMulti(scorm.title),
+        tags: overlays.isWeb(this.host) ? null : scorm.tags
       };
     }
     else if (this.entityType === 'scormcloud') {
@@ -1209,36 +1210,36 @@ const YooEntityComponent = class {
     else if (this.entityType === 'translations') {
       const translation = this.item;
       entry = {
-        heading: translation[index$1.getCurrentLanguage()] || translation.key,
+        heading: translation[overlays.getCurrentLanguage()] || translation.key,
         subheadings: []
       };
     }
     else if (this.entityType === 'language') {
       entry = {
-        heading: ((_5 = this.item) === null || _5 === void 0 ? void 0 : _5.title) ? index$1.translate(this.item.title.toUpperCase()) : ((_6 = this.item) === null || _6 === void 0 ? void 0 : _6._id) ? index$1.translate(this.item._id.toUpperCase()) : index$1.translate(this.item.toUpperCase()),
-        flag: this.host.classList.contains('hide-icon') ? null : ((_7 = this.item) === null || _7 === void 0 ? void 0 : _7._id) ? index$1.getLanguageFlag(this.item._id) : index$1.getLanguageFlag(this.item)
+        heading: ((_5 = this.item) === null || _5 === void 0 ? void 0 : _5.title) ? overlays.translate(this.item.title.toUpperCase()) : ((_6 = this.item) === null || _6 === void 0 ? void 0 : _6._id) ? overlays.translate(this.item._id.toUpperCase()) : overlays.translate(this.item.toUpperCase()),
+        flag: this.host.classList.contains('hide-icon') ? null : ((_7 = this.item) === null || _7 === void 0 ? void 0 : _7._id) ? overlays.getLanguageFlag(this.item._id) : overlays.getLanguageFlag(this.item)
       };
     }
     else if (this.entityType === 'waitlistvisit') {
       const visit = this.item;
       const tagElements = operationHelpers.getWaitlistVisitTags(visit);
       entry = {
-        heading: ((_8 = visit.name) === null || _8 === void 0 ? void 0 : _8.startsWith('NOINFO')) ? index$1.translate('NOINFO') : visit.name,
+        heading: ((_8 = visit.name) === null || _8 === void 0 ? void 0 : _8.startsWith('NOINFO')) ? overlays.translate('NOINFO') : visit.name,
         tagElements
       };
-      if (!index$1.isWeb(this.host)) {
+      if (!overlays.isWeb(this.host)) {
         if (visit.state !== 'COMPLETE' && visit.date) {
-          entry.date = index$1.pipes.dateFormat.transform(visit.date, 'L LT');
+          entry.date = overlays.pipes.dateFormat.transform(visit.date, 'L LT');
         }
         else if (visit.state === 'COMPLETE' && visit.completedTime) {
-          entry.date = index$1.pipes.dateFormat.transform(visit.completedTime, 'L LT');
+          entry.date = overlays.pipes.dateFormat.transform(visit.completedTime, 'L LT');
         }
       }
     }
     else if (this.entityType === 'waitlistcustomer') {
       const customer = this.item;
       entry = {
-        heading: ((_9 = customer.name) === null || _9 === void 0 ? void 0 : _9.startsWith('NOINFO')) ? index$1.translate('NOINFO') : customer.name,
+        heading: ((_9 = customer.name) === null || _9 === void 0 ? void 0 : _9.startsWith('NOINFO')) ? overlays.translate('NOINFO') : customer.name,
         subheadings: lodash.compact([customer.phone, customer.email])
       };
     }
@@ -1260,9 +1261,9 @@ const YooEntityComponent = class {
       const note = this.item;
       entry = {
         heading: note.text,
-        subheadings: index$1.getSession().user && index$1.getSession().user.locationRef === note.notableRef ? [] : note.notable && note.notable.title ? [note.notable.title] : [],
+        subheadings: overlays.getSession().user && overlays.getSession().user.locationRef === note.notableRef ? [] : note.notable && note.notable.title ? [note.notable.title] : [],
         tags: note.tags,
-        date: index$1.isWeb(this.host) ? null : index$1.pipes.dateFormat.transform(note._lmt, 'fromNow'),
+        date: overlays.isWeb(this.host) ? null : overlays.pipes.dateFormat.transform(note._lmt, 'fromNow'),
         users: [note.owner],
         imgSrc: note.imageData,
         avatarSize: 'medium'
@@ -1270,10 +1271,10 @@ const YooEntityComponent = class {
     }
     else if (this.entityType === 'dashboards') {
       const dashboard = this.item;
-      const tagElements = index$1.getDashboardTags(this.item);
+      const tagElements = overlays.getDashboardTags(this.item);
       entry = {
         heading: dashboard.title,
-        date: index$1.isWeb(this.host) && !this.isFramed ? null : index$1.pipes.dateFormat.transform(dashboard._lmt, 'fromNow'),
+        date: overlays.isWeb(this.host) && !this.isFramed ? null : overlays.pipes.dateFormat.transform(dashboard._lmt, 'fromNow'),
         subheadings: [dashboard.description],
         tagElements
       };
@@ -1283,40 +1284,40 @@ const YooEntityComponent = class {
       const isCollapsible = !!(this.isMap || (this.isCollapsible && (lodash.isArray(loc === null || loc === void 0 ? void 0 : loc.kpiData) ? !!loc.kpiData.length : !!(loc === null || loc === void 0 ? void 0 : loc.kpiData))));
       entry = {
         heading: this.entityType === 'locationspublic' && loc.publicTitle ? loc.publicTitle : loc.title,
-        distance: !index$1.isWeb(this.host) && loc.distance && ((!this.isAutocompleteSelected()) || index$1.getSession().isExternal) ? index$1.pipes.distance.transform(loc.distance) : null,
+        distance: !overlays.isWeb(this.host) && loc.distance && ((!this.isAutocompleteSelected()) || overlays.getSession().isExternal) ? overlays.pipes.distance.transform(loc.distance) : null,
         hasPending: loc.hasAvailableMissions || loc.availableMissions > 0,
         subheadings: lodash.compact([
-          !this.isMap && (this.isAutocompleteSelected()) && !index$1.getSession().isExternal ? null : loc.address,
+          !this.isMap && (this.isAutocompleteSelected()) && !overlays.getSession().isExternal ? null : loc.address,
           this.isAutocompleteSelected()
             ? null
             : (loc.hierarchyLevel1 ? loc.hierarchyLevel1.title + ' - ' : '') +
               (loc.hierarchyLevel2 ? loc.hierarchyLevel2.title + ' - ' : '') +
               (loc.hierarchyLevel3 ? loc.hierarchyLevel3.title : ''),
-          this.isAutocompleteSelected() || index$1.getSession().isExternal || !loc.lastVisit || this.entityType === 'locationsaudience'
+          this.isAutocompleteSelected() || overlays.getSession().isExternal || !loc.lastVisit || this.entityType === 'locationsaudience'
             ? null
-            : `<span class="black">${index$1.translate('VISIT')}: ${index$1.pipes.dateFormat.transform(loc.lastVisit, 'fromNow')} </span>`
+            : `<span class="black">${overlays.translate('VISIT')}: ${overlays.pipes.dateFormat.transform(loc.lastVisit, 'fromNow')} </span>`
         ]),
-        imgSrc: index$1.getSession().isExternal ? null : loc.imageData,
-        icon: index$1.getSession().isExternal ? null : 'store',
-        iconColor: index$1.getSession().isExternal ? null : 'app-color',
-        kpiData: (index$1.isWeb(this.host) && !this.isMap) || index$1.getSession().isExternal ? null : loc.kpiData,
+        imgSrc: overlays.getSession().isExternal ? null : loc.imageData,
+        icon: overlays.getSession().isExternal ? null : 'store',
+        iconColor: overlays.getSession().isExternal ? null : 'app-color',
+        kpiData: (overlays.isWeb(this.host) && !this.isMap) || overlays.getSession().isExternal ? null : loc.kpiData,
         isMap: this.isMap,
         isCollapsible,
-        date: index$1.isPresent(loc.kpiValue) ? index$1.pipes.number.transform(loc.kpiValue) : null,
-        vip: index$1.getSession().isExternal ? null : loc.vip,
+        date: overlays.isPresent(loc.kpiValue) ? overlays.pipes.number.transform(loc.kpiValue) : null,
+        vip: overlays.getSession().isExternal ? null : loc.vip,
         avatarSize: this.isAutocompleteSelected() && this.item.avatarSize ? this.item.avatarSize : 'large',
         tagElementsInHeader: {
-          tags: !this.isAutocompleteSelected() && !index$1.getSession().isExternal && loc.vip
+          tags: !this.isAutocompleteSelected() && !overlays.getSession().isExternal && loc.vip
             ? [{ color: 'energized-20', icon: 'star', iconOnlyColor: 'energized', iconOnlySize: 'small' }]
             : null,
           location: 'start'
         }
       };
-      if (!index$1.isWeb(this.host) && isCollapsible) {
+      if (!overlays.isWeb(this.host) && isCollapsible) {
         this.host.classList.add('collapsible');
         extraClasses += ' collapsible ';
       }
-      if (!index$1.isWeb(this.host) && this.host.classList.contains('no-kpi')) {
+      if (!overlays.isWeb(this.host) && this.host.classList.contains('no-kpi')) {
         extraClasses += ' no-kpi ';
       }
     }
@@ -1324,7 +1325,7 @@ const YooEntityComponent = class {
       const locType = this.item;
       entry = {
         heading: locType.name,
-        tags: index$1.groupsResolver(locType.group),
+        tags: overlays.groupsResolver(locType.group),
         date: locType.count ? locType.count.toLocaleString() : null
       };
     }
@@ -1354,22 +1355,22 @@ const YooEntityComponent = class {
       entry = {
         avatarSize: this.isAutocompleteSelected() && this.item.avatarSize ? this.item.avatarSize : 'large',
         avatarFrame: 'square',
-        iconText: index$1.translateMulti(model.title || model.name),
-        heading: index$1.translateMulti(model.title || model.name),
+        iconText: overlays.translateMulti(model.title || model.name),
+        heading: overlays.translateMulti(model.title || model.name),
         imgSrc: ((_12 = model.background) === null || _12 === void 0 ? void 0 : _12._downloadURL) || model.background,
-        subheadings: this.isAutocompleteSelected() ? null : lodash.compact([index$1.translateMulti(model.shortDescription)])
+        subheadings: this.isAutocompleteSelected() ? null : lodash.compact([overlays.translateMulti(model.shortDescription)])
       };
     }
     else if (this.entityType === 'geofilters') {
       const filter = this.item;
       entry = {
-        heading: index$1.getUserDisplayName(filter.user),
+        heading: overlays.getUserDisplayName(filter.user),
         subheadings: lodash.compact([
           ((_13 = filter.locations) === null || _13 === void 0 ? void 0 : _13.length) > 0
-            ? filter.locations.length.toLocaleString() + ' ' + index$1.translate(filter.locations.length > 1 ? 'LOCATIONS' : 'LOCATION')
+            ? filter.locations.length.toLocaleString() + ' ' + overlays.translate(filter.locations.length > 1 ? 'LOCATIONS' : 'LOCATION')
             : null,
           ((_14 = filter.locationtypes) === null || _14 === void 0 ? void 0 : _14.length) > 0
-            ? filter.locationtypes.length.toLocaleString() + ' ' + index$1.translate(filter.locationtypes.length > 1 ? 'LOCATIONTYPES' : 'LOCATIONTYPE')
+            ? filter.locationtypes.length.toLocaleString() + ' ' + overlays.translate(filter.locationtypes.length > 1 ? 'LOCATIONTYPES' : 'LOCATIONTYPE')
             : null
         ]),
         users: [filter.user]
@@ -1378,10 +1379,10 @@ const YooEntityComponent = class {
     else if (this.entityType === 'campaignfilters') {
       const filter = this.item;
       entry = {
-        heading: index$1.getUserDisplayName(filter.user),
+        heading: overlays.getUserDisplayName(filter.user),
         subheadings: lodash.compact([
           filter.campaignsRef && filter.campaignsRef.length > 0
-            ? filter.campaignsRef.length.toLocaleString() + ' ' + index$1.translate(filter.campaignsRef.length > 1 ? 'CAMPAIGNS' : 'CAMPAIGN')
+            ? filter.campaignsRef.length.toLocaleString() + ' ' + overlays.translate(filter.campaignsRef.length > 1 ? 'CAMPAIGNS' : 'CAMPAIGN')
             : null
         ]),
         users: [filter.user]
@@ -1391,7 +1392,7 @@ const YooEntityComponent = class {
       const catalog = this.item;
       entry = {
         heading: catalog.title,
-        tags: this.isAutocompleteSelected() ? null : index$1.groupsResolver(catalog.group),
+        tags: this.isAutocompleteSelected() ? null : overlays.groupsResolver(catalog.group),
         icon: ((_15 = catalog.image) === null || _15 === void 0 ? void 0 : _15._downloadURL) ? null : 'catalogue',
         imgSrc: ((_16 = catalog.image) === null || _16 === void 0 ? void 0 : _16._downloadURL) ? catalog.image._downloadURL : null,
         avatarSize: this.isAutocompleteSelected() ? 'small' : 'large'
@@ -1409,10 +1410,10 @@ const YooEntityComponent = class {
           : [
             product.shortdescription,
             product.reference ? '<span class="subheading-grey">' + product.reference + '</span>' : null,
-            product.price > 0 && this.host.classList.contains('simple') === false ? '<span class="subheading-price">' + index$1.pipes.currency.transform(product.price) + '</span>' : null
+            product.price > 0 && this.host.classList.contains('simple') === false ? '<span class="subheading-price">' + overlays.pipes.currency.transform(product.price) + '</span>' : null
           ],
-        tagElements: product.outofstock ? [{ innerHTML: index$1.translate('OUTOFSTOCK'), color: 'danger' }] : null,
-        tags: this.isAutocompleteSelected() || index$1.isWeb(this.host) ? null : product.tags,
+        tagElements: product.outofstock ? [{ innerHTML: overlays.translate('OUTOFSTOCK'), color: 'danger' }] : null,
+        tags: this.isAutocompleteSelected() || overlays.isWeb(this.host) ? null : product.tags,
         icon: ((_17 = product.image) === null || _17 === void 0 ? void 0 : _17._downloadURL) ? null : 'photo-library',
         imgSrc: ((_18 = product.image) === null || _18 === void 0 ? void 0 : _18._downloadURL) ? product.image._downloadURL : null,
         avatarSize: this.isHistory || this.host.classList.contains('simple') ? 'large' : this.isAutocompleteSelected() && this.item.avatarSize ? this.item.avatarSize : 'extra-large',
@@ -1424,7 +1425,7 @@ const YooEntityComponent = class {
       const product = this.item;
       let subheadings = [product.description];
       if (((_19 = this.item.offers) === null || _19 === void 0 ? void 0 : _19.length) && ((_20 = this.item.offers[0].skus) === null || _20 === void 0 ? void 0 : _20.length) && ((_21 = this.item.offers[0].skus[0]) === null || _21 === void 0 ? void 0 : _21.sale_price)) {
-        subheadings = [index$1.pipes.currency.transform(this.item.offers[0].skus[0].sale_price / 100, false, this.item.offers[0].skus[0].currency, true)];
+        subheadings = [overlays.pipes.currency.transform(this.item.offers[0].skus[0].sale_price / 100, false, this.item.offers[0].skus[0].currency, true)];
       }
       if (!product.available) {
         extraClasses += ' outofstock ';
@@ -1453,7 +1454,7 @@ const YooEntityComponent = class {
     else if (this.entityType === 'violetbasketitems') {
       const sku = (_22 = this.item) === null || _22 === void 0 ? void 0 : _22.sku;
       const price = (sku.sale_price * (this.item.quantity || 1)) / 100;
-      const subheadings = [index$1.pipes.currency.transform(price, false, sku.currency, true)];
+      const subheadings = [overlays.pipes.currency.transform(price, false, sku.currency, true)];
       entry = {
         heading: sku.name,
         subheadings,
@@ -1475,7 +1476,7 @@ const YooEntityComponent = class {
       const shopping = this.item;
       entry = {
         heading: shopping.title,
-        date: index$1.isWeb(this.host) || !shopping.date ? null : index$1.pipes.timeAgo.transform(shopping.date),
+        date: overlays.isWeb(this.host) || !shopping.date ? null : overlays.pipes.timeAgo.transform(shopping.date),
         imgSrc: shopping.image,
         subheadings: [shopping.description]
       };
@@ -1484,7 +1485,7 @@ const YooEntityComponent = class {
       const arExperience = this.item;
       entry = {
         heading: arExperience.name,
-        tagElements: [{ innerHTML: index$1.translate((arExperience.mode || 'object').toUpperCase()), color: 'dark' }].concat(arExperience.wtoUrl ? [{ innerHTML: index$1.translate('YOOBICOK'), color: 'app-color' }] : [{ innerHTML: index$1.translate('REFRESH'), color: 'danger' }]),
+        tagElements: [{ innerHTML: overlays.translate((arExperience.mode || 'object').toUpperCase()), color: 'dark' }].concat(arExperience.wtoUrl ? [{ innerHTML: overlays.translate('YOOBICOK'), color: 'app-color' }] : [{ innerHTML: overlays.translate('REFRESH'), color: 'danger' }]),
         subheadings: arExperience.description ? [arExperience.description] : null
       };
     }
@@ -1492,9 +1493,9 @@ const YooEntityComponent = class {
       const arModel = this.item;
       entry = {
         heading: arModel.product ? arModel.product.title : 'YOOBICNA',
-        tagElements: arModel.experience ? [{ innerHTML: index$1.translate((arModel.experience.mode || 'object').toUpperCase()), color: 'dark' }] : null,
+        tagElements: arModel.experience ? [{ innerHTML: overlays.translate((arModel.experience.mode || 'object').toUpperCase()), color: 'dark' }] : null,
         topLeftBadge: ((_23 = arModel.photos) === null || _23 === void 0 ? void 0 : _23.length) > 0 ? arModel.photos.length.toLocaleString() : null,
-        subheadings: [arModel.product ? arModel.product.reference : '', arModel.rating ? index$1.translate('RATING') + ' ' + arModel.rating.toLocaleString() : null],
+        subheadings: [arModel.product ? arModel.product.reference : '', arModel.rating ? overlays.translate('RATING') + ' ' + arModel.rating.toLocaleString() : null],
         tags: arModel.experience ? [arModel.experience.name] : null,
         icon: ((_25 = (_24 = arModel.product) === null || _24 === void 0 ? void 0 : _24.image) === null || _25 === void 0 ? void 0 : _25._downloadURL) ? null : 'photo-library',
         imgSrc: ((_27 = (_26 = arModel.product) === null || _26 === void 0 ? void 0 : _26.image) === null || _27 === void 0 ? void 0 : _27._downloadURL) ? arModel.product.image._downloadURL : null
@@ -1505,8 +1506,8 @@ const YooEntityComponent = class {
       entry = {
         heading: algorithm.name,
         tagElements: lodash.compact([
-          algorithm.offline ? { innerHTML: index$1.translate('OFFLINE').toUpperCase(), color: 'info' } : null,
-          algorithm.stitch ? { innerHTML: index$1.translate('STITCH').toUpperCase(), color: 'dark' } : null
+          algorithm.offline ? { innerHTML: overlays.translate('OFFLINE').toUpperCase(), color: 'info' } : null,
+          algorithm.stitch ? { innerHTML: overlays.translate('STITCH').toUpperCase(), color: 'dark' } : null
         ]),
         subheadings: lodash.compact([algorithm.channel, algorithm.server])
       };
@@ -1519,7 +1520,7 @@ const YooEntityComponent = class {
         tagElements: tagElement ? [tagElement] : [],
         subheadings: [
           productBatch.product ? productBatch.product.reference : '',
-          ...(index$1.getSession().user && index$1.getSession().user.locationRef === productBatch.locationRef
+          ...(overlays.getSession().user && overlays.getSession().user.locationRef === productBatch.locationRef
             ? lodash.compact([((_28 = this.extraClass) === null || _28 === void 0 ? void 0 : _28.indexOf('show-aisle')) >= 0 && productBatch.aisle ? productBatch.aisle.title : null])
             : ((_29 = productBatch.location) === null || _29 === void 0 ? void 0 : _29.title)
               ? [productBatch.location.title + ' - ' + (((_30 = productBatch.aisle) === null || _30 === void 0 ? void 0 : _30.title) || '')]
@@ -1539,9 +1540,9 @@ const YooEntityComponent = class {
       const treated = productbatchList.treated + (productbatchList.outOfStockTreated || 0);
       const progress = total > 0 ? Math.round((treated / total) * 100) : 100;
       entry = {
-        heading: index$1.translate(productbatchList.title),
-        subheadings: [total > 0 ? treated + '/' + total + ' ' + index$1.translate('PRODUCTS') : productbatchList.all > 0 ? index$1.translate('NOTHINGTODECLARE') : index$1.translate('STARTINVENTORY')],
-        progress: total > 0 ? progress + '%' : productbatchList.all > 0 ? '100%' : index$1.translate('YOOBICNEW'),
+        heading: overlays.translate(productbatchList.title),
+        subheadings: [total > 0 ? treated + '/' + total + ' ' + overlays.translate('PRODUCTS') : productbatchList.all > 0 ? overlays.translate('NOTHINGTODECLARE') : overlays.translate('STARTINVENTORY')],
+        progress: total > 0 ? progress + '%' : productbatchList.all > 0 ? '100%' : overlays.translate('YOOBICNEW'),
         progressClass: operationHelpers.getProductBatchProgressColor(progress)
       };
     }
@@ -1551,8 +1552,8 @@ const YooEntityComponent = class {
       const finished = (aisleList.finished || 0) + (aisleList.archived || 0);
       const progress = total > 0 ? Math.round((finished / total) * 100) : 100;
       entry = {
-        heading: index$1.translate(aisleList.title),
-        subheadings: [total > 0 ? finished + '/' + total + ' ' + index$1.translate(total > 1 ? 'MISSIONS' : 'MISSION') : ''],
+        heading: overlays.translate(aisleList.title),
+        subheadings: [total > 0 ? finished + '/' + total + ' ' + overlays.translate(total > 1 ? 'MISSIONS' : 'MISSION') : ''],
         progress: total > 0 ? progress + '%' : '100%',
         progressClass: operationHelpers.getProductBatchProgressColor(progress)
       };
@@ -1563,7 +1564,7 @@ const YooEntityComponent = class {
       entry = {
         heading: product.title,
         subheadings,
-        date: index$1.isPresent(this.item.description) ? this.item.description : null,
+        date: overlays.isPresent(this.item.description) ? this.item.description : null,
         imgSrc: ((_35 = product === null || product === void 0 ? void 0 : product.image) === null || _35 === void 0 ? void 0 : _35._downloadURL) ? product.image._downloadURL : null,
         avatarFrame: 'square',
         // keep it explicit here to prevent to be overwritten by the autocomplete, with which the card-list is used in combination with, and that changes the size of the avatar to 'small' when only one product is selected
@@ -1574,7 +1575,7 @@ const YooEntityComponent = class {
     else if (this.entityType === 'aisles') {
       const aisle = this.item;
       entry = {
-        heading: index$1.translate(aisle.title),
+        heading: overlays.translate(aisle.title),
         imgSrc: aisle.location ? aisle.location.imageData : null,
         avatarSize: this.isAutocompleteSelected() ? 'small' : 'medium',
         subheadings: aisle.location && !this.isAutocompleteSelected() ? [aisle.location.title] : null
@@ -1583,8 +1584,8 @@ const YooEntityComponent = class {
     else if (this.entityType === 'memolist') {
       const memoList = this.item;
       entry = {
-        heading: index$1.translate(memoList._id[0]),
-        subheadings: [memoList.done + '/' + memoList.total + ' ' + index$1.translate('YOOBICACTIONS')],
+        heading: overlays.translate(memoList._id[0]),
+        subheadings: [memoList.done + '/' + memoList.total + ' ' + overlays.translate('YOOBICACTIONS')],
         usersInline: memoList.users
       };
     }
@@ -1594,32 +1595,32 @@ const YooEntityComponent = class {
         heading: memo.title,
         subheadings: [memo.description],
         usersInline: memo.users,
-        date: memo.duedate ? index$1.pipes.timeAgo.transform(memo.duedate) : null
+        date: memo.duedate ? overlays.pipes.timeAgo.transform(memo.duedate) : null
       };
     }
     else if (this.entityType === 'calendarEvents') {
       const calendarEvent = this.item;
       let finalType;
       if (calendarEvent.type && lodash.isString(calendarEvent.type) && !this.item.beType) {
-        finalType = index$1.translateMulti('%' + calendarEvent.type + '%');
+        finalType = overlays.translateMulti('%' + calendarEvent.type + '%');
         if ((finalType === null || finalType === void 0 ? void 0 : finalType.startsWith('%')) && (finalType === null || finalType === void 0 ? void 0 : finalType.endsWith('%'))) {
           finalType = finalType.substr(1, finalType.length - 2);
         }
       }
       const startDate = calendarEvent.startDate;
       const endDate = calendarEvent.endDate;
-      let time = index$1.dateFormat(startDate, 'HH:mm');
-      if (index$1.isSameDate(startDate, endDate)) {
-        time += ` - ${index$1.dateFormat(endDate, 'HH:mm')}`;
+      let time = overlays.dateFormat(startDate, 'HH:mm');
+      if (overlays.isSameDate(startDate, endDate)) {
+        time += ` - ${overlays.dateFormat(endDate, 'HH:mm')}`;
       }
       const eventType = calendarEvent.eventType || 'public';
-      const eventTypeSubheading = (index.h("div", { class: "event-type-container" }, index.h("yoo-icon", { class: "icon-event", color: "stable", size: "small", name: "email" }), index.h("span", { class: "text-color" }, index$1.translate(eventType === 'public' ? 'PUBLICEVENT' : 'PRIVATEEVENT'))));
-      const eventInfo = index$1.getEventStatusInfo(calendarEvent, index$1.getSession().userId);
-      const statusSubheading = (index.h("div", { class: "event-status-container" }, index.h("yoo-icon", { class: "icon-event", name: eventInfo === null || eventInfo === void 0 ? void 0 : eventInfo.iconName, size: "small", color: eventInfo === null || eventInfo === void 0 ? void 0 : eventInfo.color }), index.h("span", { class: eventInfo === null || eventInfo === void 0 ? void 0 : eventInfo.color }, index$1.translate(eventInfo === null || eventInfo === void 0 ? void 0 : eventInfo.title))));
-      const mediaConfig = index$1.getMediaSrcAndType({ event: calendarEvent });
+      const eventTypeSubheading = (index.h("div", { class: "event-type-container" }, index.h("yoo-icon", { class: "icon-event", color: "stable", size: "small", name: "email" }), index.h("span", { class: "text-color" }, overlays.translate(eventType === 'public' ? 'PUBLICEVENT' : 'PRIVATEEVENT'))));
+      const eventInfo = overlays.getEventStatusInfo(calendarEvent, overlays.getSession().userId);
+      const statusSubheading = (index.h("div", { class: "event-status-container" }, index.h("yoo-icon", { class: "icon-event", name: eventInfo === null || eventInfo === void 0 ? void 0 : eventInfo.iconName, size: "small", color: eventInfo === null || eventInfo === void 0 ? void 0 : eventInfo.color }), index.h("span", { class: eventInfo === null || eventInfo === void 0 ? void 0 : eventInfo.color }, overlays.translate(eventInfo === null || eventInfo === void 0 ? void 0 : eventInfo.title))));
+      const mediaConfig = overlays.getMediaSrcAndType({ event: calendarEvent });
       const mediaSrc = (mediaConfig === null || mediaConfig === void 0 ? void 0 : mediaConfig.type) === 'photo' ? mediaConfig.mediaSrc[0] : null;
       const isEventMultipleDays = (startDate, endDate) => {
-        if (!index$1.isSameDate(startDate, endDate)) {
+        if (!overlays.isSameDate(startDate, endDate)) {
           return true;
         }
         return false;
@@ -1627,7 +1628,7 @@ const YooEntityComponent = class {
       entry = {
         imgSrc: calendarEvent.photo || mediaSrc,
         subheadings: lodash.compact([
-          index$1.isWeb(this.host) ? eventTypeSubheading : null,
+          overlays.isWeb(this.host) ? eventTypeSubheading : null,
           eventInfo ? statusSubheading : null,
           calendarEvent.startDate && !calendarEvent.allDay && !isEventMultipleDays(new Date(calendarEvent.startDate), new Date(calendarEvent.endDate)) ? index.h("span", { class: "dark time" }, time) : null,
           calendarEvent.title ? index.h("span", { class: "dark title" }, calendarEvent.title) : null,
@@ -1640,16 +1641,16 @@ const YooEntityComponent = class {
       const data = this.item;
       entry = {
         heading: data.title + ' - ' + data.value.toLocaleString() + ' ' + (data.value_currency || ''),
-        tags: lodash.compact([data.category, data.value_frequency ? index$1.translate(data.value_frequency.toUpperCase()) : null]),
+        tags: lodash.compact([data.category, data.value_frequency ? overlays.translate(data.value_frequency.toUpperCase()) : null]),
         subheadings: lodash.compact([data.location ? data.location.title : null]),
-        date: data.reporting_date ? index$1.pipes.dateFormat.transform(data.reporting_date, 'L LT') : null
+        date: data.reporting_date ? overlays.pipes.dateFormat.transform(data.reporting_date, 'L LT') : null
       };
     }
     else if (this.entityType === 'hierarchy') {
       const hierarchy = this.item;
       entry = {
         heading: hierarchy.title,
-        subheadings: [hierarchy.parent ? hierarchy.parent.title : index$1.translate('YOOBICROOT')] // ,
+        subheadings: [hierarchy.parent ? hierarchy.parent.title : overlays.translate('YOOBICROOT')] // ,
       };
     }
     else if (this.entityType === 'tableau') {
@@ -1675,7 +1676,7 @@ const YooEntityComponent = class {
     else if (this.entityType === 'badges') {
       const badge = this.item;
       entry = {
-        heading: index$1.translateMulti(badge.title),
+        heading: overlays.translateMulti(badge.title),
         icon: badge.icon,
         avatarFrame: 'circle',
         avatarSize: this.isAutocompleteSelected() && this.item.avatarSize ? this.item.avatarSize : 'extra-large',
@@ -1685,7 +1686,7 @@ const YooEntityComponent = class {
     else if (this.entityType === 'certificates') {
       const cert = this.item;
       entry = {
-        heading: index$1.translateMulti(cert.title),
+        heading: overlays.translateMulti(cert.title),
         icon: cert.icon,
         avatarFrame: 'circle',
         avatarColor: cert.color,
@@ -1696,7 +1697,7 @@ const YooEntityComponent = class {
     else if (this.entityType === 'missiondescriptioncategories') {
       const category = this.item;
       entry = {
-        heading: (category.order >= 0 ? category.order.toLocaleString() + ' - ' : '') + index$1.translateMulti(category.title),
+        heading: (category.order >= 0 ? category.order.toLocaleString() + ' - ' : '') + overlays.translateMulti(category.title),
         avatarFrame: 'circle',
         avatarSize: this.isAutocompleteSelected() && this.item.avatarSize ? this.item.avatarSize : 'medium',
         avatarColor: category.color,
@@ -1707,7 +1708,7 @@ const YooEntityComponent = class {
     else if (this.entityType === 'coursecategories') {
       const category = this.item;
       entry = {
-        heading: index$1.translateMulti(category.title),
+        heading: overlays.translateMulti(category.title),
         avatarFrame: 'circle',
         avatarSize: this.isAutocompleteSelected() && this.item.avatarSize ? this.item.avatarSize : 'extra-large',
         icon: category.icon || 'catalogue'
@@ -1717,7 +1718,7 @@ const YooEntityComponent = class {
       const course = this.item;
       entry = {
         heading: course.plan ? course.plan.title : null,
-        date: course.assignmentDate ? index$1.pipes.dateFormat.transform(course.assignmentDate, 'fromNow') : null
+        date: course.assignmentDate ? overlays.pipes.dateFormat.transform(course.assignmentDate, 'fromNow') : null
       };
     }
     else if (this.entityType === 'plans' || this.entityType === 'courses-small') {
@@ -1738,9 +1739,9 @@ const YooEntityComponent = class {
       const userrank = this.item;
       const user = this.item.user;
       entry = {
-        heading: index$1.getUserDisplayName(user),
+        heading: overlays.getUserDisplayName(user),
         rank: userrank.rank,
-        points: !index$1.isWeb() ? userrank.points : null,
+        points: !overlays.isWeb() ? userrank.points : null,
         users: [user]
       };
       extraClasses += this.extraClass;
@@ -1761,7 +1762,7 @@ const YooEntityComponent = class {
       }
       entry = {
         heading: question.title,
-        date: this.isAutocompleteSelected() ? null : index$1.pipes.dateFormat.transform(question.date, 'fromNow'),
+        date: this.isAutocompleteSelected() ? null : overlays.pipes.dateFormat.transform(question.date, 'fromNow'),
         users: this.isAutocompleteSelected() ? null : lodash.compact([question.user]),
         imgSrc: this.host.classList.contains('wiki-entity') || this.host.classList.contains('search-entity') ? null : question.imageData || question.videoData,
         rightImageSrc: question.imageData,
@@ -1775,24 +1776,24 @@ const YooEntityComponent = class {
       const answer = this.item;
       const mediaSrc = answer.text || answer.imageData || answer.videoData;
       let validAnswer = false;
-      if (answer.text && !(index$1.isCloudinaryLink(answer.text) || answer.text.endsWith('.gif'))) {
+      if (answer.text && !(overlays.isCloudinaryLink(answer.text) || answer.text.endsWith('.gif'))) {
         validAnswer = true;
       }
       entry = {
-        heading: '<b>' + index$1.getUserDisplayName(answer.user) + '</b>',
+        heading: '<b>' + overlays.getUserDisplayName(answer.user) + '</b>',
         subheadings: [mediaSrc],
-        date: index$1.pipes.dateFormat.transform(answer.date, 'fromNow'),
+        date: overlays.pipes.dateFormat.transform(answer.date, 'fromNow'),
         avatarSize: 'medium',
         users: [answer.user],
         allowOrientation: true,
         mentions: answer.mentions,
-        isCommentMedia: index$1.isMedia(mediaSrc)
+        isCommentMedia: overlays.isMedia(mediaSrc)
       };
-      if (answer.userLanguage && answer.userLanguage !== index$1.getCurrentLanguage() && validAnswer) {
-        entry.translationCallback = () => index$1.getAsyncExtraData({ type: 'translate-text', params: { text: index$1.replaceAllLinks(index$1.parseMarkDown(answer.text)), userLanguage: answer.userLanguage } });
+      if (answer.userLanguage && answer.userLanguage !== overlays.getCurrentLanguage() && validAnswer) {
+        entry.translationCallback = () => overlays.getAsyncExtraData({ type: 'translate-text', params: { text: overlays.replaceAllLinks(overlays.parseMarkDown(answer.text)), userLanguage: answer.userLanguage } });
       }
       if (answer.mentions && answer.text) {
-        const text = index$1.replaceAtTagToMentionTag(answer.text, answer.mentions);
+        const text = overlays.replaceAtTagToMentionTag(answer.text, answer.mentions);
         entry.subheadings = [text];
       }
     }
@@ -1804,7 +1805,7 @@ const YooEntityComponent = class {
     }
     else if (this.entityType === 'videocallusers') {
       entry = {
-        heading: index$1.getUserDisplayName(this.item),
+        heading: overlays.getUserDisplayName(this.item),
         users: [this.item],
         avatarSize: 'medium'
       };
@@ -1812,11 +1813,11 @@ const YooEntityComponent = class {
     else if (this.entityType === 'operations') {
       const op = this.item;
       entry = {
-        heading: op.remoteMethodName ? index$1.translate(op.remoteMethodName.toUpperCase()) : (op.operation ? op.operation.remoteMethodName : '') || op.daoMethodName || op.operationId,
+        heading: op.remoteMethodName ? overlays.translate(op.remoteMethodName.toUpperCase()) : (op.operation ? op.operation.remoteMethodName : '') || op.daoMethodName || op.operationId,
         subheadings: [
           'Operation Id: ' + op.operationId,
           'Request Id: ' + op.requestId,
-          ((_38 = op.operation) === null || _38 === void 0 ? void 0 : _38.accessToken) ? 'User:' + index$1.getUserDisplayName(op.operation.accessToken) : null,
+          ((_38 = op.operation) === null || _38 === void 0 ? void 0 : _38.accessToken) ? 'User:' + overlays.getUserDisplayName(op.operation.accessToken) : null,
           ((_41 = (_40 = (_39 = op.requestLog) === null || _39 === void 0 ? void 0 : _39.meta) === null || _40 === void 0 ? void 0 : _40.req) === null || _41 === void 0 ? void 0 : _41.headers) ? 'Origin/Referer:' + op.requestLog.meta.req.headers.origin || op.requestLog.meta.req.headers.referer : null,
           ((_44 = (_43 = (_42 = op.requestLog) === null || _42 === void 0 ? void 0 : _42.meta) === null || _43 === void 0 ? void 0 : _43.req) === null || _44 === void 0 ? void 0 : _44.headers) && op.requestLog.meta.req.headers['yoobic-client-version']
             ? 'Client Version:' + op.requestLog.meta.req.headers['yoobic-client-version']
@@ -1825,19 +1826,19 @@ const YooEntityComponent = class {
             ? 'User Agent:' + op.requestLog.meta.req.headers['user-agent']
             : null
         ],
-        date: index$1.pipes.dateFormat.transform(op._ect, 'L LT'),
+        date: overlays.pipes.dateFormat.transform(op._ect, 'L LT'),
         users: ((_48 = op.operation) === null || _48 === void 0 ? void 0 : _48.accessToken) ? [op.operation.accessToken] : null,
         tagElements: lodash.compact([
           op.isCreation
             ? {
-              innerHTML: index$1.translate('CREATE'),
+              innerHTML: overlays.translate('CREATE'),
               color: 'accent',
               progressClass: 'app-color'
             }
             : null,
           op.doc
             ? {
-              innerHTML: index$1.translate('KEYS') + ': ' + lodash.keys(op.doc).length,
+              innerHTML: overlays.translate('KEYS') + ': ' + lodash.keys(op.doc).length,
               color: 'success'
             }
             : null
@@ -1860,26 +1861,26 @@ const YooEntityComponent = class {
     else if (this.entityType === 'aclRole') {
       const aclRole = this.item;
       entry = {
-        heading: index$1.getRoleTitle(aclRole),
-        subheadings: this.isAutocompleteSelected() ? null : aclRole.roleType ? [index$1.translate(aclRole.roleType)] : []
+        heading: overlays.getRoleTitle(aclRole),
+        subheadings: this.isAutocompleteSelected() ? null : aclRole.roleType ? [overlays.translate(aclRole.roleType)] : []
       };
     }
     else if (this.entityType === 'formfield') {
       const formfield = this.item;
-      const icon = index$1.getMobileFieldIcon(formfield.type) || formfield.icon;
-      const title = index$1.translateMulti(formfield.title || formfield.name.toUpperCase());
+      const icon = overlays.getMobileFieldIcon(formfield.type) || formfield.icon;
+      const title = overlays.translateMulti(formfield.title || formfield.name.toUpperCase());
       entry = {
         icon,
         heading: title,
-        subheadings: this.isAutocompleteSelected() ? null : formfield.slideTitle ? [index$1.translateMulti(formfield.slideTitle)] : []
+        subheadings: this.isAutocompleteSelected() ? null : formfield.slideTitle ? [overlays.translateMulti(formfield.slideTitle)] : []
       };
     }
     else if (this.entityType === 'courseselection') {
       const battleList = this.item;
       const lessonsCount = lodash.get(battleList, 'missiondescriptionsRef', []).length;
       entry = {
-        heading: index$1.translateMulti(battleList.title),
-        subheadings: [lessonsCount + ' ' + index$1.translate(lessonsCount > 1 ? 'LESSONS' : 'LESSON')],
+        heading: overlays.translateMulti(battleList.title),
+        subheadings: [lessonsCount + ' ' + overlays.translate(lessonsCount > 1 ? 'LESSONS' : 'LESSON')],
         imgSrc: ((_49 = battleList.background) === null || _49 === void 0 ? void 0 : _49._downloadURL) ? battleList.background._downloadURL : null,
         avatarSize: this.isAutocompleteSelected() && this.item.avatarSize ? this.item.avatarSize : 'extra-extra-large',
         avatarFrame: 'square'
@@ -1930,7 +1931,7 @@ const YooEntityComponent = class {
         imgSrc: widget.photo,
         icon: widget.icon,
         subheadings: lodash.compact([]),
-        tags: lodash.compact([widget.tab, widget.type ? index$1.translate(widget.type.toUpperCase()) : null])
+        tags: lodash.compact([widget.tab, widget.type ? overlays.translate(widget.type.toUpperCase()) : null])
       };
     }
     else if (this.entityType === 'pages') {
@@ -1939,7 +1940,7 @@ const YooEntityComponent = class {
         extraClasses += ' hidden';
       }
       entry = {
-        heading: index$1.translateMulti(page.text),
+        heading: overlays.translateMulti(page.text),
         icon: page.icon,
         avatarSize: 'medium',
         avatarFrame: 'rounded-square',
@@ -1949,7 +1950,7 @@ const YooEntityComponent = class {
     else if (this.entityType === 'customapps') {
       const app = this.item;
       entry = {
-        heading: index$1.translateMulti(app.title),
+        heading: overlays.translateMulti(app.title),
         icon: app.icon || 'iphone',
         imgSrc: lodash.get(app, 'appIcon._downloadURL'),
         subheadings: lodash.compact([app.description])
@@ -1967,15 +1968,15 @@ const YooEntityComponent = class {
         imgHeight: 48,
         tagElements: [
           {
-            innerHTML: index$1.translateMulti(status.text),
+            innerHTML: overlays.translateMulti(status.text),
             color: status.color
           },
           {
-            innerHTML: '<yoo-icon slot="start" size="small" name="group" color="app-color"></yoo-icon>' + index$1.translateMulti(partType.toUpperCase()),
+            innerHTML: '<yoo-icon slot="start" size="small" name="group" color="app-color"></yoo-icon>' + overlays.translateMulti(partType.toUpperCase()),
             noBackground: true
           },
           {
-            innerHTML: '<yoo-icon slot="start" size="small" name="instant-play" color="app-color"></yoo-icon>' + index$1.translateMulti(type.toUpperCase()),
+            innerHTML: '<yoo-icon slot="start" size="small" name="instant-play" color="app-color"></yoo-icon>' + overlays.translateMulti(type.toUpperCase()),
             noBackground: true
           }
         ]
@@ -1984,7 +1985,7 @@ const YooEntityComponent = class {
     else if (this.entityType === 'communities') {
       const community = this.item;
       entry = {
-        heading: index$1.translateMulti(community.name),
+        heading: overlays.translateMulti(community.name),
         imgSrc: community.covers,
         subheadings: [community.description],
         icon: 'community',
@@ -2002,9 +2003,9 @@ const YooEntityComponent = class {
         defaultTitle = (this.item.title || this.item.text || this.item.name || this.item._id || (lodash.isString(this.item) || lodash.isNumber(this.item) ? this.item : '')).toString();
       }
       const title = this.useTranslate ? defaultTitle.toUpperCase() : defaultTitle;
-      entry.heading = index$1.translateMulti(title);
+      entry.heading = overlays.translateMulti(title);
       if ((_53 = this.item) === null || _53 === void 0 ? void 0 : _53.description) {
-        entry.subheadings = [index$1.translateMulti(this.item.description)];
+        entry.subheadings = [overlays.translateMulti(this.item.description)];
       }
       if ((_55 = (_54 = this.item) === null || _54 === void 0 ? void 0 : _54.background) === null || _55 === void 0 ? void 0 : _55._downloadURL) {
         entry.imgSrc = this.item.background._downloadURL;
@@ -2019,7 +2020,7 @@ const YooEntityComponent = class {
         entry.icon = this.item.icon;
         entry.iconColor = this.item.iconColor;
         entry.avatarColor = this.item.avatarColor;
-        if (index$1.isWeb(this.host) && this.isSimpleCardList(this.entityType)) {
+        if (overlays.isWeb(this.host) && this.isSimpleCardList(this.entityType)) {
           entry.avatarSize = 'small';
         }
       }
@@ -2052,11 +2053,11 @@ const YooEntityComponent = class {
       };
     }
     entry.icons = (this.icons || []).filter((a) => (a.isVisible ? a.isVisible(this.item) : true)).map((a) => this.toIcon(a, this.item));
-    entry.topActions = this.topActions ? this.topActions.filter((a) => (a.isVisible ? a.isVisible(this.item) : true)).map((a) => index$1.toButton(a, this.item)) : null;
-    entry.bottomActions = this.bottomActions ? this.bottomActions.filter((a) => (a.isVisible ? a.isVisible(this.item) : true)).map((a) => index$1.toButton(a, this.item)) : null;
+    entry.topActions = this.topActions ? this.topActions.filter((a) => (a.isVisible ? a.isVisible(this.item) : true)).map((a) => overlays.toButton(a, this.item)) : null;
+    entry.bottomActions = this.bottomActions ? this.bottomActions.filter((a) => (a.isVisible ? a.isVisible(this.item) : true)).map((a) => overlays.toButton(a, this.item)) : null;
     entry.actions =
       this.secondaryActionsDropdown && this.secondaryActions
-        ? this.secondaryActions.filter((a) => (a.isVisible ? a.isVisible(this.item) : true)).map((a) => index$1.toButton(a, this.item))
+        ? this.secondaryActions.filter((a) => (a.isVisible ? a.isVisible(this.item) : true)).map((a) => overlays.toButton(a, this.item))
         : null;
     entry.isGridCell = this.isGridCell;
     entry.isPdf = this.isPdf;
@@ -2090,7 +2091,7 @@ const YooEntityComponent = class {
     if (this.host.classList.contains('full-width')) {
       extraClasses += ' full-width ';
     }
-    if (((_62 = this.item) === null || _62 === void 0 ? void 0 : _62._id) === index$1.getSession().userId) {
+    if (((_62 = this.item) === null || _62 === void 0 ? void 0 : _62._id) === overlays.getSession().userId) {
       extraClasses += ' current ';
     }
     if (this.extraClass) {
@@ -2151,7 +2152,7 @@ const YooEntityComponent = class {
       isGridCell: this.isGridCell
     };
     if (plan.archived === true) {
-      entry.tagElements.push({ innerHTML: index$1.translate('ARCHIVED'), color: 'stable' });
+      entry.tagElements.push({ innerHTML: overlays.translate('ARCHIVED'), color: 'stable' });
     }
     if (this.item.users && Array.isArray(this.item.users.list)) {
       entry.stats.users = this.item.users.list.length;
@@ -2161,17 +2162,17 @@ const YooEntityComponent = class {
   renderCardCell(extraClasses) {
     var _a, _b, _c, _d;
     let entry = {
-      actions: this.secondaryActions ? this.secondaryActions.filter((a) => (a.isVisible ? a.isVisible(this.item) : true)).map((a) => index$1.toButton(a, this.item)) : null,
+      actions: this.secondaryActions ? this.secondaryActions.filter((a) => (a.isVisible ? a.isVisible(this.item) : true)).map((a) => overlays.toButton(a, this.item)) : null,
       isGridCell: this.isGridCell
     };
     if (this.entityType === 'files' || (this.entityType === 'filesFolders' && this.item.fftype === 'file')) {
       const file = this.item;
       entry = {
         ...entry,
-        imgSrc: index$1.fileHasIcon(file) ? null : file.imgSrc || file._downloadURL || file,
+        imgSrc: overlays.fileHasIcon(file) ? null : file.imgSrc || file._downloadURL || file,
         iconSize: 'extra-large',
-        icon: file.icon || index$1.getIconName(file),
-        color: index$1.getIconColor(file) || 'stable',
+        icon: file.icon || overlays.getIconName(file),
+        color: overlays.getIconColor(file) || 'stable',
         text: file._filename,
         moreIconName: 'more-circle',
         moreIconColor: 'stable-alt'
@@ -2183,7 +2184,7 @@ const YooEntityComponent = class {
         ...entry,
         imgSrc: f.imgSrc || ((_a = f.background) === null || _a === void 0 ? void 0 : _a._downloadURL),
         iconSize: 'extra-extra-extra-large',
-        color: f.color ? f.color : index$1.getCssColor('app-color-80'),
+        color: f.color ? f.color : overlays.getCssColor('app-color-80'),
         icon: entitiesHelpers.getFolderIcon(f),
         text: f.name,
         moreIconName: 'more-circle',
@@ -2192,16 +2193,16 @@ const YooEntityComponent = class {
     }
     else if (this.entityType === 'courses' || this.entityType === 'plans' || this.entityType === 'courses-small') {
       const plan = this.entityType === 'courses' ? this.item.plan : this.item.plan || this.item;
-      const dueDate = index$1.getPlanDueDate(plan, this.item.assignmentDate);
+      const dueDate = overlays.getPlanDueDate(plan, this.item.assignmentDate);
       if (plan) {
         entry = {
           ...entry,
           imgSrc: plan.background ? plan.background._downloadURL : null,
           // subheading: (plan.lessonsCount || 0) + ' ' + translate('LESSONS'),
-          text: index$1.translateMulti(plan.title),
+          text: overlays.translateMulti(plan.title),
           dueDate,
           noTruncate: true,
-          isLocked: !lodash.isNil(plan.isLocked) ? plan.isLocked : index$1.isPlanInFuture(plan, this.item.assignmentDate)
+          isLocked: !lodash.isNil(plan.isLocked) ? plan.isLocked : overlays.isPlanInFuture(plan, this.item.assignmentDate)
         };
       }
     }
@@ -2212,7 +2213,7 @@ const YooEntityComponent = class {
         imgSrc: photo.type === 'audio' ? null : photo.value,
         icon: photo.type === 'audio' ? 'microphone' : null,
         flagged: photo.flagged,
-        annotated: index$1.isPhotoEdited(photo),
+        annotated: overlays.isPhotoEdited(photo),
         validated: photo.validated
       };
     }
@@ -2236,7 +2237,7 @@ const YooEntityComponent = class {
       const app = this.item;
       entry = {
         ...entry,
-        text: index$1.translate(app.toUpperCase()),
+        text: overlays.translate(app.toUpperCase()),
         imgSrc: './assets/apps/' + app + '.svg'
       };
     }
@@ -2258,11 +2259,11 @@ const YooEntityComponent = class {
         ...entry,
         imgSrc: (broadcast === null || broadcast === void 0 ? void 0 : broadcast.bambuserPayload) ? (_b = broadcast === null || broadcast === void 0 ? void 0 : broadcast.bambuserPayload) === null || _b === void 0 ? void 0 : _b.preview : (_c = broadcast === null || broadcast === void 0 ? void 0 : broadcast.user) === null || _c === void 0 ? void 0 : _c.imageData,
         user: broadcast === null || broadcast === void 0 ? void 0 : broadcast.user,
-        timeago: ((_d = broadcast === null || broadcast === void 0 ? void 0 : broadcast.bambuserPayload) === null || _d === void 0 ? void 0 : _d.type) === 'live' ? index$1.translate('NOW') : index$1.pipes.timeAgo.transform(broadcast.date || new Date())
+        timeago: ((_d = broadcast === null || broadcast === void 0 ? void 0 : broadcast.bambuserPayload) === null || _d === void 0 ? void 0 : _d.type) === 'live' ? overlays.translate('NOW') : overlays.pipes.timeAgo.transform(broadcast.date || new Date())
       };
       entry.avatarParams = {
-        hasViewedStory: broadcast.watchersRef && broadcast.watchersRef.indexOf(index$1.getSession().userId) >= 0,
-        hasStoryToView: !broadcast.watchersRef || broadcast.watchersRef.indexOf(index$1.getSession().userId) < 0,
+        hasViewedStory: broadcast.watchersRef && broadcast.watchersRef.indexOf(overlays.getSession().userId) >= 0,
+        hasStoryToView: !broadcast.watchersRef || broadcast.watchersRef.indexOf(overlays.getSession().userId) < 0,
         hasLiveVideo: broadcast.bambuserPayload && broadcast.bambuserPayload.type === 'live',
         hasRecordedVideo: broadcast.bambuserPayload && broadcast.bambuserPayload.type !== 'live'
       };
@@ -2281,7 +2282,7 @@ const YooEntityComponent = class {
       entry = {
         ...entry,
         icon: icon.substring(0, 3) === 'yo-' ? icon.substring(3, icon.length) : icon,
-        avatarSize: index$1.isWeb(this.host) ? 'small' : null
+        avatarSize: overlays.isWeb(this.host) ? 'small' : null
       };
     }
     const isFileUploader = this.extraClass === 'force-select file-uploader';
@@ -2338,9 +2339,9 @@ const YooEntityComponent = class {
         case 'user': {
           const user = this.item;
           if (this.displayType === 'card-tag') {
-            return this.readonly ? (index.h("div", { class: "readonly-container" }, index.h("yoo-avatar", { class: { 'msmall entity-display readonly': true }, size: "medium", user: user }), index.h("span", null, (text = index$1.getUserDisplayName(user))))) : (index.h("yoo-avatar", { class: "msmall entity-display", size: "small", user: user }));
+            return this.readonly ? (index.h("div", { class: "readonly-container" }, index.h("yoo-avatar", { class: { 'msmall entity-display readonly': true }, size: "medium", user: user }), index.h("span", null, (text = overlays.getUserDisplayName(user))))) : (index.h("yoo-avatar", { class: "msmall entity-display", size: "small", user: user }));
           }
-          text = index$1.getUserDisplayName(user);
+          text = overlays.getUserDisplayName(user);
           break;
         }
         case 'unsplash':
@@ -2373,7 +2374,7 @@ const YooEntityComponent = class {
           break;
         case 'files': {
           const file = this.item;
-          if (file && file._downloadURL && index$1.isImage(file._downloadURL)) {
+          if (file && file._downloadURL && overlays.isImage(file._downloadURL)) {
             return index.h("yoo-avatar", { class: "msmall entity-display", size: "medium", imgSrc: file._downloadURL });
           }
           text = file._filename;
@@ -2385,7 +2386,7 @@ const YooEntityComponent = class {
           break;
         }
         case 'notifications':
-          text = index$1.translateMulti(this.item.title);
+          text = overlays.translateMulti(this.item.title);
           break;
         case 'channels':
           text = this.item.name;
@@ -2400,7 +2401,7 @@ const YooEntityComponent = class {
           text = this.item.address;
           break;
         case 'translations':
-          text = this.item[index$1.getCurrentLanguage()] || this.item.key;
+          text = this.item[overlays.getCurrentLanguage()] || this.item.key;
           break;
         case 'missiondescriptions':
           text = this.item.title;
@@ -2418,7 +2419,7 @@ const YooEntityComponent = class {
           break;
         case 'aclRole': {
           const aclRole = this.item;
-          text = index$1.getRoleTitle(aclRole);
+          text = overlays.getRoleTitle(aclRole);
           break;
         }
         default:
@@ -2441,7 +2442,7 @@ const YooEntityComponent = class {
     if (text && this.useTranslate) {
       text = text.toUpperCase();
     }
-    text = index$1.translateMulti(text);
+    text = overlays.translateMulti(text);
     if (this.readonly) {
       if (this.entityType === 'googlemaps') {
         this.host.classList.add('readonly-address');
@@ -2449,7 +2450,7 @@ const YooEntityComponent = class {
       }
       else {
         // shouldTruncate={!this.host.classList.contains('list')}
-        return (index.h("yoo-tag", { class: { 'custom-icon': this.item.icon, readonly: this.readonly }, color: !this.valuesColor ? 'stable-light' : null, customColor: this.valuesColor && ((_c = this.valuesColor) === null || _c === void 0 ? void 0 : _c.value), closable: closable, size: this.isWebAutocomplete() ? 'small' : 'medium' }, ((_d = this.item) === null || _d === void 0 ? void 0 : _d.icon) && lodash.isString((_e = this.item) === null || _e === void 0 ? void 0 : _e.icon) && index.h("yoo-icon", { slot: "start", name: this.item.icon, color: "light" }), text && index.h("span", { innerHTML: this.entityType === 'translations' ? index$1.translate(text) : text })));
+        return (index.h("yoo-tag", { class: { 'custom-icon': this.item.icon, readonly: this.readonly }, color: !this.valuesColor ? 'stable-light' : null, customColor: this.valuesColor && ((_c = this.valuesColor) === null || _c === void 0 ? void 0 : _c.value), closable: closable, size: this.isWebAutocomplete() ? 'small' : 'medium' }, ((_d = this.item) === null || _d === void 0 ? void 0 : _d.icon) && lodash.isString((_e = this.item) === null || _e === void 0 ? void 0 : _e.icon) && index.h("yoo-icon", { slot: "start", name: this.item.icon, color: "light" }), text && index.h("span", { innerHTML: this.entityType === 'translations' ? overlays.translate(text) : text })));
       }
     }
     return (index.h("yoo-tag", { class: { 'autocomplete-selected': this.isAutocompleteSelected() }, color: color, size: this.isWebAutocomplete() ? 'small' : 'medium', closable: closable, onClosed: (ev) => commonHelpers.execHandlerAndStopEvent(ev, () => this.onEntityClosed()) }, text));
@@ -2472,7 +2473,7 @@ const YooEntityComponent = class {
       case 'communities': {
         image = this.item.covers;
         heading = this.item.name;
-        subheading = index$1.pipes.number.transform(this.item.numberOfMembers) + ' ' + index$1.translate('MEMBERS');
+        subheading = overlays.pipes.number.transform(this.item.numberOfMembers) + ' ' + overlays.translate('MEMBERS');
         count = this.item.unreadPostsCount;
         icon = this.item.covers ? null : 'community';
         iconSize = 'medium';
@@ -2481,8 +2482,8 @@ const YooEntityComponent = class {
       case 'broadcasts': {
         const broadcast = this.item;
         image = (broadcast === null || broadcast === void 0 ? void 0 : broadcast.bambuserPayload) ? (_a = broadcast === null || broadcast === void 0 ? void 0 : broadcast.bambuserPayload) === null || _a === void 0 ? void 0 : _a.preview : (_b = broadcast === null || broadcast === void 0 ? void 0 : broadcast.user) === null || _b === void 0 ? void 0 : _b.imageData;
-        avatar = (index.h("yoo-avatar", { user: broadcast === null || broadcast === void 0 ? void 0 : broadcast.user, hasViewedStory: broadcast.watchersRef && broadcast.watchersRef.indexOf(index$1.getSession().userId) >= 0, hasStoryToView: !broadcast.watchersRef || broadcast.watchersRef.indexOf(index$1.getSession().userId) < 0, hasLiveVideo: broadcast.bambuserPayload && broadcast.bambuserPayload.type === 'live', hasRecordedVideo: broadcast.bambuserPayload && broadcast.bambuserPayload.type !== 'live' }));
-        subheading = (broadcast === null || broadcast === void 0 ? void 0 : broadcast.user) ? index$1.getUserDisplayName(broadcast.user) : '';
+        avatar = (index.h("yoo-avatar", { user: broadcast === null || broadcast === void 0 ? void 0 : broadcast.user, hasViewedStory: broadcast.watchersRef && broadcast.watchersRef.indexOf(overlays.getSession().userId) >= 0, hasStoryToView: !broadcast.watchersRef || broadcast.watchersRef.indexOf(overlays.getSession().userId) < 0, hasLiveVideo: broadcast.bambuserPayload && broadcast.bambuserPayload.type === 'live', hasRecordedVideo: broadcast.bambuserPayload && broadcast.bambuserPayload.type !== 'live' }));
+        subheading = (broadcast === null || broadcast === void 0 ? void 0 : broadcast.user) ? overlays.getUserDisplayName(broadcast.user) : '';
         break;
       }
       default: {
@@ -2504,7 +2505,7 @@ const YooEntityComponent = class {
     const actions = ((_a = this.secondaryActions) === null || _a === void 0 ? void 0 : _a.filter((action) => (action.isVisible ? action.isVisible(this.item) : true))) || [];
     return [
       index.h("yoo-card-battle", { class: extraClasses || '', style: extraStyles, correctAnswers: correctAnswers, course: course, incorrectAnswers: incorrectAnswers, instant: this.isGridCell, opponent: opponent, points: points }),
-      !!actions.length && index.h("div", { class: "actions bottom" }, actions.map((action) => index$1.toButton(action, this.item)).map(button_factory.getButton))
+      !!actions.length && index.h("div", { class: "actions bottom" }, actions.map((action) => overlays.toButton(action, this.item)).map(button_factory.getButton))
     ];
   }
   renderCardBattleResult(extraClasses) {
@@ -2516,7 +2517,7 @@ const YooEntityComponent = class {
     extraClasses += this.extraClass.includes('recommendations') ? ' recommendations' : '';
     const course = this.item;
     const entry = { ...course, isGridCell: this.isGridCell };
-    entry.isLocked = !lodash.isNil(entry.isLocked) ? entry.isLocked : index$1.isPlanInFuture(entry['plan'] || entry, entry['assignmentDate'] || new Date());
+    entry.isLocked = !lodash.isNil(entry.isLocked) ? entry.isLocked : overlays.isPlanInFuture(entry['plan'] || entry, entry['assignmentDate'] || new Date());
     const TagType = `yoo-${this.displayType}`;
     const attrs = {
       entry,
@@ -2567,20 +2568,20 @@ const YooEntityComponent = class {
     var _a, _b;
     if (this.entityType === 'missiondescriptions') {
       const campaign = this.item;
-      const isAnnouncementByUser = index$1.isCampaignAnnouncementByUser(campaign);
+      const isAnnouncementByUser = overlays.isCampaignAnnouncementByUser(campaign);
       // when the campaign-card is displayed into a grid (like into the page of the campaigns), we use this property to align all displayed KPIs on the right
       const keepUndefinedValues = this.extraClass === 'grid-card-campaign';
       const { campaignStats, category, title: heading } = campaign;
       const { completionRate: completion, complianceRate: compliance, finishedMissionsCount: completed, storesCount: locations, usersCount: users } = campaignStats || {};
       const { color: categoryColor, title: categoryTitle } = category || {};
-      return (index.h("yoo-card-campaign", { active: index$1.isCampaignActive(campaign), category: index$1.translate(categoryTitle), categoryColor: categoryColor, completed: completed, completion: completion, compliance: (campaign.skipValidation || campaign.withoutValidation) ? null : compliance, heading: index$1.translateMulti(heading), locations: campaign.skipLocation || isAnnouncementByUser ? null : locations, users: isAnnouncementByUser ? users : null, keepUndefinedValues: keepUndefinedValues }));
+      return (index.h("yoo-card-campaign", { active: overlays.isCampaignActive(campaign), category: overlays.translate(categoryTitle), categoryColor: categoryColor, completed: completed, completion: completion, compliance: (campaign.skipValidation || campaign.withoutValidation) ? null : compliance, heading: overlays.translateMulti(heading), locations: campaign.skipLocation || isAnnouncementByUser ? null : locations, users: isAnnouncementByUser ? users : null, keepUndefinedValues: keepUndefinedValues }));
     }
     else if (this.entityType === 'feeds') {
       return (index.h("yoo-card-campaign", { class: (_a = this.extraClass) !== null && _a !== void 0 ? _a : '', createHandler: this.item.createHandler, available: this.item.availableCount, heading: this.item.heading, isEmpty: this.item.isEmpty, isService: this.item.isService }));
     }
     else if (this.entityType === 'communities') {
       const community = this.item;
-      return index.h("yoo-card-campaign", { hideIndicator: true, class: (_b = this.extraClass) !== null && _b !== void 0 ? _b : '', extraKpis: index$1.getCommunityKpis(community === null || community === void 0 ? void 0 : community.stats) });
+      return index.h("yoo-card-campaign", { hideIndicator: true, class: (_b = this.extraClass) !== null && _b !== void 0 ? _b : '', extraKpis: overlays.getCommunityKpis(community === null || community === void 0 ? void 0 : community.stats) });
     }
     else {
       return index.h("yoo-card-campaign", null);
@@ -2588,8 +2589,8 @@ const YooEntityComponent = class {
   }
   renderCardLocation(extraClasses) {
     const { address, availableMissions, distance, hasAvailableMissions, imageData, lastVisit, publicTitle, title, vip, kpiData } = this.item;
-    const kpis = index$1.mapKpiData(kpiData);
-    return (index.h("yoo-card-location", { class: extraClasses, address: address, bookmarked: vip, distance: index$1.isWeb(this.host) ? null : distance, heading: this.entityType === 'locationspublic' && publicTitle ? publicTitle : title, image: { src: imageData }, newness: hasAvailableMissions || availableMissions > 0, visit: { date: lastVisit, relative: true }, kpis: index$1.isWeb(this.host) || this.isWebAutocomplete() || this.isMobileAutocomplete() || this.isFramed ? null : kpis }));
+    const kpis = overlays.mapKpiData(kpiData);
+    return (index.h("yoo-card-location", { class: extraClasses, address: address, bookmarked: vip, distance: overlays.isWeb(this.host) ? null : distance, heading: this.entityType === 'locationspublic' && publicTitle ? publicTitle : title, image: { src: imageData }, newness: hasAvailableMissions || availableMissions > 0, visit: { date: lastVisit, relative: true }, kpis: overlays.isWeb(this.host) || this.isWebAutocomplete() || this.isMobileAutocomplete() || this.isFramed ? null : kpis }));
   }
   renderCardAvatar() {
     switch (this.entityType) {
@@ -2616,7 +2617,7 @@ const YooEntityComponent = class {
     const tagElements = operationHelpers.getCampaignTemplateTags(this.item);
     return (index.h("yoo-card-template", { class: {
         selected: this.host.classList.contains('selected')
-      }, description: index$1.translateMulti((_a = this.item) === null || _a === void 0 ? void 0 : _a.text), heading: index$1.translateMulti((_b = this.item) === null || _b === void 0 ? void 0 : _b.title), tagElements: tagElements, image: (_e = (((_c = this.item) === null || _c === void 0 ? void 0 : _c.icon) || ((_d = this.item) === null || _d === void 0 ? void 0 : _d.background))) === null || _e === void 0 ? void 0 : _e._downloadURL, topRightActions: this.secondaryActions, onAction: (ev) => {
+      }, description: overlays.translateMulti((_a = this.item) === null || _a === void 0 ? void 0 : _a.text), heading: overlays.translateMulti((_b = this.item) === null || _b === void 0 ? void 0 : _b.title), tagElements: tagElements, image: (_e = (((_c = this.item) === null || _c === void 0 ? void 0 : _c.icon) || ((_d = this.item) === null || _d === void 0 ? void 0 : _d.background))) === null || _e === void 0 ? void 0 : _e._downloadURL, topRightActions: this.secondaryActions, onAction: (ev) => {
         if (lodash.isFunction(ev === null || ev === void 0 ? void 0 : ev.detail)) {
           ev.detail(this.item);
         }