@yoobic/yobi 8.5.0-60 → 8.5.0-61

package/dist/cjs/yoo-camera-preview-dialog.cjs.entry.js

@@ -2,17 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9ca0e46c.js');
-const overlays = require('./overlays-e5d2ff76.js');
-require('./index-9aadeb94.js');
-const cameraHelpers = require('./camera-helpers-331cf700.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-require('./lodash-a9050d79.js');
+const index$1 = require('./index-9ca0e46c.js');
+const index = require('./index-0cfb67d1.js');
+require('./index-6f92bccb.js');
+const cameraHelpers = require('./camera-helpers-ef06322c.js');
+const commonHelpers = require('./common-helpers-44428bf7.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
+require('./lodash-a9050d79.js');
 
-const CameraPreview = overlays.registerPlugin('CameraPreview', {
-    web: () => Promise.resolve().then(function () { return require('./web-69937d83.js'); }).then(m => new m.CameraPreviewWeb()),
+const CameraPreview = index.registerPlugin('CameraPreview', {
+    web: () => Promise.resolve().then(function () { return require('./web-9322bc45.js'); }).then(m => new m.CameraPreviewWeb()),
 });
 
 function getFlashModeIconName(flashMode) {
@@ -31,7 +31,7 @@ const cameraPreviewDialogCss = "svg:not(:root){overflow:hidden}:host{position:re
 
 const YooCameraPreviewDialogComponent = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
+    index$1.registerInstance(this, hostRef);
     this.regularMode = false;
     this.showLoader = false;
     this.listviewItems = [];
@@ -49,7 +49,7 @@ const YooCameraPreviewDialogComponent = class {
     window.document.body.classList.add('camera-preview');
     this.captures = [];
     this.photos = [];
-    if (overlays.isNativeMobile()) {
+    if (index.isNativeMobile()) {
       this.onStartCamera();
     }
   }
@@ -86,10 +86,10 @@ const YooCameraPreviewDialogComponent = class {
       height: window.innerHeight * 2,
       width: window.innerWidth * 2
     };
-    return CameraPreview.capture(cameraPreviewPictureOptions).then((data) => overlays.addFilePrefix(data.value));
+    return CameraPreview.capture(cameraPreviewPictureOptions).then((data) => index.addFilePrefix(data.value));
   }
   onCapture() {
-    if (overlays.isNativeMobile() && !this.isTapped) {
+    if (index.isNativeMobile() && !this.isTapped) {
       if (this.regularMode) {
         return CameraPreview.capture({
           quality: this.quality,
@@ -102,9 +102,9 @@ const YooCameraPreviewDialogComponent = class {
         })
           .then(async (path) => {
           var _a, _b;
-          if (overlays.isImage(path) && !((_b = (_a = overlays.getSession()) === null || _a === void 0 ? void 0 : _a.user) === null || _b === void 0 ? void 0 : _b.deletePhotos)) {
-            await overlays.PhotoLibrary.requestAuthorization({ read: true, write: true });
-            overlays.PhotoLibrary.saveImage(path, 'YOOBIC');
+          if (index.isImage(path) && !((_b = (_a = index.getSession()) === null || _a === void 0 ? void 0 : _a.user) === null || _b === void 0 ? void 0 : _b.deletePhotos)) {
+            await index.PhotoLibrary.requestAuthorization({ read: true, write: true });
+            index.PhotoLibrary.saveImage(path, 'YOOBIC');
           }
           this.capturedPath = path;
           this.stopCamera();
@@ -136,7 +136,7 @@ const YooCameraPreviewDialogComponent = class {
               this.onModalTimeout();
             }
             // setTimeout(() => this.ionScrollDiv ? this.ionScrollDiv.refresh() : null, 200);
-            index.forceUpdate(this);
+            index$1.forceUpdate(this);
           }
           this.isTapped = false;
         });
@@ -151,14 +151,14 @@ const YooCameraPreviewDialogComponent = class {
   }
   closeModalByType() {
     if (this.isCancel) {
-      overlays.closeModal(null);
+      index.closeModal(null);
     }
     else {
       if (this.regularMode) {
-        overlays.closeModal(this.capturedPath);
+        index.closeModal(this.capturedPath);
       }
       else {
-        overlays.closeModal(this.photos);
+        index.closeModal(this.photos);
       }
     }
   }
@@ -262,19 +262,19 @@ const YooCameraPreviewDialogComponent = class {
     return ev.touches || ev.originalEvent.touches;
   }
   renderHeader() {
-    return (index.h("div", { class: "header-container", ref: (el) => (this.listviewDiv = el) }, index.h("div", { class: "item-container" }, index.h("yoo-button", { fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.onCancel() }, index.h("yoo-icon", { name: "close" })), index.h("yoo-button", { fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.onToggleFrontCamera() }, index.h("yoo-icon", { name: "rotate-camera" })), index.h("yoo-button", { fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.onToggleFlashLight() }, index.h("yoo-icon", { name: getFlashModeIconName(this.flashMode) })), !this.regularMode && [
-      index.h("yoo-button", { fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.onResizePreview() }, index.h("yoo-icon", { name: "circle" })),
-      index.h("yoo-button", { fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.onToggleListView() }, index.h("yoo-icon", { name: "frame" })),
-      index.h("div", { onClick: () => {
+    return (index$1.h("div", { class: "header-container", ref: (el) => (this.listviewDiv = el) }, index$1.h("div", { class: "item-container" }, index$1.h("yoo-button", { fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.onCancel() }, index$1.h("yoo-icon", { name: "close" })), index$1.h("yoo-button", { fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.onToggleFrontCamera() }, index$1.h("yoo-icon", { name: "rotate-camera" })), index$1.h("yoo-button", { fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.onToggleFlashLight() }, index$1.h("yoo-icon", { name: getFlashModeIconName(this.flashMode) })), !this.regularMode && [
+      index$1.h("yoo-button", { fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.onResizePreview() }, index$1.h("yoo-icon", { name: "circle" })),
+      index$1.h("yoo-button", { fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.onToggleListView() }, index$1.h("yoo-icon", { name: "frame" })),
+      index$1.h("div", { onClick: () => {
           this.onSave();
-        }, class: "save-button" }, overlays.translate('YOOBICSAVE'))
-    ]), index.h("div", { class: "hidden-items-container" }, index.h("yoo-ion-scroll", { class: "relative", horizontalMode: true }, this.listviewItems.map((image, index$1) => {
-      return (index.h("yoo-img", { type: "background", class: "item", src: image, onClick: () => {
-          this.onImageClick(index$1);
-        } }, index$1 === this.listviewItems.length - 1 ? (index.h("yoo-icon", { onClick: (ev) => {
+        }, class: "save-button" }, index.translate('YOOBICSAVE'))
+    ]), index$1.h("div", { class: "hidden-items-container" }, index$1.h("yoo-ion-scroll", { class: "relative", horizontalMode: true }, this.listviewItems.map((image, index) => {
+      return (index$1.h("yoo-img", { type: "background", class: "item", src: image, onClick: () => {
+          this.onImageClick(index);
+        } }, index === this.listviewItems.length - 1 ? (index$1.h("yoo-icon", { onClick: (ev) => {
           this.onDeleteCaptured(ev);
         }, name: "cross", color: "light" })) : null));
-    }))), index.h("div", { class: "header-bottom-handler", onTouchStart: (ev) => {
+    }))), index$1.h("div", { class: "header-bottom-handler", onTouchStart: (ev) => {
         this.onHeaderTouchStart(ev);
       }, onTouchMove: (ev) => {
         this.onHeaderTouchMove(ev);
@@ -291,15 +291,15 @@ const YooCameraPreviewDialogComponent = class {
       imageSrc = this.imageData; // || 'https://via.placeholder.com/375x812';
     }
     return [
-      index.h("yoo-ion-content", { class: "content", scrollEnabled: false }, !this.regularMode && (index.h("div", { class: "camera-preview-container" }, index.h("div", { class: "helper-modal", ref: (el) => (this.helperModalDiv = el), onClick: () => this.onDismissHelperModal() }, index.h("div", { class: "modal-text" }, this.stitchDirection === 'from-left' ? overlays.translate('MOVERIGHTTOTAKEPICTURE') : overlays.translate('MOVEDOWNTOTAKEPICTURE')), index.h("div", { class: "modal-icon" }, index.h("yoo-icon", { size: "large", name: "next-photo" }))), index.h("yoo-img", { type: "background", class: "overlay", src: index.getAssetPath('./assets/camera-preview-dialog/camera.png') })))),
-      index.h("div", { class: "footer", onClick: () => {
+      index$1.h("yoo-ion-content", { class: "content", scrollEnabled: false }, !this.regularMode && (index$1.h("div", { class: "camera-preview-container" }, index$1.h("div", { class: "helper-modal", ref: (el) => (this.helperModalDiv = el), onClick: () => this.onDismissHelperModal() }, index$1.h("div", { class: "modal-text" }, this.stitchDirection === 'from-left' ? index.translate('MOVERIGHTTOTAKEPICTURE') : index.translate('MOVEDOWNTOTAKEPICTURE')), index$1.h("div", { class: "modal-icon" }, index$1.h("yoo-icon", { size: "large", name: "next-photo" }))), index$1.h("yoo-img", { type: "background", class: "overlay", src: index$1.getAssetPath('./assets/camera-preview-dialog/camera.png') })))),
+      index$1.h("div", { class: "footer", onClick: () => {
           this.onCapture();
-        } }, index.h("div", { class: "outer-circle" }, " "), index.h("div", { onTouchStart: () => {
+        } }, index$1.h("div", { class: "outer-circle" }, " "), index$1.h("div", { onTouchStart: () => {
           this.onCaptureInnerTouchStart();
         }, onTouchEnd: () => {
           this.onCaptureInnerTouchEnd();
         }, ref: (el) => (this.innerButtonDiv = el), class: "inner-circle" })),
-      imageSrc && this.stitchDirection && index.h("yoo-img", { type: "background", class: { 'image-bg': true, [this.stitchDirection]: true }, onTouchMove: (ev) => this.previewOnTouchMove(ev, this.stitchDirection), ref: (el) => (this.previewImageDiv = el), src: imageSrc })
+      imageSrc && this.stitchDirection && index$1.h("yoo-img", { type: "background", class: { 'image-bg': true, [this.stitchDirection]: true }, onTouchMove: (ev) => this.previewOnTouchMove(ev, this.stitchDirection), ref: (el) => (this.previewImageDiv = el), src: imageSrc })
     ];
   }
   previewOnTouchMove(ev, direction) {
@@ -330,10 +330,10 @@ const YooCameraPreviewDialogComponent = class {
     }
   }
   render() {
-    return (index.h(index.Host, { class: { transparent: overlays.isNativeMobile(), ...commonHelpers.getAppContext(this.host) } }, this.renderHeader(), this.renderBody()));
+    return (index$1.h(index$1.Host, { class: { transparent: index.isNativeMobile(), ...commonHelpers.getAppContext(this.host) } }, this.renderHeader(), this.renderBody()));
   }
   static get assetsDirs() { return ["assets/camera-preview-dialog"]; }
-  get host() { return index.getElement(this); }
+  get host() { return index$1.getElement(this); }
 };
 YooCameraPreviewDialogComponent.style = cameraPreviewDialogCss;
 

package/dist/cjs/yoo-card-battle-result.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-6f92bccb.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./lodash-a9050d79.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
@@ -12,7 +12,7 @@ require('./_commonjsHelpers-94df2ea7.js');
 const cardBattleResultCss = "svg:not(:root){overflow:hidden}:host{display:grid;grid-template-columns:3rem 1fr 3rem;-ms-flex-align:center;align-items:center}:host p{margin:0}:host yoo-truncate{--line-height:1;width:100%;padding-top:var(--spacing-04, 0.25rem);font-size:var(--font-size-12, 0.75rem);text-align:center}:host .score{font-weight:bold;text-align:center}:host .score .lost{color:var(--danger, #d44333)}:host .score .won{color:var(--success, #3aa76d)}:host .score .result{line-height:1}";
 
 const Participant = ({ instant, label, user }) => (index.h("div", { class: "participant" }, index.h("yoo-avatar", { instant: instant, user: user }), label && index.h("yoo-truncate", null, label)));
-const Score = ({ opponent, status, user }) => (index.h("div", { class: "score" }, ['lost', 'won'].includes(status) && index.h("p", { class: status }, overlays.translate(status === 'won' ? 'VICTORY' : 'DEFEAT')), index.h("p", { class: "result" }, user > 0 ? user : 0, " - ", opponent > 0 ? opponent : 0)));
+const Score = ({ opponent, status, user }) => (index.h("div", { class: "score" }, ['lost', 'won'].includes(status) && index.h("p", { class: status }, index$1.translate(status === 'won' ? 'VICTORY' : 'DEFEAT')), index.h("p", { class: "result" }, user > 0 ? user : 0, " - ", opponent > 0 ? opponent : 0)));
 const YooCardBattleResultComponent = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
@@ -22,7 +22,7 @@ const YooCardBattleResultComponent = class {
     this.instant = false;
   }
   render() {
-    return (index.h(index.Host, null, index.h(Participant, { instant: this.instant, label: this.user && overlays.translate('YOOBICME'), user: this.user }), index.h(Score, { opponent: this.opponentScore, status: this.status, user: this.userScore }), index.h(Participant, { instant: this.instant, label: this.opponent && (this.opponent.firstName || this.opponent.lastName || this.opponent.username), user: this.opponent })));
+    return (index.h(index.Host, null, index.h(Participant, { instant: this.instant, label: this.user && index$1.translate('YOOBICME'), user: this.user }), index.h(Score, { opponent: this.opponentScore, status: this.status, user: this.userScore }), index.h(Participant, { instant: this.instant, label: this.opponent && (this.opponent.firstName || this.opponent.lastName || this.opponent.username), user: this.opponent })));
   }
 };
 YooCardBattleResultComponent.style = cardBattleResultCss;

package/dist/cjs/yoo-card-battle.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-6f92bccb.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./lodash-a9050d79.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
@@ -33,7 +33,7 @@ const YooCardBattleComponent = class {
     const correctAnswers = this.correctAnswers > 0 ? this.correctAnswers : 0;
     const incorrectAnswers = this.incorrectAnswers > 0 ? this.incorrectAnswers : 0;
     const iconSize = this.mode === 'large' ? 'small' : 'extra-small';
-    return (index.h(index.Host, null, index.h("yoo-avatar", { instant: this.instant, user: this.opponent }), index.h("div", null, index.h("header", null, index.h("yoo-truncate", null, overlays.getUserDisplayName(this.opponent)), this.points > 0 && index.h(Points, { iconSize: iconSize, value: this.points })), index.h("main", null, !!email && index.h("yoo-truncate", { class: "email" }, email), !!this.course && index.h(Info, { icon: { name: 'lesson', size: iconSize }, text: overlays.translateMulti(this.course) })), index.h("footer", null, index.h(Info, { icon: { color: 'success', name: 'check', size: iconSize }, text: `${correctAnswers} ${overlays.translate('CORRECT')}` }), index.h(Info, { icon: { color: 'danger', name: 'cross', size: iconSize }, text: `${incorrectAnswers} ${overlays.translate('INCORRECT')}` })))));
+    return (index.h(index.Host, null, index.h("yoo-avatar", { instant: this.instant, user: this.opponent }), index.h("div", null, index.h("header", null, index.h("yoo-truncate", null, index$1.getUserDisplayName(this.opponent)), this.points > 0 && index.h(Points, { iconSize: iconSize, value: this.points })), index.h("main", null, !!email && index.h("yoo-truncate", { class: "email" }, email), !!this.course && index.h(Info, { icon: { name: 'lesson', size: iconSize }, text: index$1.translateMulti(this.course) })), index.h("footer", null, index.h(Info, { icon: { color: 'success', name: 'check', size: iconSize }, text: `${correctAnswers} ${index$1.translate('CORRECT')}` }), index.h(Info, { icon: { color: 'danger', name: 'cross', size: iconSize }, text: `${incorrectAnswers} ${index$1.translate('INCORRECT')}` })))));
   }
 };
 YooCardBattleComponent.style = cardBattleCss;

package/dist/cjs/yoo-card-calendar.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-6f92bccb.js');
+const commonHelpers = require('./common-helpers-44428bf7.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./lodash-a9050d79.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
@@ -17,21 +17,21 @@ const YooCardCalendarComponent = class {
     index.registerInstance(this, hostRef);
   }
   renderLocation() {
-    return (index.h("div", { class: "flex-container" }, index.h("yoo-icon", { class: "icon", name: "pin", size: "small", color: overlays.getEventTypeColor(this.type) }), index.h("yoo-truncate", { class: "description" }, this.location)));
+    return (index.h("div", { class: "flex-container" }, index.h("yoo-icon", { class: "icon", name: "pin", size: "small", color: index$1.getEventTypeColor(this.type) }), index.h("yoo-truncate", { class: "description" }, this.location)));
   }
   renderDueDate() {
-    return (index.h("div", { class: "flex-container" }, index.h("yoo-icon", { class: "icon", name: "calendar", size: "small", color: overlays.getEventTypeColor(this.type) }), index.h("yoo-truncate", { class: "description" }, this.dueDate)));
+    return (index.h("div", { class: "flex-container" }, index.h("yoo-icon", { class: "icon", name: "calendar", size: "small", color: index$1.getEventTypeColor(this.type) }), index.h("yoo-truncate", { class: "description" }, this.dueDate)));
   }
   renderCreator() {
-    return (index.h("div", { class: "flex-container" }, index.h("yoo-icon", { class: "icon", name: "user", size: "small", color: overlays.getEventTypeColor(this.type) }), index.h("yoo-truncate", { class: "description" }, this.creator)));
+    return (index.h("div", { class: "flex-container" }, index.h("yoo-icon", { class: "icon", name: "user", size: "small", color: index$1.getEventTypeColor(this.type) }), index.h("yoo-truncate", { class: "description" }, this.creator)));
   }
   renderCreatorImage() {
     return index.h("yoo-avatar", { imgSrc: this.creatorImage, size: "extra-small" });
   }
   renderAttendance() {
-    const eventInfo = overlays.getEventStatusInfo({ participantStatus: this.attendance }, null);
-    const color = overlays.getCalendarParticipantStatusColor(this.attendance);
-    return (index.h("div", { class: "flex-container" }, index.h("yoo-icon", { class: "icon", name: eventInfo === null || eventInfo === void 0 ? void 0 : eventInfo.iconName, size: "small", color: color }), index.h("yoo-truncate", { class: "description" }, overlays.translate(eventInfo === null || eventInfo === void 0 ? void 0 : eventInfo.title))));
+    const eventInfo = index$1.getEventStatusInfo({ participantStatus: this.attendance }, null);
+    const color = index$1.getCalendarParticipantStatusColor(this.attendance);
+    return (index.h("div", { class: "flex-container" }, index.h("yoo-icon", { class: "icon", name: eventInfo === null || eventInfo === void 0 ? void 0 : eventInfo.iconName, size: "small", color: color }), index.h("yoo-truncate", { class: "description" }, index$1.translate(eventInfo === null || eventInfo === void 0 ? void 0 : eventInfo.title))));
   }
   render() {
     var _a;

package/dist/cjs/yoo-card-campaign.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
+require('./index-6f92bccb.js');
 const lodash = require('./lodash-a9050d79.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const overlays = require('./overlays-e5d2ff76.js');
+const commonHelpers = require('./common-helpers-44428bf7.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
@@ -34,31 +34,31 @@ const YooCardCampaignComponent = class {
     this.keepUndefinedValues = false;
   }
   keepUndefinedKpi(kpiName) {
-    return this.keepUndefinedValues && !overlays.isPresent(this[kpiName]);
+    return this.keepUndefinedValues && !index$1.isPresent(this[kpiName]);
   }
   get kpis() {
     const kpis = !this.isFeed ? lodash.compact([
-      ((overlays.isPresent(this.locations) && this.locations >= 0) || this.keepUndefinedKpi('locations')) ? { title: overlays.translate('LOCATIONS'), type: 'number', value: this.locations } : undefined,
-      ((overlays.isPresent(this.users) && this.users >= 0) || this.keepUndefinedKpi('users')) ? { title: overlays.translate('USERS'), type: 'number', value: this.users } : undefined,
-      ((overlays.isPresent(this.completed) && this.completed >= 0) || this.keepUndefinedKpi('completed')) ? { title: overlays.translate('COMPLETED'), type: 'number', value: this.completed } : undefined,
-      ((overlays.isPresent(this.available) && this.available > 0) || this.keepUndefinedKpi('available')) ? { title: overlays.translate('MISSIONSTODO'), type: 'number', value: this.available } : undefined,
-      ((overlays.isPresent(this.completion) && this.completion >= 0) || this.keepUndefinedKpi('completion')) ? { title: overlays.translate('COMPLETION'), type: 'percent', value: overlays.isPresent(this.completion) ? +(this.completion * 100).toFixed(0) : undefined } : undefined,
-      ((overlays.isPresent(this.compliance) && this.compliance >= 0) || this.keepUndefinedKpi('compliance')) ? { title: overlays.translate('COMPLIANCE'), type: 'percent', value: overlays.isPresent(this.compliance) ? +(this.compliance * 100).toFixed(0) : undefined } : undefined,
+      ((index$1.isPresent(this.locations) && this.locations >= 0) || this.keepUndefinedKpi('locations')) ? { title: index$1.translate('LOCATIONS'), type: 'number', value: this.locations } : undefined,
+      ((index$1.isPresent(this.users) && this.users >= 0) || this.keepUndefinedKpi('users')) ? { title: index$1.translate('USERS'), type: 'number', value: this.users } : undefined,
+      ((index$1.isPresent(this.completed) && this.completed >= 0) || this.keepUndefinedKpi('completed')) ? { title: index$1.translate('COMPLETED'), type: 'number', value: this.completed } : undefined,
+      ((index$1.isPresent(this.available) && this.available > 0) || this.keepUndefinedKpi('available')) ? { title: index$1.translate('MISSIONSTODO'), type: 'number', value: this.available } : undefined,
+      ((index$1.isPresent(this.completion) && this.completion >= 0) || this.keepUndefinedKpi('completion')) ? { title: index$1.translate('COMPLETION'), type: 'percent', value: index$1.isPresent(this.completion) ? +(this.completion * 100).toFixed(0) : undefined } : undefined,
+      ((index$1.isPresent(this.compliance) && this.compliance >= 0) || this.keepUndefinedKpi('compliance')) ? { title: index$1.translate('COMPLIANCE'), type: 'percent', value: index$1.isPresent(this.compliance) ? +(this.compliance * 100).toFixed(0) : undefined } : undefined,
       ...this.extraKpis || []
     ]) : lodash.compact([
-      ((overlays.isPresent(this.views) && this.views >= 0) || this.keepUndefinedKpi('views')) ? { title: overlays.translate('VIEWS'), type: 'number', value: this.views } : undefined,
-      ((overlays.isPresent(this.likes) && this.likes >= 0) || this.keepUndefinedKpi('likes')) ? { title: overlays.translate('LIKES'), type: 'number', value: this.likes } : undefined,
-      ((overlays.isPresent(this.comments) && this.comments >= 0) || this.keepUndefinedKpi('comments')) ? { title: overlays.translate('NUMBEROFCOMMENTS'), type: 'number', value: this.comments } : undefined,
-      ((overlays.isPresent(this.reposts) && this.reposts >= 0) || this.keepUndefinedKpi('reposts')) ? { title: overlays.translate('YOOBICNUMBEROFREPOSTS'), type: 'number', value: this.reposts } : undefined,
-      ((overlays.isPresent(this.audienceShare) && this.audienceShare >= 0) || this.keepUndefinedKpi('audienceShare')) ? { title: overlays.translate('YOOBICAUDIENCESHARE'), type: 'percent', value: overlays.isPresent(this.audienceShare) ? +(this.audienceShare * 100).toFixed(0) : undefined } : undefined,
+      ((index$1.isPresent(this.views) && this.views >= 0) || this.keepUndefinedKpi('views')) ? { title: index$1.translate('VIEWS'), type: 'number', value: this.views } : undefined,
+      ((index$1.isPresent(this.likes) && this.likes >= 0) || this.keepUndefinedKpi('likes')) ? { title: index$1.translate('LIKES'), type: 'number', value: this.likes } : undefined,
+      ((index$1.isPresent(this.comments) && this.comments >= 0) || this.keepUndefinedKpi('comments')) ? { title: index$1.translate('NUMBEROFCOMMENTS'), type: 'number', value: this.comments } : undefined,
+      ((index$1.isPresent(this.reposts) && this.reposts >= 0) || this.keepUndefinedKpi('reposts')) ? { title: index$1.translate('YOOBICNUMBEROFREPOSTS'), type: 'number', value: this.reposts } : undefined,
+      ((index$1.isPresent(this.audienceShare) && this.audienceShare >= 0) || this.keepUndefinedKpi('audienceShare')) ? { title: index$1.translate('YOOBICAUDIENCESHARE'), type: 'percent', value: index$1.isPresent(this.audienceShare) ? +(this.audienceShare * 100).toFixed(0) : undefined } : undefined,
       ...this.extraKpis || []
     ]);
     if (this.keepUndefinedValues) {
       kpis.sort((item1, item2) => {
-        if (!overlays.isPresent(item1.value) && overlays.isPresent(item2.value)) {
+        if (!index$1.isPresent(item1.value) && index$1.isPresent(item2.value)) {
           return -1;
         }
-        else if (!overlays.isPresent(item2.value) && overlays.isPresent(item1.value)) {
+        else if (!index$1.isPresent(item2.value) && index$1.isPresent(item1.value)) {
           return 1;
         }
         return 0;
@@ -67,20 +67,20 @@ const YooCardCampaignComponent = class {
     return kpis;
   }
   renderTopContainer() {
-    return (index.h("div", { class: "top-container" }, !!this.heading && index.h("yoo-truncate", null, overlays.translateMulti(this.heading))));
+    return (index.h("div", { class: "top-container" }, !!this.heading && index.h("yoo-truncate", null, index$1.translateMulti(this.heading))));
   }
   renderIndicators() {
-    return (index.h("div", { class: "indicators" }, index.h("yoo-tag", { size: this.host.classList.contains('feed') ? 'medium' : 'small' }, index.h("yoo-icon", { color: this.active ? 'success' : 'stable', name: "circle2", size: "extra-small", slot: "start" }), overlays.translate(this.active ? 'ACTIVE' : 'INACTIVE')), !!this.category && index.h("yoo-tag", { customColor: this.categoryColor }, this.category)));
+    return (index.h("div", { class: "indicators" }, index.h("yoo-tag", { size: this.host.classList.contains('feed') ? 'medium' : 'small' }, index.h("yoo-icon", { color: this.active ? 'success' : 'stable', name: "circle2", size: "extra-small", slot: "start" }), index$1.translate(this.active ? 'ACTIVE' : 'INACTIVE')), !!this.category && index.h("yoo-tag", { customColor: this.categoryColor }, this.category)));
   }
   renderCampaign() {
     const hasKpis = !!this.kpis.length;
     return (index.h("div", { class: "outer-container" }, this.renderTopContainer(), !this.hideIndicator && this.renderIndicators(), hasKpis && index.h("yoo-kpi-card", { hideEmptyState: true, keepUndefinedValues: this.keepUndefinedValues, class: "content-only", kpiData: this.kpis })));
   }
   renderCampaignNoLesson() {
-    return (index.h("div", { class: "outer-container empty" }, index.h("yoo-empty-state", { type: "lessons" }), index.h("span", { class: "empty-text" }, overlays.translate('MISSIONSCAMPAIGNEMPTY'), index.h("span", { class: "empty-heading" }, " ", overlays.translateMulti(this.heading)))));
+    return (index.h("div", { class: "outer-container empty" }, index.h("yoo-empty-state", { type: "lessons" }), index.h("span", { class: "empty-text" }, index$1.translate('MISSIONSCAMPAIGNEMPTY'), index.h("span", { class: "empty-heading" }, " ", index$1.translateMulti(this.heading)))));
   }
   renderRestrictedCampaign() {
-    return (index.h("div", { class: "outer-container empty" }, index.h("yoo-tag", { class: "restricted-icon", icon: "lock", size: "large", customColor: overlays.getCssColor('app-color') }), index.h("span", { class: "empty-text" }, overlays.translate('RESTRICTEDCAMPAIGN'))));
+    return (index.h("div", { class: "outer-container empty" }, index.h("yoo-tag", { class: "restricted-icon", icon: "lock", size: "large", customColor: index$1.getCssColor('app-color') }), index.h("span", { class: "empty-text" }, index$1.translate('RESTRICTEDCAMPAIGN'))));
   }
   renderFeedCampaign() {
     const hasKpis = !!this.kpis.length;

package/dist/cjs/yoo-card-cell.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-6f92bccb.js');
+const commonHelpers = require('./common-helpers-44428bf7.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./lodash-a9050d79.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
@@ -19,7 +19,7 @@ const YooCardCellComponent = class {
   }
   presentActionSheet() {
     // IONIC ACTION SHEETS
-    overlays.showActionSheet(this.entry.actions.map((item) => {
+    index$1.showActionSheet(this.entry.actions.map((item) => {
       item.icon = null;
       return item;
     }));
@@ -54,9 +54,9 @@ const YooCardCellComponent = class {
         'badge': this.entry.isBadge
       } }, ((_e = this.entry) === null || _e === void 0 ? void 0 : _e.icon) ?
       ((_f = this.entry) === null || _f === void 0 ? void 0 : _f.isBadge) ?
-        index.h("yoo-tag", { size: "extra-large", icon: this.entry.icon, customColor: this.entry.isLocked ? overlays.getCssColor('text-color') : this.entry.color }) :
+        index.h("yoo-tag", { size: "extra-large", icon: this.entry.icon, customColor: this.entry.isLocked ? index$1.getCssColor('text-color') : this.entry.color }) :
         (this.entry.imgSrc ?
-          index.h("yoo-img", { type: "background", disabled: this.entry.isLocked, class: "image", instant: this.entry.isGridCell, src: this.entry.imgSrc }, isAutocompleteVideoEntry && index.h("yoo-icon", { class: "play", name: "play", color: "light", size: overlays.isWeb(this.host) ? 'small' : 'large' }), this.entry.isLocked && index.h("yoo-icon", { size: "medium", name: "lock" })) :
+          index.h("yoo-img", { type: "background", disabled: this.entry.isLocked, class: "image", instant: this.entry.isGridCell, src: this.entry.imgSrc }, isAutocompleteVideoEntry && index.h("yoo-icon", { class: "play", name: "play", color: "light", size: index$1.isWeb(this.host) ? 'small' : 'large' }), this.entry.isLocked && index.h("yoo-icon", { size: "medium", name: "lock" })) :
           index.h("div", { class: "icon-container" }, index.h("yoo-icon", { size: this.entry.iconSize || this.getIconSize(), name: this.entry.icon, color: this.entry.color, style: this.host.classList.contains('folder') && { fill: this.entry.color } })))
       : this.entry.imgSrc && index.h("yoo-img", { type: "background", class: "image", instant: this.entry.isGridCell, src: this.entry.imgSrc }), this.entry.timeago && (index.h("span", { class: "overlay" })), index.h("yoo-icon", { size: "medium", class: "image-overlay", name: "check", color: "app-color" }), this.entry.user && this.entry.avatarParams && this.renderUser()));
   }
@@ -82,7 +82,7 @@ const YooCardCellComponent = class {
   }
   render() {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-    return index.h(index.Host, { class: commonHelpers.getAppContext(this.host) }, index.h("div", { class: { 'outer-container': true, 'icon-only': this.entry.icon && !this.entry.imgSrc } }, this.renderImageContainer(), ((_a = this.entry) === null || _a === void 0 ? void 0 : _a.text) && this.renderTextContainer(), !overlays.isWeb(this.host) && ((_c = (_b = this.entry) === null || _b === void 0 ? void 0 : _b.actions) === null || _c === void 0 ? void 0 : _c.length) > 0 && this.renderMobileActionContainer(), this.host.classList.contains('photo-video') && this.renderPhotoVideo(), this.entry.timeago && (index.h("span", { class: "timeago" }, this.entry.timeago)), ((_d = this.entry) === null || _d === void 0 ? void 0 : _d.flagged) && this.renderFlagged(), ((_e = this.entry) === null || _e === void 0 ? void 0 : _e.annotated) && this.renderAnnotated(), ((_f = this.entry) === null || _f === void 0 ? void 0 : _f.validated) ? index.h("div", { class: "validated" }) : ((_g = this.entry) === null || _g === void 0 ? void 0 : _g.validated) === false ? index.h("div", { class: "validated danger" }) : null, overlays.isWeb(this.host) && ((_j = (_h = this.entry) === null || _h === void 0 ? void 0 : _h.actions) === null || _j === void 0 ? void 0 : _j.length) > 0 && this.renderWebActionContainer()));
+    return index.h(index.Host, { class: commonHelpers.getAppContext(this.host) }, index.h("div", { class: { 'outer-container': true, 'icon-only': this.entry.icon && !this.entry.imgSrc } }, this.renderImageContainer(), ((_a = this.entry) === null || _a === void 0 ? void 0 : _a.text) && this.renderTextContainer(), !index$1.isWeb(this.host) && ((_c = (_b = this.entry) === null || _b === void 0 ? void 0 : _b.actions) === null || _c === void 0 ? void 0 : _c.length) > 0 && this.renderMobileActionContainer(), this.host.classList.contains('photo-video') && this.renderPhotoVideo(), this.entry.timeago && (index.h("span", { class: "timeago" }, this.entry.timeago)), ((_d = this.entry) === null || _d === void 0 ? void 0 : _d.flagged) && this.renderFlagged(), ((_e = this.entry) === null || _e === void 0 ? void 0 : _e.annotated) && this.renderAnnotated(), ((_f = this.entry) === null || _f === void 0 ? void 0 : _f.validated) ? index.h("div", { class: "validated" }) : ((_g = this.entry) === null || _g === void 0 ? void 0 : _g.validated) === false ? index.h("div", { class: "validated danger" }) : null, index$1.isWeb(this.host) && ((_j = (_h = this.entry) === null || _h === void 0 ? void 0 : _h.actions) === null || _j === void 0 ? void 0 : _j.length) > 0 && this.renderWebActionContainer()));
   }
   get host() { return index.getElement(this); }
 };

package/dist/cjs/yoo-card-chat.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-6f92bccb.js');
+const commonHelpers = require('./common-helpers-44428bf7.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./lodash-a9050d79.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
@@ -18,7 +18,7 @@ const YooCardChatComponent = class {
   }
   get senderText() {
     var _a, _b;
-    return `${((_a = this.entry.sender) === null || _a === void 0 ? void 0 : _a.firstName) || ((_b = this.entry.sender) === null || _b === void 0 ? void 0 : _b.lastName) || overlays.getUserDisplayName(this.entry.sender)}:`;
+    return `${((_a = this.entry.sender) === null || _a === void 0 ? void 0 : _a.firstName) || ((_b = this.entry.sender) === null || _b === void 0 ? void 0 : _b.lastName) || index$1.getUserDisplayName(this.entry.sender)}:`;
   }
   renderHeader() {
     const { title, lastMessageDate } = this.entry || {};

package/dist/cjs/yoo-card-course-row-compact.cjs.entry.js

@@ -2,19 +2,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
+const index$1 = require('./index-9ca0e46c.js');
+require('./index-6f92bccb.js');
 const lodash = require('./lodash-a9050d79.js');
-const overlays = require('./overlays-e5d2ff76.js');
+const index = require('./index-0cfb67d1.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const cardCourseRowCompactCss = "svg:not(:root){overflow:hidden}:host{display:-ms-flexbox;display:flex}:host yoo-img{-ms-flex-negative:0;flex-shrink:0;width:3rem;height:2.25rem}:host yoo-progress-bar{--progress-value-font-size:var(--font-size-14, 0.875rem);max-width:7.5rem}:host yoo-tag{--padding:0;margin-right:var(--spacing-08, 0.5rem)}:host yoo-truncate{--max-lines:2;font-weight:bold}:host .indicators{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .information{margin-left:var(--spacing-08, 0.5rem)}:host(.rtl) yoo-img{margin-left:var(--spacing-08, 0.5rem)}";
 
-const getRoundedPositive = (value) => (overlays.isNullOrUndefined(value) || value < 0 ? 0 : Math.round(value));
+const getRoundedPositive = (value) => (index.isNullOrUndefined(value) || value < 0 ? 0 : Math.round(value));
 const YooCardCourseRowCompactComponent = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
+    index$1.registerInstance(this, hostRef);
     /**
      * If `true`, the user can see animations.
      */
@@ -26,7 +26,7 @@ const YooCardCourseRowCompactComponent = class {
     const earnedPoints = lodash.clamp(availablePoints, getRoundedPositive(this.earnedPoints));
     const finishedLessons = lodash.clamp(availableLessons, getRoundedPositive(this.finishedLessons));
     const image = this.image || {};
-    return (index.h(index.Host, { class: { rtl: overlays.isRTL() } }, index.h("yoo-img", { instant: image.instant, src: image.src }), index.h("div", { class: "information" }, index.h("div", { class: "indicators" }, index.h("yoo-tag", { size: "extra-small", color: "dark", noBackground: true }, index.h("yoo-icon", { color: "app-color", name: "star", size: "extra-small", slot: "start" }), earnedPoints, "/", availablePoints), index.h("yoo-tag", { size: "extra-small", color: "dark", noBackground: true }, index.h("yoo-icon", { color: "text-color", name: "lesson", size: "extra-small", slot: "start" }), finishedLessons, "/", availableLessons), index.h("yoo-progress-bar", { animated: this.animated, value: availableLessons === 0 ? 0 : (finishedLessons / availableLessons) * 100 })), index.h("yoo-truncate", null, overlays.translateMulti(this.heading)))));
+    return (index$1.h(index$1.Host, { class: { rtl: index.isRTL() } }, index$1.h("yoo-img", { instant: image.instant, src: image.src }), index$1.h("div", { class: "information" }, index$1.h("div", { class: "indicators" }, index$1.h("yoo-tag", { size: "extra-small", color: "dark", noBackground: true }, index$1.h("yoo-icon", { color: "app-color", name: "star", size: "extra-small", slot: "start" }), earnedPoints, "/", availablePoints), index$1.h("yoo-tag", { size: "extra-small", color: "dark", noBackground: true }, index$1.h("yoo-icon", { color: "text-color", name: "lesson", size: "extra-small", slot: "start" }), finishedLessons, "/", availableLessons), index$1.h("yoo-progress-bar", { animated: this.animated, value: availableLessons === 0 ? 0 : (finishedLessons / availableLessons) * 100 })), index$1.h("yoo-truncate", null, index.translateMulti(this.heading)))));
   }
 };
 YooCardCourseRowCompactComponent.style = cardCourseRowCompactCss;