@yoobic/yobi 8.3.0-1 → 8.3.0-13

package/dist/types/components/form/form-dynamic/form-dynamic.d.ts

@@ -478,7 +478,7 @@ export declare class YooFormDynamicComponent {
   }): any;
   getFilterAttrs(attrs: any): any;
   getFilterExtraAttrs(icon: TIconName, value: any): {
-    icon: TIconName;
+    icon: "number" | "1x" | "2x" | "3x" | "4x" | "5x" | "achievement" | "action-plan" | "action-plan-create" | "activity" | "activity-history" | "aggregation" | "aisles" | "alarm" | "align-center" | "align-left" | "align-right" | "analysis" | "analytics-board-bars" | "analytics-boost" | "analytics-graph-line" | "answer" | "app-creator" | "apple-pay" | "archive" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-up" | "arrows-up-down" | "assign" | "assign-group" | "assigned" | "attach-file" | "attachment" | "audio-offline" | "audit" | "author" | "auto-flash" | "autocomplete" | "automotive-airplane" | "automotive-bus" | "automotive-car" | "automotive-cycle" | "automotive-gas" | "automotive-road" | "automotive-route" | "automotive-route-sign" | "automotive-scooter" | "automotive-shipping" | "award-trophy-star" | "background-off" | "background-on" | "badge" | "badge-book" | "badge-brain" | "badge-crown" | "badge-makeup-1" | "badge-stats" | "barcode" | "battery-status-bar" | "battle" | "beverages-beer" | "beverages-bottle" | "beverages-champagne" | "beverages-cocktail" | "beverages-coffee" | "beverages-drink" | "beverages-hot-drink" | "beverages-tropical-cocktail" | "beverages-water" | "beverages-wine" | "big-arrow-down" | "big-arrow-left" | "big-arrow-right" | "big-arrow-up" | "bigfont" | "blocks" | "bluetooth" | "bookmark" | "boost" | "branch" | "brush" | "buttons-single-choice" | "calendar" | "calendar-date" | "calendar-end-date" | "calendar-error" | "calendar-new-event" | "calendar-received" | "calendar-sent" | "calendar-warning" | "camera" | "campaign" | "campaign-create" | "campaign-filter" | "catalogue" | "catch-them" | "categories" | "chart" | "chat" | "chat-new" | "check" | "check-product" | "circle" | "circle-minor" | "circle-plus" | "circle1" | "circle2" | "close" | "color-picker" | "column" | "comment" | "community" | "company" | "compass-direction" | "condition" | "connect" | "contact" | "cosmetics-brush" | "cosmetics-brush-scissors" | "cosmetics-brush-set" | "cosmetics-comb" | "cosmetics-hairdryer" | "cosmetics-lips" | "cosmetics-lipstick" | "cosmetics-mirror" | "cosmetics-nail-polish" | "courses" | "create-chat" | "cross" | "custom" | "cut" | "daily" | "darkmode" | "dashboards" | "dashboards-new" | "data-file-add" | "database" | "database-add" | "database-check" | "database-download" | "database-edit" | "database-history" | "database-import" | "database-lock" | "database-question" | "database-refresh" | "database-remove" | "database-search" | "database-settings" | "database-star" | "database-subtract" | "database-sync" | "database-warning" | "date-time" | "day-view" | "delete" | "desktop" | "diagram-arrow-right" | "diploma" | "diploma-history" | "diploma-manager" | "diploma-new" | "dislike" | "dot" | "double-tick" | "down" | "down-circle" | "download" | "downloaded" | "draggable" | "duplicate" | "email" | "emoji" | "end-call" | "expand-chart" | "explore" | "export" | "eye" | "facebook" | "fashion-boot" | "fashion-bra" | "fashion-coat" | "fashion-dress" | "fashion-perfume" | "fashion-pump" | "fashion-shoe" | "fashion-t-shirt" | "fashion-trousers" | "fashion-women" | "feed" | "feed-create-post" | "feedback" | "feedback-neutral" | "feedback-sad" | "file" | "file-add" | "file-csv" | "file-download" | "file-excel" | "file-pdf" | "file-powerpoint" | "file-upload" | "file-word" | "filter" | "first" | "fixed" | "flag" | "flash-off" | "flash-on" | "flip" | "folder" | "folder-add" | "folder-download" | "folder-edit" | "folder-remove" | "folder-upload" | "food-apple" | "food-banana" | "food-bowl" | "food-carrot" | "food-cherry" | "food-egg" | "food-orange" | "food-pear" | "food-pineapple" | "food-strawberry" | "formula" | "forward" | "frame" | "full-height" | "furniture" | "geo-filter" | "gif" | "go-to" | "gps" | "grid-phone" | "grid-view" | "group" | "hashtag" | "heart" | "help" | "history" | "home" | "hotel-award" | "hotel-award-book" | "hotel-bed" | "hotel-bell" | "hotel-bellhop" | "hotel-building" | "hotel-dnd" | "hotel-room-service-1" | "hotel-room-service-2" | "hotel-room-service-3" | "hotzone" | "hourglass" | "hr" | "image" | "image-map" | "image-offline" | "import" | "inbox" | "incentive-manager" | "incentive-manager1" | "indeterminate" | "info" | "inquiry" | "instagram" | "instant-play" | "iphone" | "journey" | "keyboard" | "large-with-info" | "large-without-info" | "last" | "layout" | "leaderboard" | "learning-path" | "left" | "left-circle" | "left-web" | "lesson" | "like" | "link" | "link-broken" | "linkedin" | "list-view" | "livestream" | "loading" | "lock" | "logic" | "logic-visible" | "low-power" | "luxury-bag" | "luxury-bottle" | "luxury-gift" | "luxury-glasses" | "luxury-handbag" | "luxury-necklace" | "luxury-necklace-2" | "luxury-necklace-3" | "luxury-stars" | "luxury-watch" | "mandatory" | "map" | "maximize" | "maximize-web" | "medal" | "mention" | "menu" | "microphone" | "minimize" | "minimize-web" | "minus" | "missing-word" | "mission" | "mission-data" | "mission-download" | "month-view" | "monthly" | "more" | "more-2" | "more-circle" | "more-shapes" | "move" | "move-down" | "move-up" | "multiple-photos" | "mute-microphone" | "new-lesson" | "new-rectangle" | "new-section" | "new-task" | "news" | "next-photo" | "no-data" | "no-video" | "not-allowed" | "note" | "offline" | "offline-play" | "ongoing" | "operations" | "out-of-stock-product" | "pages" | "password" | "paste" | "pause" | "pause-audio" | "pen" | "personal-development" | "pharma-drug-box" | "pharma-first-aid" | "pharma-first-aid-kit" | "pharma-heartrate" | "pharma-hospital" | "pharma-iv-bag" | "pharma-medication" | "pharma-pill" | "pharma-pills-box" | "pharma-syringe" | "phone" | "phone-action-camera" | "photo-annotated" | "photo-library" | "photo-mandatory" | "pin" | "pin-new-site" | "pin-selected" | "pivot" | "play" | "play-audio" | "plugin" | "plus" | "podcast" | "poll" | "price-dollar" | "price-euro" | "price-sterling" | "print" | "priority" | "product" | "product-briefcase" | "profile" | "publish" | "pull-to-refresh" | "qr-code" | "question-new" | "questions" | "radio-button-off" | "radio-button-on" | "ranking" | "ranking-toggle" | "read" | "reason" | "recent" | "redo" | "refresh" | "rejected" | "rejector" | "repeat" | "request" | "restart" | "restaurant-bread" | "restaurant-chef" | "restaurant-croissant" | "restaurant-flatware" | "restaurant-grocery" | "restaurant-kitchen-bell" | "restaurant-knife-board" | "restaurant-menu" | "restaurant-platware-2" | "restaurant-vegetables-plate" | "restriction" | "right" | "right-circle" | "right-web" | "rotate-camera" | "rubber" | "sales" | "save" | "scale-rating" | "scan" | "schedule-user" | "schedule-view" | "scoring" | "scoring-visible" | "scratch" | "screenshare" | "search" | "search-product" | "security" | "select" | "select-all" | "send" | "send-story" | "settings" | "share" | "share-file" | "shipment-smartphone-arrive" | "shopping-basket" | "side-menu-collapse" | "side-menu-expand" | "sidebar-left" | "sidebar-right" | "signal-status-bar" | "signature" | "single-choice" | "single-view" | "slider" | "small-with-info" | "small-without-info" | "sms" | "sort-down" | "sort-up" | "sort-up-and-down" | "star" | "start-recording" | "start-rectangle" | "stats" | "step" | "stop-watch" | "store" | "store-archived" | "support" | "swipe-detail" | "swipe-explanation" | "sync-product" | "tab" | "table" | "tableau" | "tablet" | "tag" | "tags-settings" | "task" | "text-predefined" | "theme" | "tick" | "to-do" | "todo-boost" | "toggle" | "toggle-off-video" | "transaction" | "translate" | "translation-check" | "translation-warning" | "triangle" | "twitter" | "type-tool" | "unarchive" | "unassign" | "unassign-group" | "unbook" | "undo" | "unlocked" | "unread" | "up" | "up-circle" | "upgrade" | "upload" | "user" | "user-block" | "user-live" | "user-lock" | "user-new" | "validate" | "validation-date" | "validator" | "value" | "variable" | "verified" | "videocamera" | "view" | "virtual-queuing" | "visit" | "visual-merchandising" | "volume-off" | "volume-on" | "waiting-list" | "warning" | "warning-2" | "warning-product" | "webcam" | "week-view" | "weekdays" | "weekly" | "weeks" | "wifi-status-bar" | "word-search" | "workflow" | "yearly" | "yoobic" | "zip-file" | "zoom-in" | "zoom-out";
     value: any;
   };
   getSlideData(): IFormSlideData;

