robbyson-frontend-library 1.0.25 → 1.0.27

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

@@ -39,6 +39,22 @@ var BaseAppPage = /** @class */ (function (_super) {
         return _this;
     }
     BaseAppPage.prototype.redirect = function () {
+        var state = RobbysonNavigate === null || RobbysonNavigate === void 0 ? void 0 : RobbysonNavigate.getHistoryState();
+        if (state === null || state === void 0 ? void 0 : state.pathname) {
+            var actualPathname = RobbysonNavigate.getPathname();
+            var restrictedRoutes = [
+                "/terms-of-use",
+                "/humor",
+                "/documents",
+                "/login",
+                "/quiz",
+            ];
+            var isOperacaoPage = actualPathname.endsWith("/operacao/");
+            var isRestrictedRoute = restrictedRoutes === null || restrictedRoutes === void 0 ? void 0 : restrictedRoutes.some(function (route) { var _a; return (_a = state === null || state === void 0 ? void 0 : state.pathname) === null || _a === void 0 ? void 0 : _a.includes(route); });
+            if (isOperacaoPage && isRestrictedRoute) {
+                return;
+            }
+        }
         if (this._handleGoBack) {
             this._handleGoBack();
         }
@@ -60,14 +76,14 @@ var BaseAppPage = /** @class */ (function (_super) {
     BaseAppPage.prototype.render = function () {
         var _this = this;
         QueryParamsFactory.validate(this.paramsValidValues, this.paramsDefaultValues);
-        var isOperacaoPage = RobbysonNavigate.getPathname().endsWith('/operacao/');
+        var isOperacaoPage = RobbysonNavigate.getPathname().endsWith("/operacao/");
         return (React.createElement(PageContainer, null,
-            React.createElement(Header, null,
+            React.createElement(Header, { usePageHeader: this._usePageHeader },
                 React.createElement("div", null,
-                    !isOperacaoPage && (React.createElement(LeftArrowLarge, { src: this._themeService.getIconAssetUrl("left-arrow-large"), onClick: function () { return _this.redirect(); } })),
+                    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(ContextMenu, { className: "body-2-book" }, this.contextMenu())),
-            React.createElement(Content, { customHeight: this.customHeight }, this.renderPage())));
+                !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())));
     };
     return BaseAppPage;
 }(React.Component));

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

@@ -3,26 +3,48 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     return cooked;
 };
 import { LayoutDimensions } from "../../constants";
-import styled from "styled-components";
+import styled, { css } from "styled-components";
 import SVG from "react-inlinesvg";
 var SIDEBAR_WIDTH = 72;
