robbyson-frontend-library 1.0.55 → 1.0.57

package/dist/components/pages/base-app-page.component.js

@@ -24,7 +24,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 };
 import React from "react";
 import { IoC } from "../../ioc";
-import { PageContainer, Header, Title, ContextMenu, Content, LeftArrowLarge, } from "./base-app-page.styles";
+import { PageContainer, Header, Title, ContextMenu, Content, LeftArrowLarge, GenericButton, } from "./base-app-page.styles";
 import { RobbysonNavigate } from "../../utils";
 import { QueryParamsFactory } from "../../factories/query-params.factory";
 var BaseAppPage = /** @class */ (function (_super) {
@@ -32,10 +32,15 @@ var BaseAppPage = /** @class */ (function (_super) {
     function BaseAppPage(props) {
         var _this = _super.call(this, props) || this;
         _this.headerLocale = "Header Locale";
+        _this._baseAppPageTitleRef = React.createRef();
+        _this._baseAppPaseTitle = "";
+        _this._profileHistoryService = IoC.GetInstance("ProfileService");
         _this.translate = _this.translate.bind(_this);
         _this.redirect = _this.redirect.bind(_this);
         _this._localeService = IoC.GetInstance("LocaleService");
         _this._themeService = IoC.GetInstance("ThemeService");
+        _this._profileHistoryService =
+            IoC.GetInstance("ProfileService");
         return _this;
     }
     BaseAppPage.prototype.redirect = function () {
@@ -73,6 +78,18 @@ var BaseAppPage = /** @class */ (function (_super) {
         }
         return (_a = this._localeService).getLocaleByHandle.apply(_a, __spreadArray([text || ""], args, false));
     };
+    BaseAppPage.prototype.focusOnTitle = function (title) {
+        if (title) {
+            this._baseAppPaseTitle = title;
+        }
+        var route = RobbysonNavigate.getRouteId();
+        var history = this._profileHistoryService.getSessionHistory();
+        if (this._baseAppPageTitleRef.current &&
+            history &&
+            history.endsWith(route)) {
+            this._baseAppPageTitleRef.current.focus();
+        }
+    };
     BaseAppPage.prototype.render = function () {
         var _this = this;
         QueryParamsFactory.validate(this.paramsValidValues, this.paramsDefaultValues);
@@ -80,8 +97,11 @@ var BaseAppPage = /** @class */ (function (_super) {
         return (React.createElement(PageContainer, null,
             React.createElement(Header, { usePageHeader: this._usePageHeader },
                 React.createElement("div", null,
-                    React.createElement(LeftArrowLarge, { src: this._themeService.getIconAssetUrl("left-arrow-large"), onClick: function () { return _this.redirect(); }, isOperacaoPage: isOperacaoPage }),
-                    React.createElement(Title, null, this.translate(this.headerLocale))),
+                    React.createElement(GenericButton, { onClick: function () { return _this.redirect(); }, "aria-label": "Voltar para a tela anterior" },
+                        React.createElement(LeftArrowLarge, { src: this._themeService.getIconAssetUrl("left-arrow-large"), isOperacaoPage: isOperacaoPage })),
+                    React.createElement(Title, { tabIndex: 0, ref: this._baseAppPageTitleRef, "aria-label": this._baseAppPaseTitle
+                            ? this._baseAppPaseTitle
+                            : this.translate(this.headerLocale) }, this.translate(this.headerLocale))),
                 !this._avoidContextMenu && (React.createElement(ContextMenu, { className: "body-2-book" }, this.contextMenu()))),
             React.createElement(Content, { contentMarginTop: this._contentMarginTop, usePageHeader: this._usePageHeader, avoidContextMenu: this._avoidContextMenu }, this.renderPage())));
     };

package/dist/components/pages/base-app-page.styles.js

@@ -47,4 +47,5 @@ export var LeftArrowLarge = styled(SVG)(templateObject_10 || (templateObject_10
     var isOperacaoPage = _a.isOperacaoPage;
     return (isOperacaoPage ? "grey" : "inherit");
 }, LayoutDimensions.width.horizontalIpadMini + 1);
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10;
+export var GenericButton = styled.button(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n    background: none;\n    border: none;\n"], ["\n    background: none;\n    border: none;\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11;

package/dist/constants/market.constants.js

@@ -19,6 +19,15 @@ export var PRODUCT_TYPE_BY_ID = {
     // 6: "donation",
     7: "voucher",
 };
+export var PRODUCT_TYPE_BY_ID_LOCALES = {
+    1: "main_enumeratorProductType_experiences",
+    2: "main_enumeratorProductType_customization",
+    3: "main_enumeratorProductType_material",
+    4: "main_enumeratorProductType_raffle",
+    // 5: "auction",
+    // 6: "donation",
+    7: "main_enumeratorProductType_voucher",
+};
 export var PRODUCT_ORDER_STATUS_ID;
 (function (PRODUCT_ORDER_STATUS_ID) {
     PRODUCT_ORDER_STATUS_ID[PRODUCT_ORDER_STATUS_ID["ORDERED"] = 1] = "ORDERED";
@@ -68,6 +77,7 @@ export var MarketConstants = {
     PRODUCT_TYPE_ID: PRODUCT_TYPE_ID,
     PRODUCT_TYPE_BY_ID: PRODUCT_TYPE_BY_ID,
     PRODUCT_ORDER_STATUS_ID: PRODUCT_ORDER_STATUS_ID,
+    PRODUCT_TYPE_BY_ID_LOCALES: PRODUCT_TYPE_BY_ID_LOCALES,
     PURCHASED_ORDERS_PROJECTION_FILTER: PURCHASED_ORDERS_PROJECTION_FILTER,
     PURCHASED_ORDERS_SORT_FILTER: PURCHASED_ORDERS_SORT_FILTER,
     PRODUCTS_PROJECTION_FILTER: PRODUCTS_PROJECTION_FILTER,

package/dist/models/tree/tree.model.js

@@ -53,10 +53,10 @@ var TreeModel = /** @class */ (function (_super) {
     __extends(TreeModel, _super);
     function TreeModel(props) {
         var _this = this;
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e, _f;
         _this = _super.call(this) || this;
         _this._id = props === null || props === void 0 ? void 0 : props._id;
-        _this.data = (props === null || props === void 0 ? void 0 : props.data) != null ? {
+        _this.data = ((_b = Object.keys((_a = props === null || props === void 0 ? void 0 : props.data) !== null && _a !== void 0 ? _a : {})) === null || _b === void 0 ? void 0 : _b.length) > 0 ? {
             i: props === null || props === void 0 ? void 0 : props.data.i,
             d: props === null || props === void 0 ? void 0 : props.data.d,
             g: props === null || props === void 0 ? void 0 : props.data.g,
@@ -67,12 +67,12 @@ var TreeModel = /** @class */ (function (_super) {
             goalRegister: props === null || props === void 0 ? void 0 : props.data.metaCadastrada,
             fator: props === null || props === void 0 ? void 0 : props.data.fator,
             m: {
-                maxCoins: (_a = props === null || props === void 0 ? void 0 : props.data.m) === null || _a === void 0 ? void 0 : _a.maxCoins,
-                qtdEarning: (_b = props === null || props === void 0 ? void 0 : props.data.m) === null || _b === void 0 ? void 0 : _b.qtdGanho,
-                coinsGestor: (_c = props === null || props === void 0 ? void 0 : props.data.m) === null || _c === void 0 ? void 0 : _c.coinsGestor
+                maxCoins: (_c = props === null || props === void 0 ? void 0 : props.data.m) === null || _c === void 0 ? void 0 : _c.maxCoins,
+                qtdEarning: (_d = props === null || props === void 0 ? void 0 : props.data.m) === null || _d === void 0 ? void 0 : _d.qtdGanho,
+                coinsGestor: (_e = props === null || props === void 0 ? void 0 : props.data.m) === null || _e === void 0 ? void 0 : _e.coinsGestor
             },
         } : {};
-        if (((_d = props === null || props === void 0 ? void 0 : props.data) === null || _d === void 0 ? void 0 : _d.cd) !== undefined)
+        if (((_f = props === null || props === void 0 ? void 0 : props.data) === null || _f === void 0 ? void 0 : _f.cd) !== undefined)
             _this.data = (props === null || props === void 0 ? void 0 : props.data) != null ? __assign(__assign({}, props === null || props === void 0 ? void 0 : props.data), { cd: props === null || props === void 0 ? void 0 : props.data.cd }) : {};
         _this.colors = props === null || props === void 0 ? void 0 : props.colors;
         _this.highlightColors = props === null || props === void 0 ? void 0 : props.highlightColors;

package/dist/types/tree/tree.types.js

@@ -38,6 +38,7 @@ export var TypeReferenceLetterEnum;
     TypeReferenceLetterEnum["M"] = "monthly";
     TypeReferenceLetterEnum["D"] = "daily";
     TypeReferenceLetterEnum["W"] = "weekly";
+    TypeReferenceLetterEnum["S"] = "weekly";
 })(TypeReferenceLetterEnum || (TypeReferenceLetterEnum = {}));
 export var TreeActionTypes;
 (function (TreeActionTypes) {
@@ -88,4 +89,6 @@ export var TreeActionTypes;
     TreeActionTypes["SET_UNIQUE_ID"] = "SET_UNIQUE_ID";
     TreeActionTypes["SET_USER_CURRENT_SELECTED"] = "SET_USER_CURRENT_SELECTED";
     TreeActionTypes["SUCCESS_DATA_TREE"] = "SUCCESS_DATA_TREE";
+    TreeActionTypes["SET_REFERENCE_RESULT"] = "SET_REFERENCE_RESULT";
+    TreeActionTypes["SET_DATETREE_RESULT"] = "SET_DATETREE_RESULT";
 })(TreeActionTypes || (TreeActionTypes = {}));

package/dist/utils/date.utils.js

@@ -32,6 +32,31 @@ var DateUtils = /** @class */ (function () {
             timeZone: "UTC",
         });
     };
+    DateUtils.toLocaleDateString = function (dateString, locale) {
+        try {
+            if (!dateString) {
+                return "";
+            }
+            var date = void 0;
+            if (typeof dateString === "string") {
+                date = new Date(dateString.includes("T")
+                    ? dateString
+                    : dateString + "T00:00:00Z");
+            }
+            else {
+                date = new Date(dateString);
+            }
+            return new Intl.DateTimeFormat(locale, {
+                day: "numeric",
+                month: "long",
+                year: "numeric",
+                timeZone: "UTC",
+            }).format(date);
+        }
+        catch (_a) {
+            return "";
+        }
+    };
     DateUtils.getRemainingTimeFromNow = function (compareDate, complementaryText) {
         if (!compareDate)
             return {
@@ -68,13 +93,18 @@ var DateUtils = /** @class */ (function () {
         }
         var minutes = Math.floor((secondsAsNumber % 3600) / 60);
         var seconds = Math.floor((secondsAsNumber % 3600) % 60);
-        var result = (parseFloat(hours) > 0
-            ? hours + ":" + (minutes < 10 ? "0" : "")
-            : "00:") +
-            minutes +
-            ":" +
-            (seconds < 10 ? "0" : "") +
-            seconds;
+        var formattedHours = parseFloat(hours) > 0 ? hours.padStart(2, "0") : "00";
+        var formattedMinutes = minutes === 0
+            ? "00"
+            : minutes < 10
+                ? "0" + minutes
+                : minutes.toString();
+        var formattedSeconds = seconds === 0
+            ? "00"
+            : seconds < 10
+                ? "0" + seconds
+                : seconds.toString();
+        var result = "".concat(formattedHours, ":").concat(formattedMinutes, ":").concat(formattedSeconds);
         if (valueNegative) {
             result = "- ".concat(result);
         }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "robbyson-frontend-library",
-    "version": "1.0.55",
+    "version": "1.0.57",
     "description": "Robbyson frontend Library",
     "main": "./dist/index.js",
     "license": "MIT",

package/src/components/basic-button/basic-button.interface.ts

@@ -12,4 +12,5 @@ export interface IBasicButtonProps<T>
     variant: BasicButtonVariant;
     shape?: "round" | "square";
     isModalButton?: boolean;
+    ariaLabel?: string;
 }

package/src/components/daily-chart/daily-chart.interface.ts

@@ -11,7 +11,7 @@ export interface IDailyChartProps extends IBaseComponentProp {
     coin: number;
     maxCoin: number;
     result: string;
-    getDays?: (typeReference: TypeReferenceEnum, indicator_id: string) => Promise<void>;
+    getDays?: (treeNodeId: string, typeReference: TypeReferenceEnum, indicator_id: string) => Promise<void>;
     goalResults: string;
     hit:number;    
     date: string;

package/src/components/header-context-menu/header-context-menu.interface.ts

@@ -1,5 +1,5 @@
 import { IBaseComponentProp } from "../base-component.prop.interface";
-import { ISelectDatePicker, TabKey } from "../../components/tree-date-picker";
+import { ISelectDatePicker, TabKey, Week } from "../../components/tree-date-picker";
 import { TreeDTO } from "../../services";
 
 export interface IHeaderContextMenuProps extends IBaseComponentProp {
@@ -10,8 +10,11 @@ export interface IHeaderContextMenuProps extends IBaseComponentProp {
     calendarHideTabs?: boolean;
     activeTab?: TabKey;
     selectedMonth?: Date | null;
+    selectedDate?: Date;
     showCalendar?: boolean;
     textBreakpointsClasses?: HeaderTextBreakpointsClasses;
+    selectedWeek?: Week;
+    treeResultCalendar?: boolean;
     onButtonClick?: (
         buttonName: IHeaderContextMenuButtons,
         linkTo?: string

package/src/components/mountain-chart/mountain-chart.interface.ts

@@ -7,4 +7,5 @@ export interface IMountainChartProps extends IBaseComponentProp {
     color: string;
     height: number;
     shouldShowMeta?: boolean;
+    tabIndex?: number;
 }

package/src/components/pages/base-app-page.component.tsx

@@ -1,7 +1,6 @@
 import React from "react";
 import { IoC } from "../../ioc";
-import { ILocaleService, IThemeService } from "../../services";
-
+import { ILocaleService, IProfileService, IThemeService } from "../../services";
 import {
     PageContainer,
     Header,
@@ -9,6 +8,7 @@ import {
     ContextMenu,
     Content,
     LeftArrowLarge,
+    GenericButton,
 } from "./base-app-page.styles";
 import { RobbysonNavigate } from "../../utils";
 import { QueryParamsFactory } from "../../factories/query-params.factory";
@@ -24,6 +24,10 @@ export abstract class BaseAppPage<T, T1> extends React.Component<T, T1> {
     protected _contentMarginTop?: number;
     protected _usePageHeader?: boolean;
     protected _avoidContextMenu?: boolean;
+    private _baseAppPageTitleRef = React.createRef<HTMLHeadingElement>();
+    private _baseAppPaseTitle = "";
+    private _profileHistoryService =
+        IoC.GetInstance<IProfileService>("ProfileService");
 
     constructor(props: T) {
         super(props);
@@ -31,6 +35,9 @@ export abstract class BaseAppPage<T, T1> extends React.Component<T, T1> {
         this.redirect = this.redirect.bind(this);
         this._localeService = IoC.GetInstance<ILocaleService>("LocaleService");
         this._themeService = IoC.GetInstance<IThemeService>("ThemeService");
+
+        this._profileHistoryService =
+            IoC.GetInstance<IProfileService>("ProfileService");
     }
     private redirect(): void {
         const state = RobbysonNavigate?.getHistoryState() as any;
@@ -65,6 +72,22 @@ export abstract class BaseAppPage<T, T1> extends React.Component<T, T1> {
         return this._localeService.getLocaleByHandle(text || "", ...args);
     }
 
+    protected focusOnTitle(title?: string): void {
+        if (title) {
+            this._baseAppPaseTitle = title;
+        }
+
+        const route = RobbysonNavigate.getRouteId();
+        const history = this._profileHistoryService.getSessionHistory();
+        if (
+            this._baseAppPageTitleRef.current &&
+            history &&
+            history.endsWith(route)
+        ) {
+            this._baseAppPageTitleRef.current.focus();
+        }
+    }
+
     abstract contextMenu(): React.ReactNode;
 
     abstract renderPage(): React.ReactNode;
@@ -80,14 +103,28 @@ export abstract class BaseAppPage<T, T1> extends React.Component<T, T1> {
             <PageContainer>
                 <Header usePageHeader={this._usePageHeader}>
                     <div>
-                        <LeftArrowLarge
-                            src={this._themeService.getIconAssetUrl(
-                                "left-arrow-large"
-                            )}
+                        <GenericButton
                             onClick={() => this.redirect()}
-                            isOperacaoPage={isOperacaoPage}
-                        />
-                        <Title>{this.translate(this.headerLocale)}</Title>
+                            aria-label="Voltar para a tela anterior"
+                        >
+                            <LeftArrowLarge
+                                src={this._themeService.getIconAssetUrl(
+                                    "left-arrow-large"
+                                )}
+                                isOperacaoPage={isOperacaoPage}
+                            />
+                        </GenericButton>
+                        <Title
+                            tabIndex={0}
+                            ref={this._baseAppPageTitleRef}
+                            aria-label={
+                                this._baseAppPaseTitle
+                                    ? this._baseAppPaseTitle
+                                    : this.translate(this.headerLocale)
+                            }
+                        >
+                            {this.translate(this.headerLocale)}
+                        </Title>
                     </div>
 
                     {!this._avoidContextMenu && (

package/src/components/pages/base-app-page.styles.ts

@@ -162,3 +162,8 @@ export const LeftArrowLarge = styled(SVG)<LeftArrowLargeProps>`
         display: block;
     }
 `;
+
+export const GenericButton = styled.button`
+    background: none;
+    border: none;
+`;

package/src/components/radio-button/radio-button.interface.ts

@@ -2,4 +2,5 @@ import { IBaseComponentProp } from "../base-component.prop.interface";
 
 export interface IRadioButtonProps<T> extends React.InputHTMLAttributes<T>, IBaseComponentProp {
     labelLocaleHandle?: string;
+    alternativeType?: 'checkbox';
 }

package/src/components/result-chart/result-chart.interface.ts

@@ -11,7 +11,7 @@ export interface IResultChartProps extends IBaseComponentProp {
     maxCoin: string;
     overlay?: boolean;
     indicator_id: string;
-    getDays?: (typeReference: TypeReferenceEnum, indicator_id: string) => Promise<void>;
+    getDays?: (treeNodeId: string,typeReference: TypeReferenceEnum, indicator_id: string) => Promise<void>;
     result: string;
     goalResults: string;
     hit:number;
@@ -19,6 +19,7 @@ export interface IResultChartProps extends IBaseComponentProp {
     colorDivision: number[];
     isInitialPosition?: boolean;
     tabIndex?: number;
+    node_id?: string;
 }
 
 export interface IResultChartState {

package/src/components/tab/tab.interface.ts

@@ -9,7 +9,8 @@ export interface ITabProps<T> extends IBaseComponentProp {
     hideTabs?:boolean;
     onShowFilter?(filter:any):void;
     attributes?:AttributeValueModel[];
-    selectedFilter?:[]
+    selectedFilter?:[],
+    showFilter?: boolean;
 }
 
 interface TabOptions<T> {

package/src/components/tree-date-picker/tree-date-picker.interface.ts

@@ -35,11 +35,11 @@ export type Week = {
 
 export type Weeks = Week[];
 
-export type TabKey = "day" | "week" | "monthly" | "range";
+export type TabKey = "daily" | "weekly" | "monthly" | "range";
 
 export type DateTypeMap = {
-    day: Date | null;
-    week?: Date | null;
+    daily: Date | null;
+    weekly?: Date | null;
     monthly: Date | null;
     range: Date | null;
 };

package/src/components/weekly-chart/weekly-chart.interface.ts

@@ -12,7 +12,7 @@ export interface IWeeklyChartProps extends IBaseComponentProp {
     coin: string;
     maxCoin: string;
     overlay?: boolean;
-    getDays?: (typeReference: TypeReferenceEnum, indicator_id: string) => Promise<void>;
+    getDays?: (treeNodeId: string,typeReference: TypeReferenceEnum, indicator_id: string) => Promise<void>;
     result: string;
     goalResults: string;
     indicator_id: string;
@@ -21,6 +21,7 @@ export interface IWeeklyChartProps extends IBaseComponentProp {
     colorDivision: number[];
     selectedReference ?: string;
     tabIndex?: number;
+    node_id?: string;
 }
 
 export interface IWeeklyData {

package/src/services/profile.service.interface.ts

@@ -5,4 +5,6 @@ export interface IProfileService {
     getProfileImage(
         getProfileImageDto: ProfileDTO.IGetProfileImageDTO
     ): Promise<ProfileImageModel>;
+    pushSessionHistory(location: string): void;
+    getSessionHistory(): string;
 }

package/src/services/tree.service.interface.ts

@@ -20,6 +20,7 @@ export interface ITreeService {
     getReportPerformance(
         params: TreePerformanceParams
     ): Promise<TreeReportPerformanceModel[]>;
+    setReduxDateTree(date: string): void;
     getIndicators({
         params,
     }: TreeDTO.IGetIndicatorsTreeDTO): Promise<TreeIndicatorModel[]>;
@@ -27,7 +28,7 @@ export interface ITreeService {
         params,
     }: TreeDTO.IGetAttributesTreeDTO): Promise<TreeAttributeModel[]>;
     setDateTree(date: TreeDTO.ISelectedDateTreeDTO): void;
-    getDataTree(): Promise<any>;
+    getDataTree(isResult?: boolean): Promise<any>;
     getDetailsTree(params: TreeDTO.IGetDetailsTreeDTO): Promise<TreeDetailModel>;
     getTableTree(params: TreeDTO.IGetTableTreeDTO): Promise<TreeTableModel[]>;
     selectedIndicator(params: TreeDTO.ISelectIndicatorsTreeDTO): void;
@@ -42,6 +43,7 @@ export interface ITreeService {
         params: TreeDTO.IHandleBreadCrumbTreeDTO
     ): Promise<TreeDTO.IBreadcrumbData | TreeDTO.IBreadcrumbData[] | never[] | void>;
     setUserCurrentSelected(params?: TreeDTO.IHandleSearchUser): void;
+    setNodeTree(node: string): void;
     handleSearch(
         params: TreeDTO.IHandleSearchTreeDTO
     ): Promise<TreeDTO.IHandleSearchUser[]>;
@@ -58,7 +60,6 @@ export interface ITreeService {
         breadcrumbData: TreeDTO.IBreadcrumbData[];
         minLevel: string;
     }): [TreeModel["data"], TreeDTO.IBreadcrumbData[]];
-    getDataTree(params: TreeDTO.IGetDataTreeDTO): Promise<void>;
     getSimulations(userId: number | undefined): Promise<void>;
     getGraphData(simulationId?: string): Promise<void>;
     insertSimulation(

package/src/states/main-container/tree-app.state.interface.ts

@@ -27,6 +27,7 @@ interface ISimulationGroup {
 export interface ITreeApp {
     treeData: {
         node: string | undefined;
+        node_result: string | undefined;
         indicators: {
             items: TreeIndicatorModel[];
             selected: TreeIndicatorModel;
@@ -44,6 +45,7 @@ export interface ITreeApp {
             initialReferenceDate: string;
         };
         reference: TypeReferenceEnum;
+        reference_result: TypeReferenceEnum;
         attributes: {
             items: TreeAttributeModel[];
             selected: {
@@ -130,6 +132,7 @@ export interface ITreeApp {
             errors: [];
         };
         selectedDate: string;
+        selectedDateResult: string;
         isLoadingSimulation: boolean;
         isLoadingTreeSimulation: boolean;
         isLoading: boolean;

package/src/states/profile-container/profile-app.state.interface.ts

@@ -2,4 +2,5 @@ import { ProfileImageModel } from "../../models";
 
 export interface IProfileApp {
     profileImages: { [key: string]: ProfileImageModel };
+    sessionHistory: string;
 }

package/src/types/tree/tree.types.ts

@@ -49,6 +49,7 @@ export enum TypeReferenceLetterEnum {
     M = "monthly",
     D = "daily",
     W = "weekly",
+    S = "weekly",
 }
 
 export enum TreeActionTypes {
@@ -99,4 +100,6 @@ export enum TreeActionTypes {
     SET_UNIQUE_ID = "SET_UNIQUE_ID",
     SET_USER_CURRENT_SELECTED = "SET_USER_CURRENT_SELECTED",
     SUCCESS_DATA_TREE = "SUCCESS_DATA_TREE",
+    SET_REFERENCE_RESULT = "SET_REFERENCE_RESULT",
+    SET_DATETREE_RESULT = "SET_DATETREE_RESULT"
 }

package/src/utils/date.utils.ts

@@ -46,6 +46,38 @@ export class DateUtils {
         });
     }
 
+    static toLocaleDateString(
+        dateString: string | Date,
+        locale: string
+    ): string {
+        try {
+            if (!dateString) {
+                return "";
+            }
+
+            let date: Date;
+
+            if (typeof dateString === "string") {
+                date = new Date(
+                    dateString.includes("T")
+                        ? dateString
+                        : dateString + "T00:00:00Z"
+                );
+            } else {
+                date = new Date(dateString);
+            }
+
+            return new Intl.DateTimeFormat(locale, {
+                day: "numeric",
+                month: "long",
+                year: "numeric",
+                timeZone: "UTC",
+            }).format(date);
+        } catch {
+            return "";
+        }
+    }
+
     static getRemainingTimeFromNow(
         compareDate: Date,
         complementaryText: string
@@ -97,9 +129,20 @@ export class DateUtils {
         const minutes = Math.floor((secondsAsNumber % 3600) / 60);
         const seconds = Math.floor((secondsAsNumber % 3600) % 60);
 
-        let formattedHours = parseFloat(hours) > 0 ? hours.padStart(2, "0") : "00";
-        let formattedMinutes = minutes === 0 ? "00" : minutes < 10 ? "0" + minutes : minutes.toString();
-        let formattedSeconds = seconds === 0 ? "00" : seconds < 10 ? "0" + seconds : seconds.toString()
+        let formattedHours =
+            parseFloat(hours) > 0 ? hours.padStart(2, "0") : "00";
+        let formattedMinutes =
+            minutes === 0
+                ? "00"
+                : minutes < 10
+                ? "0" + minutes
+                : minutes.toString();
+        let formattedSeconds =
+            seconds === 0
+                ? "00"
+                : seconds < 10
+                ? "0" + seconds
+                : seconds.toString();
 
         let result = `${formattedHours}:${formattedMinutes}:${formattedSeconds}`;