package/dist/types/components/form/form-input/form-input.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { AsyncValidator, IButton, ICheckboxParams, IColumnDefinition, IExternalValidator, ITranslation, IValidatorEntry, TBaseSize, TIconName, TIconSize, Validator } from '@shared/interfaces';
 import { EventEmitter } from '../../../stencil-public-runtime';
 import type { IFormInputBase, IFormUIValidation } from '../../../interfaces';
@@ -48,6 +49,7 @@ export declare class YooFormInputComponent implements IFormInputBase<string | nu
   initialCheckboxParams: ICheckboxParams;
   fireInputChangeEvent: boolean;
   allowDecimals: boolean;
+  format: 'input' | 'contenteditable';
   validityChanged: EventEmitter<boolean>;
   inputBlurred: EventEmitter<any>;
   inputFocused: EventEmitter<any>;
@@ -63,10 +65,13 @@ export declare class YooFormInputComponent implements IFormInputBase<string | nu
   inputType: string;
   remainingCharacters: number;
   checkboxParams: ICheckboxParams;
+  modified: boolean;
   host: HTMLYooFormInputElement;
   protected emitValueAndSetValidity: (value: any, skipValueAssignment: boolean) => void;
   protected finalIconPrefix: TIconName;
   private inputElement;
+  private contentEditableElement;
+  private contentEditableActionsElement;
   private localValue;
   private wasPreviousKeyPressMinus;
   private internalPlaceholder;
@@ -90,6 +95,7 @@ export declare class YooFormInputComponent implements IFormInputBase<string | nu
   stepUp(): Promise<number>;
   componentWillLoad(): void;
   componentDidLoad(): void;
+  componentDidUpdate(): void;
   onInitInput(): void;
   getIconSize(): TIconSize;
   onInputChanged(ev: any): void;
