@yoobic/yobi 8.3.0-4 → 8.3.0-43

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, IBaseCustomActionComponent, IBattleListEntry, IBattleStatus, IBattleUserWithStats, IButton, ICalendarDateChange, ICardFeedEntry, ICardListEntry, ICardMediaFullscreenParams, ICardProgress, ICardVideoParticipant, IChartDefinition, IChatAdvancedOptions, IChatBroadcastParams, IChatFloatingAnimationParams, IChatInputParams, IChatMessage, ICheckboxParams, IColumnDefinition, ICommunity, ICompetency, ICondition, IConfidenceValues, IConfigService, ICourse, ICustomActionConfig, ICustomFormField, ICustomModel, ICustomView, IDashboard, IDeviceEntry, IDrawflowExport, IEntitiesAction, IEntity, IEntityAction, IEntityActionType, IEntitySearchFilters, IEntitySearchRequest, IEntitySearchTags, IEntityWithName, IExternalValidator, IFeed, IFileInterface, IFilters, IFormEntityValuePairsConfig, IFormExtraOptions, IFormField, IFormFieldChanged, 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, SwipeCardsMode, 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";
@@ -21,6 +21,7 @@ import { ICardMenuEntry } from "./feature-learn/learning/card-menu/types";
 import { ICardStickyEntry, TCardStickyType } from "./components/entities/card-sticky/types";
 import { Highcharts } from "./feature-platform/insight/chart/highcharts";
 import { IChartMicroConfig } from "./feature-platform/insight/chart-micro/types";
+import { DrawflowNode } from "drawflow";
 import { CountryCode } from "libphonenumber-js";
 import { TFlagShape } from "./components/1.atoms/flag/types";
 import { YooImageCropperDialogComponent } from "./components/form/image-cropper-dialog/image-cropper-dialog";
@@ -30,16 +31,14 @@ import { ICollectionProducts } from "./components/form/form-image-collection/typ
 import { IFormPlanAssignValue } from "./components/form/form-plan-assign/types";
 import { IProgressIndicator } from "./components/form/form-progress-indicator/types";
 import { TFormRadioOption } from "./components/form/form-radio/types";
-import { SwipeCardsMode } from "./components/form/form-swipe-cards/form-swipe-cards.interfaces";
 import { IInsertElementProp } from "./utils/helpers/form-text-area-helpers";
