namirasoft-account-react 1.4.406 → 1.4.410

package/dist/App.js

@@ -1,8 +1,10 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { NSALayout } from "./layouts/NSALayout";
-import { NSAHomePage } from "./main";
+import { NSALoginPage } from "./pages/NSALoginPage";
 export function App(props) {
-    return (_jsx(NSALayout, Object.assign({}, props, { children: _jsx(NSAHomePage, Object.assign({}, props, { product: { search: true } })) })));
+    if (!props.account)
+        return _jsx(NSALoginPage, { product_id: props.product_id });
+    return (_jsx(NSALayout, Object.assign({}, props, { header: { mega_menu: true }, children: _jsx(_Fragment, {}) })));
 }
 ;
 //# sourceMappingURL=App.js.map

package/dist/App.js.map

@@ -1 +1 @@
-{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAKrC,MAAM,UAAU,GAAG,CAAC,KAAe;IAE/B,OAAO,CACH,KAAC,SAAS,oBAAK,KAAK,cAChB,KAAC,WAAW,oBAAK,KAAK,IAAE,OAAO,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,IAC5C,CAChB,CAAC;AACN,CAAC;AAAA,CAAC"}
+{"version":3,"file":"App.js","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAIpD,MAAM,UAAU,GAAG,CAAC,KAAe;IAE/B,IAAI,CAAC,KAAK,CAAC,OAAO;QACd,OAAO,KAAC,YAAY,IAAC,UAAU,EAAE,KAAK,CAAC,UAAU,GAAI,CAAA;IAEzD,OAAO,CACH,KAAC,SAAS,oBACF,KAAK,IACT,MAAM,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,YAE3B,mBAAK,IACG,CACf,CAAC;AACN,CAAC;AAAA,CAAC"}

package/dist/NSACacheService.d.ts

@@ -0,0 +1,18 @@
+import { ProductFullRow } from "namirasoft-api-product";
+import { CacheService } from "namirasoft-core";
+import { ConsentRow, TokenManager } from "namirasoft-account";
+import { FilterLinkFullRow } from "namirasoft-api-link";
+import { NSNotifier } from "namirasoft-site-react";
+export declare class NSACacheService {
+    static getProducts(notifier: NSNotifier): CacheService<{
+        rows: ProductFullRow[];
+        count: number;
+    }>;
+    static getConsent(manager: TokenManager, product_id: string, onError: (error: Error | string, timout?: number) => void): CacheService<ConsentRow | null>;
+    static getFilterLinks(scopes: string[]): CacheService<{
+        [scope: string]: FilterLinkFullRow[];
+    }>;
+    static getMasterMenuStatus(): CacheService<{
+        open: boolean;
+    }>;
+}

package/dist/NSACacheService.js

@@ -0,0 +1,64 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { NamirasoftAPIProductServer } from "namirasoft-api-product";
+import { CacheService, EnvService, IStorageLocal, PackageService } from "namirasoft-core";
+import { NamirasoftAccountServer } from "namirasoft-account";
+import { NamirasoftAPILinkServer } from "namirasoft-api-link";
+export class NSACacheService {
+    static getProducts(notifier) {
+        return new CacheService("ns-products", new IStorageLocal(), 7 * 24 * 60, () => __awaiter(this, void 0, void 0, function* () { return "1.0.0"; }), () => __awaiter(this, void 0, void 0, function* () {
+            var _a;
+            let REACT_APP_BASE_URL_API_PRODUCT = new EnvService("REACT_APP_BASE_URL_API_PRODUCT", true).getString();
+            let server = new NamirasoftAPIProductServer(REACT_APP_BASE_URL_API_PRODUCT, notifier.onError);
+            let ans = yield server.filter.ListProducts("Namirasoft Console", "Header", null, null, null, []);
+            if (PackageService.MainJson) {
+                let CurrentProjectName = (_a = PackageService.MainJson) === null || _a === void 0 ? void 0 : _a.title.replace("Console", "").trim();
+                ans.rows = ans.rows.filter(r => r.name !== CurrentProjectName);
+                ans.count = ans.rows.length;
+            }
+            return ans;
+        }));
+    }
+    static getConsent(manager, product_id, onError) {
+        let user_id = manager.getUserData(user => user.id, "");
+        let key = `ns-account-consent-user-${user_id}-product-${product_id}`;
+        return new CacheService(key, new IStorageLocal(), 7 * 24 * 60, () => __awaiter(this, void 0, void 0, function* () { return "1.0.0"; }), () => __awaiter(this, void 0, void 0, function* () {
+            let REACT_APP_BASE_URL_ACCOUNT = new EnvService("REACT_APP_BASE_URL_ACCOUNT", true).getString();
+            let server = new NamirasoftAccountServer(REACT_APP_BASE_URL_ACCOUNT, manager, onError);
+            try {
+                let ans = yield server.consent.GetByProduct(product_id);
+                return ans;
+            }
+            catch (error) {
+                return null;
+            }
+        }));
+    }
+    static getFilterLinks(scopes) {
+        return new CacheService(`ns-master-menu-filter-links`, new IStorageLocal(), 7 * 24 * 60, () => __awaiter(this, void 0, void 0, function* () { return "1.0.0"; }), () => __awaiter(this, void 0, void 0, function* () {
+            let REACT_APP_BASE_URL_API_LINK = new EnvService("REACT_APP_BASE_URL_API_LINK", true).getString();
+            let server = new NamirasoftAPILinkServer(REACT_APP_BASE_URL_API_LINK, console.error);
+            let entries = yield Promise.all(scopes.map((scope) => __awaiter(this, void 0, void 0, function* () {
+                try {
+                    let response = yield server.filter.ListFilterLinks(scope, "Header", [], null, null, []);
+                    return [scope, response.rows];
+                }
+                catch (error) {
+                    return [scope, []];
+                }
+            })));
+            return Object.fromEntries(entries);
+        }));
+    }
+    static getMasterMenuStatus() {
+        return new CacheService(`ns-master-menu-status`, new IStorageLocal(), 30 * 24 * 60, () => __awaiter(this, void 0, void 0, function* () { return "1.0.0"; }), () => __awaiter(this, void 0, void 0, function* () { return ({ open: false }); }));
+    }
+}
+//# sourceMappingURL=NSACacheService.js.map

package/dist/NSACacheService.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NSACacheService.js","sourceRoot":"","sources":["../src/NSACacheService.ts"],"names":[],"mappings":"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"}

package/dist/Router.js

@@ -9,9 +9,9 @@ import { ProductUUID } from 'namirasoft-api-product';
 export default function Router() {
     let [state, setState] = useState(Math.random());
     let navigate = useNavigate();
-    let maker = new NSARouterMaker(ProductUUID.NAMIRASOFT_ACCESS, new IStorageSession(), () => { setState(state + Math.random()); }, {
+    let maker = new NSARouterMaker(ProductUUID.NAMIRASOFT_INFRA, new IStorageSession(), () => { setState(state + Math.random()); }, {
         onRenderOnLogin: (props) => {
-            return (_jsxs(Routes, { children: [_jsx(Route, { path: "/:id", element: _jsx(App, Object.assign({}, props)) }), _jsx(Route, { path: "*", element: _jsx(App, Object.assign({}, props)) })] }));
+            return (_jsxs(Routes, { children: [_jsx(Route, { path: "/:id/view", element: _jsx(App, Object.assign({}, props)) }), _jsx(Route, { path: "*", element: _jsx(App, Object.assign({}, props)) })] }));
         },
         onRenderOnLogout: (_, __) => {
             return (_jsx(Routes, { children: _jsx(Route, { path: "*", element: _jsx(NSNotFoundPage, {}) }) }));

package/dist/Router.js.map

@@ -1 +1 @@
-{"version":3,"file":"Router.js","sourceRoot":"","sources":["../src/Router.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAErD,MAAM,CAAC,OAAO,UAAU,MAAM;IAE1B,IAAI,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;IAExD,IAAI,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE7B,IAAI,KAAK,GAAG,IAAI,cAAc,CAAC,WAAW,CAAC,iBAAiB,EAAE,IAAI,eAAe,EAAE,EAAE,GAAG,EAAE,GAAG,QAAQ,CAAC,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE;QAC7H,eAAe,EAAE,CAAC,KAA0B,EAAE,EAAE;YAE5C,OAAO,CACH,MAAC,MAAM,eACH,KAAC,KAAK,IAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,KAAC,GAAG,oBAAK,KAAK,EAAQ,GAAI,EACtD,KAAC,KAAK,IAAC,IAAI,EAAC,GAAG,EAAC,OAAO,EAAE,KAAC,GAAG,oBAAK,KAAK,EAAQ,GAAI,IAC9C,CACZ,CAAC;QACN,CAAC;QACD,gBAAgB,EAAE,CAAC,CAAsB,EAAE,EAAW,EAAE,EAAE;YAEtD,OAAO,CACH,KAAC,MAAM,cACH,KAAC,KAAK,IAAC,IAAI,EAAC,GAAG,EAAC,OAAO,EAAE,KAAC,cAAc,KAAkB,GAAI,GACzD,CACZ,CAAC;QACN,CAAC;QACD,iBAAiB,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE;YAE/B,OAAO,QAAQ,CAAC;QACpB,CAAC;QACD,WAAW,EAAE;YACT,YAAY,EAAE;gBACV,KAAK,EAAE,IAAI;gBACX,KAAK,EAAE,IAAI;aACd;SACJ;KACJ,EAAE,QAAQ,CAAC,CAAC;IACb,OAAO,KAAK,CAAC,QAAQ,EAAE,CAAC;AAC5B,CAAC"}
+{"version":3,"file":"Router.js","sourceRoot":"","sources":["../src/Router.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAErD,MAAM,CAAC,OAAO,UAAU,MAAM;IAE1B,IAAI,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;IAExD,IAAI,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE7B,IAAI,KAAK,GAAG,IAAI,cAAc,CAAC,WAAW,CAAC,gBAAgB,EAAE,IAAI,eAAe,EAAE,EAAE,GAAG,EAAE,GAAG,QAAQ,CAAC,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE;QAC5H,eAAe,EAAE,CAAC,KAA0B,EAAE,EAAE;YAE5C,OAAO,CACH,MAAC,MAAM,eACH,KAAC,KAAK,IAAC,IAAI,EAAC,WAAW,EAAC,OAAO,EAAE,KAAC,GAAG,oBAAK,KAAK,EAAQ,GAAI,EAC3D,KAAC,KAAK,IAAC,IAAI,EAAC,GAAG,EAAC,OAAO,EAAE,KAAC,GAAG,oBAAK,KAAK,EAAQ,GAAI,IAC9C,CACZ,CAAC;QACN,CAAC;QACD,gBAAgB,EAAE,CAAC,CAAsB,EAAE,EAAW,EAAE,EAAE;YAEtD,OAAO,CACH,KAAC,MAAM,cACH,KAAC,KAAK,IAAC,IAAI,EAAC,GAAG,EAAC,OAAO,EAAE,KAAC,cAAc,KAAkB,GAAI,GACzD,CACZ,CAAC;QACN,CAAC;QACD,iBAAiB,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE;YAE/B,OAAO,QAAQ,CAAC;QACpB,CAAC;QACD,WAAW,EAAE;YACT,YAAY,EAAE;gBACV,KAAK,EAAE,IAAI;gBACX,KAAK,EAAE,IAAI;aACd;SACJ;KACJ,EAAE,QAAQ,CAAC,CAAC;IACb,OAAO,KAAK,CAAC,QAAQ,EAAE,CAAC;AAC5B,CAAC"}

package/dist/components/NSAMasterMenu.d.ts

@@ -0,0 +1,29 @@
+import { FilterLinkFullRow } from "namirasoft-api-link";
+import { ProductFullRow } from "namirasoft-api-product";
+import { Component } from "react";
+import { NSARouterMakerProps } from "../NSARouterMakerProps";
+export interface NSAMasterMenuProps extends NSARouterMakerProps {
+    open: boolean;
+    setOpen: (open: boolean) => void;
+}
+export interface NSAMasterMenuState {
+    loading: boolean;
+    products?: ProductFullRow[];
+    filter_links?: {
+        [scope: string]: FilterLinkFullRow[];
+    };
+    show_footer: boolean;
+    search?: string;
+}
+declare class NSAMasterMenu extends Component<NSAMasterMenuProps, NSAMasterMenuState> {
+    private TimeoutSearch;
+    private MasterMenuAsideEl_Ref;
+    private MasterMenuEl_Ref;
+    constructor(props: NSAMasterMenuProps);
+    componentDidMount(): void;
+    componentDidUpdate(_: Readonly<NSAMasterMenuProps>, prev_state: Readonly<NSAMasterMenuState>): void;
+    load(): Promise<void>;
+    setSearch(search: string): void;
+    render(): import("react/jsx-runtime").JSX.Element;
+}
+export default NSAMasterMenu;

package/dist/components/NSAMasterMenu.js

@@ -0,0 +1,83 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SetTimeouService } from "namirasoft-core";
+import { NSBoxSearch, NSLoading } from "namirasoft-site-react";
+import { Component, createRef } from "react";
+import { NSACacheService } from "../NSACacheService";
+import Styles from "./NSAMasterMenu.module.css";
+import NSAMasterMenuItem from "./NSAMasterMenuItem";
+class NSAMasterMenu extends Component {
+    constructor(props) {
+        super(props);
+        this.MasterMenuAsideEl_Ref = createRef();
+        this.MasterMenuEl_Ref = createRef();
+        this.TimeoutSearch = new SetTimeouService();
+        this.state = {
+            loading: true,
+            show_footer: false,
+        };
+        this.load = this.load.bind(this);
+    }
+    componentDidMount() {
+        this.load();
+    }
+    componentDidUpdate(_, prev_state) {
+        if (this.state.search !== prev_state.search)
+            this.setState(() => ({ show_footer: false }));
+    }
+    load() {
+        return __awaiter(this, void 0, void 0, function* () {
+            try {
+                let product_list = yield NSACacheService.getProducts(this.props.notifier).get();
+                let scopes = product_list.rows.map((product) => `${product.name} Console`);
+                let filter_links = yield NSACacheService.getFilterLinks(scopes).get();
+                this.setState(() => ({
+                    products: product_list.rows,
+                    filter_links,
+                    loading: false,
+                }));
+            }
+            catch (_a) {
+                this.setState(() => ({ loading: false }));
+            }
+        });
+    }
+    setSearch(search) {
+        this.TimeoutSearch.setTimeoutIfNotCalledAgain(() => this.setState(() => ({ search: search.length >= 3 ? search : undefined })), 1000);
+    }
+    render() {
+        var _a;
+        return (_jsx("aside", { ref: this.MasterMenuAsideEl_Ref, className: `${Styles.nsa_master_menu_aside} ${this.props.open ? Styles.open : ""}`, onClick: (event) => {
+                if (event.target === this.MasterMenuAsideEl_Ref.current)
+                    this.props.setOpen(false);
+            }, children: _jsxs("div", { className: Styles.nsa_master_menu_wrapper, children: [_jsxs("div", { className: Styles.nsa_master_menu_header, children: [_jsx(NSBoxSearch, { title: "Search Product", required: false, hideHeader: true, placeholder: "Search", onChanged: (box) => { var _a; return this.setSearch((_a = box.getValue()) !== null && _a !== void 0 ? _a : ""); }, input: { classList: [Styles.nsa_master_menu_search_box] }, classList: [Styles.nsa_master_menu_search_wrapper] }), _jsx("button", { className: Styles.nsa_master_menu_header_btn, onClick: () => this.props.setOpen(!this.props.open), children: _jsx("img", { src: "https://static.namirasoft.com/image/concept/sidebar/blue.svg", alt: "collapse", width: 20, height: 20 }) })] }), _jsxs("div", { ref: this.MasterMenuEl_Ref, className: Styles.nsa_master_menu, onScroll: (event) => {
+                            const element = event.target;
+                            if (element.scrollTop && !this.state.show_footer)
+                                this.setState(() => ({ show_footer: true }));
+                        }, children: [!this.state.loading
+                                ?
+                                    _jsx("ul", { className: Styles.nsa_master_menu_list, children: (_a = this.state.products) === null || _a === void 0 ? void 0 : _a.map(product => {
+                                            var _a, _b;
+                                            return (_jsx(NSAMasterMenuItem, Object.assign({}, this.props, { product: product, fls: (_b = (_a = this.state.filter_links) === null || _a === void 0 ? void 0 : _a[`${product.name} Console`]) !== null && _b !== void 0 ? _b : [], search: this.state.search, onClick: () => {
+                                                    if (!this.props.open)
+                                                        this.props.setOpen(true);
+                                                } }), product.id));
+                                        }) })
+                                :
+                                    _jsx(NSLoading, { small: true, classList: [Styles.nsa_master_menu_loading] }), this.state.show_footer &&
+                                _jsx("div", { className: Styles.nsa_master_menu_footer, children: _jsx("button", { className: Styles.nsa_master_menu_footer_btn, title: "Go Top", onClick: () => {
+                                            var _a;
+                                            (_a = this.MasterMenuEl_Ref.current) === null || _a === void 0 ? void 0 : _a.scroll({ top: 0 });
+                                        }, children: _jsx("img", { src: `https://static.namirasoft.com/image/concept/arrow/up/blue.svg`, alt: "angle", width: 12, height: 16 }) }) })] })] }) }));
+    }
+}
+export default NSAMasterMenu;
+//# sourceMappingURL=NSAMasterMenu.js.map

package/dist/components/NSAMasterMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NSAMasterMenu.js","sourceRoot":"","sources":["../../src/components/NSAMasterMenu.tsx"],"names":[],"mappings":"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"}

package/dist/components/NSAMasterMenu.module.css

@@ -0,0 +1,241 @@
+.nsa_master_menu_aside {
+    position: fixed;
+    z-index: -1;
+    width: 100dvw;
+    height: 100dvh;
+    background-color: #00000080;
+}
+
+.nsa_master_menu_aside.open {
+    z-index: 999;
+}
+
+.nsa_master_menu_wrapper {
+    position: fixed;
+    width: 16rem;
+    height: 100dvh;
+    display: flex;
+    flex-direction: column;
+    background-color: #fbfafd;
+    overflow: hidden;
+}
+
+.nsa_master_menu_loading {
+    display: none;
+}
+
+.nsa_master_menu_aside.open .nsa_master_menu_loading {
+    display: flex;
+}
+
+/* header */
+
+.nsa_master_menu_header {
+    padding: 1rem 0.5rem;
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    background-color: #e1e1e1;
+}
+
+.nsa_master_menu_search_box {
+    height: 2rem !important;
+    border: 1px solid #aeaeae !important;
+    background: url("https://static.namirasoft.com/image/concept/search/blue.svg") right 4px center / 16px no-repeat scroll white !important;
+    font-size: 0.875rem;
+}
+
+.nsa_master_menu_header_btn {
+    width: 2rem;
+    min-width: 2rem;
+    height: 2rem;
+    border: none;
+    border-radius: 0.25rem;
+    padding: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: transparent;
+}
+
+.nsa_master_menu_header_btn:hover {
+    background-color: #d0d0d0;
+}
+
+/* menu */
+
+.nsa_master_menu {
+    height: 100%;
+    padding: 0.5rem;
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+    overflow: auto;
+    scroll-behavior: smooth;
+
+    &::-webkit-scrollbar {
+        width: 0.25rem;
+    }
+
+    &::-webkit-scrollbar-track {
+        background: rgba(0, 0, 0, 0.05);
+        border-radius: 0.25rem;
+    }
+
+    &::-webkit-scrollbar-thumb {
+        background: rgba(0, 0, 0, 0.3);
+        border-radius: 0.25rem;
+    }
+
+    &::-webkit-scrollbar-thumb:hover {
+        background: rgba(0, 0, 0, 0.45);
+    }
+}
+
+.nsa_master_menu_list {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 0.25rem;
+    transition: height 0.25s ease;
+}
+
+.nsa_master_menu_list_item {
+    display: flex;
+    flex-direction: column;
+    gap: 0.25rem;
+}
+
+.nsa_master_menu_list_content {
+    width: 100%;
+    margin: 0;
+    border-radius: 0.25rem;
+    padding: 0.25rem 0.5rem 0.25rem 0.25rem;
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    cursor: pointer;
+}
+
+a.nsa_master_menu_list_content {
+    text-decoration: none;
+}
+
+.nsa_master_menu_list_content:hover {
+    background-color: #e1e1e1;
+}
+
+a.nsa_master_menu_list_content:hover {
+    text-decoration: underline;
+}
+
+.nsa_master_menu_list_content.back {
+    padding: 0 0 0.5rem 2.25rem;
+}
+
+.nsa_master_menu_list_text {
+    font-size: 0.875rem;
+    font-weight: 500;
+    line-height: 1rem;
+    color: #141b5c;
+}
+
+.nsa_master_menu_list_content.back .nsa_master_menu_list_text {
+    font-size: 1.125rem;
+}
+
+.nsa_master_menu_arrow {
+    margin-left: auto;
+}
+
+/* sub-menu */
+
+.nsa_master_menu_list .nsa_master_menu_list {
+
+    .nsa_master_menu_list_content {
+        padding-left: 2.25rem;
+    }
+
+    .nsa_master_menu_list_text {
+        font-weight: 400;
+    }
+}
+
+/* footer */
+
+.nsa_master_menu_footer {
+    border-top: 1px solid #e1e1e1;
+    margin-top: auto;
+    padding-top: 0.5rem;
+}
+
+.nsa_master_menu_footer_btn {
+    width: 100%;
+    border: none;
+    border-radius: 0.25rem;
+    padding: 0.25rem 0;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    background-color: transparent;
+}
+
+.nsa_master_menu_footer_btn:hover {
+    background-color: #e1e1e1;
+}
+
+@media only screen and (min-width: 1200px) {
+    .nsa_master_menu_aside {
+        position: static;
+        z-index: 1;
+        width: 3rem;
+        min-width: 3rem;
+        display: flex;
+    }
+
+    .nsa_master_menu_wrapper {
+        width: 3rem;
+    }
+
+    .nsa_master_menu {
+        padding: 0.5rem 0.375rem;
+    }
+
+    .nsa_master_menu_list .nsa_master_menu_list {
+        display: none;
+    }
+
+    .nsa_master_menu_search_wrapper {
+        display: none;
+    }
+
+    .nsa_master_menu_list_text {
+        display: none;
+    }
+
+    .nsa_master_menu_arrow {
+        display: none;
+    }
+
+    .nsa_master_menu_aside.open {
+        width: 16rem;
+        min-width: 16rem;
+
+        .nsa_master_menu_wrapper {
+            width: 16rem;
+        }
+
+        .nsa_master_menu_list .nsa_master_menu_list,
+        .nsa_master_menu_search_wrapper,
+        .nsa_master_menu_list_text,
+        .nsa_master_menu_arrow {
+            display: flex;
+        }
+
+        .nsa_master_menu {
+            padding: 0.5rem;
+        }
+    }
+}

package/dist/components/NSAMasterMenuItem.d.ts

@@ -0,0 +1,17 @@
+import { FilterLinkFullRow } from "namirasoft-api-link";
+import { ProductFullRow } from 'namirasoft-api-product';
+import { NSARouterMakerProps } from '../NSARouterMakerProps';
+export interface NSAMasterMenuItemProps extends NSARouterMakerProps {
+    product: ProductFullRow;
+    fls: FilterLinkFullRow[];
+    open: boolean;
+    search?: string;
+    onClick: () => void;
+}
+export interface NSAMasterMenuItemState {
+    chain: FilterLinkFullRow[];
+    active: boolean;
+    loading: boolean;
+}
+declare function NSAMasterMenuItem(props: NSAMasterMenuItemProps): import("react/jsx-runtime").JSX.Element;
+export default NSAMasterMenuItem;

package/dist/components/NSAMasterMenuItem.js

@@ -0,0 +1,111 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { NSLoading } from 'namirasoft-site-react';
+import { useEffect, useMemo, useState } from 'react';
+import Styles from "./NSAMasterMenu.module.css";
+import { SearchOperation } from "namirasoft-core";
+function NSAMasterMenuItem(props) {
+    var _a;
+    const [state, setState] = useState({
+        chain: [],
+        active: false,
+        loading: false
+    });
+    const getVisibleFLs = (fls) => {
+        var _a;
+        let is_logged_in = props.account.token_manager.exists();
+        let initial_filters = (_a = fls === null || fls === void 0 ? void 0 : fls.filter(filter => {
+            if (!filter.link)
+                return true;
+            return is_logged_in ? filter.link.private : filter.link.public;
+        })) !== null && _a !== void 0 ? _a : [];
+        return pruneOrphanFLs(initial_filters).sort((a, b) => a.order - b.order);
+    };
+    const pruneOrphanFLs = (fls) => {
+        let result = [...fls];
+        while (true) {
+            let previous_length = result.length;
+            let parent_ids = new Set(result.map(f => f.parent_id));
+            result = result.filter(filter => {
+                var _a;
+                if ((_a = filter.link) === null || _a === void 0 ? void 0 : _a.url)
+                    return true;
+                return parent_ids.has(filter.id);
+            });
+            if (result.length === previous_length)
+                break;
+        }
+        return result;
+    };
+    const getFilteredFLs = (fls) => {
+        var _a, _b, _c;
+        let selected_item = (_a = state.chain) === null || _a === void 0 ? void 0 : _a[state.chain.length - 1];
+        if (selected_item)
+            return (_b = fls.filter(link => link.parent_id === selected_item.id)) !== null && _b !== void 0 ? _b : [];
+        if (props.search)
+            if (!SearchOperation.match(props.product.name, props.search))
+                return SearchOperation.filter(fls, item => { var _a; return (_a = item.name) !== null && _a !== void 0 ? _a : ""; }, props.search);
+        return (_c = fls.filter(link => link.parent_id === null)) !== null && _c !== void 0 ? _c : [];
+    };
+    function buildUniqueNameMap(fls) {
+        let name_map = new Map();
+        props.fls.forEach(fl => name_map.set(fl.id, fl));
+        function getNameChain(item) {
+            const chain = [];
+            let current = item;
+            while (current) {
+                if (current.name)
+                    chain.unshift(current.name);
+                if (!current.parent_id)
+                    break;
+                current = name_map.get(current.parent_id);
+            }
+            return chain;
+        }
+        const result = {};
+        for (const fl of fls)
+            result[fl.id] = getNameChain(fl).join(" / ");
+        return result;
+    }
+    const hasChildren = (fl) => {
+        var _a;
+        return ((_a = props.fls.findIndex(link => link.parent_id === fl.id)) !== null && _a !== void 0 ? _a : -1) > -1;
+    };
+    const getFilterLinkNode = (fl) => {
+        let fl_name = fl.name;
+        if (props.search && state.chain.length === 0)
+            fl_name = uniqe_name_map[fl.id];
+        if (hasChildren(fl))
+            return (_jsxs("div", { className: Styles.nsa_master_menu_list_content, onClick: () => {
+                    setState((prev) => { var _a; return (Object.assign(Object.assign({}, prev), { chain: [...(_a = prev.chain) !== null && _a !== void 0 ? _a : [], fl] })); });
+                }, children: [_jsx("span", { className: Styles.nsa_master_menu_list_text, children: fl_name }), _jsx("img", { src: `https://static.namirasoft.com/image/concept/arrow/right/blue.svg`, alt: "angle", width: 10, height: 10, className: Styles.nsa_master_menu_arrow })] }));
+        return (_jsx("a", { href: fl.link.url, className: Styles.nsa_master_menu_list_content, children: _jsx("span", { className: Styles.nsa_master_menu_list_text, children: fl_name }) }));
+    };
+    useEffect(() => {
+        setState((prev) => (Object.assign(Object.assign({}, prev), { chain: [], active: !!props.search && filtered_fls.length > 0 })));
+    }, [props.search]);
+    let fls = useMemo(() => {
+        return getVisibleFLs(props.fls);
+    }, [props.product, props.fls]);
+    let filtered_fls = getFilteredFLs(fls);
+    let uniqe_name_map = buildUniqueNameMap(filtered_fls);
+    if (props.search && filtered_fls.length === 0)
+        if (!SearchOperation.match(props.product.name, props.search))
+            return _jsx(_Fragment, {});
+    let product_name = props.product.name.replace("Namirasoft ", "");
+    return (_jsxs("li", { className: Styles.nsa_master_menu_list_item, children: [_jsxs("figure", { className: Styles.nsa_master_menu_list_content, role: "button", title: product_name, onClick: () => {
+                    setState((prev) => (Object.assign(Object.assign({}, prev), { chain: [], active: props.open ? !prev.active : true })));
+                    props.onClick();
+                }, children: [_jsx("img", { src: (_a = props.product.logo) !== null && _a !== void 0 ? _a : "", alt: props.product.name, width: 24, height: 24, className: Styles.nsa_master_menu_logo }), _jsx("figcaption", { className: Styles.nsa_master_menu_list_text, children: product_name }), props.fls.length > 0 &&
+                        _jsx("img", { src: `https://static.namirasoft.com/image/concept/arrow/${state.active ? "down" : "right"}/blue.svg`, alt: "angle", width: 12, height: 12, className: Styles.nsa_master_menu_arrow })] }), state.loading &&
+                _jsx(NSLoading, { small: true, hideDescription: true, hideTitle: true, style: { padding: "2rem 0" } }), state.active && filtered_fls.length > 0 &&
+                _jsxs("ul", { className: Styles.nsa_master_menu_list, children: [state.chain.length > 0 &&
+                            _jsx("li", { className: Styles.nsa_master_menu_list_item, children: _jsx("div", { className: `${Styles.nsa_master_menu_list_content} ${Styles.back}`, onClick: () => {
+                                        setState((prev) => {
+                                            var _a;
+                                            (_a = prev.chain) === null || _a === void 0 ? void 0 : _a.pop();
+                                            return Object.assign(Object.assign({}, prev), { chain: prev.chain });
+                                        });
+                                    }, children: _jsx("span", { className: Styles.nsa_master_menu_list_text, children: ".." }) }) }), filtered_fls.map(item => (_jsx("li", { className: Styles.nsa_master_menu_list_item, children: getFilterLinkNode(item) }, item.id)))] })] }));
+}
+export default NSAMasterMenuItem;
+//# sourceMappingURL=NSAMasterMenuItem.js.map

package/dist/components/NSAMasterMenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NSAMasterMenuItem.js","sourceRoot":"","sources":["../../src/components/NSAMasterMenuItem.tsx"],"names":[],"mappings":"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"}

package/dist/components/NSAProductListDialog.d.ts

@@ -1,6 +1,6 @@
-import { Component } from 'react';
 import { ProductFullRow } from 'namirasoft-api-product';
 import { NSDialogProps } from 'namirasoft-site-react';
+import { Component } from 'react';
 import { NSARouterMakerProps } from '../NSARouterMakerProps';
 export interface NSAProductListDialogProps extends NSARouterMakerProps, NSDialogProps {
 }