@@ -107,8 +113,16 @@ export declare class YooFormInputComponent implements IFormInputBase<string | nu
   animateContent(): void;
   animateNumber(): void;
   animationPlaceholderCountdown(start: number, end: number, duration: number): void;
-  renderReadonly(): any[];
-  renderMaxCharacterCounter(): any;
-  renderEditable(): any[];
-  render(): any;
+  renderReadonly(): JSX.Element[];
+  renderMaxCharacterCounter(): JSX.Element;
+  renderEditable(): JSX.Element[];
+  contentEditableInputBlurred(ev: FocusEvent): void;
+  onContentEditableInputChanged(ev: Event, skipChecks?: boolean): void;
+  onContentEditableKeyPress(ev: KeyboardEvent): void;
+  cancel(): void;
+  confirm(): void;
+  renderContentEditable(): JSX.Element;
+  renderActions(): JSX.Element;
+  renderAction(type: 'cancel' | 'confirm'): JSX.Element;
+  render(): JSX.Element;
 }

package/dist/types/components.d.ts

@@ -5,7 +5,7 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { AsyncValidator, CalendarDisplayMode, CardType, CardVideoView, ConditionOperator, ConditionType, EntityType, FormCreatorBulkActions, FormCreatorOptions, FormDynamicType, FormFieldCategory, FormFieldType, FormFilterAutocompleteOperator, FormFilterDateOperator, FormFilterNumberOperator, FormFilterTextOperator, FormPermissionsRole, IActionSheet, IActionSheetButton, IAlertButton, IAlertEntry, IAlgorithm, IAppPermissions, IAppSearchTab, IAudienceQuery, IAuthenticationService, IBadge, IBadgeEntry, IBattleListEntry, IBattleStatus, IBattleUserWithStats, IButton, ICalendarDateChange, ICardFeedEntry, ICardListEntry, ICardMediaFullscreenParams, ICardProgress, ICardVideoParticipant, IChartDefinition, IChatAdvancedOptions, IChatBroadcastParams, IChatFloatingAnimationParams, IChatInputParams, IChatMessage, ICheckboxParams, IColumnDefinition, ICommunity, ICompetency, ICondition, IConfidenceValues, IConfigService, ICourse, ICustomActionComponent, ICustomActionConfig, ICustomFormField, ICustomModel, ICustomView, IDashboard, IDeviceEntry, IEntitiesAction, IEntity, IEntityAction, IEntityActionType, IEntitySearchFilters, IEntitySearchRequest, IEntitySearchTags, IEntityWithName, IExternalValidator, IFeed, IFileInterface, IFilters, IFormEntityValuePairsConfig, IFormExtraOptions, IFormField, IFormFieldDescription, IFormFilterValue, IFormIncentiveParticipantsConfig, IFormOpeningHoursValue, IFormProgress, IFormRecurrenceValue, IFormReorderDefinition, IFormSearch, IFormSlideData, IGetAsyncExtraData, IGridAction, IGridCalendarDateRange, IGridCalendarDateSelection, IGridColumn, IGridExtraOptions, IGridSearch, IGridstackItem, IGridState, IHealthscoreEvolution, IHomeWidgetData, IHotzone, IHotzoneValues, IImageRecognitionDisplay, IImageTaggingValue, IImgCloudinaryOptions, IIncentive, IIncentiveParticipant, IIncentiveParticipantScore, IIncentiveSaleBreakdown, IIncentiveTarget, IInputBarAdvancedOptions, IInputBarCaptureSettings, IInputBarSecondarySettings, IItemsPoints, IKanbanColumn, IKpiCardData, ILayoutSectionConfig, ILearningManagerPlan, ILesson, ILessonDetailBadge, ILessonDetailFooter, ILessonDetailHeaderInfo, ILessonDetailsWarning, ILessonStates, ILinkPreview, ILinksMenuItem, ILocation, ILogoItem, IMapMarker, IMapPosition, IMediaDimension, IMemo, IMention, IMentionEvent, IMission, IMissionDescription, IMissionScoring, IModalIcon, IModelDetailComponent, IMultiInputColumn, IMultiInputValue, INumberDisplay, IOverlayEventDetail, IOverlayInterface, IPage, IPhoto, IPhotoAnnotation, IPhotoEditorData, IPlan, IPlanWithStats, IProduct, IProductBatch, IProductSale, IProfileConfig, IProgressOverview, IProperty, IQuestion, IRangeValue, IReorderValue, IRevealValue, ISalesAIRecommandation, IScoring, IScoringEdit, IScoringQuickSetup, IScoringQuickSetupData, IScoringQuickSetupResult, IScorm, IScratchCardValues, IScrollBaseDetail, IScrollDetail, ISectionListItemSortEvent, ISectionListSection, ISectionListSectionItem, ISectionListSectionItemAction, ISectionListSortEvent, ISegmentValues, ISelectionQuery, ISessionService, ISideMenuSubItem, ISlide, ISlidesOptions, ISort, ISortsAndFilters, ISubQuery, ITab, ITabSelectedEvent, ITagElement, ITenant, IToastEntry, ITodo, ITodoTask, ITodoTaskSimple, ITranslation, IUnreadCounts, IUser, IUserRank, IUserWizardEntry, IValidatorEntry, IVioletProductOfferSku, IWaitlistOptions, IWalkthroughEntry, IWorkflow, IWorkflowStep, IWorkflowStepPagePermission, IWorkflowStepState, IXYPoint, ScrollDirections, StitchDirection, TAvatarFrame, TBaseSize, TButtonFill, TButtonRippleType, TButtonShape, TButtonType, TCalendarType, TCalendarView, TCardMediaMode, TCardMediaType, TChartType, TColor, TContextMenuPlacement, TCrop, TEmptyState, TEntityMapping, TExport, TFlow, TFormShoppingView, TGridCalendarView, TGridCustomDataLoader, TGridDirection, THomeWidgetSort, TIconName, TIconSize, TLanguage, TLineState, TLottieType, TMissionActionIds, TMissionDescriptionLessonType, TMissionDescriptionType, TMissionStatus, TPaletteColor, TProgressBarMetric, TProgressBarShape, TProgressBarXPOS, TProgressBarYPOS, TSharedWith, TSize, TSlideChangeEvent, TToastPosition, TWaitlistVisitState, TWidgetLayout, TWorkflowStepType, Validator } from "@shared/interfaces";
+import { AsyncValidator, CalendarDisplayMode, CardType, CardVideoView, ConditionOperator, ConditionType, EntityType, FormCreatorBulkActions, FormCreatorOptions, FormDynamicType, FormFieldCategory, FormFieldType, FormFilterAutocompleteOperator, FormFilterDateOperator, FormFilterNumberOperator, FormFilterTextOperator, FormPermissionsRole, IActionSheet, IActionSheetButton, IAlertButton, IAlertEntry, IAlgorithm, IAppPermissions, IAppSearchTab, IAudienceQuery, IAuthenticationService, IBadge, IBadgeEntry, IBattleListEntry, IBattleStatus, IBattleUserWithStats, IButton, ICalendarDateChange, ICardFeedEntry, ICardListEntry, ICardMediaFullscreenParams, ICardProgress, ICardVideoParticipant, IChartDefinition, IChatAdvancedOptions, IChatBroadcastParams, IChatFloatingAnimationParams, IChatInputParams, IChatMessage, ICheckboxParams, IColumnDefinition, ICommunity, ICompetency, ICondition, IConfidenceValues, IConfigService, ICourse, ICustomActionComponent, ICustomActionConfig, ICustomFormField, ICustomModel, ICustomView, IDashboard, IDeviceEntry, IEntitiesAction, IEntity, IEntityAction, IEntityActionType, IEntitySearchFilters, IEntitySearchRequest, IEntitySearchTags, IEntityWithName, IExternalValidator, IFeed, IFileInterface, IFilters, IFormEntityValuePairsConfig, IFormExtraOptions, IFormField, IFormFieldDescription, IFormFilterValue, IFormIncentiveParticipantsConfig, IFormOpeningHoursValue, IFormProgress, IFormRecurrenceValue, IFormReorderDefinition, IFormSearch, IFormSlideData, IGetAsyncExtraData, IGridAction, IGridCalendarDateRange, IGridCalendarDateSelection, IGridColumn, IGridExtraOptions, IGridSearch, IGridstackItem, IGridState, IHealthscoreEvolution, IHomeWidgetData, IHotzone, IHotzoneValues, IImageRecognitionDisplay, IImageTaggingValue, IImgCloudinaryOptions, IIncentive, IIncentiveParticipant, IIncentiveParticipantScore, IIncentiveSaleBreakdown, IIncentiveTarget, IInputBarAdvancedOptions, IInputBarCaptureSettings, IInputBarSecondarySettings, IItemsPoints, IKanbanColumn, IKpiCardData, ILayoutSectionConfig, ILearningManagerPlan, ILesson, ILessonDetailBadge, ILessonDetailFooter, ILessonDetailHeaderInfo, ILessonDetailsWarning, ILessonStates, ILinkPreview, ILinksMenuItem, ILocation, ILogoItem, IMapMarker, IMapPosition, IMediaDimension, IMemo, IMention, IMentionEvent, IMission, IMissionDescription, IMissionScoring, IModalIcon, IModelDetailComponent, IMultiInputColumn, IMultiInputValue, INumberDisplay, IOverlayEventDetail, IOverlayInterface, IPage, IPhoto, IPhotoAnnotation, IPhotoEditorData, IPlan, IPlanWithStats, IProduct, IProductBatch, IProductSale, IProfileConfig, IProgressOverview, IProperty, IQuestion, IRangeValue, IReorderValue, IRevealValue, ISalesAIRecommandation, IScoring, IScoringEdit, IScoringQuickSetup, IScoringQuickSetupData, IScoringQuickSetupResult, IScorm, IScratchCardValues, IScrollBaseDetail, IScrollDetail, ISectionListItemSortEvent, ISectionListSection, ISectionListSectionItem, ISectionListSectionItemAction, ISectionListSortEvent, ISegmentValues, ISelectionQuery, ISessionService, ISideMenuSubItem, ISlide, ISlidesOptions, ISort, ISortsAndFilters, ISubQuery, ITab, ITabSelectedEvent, ITagElement, ITenant, IToastEntry, ITodo, ITodoTask, ITodoTaskSimple, ITranslation, IUnreadCounts, IUser, IUserRank, IUserWizardEntry, IValidatorEntry, IVioletProductOfferSku, IWaitlistOptions, IWalkthroughEntry, IWorkflow, IWorkflowStep, IWorkflowStepPagePermission, IWorkflowStepState, IXYPoint, ScrollDirections, StitchDirection, TAclFilterResult, TAvatarFrame, TBaseSize, TButtonFill, TButtonRippleType, TButtonShape, TButtonType, TCalendarType, TCalendarView, TCardMediaMode, TCardMediaType, TChartType, TColor, TContextMenuPlacement, TCrop, TEmptyState, TEntityMapping, TExport, TFlow, TFormShoppingView, TGridCalendarView, TGridCustomDataLoader, TGridDirection, THomeWidgetSort, TIconName, TIconSize, TLanguage, TLineState, TLottieType, TMissionActionIds, TMissionDescriptionLessonType, TMissionDescriptionType, TMissionStatus, TPaletteColor, TProgressBarMetric, TProgressBarShape, TProgressBarXPOS, TProgressBarYPOS, TSharedWith, TSize, TSlideChangeEvent, TToastPosition, TWaitlistVisitState, TWidgetLayout, TWorkflowStepType, Validator } from "@shared/interfaces";
 import { IAccordionEntry } from "./components/2.molecules/accordion/types";
 import { CellValueChangedEvent, GridApi, GridOptions, RowNode } from "@ag-grid-enterprise/all-modules";
 import { FormCreatorBlockModes, FormDisplayType, FormStarType, ICardChatEntry, IFormBarcodeOcrRegex, IFormCaptureDetailViewOptions, IFormChecklistValue, IFormChoiceValue, IFormCreatorBlock, IFormCreatorItemList, IFormDateRangeValue, IFormUIValidation, IHTMLYooIonOverlayElement, IKpiTypes, IMapEntry, IMapFilterGroup, IMapMarkerColor, IMediaFullscreenParams, IModalAnimationProp, IScoreChangedDetail, ITag, IWorkflowFieldState, THealthscoreDisplayMode, TSpacing } from "./interfaces";