-export var SidebarPadding = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    padding-left: calc(", "px + 55px);\n    height: calc(100vh + 8px);\n"], ["\n    padding-left: calc(", "px + 55px);\n    height: calc(100vh + 8px);\n"])), SIDEBAR_WIDTH);
-export var PageContainer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    padding: 32px 55px 47px calc(", "px + 55px);\n    overflow: hidden;\n    background: var(--solid-background);\n    height: 100%;\n    @media (max-width: ", "px) {\n        padding: 32px 24px;\n    }\n\n    @media (max-width: ", "px) {\n        padding: 24px 16px;\n    }\n"], ["\n    padding: 32px 55px 47px calc(", "px + 55px);\n    overflow: hidden;\n    background: var(--solid-background);\n    height: 100%;\n    @media (max-width: ", "px) {\n        padding: 32px 24px;\n    }\n\n    @media (max-width: ", "px) {\n        padding: 24px 16px;\n    }\n"])), SIDEBAR_WIDTH, LayoutDimensions.width.horizontalIpadMini, LayoutDimensions.width.mobile);
-export var Header = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    display: flex !important;\n    flex-direction: row !important;\n    justify-content: space-between !important;\n    align-items: center !important;\n    gap: 16px !important;\n\n    @media (max-width: ", "px) {\n        flex-direction: column !important;\n        align-items: flex-start !important;\n        margin-bottom: 16px;\n    }\n\n    & > div {\n        display: flex;\n        align-items: center;\n    }\n\n    svg {\n        cursor: pointer;\n    }\n"], ["\n    display: flex !important;\n    flex-direction: row !important;\n    justify-content: space-between !important;\n    align-items: center !important;\n    gap: 16px !important;\n\n    @media (max-width: ", "px) {\n        flex-direction: column !important;\n        align-items: flex-start !important;\n        margin-bottom: 16px;\n    }\n\n    & > div {\n        display: flex;\n        align-items: center;\n    }\n\n    svg {\n        cursor: pointer;\n    }\n"])), LayoutDimensions.width.horizontalIpadMini);
-export var ContextMenu = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    -ms-overflow-style: none;\n    scrollbar-width: none;\n    overflow-y: scroll;\n    &::-webkit-scrollbar {\n        display: none;\n    }\n    @media (max-width: ", "px) {\n        width: 100%;\n    }\n"], ["\n    -ms-overflow-style: none;\n    scrollbar-width: none;\n    overflow-y: scroll;\n    &::-webkit-scrollbar {\n        display: none;\n    }\n    @media (max-width: ", "px) {\n        width: 100%;\n    }\n"])), LayoutDimensions.width.horizontalIpadMini);
-export var Title = styled.h4(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    margin-left: 12px;\n\n    @media (max-width: ", "px) {\n        margin-left: 40px;\n    }\n"], ["\n    margin-left: 12px;\n\n    @media (max-width: ", "px) {\n        margin-left: 40px;\n    }\n"])), LayoutDimensions.width.horizontalIpadMini);
 var PADDING_TOP_DESKTOP = 32;
-var PADDING_TOP_MOBILE = 32;
-var PADDING_BOTTOM_DESKTOP = 47;
-var PADDING_BOTTOM_MOBILE = 32;
-var HEADER_HEIGHT_DESKTOP = 48;
-var HEADER_HEIGHT_MOBILE = 99;
-export var Content = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    height: ", ";\n\n    @media (max-width: ", "px) {\n        height: calc(\n            100vh -\n                ", "px\n        );\n    }\n"], ["\n    height: ", ";\n\n    @media (max-width: ", "px) {\n        height: calc(\n            100vh -\n                ", "px\n        );\n    }\n"])), function (_a) {
-    var customHeight = _a.customHeight;
-    return customHeight ||
-        "calc(100vh - ".concat(PADDING_TOP_DESKTOP + PADDING_BOTTOM_DESKTOP + HEADER_HEIGHT_DESKTOP, "px)");
-}, LayoutDimensions.width.horizontalIpadMini, PADDING_TOP_MOBILE +
-    PADDING_BOTTOM_MOBILE +
-    HEADER_HEIGHT_MOBILE);
-export var LeftArrowLarge = styled(SVG)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n    display: none;\n\n    @media (min-width: ", "px) {\n        display: block;\n    }\n"], ["\n    display: none;\n\n    @media (min-width: ", "px) {\n        display: block;\n    }\n"])), LayoutDimensions.width.horizontalIpadMini + 1);
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
+var PADDING_TOP_MOBILE = 24;
+var PADDING_BOTTOM_DESKTOP = 24;
+var PADDING_BOTTOM_MOBILE = 24;
+var HEADER_HEIGHT_DESKTOP = 40;
+var HEADER_HEIGHT_MOBILE = 91;
+var HEADER_HEIGHT_CUSTOM_PAGE = 40;
+export var SidebarPadding = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    padding-left: calc(", "px + 55px);\n    height: calc(100vh + 8px);\n"], ["\n    padding-left: calc(", "px + 55px);\n    height: calc(100vh + 8px);\n"])), SIDEBAR_WIDTH);
+export var PageContainer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    padding: 32px 55px 0px calc(", "px + 55px);\n    overflow: hidden;\n    background: var(--solid-background);\n    height: 100%;\n    @media (max-width: ", "px) {\n        padding: 32px 24px 0px 32px;\n    }\n\n    @media (max-width: ", "px) {\n        padding: 24px 16px 0px 24px;\n    }\n"], ["\n    padding: 32px 55px 0px calc(", "px + 55px);\n    overflow: hidden;\n    background: var(--solid-background);\n    height: 100%;\n    @media (max-width: ", "px) {\n        padding: 32px 24px 0px 32px;\n    }\n\n    @media (max-width: ", "px) {\n        padding: 24px 16px 0px 24px;\n    }\n"])), SIDEBAR_WIDTH, LayoutDimensions.width.horizontalIpadMini, LayoutDimensions.width.mobile);
+export var Header = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    ", "\n    flex-direction: row !important;\n    justify-content: space-between !important;\n    align-items: center !important;\n    gap: 16px !important;\n    padding-bottom: 24px;\n\n    @media (max-width: ", "px) {\n        flex-direction: column !important;\n        align-items: flex-start !important;\n    }\n\n    & > div {\n        display: flex;\n        align-items: center;\n    }\n\n    svg {\n        cursor: pointer;\n    }\n"], ["\n    ", "\n    flex-direction: row !important;\n    justify-content: space-between !important;\n    align-items: center !important;\n    gap: 16px !important;\n    padding-bottom: 24px;\n\n    @media (max-width: ", "px) {\n        flex-direction: column !important;\n        align-items: flex-start !important;\n    }\n\n    & > div {\n        display: flex;\n        align-items: center;\n    }\n\n    svg {\n        cursor: pointer;\n    }\n"])), function (_a) {
+    var usePageHeader = _a.usePageHeader;
+    if (usePageHeader) {
+        return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n                display: none;\n\n                @media (max-width: ", "px) {\n                    display: block;\n                }\n            "], ["\n                display: none;\n\n                @media (max-width: ", "px) {\n                    display: block;\n                }\n            "])), LayoutDimensions.width
+            .horizontalIpadMini);
+    }
+    return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n            display: flex !important;\n        "], ["\n            display: flex !important;\n        "])));
+}, LayoutDimensions.width.horizontalIpadMini);
+export var ContextMenu = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    -ms-overflow-style: none;\n    scrollbar-width: none;\n    overflow-y: scroll;\n    &::-webkit-scrollbar {\n        display: none;\n    }\n    @media (max-width: ", "px) {\n        width: 100%;\n    }\n"], ["\n    -ms-overflow-style: none;\n    scrollbar-width: none;\n    overflow-y: scroll;\n    &::-webkit-scrollbar {\n        display: none;\n    }\n    @media (max-width: ", "px) {\n        width: 100%;\n    }\n"])), LayoutDimensions.width.horizontalIpadMini);
+export var Title = styled.h4(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n    margin-left: 12px;\n    max-width: 600px;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n\n    @media (max-width: ", "px) {\n        margin-left: 40px;\n    }\n\n    @media (max-width: ", "px) {\n        max-width: 300px;\n    }\n"], ["\n    margin-left: 12px;\n    max-width: 600px;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n\n    @media (max-width: ", "px) {\n        margin-left: 40px;\n    }\n\n    @media (max-width: ", "px) {\n        max-width: 300px;\n    }\n"])), LayoutDimensions.width.horizontalIpadMini, LayoutDimensions.width.smallerMobiles);
+export var Content = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n    ", "\n"], ["\n    ", "\n"])), function (_a) {
+    var _b = _a.contentMarginTop, contentMarginTop = _b === void 0 ? 0 : _b, usePageHeader = _a.usePageHeader, avoidContextMenu = _a.avoidContextMenu;
+    var headerHeightDesktop = usePageHeader ? 0 : HEADER_HEIGHT_DESKTOP;
+    var headerHeightMobile = usePageHeader || avoidContextMenu
+        ? HEADER_HEIGHT_CUSTOM_PAGE
+        : HEADER_HEIGHT_MOBILE;
+    var paddingBottomDesktop = usePageHeader ? 0 : PADDING_BOTTOM_DESKTOP;
+    return css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n        height: ", ";\n\n        @media (max-width: ", "px) {\n            height: calc(\n                100vh -\n                    ", "px\n            );\n        }   \n\n        @media (max-width: ", "px) {\n            height: calc(\n                100vh -\n                    ", "px\n            );\n        }\n\n\n        & > div:first-child {\n            ", "\n    "], ["\n        height: ", ";\n\n        @media (max-width: ", "px) {\n            height: calc(\n                100vh -\n                    ", "px\n            );\n        }   \n\n        @media (max-width: ", "px) {\n            height: calc(\n                100vh -\n                    ", "px\n            );\n        }\n\n\n        & > div:first-child {\n            ", "\n    "])), "calc(100vh - ".concat(PADDING_TOP_DESKTOP +
+        paddingBottomDesktop +
+        headerHeightDesktop +
+        contentMarginTop, "px)"), LayoutDimensions.width.horizontalIpadMini, PADDING_TOP_DESKTOP +
+        PADDING_BOTTOM_MOBILE +
+        headerHeightMobile +
+        contentMarginTop, LayoutDimensions.width.mobile, PADDING_TOP_MOBILE +
+        PADDING_BOTTOM_MOBILE +
+        headerHeightMobile +
+        contentMarginTop, contentMarginTop > 0 && "margin-top: ".concat(contentMarginTop, "px;"));
+});
+export var LeftArrowLarge = styled(SVG)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n    display: none;\n    fill: ", ";\n\n    @media (min-width: ", "px) {\n        display: block;\n    }\n"], ["\n    display: none;\n    fill: ", ";\n\n    @media (min-width: ", "px) {\n        display: block;\n    }\n"])), function (_a) {
+    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;

