@yoobic/yobi 8.3.0-9 → 8.3.0

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, 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 { 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,14 +31,12 @@ 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, THexColor, TLogoShape, TMediaSource } from "./feature-platform/login/login/types";
 import { YooIonScrollComponent } from "./components/2.molecules/scroll/scroll";
@@ -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;
@@ -1811,6 +1820,7 @@ export namespace Components {
         "entityType": EntityType;
         "expandHeightOnShow": boolean;
         "extraClass": string;
+        "filterOperator"?: FormFilterAutocompleteOperator;
         "forceDisableCustomTags"?: boolean;
         "forceHideSearch": boolean;
         "gridExtraOptions": IGridExtraOptions;
@@ -1870,6 +1880,7 @@ export namespace Components {
         "uploadInitialValue"?: boolean;
         "useTranslate": boolean;
         "useUploader": boolean;
+        "validateOnLoad"?: boolean;
         "validators": (Validator<any> | IValidatorEntry)[];
         "validity": boolean;
         "value": any[] | any;
@@ -2051,6 +2062,7 @@ export namespace Components {
         "annotations"?: IPhotoAnnotation[][];
         "contained"?: boolean;
         "currentSlideIndex": number;
+        "displayPhotoCounter"?: boolean;
         "drawings"?: string[];
         "hasGradient"?: boolean;
         "instant"?: boolean;
@@ -2081,6 +2093,7 @@ export namespace Components {
         "isHistory": boolean;
         "isInventory": boolean;
         "isPresence": boolean;
+        "keepAutocompleteSelection": boolean;
         "model": IAppSearchTab;
         "multiple": boolean;
         "name": string;
@@ -2144,6 +2157,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.
          */
@@ -2157,7 +2174,7 @@ export namespace Components {
          */
         "iconColor": TColor;
         /**
-          * Specifies wether the component is in readonly mode.
+          * Specifies whether the component is in readonly mode.
          */
         "readonly": boolean;
         /**
@@ -2248,7 +2265,7 @@ export namespace Components {
     }
     interface YooFormChoiceImage {
         "animated"?: boolean;
-        "answer": IFormChoiceValue[];
+        "answer": (string | Pick<IFormChoiceValue, 'text' | 'image'>)[];
         "description": string;
         "isHistory": boolean;
         "isPdf"?: boolean;
@@ -2259,7 +2276,7 @@ export namespace Components {
         "selected": boolean;
         "shuffled"?: boolean;
         "validators": (Validator<any[]> | IValidatorEntry)[];
-        "value": IFormChoiceValue[] | IFormChoiceValue;
+        "value": string[] | string;
         "values": IFormChoiceValue[];
     }
     interface YooFormChoiceRadio {
@@ -2606,6 +2623,8 @@ export namespace Components {
     }
     interface YooFormCreatorFieldSelector {
         "categories": FormFieldCategory[];
+        "categoriesTitle": { category: FormFieldCategory; title: string; }[];
+        "forceOpenedAll"?: boolean;
         "getNewFieldContainerBlocks": () => Promise<HTMLElement[]>;
         "initialCustomFormFields": ICustomFormField[];
         "initialSimpleFormBlocks": { information: any[]; };
@@ -3034,6 +3053,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>;
@@ -3519,7 +3539,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)[];
@@ -3863,10 +3883,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>;
@@ -4225,6 +4261,7 @@ export namespace Components {
         "linkPreviews": ILinkPreview[];
         "maxCharacters": number;
         "maxRows": number;
+        "mentionConfigs"?: { type: string, id: string };
         "mentionFitMaxRows": boolean;
         "mentions": IMention[];
         "name": string;
@@ -4258,6 +4295,7 @@ export namespace Components {
         "isFullscreen"?: boolean;
         "linkPreviews"?: ILinkPreview[];
         "maxHeight": number;
+        "mentionConfigs"?: { type: string, id: string };
         /**
           * List of mentions
          */
@@ -4332,63 +4370,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 {
         /**
@@ -4540,7 +4581,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;
@@ -4633,6 +4674,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;
@@ -4929,6 +4971,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
@@ -5109,7 +5152,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.
@@ -5468,6 +5511,7 @@ export namespace Components {
     }
     interface YooLayoutTwoColumns {
         "header": string;
+        "hideHeader": boolean;
     }
     interface YooLessonDetail {
         "assignmentDate": Date;
@@ -5504,6 +5548,7 @@ export namespace Components {
         "earnedPoints": number;
         "explanationDocument": IFileInterface;
         "fields": IFormField[];
+        "forceMobile": boolean;
         "isAnimationFinished": boolean;
         "isRatingEnabled": boolean;
         "lastField": boolean;
@@ -5764,6 +5809,7 @@ export namespace Components {
         "animated"?: boolean;
         "audienceUsers": IUser[];
         "charts": { score: IMissionScoring; chart: IChartDefinition }[];
+        "disabled"?: boolean;
         "distance"?: number;
         "extraActions"?: IEntityAction[];
         "hasAudit": boolean;
@@ -5959,6 +6005,7 @@ export namespace Components {
     }
     interface YooPointsRecap {
         "footer": string;
+        "forceTotalPoints"?: boolean;
         "heading": string;
         "items"?: IItemsPoints[];
         "showItemIcon"?: boolean;
@@ -6170,20 +6217,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;
     }
@@ -6525,14 +6558,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;
@@ -6714,8 +6745,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;
@@ -7378,6 +7414,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;
@@ -7834,21 +7874,17 @@ export interface YooFormTodoCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLYooFormTodoElement;
 }
-export interface YooFormTodoListCustomEvent<T> extends CustomEvent<T> {
+export interface YooFormTodoSingleCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLYooFormTodoListElement;
+    target: HTMLYooFormTodoSingleElement;
 }
-export interface YooFormTodoListDialogCustomEvent<T> extends CustomEvent<T> {
+export interface YooFormTodoTaskCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLYooFormTodoListDialogElement;
+    target: HTMLYooFormTodoTaskElement;
 }
-export interface YooFormTodoListTaskCustomEvent<T> extends CustomEvent<T> {
+export interface YooFormTodoTaskListCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLYooFormTodoListTaskElement;
-}
-export interface YooFormTodoSingleCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLYooFormTodoSingleElement;
+    target: HTMLYooFormTodoTaskListElement;
 }
 export interface YooFormToggleCustomEvent<T> extends CustomEvent<T> {
     detail: T;
@@ -8299,12 +8335,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: {
@@ -9517,30 +9547,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: {
@@ -10057,12 +10081,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: {
@@ -10183,12 +10201,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: {
@@ -10396,7 +10408,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;
@@ -10599,10 +10610,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;
@@ -10689,7 +10699,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;
@@ -10710,7 +10719,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;
@@ -11031,6 +11039,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.
          */
@@ -11053,6 +11065,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}
@@ -11095,6 +11111,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}
@@ -11131,20 +11154,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
@@ -11172,6 +11181,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
          */
@@ -12119,10 +12132,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 {
@@ -12338,9 +12353,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
          */
@@ -12405,6 +12424,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
@@ -12420,9 +12440,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 {
         /**
@@ -12642,6 +12663,7 @@ declare namespace LocalJSX {
         "currentSelectedTags"?: IEntitySearchTags[];
         "customDataLoader"?: TGridCustomDataLoader;
         "customModel"?: ICustomModel;
+        "dialogWidth"?: string;
         "disableSingleDeselection"?: boolean;
         "disabled"?: boolean;
         "displayType"?: CardType;
@@ -12651,6 +12673,7 @@ declare namespace LocalJSX {
         "entityType"?: EntityType;
         "expandHeightOnShow"?: boolean;
         "extraClass"?: string;
+        "filterOperator"?: FormFilterAutocompleteOperator;
         "forceDisableCustomTags"?: boolean;
         "forceHideSearch"?: boolean;
         "gridExtraOptions"?: IGridExtraOptions;
@@ -12714,6 +12737,7 @@ declare namespace LocalJSX {
         "uploadInitialValue"?: boolean;
         "useTranslate"?: boolean;
         "useUploader"?: boolean;
+        "validateOnLoad"?: boolean;
         "validators"?: (Validator<any> | IValidatorEntry)[];
         "validity"?: boolean;
         "value"?: any[] | any;
@@ -12910,6 +12934,7 @@ declare namespace LocalJSX {
         "annotations"?: IPhotoAnnotation[][];
         "contained"?: boolean;
         "currentSlideIndex"?: number;
+        "displayPhotoCounter"?: boolean;
         "drawings"?: string[];
         "hasGradient"?: boolean;
         "instant"?: boolean;
@@ -12944,6 +12969,7 @@ declare namespace LocalJSX {
         "isHistory"?: boolean;
         "isInventory"?: boolean;
         "isPresence"?: boolean;
+        "keepAutocompleteSelection"?: boolean;
         "model"?: IAppSearchTab;
         "multiple"?: boolean;
         "name"?: string;
@@ -13019,6 +13045,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.
          */
@@ -13048,7 +13078,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;
         /**
@@ -13154,7 +13184,7 @@ declare namespace LocalJSX {
     }
     interface YooFormChoiceImage {
         "animated"?: boolean;
-        "answer"?: IFormChoiceValue[];
+        "answer"?: (string | Pick<IFormChoiceValue, 'text' | 'image'>)[];
         "description"?: string;
         "isHistory"?: boolean;
         "isPdf"?: boolean;
@@ -13169,7 +13199,7 @@ declare namespace LocalJSX {
         "selected"?: boolean;
         "shuffled"?: boolean;
         "validators"?: (Validator<any[]> | IValidatorEntry)[];
-        "value"?: IFormChoiceValue[] | IFormChoiceValue;
+        "value"?: string[] | string;
         "values"?: IFormChoiceValue[];
     }
     interface YooFormChoiceRadio {
@@ -13867,6 +13897,8 @@ declare namespace LocalJSX {
     }
     interface YooFormCreatorFieldSelector {
         "categories"?: FormFieldCategory[];
+        "categoriesTitle"?: { category: FormFieldCategory; title: string; }[];
+        "forceOpenedAll"?: boolean;
         "initialCustomFormFields"?: ICustomFormField[];
         "initialSimpleFormBlocks"?: { information: any[]; };
         "masterTitle"?: string;
@@ -14557,7 +14589,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;
@@ -15076,7 +15108,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)[];
@@ -15486,6 +15518,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;
@@ -15494,6 +15530,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>;
@@ -15948,6 +15996,7 @@ declare namespace LocalJSX {
         "linkPreviews"?: ILinkPreview[];
         "maxCharacters"?: number;
         "maxRows"?: number;
+        "mentionConfigs"?: { type: string, id: string };
         "mentionFitMaxRows"?: boolean;
         "mentions"?: IMention[];
         "name"?: string;
@@ -15985,6 +16034,7 @@ declare namespace LocalJSX {
         "isFullscreen"?: boolean;
         "linkPreviews"?: ILinkPreview[];
         "maxHeight"?: number;
+        "mentionConfigs"?: { type: string, id: string };
         /**
           * List of mentions
          */
@@ -16080,95 +16130,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[];
+        /**
+          * If true`, it automatically focuses the input on edit mode.
+         */
+        "autofocus"?: boolean;
+        /**
+          * Emitted when the value changes.
+         */
+        "onInputChanged"?: (event: YooFormTodoTaskCustomEvent<ITodoTask>) => void;
         /**
-          * @prop {boolean} isCompleteLocked Specify if the user is denied to mark the tasks as complete
+          * Emitted when a translation changes.
          */
-        "isCompleteLocked"?: boolean;
+        "onTranslationValueUpdated"?: (event: YooFormTodoTaskCustomEvent<{ key: string; value: string }>) => void;
         /**
-          * @prop {boolean} mode used to adapt the UI according to the chosen mode
+          * Emitted when the validity changes.
          */
-        "mode"?: TodoListMode;
+        "onValidityChanged"?: (event: YooFormTodoTaskCustomEvent<boolean>) => void;
         /**
-          * Kanban mode events
+          * If `true`, it is in read mode.
          */
-        "onConvertTaskToCard"?: (event: YooFormTodoListCustomEvent<ITodoTask>) => void;
+        "readonly"?: boolean;
         /**
-          * @event YooFormTodoListComponent#delete
+          * If `true`, it is a required part of form submission.
          */
-        "onDelete"?: (event: YooFormTodoListCustomEvent<any>) => void;
+        "required"?: boolean;
         /**
-          * @event YooFormTodoListComponent#fitChanged
-          * @type {DOMRect} The client rect coordinates of the component
+          * Translations used in the associated form.
          */
-        "onFitChanged"?: (event: YooFormTodoListCustomEvent<DOMRect>) => void;
+        "translations"?: ITranslation[];
         /**
-          * @event YooFormTodoListComponent#inputChanged
-          * @type {ITodo} The whole definition of the list
+          * Value associated with the form task.
          */
-        "onInputChanged"?: (event: YooFormTodoListCustomEvent<ITodo>) => void;
-        "onTranslationValueUpdated"?: (event: YooFormTodoListCustomEvent<{ key: string; value: string }>) => void;
+        "value"?: ITodoTask;
+    }
+    interface YooFormTodoTaskList {
         /**
-          * @event YooFormTodoListComponent#validityChanged
-          * @type {boolean} Specifies if the component is valid or not
+          * If true`, it automatically focuses a task on edit mode.
          */
-        "onValidityChanged"?: (event: YooFormTodoListCustomEvent<boolean>) => void;
+        "autofocus"?: 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'.
+          * 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.
@@ -16785,6 +16824,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;
@@ -16933,7 +16973,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.
@@ -17279,6 +17319,7 @@ declare namespace LocalJSX {
     }
     interface YooLayoutTwoColumns {
         "header"?: string;
+        "hideHeader"?: boolean;
     }
     interface YooLessonDetail {
         "assignmentDate"?: Date;
@@ -17319,6 +17360,7 @@ declare namespace LocalJSX {
         "earnedPoints"?: number;
         "explanationDocument"?: IFileInterface;
         "fields"?: IFormField[];
+        "forceMobile"?: boolean;
         "isAnimationFinished"?: boolean;
         "isRatingEnabled"?: boolean;
         "lastField"?: boolean;
@@ -17578,6 +17620,7 @@ declare namespace LocalJSX {
         "animated"?: boolean;
         "audienceUsers"?: IUser[];
         "charts"?: { score: IMissionScoring; chart: IChartDefinition }[];
+        "disabled"?: boolean;
         "distance"?: number;
         "extraActions"?: IEntityAction[];
         "hasAudit"?: boolean;
@@ -17803,6 +17846,7 @@ declare namespace LocalJSX {
     }
     interface YooPointsRecap {
         "footer"?: string;
+        "forceTotalPoints"?: boolean;
         "heading"?: string;
         "items"?: IItemsPoints[];
         "showItemIcon"?: boolean;
@@ -18058,20 +18102,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;
@@ -18447,14 +18477,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;
@@ -18651,8 +18679,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;
@@ -19166,7 +19199,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;
@@ -19369,10 +19401,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;
@@ -19459,7 +19490,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;
@@ -19480,7 +19510,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;
@@ -19533,7 +19562,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>;
@@ -19736,10 +19764,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>;
@@ -19826,7 +19853,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>;
@@ -19847,7 +19873,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>;