@@ -39,7 +39,7 @@ import { RouterDirection, Side } from "./utils/ionic/interfaces";
 import { ItemSlidingType } from "./interfaces/item-sliding/item-sliding.interface";
 import { ComponentProps, ComponentRef, IFrameworkDelegate, ModalAnimation } from "@shared/utils";
 import { SwiperInterface } from "./components/2.molecules/slides/swiper/swiper-interface";
-import { ILoginDetails } from "./feature-platform/login/login/types";
+import { ILoginDetails, THexColor, TLogoShape, TMediaSource } from "./feature-platform/login/login/types";
 import { YooIonScrollComponent } from "./components/2.molecules/scroll/scroll";
 import { IProgressColorsRepartition, IProgressMarker } from "./components/1.atoms/progress-bar/progress-bar.interfaces";
 import { IHammerOptions } from "./utils/helpers/hammer-helpers";
@@ -1895,7 +1895,6 @@ export namespace Components {
         "getLocalSearchValue": () => Promise<string>;
         "gridExpandedOnLoad": boolean;
         "gridExtraOptions": IGridExtraOptions;
-        "height": number;
         "hideHeader": boolean;
         "hideTags": boolean;
         "idAttributeName": string;
@@ -1929,7 +1928,6 @@ export namespace Components {
         "value": any;
         "values": any[];
         "valuesColor"?: { key: string; value: string }[];
-        "width": number;
     }
     interface YooFormBarcode {
         "asyncValidators": AsyncValidator<string>[];
@@ -3490,6 +3488,7 @@ export namespace Components {
         "focusOnRendered": boolean;
         "forceValidation": () => Promise<void>;
         "forceValueUpdate": boolean;
+        "format": 'input' | 'contenteditable';
         "getElement": () => Promise<this>;
         "hasIconPrefix": boolean;
         "hideOptional": boolean;
@@ -5454,7 +5453,7 @@ export namespace Components {
         "type": IKpiTypes;
     }
     interface YooKpiExternal {
-        "config": any;
+        "config": { url: string; acls?: TAclFilterResult; };
         "definition": IChartDefinition;
         "isFullScreen": boolean;
     }
@@ -5594,32 +5593,29 @@ export namespace Components {
         "location": any;
     }
     interface YooLogin {
-        "backgroundColor": string;
-        "backgroundSrc": string;
-        "currentLanguage": string;
-        "emailLabel": string;
-        "error": string;
-        "forgotPasswordText": string;
+        "backgroundColor"?: THexColor;
+        "backgroundSrc"?: TMediaSource;
+        "defaultPassword"?: string;
+        "defaultUsername"?: string;
+        "error"?: string;
         "getPassword": () => Promise<string>;
-        "hasToken"?: boolean;
-        "hideAdvancedLogin": boolean;
-        "languages": string[];
-        "leftPanelFooterText": string;
-        "leftPanelMobileHeaderIcon": string;
-        "leftPanelWebHeaderIcon": string;
-        "loginButtonText": string;
-        "logoSubtitle": string;
-        "magicLinkButtonText": string;
-        "passwordLabel": string;
-        "resetPasswordButtonText": string;
-        "ssoOnly": boolean;
-        "version": string;
-        "videoBackgroundUrl": string;
-        "videoHeaderIcon": string;
-        "webLoginFormSubtitle": string;
-        "webLoginFormTitle": string;
-        "webLogoBig"?: boolean;
-        "webSubtitleText": string[];
+        "helpText"?: string;
+        "hideAdvancedLogin"?: boolean;
+        "hideGoogleLogin"?: boolean;
+        "isDoubleColumn"?: boolean;
+        "isWhitelabel"?: boolean;
+        "logo"?: TMediaSource;
+        "logoShape": TLogoShape;
+        "magicLinkText"?: string;
+        "mainTitle"?: string;
+        "passwordLabel"?: string;
+        "resetPasswordText"?: string;
+        "sidepanelImage"?: TMediaSource;
+        "ssoOnly"?: boolean;
+        "subtitle"?: string;
+        "textColor"?: string;
+        "usernameLabel"?: string;
+        "version"?: string;
     }
     interface YooLottie {
         /**
@@ -5768,6 +5764,7 @@ export namespace Components {
         "animated"?: boolean;
         "audienceUsers": IUser[];
         "charts": { score: IMissionScoring; chart: IChartDefinition }[];
+        "disabled"?: boolean;
         "distance"?: number;
         "extraActions"?: IEntityAction[];
         "hasAudit": boolean;
@@ -12742,7 +12739,6 @@ declare namespace LocalJSX {
         "forceHideSearch"?: boolean;
         "gridExpandedOnLoad"?: boolean;
         "gridExtraOptions"?: IGridExtraOptions;
-        "height"?: number;
         "hideHeader"?: boolean;
         "hideTags"?: boolean;
         "idAttributeName"?: string;
@@ -12788,7 +12784,6 @@ declare namespace LocalJSX {
         "value"?: any;
         "values"?: any[];
         "valuesColor"?: { key: string; value: string }[];
-        "width"?: number;
     }
     interface YooFormBarcode {
         "asyncValidators"?: AsyncValidator<string>[];
@@ -15047,6 +15042,7 @@ declare namespace LocalJSX {
         "fireInputChangeEvent"?: boolean;
         "focusOnRendered"?: boolean;
         "forceValueUpdate"?: boolean;
+        "format"?: 'input' | 'contenteditable';
         "hasIconPrefix"?: boolean;
         "hideOptional"?: boolean;
         "iconPrefix"?: TIconName;
@@ -17254,7 +17250,6 @@ declare namespace LocalJSX {
         "onKpiEdited"?: (event: YooKpiContainerCustomEvent<IChartDefinition>) => void;
         "onKpiLegendItemClick"?: (event: YooKpiContainerCustomEvent<any>) => void;
         "onKpiLinkClick"?: (event: YooKpiContainerCustomEvent<any>) => void;
-        "onKpiPdfGenerate"?: (event: YooKpiContainerCustomEvent<boolean>) => void;
         "onKpiRefresh"?: (event: YooKpiContainerCustomEvent<any>) => void;
         "onKpiToggleTable"?: (event: YooKpiContainerCustomEvent<boolean>) => void;
         "onKpiToggleToolsPanel"?: (event: YooKpiContainerCustomEvent<any>) => void;
@@ -17266,7 +17261,7 @@ declare namespace LocalJSX {
         "type"?: IKpiTypes;
     }
     interface YooKpiExternal {
-        "config"?: any;
+        "config"?: { url: string; acls?: TAclFilterResult; };
         "definition"?: IChartDefinition;
         "isFullScreen"?: boolean;
         "onKpiLinkClick"?: (event: YooKpiExternalCustomEvent<any>) => void;
@@ -17426,36 +17421,33 @@ declare namespace LocalJSX {
         "onUseGoogleMaps"?: (event: YooLocationMapCustomEvent<any>) => void;
     }
     interface YooLogin {
-        "backgroundColor"?: string;
-        "backgroundSrc"?: string;
-        "currentLanguage"?: string;
-        "emailLabel"?: string;
+        "backgroundColor"?: THexColor;
+        "backgroundSrc"?: TMediaSource;
+        "defaultPassword"?: string;
+        "defaultUsername"?: string;
         "error"?: string;
-        "forgotPasswordText"?: string;
-        "hasToken"?: boolean;
+        "helpText"?: string;
         "hideAdvancedLogin"?: boolean;
-        "languages"?: string[];
-        "leftPanelFooterText"?: string;
-        "leftPanelMobileHeaderIcon"?: string;
-        "leftPanelWebHeaderIcon"?: string;
-        "loginButtonText"?: string;
-        "logoSubtitle"?: string;
-        "magicLinkButtonText"?: string;
+        "hideGoogleLogin"?: boolean;
+        "isDoubleColumn"?: boolean;
+        "isWhitelabel"?: boolean;
+        "logo"?: TMediaSource;
+        "logoShape"?: TLogoShape;
+        "magicLinkText"?: string;
+        "mainTitle"?: string;
         "onAdvancedLoginRequested"?: (event: YooLoginCustomEvent<boolean>) => void;
         "onDoLogin"?: (event: YooLoginCustomEvent<ILoginDetails>) => void;
-        "onLanguageSelectedParent"?: (event: YooLoginCustomEvent<string>) => void;
+        "onGoogleLoginRequested"?: (event: YooLoginCustomEvent<boolean>) => void;
         "onMagicLinkModalRequested"?: (event: YooLoginCustomEvent<boolean>) => void;
         "onPasswordResetModalRequested"?: (event: YooLoginCustomEvent<boolean>) => void;
         "passwordLabel"?: string;
-        "resetPasswordButtonText"?: string;
+        "resetPasswordText"?: string;
+        "sidepanelImage"?: TMediaSource;
         "ssoOnly"?: boolean;
+        "subtitle"?: string;
+        "textColor"?: string;
+        "usernameLabel"?: string;
         "version"?: string;
-        "videoBackgroundUrl"?: string;
-        "videoHeaderIcon"?: string;
-        "webLoginFormSubtitle"?: string;
-        "webLoginFormTitle"?: string;
-        "webLogoBig"?: boolean;
-        "webSubtitleText"?: string[];
     }
     interface YooLottie {
         /**
@@ -17587,6 +17579,7 @@ declare namespace LocalJSX {
         "animated"?: boolean;
         "audienceUsers"?: IUser[];
         "charts"?: { score: IMissionScoring; chart: IChartDefinition }[];
+        "disabled"?: boolean;
         "distance"?: number;
         "extraActions"?: IEntityAction[];
         "hasAudit"?: boolean;

package/dist/types/feature-operate/mission/mission-details/mission-details.d.ts

@@ -26,6 +26,7 @@ export declare class YooMissionDetailsComponent implements ComponentInterface {
   isPdf?: boolean;
   actions: TMissionActionIds[];
   extraActions?: IEntityAction[];
+  disabled?: boolean;
   animated?: boolean;
   instant?: boolean;
   book: EventEmitter<'book' | 'start' | 'unbook' | 'continue'>;

package/dist/types/feature-platform/insight/kpi-container/kpi-container.d.ts

@@ -32,7 +32,6 @@ export declare class YooKpiContainerComponent {
   kpiDelete: EventEmitter<boolean>;
   kpiDuplicate: EventEmitter<boolean>;
   kpiCopyToAnotherTab: EventEmitter<boolean>;
-  kpiPdfGenerate: EventEmitter<boolean>;
   kpiChartChangeType: EventEmitter<TChartType>;
   kpiToggleToolsPanel: EventEmitter<any>;
   kpiViewInfo: EventEmitter<any>;
@@ -68,7 +67,6 @@ export declare class YooKpiContainerComponent {
   onExport(): void;
   onExportCSV(): void;
   onExportXLSX(): void;
-  onPDFGenerate(): void;
   onKpiEdited(ev: CustomEvent<IChartDefinition>): void;
   onKpiClick(ev: CustomEvent<any>): void;
   onKpiLinkClick(ev: CustomEvent<any>): void;

package/dist/types/feature-platform/insight/kpi-external/kpi-external.d.ts

@@ -1,7 +1,10 @@
-import { IChartDefinition } from '@shared/interfaces';
+import { IChartDefinition, ITableauConfig, TAclFilterResult } from '@shared/interfaces';
 import { EventEmitter } from '../../../stencil-public-runtime';
 export declare class YooKpiExternalComponent {
-  config: any;
+  config: {
+    url: string;
+    acls?: TAclFilterResult;
+  };
   definition: IChartDefinition;
   isFullScreen: boolean;
   kpiLinkClick: EventEmitter<any>;
@@ -9,9 +12,11 @@ export declare class YooKpiExternalComponent {
   host: HTMLYooKpiExternalElement;
   private static componentCounter;
   private static EmptyStateSVGWithCustomColors;
-  private hostedKpiId;
+  private frameId;
+  private frameEl;
   constructor();
   componentWillLoad(): void;
+  getTableauConfig(): ITableauConfig;
   renderIFrame(): any;
   render(): any;
 }

package/dist/types/feature-platform/login/login/login.d.ts

@@ -1,106 +1,74 @@
 import { ComponentInterface, EventEmitter } from '../../../stencil-public-runtime';
-import type { ICssClassMap } from '../../../utils/ionic/interfaces';
-import { ILoginDetails } from './types';
+import { ILoginDetails, THexColor, TInputType, TLoginOption, TLogoShape, TMediaSource } from './types';
 export declare class YooLoginComponent implements ComponentInterface {
-  leftPanelMobileHeaderIcon: string;
-  leftPanelWebHeaderIcon: string;
-  videoBackgroundUrl: string;
-  videoHeaderIcon: string;
-  backgroundSrc: string;
-  backgroundColor: string;
-  error: string;
-  webSubtitleText: string[];
-  webLoginFormTitle: string;
-  languages: string[];
-  version: string;
-  currentLanguage: string;
-  leftPanelFooterText: string;
-  webLoginFormSubtitle: string;
-  forgotPasswordText: string;
-  emailLabel: string;
-  passwordLabel: string;
-  magicLinkButtonText: string;
-  resetPasswordButtonText: string;
-  loginButtonText: string;
-  logoSubtitle: string;
-  hideAdvancedLogin: boolean;
-  ssoOnly: boolean;
-  hasToken?: boolean;
-  webLogoBig?: boolean;
-  doLogin: EventEmitter<ILoginDetails>;
-  languageSelectedParent: EventEmitter<string>;
-  passwordResetModalRequested: EventEmitter<boolean>;
-  magicLinkModalRequested: EventEmitter<boolean>;
-  advancedLoginRequested: EventEmitter<boolean>;
-  videoHidden: boolean;
-  pageWidthSize: number;
-  passwordInputChanged: boolean;
-  inputFocused: boolean;
-  deviceInputFocused: boolean;
-  showSupport: boolean;
-  hideLoginForm: boolean;
-  showLeftPanel: boolean;
+  backgroundColor?: THexColor;
+  backgroundSrc?: TMediaSource;
+  mainTitle?: string;
+  subtitle?: string;
+  usernameLabel?: string;
+  passwordLabel?: string;
+  helpText?: string;
+  resetPasswordText?: string;
+  magicLinkText?: string;
+  defaultUsername?: string;
+  defaultPassword?: string;
+  textColor?: string;
+  version?: string;
+  isWhitelabel?: boolean;
+  ssoOnly?: boolean;
+  isDoubleColumn?: boolean;
+  hideAdvancedLogin?: boolean;
+  hideGoogleLogin?: boolean;
+  logoShape: TLogoShape;
+  sidepanelImage?: TMediaSource;
+  logo?: TMediaSource;
+  error?: string;
+  doLogin?: EventEmitter<ILoginDetails>;
+  googleLoginRequested?: EventEmitter<boolean>;
+  passwordResetModalRequested?: EventEmitter<boolean>;
+  advancedLoginRequested?: EventEmitter<boolean>;
+  magicLinkModalRequested?: EventEmitter<boolean>;
   host: HTMLYooLoginElement;
-  private language;
-  private userEmail;
-  private userPassword;
-  private emailFocused;
-  private passwordFocused;
-  private fullWindowHeight;
-  private loginContainerMobileHeight;
-  private updateVideoSrcOnDidUpdate;
-  private loginContainerMobile;
-  private loginVideoEl;
-  private emailInputEl;
-  private passwordInputEl;
-  private loginBtnEl;
-  private videoHeaderContainerEl;
-  private resizeListener;
-  private showHeaderFooterOnFocus;
-  private focusAnimation;
-  private hideTitleAndFooterForIpadMini;
-  private inputValidators;
-  private inputUIValidation;
-  private poweredByElement;
-  private get isEmailValid();
+  isFocused: boolean;
+  showPassword: boolean;
+  username: string;
+  password: string;
+  keyboardState: 'open' | 'closed' | 'transitioning';
+  private copyrightMessage;
+  private usernameInputElement;
+  private passwordInputElement;
+  private loginButtonElement;
+  private focusedInput;
+  private contentContainerElement;
+  private get isUsernameValid();
   private get isPasswordValid();
-  onLeftPanelChanged(newValue: boolean): void;
+  private get hasBackgroundMedia();
+  private get hasCustomBackground();
+  private get primaryColor();
   getPassword(): Promise<string>;
   componentWillLoad(): void;
   componentDidLoad(): void;
-  componentDidUpdate(): void;
   disconnectedCallback(): void;
-  isIphone5Screensize(): boolean;
-  hasVideoBackground(): boolean;
-  hasCustomBackground(): boolean;
   onAlertClosed(): void;
-  onAlertActionSelected(): void;
-  onInputChanged(ev: CustomEvent<string>, type: string): void;
+  onInputChanged(e: Event, type: TInputType): void;
+  onInputFocused(type: TInputType): void;
+  onInputBlurred(): void;
   onAdvancedLogin(): void;
-  onEnterPressed(): void;
-  onCanPlay(): void;
-  validateLoginInputs(): void;
-  onInputFocused(type: string): void;
-  onInputBlurred(type: string): void;
-  onPasswordIconClicked(ev: CustomEvent<string>): void;
-  hideTitleAndFooter(): void;
-  resizePage(): void;
-  onLanguageChanged(ev: CustomEvent<any>): void;
   onLogin(): void;
+  onGoogleLogin(): void;
   onForgotPassword(): void;
+  validateAndLogin(): void;
+  onFormSubmit(e: SubmitEvent): void;
   presentActionSheet(): void;
-  getVideoBackgroundClasses(): ICssClassMap;
-  renderLoginForm(): any[];
-  shouldHideHeaderVideo(): boolean;
-  renderHeaderVideo(): any;
-  renderLanguageSelector(): any;
-  renderPoweredBy(): any;
-  renderFooter(): any;
-  renderVideo(): any;
-  renderHeader(): any;
-  renderPanelBody(type?: string): any;
-  renderLeftPanel(): any;
-  renderErrorBanner(): any;
-  renderRightPanel(): any;
+  clearInput(type: TInputType): void;
+  onShowPassword(): void;
+  onIconClicked(type: TInputType): void;
+  setKeyboardListeners(): void;
+  bindReference(el: HTMLInputElement, type: TInputType): void;
+  getDefaultInputValue(type: TInputType): string;
+  getInputValue(type: TInputType): string;
+  getInputLabel(type: TInputType): string;
+  validateLogin(): void;
+  getButton(type: TLoginOption, onClick: any, ref?: any): any;
   render(): any;
 }

package/dist/types/feature-platform/login/login/parts/Background.d.ts

@@ -0,0 +1,7 @@
+import { FunctionalComponent } from '../../../../stencil-public-runtime';
+interface BackgroundProps {
+  hasBackgroundMedia: boolean;
+  image?: string;
+}
+export declare const Background: FunctionalComponent<BackgroundProps>;
+export {};

package/dist/types/feature-platform/login/login/parts/Divider.d.ts

@@ -0,0 +1,6 @@
+import { FunctionalComponent } from '../../../../stencil-public-runtime';
+interface DividerProps {
+  style: Partial<CSSStyleDeclaration> & Record<string, string | null>;
+}
+export declare const Divider: FunctionalComponent<DividerProps>;
+export {};

package/dist/types/feature-platform/login/login/parts/Footer.d.ts

@@ -0,0 +1,10 @@
+import { FunctionalComponent } from '../../../../stencil-public-runtime';
+interface FooterProps {
+  hasCustomBackground: boolean;
+  textColor: string;
+  copyrightMessage: string;
+  version: string;
+  onClick: () => void;
+}
+export declare const Footer: FunctionalComponent<FooterProps>;
+export {};

package/dist/types/feature-platform/login/login/parts/Header.d.ts

@@ -0,0 +1,11 @@
+import { FunctionalComponent } from '../../../../stencil-public-runtime';
+import { TMediaSource } from '../types';
+interface HeaderProps {
+  textColor: string;
+  logo: TMediaSource;
+  title: string;
+  error: string;
+  closeClick: () => void;
+}
+export declare const Header: FunctionalComponent<HeaderProps>;
+export {};

package/dist/types/feature-platform/login/login/parts/LoginForm.d.ts

@@ -0,0 +1,28 @@
+import { FunctionalComponent } from '../../../../stencil-public-runtime';
+import { TInputType } from '../types';
+interface LoginFormProps {
+  ssoOnly: boolean;
+  fieldTitleColor: string;
+  getInputLabel: (type: TInputType) => string;
+  getDefaultInputValue: (type: TInputType) => string;
+  getInputValue: (type: TInputType) => string;
+  focusedInput: TInputType;
+  host: HTMLYooLoginElement;
+  showPassword: boolean;
+  loginButtonRef: (el: HTMLInputElement) => void;
+  bindReference: (el: HTMLInputElement, type: TInputType) => void;
+  clearInput: (type: TInputType) => void;
+  onIconClicked: (type: TInputType) => void;
+  onInputChanged: (e: Event, type: TInputType) => void;
+  onInputFocused: (type: TInputType) => void;
+  onInputBlurred: () => void;
+  onEnterPressed: () => void;
+  onFormSubmit: (e: SubmitEvent) => void;
+  onShowPassword: () => void;
+  helpButtonElement: HTMLYooButtonElement;
+  ssoLoginButtonElement: HTMLYooButtonElement;
+  isWhitelabel: boolean;
+  buttonColor: string | null;
+}
+export declare const LoginForm: FunctionalComponent<LoginFormProps>;
+export {};

package/dist/types/feature-platform/login/login/parts/LoginInput.d.ts

@@ -0,0 +1,25 @@
+import { TBaseSize } from '@shared/interfaces';
+import { FunctionalComponent } from '../../../../stencil-public-runtime';
+import { TInputType } from '../types';
+interface LoginInputProps {
+  style: Partial<CSSStyleDeclaration> & Record<string, string | null>;
+  label: string;
+  inputType: TInputType;
+  inputSize: TBaseSize;
+  hasValue: boolean;
+  inputValue: string;
+  showPassword: boolean;
+  bindReference: (el: HTMLInputElement, type: TInputType) => void;
+  onInputChanged: (e: Event) => void;
+  onInputFocused: () => void;
+  onInputBlurred: () => void;
+  onKeyPress: (e: Event) => void;
+  onShowPassword: () => void;
+  clearInput: () => void;
+  onIconClicked: () => void;
+  isMobile: boolean;
+  isFocused: boolean;
+  isWhitelabel: boolean;
+}
+export declare const LoginInput: FunctionalComponent<LoginInputProps>;
+export {};