package/dist/constants/hierarchy.constants.js

@@ -5,8 +5,9 @@ var ApplicationsHierarchy;
 var HIERARCHY_LEVELS;
 (function (HIERARCHY_LEVELS) {
     HIERARCHY_LEVELS[HIERARCHY_LEVELS["OPERATOR"] = 1] = "OPERATOR";
+    HIERARCHY_LEVELS[HIERARCHY_LEVELS["MANAGER"] = 3] = "MANAGER";
 })(HIERARCHY_LEVELS || (HIERARCHY_LEVELS = {}));
 export var HierarchyConstants = {
     ApplicationsHierarchy: ApplicationsHierarchy,
-    HIERARCHY_LEVELS: HIERARCHY_LEVELS
+    HIERARCHY_LEVELS: HIERARCHY_LEVELS,
 };

package/dist/constants/layout-dimensions.constants.js

@@ -8,6 +8,7 @@ var LayoutDimensions = /** @class */ (function () {
         horizontalIpadMini: 1199,
         verticalIpadMini: 767,
         mobile: 575,
+        smallerMobiles: 450,
     };
     return LayoutDimensions;
 }());

package/dist/constants/market.constants.js

@@ -1,20 +1,22 @@
+//TODO:remover apos liberar em producao para a nova plataforma
 export var PRODUCT_TYPE_ID;
 (function (PRODUCT_TYPE_ID) {
     PRODUCT_TYPE_ID[PRODUCT_TYPE_ID["EXPERIENCES"] = 1] = "EXPERIENCES";
     PRODUCT_TYPE_ID[PRODUCT_TYPE_ID["CUSTOMIZATION"] = 2] = "CUSTOMIZATION";
     PRODUCT_TYPE_ID[PRODUCT_TYPE_ID["MATERIAL"] = 3] = "MATERIAL";
     PRODUCT_TYPE_ID[PRODUCT_TYPE_ID["RAFFLE"] = 4] = "RAFFLE";
-    PRODUCT_TYPE_ID[PRODUCT_TYPE_ID["AUCTION"] = 5] = "AUCTION";
-    PRODUCT_TYPE_ID[PRODUCT_TYPE_ID["DONATION"] = 6] = "DONATION";
+    // AUCTION = 5,
+    // DONATION = 6,
     PRODUCT_TYPE_ID[PRODUCT_TYPE_ID["VOUCHER"] = 7] = "VOUCHER";
 })(PRODUCT_TYPE_ID || (PRODUCT_TYPE_ID = {}));
