@yoobic/yobi 8.6.0-3 → 8.6.0-5

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

@@ -3,6 +3,13 @@ import { forceUpdate, h, Host } from '@stencil/core';
 import { cleanupTodoSlides } from '../../../feature-operate/campaign/helpers/operation-helpers';
 export class YooMissionTodoComponent {
   constructor() {
+    this.mission = undefined;
+    this.currentUser = undefined;
+    this.isTodoCampaign = undefined;
+    this.slidesTodo = undefined;
+    this.readonly = undefined;
+    this.isPreview = undefined;
+    this.isPdf = undefined;
     this.animated = true;
   }
   async forceUpdate() {

package/dist/collection/feature-operate/mission/property-card/property-card.js

@@ -3,6 +3,10 @@ import { h, Host } from '@stencil/core';
 import { isString } from 'lodash-es';
 import { getAppContext } from '../../../utils/helpers/common-helpers';
 export class YooPropertyCardComponent {
+  constructor() {
+    this.properties = undefined;
+    this.extraClass = undefined;
+  }
   isPositive(value) {
     if (value.isPositive === true || value.isPositive === false) {
       return value.isPositive;

package/dist/collection/feature-operate/mission/workflow-state/workflow-state-dialog.js

@@ -1,6 +1,15 @@
 import { closeModal, getUserDisplayName, pipes, translate, translateMulti } from '@shared/utils';
 import { h, Host } from '@stencil/core';
 export class YooWorkflowStateDialogComponent {
+  constructor() {
+    this.step = undefined;
+    this.history = undefined;
+    this.histories = undefined;
+    this.status = undefined;
+    this.owner = undefined;
+    this.isActive = undefined;
+    this.heading = undefined;
+  }
   onClose() {
     closeModal(null);
   }

package/dist/collection/feature-operate/mission/workflow-state/workflow-state.js

@@ -2,6 +2,13 @@ import { getUserDisplayName, isWeb, showModal, translate, translateMulti } from
 import { h } from '@stencil/core';
 import { compact, flatten, flattenDeep } from 'lodash-es';
 export class YooWorkflowStateComponent {
+  constructor() {
+    this.steps = undefined;
+    this.history = undefined;
+    this.state = undefined;
+    this.status = undefined;
+    this.owner = undefined;
+  }
   renderStep(step, history, isActive) {
     var _a;
     return (h("div", { class: {
@@ -79,7 +86,14 @@ export class YooWorkflowStateComponent {
     dialog.status = this.status;
     dialog.owner = this.owner;
     dialog.step = step;
-    showModal(dialog, { half: true }, null, getModalAnimation('Enter'), getModalAnimation('Leave'), true, false, null);
+    showModal({
+      component: dialog,
+      componentProps: { half: true },
+      enterAnimation: getModalAnimation('Enter'),
+      leaveAnimation: getModalAnimation('Leave'),
+      showBackdrop: true,
+      displayFullscreenButton: false
+    });
   }
   render() {
     return (h("ul", { class: "menu" }, h("li", { class: "menu-item" }, h("div", { class: "menu-left" }, h("span", { class: "menu-icon" }, h("yoo-tag", { icon: "home", color: "app-color", size: "medium" })), h("div", { class: "border visible" })), h("div", { class: "menu-right" }, h("div", { class: "menu-title" }, translate('STATUS')), h("div", { class: "menu-content menu-workflow" }))), this.renderSteps()));

package/dist/collection/feature-operate/waitlist/waitlist-location-layout/waitlist-location-layout.js

@@ -1,5 +1,10 @@
 import { h, Host } from '@stencil/core';
 export class YooWaitlistLocationLayoutComponent {
+  constructor() {
+    this.logo = undefined;
+    this.leftImage = undefined;
+    this.whiteLabel = undefined;
+  }
   render() {
     return h(Host, null, this.leftImage && h("div", { class: "panel-left" }, h("yoo-img", { type: "background", instant: true, src: this.leftImage })), h("div", { class: "panel-right" }, h("div", { class: "container" }, this.logo && h("yoo-img", { type: "background", instant: true, src: this.logo }), h("div", { class: "inner" }, h("slot", null))), !this.whiteLabel && h("div", { class: "footer-container" }, h("yoo-copyright", null))));
   }

package/dist/collection/feature-operate/waitlist/waitlist-location-result/waitlist-location-result.js

@@ -1,6 +1,18 @@
 import { dateFormat, isPresent, translate } from '@shared/utils';
 import { h, Host } from '@stencil/core';
 export class YooWaitlistLocationResultComponent {
+  constructor() {
+    this.whiteLabel = undefined;
+    this.locationName = undefined;
+    this.use24HourTime = undefined;
+    this.waitTime = undefined;
+    this.position = undefined;
+    this.qrcodeUrl = undefined;
+    this.date = undefined;
+    this.logo = undefined;
+    this.state = undefined;
+    this.callType = undefined;
+  }
   getHeader() {
     const headers = {
       WAITING: 'YOUAREONTHEWAITINGLIST',

package/dist/collection/feature-operate/waitlist/waitlist-location-start/waitlist-location-start.js

@@ -7,6 +7,14 @@ export class YooWaitlistLocationStartComponent {
       { title: 'WAITLISTVQTITLE', description: 'WAITLISTVQDESCR', value: 'vqMode', icon: 'store', hideCheckbox: true },
       { title: 'WAITLISTVSTITLE', description: 'WAITLISTVSDESCR', value: 'vsMode', icon: 'videocamera', hideCheckbox: true }
     ];
+    this.header = undefined;
+    this.waitTime = undefined;
+    this.allowWaitlist = undefined;
+    this.allowBooking = undefined;
+    this.allowCallAndCollect = undefined;
+    this.allowBookingCallAndCollect = undefined;
+    this.buttonsOrder = undefined;
+    this.selectedMode = undefined;
   }
   /**
    * @property {boolean} isChoiceNeeded Checks if the user can choose between VQ and VS, according to the settings of the store

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

@@ -5,6 +5,7 @@ import { isEmpty, keys, max } from 'lodash-es';
 export class YooDrawFlowComponent {
   constructor() {
     this.exportTriggers = ['nodeCreated', 'nodeRemoved', 'nodeMoved', 'connectionCreated', 'connectionRemoved', 'moduleCreated', 'moduleChanged', 'moduleRemoved', 'zoom', 'translate'];
+    this.config = undefined;
   }
   async addBlock(block) {
     var _a, _b;

package/dist/collection/feature-platform/app/app/app.js

@@ -2,6 +2,19 @@ import { ScreenOrientation } from '@awesome-cordova-plugins/screen-orientation';
 import { isAndroid, isIpad, isIpadPro, isNativeMobile, isTablet, loadTranslations, setCurrentLanguage } from '@shared/utils';
 import { forceUpdate, h } from '@stencil/core';
 export class YooAppComponent {
+  constructor() {
+    this.language = undefined;
+    this.isOffline = undefined;
+    this.permissions = undefined;
+    this.version = undefined;
+    this.getSession = undefined;
+    this.getAsyncExtraData = undefined;
+    this.getAuthentication = undefined;
+    this.getPermissions = undefined;
+    this.getConfig = undefined;
+    this.setKeyboardResizeMode = undefined;
+    this.isKeyboardResizeModeInactive = undefined;
+  }
   componentWillLoad() {
     if (this.language) {
       return this.onLanguageChange();
@@ -84,7 +97,7 @@ export class YooAppComponent {
         "mutable": false,
         "complexType": {
           "original": "IAppPermissions",
-          "resolved": "{ canAddBluetoothDevices: boolean; canArchiveLearners: boolean; canAskQuestion: boolean; canAssignCourse: boolean; canBroadcast: boolean; canCreateCommunity: boolean; canChat: boolean; canChatMultiple: boolean; canChatSingle: boolean; canCreateBattles: boolean; canViewCommunities: boolean; canCreateCampaignAudit: boolean; canCreateCampaignMission: boolean; canCreateCampaignPoll: boolean; canCreateCampaignRequest: boolean; canCreateCampaigns: boolean; canCreateCourse: boolean; canCreateCustomApps: boolean; canCreateAppMixer: boolean; canCreateDashboard: boolean; canCreateDocument: boolean; canCreateFeed: boolean; canCreateFeedNoValidation: boolean; canCreateIncentives: boolean; canCreateMemo: boolean; canCreatePublicEvent: boolean; canCreateService: boolean; canCreateCampaignTodo: boolean; canCreateCampaignQuicktask: boolean; canCreateCampaignQuicktaskMobile: boolean; canCreateVisit: boolean; canCreateWiki: boolean; canDeleteQuestion: boolean; canDownloadFile: boolean; canEditOrPauseMissions: boolean; canEditProject: boolean; canEditWorkflow: boolean; canInviteNewLearners: boolean; canManageLiveShopping: boolean; canNotifyUsers: boolean; canReassignMission: boolean; canReceiveService: boolean; canScheduleMission: boolean; canSendCourseReminders: boolean; canSendRemindersToAll: boolean; canShareByEmail: boolean; canShareFeed: boolean; canSocialShare: boolean; canValidate: boolean; canValidateVisit: boolean; canVerifyQuestion: boolean; canVideoCall: boolean; canViewActionPlans: boolean; canViewAisle: boolean; canViewAICatalog: boolean; canViewAISuggestions: boolean; canViewAllPolls: boolean; canViewCalendar: boolean; canViewCampaignAnalytics: boolean; canViewCampaignNewAnalytics: boolean; canViewCampaigns: boolean; canViewDashboard: boolean; canViewDatabase: boolean; canViewDocuments: boolean; canViewEngagementAnalytics: boolean; canViewFeed: boolean; canViewHealthscore: boolean; canViewInsightsActiveUsers: boolean; canViewInsightsOperate: boolean; canViewInsightsLearning: boolean; canViewInsightsEngagement: boolean; canViewIncentives: boolean; canViewInsight: boolean; canViewInsights: boolean; canViewInsightsOverviewAnalytics: boolean; canViewInventory: boolean; canViewJourneys: boolean; canViewLeaderboard: boolean; canViewLearningManager: boolean; canViewLiveShopping: boolean; canViewLocationDetailTabs: boolean; canViewMemo: boolean; canViewMessages: boolean; canViewMenuCreate: boolean; canViewMicrolearning: boolean; canViewMissionAnalysis: boolean; canViewMissionsMore: boolean; canViewOthersCalendar: boolean; canViewPoll: boolean; canViewPollAnalytics: boolean; canViewPriceActions: boolean; canViewProductBatch: boolean; canViewProductBatchKpis: boolean; canViewProject: boolean; canViewQuestion: boolean; canViewQuestionKnowledgeBase: boolean; canViewQuestionKnowledgeLibrary: boolean; canViewQuestionKnowledgeBaseInDocuments: boolean; canViewSalesAIAnalytics: boolean; canViewScorm: boolean; canViewService: boolean; canViewServiceAnalytics: boolean; canViewLearningAnalytics: boolean; canViewYoobicScoreAnalytics: boolean; canViewStoreCampaignInsights: boolean; canViewStoreInsights: boolean; canViewShifts: boolean; canViewManagerInsights: boolean; canViewStoreVisits: boolean; canViewTaskAnalytics: boolean; canViewTodoAnalytics: boolean; canViewUsers: boolean; canViewUsersOrStores: boolean; canViewVirtualShopping: boolean; canViewVirtualShoppingAnalytics: boolean; canViewWaitlist: boolean; canViewWaitlistAnalytics: boolean; canViewYext: boolean; hasBoost: boolean; hasDataset: boolean; hasOperations: boolean; hasRetailNext: boolean; hasWorkflow: boolean; hasMemos: boolean; isAdmin: boolean; isStore: boolean; }",
+          "resolved": "{ canAddBluetoothDevices: boolean; canArchiveLearners: boolean; canAskQuestion: boolean; canAssignCourse: boolean; canBroadcast: boolean; canCreateCommunity: boolean; canChat: boolean; canChatMultiple: boolean; canChatSingle: boolean; canCreateBattles: boolean; canViewCommunities: boolean; canCreateCampaignAudit: boolean; canCreateCampaignMission: boolean; canCreateCampaignPoll: boolean; canCreateCampaignRequest: boolean; canCreateCampaigns: boolean; canCreateCourse: boolean; canCreateCustomApps: boolean; canCreateAppMixer: boolean; canCreateDashboard: boolean; canCreateDocument: boolean; canCreateFeed: boolean; canCreateFeedNoValidation: boolean; canCreateIncentives: boolean; canCreateMemo: boolean; canCreatePublicEvent: boolean; canCreateService: boolean; canCreateCampaignTodo: boolean; canCreateCampaignQuicktask: boolean; canCreateCampaignQuicktaskMobile: boolean; canCreateVisit: boolean; canCreateWiki: boolean; canDeleteQuestion: boolean; canDownloadFile: boolean; canEditOrPauseMissions: boolean; canEditProject: boolean; canEditWorkflow: boolean; canInviteNewLearners: boolean; canNotifyUsers: boolean; canReassignMission: boolean; canReceiveService: boolean; canScheduleMission: boolean; canSendCourseReminders: boolean; canSendRemindersToAll: boolean; canShareByEmail: boolean; canShareFeed: boolean; canSocialShare: boolean; canValidate: boolean; canValidateVisit: boolean; canVerifyQuestion: boolean; canVideoCall: boolean; canViewActionPlans: boolean; canViewAisle: boolean; canViewAICatalog: boolean; canViewAISuggestions: boolean; canViewAllPolls: boolean; canViewCalendar: boolean; canViewCampaignAnalytics: boolean; canViewCampaignNewAnalytics: boolean; canViewCampaigns: boolean; canViewDashboard: boolean; canViewDatabase: boolean; canViewDocuments: boolean; canViewEngagementAnalytics: boolean; canViewFeed: boolean; canViewHealthscore: boolean; canViewInsightsActiveUsers: boolean; canViewInsightsOperate: boolean; canViewInsightsLearning: boolean; canViewInsightsEngagement: boolean; canViewIncentives: boolean; canViewInsight: boolean; canViewInsights: boolean; canViewInsightsOverviewAnalytics: boolean; canViewInventory: boolean; canViewJourneys: boolean; canViewLeaderboard: boolean; canViewLearningManager: boolean; canViewLocationDetailTabs: boolean; canViewMemo: boolean; canViewMessages: boolean; canViewMenuCreate: boolean; canViewMicrolearning: boolean; canViewMissionAnalysis: boolean; canViewMissionsMore: boolean; canViewOthersCalendar: boolean; canViewPoll: boolean; canViewPollAnalytics: boolean; canViewPriceActions: boolean; canViewProductBatch: boolean; canViewProductBatchKpis: boolean; canViewProject: boolean; canViewQuestion: boolean; canViewQuestionKnowledgeBase: boolean; canViewQuestionKnowledgeLibrary: boolean; canViewQuestionKnowledgeBaseInDocuments: boolean; canViewSalesAIAnalytics: boolean; canViewScorm: boolean; canViewService: boolean; canViewServiceAnalytics: boolean; canViewLearningAnalytics: boolean; canViewYoobicScoreAnalytics: boolean; canViewStoreCampaignInsights: boolean; canViewStoreInsights: boolean; canViewShifts: boolean; canViewManagerInsights: boolean; canViewStoreVisits: boolean; canViewTaskAnalytics: boolean; canViewTodoAnalytics: boolean; canViewUsers: boolean; canViewUsersOrStores: boolean; canViewWaitlist: boolean; canViewWaitlistAnalytics: boolean; canViewYext: boolean; hasBoost: boolean; hasDataset: boolean; hasOperations: boolean; hasRetailNext: boolean; hasWorkflow: boolean; hasMemos: boolean; isAdmin: boolean; isStore: boolean; }",
           "references": {
             "IAppPermissions": {
               "location": "import",

package/dist/collection/feature-platform/app/card-notification/card-notification.js

@@ -2,10 +2,12 @@ import { isRTL, isVideo, removeTextStyle, translateMulti } from '@shared/utils';
 import { h, Host } from '@stencil/core';
 export class YooCardNotificationComponent {
   constructor() {
-    /**
-     * If `true`, it loads the `imgSrc` file instantly.
-     */
+    this.body = undefined;
+    this.notificationTitle = undefined;
+    this.timeAgo = undefined;
+    this.imgSrc = undefined;
     this.instant = false;
+    this.unread = undefined;
   }
   renderRightMedia() {
     return isVideo(this.imgSrc) ?

package/dist/collection/feature-platform/app/welcome-banner/welcome-banner.js

@@ -3,7 +3,9 @@ import { h, Host } from '@stencil/core';
 import { getAppContext } from '../../../utils/helpers/common-helpers';
 export class YooWelcomeBannerComponent {
   constructor() {
+    this.user = undefined;
     this.mainText = '';
+    this.subText = undefined;
   }
   render() {
     return h(Host, { class: { ...getAppContext(this.host) } }, h("div", { class: "container" }, h("h1", { class: "text" }, this.user

package/dist/collection/feature-platform/app/widget-chart/widget-chart.js

@@ -4,6 +4,14 @@ import { isNumber } from 'lodash-es';
 export class YooWidgetChartComponent {
   constructor() {
     this.size = 'extra-large';
+    this.header = undefined;
+    this.help = undefined;
+    this.dataPeriodText = undefined;
+    this.data = undefined;
+    this.sort = undefined;
+    this.chartConfig = undefined;
+    this.isWidget = undefined;
+    this.isHome = undefined;
   }
   get chartOptions() {
     const options = { ...(this.chartConfig || {}) };

package/dist/collection/feature-platform/app/widget-small-size/widget-small-size.js

@@ -1,6 +1,10 @@
 import { isWeb } from '@shared/utils';
 import { h, Host } from '@stencil/core';
 export class YooWidgetSmallSizeComponent {
+  constructor() {
+    this.name = undefined;
+    this.isHome = undefined;
+  }
   onWidgetEdit(ev) {
     ev.stopPropagation();
     this.widgetEdited.emit(ev);

package/dist/collection/feature-platform/app/widget-tab/widget-tab.js

@@ -5,10 +5,15 @@ export class YooWidgetTabComponent {
   constructor() {
     this.animated = true;
     this.useProgress = false;
+    this.currency = undefined;
     this.disabled = false;
+    this.header = undefined;
+    this.help = undefined;
     this.isActive = false;
     this.isPercentage = false;
     this.removeArrow = false;
+    this.value = undefined;
+    this.numberDecimalAfterComaProgressValue = undefined;
   }
   onClick(event) {
     event.preventDefault();

package/dist/collection/feature-platform/app/widget-tile/widget-tile.js

@@ -1,6 +1,15 @@
 import { translateMulti } from '@shared/utils';
 import { h, Host } from '@stencil/core';
 export class YooWidgetTileComponent {
+  constructor() {
+    this.icon = undefined;
+    this.text = undefined;
+    this.photo = undefined;
+    this.backgroundColor = undefined;
+    this.iconColor = undefined;
+    this.iconBackgroundColor = undefined;
+    this.layout = undefined;
+  }
   render() {
     return (h(Host, { class: { [this.layout]: true } }, h("div", { class: { 'outer-container': true, [this.layout]: true, hasPhoto: !!this.photo }, style: { background: this.backgroundColor, color: this.iconColor } }, !!this.photo && h("div", { class: "overlay" }), this.photo && h("yoo-img", { type: "background", class: "image", scaledUp: true, disableAspectRatioCalc: true, src: this.photo }), this.icon ? h("yoo-icon", { size: "large", name: this.icon, class: { 'custom': !!this.iconColor }, style: { fill: this.iconColor } }) : null, h("div", { class: "tile-text" }, translateMulti(this.text)), h("slot", null))));
   }

package/dist/collection/feature-platform/calendar/card-calendar/card-calendar.js

@@ -2,6 +2,18 @@ import { getCalendarParticipantStatusColor /*, getCssColor*/, getEventStatusInfo
 import { h, Host } from '@stencil/core';
 import { getAppContext } from '../../../utils/helpers/common-helpers';
 export class YooCardCalendarComponent {
+  constructor() {
+    this.heading = undefined;
+    this.subheading = undefined;
+    this.type = undefined;
+    this.location = undefined;
+    this.dueDate = undefined;
+    this.attendance = undefined;
+    this.creator = undefined;
+    this.creatorImage = undefined;
+    this.color = undefined;
+    this.disabled = undefined;
+  }
   renderLocation() {
     return (h("div", { class: "flex-container" }, h("yoo-icon", { class: "icon", name: "pin", size: "small", color: getEventTypeColor(this.type) }), h("yoo-truncate", { class: "description" }, this.location)));
   }

package/dist/collection/feature-platform/insight/chart/chart.js

@@ -7,6 +7,13 @@ const CHART_ANIMATION_TIMEOUT = 500;
 export class YooChartComponent {
   constructor() {
     this.doubleClicker = { clickedOnce: false, timer: null, timeBetweenClicks: 400 };
+    this.definition = undefined;
+    this.isFullScreen = undefined;
+    this.hideIfEmpty = undefined;
+    this.emptyStateHeight = undefined;
+    this.disableResize = undefined;
+    this.disableAnimation = undefined;
+    this.config = undefined;
     YooChartComponent.componentCounter += 1;
   }
   // private resizeListener: any;

package/dist/collection/feature-platform/insight/chart-micro/chart-micro.js

@@ -1,5 +1,10 @@
 import { h } from '@stencil/core';
 export class YooChartComponent {
+  constructor() {
+    this.definition = undefined;
+    this.isFullScreen = undefined;
+    this.config = undefined;
+  }
   render() {
     return h("div", { class: "container" }, h("div", { class: "value" }, this.config.value), h("div", { class: "title" }, this.config.title));
   }

package/dist/collection/feature-platform/insight/dashboard-detail/dashboard-detail.js

@@ -1,6 +1,9 @@
 import { pipes, translate, translateMulti } from '@shared/utils';
 import { h } from '@stencil/core';
 export class YooDashboardDetailComponent {
+  constructor() {
+    this.dashboard = undefined;
+  }
   render() {
     return h("div", { class: "container" }, h("div", { class: "title" }, translateMulti(this.dashboard.title)), h("div", { class: "description", innerHTML: translateMulti(this.dashboard.description || '') }), this.dashboard._lmt ? (h("div", { class: "date" }, translate('EDITEDON'), ": ", pipes.dateFormat.transform(this.dashboard._lmt, 'L'))) : null);
   }

package/dist/collection/feature-platform/insight/kpi/kpi.js

@@ -2,6 +2,19 @@ import { isWeb, translate } from '@shared/utils-login';
 import { h, Host } from '@stencil/core';
 import { getPhotoSVG } from '../../../utils/helpers/annotations-helpers';
 export class YooKpiComponent {
+  constructor() {
+    this.type = undefined;
+    this.config = undefined;
+    this.photosSrc = undefined;
+    this.definition = undefined;
+    this.isFullScreen = undefined;
+    this.isFullHeight = undefined;
+    this.isFormPreview = undefined;
+    this.hideIfEmpty = undefined;
+    this.chartClass = undefined;
+    this.showTable = undefined;
+    this.disableResize = undefined;
+  }
   async getSVG(width, height, x, y, margin = 0) {
     var _a, _b;
     if (this.chart) {

package/dist/collection/feature-platform/insight/kpi-container/kpi-container.js

@@ -2,6 +2,26 @@ import { getChartTypes, intersectionObserve, isIntersectionObserverSupported, is
 import { h, Host } from '@stencil/core';
 import { getAppContext } from '../../../utils/helpers/common-helpers';
 export class YooKpiContainerComponent {
+  constructor() {
+    this.chartClass = undefined;
+    this.heading = undefined;
+    this.type = undefined;
+    this.config = undefined;
+    this.isInDashboard = undefined;
+    this.disableResize = undefined;
+    this.size = undefined;
+    this.isFullScreen = undefined;
+    this.isFullHeight = undefined;
+    this.definition = undefined;
+    this.forceEmptyState = undefined;
+    this.isFormPreview = undefined;
+    this.hideHeader = undefined;
+    this.isEditMode = undefined;
+    this.hasError = undefined;
+    this.hasErrorTooMuchData = undefined;
+    this.dontRender = undefined;
+    this.isLoading = undefined;
+  }
   async getSVG(width, height, x, y, margin = 0) {
     if (this.kpi) {
       return this.kpi.getSVG(width, height, x, y, margin);

package/dist/collection/feature-platform/insight/kpi-external/kpi-external.js

@@ -3,6 +3,9 @@ import { isIOS, isNativeMobile, isWeb, translate, updateSVGCustomColors } from '
 import { h } from '@stencil/core';
 export class YooKpiExternalComponent {
   constructor() {
+    this.config = undefined;
+    this.definition = undefined;
+    this.isFullScreen = undefined;
     YooKpiExternalComponent.componentCounter += 1;
     if (!YooKpiExternalComponent.EmptyStateSVGWithCustomColors) {
       fetch(`./assets/empty-state/${isWeb(this.host) ? 'dashboard' : 'analytics'}.svg`).then(res => {

package/dist/collection/feature-platform/insight/pivot-table/pivot-table.js

@@ -7,6 +7,10 @@ export class YooPivotTableComponent {
   constructor() {
     this.onEditedDebounce = debounce(this.onEdited, 1000).bind(this);
     this.hasRestored = false;
+    this.definition = undefined;
+    this.isFullScreen = undefined;
+    this.gridClass = undefined;
+    this.config = undefined;
   }
   async getSVG(width = 600, height = 400, x = 0, y = 0, margin = 0) {
     return domtoimage.toPng(this.host).then((data) => {

package/dist/collection/feature-platform/insight/salesai-formula/salesai-formula.js

@@ -2,6 +2,9 @@ import { salesAIFormatDemand, salesAIGetColorFromPattern, translate } from '@sha
 import { h } from '@stencil/core';
 import { filter, find, orderBy } from 'lodash-es';
 export class YooSalesAIFormulaComponent {
+  constructor() {
+    this.item = undefined;
+  }
   componentWillLoad() {
     this.updatePatterns();
   }

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

@@ -6,27 +6,34 @@ import googleLogo from './assets/login/google_color.svg';
 import { Background, Footer, Header, LoginForm, LoginOptions, MainContent, Sidepanel } from './parts';
 export class YooLoginComponent {
   constructor() {
-    //* COMPONENT TEXT
-    // Title Text
+    this.copyrightMessage = `YOOBIC © ${new Date().getFullYear()}`;
+    this.backgroundColor = undefined;
+    this.backgroundSrc = undefined;
     this.mainTitle = '';
-    // Subtitle Text
     this.subtitle = 'YOOBICLOGINSUBTITLE';
-    // Username label text
     this.usernameLabel = 'YOOBICUSERNAME';
-    // Password label text
     this.passwordLabel = 'YOOBICPASSWORD';
-    // Help text like 'forgot password?'
     this.helpText = 'YOOBICFORGOTPASSWORD';
-    // Reset password text (for action sheet button)
     this.resetPasswordText = 'YOOBICRESETPASSWORD';
-    // Magic link text (for action sheet button)
     this.magicLinkText = 'YOOBICMAGICLINK';
-    // A color to override any app-color / dynamic coloring
+    this.defaultUsername = undefined;
+    this.defaultPassword = undefined;
     this.textColor = null;
+    this.version = undefined;
+    this.isWhitelabel = undefined;
+    this.ssoOnly = undefined;
+    this.isDoubleColumn = undefined;
+    this.hideAdvancedLogin = undefined;
+    this.hideGoogleLogin = undefined;
+    this.logoShape = undefined;
+    this.sidepanelImage = undefined;
+    this.logo = undefined;
+    this.error = undefined;
     this.isFocused = false;
     this.showPassword = false;
+    this.username = undefined;
+    this.password = undefined;
     this.keyboardState = 'closed';
-    this.copyrightMessage = `YOOBIC © ${new Date().getFullYear()}`;
   }
   // private contentPixelsFromTop: number;
   get isUsernameValid() {

package/dist/collection/feature-platform/login/reset-password/reset-password.js

@@ -4,7 +4,11 @@ import { isNativeMobile, isWeb, translate } from '@shared/utils';
 import { getAssetPath, h } from '@stencil/core';
 export class YooResetPasswordComponent {
   constructor() {
+    this.instruction = undefined;
     this.isMagicLink = false;
+    this.token = undefined;
+    this.validateInput = undefined;
+    this.currentData = undefined;
     this.validity = false;
   }
   componentWillLoad() {

package/dist/collection/feature-platform/login/walkthrough/walkthrough.js

@@ -2,19 +2,11 @@ import { replaceSVGColors, translate } from '@shared/utils';
 import { h, Host } from '@stencil/core';
 export class YooWalkthroughComponent {
   constructor() {
-    /**
-     * Index of the active entry displayed to the user.
-     */
+    this.animations = [];
     this.activeEntry = 0;
-    /**
-     * If `true`, the user can see animations.
-     */
     this.animated = true;
-    /**
-     * Configuration include the image, title and subtitle for each step.
-     */
     this.entries = [];
-    this.animations = [];
+    this.logo = undefined;
   }
   componentDidLoad() {
     var _a;

package/dist/collection/feature-platform/menu/about/about.js

@@ -4,6 +4,13 @@
 import { getDeviceType, getGrade, getOS, isChromatic, translate } from '@shared/utils';
 import { h } from '@stencil/core';
 export class YooAboutComponent {
+  constructor() {
+    this.logo = undefined;
+    this.app = undefined;
+    this.version = undefined;
+    this.twitter = undefined;
+    this.linkedin = undefined;
+  }
   render() {
     return (h("div", { class: "outer-container" }, h("div", { class: "inner-container" }, h("img", { class: "logo", src: this.logo, alt: "YOOBIC Logo" }), h("p", { class: "app-name" }, this.app), h("div", { class: "content-container" }, h("div", { class: "information" }, this.app, " ", isChromatic() ? '' : this.version), h("div", { class: "information" }, "\u00A9 2014 - ", new Date().getFullYear(), " Yoobic Ltd."), h("div", { class: "information" }, translate('DEVICE'), ": ", translate('GRADE'), " ", getGrade(), " - ", getDeviceType(), " - ", getOS())), h("div", { class: "links-container" }, this.twitter && (h("a", { href: this.twitter, target: "_blank" }, h("yoo-icon", { name: "twitter", color: "stable" }))), this.linkedin && (h("a", { href: this.linkedin, target: "_blank" }, h("yoo-icon", { name: "linkedin", color: "stable" }))))), h("div", { class: "footer-container" }, h("yoo-copyright", null))));
   }

package/dist/collection/feature-platform/menu/side-menu/side-menu.js

@@ -9,19 +9,18 @@ import { isNumber } from 'lodash-es';
 import { getAppContext } from '../../../utils/helpers/common-helpers';
 export class YooSideMenuComponent {
   constructor() {
-    /**
-     * An array for the button options that appear when the user clicks on the footer profile.
-     */
+    this.logoItem = undefined;
+    this.topItems = undefined;
+    this.bottomItems = undefined;
     this.profileFooterOptions = [];
-    /**
-     * An array for the button options that appear when hte user clicks on the help center.
-     */
     this.helpCenterOptions = [];
-    /**
-     * Optional prop to set the collapsed state of the side menu
-     */
+    this.user = undefined;
     this.initialIsMenuCollapsed = false;
+    this.disableCollapse = undefined;
+    this.hideSearch = undefined;
+    this.searchMode = undefined;
     this.isContextMenuOpen = false;
+    this.isMenuCollapsed = undefined;
   }
   async forceUpdate() {
     forceUpdate(this);
@@ -84,11 +83,11 @@ export class YooSideMenuComponent {
     }
   }
   renderTopContainer() {
-    return (h("div", { class: "top-container", ref: (el) => (this.topContainerElement = el) }, this.renderHeader(), !this.isMenuCollapsed && this.renderSearchInput(), h("slot", { name: "top" }), this.isMenuCollapsed ? this.renderIconOnlyItems(this.topItems, true) : this.renderAccordionItems(this.topItems, false)));
+    return (h("div", { class: "top-container", ref: (el) => (this.topContainerElement = el) }, this.renderHeader(), !this.isMenuCollapsed && this.renderSearchInput(), h("slot", { name: "top" }), this.isMenuCollapsed ? this.renderIconOnlyItems(this.topItems, true, false, true) : this.renderAccordionItems(this.topItems, false)));
   }
   renderBottomContainer() {
     var _a;
-    return ((this.user || ((_a = this.bottomItems) === null || _a === void 0 ? void 0 : _a.length) > 0) && h("div", { class: "bottom-container" }, h("div", { class: { 'icon-list': this.isMenuCollapsed } }, this.user && this.renderAvatarContainer(), this.renderIconOnlyItems(this.bottomItems, false, true))));
+    return ((this.user || ((_a = this.bottomItems) === null || _a === void 0 ? void 0 : _a.length) > 0 || !this.disableCollapse) && h("div", { class: "bottom-container" }, h("div", { class: { 'icon-list': this.isMenuCollapsed } }, this.user && this.renderAvatarContainer(), this.renderIconOnlyItems(this.bottomItems, false, true, false))));
   }
   renderHeader() {
     return this.logoItem && h("div", { class: this.isMenuCollapsed ? 'icon-list top-list' : 'header-items' }, this.renderHeaderLogo());
@@ -147,16 +146,16 @@ export class YooSideMenuComponent {
       })));
     }
   }
-  renderIconOnlyItems(items, addSearchIcon = false, bottomItems = false) {
+  renderIconOnlyItems(items, addSearchIcon = false, bottomItems = false, hideCollapse = false) {
     var _a, _b;
     if (addSearchIcon && !this.hideSearch) {
       items = [{ icon: 'search', text: translate('SEARCH'), handler: () => this.search.emit() }, ...items];
     }
-    if ((items === null || items === void 0 ? void 0 : items.length) > 0 || ((_a = this.helpCenterOptions) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+    if ((items === null || items === void 0 ? void 0 : items.length) > 0 || ((_a = this.helpCenterOptions) === null || _a === void 0 ? void 0 : _a.length) > 0 || !this.disableCollapse) {
       return (h("div", { class: this.isMenuCollapsed ? 'icon-list' : 'icon-row' }, items === null || items === void 0 ? void 0 :
         items.filter((item) => !item.isVisible || item.isVisible() !== false).map((item) => {
           return this.renderIcon(item, bottomItems);
-        }), bottomItems && !addSearchIcon && ((_b = this.helpCenterOptions) === null || _b === void 0 ? void 0 : _b.length) > 0 && this.renderHelpCenter(), bottomItems && !this.disableCollapse && (h("div", { class: "icon-container toggle-icon" }, h("yoo-icon", { size: "medium", name: this.isMenuCollapsed ? 'side-menu-expand' : 'side-menu-collapse', color: "text-color", onClick: () => this.onCollapseMenuClicked() })))));
+        }), bottomItems && !addSearchIcon && ((_b = this.helpCenterOptions) === null || _b === void 0 ? void 0 : _b.length) > 0 && this.renderHelpCenter(), !hideCollapse && !this.disableCollapse && (h("div", { class: "icon-container toggle-icon" }, h("yoo-icon", { size: "medium", name: this.isMenuCollapsed ? 'side-menu-expand' : 'side-menu-collapse', color: "text-color", onClick: () => this.onCollapseMenuClicked() })))));
     }
   }
   renderIcon(item, footer) {
@@ -181,7 +180,7 @@ export class YooSideMenuComponent {
   renderAvatarContainer() {
     var _a;
     const buttons = (_a = this.profileFooterOptions) === null || _a === void 0 ? void 0 : _a.filter((option) => (option.isVisible ? option.isVisible() : true));
-    return ((buttons === null || buttons === void 0 ? void 0 : buttons.length) > 0 && (h("div", null, h("yoo-context-menu", { class: { 'side-menu flex menu-collapsed': this.isMenuCollapsed }, hoverMode: this.isMenuCollapsed, placement: this.isMenuCollapsed ? 'right' : 'above', contentButtons: buttons, cursorPosition: "center", onContextMenuOpened: () => (this.isContextMenuOpen = true), onContextMenuClosed: () => (this.isContextMenuOpen = false) }, h("div", { class: { 'avatar-container': !this.isMenuCollapsed } }, this.renderAccountAvatar())), h("div", { class: "divider avatar-divider" }))));
+    return ((buttons === null || buttons === void 0 ? void 0 : buttons.length) > 0 && (h("div", null, h("yoo-context-menu", { class: { 'side-menu flex menu-collapsed': this.isMenuCollapsed, 'font-large': true }, hoverMode: this.isMenuCollapsed, placement: this.isMenuCollapsed ? 'right' : 'above', contentButtons: buttons, cursorPosition: "center", onContextMenuOpened: () => (this.isContextMenuOpen = true), onContextMenuClosed: () => (this.isContextMenuOpen = false) }, h("div", { class: { 'avatar-container': !this.isMenuCollapsed } }, this.renderAccountAvatar())), h("div", { class: "divider avatar-divider" }))));
   }
   renderAccountAvatar() {
     return this.isMenuCollapsed ? (h("yoo-tooltip", { hoverable: true, placement: "right" }, h("div", { class: "icon-container" }, h("yoo-avatar", { size: "small", user: this.user, isOnline: true })))) : ([

package/dist/collection/feature-platform/menu/side-menu-tree/side-menu-tree.js

@@ -2,16 +2,17 @@ import { translate } from '@shared/utils';
 import { forceUpdate, h, Host } from '@stencil/core';
 export class YooSideMenuTreeComponent {
   constructor() {
-    /**
-     * Max row of item allowed before showing the more button
-     */
+    this.loadMoreNumber = 5;
+    this.mainTitle = undefined;
+    this.subItems = undefined;
     this.truncationNumber = 3;
-    /**
-     * if the content is laready expaned or not
-     */
+    this.itemHandler = undefined;
+    this.bottomActionHandler = undefined;
+    this.selectedItemIndex = undefined;
     this.allowMultiple = false;
+    this.useIconAsSelection = undefined;
     this.selectedIndexes = new Set();
-    this.loadMoreNumber = 5;
+    this.contentExpanded = undefined;
   }
   get shouldTruncate() {
     const subItems = (this.subItems || []).filter((item) => { var _a; return !(!item || ((_a = item === null || item === void 0 ? void 0 : item.badge) === null || _a === void 0 ? void 0 : _a.text) === '0'); });

package/dist/collection/feature-platform/menu/start-meeting-popup/start-meeting-popup.js

@@ -2,6 +2,11 @@ import { translate } from '@shared/utils';
 import { h, Host } from '@stencil/core';
 import { getAppContext } from '../../../utils/helpers/common-helpers';
 export class YooStartMeetingPopupComponent {
+  constructor() {
+    this.svgPath = undefined;
+    this.tooltip = undefined;
+    this.extraButtons = undefined;
+  }
   closeTooltip() {
     if (this.tooltip) {
       this.tooltip.hideTooltip();

package/dist/collection/feature-platform/menu/user-detail/user-detail.js

@@ -1,6 +1,12 @@
 import { isWeb, translate } from '@shared/utils';
 import { h, Host } from '@stencil/core';
 export class YooUserDetailComponent {
+  constructor() {
+    this.userBadges = undefined;
+    this.courses = undefined;
+    this.showEmptyState = undefined;
+    this.withoutGradient = undefined;
+  }
   onSelectCourse(ev) {
     ev.stopPropagation();
     this.courseSelected.emit(ev.detail);