-import { TodoListMode } from "./interfaces/form-field/form-field.instance";
 import { IVideoPlayerCore, IVideoPlayerModalOptions, IVideoPlayerSubtitle, TVideoPlayer, TVideoPlayerPreload } from "./components/3.organisms/video-player/types";
 import { IImgSVGOptions, TImgType } from "./components/1.atoms/img/types";
 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 { ComponentProps, 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";
@@ -334,6 +333,10 @@ export namespace Components {
           * Accepts a number to define how many users are not shown in an avatars component.
          */
         "overflowCount"?: number;
+        /**
+          * Show colored border
+         */
+        "showBorder"?: boolean;
         /**
           * Sizes the avatar container.
          */
@@ -356,6 +359,10 @@ export namespace Components {
         "vipNotification"?: boolean;
     }
     interface YooAvatars {
+        /**
+          * Optional prop for changing icon color.
+         */
+        "colors"?: (TPaletteColor | string)[];
         /**
           * Passes into the avatars the amount of characters to display in user name under avatar.
           * @property {concatCount}
@@ -391,6 +398,13 @@ export namespace Components {
           * @default 10
          */
         "maxDisplay": number;
+        /**
+          * If ```true```, show the bordered color
+          * @property {showBorder}
+          * @type boolean
+          * @default false
+         */
+        "showBorder"?: boolean;
         /**
           * If ```true```, add a show more call to action
           * @property {showMore}
@@ -427,20 +441,6 @@ export namespace Components {
         "imgWidth": number;
         "scaleValue": number;
     }
-    interface YooBackgroundBlur {
-        /**
-          * Parent element height to fit background image into.
-         */
-        "height": number;
-        /**
-          * Cloudinary image url.
-         */
-        "imageUrl": string;
-        /**
-          * Parent element width to fit background image into.
-         */
-        "width": number;
-    }
     interface YooBadge {
         /**
           * Defines badge color, by default is set to danger
@@ -469,6 +469,10 @@ export namespace Components {
          */
         "closable"?: boolean;
         "close": (event: MouseEvent) => Promise<void>;
+        /**
+          * Close icon props
+         */
+        "closeIcon": Partial<YooIconComponent>;
         /**
           * If `true`, the banner will be filled of the type color
          */
@@ -1339,10 +1343,12 @@ export namespace Components {
         "iconSize"?: TIconSize;
         "isDeletable"?: boolean;
         "isPdf"?: boolean;
+        "size"?: TSize;
         /**
           * Slot the header to have custom style
          */
         "slotHeader"?: boolean;
+        "toggleWithArrowOnly"?: boolean;
         "useButton"?: boolean;
     }
     interface YooColorSelector {
@@ -1619,8 +1625,10 @@ export namespace Components {
         "changeValue": number;
     }
     interface YooDrawFlow {
-        "addBlock": (block: ICustomActionComponent) => Promise<void>;
-        "config": any;
+        "addBlock": (block: IBaseCustomActionComponent) => Promise<void>;
+        "clear": () => Promise<void>;
+        "config": IDrawflowExport;
+        "updateConnectionNodes": (nodeId: number) => Promise<void>;
         "updateNodeConfig": (nodeId: number, config: ICustomActionConfig) => Promise<void>;
     }
     interface YooEmptyState {
@@ -1802,6 +1810,7 @@ export namespace Components {
         "currentSelectedTags": IEntitySearchTags[];
         "customDataLoader"?: TGridCustomDataLoader;
         "customModel": ICustomModel;
+        "dialogWidth"?: string;
         "disableSingleDeselection": boolean;
         "disabled": boolean;
         "displayType": CardType;
@@ -1870,6 +1879,7 @@ export namespace Components {
         "uploadInitialValue"?: boolean;
         "useTranslate": boolean;
         "useUploader": boolean;
+        "validateOnLoad"?: boolean;
         "validators": (Validator<any> | IValidatorEntry)[];
         "validity": boolean;
         "value": any[] | any;
@@ -1895,7 +1905,6 @@ export namespace Components {
         "getLocalSearchValue": () => Promise<string>;
         "gridExpandedOnLoad": boolean;
         "gridExtraOptions": IGridExtraOptions;
-        "height": number;
         "hideHeader": boolean;
         "hideTags": boolean;
         "idAttributeName": string;
@@ -1929,7 +1938,6 @@ export namespace Components {
         "value": any;
         "values": any[];
         "valuesColor"?: { key: string; value: string }[];
-        "width": number;
     }
     interface YooFormBarcode {
         "asyncValidators": AsyncValidator<string>[];
@@ -2053,6 +2061,7 @@ export namespace Components {
         "annotations"?: IPhotoAnnotation[][];
         "contained"?: boolean;
         "currentSlideIndex": number;
+        "displayPhotoCounter"?: boolean;
         "drawings"?: string[];
         "hasGradient"?: boolean;
         "instant"?: boolean;
@@ -2083,6 +2092,7 @@ export namespace Components {
         "isHistory": boolean;
         "isInventory": boolean;
         "isPresence": boolean;
+        "keepAutocompleteSelection": boolean;
         "model": IAppSearchTab;
         "multiple": boolean;
         "name": string;
@@ -2146,6 +2156,10 @@ export namespace Components {
          */
         "asyncValidators": AsyncValidator<boolean>[];
         "check": () => Promise<boolean>;
+        /**
+          * Specifies whether the component is in disabled mode.
+         */
+        "disabled": boolean;
         /**
           * The header appears as a checkbox label.
          */
@@ -2159,7 +2173,7 @@ export namespace Components {
          */
         "iconColor": TColor;
         /**
-          * Specifies wether the component is in readonly mode.
+          * Specifies whether the component is in readonly mode.
          */
         "readonly": boolean;
         /**
@@ -2250,7 +2264,7 @@ export namespace Components {
     }
     interface YooFormChoiceImage {
         "animated"?: boolean;
-        "answer": IFormChoiceValue[];
+        "answer": (string | Pick<IFormChoiceValue, 'text' | 'image'>)[];
         "description": string;
         "isHistory": boolean;
         "isPdf"?: boolean;
@@ -2261,7 +2275,7 @@ export namespace Components {
         "selected": boolean;
         "shuffled"?: boolean;
         "validators": (Validator<any[]> | IValidatorEntry)[];
-        "value": IFormChoiceValue[] | IFormChoiceValue;
+        "value": string[] | string;
         "values": IFormChoiceValue[];
     }
     interface YooFormChoiceRadio {
@@ -2608,6 +2622,8 @@ export namespace Components {
     }
     interface YooFormCreatorFieldSelector {
         "categories": FormFieldCategory[];
+        "categoriesTitle": { category: FormFieldCategory; title: string; }[];
+        "forceOpenedAll"?: boolean;
         "getNewFieldContainerBlocks": () => Promise<HTMLElement[]>;
         "initialCustomFormFields": ICustomFormField[];
         "initialSimpleFormBlocks": { information: any[]; };
@@ -3036,6 +3052,7 @@ export namespace Components {
         "dirty": boolean;
         "documentSecondaryActions": IActionSheetButton[];
         "extraButtons"?: IEntityAction[];
+        "findFieldElement": (fieldName: string) => Promise<any>;
         "findPreviousValue": (fieldName: string) => Promise<{ field: IFormField; value: any; extra: any; }>;
         "focusForm"?: boolean;
         "focusInvalidField": (displayToast: boolean) => Promise<void>;
@@ -3490,6 +3507,7 @@ export namespace Components {
         "focusOnRendered": boolean;
         "forceValidation": () => Promise<void>;
         "forceValueUpdate": boolean;
+        "format": 'input' | 'contenteditable';
         "getElement": () => Promise<this>;
         "hasIconPrefix": boolean;
         "hideOptional": boolean;
@@ -3520,7 +3538,7 @@ export namespace Components {
         "textSuffix"?: string;
         "tooltip": string;
         "translations"?: ITranslation[];
-        "type": string;
+        "type": 'email' | 'number' | 'password' | 'text';
         "uiValidation": IFormUIValidation;
         "useTranslate": boolean;
         "validators": (Validator<string> | IValidatorEntry)[];
@@ -3864,10 +3882,26 @@ export namespace Components {
     }
     interface YooFormQrcode {
         "asyncValidators": Array<AsyncValidator<string>>;
+        /**
+          * Description displayed on top of Share Link button and QR Code
+         */
+        "description"?: string;
         "logo"?: string;
         "placeholder": string;
         "readonly": boolean;
         "required": boolean;
+        /**
+          * Show button to download QR Code link
+         */
+        "showDownload"?: boolean;
+        /**
+          * Show illustration on top of the description
+         */
+        "showIllustration"?: boolean;
+        /**
+          * Show button to share QR Code link
+         */
+        "showShareLink"?: boolean;
         "size"?: TBaseSize;
         "type": string;
         "validators": Array<Validator<string> | IValidatorEntry>;
@@ -4226,6 +4260,7 @@ export namespace Components {
         "linkPreviews": ILinkPreview[];
         "maxCharacters": number;
         "maxRows": number;
+        "mentionConfigs"?: { type: string, id: string };
         "mentionFitMaxRows": boolean;
         "mentions": IMention[];
         "name": string;
@@ -4259,6 +4294,7 @@ export namespace Components {
         "isFullscreen"?: boolean;
         "linkPreviews"?: ILinkPreview[];
         "maxHeight": number;
+        "mentionConfigs"?: { type: string, id: string };
         /**
           * List of mentions
          */
@@ -4333,63 +4369,66 @@ export namespace Components {
         "todo": ITodo;
         "values": string[];
     }
-    interface YooFormTodoList {
-        "extraData": { locations: ILocation[] };
+    interface YooFormTodoSingle {
+        "dueDateToClean"?: Date;
+        "isPreview"?: boolean;
+        "parentScroll": HTMLYooIonScrollElement;
+        "readonly": boolean;
+        "slidesTodoTask": ISlide[];
+        "type": 'mission' | 'form';
+        "values": ITodoTask[];
+    }
+    interface YooFormTodoTask {
         /**
-          * @prop {boolean} hideHeader Hide the title and the main actions from the list. in this case, title is no more required
+          * Additional actions.
          */
-        "hideHeader": boolean;
+        "actions"?: IActionSheetButton[];
         /**
-          * @prop {boolean} isCompleteLocked Specify if the user is denied to mark the tasks as complete
+          * If true`, it automatically focuses the input on edit mode.
          */
-        "isCompleteLocked": boolean;
+        "autofocus": boolean;
         /**
-          * @prop {boolean} mode used to adapt the UI according to the chosen mode
+          * Returns `true` if the component is valid, `false` otherwise.
          */
-        "mode": TodoListMode;
+        "isValid": () => Promise<boolean>;
         /**
-          * @prop {boolean} readonly Specify if the component is in readonly mode or not. Be aware that it will be always editable if the mode is 'kanban'.
+          * If `true`, it is in read mode.
          */
-        "readonly": boolean;
-        "required": boolean;
-        "translations": ITranslation[];
+        "readonly"?: boolean;
         /**
-          * @prop {ITodo} value The definition of the list (its title, and its list of tasks)
+          * If `true`, it is a required part of form submission.
          */
-        "value": ITodo;
-    }
-    interface YooFormTodoListDialog {
-        "header": string;
-        "locations": ILocation[];
-        "mode": TodoListMode;
-        "placeholder": string;
-        "saveBtnText": string;
-        "value": ITodoTask;
-    }
-    interface YooFormTodoListTask {
-        "actions": IButton[];
-        "isCompleteLocked": boolean;
-        "isTaskEdited": boolean;
-        "locations": ILocation[];
-        "mode": TodoListMode;
-        "onAssignUser": (ev?: MouseEvent) => Promise<void>;
-        "onOpenCalendar": (ev?: MouseEvent) => Promise<void>;
-        "onToggleDescription": (ev?: MouseEvent) => Promise<void>;
-        "onToggleImageRequired": (ev?: MouseEvent | CustomEvent<boolean>) => Promise<void>;
-        "placeholder": string;
-        "readonly": boolean;
-        "saveBtnText": string;
-        "translations": ITranslation[];
-        "value": ITodoTask;
+        "required"?: boolean;
+        /**
+          * Translations used in the associated form.
+         */
+        "translations"?: ITranslation[];
+        /**
+          * Value associated with the form task.
+         */
+        "value"?: ITodoTask;
     }
-    interface YooFormTodoSingle {
-        "dueDateToClean"?: Date;
-        "isPreview"?: boolean;
-        "parentScroll": HTMLYooIonScrollElement;
-        "readonly": boolean;
-        "slidesTodoTask": ISlide[];
-        "type": 'mission' | 'form';
-        "values": ITodoTask[];
+    interface YooFormTodoTaskList {
+        /**
+          * If true`, it automatically focuses a task on edit mode.
+         */
+        "autofocus": boolean;
+        /**
+          * Returns `true` if the component is valid, `false` otherwise.
+         */
+        "isValid": () => Promise<boolean>;
+        /**
+          * If `true`, it is a required part of form submission.
+         */
+        "required"?: boolean;
+        /**
+          * Translations used in the associated form.
+         */
+        "translations"?: ITranslation[];
+        /**
+          * Value associated with the form task list.
+         */
+        "value"?: ITodo;
     }
     interface YooFormToggle {
         /**
@@ -4541,7 +4580,7 @@ export namespace Components {
         "displaySize"?: TSize;
         "displayType": CardType;
         "displayTypes": CardType[];
-        "doPrintLocal": (type: TExport) => Promise<void>;
+        "doPrintLocal": (type: TExport, forceHtml?: boolean) => Promise<void>;
         "draggingHitTestElementId": string;
         "dynamicOrdering": boolean;
         "editable"?: boolean;
@@ -4634,6 +4673,7 @@ export namespace Components {
         "model": IAppSearchTab;
         "multiple": boolean;
         "onForceSearch": (ev: CustomEvent<string>) => Promise<void>;
+        "onToggleSelectAll": (forceSelectAll?: boolean) => Promise<void>;
         "origin"?: string;
         "pageSize": number;
         "preventSearchReset"?: boolean;
@@ -4930,6 +4970,7 @@ export namespace Components {
          */
         "captureIconSettings": IInputBarCaptureSettings;
         "focusInputField": (hasText?: boolean, focusAfterUpdate?: boolean) => Promise<void>;
+        "mentionConfigs"?: { type: string, id: string };
         "onToggleBottomDialog": (completeHandler?: (ev?: any) => any) => Promise<void>;
         /**
           * Initial placeholder
@@ -5110,7 +5151,7 @@ export namespace Components {
         /**
           * The component to display inside of the modal.
          */
-        "component": ComponentRef;
+        "component": HTMLElement;
         "componentInstance"?: any;
         /**
           * The data to pass to the modal component.
@@ -5454,7 +5495,7 @@ export namespace Components {
         "type": IKpiTypes;
     }
     interface YooKpiExternal {
-        "config": any;
+        "config": { url: string; acls?: TAclFilterResult; };
         "definition": IChartDefinition;
         "isFullScreen": boolean;
     }
@@ -5469,6 +5510,7 @@ export namespace Components {
     }
     interface YooLayoutTwoColumns {
         "header": string;
+        "hideHeader": boolean;
     }
     interface YooLessonDetail {
         "assignmentDate": Date;
@@ -5505,6 +5547,7 @@ export namespace Components {
         "earnedPoints": number;
         "explanationDocument": IFileInterface;
         "fields": IFormField[];
+        "forceMobile": boolean;
         "isAnimationFinished": boolean;
         "isRatingEnabled": boolean;
         "lastField": boolean;
@@ -5594,32 +5637,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 +5808,7 @@ export namespace Components {
         "animated"?: boolean;
         "audienceUsers": IUser[];
         "charts": { score: IMissionScoring; chart: IChartDefinition }[];
+        "disabled"?: boolean;
         "distance"?: number;
         "extraActions"?: IEntityAction[];
         "hasAudit": boolean;
@@ -5963,6 +6004,7 @@ export namespace Components {
     }
     interface YooPointsRecap {
         "footer": string;
+        "forceTotalPoints"?: boolean;
         "heading": string;
         "items"?: IItemsPoints[];
         "showItemIcon"?: boolean;
@@ -6174,20 +6216,6 @@ export namespace Components {
          */
         "submittedLottie": TLottieType;
     }
-    interface YooRecapLink {
-        /**
-          * The main text in the recap link
-         */
-        "heading": string;
-        /**
-          * This will hold a string defining the icon to be shown in the link
-         */
-        "icon": TIconName;
-        /**
-          * The description in the recap link
-         */
-        "subheading": string;
-    }
     interface YooReportBuilder {
         "missionDescription": IMissionDescription;
     }
@@ -6529,14 +6557,12 @@ export namespace Components {
          */
         "textCustomColor": string;
     }
-    interface YooTappable {
-    }
     interface YooText {
         "content": string;
         /**
-          * Addition conversion to be applied after the content is sanitize for  security reason
+          * Addition conversion to be applied after the content is sanitize for security reason
          */
-        "extraConversion": ((val: string) => string)[];
+        "extraConversion": (host: HTMLYooTextElement) => void;
     }
     interface YooTextSequence {
         "animated"?: boolean;
@@ -6718,8 +6744,13 @@ export namespace Components {
     interface YooUserWizard {
         "addIcon"?: TIconName;
         "addIconSize"?: TIconSize;
+        "addIconUser"?: IUser;
         "addText"?: string;
         "fallbackIcon"?: TIconName;
+        /**
+          * If there is no content, we hide the title text
+         */
+        "hideIfEmpty"?: boolean;
         "isImageCard"?: boolean;
         "items"?: IUserWizardEntry[];
         "showAdd"?: boolean;
@@ -7382,6 +7413,10 @@ export interface YooDetailBarCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLYooDetailBarElement;
 }
+export interface YooDeviceCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLYooDeviceElement;
+}
 export interface YooDrawFlowCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLYooDrawFlowElement;
@@ -7838,21 +7873,17 @@ export interface YooFormTodoCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLYooFormTodoElement;
 }
-export interface YooFormTodoListCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLYooFormTodoListElement;
-}
-export interface YooFormTodoListDialogCustomEvent<T> extends CustomEvent<T> {
+export interface YooFormTodoSingleCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLYooFormTodoListDialogElement;
+    target: HTMLYooFormTodoSingleElement;
 }
-export interface YooFormTodoListTaskCustomEvent<T> extends CustomEvent<T> {
+export interface YooFormTodoTaskCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLYooFormTodoListTaskElement;
+    target: HTMLYooFormTodoTaskElement;
 }
-export interface YooFormTodoSingleCustomEvent<T> extends CustomEvent<T> {
+export interface YooFormTodoTaskListCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLYooFormTodoSingleElement;
+    target: HTMLYooFormTodoTaskListElement;
 }
 export interface YooFormToggleCustomEvent<T> extends CustomEvent<T> {
     detail: T;
@@ -8303,12 +8334,6 @@ declare global {
         prototype: HTMLYooBackgroundElement;
         new (): HTMLYooBackgroundElement;
     };
-    interface HTMLYooBackgroundBlurElement extends Components.YooBackgroundBlur, HTMLStencilElement {
-    }
-    var HTMLYooBackgroundBlurElement: {
-        prototype: HTMLYooBackgroundBlurElement;
-        new (): HTMLYooBackgroundBlurElement;
-    };
     interface HTMLYooBadgeElement extends Components.YooBadge, HTMLStencilElement {
     }
     var HTMLYooBadgeElement: {
@@ -9521,30 +9546,24 @@ declare global {
         prototype: HTMLYooFormTodoDialogElement;
         new (): HTMLYooFormTodoDialogElement;
     };
-    interface HTMLYooFormTodoListElement extends Components.YooFormTodoList, HTMLStencilElement {
-    }
-    var HTMLYooFormTodoListElement: {
-        prototype: HTMLYooFormTodoListElement;
-        new (): HTMLYooFormTodoListElement;
-    };
-    interface HTMLYooFormTodoListDialogElement extends Components.YooFormTodoListDialog, HTMLStencilElement {
-    }
-    var HTMLYooFormTodoListDialogElement: {
-        prototype: HTMLYooFormTodoListDialogElement;
-        new (): HTMLYooFormTodoListDialogElement;
-    };
-    interface HTMLYooFormTodoListTaskElement extends Components.YooFormTodoListTask, HTMLStencilElement {
-    }
-    var HTMLYooFormTodoListTaskElement: {
-        prototype: HTMLYooFormTodoListTaskElement;
-        new (): HTMLYooFormTodoListTaskElement;
-    };
     interface HTMLYooFormTodoSingleElement extends Components.YooFormTodoSingle, HTMLStencilElement {
     }
     var HTMLYooFormTodoSingleElement: {
         prototype: HTMLYooFormTodoSingleElement;
         new (): HTMLYooFormTodoSingleElement;
     };
+    interface HTMLYooFormTodoTaskElement extends Components.YooFormTodoTask, HTMLStencilElement {
+    }
+    var HTMLYooFormTodoTaskElement: {
+        prototype: HTMLYooFormTodoTaskElement;
+        new (): HTMLYooFormTodoTaskElement;
+    };
+    interface HTMLYooFormTodoTaskListElement extends Components.YooFormTodoTaskList, HTMLStencilElement {
+    }
+    var HTMLYooFormTodoTaskListElement: {
+        prototype: HTMLYooFormTodoTaskListElement;
+        new (): HTMLYooFormTodoTaskListElement;
+    };
     interface HTMLYooFormToggleElement extends Components.YooFormToggle, HTMLStencilElement {
     }
     var HTMLYooFormToggleElement: {
@@ -10061,12 +10080,6 @@ declare global {
         prototype: HTMLYooRatingElement;
         new (): HTMLYooRatingElement;
     };
-    interface HTMLYooRecapLinkElement extends Components.YooRecapLink, HTMLStencilElement {
-    }
-    var HTMLYooRecapLinkElement: {
-        prototype: HTMLYooRecapLinkElement;
-        new (): HTMLYooRecapLinkElement;
-    };
     interface HTMLYooReportBuilderElement extends Components.YooReportBuilder, HTMLStencilElement {
     }
     var HTMLYooReportBuilderElement: {
@@ -10187,12 +10200,6 @@ declare global {
         prototype: HTMLYooTagElement;
         new (): HTMLYooTagElement;
     };
-    interface HTMLYooTappableElement extends Components.YooTappable, HTMLStencilElement {
-    }
-    var HTMLYooTappableElement: {
-        prototype: HTMLYooTappableElement;
-        new (): HTMLYooTappableElement;
-    };
     interface HTMLYooTextElement extends Components.YooText, HTMLStencilElement {
     }
     var HTMLYooTextElement: {
@@ -10400,7 +10407,6 @@ declare global {
         "yoo-avatar": HTMLYooAvatarElement;
         "yoo-avatars": HTMLYooAvatarsElement;
         "yoo-background": HTMLYooBackgroundElement;
-        "yoo-background-blur": HTMLYooBackgroundBlurElement;
         "yoo-badge": HTMLYooBadgeElement;
         "yoo-banner": HTMLYooBannerElement;
         "yoo-barcode": HTMLYooBarcodeElement;
@@ -10603,10 +10609,9 @@ declare global {
         "yoo-form-timeslots": HTMLYooFormTimeslotsElement;
         "yoo-form-todo": HTMLYooFormTodoElement;
         "yoo-form-todo-dialog": HTMLYooFormTodoDialogElement;
-        "yoo-form-todo-list": HTMLYooFormTodoListElement;
-        "yoo-form-todo-list-dialog": HTMLYooFormTodoListDialogElement;
-        "yoo-form-todo-list-task": HTMLYooFormTodoListTaskElement;
         "yoo-form-todo-single": HTMLYooFormTodoSingleElement;
+        "yoo-form-todo-task": HTMLYooFormTodoTaskElement;
+        "yoo-form-todo-task-list": HTMLYooFormTodoTaskListElement;
         "yoo-form-toggle": HTMLYooFormToggleElement;
         "yoo-form-uploader": HTMLYooFormUploaderElement;
         "yoo-form-videoplayer": HTMLYooFormVideoplayerElement;
@@ -10693,7 +10698,6 @@ declare global {
         "yoo-property-card": HTMLYooPropertyCardElement;
         "yoo-range": HTMLYooRangeElement;
         "yoo-rating": HTMLYooRatingElement;
-        "yoo-recap-link": HTMLYooRecapLinkElement;
         "yoo-report-builder": HTMLYooReportBuilderElement;
         "yoo-reset-password": HTMLYooResetPasswordElement;
         "yoo-result-dialog": HTMLYooResultDialogElement;
@@ -10714,7 +10718,6 @@ declare global {
         "yoo-tabs": HTMLYooTabsElement;
         "yoo-tabs-slides": HTMLYooTabsSlidesElement;
         "yoo-tag": HTMLYooTagElement;
-        "yoo-tappable": HTMLYooTappableElement;
         "yoo-text": HTMLYooTextElement;
         "yoo-text-sequence": HTMLYooTextSequenceElement;
         "yoo-toast": HTMLYooToastElement;
@@ -11035,6 +11038,10 @@ declare namespace LocalJSX {
           * Accepts a number to define how many users are not shown in an avatars component.
          */
         "overflowCount"?: number;
+        /**
+          * Show colored border
+         */
+        "showBorder"?: boolean;
         /**
           * Sizes the avatar container.
          */
@@ -11057,6 +11064,10 @@ declare namespace LocalJSX {
         "vipNotification"?: boolean;
     }
     interface YooAvatars {
+        /**
+          * Optional prop for changing icon color.
+         */
+        "colors"?: (TPaletteColor | string)[];
         /**
           * Passes into the avatars the amount of characters to display in user name under avatar.
           * @property {concatCount}
@@ -11099,6 +11110,13 @@ declare namespace LocalJSX {
           * @default boolean
          */
         "onClicked"?: (event: YooAvatarsCustomEvent<boolean>) => void;
+        /**
+          * If ```true```, show the bordered color
+          * @property {showBorder}
+          * @type boolean
+          * @default false
+         */
+        "showBorder"?: boolean;
         /**
           * If ```true```, add a show more call to action
           * @property {showMore}
@@ -11135,20 +11153,6 @@ declare namespace LocalJSX {
         "imgWidth"?: number;
         "scaleValue"?: number;
     }
-    interface YooBackgroundBlur {
-        /**
-          * Parent element height to fit background image into.
-         */
-        "height"?: number;
-        /**
-          * Cloudinary image url.
-         */
-        "imageUrl"?: string;
-        /**
-          * Parent element width to fit background image into.
-         */
-        "width"?: number;
-    }
     interface YooBadge {
         /**
           * Defines badge color, by default is set to danger
@@ -11176,6 +11180,10 @@ declare namespace LocalJSX {
           * If `true`, a close button is displayed
          */
         "closable"?: boolean;
+        /**
+          * Close icon props
+         */
+        "closeIcon"?: Partial<YooIconComponent>;
         /**
           * If `true`, the banner will be filled of the type color
          */
@@ -12123,10 +12131,12 @@ declare namespace LocalJSX {
         "isPdf"?: boolean;
         "onContentShown"?: (event: YooCollapsibleCustomEvent<boolean>) => void;
         "onDeleteClicked"?: (event: YooCollapsibleCustomEvent<any>) => void;
+        "size"?: TSize;
         /**
           * Slot the header to have custom style
          */
         "slotHeader"?: boolean;
+        "toggleWithArrowOnly"?: boolean;
         "useButton"?: boolean;
     }
     interface YooColorSelector {
@@ -12342,9 +12352,13 @@ declare namespace LocalJSX {
          */
         "nbAssignedUsers"?: number;
         /**
-          * Operations Mission open preview
+          * Open preview
          */
         "onPreviewed"?: (event: YooDetailBarCustomEvent<boolean>) => void;
+        /**
+          * Share preview
+         */
+        "onSharedPreview"?: (event: YooDetailBarCustomEvent<boolean>) => void;
         /**
           * Boost course open google translate
          */
@@ -12409,6 +12423,7 @@ declare namespace LocalJSX {
           * The device type to display, some devices may not have color options
          */
         "deviceEntry"?: IDeviceEntry;
+        "onDeviceCreated"?: (event: YooDeviceCustomEvent<HTMLYooDeviceElement>) => void;
         "resizeOnUpdate"?: boolean;
         /**
           * The device will apply a scale tranform it it is too big for it's parent
@@ -12424,9 +12439,10 @@ declare namespace LocalJSX {
         "changeValue"?: number;
     }
     interface YooDrawFlow {
-        "config"?: any;
-        "onBlockSelected"?: (event: YooDrawFlowCustomEvent<any>) => void;
-        "onFlowUpdated"?: (event: YooDrawFlowCustomEvent<any>) => void;
+        "config"?: IDrawflowExport;
+        "onBlockSelected"?: (event: YooDrawFlowCustomEvent<{ node: DrawflowNode, edit: boolean }>) => void;
+        "onBlockToggled"?: (event: YooDrawFlowCustomEvent<{ node: DrawflowNode, collasped: boolean }>) => void;
+        "onFlowUpdated"?: (event: YooDrawFlowCustomEvent<IDrawflowExport>) => void;
     }
     interface YooEmptyState {
         /**
@@ -12646,6 +12662,7 @@ declare namespace LocalJSX {
         "currentSelectedTags"?: IEntitySearchTags[];
         "customDataLoader"?: TGridCustomDataLoader;
         "customModel"?: ICustomModel;
+        "dialogWidth"?: string;
         "disableSingleDeselection"?: boolean;
         "disabled"?: boolean;
         "displayType"?: CardType;
@@ -12718,6 +12735,7 @@ declare namespace LocalJSX {
         "uploadInitialValue"?: boolean;
         "useTranslate"?: boolean;
         "useUploader"?: boolean;
+        "validateOnLoad"?: boolean;
         "validators"?: (Validator<any> | IValidatorEntry)[];
         "validity"?: boolean;
         "value"?: any[] | any;
@@ -12742,7 +12760,6 @@ declare namespace LocalJSX {
         "forceHideSearch"?: boolean;
         "gridExpandedOnLoad"?: boolean;
         "gridExtraOptions"?: IGridExtraOptions;
-        "height"?: number;
         "hideHeader"?: boolean;
         "hideTags"?: boolean;
         "idAttributeName"?: string;
@@ -12788,7 +12805,6 @@ declare namespace LocalJSX {
         "value"?: any;
         "values"?: any[];
         "valuesColor"?: { key: string; value: string }[];
-        "width"?: number;
     }
     interface YooFormBarcode {
         "asyncValidators"?: AsyncValidator<string>[];
@@ -12916,6 +12932,7 @@ declare namespace LocalJSX {
         "annotations"?: IPhotoAnnotation[][];
         "contained"?: boolean;
         "currentSlideIndex"?: number;
+        "displayPhotoCounter"?: boolean;
         "drawings"?: string[];
         "hasGradient"?: boolean;
         "instant"?: boolean;
@@ -12950,6 +12967,7 @@ declare namespace LocalJSX {
         "isHistory"?: boolean;
         "isInventory"?: boolean;
         "isPresence"?: boolean;
+        "keepAutocompleteSelection"?: boolean;
         "model"?: IAppSearchTab;
         "multiple"?: boolean;
         "name"?: string;
@@ -13025,6 +13043,10 @@ declare namespace LocalJSX {
           * Checks the validity of the component using async.
          */
         "asyncValidators"?: AsyncValidator<boolean>[];
+        /**
+          * Specifies whether the component is in disabled mode.
+         */
+        "disabled"?: boolean;
         /**
           * The header appears as a checkbox label.
          */
@@ -13054,7 +13076,7 @@ declare namespace LocalJSX {
          */
         "onValidityChanged"?: (event: YooFormCheckboxCustomEvent<boolean>) => void;
         /**
-          * Specifies wether the component is in readonly mode.
+          * Specifies whether the component is in readonly mode.
          */
         "readonly"?: boolean;
         /**
@@ -13160,7 +13182,7 @@ declare namespace LocalJSX {
     }
     interface YooFormChoiceImage {
         "animated"?: boolean;
-        "answer"?: IFormChoiceValue[];
+        "answer"?: (string | Pick<IFormChoiceValue, 'text' | 'image'>)[];
         "description"?: string;
         "isHistory"?: boolean;
         "isPdf"?: boolean;
@@ -13175,7 +13197,7 @@ declare namespace LocalJSX {
         "selected"?: boolean;
         "shuffled"?: boolean;
         "validators"?: (Validator<any[]> | IValidatorEntry)[];
-        "value"?: IFormChoiceValue[] | IFormChoiceValue;
+        "value"?: string[] | string;
         "values"?: IFormChoiceValue[];
     }
     interface YooFormChoiceRadio {
@@ -13873,6 +13895,8 @@ declare namespace LocalJSX {
     }
     interface YooFormCreatorFieldSelector {
         "categories"?: FormFieldCategory[];
+        "categoriesTitle"?: { category: FormFieldCategory; title: string; }[];
+        "forceOpenedAll"?: boolean;
         "initialCustomFormFields"?: ICustomFormField[];
         "initialSimpleFormBlocks"?: { information: any[]; };
         "masterTitle"?: string;
@@ -14563,7 +14587,7 @@ declare namespace LocalJSX {
         "onActionSheetOpened"?: (event: YooFormDynamicCustomEvent<IFormField>) => void;
         "onDataChanged"?: (event: YooFormDynamicCustomEvent<any>) => void;
         "onExtraDataChanged"?: (event: YooFormDynamicCustomEvent<any>) => void;
-        "onFieldChanged"?: (event: YooFormDynamicCustomEvent<{ field: IFormField; value: any; name: string; opValues: string[][]; operator?: FormFilterAutocompleteOperator }>) => void;
+        "onFieldChanged"?: (event: YooFormDynamicCustomEvent<IFormFieldChanged>) => void;
         "onFieldFetchCustomData"?: (event: YooFormDynamicCustomEvent<{ field: IFormField; filters: any }>) => void;
         "onFieldFetchData"?: (event: YooFormDynamicCustomEvent<IFormSearch>) => void;
         "onFieldRemoved"?: (event: YooFormDynamicCustomEvent<IFormField>) => void;
@@ -15047,6 +15071,7 @@ declare namespace LocalJSX {
         "fireInputChangeEvent"?: boolean;
         "focusOnRendered"?: boolean;
         "forceValueUpdate"?: boolean;
+        "format"?: 'input' | 'contenteditable';
         "hasIconPrefix"?: boolean;
         "hideOptional"?: boolean;
         "iconPrefix"?: TIconName;
@@ -15081,7 +15106,7 @@ declare namespace LocalJSX {
         "textSuffix"?: string;
         "tooltip"?: string;
         "translations"?: ITranslation[];
-        "type"?: string;
+        "type"?: 'email' | 'number' | 'password' | 'text';
         "uiValidation"?: IFormUIValidation;
         "useTranslate"?: boolean;
         "validators"?: (Validator<string> | IValidatorEntry)[];
@@ -15491,6 +15516,10 @@ declare namespace LocalJSX {
     }
     interface YooFormQrcode {
         "asyncValidators"?: Array<AsyncValidator<string>>;
+        /**
+          * Description displayed on top of Share Link button and QR Code
+         */
+        "description"?: string;
         "logo"?: string;
         "onInputBlurred"?: (event: YooFormQrcodeCustomEvent<any>) => void;
         "onInputChanged"?: (event: YooFormQrcodeCustomEvent<any>) => void;
@@ -15499,6 +15528,18 @@ declare namespace LocalJSX {
         "placeholder"?: string;
         "readonly"?: boolean;
         "required"?: boolean;
+        /**
+          * Show button to download QR Code link
+         */
+        "showDownload"?: boolean;
+        /**
+          * Show illustration on top of the description
+         */
+        "showIllustration"?: boolean;
+        /**
+          * Show button to share QR Code link
+         */
+        "showShareLink"?: boolean;
         "size"?: TBaseSize;
         "type"?: string;
         "validators"?: Array<Validator<string> | IValidatorEntry>;
@@ -15953,6 +15994,7 @@ declare namespace LocalJSX {
         "linkPreviews"?: ILinkPreview[];
         "maxCharacters"?: number;
         "maxRows"?: number;
+        "mentionConfigs"?: { type: string, id: string };
         "mentionFitMaxRows"?: boolean;
         "mentions"?: IMention[];
         "name"?: string;
@@ -15990,6 +16032,7 @@ declare namespace LocalJSX {
         "isFullscreen"?: boolean;
         "linkPreviews"?: ILinkPreview[];
         "maxHeight"?: number;
+        "mentionConfigs"?: { type: string, id: string };
         /**
           * List of mentions
          */
@@ -16085,95 +16128,84 @@ declare namespace LocalJSX {
         "todo"?: ITodo;
         "values"?: string[];
     }
-    interface YooFormTodoList {
-        "extraData"?: { locations: ILocation[] };
+    interface YooFormTodoSingle {
+        "dueDateToClean"?: Date;
+        "isPreview"?: boolean;
+        "onUpdate"?: (event: YooFormTodoSingleCustomEvent<{ values: ITodoTask[]; index: number }>) => void;
+        "parentScroll"?: HTMLYooIonScrollElement;
+        "readonly"?: boolean;
+        "slidesTodoTask"?: ISlide[];
+        "type"?: 'mission' | 'form';
+        "values"?: ITodoTask[];
+    }
+    interface YooFormTodoTask {
         /**
-          * @prop {boolean} hideHeader Hide the title and the main actions from the list. in this case, title is no more required
+          * Additional actions.
          */
-        "hideHeader"?: boolean;
+        "actions"?: IActionSheetButton[];
         /**
-          * @prop {boolean} isCompleteLocked Specify if the user is denied to mark the tasks as complete
+          * If true`, it automatically focuses the input on edit mode.
          */
-        "isCompleteLocked"?: boolean;
+        "autofocus"?: boolean;
         /**
-          * @prop {boolean} mode used to adapt the UI according to the chosen mode
+          * Emitted when the value changes.
          */
-        "mode"?: TodoListMode;
+        "onInputChanged"?: (event: YooFormTodoTaskCustomEvent<ITodoTask>) => void;
         /**
-          * Kanban mode events
+          * Emitted when a translation changes.
          */
-        "onConvertTaskToCard"?: (event: YooFormTodoListCustomEvent<ITodoTask>) => void;
+        "onTranslationValueUpdated"?: (event: YooFormTodoTaskCustomEvent<{ key: string; value: string }>) => void;
         /**
-          * @event YooFormTodoListComponent#delete
+          * Emitted when the validity changes.
          */
-        "onDelete"?: (event: YooFormTodoListCustomEvent<any>) => void;
+        "onValidityChanged"?: (event: YooFormTodoTaskCustomEvent<boolean>) => void;
         /**
-          * @event YooFormTodoListComponent#fitChanged
-          * @type {DOMRect} The client rect coordinates of the component
+          * If `true`, it is in read mode.
          */
-        "onFitChanged"?: (event: YooFormTodoListCustomEvent<DOMRect>) => void;
+        "readonly"?: boolean;
         /**
-          * @event YooFormTodoListComponent#inputChanged
-          * @type {ITodo} The whole definition of the list
+          * If `true`, it is a required part of form submission.
          */
-        "onInputChanged"?: (event: YooFormTodoListCustomEvent<ITodo>) => void;
-        "onTranslationValueUpdated"?: (event: YooFormTodoListCustomEvent<{ key: string; value: string }>) => void;
+        "required"?: boolean;
         /**
-          * @event YooFormTodoListComponent#validityChanged
-          * @type {boolean} Specifies if the component is valid or not
+          * Translations used in the associated form.
          */
-        "onValidityChanged"?: (event: YooFormTodoListCustomEvent<boolean>) => void;
+        "translations"?: ITranslation[];
         /**
-          * @prop {boolean} readonly Specify if the component is in readonly mode or not. Be aware that it will be always editable if the mode is 'kanban'.
+          * Value associated with the form task.
+         */
+        "value"?: ITodoTask;
+    }
+    interface YooFormTodoTaskList {
+        /**
+          * If true`, it automatically focuses a task on edit mode.
+         */
+        "autofocus"?: boolean;
+        /**
+          * Emitted when the value changes.
+         */
+        "onInputChanged"?: (event: YooFormTodoTaskListCustomEvent<ITodo>) => void;
+        /**
+          * Emitted when a translation changes.
+         */
+        "onTranslationValueUpdated"?: (event: YooFormTodoTaskListCustomEvent<{ key: string; value: string }>) => void;
+        /**
+          * Emitted when the validity changes.
+         */
+        "onValidityChanged"?: (event: YooFormTodoTaskListCustomEvent<boolean>) => void;
+        /**
+          * If `true`, it is a required part of form submission.
          */
-        "readonly"?: boolean;
         "required"?: boolean;
+        /**
+          * Translations used in the associated form.
+         */
         "translations"?: ITranslation[];
         /**
-          * @prop {ITodo} value The definition of the list (its title, and its list of tasks)
+          * Value associated with the form task list.
          */
         "value"?: ITodo;
     }
-    interface YooFormTodoListDialog {
-        "header"?: string;
-        "locations"?: ILocation[];
-        "mode"?: TodoListMode;
-        "onCancelTask"?: (event: YooFormTodoListDialogCustomEvent<ITodoTask>) => void;
-        "onSaveTask"?: (event: YooFormTodoListDialogCustomEvent<ITodoTask>) => void;
-        "onValidityChanged"?: (event: YooFormTodoListDialogCustomEvent<boolean>) => void;
-        "placeholder"?: string;
-        "saveBtnText"?: string;
-        "value"?: ITodoTask;
-    }
-    interface YooFormTodoListTask {
-        "actions"?: IButton[];
-        "isCompleteLocked"?: boolean;
-        "isTaskEdited"?: boolean;
-        "locations"?: ILocation[];
-        "mode"?: TodoListMode;
-        "onCancelTask"?: (event: YooFormTodoListTaskCustomEvent<ITodoTask>) => void;
-        "onDataChanged"?: (event: YooFormTodoListTaskCustomEvent<ITodoTask>) => void;
-        "onEditTask"?: (event: YooFormTodoListTaskCustomEvent<ITodoTask>) => void;
-        "onSaveTask"?: (event: YooFormTodoListTaskCustomEvent<ITodoTask>) => void;
-        "onSetTaskComplete"?: (event: YooFormTodoListTaskCustomEvent<ITodoTask>) => void;
-        "onTranslationValueUpdated"?: (event: YooFormTodoListTaskCustomEvent<{ key: string; value: string }>) => void;
-        "onValidityChanged"?: (event: YooFormTodoListTaskCustomEvent<boolean>) => void;
-        "placeholder"?: string;
-        "readonly"?: boolean;
-        "saveBtnText"?: string;
-        "translations"?: ITranslation[];
-        "value"?: ITodoTask;
-    }
-    interface YooFormTodoSingle {
-        "dueDateToClean"?: Date;
-        "isPreview"?: boolean;
-        "onUpdate"?: (event: YooFormTodoSingleCustomEvent<{ values: ITodoTask[]; index: number }>) => void;
-        "parentScroll"?: HTMLYooIonScrollElement;
-        "readonly"?: boolean;
-        "slidesTodoTask"?: ISlide[];
-        "type"?: 'mission' | 'form';
-        "values"?: ITodoTask[];
-    }
     interface YooFormToggle {
         /**
           * Checks the validity of the component using async.
@@ -16790,6 +16822,7 @@ declare namespace LocalJSX {
           * Left icon of the input bar, can be an avatar/icon
          */
         "captureIconSettings"?: IInputBarCaptureSettings;
+        "mentionConfigs"?: { type: string, id: string };
         "onAudioRecording"?: (event: YooInputBarCustomEvent<boolean>) => void;
         "onBottomDialogToggled"?: (event: YooInputBarCustomEvent<boolean>) => void;
         "onBrowseLibrary"?: (event: YooInputBarCustomEvent<boolean>) => void;
@@ -16938,7 +16971,7 @@ declare namespace LocalJSX {
         /**
           * The component to display inside of the modal.
          */
-        "component": ComponentRef;
+        "component": HTMLElement;
         "componentInstance"?: any;
         /**
           * The data to pass to the modal component.
@@ -17254,7 +17287,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 +17298,7 @@ declare namespace LocalJSX {
         "type"?: IKpiTypes;
     }
     interface YooKpiExternal {
-        "config"?: any;
+        "config"?: { url: string; acls?: TAclFilterResult; };
         "definition"?: IChartDefinition;
         "isFullScreen"?: boolean;
         "onKpiLinkClick"?: (event: YooKpiExternalCustomEvent<any>) => void;
@@ -17285,6 +17317,7 @@ declare namespace LocalJSX {
     }
     interface YooLayoutTwoColumns {
         "header"?: string;
+        "hideHeader"?: boolean;
     }
     interface YooLessonDetail {
         "assignmentDate"?: Date;
@@ -17325,6 +17358,7 @@ declare namespace LocalJSX {
         "earnedPoints"?: number;
         "explanationDocument"?: IFileInterface;
         "fields"?: IFormField[];
+        "forceMobile"?: boolean;
         "isAnimationFinished"?: boolean;
         "isRatingEnabled"?: boolean;
         "lastField"?: boolean;
@@ -17426,36 +17460,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 +17618,7 @@ declare namespace LocalJSX {
         "animated"?: boolean;
         "audienceUsers"?: IUser[];
         "charts"?: { score: IMissionScoring; chart: IChartDefinition }[];
+        "disabled"?: boolean;
         "distance"?: number;
         "extraActions"?: IEntityAction[];
         "hasAudit"?: boolean;
@@ -17812,6 +17844,7 @@ declare namespace LocalJSX {
     }
     interface YooPointsRecap {
         "footer"?: string;
+        "forceTotalPoints"?: boolean;
         "heading"?: string;
         "items"?: IItemsPoints[];
         "showItemIcon"?: boolean;
@@ -18067,20 +18100,6 @@ declare namespace LocalJSX {
          */
         "submittedLottie"?: TLottieType;
     }
-    interface YooRecapLink {
-        /**
-          * The main text in the recap link
-         */
-        "heading"?: string;
-        /**
-          * This will hold a string defining the icon to be shown in the link
-         */
-        "icon"?: TIconName;
-        /**
-          * The description in the recap link
-         */
-        "subheading"?: string;
-    }
     interface YooReportBuilder {
         "missionDescription"?: IMissionDescription;
         "onMissionDescriptionChanged"?: (event: YooReportBuilderCustomEvent<IMissionDescription>) => void;
@@ -18456,14 +18475,12 @@ declare namespace LocalJSX {
          */
         "textCustomColor"?: string;
     }
-    interface YooTappable {
-    }
     interface YooText {
         "content"?: string;
         /**
-          * Addition conversion to be applied after the content is sanitize for  security reason
+          * Addition conversion to be applied after the content is sanitize for security reason
          */
-        "extraConversion"?: ((val: string) => string)[];
+        "extraConversion"?: (host: HTMLYooTextElement) => void;
     }
     interface YooTextSequence {
         "animated"?: boolean;
@@ -18660,8 +18677,13 @@ declare namespace LocalJSX {
     interface YooUserWizard {
         "addIcon"?: TIconName;
         "addIconSize"?: TIconSize;
+        "addIconUser"?: IUser;
         "addText"?: string;
         "fallbackIcon"?: TIconName;
+        /**
+          * If there is no content, we hide the title text
+         */
+        "hideIfEmpty"?: boolean;
         "isImageCard"?: boolean;
         "items"?: IUserWizardEntry[];
         "onItemSelected"?: (event: YooUserWizardCustomEvent<IUserWizardEntry>) => void;
@@ -19175,7 +19197,6 @@ declare namespace LocalJSX {
         "yoo-avatar": YooAvatar;
         "yoo-avatars": YooAvatars;
         "yoo-background": YooBackground;
-        "yoo-background-blur": YooBackgroundBlur;
         "yoo-badge": YooBadge;
         "yoo-banner": YooBanner;
         "yoo-barcode": YooBarcode;
@@ -19378,10 +19399,9 @@ declare namespace LocalJSX {
         "yoo-form-timeslots": YooFormTimeslots;
         "yoo-form-todo": YooFormTodo;
         "yoo-form-todo-dialog": YooFormTodoDialog;
-        "yoo-form-todo-list": YooFormTodoList;
-        "yoo-form-todo-list-dialog": YooFormTodoListDialog;
-        "yoo-form-todo-list-task": YooFormTodoListTask;
         "yoo-form-todo-single": YooFormTodoSingle;
+        "yoo-form-todo-task": YooFormTodoTask;
+        "yoo-form-todo-task-list": YooFormTodoTaskList;
         "yoo-form-toggle": YooFormToggle;
         "yoo-form-uploader": YooFormUploader;
         "yoo-form-videoplayer": YooFormVideoplayer;
@@ -19468,7 +19488,6 @@ declare namespace LocalJSX {
         "yoo-property-card": YooPropertyCard;
         "yoo-range": YooRange;
         "yoo-rating": YooRating;
-        "yoo-recap-link": YooRecapLink;
         "yoo-report-builder": YooReportBuilder;
         "yoo-reset-password": YooResetPassword;
         "yoo-result-dialog": YooResultDialog;
@@ -19489,7 +19508,6 @@ declare namespace LocalJSX {
         "yoo-tabs": YooTabs;
         "yoo-tabs-slides": YooTabsSlides;
         "yoo-tag": YooTag;
-        "yoo-tappable": YooTappable;
         "yoo-text": YooText;
         "yoo-text-sequence": YooTextSequence;
         "yoo-toast": YooToast;
@@ -19542,7 +19560,6 @@ declare module "@stencil/core" {
             "yoo-avatar": LocalJSX.YooAvatar & JSXBase.HTMLAttributes<HTMLYooAvatarElement>;
             "yoo-avatars": LocalJSX.YooAvatars & JSXBase.HTMLAttributes<HTMLYooAvatarsElement>;
             "yoo-background": LocalJSX.YooBackground & JSXBase.HTMLAttributes<HTMLYooBackgroundElement>;
-            "yoo-background-blur": LocalJSX.YooBackgroundBlur & JSXBase.HTMLAttributes<HTMLYooBackgroundBlurElement>;
             "yoo-badge": LocalJSX.YooBadge & JSXBase.HTMLAttributes<HTMLYooBadgeElement>;
             "yoo-banner": LocalJSX.YooBanner & JSXBase.HTMLAttributes<HTMLYooBannerElement>;
             "yoo-barcode": LocalJSX.YooBarcode & JSXBase.HTMLAttributes<HTMLYooBarcodeElement>;
@@ -19745,10 +19762,9 @@ declare module "@stencil/core" {
             "yoo-form-timeslots": LocalJSX.YooFormTimeslots & JSXBase.HTMLAttributes<HTMLYooFormTimeslotsElement>;
             "yoo-form-todo": LocalJSX.YooFormTodo & JSXBase.HTMLAttributes<HTMLYooFormTodoElement>;
             "yoo-form-todo-dialog": LocalJSX.YooFormTodoDialog & JSXBase.HTMLAttributes<HTMLYooFormTodoDialogElement>;
-            "yoo-form-todo-list": LocalJSX.YooFormTodoList & JSXBase.HTMLAttributes<HTMLYooFormTodoListElement>;
-            "yoo-form-todo-list-dialog": LocalJSX.YooFormTodoListDialog & JSXBase.HTMLAttributes<HTMLYooFormTodoListDialogElement>;
-            "yoo-form-todo-list-task": LocalJSX.YooFormTodoListTask & JSXBase.HTMLAttributes<HTMLYooFormTodoListTaskElement>;
             "yoo-form-todo-single": LocalJSX.YooFormTodoSingle & JSXBase.HTMLAttributes<HTMLYooFormTodoSingleElement>;
+            "yoo-form-todo-task": LocalJSX.YooFormTodoTask & JSXBase.HTMLAttributes<HTMLYooFormTodoTaskElement>;
+            "yoo-form-todo-task-list": LocalJSX.YooFormTodoTaskList & JSXBase.HTMLAttributes<HTMLYooFormTodoTaskListElement>;
             "yoo-form-toggle": LocalJSX.YooFormToggle & JSXBase.HTMLAttributes<HTMLYooFormToggleElement>;
             "yoo-form-uploader": LocalJSX.YooFormUploader & JSXBase.HTMLAttributes<HTMLYooFormUploaderElement>;
             "yoo-form-videoplayer": LocalJSX.YooFormVideoplayer & JSXBase.HTMLAttributes<HTMLYooFormVideoplayerElement>;
@@ -19835,7 +19851,6 @@ declare module "@stencil/core" {
             "yoo-property-card": LocalJSX.YooPropertyCard & JSXBase.HTMLAttributes<HTMLYooPropertyCardElement>;
             "yoo-range": LocalJSX.YooRange & JSXBase.HTMLAttributes<HTMLYooRangeElement>;
             "yoo-rating": LocalJSX.YooRating & JSXBase.HTMLAttributes<HTMLYooRatingElement>;
-            "yoo-recap-link": LocalJSX.YooRecapLink & JSXBase.HTMLAttributes<HTMLYooRecapLinkElement>;
             "yoo-report-builder": LocalJSX.YooReportBuilder & JSXBase.HTMLAttributes<HTMLYooReportBuilderElement>;
             "yoo-reset-password": LocalJSX.YooResetPassword & JSXBase.HTMLAttributes<HTMLYooResetPasswordElement>;
             "yoo-result-dialog": LocalJSX.YooResultDialog & JSXBase.HTMLAttributes<HTMLYooResultDialogElement>;
@@ -19856,7 +19871,6 @@ declare module "@stencil/core" {
             "yoo-tabs": LocalJSX.YooTabs & JSXBase.HTMLAttributes<HTMLYooTabsElement>;
             "yoo-tabs-slides": LocalJSX.YooTabsSlides & JSXBase.HTMLAttributes<HTMLYooTabsSlidesElement>;
             "yoo-tag": LocalJSX.YooTag & JSXBase.HTMLAttributes<HTMLYooTagElement>;
-            "yoo-tappable": LocalJSX.YooTappable & JSXBase.HTMLAttributes<HTMLYooTappableElement>;
             "yoo-text": LocalJSX.YooText & JSXBase.HTMLAttributes<HTMLYooTextElement>;
             "yoo-text-sequence": LocalJSX.YooTextSequence & JSXBase.HTMLAttributes<HTMLYooTextSequenceElement>;
             "yoo-toast": LocalJSX.YooToast & JSXBase.HTMLAttributes<HTMLYooToastElement>;