+//TODO:remover apos liberar em producao para a nova plataforma
 export var PRODUCT_TYPE_BY_ID = {
     1: "experiences",
     2: "customization",
     3: "material",
     4: "raffle",
-    5: "auction",
-    6: "donation",
+    // 5: "auction",
+    // 6: "donation",
     7: "voucher",
 };
 export var PRODUCT_ORDER_STATUS_ID;
@@ -70,5 +72,5 @@ export var MarketConstants = {
     PURCHASED_ORDERS_SORT_FILTER: PURCHASED_ORDERS_SORT_FILTER,
     PRODUCTS_PROJECTION_FILTER: PRODUCTS_PROJECTION_FILTER,
     PRODUCTS_SORT_FILTER: PRODUCTS_SORT_FILTER,
-    PURCHASED_ORDERS_STATUS_FILTER: PURCHASED_ORDERS_STATUS_FILTER
+    PURCHASED_ORDERS_STATUS_FILTER: PURCHASED_ORDERS_STATUS_FILTER,
 };

package/dist/models/theme-base.js

@@ -268,6 +268,8 @@ export var ICON_HANDLES = [
     "arrow-right",
     "hifen",
     "showcase-thin",
+    "market-order-bold",
+    "market-order-thin",
 ];
 var ThemeBaseRect = /** @class */ (function () {
     function ThemeBaseRect() {

package/dist/repositories/base.repository.js

@@ -196,6 +196,13 @@ var BaseRepository = /** @class */ (function () {
             if (this.checkValidationSessionToken()) {
                 config.headers.SessionKey = sessionKey;
             }
+            if (BaseRepository._globalState.Global.RootApp.isValidSession ===
+                false) {
+                var cancelSource = axios.CancelToken.source();
+                config.cancelToken = cancelSource.token;
+                cancelSource.cancel("SessionKey is expired");
+                return config;
+            }
         }
         config.headers["x-system-id"] = BaseRepository._systemId;
         return config;

package/dist/utils/robbyson-navigate.js

@@ -1,3 +1,14 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 import { GlobalStore } from "redux-micro-frontend";
 import queryString from "query-string";
 var RobbysonNavigate = /** @class */ (function () {
@@ -8,8 +19,9 @@ var RobbysonNavigate = /** @class */ (function () {
         RobbysonNavigate._globalState =
             RobbysonNavigate._globalStore.GetGlobalState();
         var history = RobbysonNavigate._globalState.Global.RootApp.history;
+        var routeState = __assign(__assign({}, state), { pathname: history.location.pathname });
         // TODO: Usar a LIB PATH para concatenar a URL
-        history.push("/operacao".concat(url), state);
+        history.push("/operacao".concat(url), routeState);
     };
     RobbysonNavigate.go = function (delta) {
         RobbysonNavigate._globalStore = GlobalStore.Get();

package/package.json

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

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

@@ -21,7 +21,9 @@ export abstract class BaseAppPage<T, T1> extends React.Component<T, T1> {
     protected _themeService: IThemeService;
     protected _linkToOverride: string | undefined;
     protected _handleGoBack: Function | undefined;
-    protected customHeight?: number | string;
+    protected _contentMarginTop?: number;
+    protected _usePageHeader?: boolean;
+    protected _avoidContextMenu?: boolean;
 
     constructor(props: T) {
         super(props);
@@ -31,6 +33,25 @@ export abstract class BaseAppPage<T, T1> extends React.Component<T, T1> {
         this._themeService = IoC.GetInstance<IThemeService>("ThemeService");
     }
     private redirect(): void {
+        const state = RobbysonNavigate?.getHistoryState() as any;
+        if (state?.pathname) {
+            const actualPathname = RobbysonNavigate.getPathname();
+            const restrictedRoutes = [
+                "/terms-of-use",
+                "/humor",
+                "/documents",
+                "/login",
+                "/quiz",
+            ];
+            const isOperacaoPage = actualPathname.endsWith("/operacao/");
+            const isRestrictedRoute = restrictedRoutes?.some((route) =>
+                state?.pathname?.includes(route)
+            );
+
+            if (isOperacaoPage && isRestrictedRoute) {
+                return;
+            }
+        }
         if (this._handleGoBack) {
             this._handleGoBack();
         } else if (this._linkToOverride) {
@@ -53,28 +74,34 @@ export abstract class BaseAppPage<T, T1> extends React.Component<T, T1> {
             this.paramsValidValues,
             this.paramsDefaultValues
         );
-        const isOperacaoPage = RobbysonNavigate.getPathname().endsWith('/operacao/');
+        const isOperacaoPage =
+            RobbysonNavigate.getPathname().endsWith("/operacao/");
         return (
             <PageContainer>
-                <Header>
+                <Header usePageHeader={this._usePageHeader}>
                     <div>
-                        {!isOperacaoPage && (
-
-                            <LeftArrowLarge
-                                src={this._themeService.getIconAssetUrl(
-                                    "left-arrow-large"
-                                )}
-                                onClick={() => this.redirect()}
-                            />
-                        )}
+                        <LeftArrowLarge
+                            src={this._themeService.getIconAssetUrl(
+                                "left-arrow-large"
+                            )}
+                            onClick={() => this.redirect()}
+                            isOperacaoPage={isOperacaoPage}
+                        />
                         <Title>{this.translate(this.headerLocale)}</Title>
                     </div>
 
-                    <ContextMenu className="body-2-book">
-                        {this.contextMenu()}
-                    </ContextMenu>
+                    {!this._avoidContextMenu && (
+                        <ContextMenu className="body-2-book">
+                            {this.contextMenu()}
+                        </ContextMenu>
+                    )}
                 </Header>
-                <Content customHeight={this.customHeight}>
+
+                <Content
+                    contentMarginTop={this._contentMarginTop}
+                    usePageHeader={this._usePageHeader}
+                    avoidContextMenu={this._avoidContextMenu}
+                >
                     {this.renderPage()}
                 </Content>
             </PageContainer>

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

@@ -1,8 +1,25 @@
 import { LayoutDimensions } from "../../constants";
-import styled from "styled-components";
+import styled, { css } from "styled-components";
 import SVG from "react-inlinesvg";
 
+interface LeftArrowLargeProps {
+    isOperacaoPage: boolean;
+}
+
+type ContentProps = {
+    contentMarginTop?: number;
+    usePageHeader?: boolean;
+    avoidContextMenu?: boolean;
+};
+
 const SIDEBAR_WIDTH = 72;
+const PADDING_TOP_DESKTOP = 32;
+const PADDING_TOP_MOBILE = 24;
+const PADDING_BOTTOM_DESKTOP = 24;
+const PADDING_BOTTOM_MOBILE = 24;
+const HEADER_HEIGHT_DESKTOP = 40;
+const HEADER_HEIGHT_MOBILE = 91;
+const HEADER_HEIGHT_CUSTOM_PAGE = 40;
 
 export const SidebarPadding = styled.div`
     padding-left: calc(${SIDEBAR_WIDTH}px + 55px);
@@ -10,30 +27,45 @@ export const SidebarPadding = styled.div`
 `;
 
 export const PageContainer = styled.div`
-    padding: 32px 55px 47px calc(${SIDEBAR_WIDTH}px + 55px);
+    padding: 32px 55px 0px calc(${SIDEBAR_WIDTH}px + 55px);
     overflow: hidden;
     background: var(--solid-background);
     height: 100%;
     @media (max-width: ${LayoutDimensions.width.horizontalIpadMini}px) {
-        padding: 32px 24px;
+        padding: 32px 24px 0px 32px;
     }
 
     @media (max-width: ${LayoutDimensions.width.mobile}px) {
-        padding: 24px 16px;
+        padding: 24px 16px 0px 24px;
     }
 `;
 
-export const Header = styled.div`
-    display: flex !important;
+export const Header = styled.div<{ usePageHeader?: boolean }>`
+    ${({ usePageHeader }) => {
+        if (usePageHeader) {
+            return css`
+                display: none;
+
+                @media (max-width: ${LayoutDimensions.width
+                        .horizontalIpadMini}px) {
+                    display: block;
+                }
+            `;
+        }
+
+        return css`
+            display: flex !important;
+        `;
+    }}
     flex-direction: row !important;
     justify-content: space-between !important;
     align-items: center !important;
     gap: 16px !important;
+    padding-bottom: 24px;
 
     @media (max-width: ${LayoutDimensions.width.horizontalIpadMini}px) {
         flex-direction: column !important;
         align-items: flex-start !important;
-        margin-bottom: 16px;
     }
 
     & > div {
@@ -60,42 +92,71 @@ export const ContextMenu = styled.div`
 
 export const Title = styled.h4`
     margin-left: 12px;
+    max-width: 600px;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
 
     @media (max-width: ${LayoutDimensions.width.horizontalIpadMini}px) {
         margin-left: 40px;
     }
-`;
 
-const PADDING_TOP_DESKTOP = 32;
-const PADDING_TOP_MOBILE = 32;
-const PADDING_BOTTOM_DESKTOP = 47;
-const PADDING_BOTTOM_MOBILE = 32;
-const HEADER_HEIGHT_DESKTOP = 48;
-const HEADER_HEIGHT_MOBILE = 99;
-
-type ContentProps = {
-    customHeight?: number | string;
-};
+    @media (max-width: ${LayoutDimensions.width.smallerMobiles}px) {
+        max-width: 300px;
+    }
+`;
 
 export const Content = styled.div<ContentProps>`
-    height: ${({ customHeight }) =>
-        customHeight ||
-        `calc(100vh - ${
-            PADDING_TOP_DESKTOP + PADDING_BOTTOM_DESKTOP + HEADER_HEIGHT_DESKTOP
+    ${({ contentMarginTop = 0, usePageHeader, avoidContextMenu }) => {
+        const headerHeightDesktop = usePageHeader ? 0 : HEADER_HEIGHT_DESKTOP;
+        const headerHeightMobile =
+            usePageHeader || avoidContextMenu
+                ? HEADER_HEIGHT_CUSTOM_PAGE
+                : HEADER_HEIGHT_MOBILE;
+        const paddingBottomDesktop = usePageHeader ? 0 : PADDING_BOTTOM_DESKTOP;
+
+        return css`
+        height: ${`calc(100vh - ${
+            PADDING_TOP_DESKTOP +
+            paddingBottomDesktop +
+            headerHeightDesktop +
+            contentMarginTop
         }px)`};
 
-    @media (max-width: ${LayoutDimensions.width.horizontalIpadMini}px) {
-        height: calc(
-            100vh -
-                ${PADDING_TOP_MOBILE +
-                PADDING_BOTTOM_MOBILE +
-                HEADER_HEIGHT_MOBILE}px
-        );
-    }
+        @media (max-width: ${LayoutDimensions.width.horizontalIpadMini}px) {
+            height: calc(
+                100vh -
+                    ${
+                        PADDING_TOP_DESKTOP +
+                        PADDING_BOTTOM_MOBILE +
+                        headerHeightMobile +
+                        contentMarginTop
+                    }px
+            );
+        }   
+
+        @media (max-width: ${LayoutDimensions.width.mobile}px) {
+            height: calc(
+                100vh -
+                    ${
+                        PADDING_TOP_MOBILE +
+                        PADDING_BOTTOM_MOBILE +
+                        headerHeightMobile +
+                        contentMarginTop
+                    }px
+            );
+        }
+
+
+        & > div:first-child {
+            ${contentMarginTop > 0 && `margin-top: ${contentMarginTop}px;`}
+    `;
+    }}
 `;
 
-export const LeftArrowLarge = styled(SVG)`
+export const LeftArrowLarge = styled(SVG)<LeftArrowLargeProps>`
     display: none;
+    fill: ${({ isOperacaoPage }) => (isOperacaoPage ? "grey" : "inherit")};
 
     @media (min-width: ${LayoutDimensions.width.horizontalIpadMini + 1}px) {
         display: block;

package/src/constants/hierarchy.constants.ts

@@ -4,9 +4,10 @@ enum ApplicationsHierarchy {
 
 enum HIERARCHY_LEVELS {
     OPERATOR = 1,
+    MANAGER = 3,
 }
 
 export const HierarchyConstants = {
     ApplicationsHierarchy,
-    HIERARCHY_LEVELS
+    HIERARCHY_LEVELS,
 };

package/src/constants/layout-dimensions.constants.ts

@@ -6,5 +6,6 @@ export class LayoutDimensions {
         horizontalIpadMini: 1199,
         verticalIpadMini: 767,
         mobile: 575,
-    }
-}
+        smallerMobiles: 450,
+    };
+}

package/src/constants/market.constants.ts

@@ -1,15 +1,15 @@
 import { ProductType } from "../types/market/market.types";
-
+//TODO:remover apos liberar em producao para a nova plataforma
 export enum PRODUCT_TYPE_ID {
     EXPERIENCES = 1,
     CUSTOMIZATION = 2,
     MATERIAL = 3,
     RAFFLE = 4,
-    AUCTION = 5,
-    DONATION = 6,
+    // AUCTION = 5,
+    // DONATION = 6,
     VOUCHER = 7,
 }
-
+//TODO:remover apos liberar em producao para a nova plataforma
 export const PRODUCT_TYPE_BY_ID: {
     [key: number]: ProductType;
 } = {
@@ -17,8 +17,8 @@ export const PRODUCT_TYPE_BY_ID: {
     2: "customization",
     3: "material",
     4: "raffle",
-    5: "auction",
-    6: "donation",
+    // 5: "auction",
+    // 6: "donation",
     7: "voucher",
 };
 
@@ -75,5 +75,5 @@ export const MarketConstants = {
     PURCHASED_ORDERS_SORT_FILTER,
     PRODUCTS_PROJECTION_FILTER,
     PRODUCTS_SORT_FILTER,
-    PURCHASED_ORDERS_STATUS_FILTER
+    PURCHASED_ORDERS_STATUS_FILTER,
 };

package/src/models/hierarchy-level.model.ts

@@ -1,14 +1,13 @@
-
 interface IHierarchyLevelPermission {
-  application: {
-      _id: number;
-      description: string;
-  };
-  _id: string;
-  send: boolean;
-  receive: boolean;
-  create_groups: boolean;
-  send_parent_immediate: boolean;
+    application: {
+        _id: number;
+        description: string;
+    };
+    _id: string;
+    send: boolean;
+    receive: boolean;
+    create_groups: boolean;
+    send_parent_immediate: boolean;
 }
 import { BaseRepositoryModel } from "./base.repository.model";
 
@@ -20,3 +19,11 @@ export class HierarchyLevelModel extends BaseRepositoryModel {
     weight: number;
     _id: string;
 }
+
+export interface IUserHierarchy {
+    hierarchyLevel: HierarchyLevelModel;
+    name: string;
+    parents: string[];
+    _id: string;
+    identification: string;
+}

package/src/models/theme-base.ts

@@ -354,6 +354,8 @@ export const ICON_HANDLES = [
     "arrow-right",
     "hifen",
     "showcase-thin",
+    "market-order-bold",
+    "market-order-thin",
 ] as const;
 
 export type IconHandle = (typeof ICON_HANDLES)[number];

package/src/models/user-session.model.ts

@@ -134,5 +134,6 @@ export class UserSessionModel extends BaseRepositoryModel {
         canReceive: boolean;
         canSend: boolean;
         canSendToParentImmediate: boolean;
+        canSendToSuperiors: boolean;
     };
 }

package/src/repositories/base.repository.ts

@@ -162,8 +162,16 @@ export class BaseRepository {
             if (this.checkValidationSessionToken()) {
                 config.headers.SessionKey = sessionKey;
             }
+            if (
+                BaseRepository._globalState.Global.RootApp.isValidSession ===
+                false
+            ) {
+                const cancelSource = axios.CancelToken.source();
+                config.cancelToken = cancelSource.token;
+                cancelSource.cancel("SessionKey is expired");
+                return config;
+            }
         }
-
         config.headers["x-system-id"] = BaseRepository._systemId;
 
         return config;

package/src/repositories/chat.repository.interface.ts

@@ -16,6 +16,7 @@ export interface IChatRepository {
         users: UserDTO.GetUserDTO[]
     ): Promise<void>;
     deleteConversation(conversationId: string): Promise<void>;
+    deleteConversationForAll(conversationId: string): Promise<void>;
     removeUserFromConversation(
         conversationId: string,
         robbysonUserId: number

package/src/repositories/hierarchy.repository.interface.ts

@@ -1,6 +1,9 @@
-import { HierarchyLevelModel } from "../models";
+import { HierarchyLevelModel, IUserHierarchy } from "../models";
 import { BaseRepository } from "./base.repository";
 
-export interface IHierarchyRepository extends BaseRepository{
+export interface IHierarchyRepository extends BaseRepository {
     getHierarchy(): Promise<HierarchyLevelModel[]>;
+    getHierarchyByIdentification(
+        identification: string
+    ): Promise<IUserHierarchy>;
 }

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

@@ -21,6 +21,7 @@ export interface IChatService {
         users: UserDTO.GetUserDTO[]
     ): Promise<void>;
     deleteConversation(conversationId: string): Promise<void>;
+    deleteConversationForAll(conversationId: string): Promise<void>;
     removeUserFromConversation(
         conversationId: string,
         robbysonUserId: number

package/src/services/dtos/chat.dto.ts

@@ -35,6 +35,7 @@ export interface IChatPermissions {
     canReceive: boolean;
     canSend: boolean;
     canSendToParentImmediate: boolean;
+    canSendToSuperiors: boolean;
 }
 
 export type ConversationType = "chat" | "group";

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

@@ -1,4 +1,8 @@
+import { IUserHierarchy } from "../models";
+
 export interface IHierarchyService {
     getHierarchy(): Promise<void>;
+    getHierarchyByIdentification(
+        identification: string
+    ): Promise<IUserHierarchy>;
 }
-

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

@@ -15,5 +15,6 @@ export interface IQuizService {
     getHistory(): Promise<[QuizAnsweredModel[], QuizAnsweredModel[]]>;
     handleNotAnsweredQuiz(quizId?: string): Promise<boolean>;
     setQuiz(quiz: QuizModel): void;
+    clearQuiz(): void;
     getQuiz(quizId: string): QuizModel | null;
 }

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

@@ -9,4 +9,5 @@ export interface IUploadService {
         height?: number
     ): string;
     getRawFileUrl(imageName: string): string;
+    downloadFile(fileName: string): Promise<void>;
 }

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

@@ -1,9 +1,9 @@
 import { HumorLastModel, UserSessionModel } from "../models";
 
 export interface IValidationsService {
-    checkTermsOfUse(sessionUser:UserSessionModel): boolean;
-    checkHumor(sessionUser:UserSessionModel): Promise<boolean>;
+    checkTermsOfUse(sessionUser: UserSessionModel): Promise<boolean>;
+    checkHumor(sessionUser: UserSessionModel): Promise<boolean>;
     validateHumor(humor: HumorLastModel[]): boolean;
-    checkDocuments(sessionUser:UserSessionModel): Promise<boolean>;
-    checkQuiz(sessionUser:UserSessionModel): Promise<boolean>;
+    checkDocuments(sessionUser: UserSessionModel): Promise<boolean>;
+    checkQuiz(sessionUser: UserSessionModel): Promise<boolean>;
 }

package/src/utils/robbyson-navigate.ts

@@ -13,9 +13,9 @@ export class RobbysonNavigate {
             RobbysonNavigate._globalStore.GetGlobalState();
 
         const { history } = RobbysonNavigate._globalState.Global.RootApp;
-
+        const routeState = { ...state, pathname: history.location.pathname };
         // TODO: Usar a LIB PATH para concatenar a URL
-        history.push(`/operacao${url}`, state);
+        history.push(`/operacao${url}`, routeState);
     }
     static go(delta: number) {
         RobbysonNavigate._globalStore = GlobalStore.Get();