@yoobic/yobi 8.6.0-3 → 8.6.0-4

package/dist/collection/components/map/map/map.js

@@ -4,8 +4,14 @@ import { isNumber } from 'lodash-es';
 import { isWebGLSupported, showDirectionsActionSheet } from '../../../utils/helpers/map-helpers';
 export class YooMapComponent {
   constructor() {
+    this.markers = undefined;
+    this.markersOnly = undefined;
     this.useCluster = false;
+    this.currentLanguage = undefined;
     this.position = { longitude: 2.352222, latitude: 48.856614 };
+    this.minZoom = undefined;
+    this.maxZoom = undefined;
+    this.groupBy = undefined;
     this.showFullscreenControl = false;
     this.showLegend = false;
     this.filterGroups = [];
@@ -21,11 +27,13 @@ export class YooMapComponent {
     this.showControls = true;
     this.showDirections = false;
     this.disableZoom = false;
+    this.icon = undefined;
     this.mapEntry = {};
     this.isModal = false;
     this.showGetDirectionsButton = false;
     this.isGridMap = false;
     this.gridMapCardCollapsed = true;
+    this.zoom = undefined;
     this.forceReRender = false;
     this.isChinese = false;
   }

package/dist/collection/components/map/map-gl/map-gl.js

@@ -6,11 +6,6 @@ const FOCUS_MAP_ZOOM = 16;
 const mapboxgl = window.mapboxgl;
 export class YooMapGlComponent {
   constructor() {
-    this.filterGroups = [];
-    this.mapEntry = {};
-    this.markers = [];
-    this.fetchDataMove = false;
-    this.isMaximized = false;
     this.layers = [];
     this.clusterRadius = 50;
     this.clusterCircleSize = 25;
@@ -25,6 +20,12 @@ export class YooMapGlComponent {
       archived: getCssColor('dark'),
       pausedmission: getCssColor('dark')
     };
+    this.markersOnly = undefined;
+    this.filterGroups = [];
+    this.mapEntry = {};
+    this.markers = [];
+    this.fetchDataMove = false;
+    this.isMaximized = false;
   }
   onMarkersChanged() {
     this.initMarkers();

package/dist/collection/components/map/map-js/map-js.js

@@ -5,16 +5,16 @@ import { querySelectorDeep } from '../../../utils/helpers/common-helpers';
 import { generateFilterGroups, layersFromKeys } from '../../../utils/helpers/map-helpers';
 export class YooMapJsComponent {
   constructor() {
-    this.mapEntry = {};
-    this.filterGroups = [];
-    this.fetchDataMove = false;
-    this.markers = [];
-    this.isLoading = true;
     this.layers = [];
     this.clusterRadius = 50;
     this.isDestroyed = false;
     this.isLoaded = false;
     this.colorLegends = { available: 'accent', booked: 'warning', validated: 'app-color', rejected: 'danger', tobevalidated: 'info', archived: 'dark' };
+    this.mapEntry = {};
+    this.filterGroups = [];
+    this.fetchDataMove = false;
+    this.markers = [];
+    this.isLoading = true;
   }
   onMarkersChanged() {
     // this.addUnclusteredMarkers((window as any).L);

package/dist/collection/components/map/map-legend/map-legend.js

@@ -5,6 +5,7 @@ import { getMapCSSClasses } from '../../../utils/helpers/map-helpers';
 export class YooMapLegendComponent {
   constructor() {
     this.filterGroups = [];
+    this.legendVisible = undefined;
   }
   componentWillLoad() {
     this.legendColors = getMapCSSClasses();

package/dist/collection/components/scanner/barcode/barcode.js

@@ -1,6 +1,11 @@
 import { h } from '@stencil/core';
 import JsBarcode from 'jsbarcode';
 export class YooBarcodeComponent {
+  constructor() {
+    this.type = undefined;
+    this.height = undefined;
+    this.value = undefined;
+  }
   onValueChanged() {
     this.updateBarcode();
   }

package/dist/collection/components/scanner/barcode-dialog/barcode-dialog.js

@@ -1,6 +1,11 @@
 import { closeModal } from '@shared/utils';
 import { h, Host } from '@stencil/core';
 export class YooBarcodeDialogComponent {
+  constructor() {
+    this.heading = undefined;
+    this.value = undefined;
+    this.type = undefined;
+  }
   onClose() {
     closeModal(null);
   }

package/dist/collection/components/scanner/scandit/scandit.js

@@ -7,7 +7,12 @@ const ENABLED_SYMBOLOGIES = [ScanditSDKWeb.Barcode.Symbology.EAN8, ScanditSDKWeb
 export class YooScanditComponent {
   constructor() {
     this.scanMode = 'default';
+    this.currentOcrRegex = undefined;
+    this.hasProduct = undefined;
+    this.preventAutoScan = undefined;
+    this.isScannerInit = undefined;
     this.isScanditSupported = true;
+    this.currentScannerMargin = undefined;
   }
   async pauseScanning() {
     var _a, _b;

package/dist/collection/components/scanner/zebra/zebra.js

@@ -1,6 +1,9 @@
 import { WebIntent } from '@awesome-cordova-plugins/web-intent';
 import { isZebraScanner } from '@shared/utils';
 export class YooZebraComponent {
+  constructor() {
+    this.appId = undefined;
+  }
   componentDidLoad() {
     if (isZebraScanner()) {
       this.onInitZebraScanner();

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

@@ -2,6 +2,9 @@ import { getUserDisplayName } from '@shared/utils';
 import { h, Host } from '@stencil/core';
 import { getAppContext } from '../../../utils/helpers/common-helpers';
 export class YooCardChatComponent {
+  constructor() {
+    this.entry = undefined;
+  }
   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) || getUserDisplayName(this.entry.sender)}:`;

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

@@ -7,11 +7,38 @@ import { getDateFormats, parseMediaMessageForSlidesMedia } from '../../../utils/
 import { getAppContext, showSlidesMedia } from '../../../utils/helpers/common-helpers';
 export class YooChatComponent {
   constructor() {
-    /**
-     *  This is the content of all the messages in the individual chat
-     */
-    this.messages = []; // suppose that messages are ordered to most recent to the older one
     this.selectedTimeTokens = [];
+    this.advancedOptions = undefined;
+    this.heading = undefined;
+    this.newMessage = undefined;
+    this.messages = [];
+    this.inputPlaceHolder = undefined;
+    this.isMultiple = undefined;
+    this.transparent = undefined;
+    this.hideInputBar = undefined;
+    this.showBackgroundVideo = undefined;
+    this.deleteModeEnabled = undefined;
+    this.canVideoCall = undefined;
+    this.enableKeyboardResizing = undefined;
+    this.closeIcon = undefined;
+    this.usersTyping = undefined;
+    this.isOnline = undefined;
+    this.otherIds = undefined;
+    this.allUsers = undefined;
+    this.disableHeader = undefined;
+    this.background = undefined;
+    this.users = undefined;
+    this.forceDelete = undefined;
+    this.broadcastMode = undefined;
+    this.broadcastParams = undefined;
+    this.preventVideoPreloading = undefined;
+    this.currentActivePlayerId = undefined;
+    this.inputFocused = undefined;
+    this.countDownValue = undefined;
+    this.showCountdown = undefined;
+    this.countDownStartValue = undefined;
+    this.hideControls = undefined;
+    this.showLoader = undefined;
   }
   async onMessagesChanged() {
     await this.initMessagesAndScrollToBottom();

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

@@ -8,6 +8,17 @@ const DEFAULT_VIDEO_DIMENSIONS = { width: 240, height: 175 };
 export class YooChatMessageComponent {
   constructor() {
     this.lockAssignPress = false;
+    this.animation = undefined;
+    this.message = undefined;
+    this.isGroup = undefined;
+    this.receivedByOthers = undefined;
+    this.preventDetailView = undefined;
+    this.preventVideoPreloading = undefined;
+    this.allUsers = undefined;
+    this.containerWidth = undefined;
+    this.hasOptions = undefined;
+    this.shouldRender = undefined;
+    this.mediaSize = undefined;
   }
   get isFirst() {
     var _a;

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

@@ -4,6 +4,10 @@ import { getDateFormats } from '../../../utils/helpers/chat-helpers';
 export class YooChatMessageDialogComponent {
   constructor() {
     this.heading = 'MESSAGEINFO';
+    this.message = undefined;
+    this.allUsers = undefined;
+    this.isMultiple = undefined;
+    this.receivedByOthers = undefined;
     this.currentTabIndex = 0;
   }
   get chatInfo() {

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

@@ -6,6 +6,7 @@ export class YooChatMessagePreviewComponent {
   constructor() {
     this.animated = true;
     this.mode = 'input-bar';
+    this.message = undefined;
   }
   get isInputBarMode() {
     return this.mode === 'input-bar';

package/dist/collection/feature-communicate/document/card-file/card-file.js

@@ -2,10 +2,12 @@ import { getIconColor, getIconName, getType, isAudio, isImage, isImageUrl, isVid
 import { h, Host } from '@stencil/core';
 export class YooCardFileComponent {
   constructor() {
-    /**
-     * is current card file visible inside a form
-     */
+    this.file = undefined;
+    this.isClosable = undefined;
+    this.customFileName = undefined;
     this.isVisible = true;
+    this.type = undefined;
+    this.isLoading = undefined;
   }
   async onFileChanged() {
     this.localFile = this.file;

package/dist/collection/feature-communicate/document/card-media/card-media.js

@@ -13,55 +13,26 @@ import { execHandlerAndStopEvent, getAppContext, setColorSVG } from '../../../ut
 export class YooCardMediaComponent {
   constructor() {
     this.showCloseButton = true;
-    /**
-     * Actions that the user can perform.
-     *
-     * This property only applies for `medium` and `large` sizes.
-     */
     this.actions = [];
-    /**
-     * If `true`, it displays an accent photo annotated badge in the upper right corner.
-     *
-     * This property does not apply for `small` and `medium` sizes with `selection` mode or when hovered.
-     */
     this.annotated = false;
-    /**
-     * If `true`, it displays an energized flag badge in the upper right corner.
-     *
-     * This property does not apply for `small` and `medium` sizes with `selection` mode or when hovered.
-     */
+    this.date = undefined;
     this.flagged = false;
-    /**
-     * If `default`, it only displays the overlay when hovered.
-     * If `selection`, it always displays the overlay.
-     */
+    this.headline = undefined;
+    this.subheading = undefined;
+    this.location = undefined;
+    this.locationImage = undefined;
+    this.locationTitle = undefined;
     this.mode = 'default';
-    /**
-     * If `true` and for `large` size, it displays the description on top of the image when `selection` mode or when hovered.
-     * If `true` and for `medium` size, it does not display the description.
-     * Otherwise, it displays the description at the bottom.
-     *
-     * This property only applies for `medium` and `large` sizes.
-     */
     this.overlaid = false;
-    /**
-     * Selection state displayed in the upper left corner via a checkbox, when `selection` mode or when hovered.
-     */
     this.selected = false;
-    /**
-     * Size.
-     */
     this.size = 'medium';
-    /**
-     * Associated tags displayed in the upper right corner with a dark badge and a tooltip, if any.
-     *
-     * This property does not apply for `small` and `medium` sizes with `selection` mode or when hovered.
-     */
     this.tags = [];
-    /**
-     * Type.
-     */
+    this.userFullName = undefined;
+    this.userImage = undefined;
+    this.validated = undefined;
+    this.src = undefined;
     this.type = 'photo';
+    this.fullscreenParams = undefined;
   }
   async pauseAudioPlayer() {
     var _a;

package/dist/collection/feature-communicate/document/card-video/card-video.js

@@ -4,18 +4,6 @@ import { h, Host } from '@stencil/core';
 import { CardVideoRatio } from '../../../interfaces/ui/card-video.interface';
 export class YooCardVideoComponent {
   constructor() {
-    /**
-     * Size.
-     */
-    this.size = 'medium';
-    /**
-     * Different view of video card
-     */
-    this.view = CardVideoView.default;
-    /**
-     * State for current orientation of the video
-     */
-    this.orientation = 'landscape';
     /**
      * Width of the video element
      */
@@ -24,6 +12,14 @@ export class YooCardVideoComponent {
      * Height of the video element
      */
     this.videoHeight = '100%';
+    this.size = 'medium';
+    this.view = CardVideoView.default;
+    this.bottomActions = undefined;
+    this.extraActions = undefined;
+    this.participant = undefined;
+    this.showEmptyPlaceholder = undefined;
+    this.showRedialButton = undefined;
+    this.orientation = 'landscape';
   }
   componentDidLoad() {
     this.onUpdateVideoCard(true);

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

@@ -7,17 +7,22 @@ import { EventActions } from '../components/events';
 import { CardAnnouncement, CardCampaign, CardEvent, CardIncentive } from '../components/sub-cards';
 export class YooCardFeedComponent {
   constructor() {
+    this.isPhotos = false;
+    this.orderItem = [];
     this.modalMode = false;
-    /**
-     * Preview mode for card feed in web
-     */
     this.previewMode = false;
     this.detailView = false;
+    this.eventMode = undefined;
     this.isAnimationFinished = false;
+    this.playerCommand = undefined;
     this.currentSlideIndex = 0;
+    this.preventAutoPlayMedia = undefined;
+    this.linkPreviewMode = undefined;
+    this.entry = undefined;
+    this.translatedText = undefined;
+    this.isTranslating = undefined;
+    this.showTranslatedText = undefined;
     this.isVisible = false;
-    this.isPhotos = false;
-    this.orderItem = [];
   }
   componentWillLoad() {
     var _a;

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

@@ -2,17 +2,12 @@ import { fromNow, getUserDisplayName, translate, translateMulti } from '@shared/
 import { h, Host } from '@stencil/core';
 export class YooCardFeedRowComponent {
   constructor() {
-    /**
-     * If `true`, it indicates that the news is featured.
-     */
+    this.date = undefined;
     this.featured = false;
-    /**
-     * If `true`, it indicates that the news requires read receipts
-     */
+    this.heading = undefined;
+    this.image = undefined;
     this.hasReadReceipts = false;
-    /**
-     * If `true`, it indicates that the news has been validated.
-     */
+    this.user = undefined;
     this.validated = false;
   }
   render() {

package/dist/collection/feature-communicate/feed/community-detail/community-detail.js

@@ -13,6 +13,8 @@ export class YooCommunityDetailComponent {
         value: 'managers'
       }
     ];
+    this.community = undefined;
+    this.hideMembersList = undefined;
   }
   componentWillLoad() {
     this.isMobile = !isWeb();

package/dist/collection/feature-communicate/feed/feed-detail/feed-detail.js

@@ -6,14 +6,23 @@ import { getButton } from '../../../utils/button.factory';
 import { getAppContext, getWindowHeightRatio } from '../../../utils/helpers/common-helpers';
 export class YooFeedDetailComponent {
   constructor() {
+    this.textExpanded = false;
     this.animated = true;
+    this.feed = undefined;
+    this.isOffline = undefined;
+    this.focusMediaOnOpen = undefined;
+    this.showReadReceipt = undefined;
+    this.showViewCount = undefined;
+    this.actions = undefined;
+    this.fullscreenView = undefined;
+    this.fullscreenParams = undefined;
     this.imageEnlarged = false;
+    this.treatedSrc = undefined;
     this.hasGradient = true;
     this.showMoreButton = true;
     this.expandText = false;
-    // if current fullscreen image is zoomed or not
+    this.activeMediaIndex = undefined;
     this.zoomed = false;
-    this.textExpanded = false;
   }
   onZoomChanges(ev) {
     this.zoomed = ev.detail;

package/dist/collection/feature-communicate/feed/user-wizard/user-wizard.js

@@ -3,13 +3,20 @@ import { h, Host } from '@stencil/core';
 import { getAppContext } from '../../../utils/helpers/common-helpers';
 export class YooUserWizardComponent {
   constructor() {
+    this.clampedItems = [];
+    this.items = undefined;
     this.addText = 'YOOBICNEW';
+    this.titleText = undefined;
+    this.showAllText = undefined;
+    this.hideIfEmpty = undefined;
+    this.tag = undefined;
+    this.tagColor = undefined;
     this.addIcon = 'plus';
     this.addIconSize = 'small';
     this.showAdd = true;
     this.isImageCard = false;
+    this.fallbackIcon = undefined;
     this.addIconUser = getSession().user;
-    this.clampedItems = [];
   }
   onItemSelected(item) {
     this.itemSelected.emit(item);

package/dist/collection/feature-learn/incentive/card-incentive/card-incentive.js

@@ -6,6 +6,7 @@ import { getPositionText, getProgressText, getUserScore } from '../helpers/incen
 export class YooCardIncentiveComponent {
   constructor() {
     this.groups = [];
+    this.entry = undefined;
   }
   onEntryUpdated() {
     this.updateUserScore();

package/dist/collection/feature-learn/incentive/card-incentive-rank/card-incentive-rank.js

@@ -3,6 +3,7 @@ import { h } from '@stencil/core';
 export class YooCardIncentiveComponentRank {
   constructor() {
     this.groups = [];
+    this.entry = undefined;
   }
   componentWillLoad() {
     const session = getSession();

package/dist/collection/feature-learn/incentive/card-lesson/card-lesson.js

@@ -4,6 +4,11 @@ import { h, Host } from '@stencil/core';
 import { get } from 'lodash-es';
 import { getAppContext } from '../../../utils/helpers/common-helpers';
 export class YooCardLessonComponent {
+  constructor() {
+    this.lesson = undefined;
+    this.states = undefined;
+    this.highlighted = undefined;
+  }
   get isFinished() {
     var _a;
     return ((_a = this.states) === null || _a === void 0 ? void 0 : _a.current) === TLineState.finished;

package/dist/collection/feature-learn/incentive/card-recommendation/card-recommendation.js

@@ -3,6 +3,11 @@ import { h } from '@stencil/core';
 import { get } from 'lodash-es';
 import { getFromOfflineStorage } from '../../../utils/cache/localForage';
 export class YooCardRecommendationComponent {
+  constructor() {
+    this.entry = undefined;
+    this.type = undefined;
+    this.backgroundImage = undefined;
+  }
   async componentWillLoad() {
     this.prepareData();
   }

package/dist/collection/feature-learn/incentive/incentive-detail/incentive-detail.js

@@ -7,6 +7,10 @@ export class YooIncentiveDetailComponent {
   constructor() {
     this.groups = [];
     this.targets = [];
+    this.salesBreakdown = undefined;
+    this.kpiChartConfig = undefined;
+    this.incentive = undefined;
+    this.showManagerView = undefined;
   }
   onIncentiveChanged() {
     this.init();

package/dist/collection/feature-learn/learning/battle-count-down/battle-count-down.js

@@ -3,13 +3,9 @@ import { Build, h, Host } from '@stencil/core';
 import { getAppContext } from '../../../utils/helpers/common-helpers';
 export class YooBattleCountDownComponent {
   constructor() {
-    /**
-     * Defines count down timeout.
-     */
     this.start = 5;
-    /**
-     * Defines animations usage.
-     */
+    this.user = undefined;
+    this.opponent = undefined;
     this.animations = true;
   }
   componentWillLoad() {

package/dist/collection/feature-learn/learning/battle-result/battle-result.js

@@ -24,6 +24,7 @@ export class YooBattleResultComponent {
         emptyState: true
       }
     };
+    this.entry = undefined;
   }
   get isWon() {
     var _a;

package/dist/collection/feature-learn/learning/battle-user-stats/battle-user-stats.js

@@ -3,20 +3,12 @@ import { Build, getAssetPath, h, Host } from '@stencil/core';
 import { getAppContext, setColorSVG } from '../../../utils/helpers/common-helpers';
 export class YooBattleUserStatsComponent {
   constructor() {
-    /**
-     * Defines number of battles won.
-     */
+    this.avatarBlogSvg = getAssetPath('./assets/battle-user-stats/avatar-blob.svg');
+    this.blobSvg = getAssetPath('./assets/battle-user-stats/blob.svg');
+    this.user = undefined;
     this.victories = 0;
-    /**
-     * Defines number of battles lost.
-     */
     this.defeats = 0;
-    /**
-     * Defines number of available points to bet in battles.
-     */
     this.points = 0;
-    this.avatarBlogSvg = getAssetPath('./assets/battle-user-stats/avatar-blob.svg');
-    this.blobSvg = getAssetPath('./assets/battle-user-stats/blob.svg');
   }
   componentDidRender() {
     if (Build.isServer) {

package/dist/collection/feature-learn/learning/card-battle/default/card-battle.js

@@ -4,16 +4,13 @@ const Info = ({ icon, text }) => (h("div", { class: "info" }, icon && h("yoo-ico
 const Points = ({ iconSize, value }) => (h("yoo-tag", { color: "app-color-10" }, h("yoo-icon", { color: "app-color", name: "star", size: iconSize, slot: "start" }), value));
 export class YooCardBattleComponent {
   constructor() {
-    /**
-     * If `true`, it loads the opponent avatar instantly.
-     */
+    this.correctAnswers = undefined;
+    this.course = undefined;
+    this.incorrectAnswers = undefined;
     this.instant = false;
-    /**
-     * Display mode.
-     * Compact mode uses a one-column layout, with smaller font sizes.
-     * Large mode uses a two-column layout, with larger font sizes.
-     */
     this.mode = 'large';
+    this.opponent = undefined;
+    this.points = undefined;
   }
   render() {
     var _a;

package/dist/collection/feature-learn/learning/card-battle/result/card-battle-result.js

@@ -4,10 +4,12 @@ const Participant = ({ instant, label, user }) => (h("div", { class: "participan
 const Score = ({ opponent, status, user }) => (h("div", { class: "score" }, ['lost', 'won'].includes(status) && h("p", { class: status }, translate(status === 'won' ? 'VICTORY' : 'DEFEAT')), h("p", { class: "result" }, user > 0 ? user : 0, " - ", opponent > 0 ? opponent : 0)));
 export class YooCardBattleResultComponent {
   constructor() {
-    /**
-     * If `true`, it loads participant images instantly.
-     */
     this.instant = false;
+    this.opponent = undefined;
+    this.opponentScore = undefined;
+    this.status = undefined;
+    this.user = undefined;
+    this.userScore = undefined;
   }
   render() {
     return (h(Host, null, h(Participant, { instant: this.instant, label: this.user && translate('YOOBICME'), user: this.user }), h(Score, { opponent: this.opponentScore, status: this.status, user: this.userScore }), h(Participant, { instant: this.instant, label: this.opponent && (this.opponent.firstName || this.opponent.lastName || this.opponent.username), user: this.opponent })));

package/dist/collection/feature-learn/learning/card-course/column/card-course.js

@@ -3,6 +3,9 @@ import { h } from '@stencil/core';
 import { get } from 'lodash-es';
 export class YooCardCourseComponent {
   constructor() {
+    this.entry = undefined;
+    this.size = undefined;
+    this.profileSummary = undefined;
     this.emitEnabled = false;
   }
   get cardSize() {

package/dist/collection/feature-learn/learning/card-course/row/card-course-row.js

@@ -4,6 +4,11 @@ import { get, isObject } from 'lodash-es';
 import { getFromOfflineStorage } from '../../../../utils/cache/localForage';
 import { getAppContext } from '../../../../utils/helpers/common-helpers';
 export class YooCardCourseRowComponent {
+  constructor() {
+    this.entry = undefined;
+    this.hideLessonsCount = undefined;
+    this.backgroundImage = undefined;
+  }
   componentWillRender() {
     this.prepareData();
   }

package/dist/collection/feature-learn/learning/card-course/row-compact/card-course-row-compact.js

@@ -4,10 +4,13 @@ import { clamp } from 'lodash-es';
 const getRoundedPositive = (value) => (isNullOrUndefined(value) || value < 0 ? 0 : Math.round(value));
 export class YooCardCourseRowCompactComponent {
   constructor() {
-    /**
-     * If `true`, the user can see animations.
-     */
     this.animated = true;
+    this.availableLessons = undefined;
+    this.availablePoints = undefined;
+    this.earnedPoints = undefined;
+    this.finishedLessons = undefined;
+    this.heading = undefined;
+    this.image = undefined;
   }
   render() {
     const availableLessons = getRoundedPositive(this.availableLessons);