@admin-layout/client 11.0.4-alpha.4 → 11.2.1-alpha.1

package/lib/components/UpdateSettings/UpdateSettings.server.js

@@ -1,38 +1,226 @@
-import {createCookie}from'@remix-run/node';import {data}from'@remix-run/react';import {pick,keys}from'lodash-es';import {config}from'../../config/env-config.js';import {defaultSettings}from'../../config/defaultSettings.js';const settingsCookie = createCookie('settings', {
+import {createCookie}from'@remix-run/node';import {ConfigCollectionName,ConfigFragmentName,ConfigurationSchemaId}from'common';import {GetPageSettingsDocument}from'common/graphql';import {merge}from'lodash-es';import {print}from'graphql';import {parseEnvLayoutSettings}from'../../utils/parseEnvUiLayoutSettings.js';import {config}from'../../config/env-config.js';import'../../config/defaultSettings.js';import {generateCdecodeUri,DEFAULT_CONTRIBUTION_TENANT_ID}from'@adminide-stack/core';/**
+ * Cookie configuration for storing user settings
+ * - Max age: 30 days
+ * - Client-side accessible for dynamic UI updates
+ * - Domain-scoped in production for subdomain sharing
+ */
+const settingsCookie = createCookie('settings', {
     maxAge: 60 * 60 * 24 * 30, // 1 month
-    httpOnly: true,
+    httpOnly: false, // Allow client-side access
     sameSite: 'lax',
+    path: '/', // Ensure cookie is available for all paths
     domain: config.isProd ? config.APP_DOMAIN : undefined,
 });
-const action = async ({ request }) => {
-    // const jsonData = await request.json();
-    const clonedRequest = request.clone();
-    const jsonData = await clonedRequest.json();
-    const payload = jsonData?.config;
-    const cookieHeader = request.headers.get('Cookie');
-    const settings = await settingsCookie.parse(cookieHeader);
-    const updatedSettings = {
-        ...settings,
-        ...pick(payload, keys(config.LAYOUT_SETTINGS)),
+/**
+ * Fetches page settings from GraphQL backend with device/route-specific overrides
+ *
+ * @param request - The incoming HTTP request (used for forwarding cookies and headers)
+ * @param overrideIdentifier - Optional override identifier (e.g., "[mobile]", "[desktop]", "[/dashboard][mobile]")
+ * @returns GraphQL query result containing merged settings with overrides applied
+ *
+ * @remarks
+ * - The GraphQL backend implements Redis caching for performance
+ * - Settings are returned in a flat structure with bracket notation for overrides
+ * - Example structure: { logo: '...', theme: '...', '[mobile]': { ... }, '[/dashboard][mobile]': { ... } }
+ */
+async function fetchPageSettingsWithFetch(request, overrideIdentifier) {
+    console.log(`🔍 Fetching settings from GraphQL (Redis-cached backend)...`);
+    // Generate resource URI for the application settings
+    const resource = generateCdecodeUri(DEFAULT_CONTRIBUTION_TENANT_ID, {
+        resourceType: ConfigCollectionName.Applications,
+        resourceId: config.APPLICATION_ID,
+        idField: 'appId',
+    }, {}, ConfigFragmentName.UiSettings);
+    const url = process.env.GRAPHQL_URL || 'http://localhost:8080/graphql';
+    // Convert GraphQL DocumentNode to string
+    const query = print(GetPageSettingsDocument);
+    // Prepare GraphQL query options
+    const options = {
+        schemaId: ConfigurationSchemaId.UiLayout,
+        target: 2 /* ConfigurationTarget.APPLICATION */,
+        configKey: 'uilayout',
     };
-    return data(updatedSettings, {
-        headers: {
-            'Set-Cookie': await settingsCookie.serialize(updatedSettings),
-        },
-    });
-};
-const loader = async ({ request }) => {
-    const cookieHeader = request.headers.get('Cookie');
-    const settings = await settingsCookie.parse(cookieHeader);
-    if (!settings) {
-        const updatedSettings = {
-            ...defaultSettings,
+    // Add device/route overrides if provided
+    if (overrideIdentifier) {
+        options.overrides = {
+            strict: true,
+            overrideIdentifier,
         };
-        return data(updatedSettings, {
-            headers: {
-                'Set-Cookie': await settingsCookie.serialize(updatedSettings),
-            },
+    }
+    const variables = {
+        resourceUri: resource,
+        options,
+    };
+    console.log('🔍 Fetching settings with direct fetch to:', url);
+    // console.log('🔍 Query variables:', JSON.stringify(variables, null, 2));
+    // Forward cookies and headers from the incoming request
+    const headers = {
+        'Content-Type': 'application/json',
+        'Cache-Control': 'no-cache, no-store, must-revalidate',
+        Pragma: 'no-cache',
+        Expires: '0',
+    };
+    const cookieHeader = request.headers.get('Cookie');
+    if (cookieHeader) {
+        headers['Cookie'] = cookieHeader;
+        console.log('🍪 Forwarding cookies to GraphQL backend');
+    }
+    else {
+        console.log('⚠️ No cookies found in request');
+    }
+    try {
+        const response = await fetch(url, {
+            method: 'POST',
+            headers,
+            body: JSON.stringify({
+                query,
+                variables,
+            }),
+        });
+        if (!response.ok) {
+            console.error('❌ GraphQL fetch failed with status:', response.status);
+            throw new Error(`GraphQL request failed: ${response.status} ${response.statusText}`);
+        }
+        const result = await response.json();
+        if (result.errors) {
+            console.error('❌ GraphQL errors:', JSON.stringify(result.errors, null, 2));
+            throw new Error(`GraphQL errors: ${JSON.stringify(result.errors)}`);
+        }
+        console.log('✅ Settings fetched successfully (from Redis-cached backend)');
+        return { data: result.data };
+    }
+    catch (error) {
+        console.error('❌ Failed to fetch settings with fetch:', error);
+        throw error;
+    }
+}
+/**
+ * Universal settings loader utility for both Remix loaders and actions
+ *
+ * @param params - Object containing request, context, and params
+ * @param params.request - The incoming HTTP request
+ * @param params.context - Optional Remix load context
+ * @param params.params - Optional route parameters
+ *
+ * @returns Object containing merged settings and cookie string
+ * @returns settings - Fully merged settings (GraphQL + env + cookies + request payload)
+ * @returns setCookie - Cookie string to set in response headers
+ *
+ * @remarks
+ * This utility handles both loader (GET) and action (POST/PUT/DELETE) requests:
+ * - **Loaders (GET)**: Fetches and merges settings from GraphQL, env, and cookies
+ * - **Actions (POST/PUT)**: Additionally processes request payload and updates cookies
+ *
+ * Settings merge order (later sources override earlier ones):
+ * 1. GraphQL backend settings (with device overrides)
+ * 2. Environment variable settings
+ * 3. Cookie settings (user preferences)
+ * 4. Request payload (only for actions)
+ *
+ * @example
+ * // In a Remix loader
+ * export const loader = async ({ request }) => {
+ *   const { settings, setCookie } = await settingsLoaderUtil({ request });
+ *   return json({ settings }, { headers: { 'Set-Cookie': setCookie } });
+ * };
+ *
+ * @example
+ * // In a Remix action
+ * export const action = async ({ request }) => {
+ *   const { settings, setCookie } = await settingsLoaderUtil({ request });
+ *   return json(settings, { headers: { 'Set-Cookie': setCookie } });
+ * };
+ */
+async function settingsLoaderUtil({ request, context, params }) {
+    // 1. Detect device type from User-Agent header
+    const userAgent = request.headers.get('User-Agent') || '';
+    const deviceType = getDeviceType(userAgent);
+    // 2. Fetch settings from GraphQL backend with device-specific overrides
+    // Override identifier format: "[desktop]" or "[mobile]"
+    const overrideIdentifier = `[${deviceType}]`;
+    const result = await fetchPageSettingsWithFetch(request, overrideIdentifier);
+    // console.log('ddRESULT=========>', JSON.stringify(result));
+    const pageBackendSettings = result?.data?.pageSettings?.settings
+        ? JSON.parse(JSON.stringify(result?.data?.pageSettings?.settings))
+        : null;
+    // 3. Parse request payload (only available for POST/PUT requests in actions)
+    let requestPayload = {};
+    try {
+        // Clone request to avoid "body already read" errors
+        const clonedRequest = request.clone();
+        const contentType = request.headers.get('content-type');
+        // Only parse JSON for non-GET requests with JSON content-type
+        if (request.method !== 'GET' && contentType?.includes('application/json')) {
+            const jsonData = await clonedRequest.json();
+            requestPayload = jsonData?.config || {};
+        }
+    }
+    catch (error) {
+        // Expected for GET requests (loaders) - no payload to parse
+        console.log('ℹ️ No request payload (likely a loader call)');
+        requestPayload = {};
+    }
+    // console.log('🔍 DEBUG - pageBackendSettings:', JSON.stringify(pageBackendSettings, null, 2));
+    // 4. Parse environment-based layout settings (fallback/default values)
+    const envLayoutSettings = parseEnvLayoutSettings();
+    // 5. Parse and validate existing cookie settings
+    const cookieHeader = request.headers.get('Cookie');
+    let existingCookieSettings;
+    let cookieUpdatedSettings;
+    try {
+        existingCookieSettings = await settingsCookie.parse(cookieHeader);
+        // DEFENSIVE: Remove invalid numeric string keys (data corruption prevention)
+        if (existingCookieSettings && typeof existingCookieSettings === 'object') {
+            Object.keys(existingCookieSettings).forEach((key) => {
+                // Remove keys that are numeric strings (like "0", "1", etc.)
+                if (/^\d+$/.test(key)) {
+                    console.warn(`⚠️ Removing invalid numeric key from cookie settings: "${key}" = ${JSON.stringify(existingCookieSettings[key])}`);
+                    delete existingCookieSettings[key];
+                }
+            });
+        }
+        // 6. Merge existing cookie settings with new request payload
+        cookieUpdatedSettings = merge({}, existingCookieSettings, requestPayload);
+        // Validate merge result - check for numeric key corruption
+        const numericKeysAfterMerge = Object.keys(cookieUpdatedSettings).filter((k) => /^\d+$/.test(k));
+        if (numericKeysAfterMerge.length > 0) {
+            console.error('❌ NUMERIC KEYS APPEARED AFTER MERGE!', numericKeysAfterMerge);
+            console.error('❌ Values:', numericKeysAfterMerge.map((k) => `${k}: ${JSON.stringify(cookieUpdatedSettings[k])}`));
+        }
+    }
+    catch (error) {
+        // If cookie parsing fails, use only the request payload
+        console.error('Error parsing settings cookie:', error);
+        existingCookieSettings = null;
+        cookieUpdatedSettings = requestPayload;
+    }
+    // 7. Merge all settings sources in priority order (later sources override earlier)
+    // Priority: GraphQL backend → Environment → Cookie + Request payload
+    const fullSettings = merge({}, pageBackendSettings, envLayoutSettings, cookieUpdatedSettings);
+    // 8. Validate final merged settings - detect and remove numeric key corruption
+    const numericKeysAfterFinalMerge = Object.keys(fullSettings).filter((k) => /^\d+$/.test(k));
+    if (numericKeysAfterFinalMerge.length > 0) {
+        console.error('❌ NUMERIC KEYS APPEARED AFTER FINAL MERGE!', numericKeysAfterFinalMerge);
+        console.error('❌ Values:', numericKeysAfterFinalMerge.map((k) => `${k}: ${JSON.stringify(fullSettings[k])}`));
+    }
+    // 9. Final cleanup - remove any invalid numeric string keys before returning
+    if (fullSettings && typeof fullSettings === 'object') {
+        Object.keys(fullSettings).forEach((key) => {
+            if (/^\d+$/.test(key)) {
+                console.warn(`⚠️ Removing invalid numeric key from fullSettings: "${key}"`);
+                delete fullSettings[key];
+            }
         });
     }
-    return settings;
-};export{action,loader};//# sourceMappingURL=UpdateSettings.server.js.map
+    // 10. Serialize cookie settings for response headers
+    const cookie = await settingsCookie.serialize(cookieUpdatedSettings);
+    console.log('✅ FULL_SETTINGS prepared:', Object.keys(fullSettings).length, 'keys');
+    return { settings: fullSettings, setCookie: cookie };
+}
+function getDeviceType(userAgent) {
+    if (!userAgent)
+        return 'desktop';
+    // Enhanced regex that catches more mobile devices
+    const mobileRegex = /mobile|android|iphone|ipad|ipod|blackberry|windows phone|opera mini|iemobile|webos|palm|playbook|kindle|silk|psp|symbian|nokia|nexus|htc|samsung|sony|ericsson|lg|motorola|sgh|sec|sharp|vodafone|benq|sanyo|kyocera|nec|alcatel|denso|jarviss|docomo|emacs|minimo|maemo|blazer|dolfin|dolphin|netfront|openwave|teleca|elaine|bolt|iris|maui|packet|pie|portalmmm|w3c|wig|zte|audiovox|ericsson|kyocera|panasonic|qwerty|sendo|sharp|sie-|sonyericsson|t-mobile|up\.browser|up\.link|verizon|vodafone|wap|winwap|xda|zte/i;
+    return mobileRegex.test(userAgent) ? 'mobile' : 'desktop';
+}export{fetchPageSettingsWithFetch,getDeviceType,settingsCookie,settingsLoaderUtil};//# sourceMappingURL=UpdateSettings.server.js.map

package/lib/components/UpdateSettings/UpdateSettings.server.js.map

@@ -1 +1 @@
-{"version":3,"file":"UpdateSettings.server.js","sources":["../../../src/components/UpdateSettings/UpdateSettings.server.ts"],"sourcesContent":["import { createCookie } from '@remix-run/node';\nimport { data } from '@remix-run/react';\nimport { keys, pick } from 'lodash-es';\nimport { config, defaultSettings } from '../../config';\nconst settingsCookie = createCookie('settings', {\n    maxAge: 60 * 60 * 24 * 30, // 1 month\n    httpOnly: true,\n    sameSite: 'lax',\n    domain: config.isProd ? config.APP_DOMAIN : undefined,\n});\nexport const action = async ({ request }) => {\n    // const jsonData = await request.json();\n    const clonedRequest = request.clone();\n    const jsonData = await clonedRequest.json();\n    const payload = jsonData?.config;\n    const cookieHeader = request.headers.get('Cookie');\n    const settings = await settingsCookie.parse(cookieHeader);\n    const updatedSettings = {\n        ...settings,\n        ...pick(payload, keys(config.LAYOUT_SETTINGS)),\n    };\n    return data(updatedSettings, {\n        headers: {\n            'Set-Cookie': await settingsCookie.serialize(updatedSettings),\n        },\n    });\n};\nexport const loader = async ({ request }) => {\n    const cookieHeader = request.headers.get('Cookie');\n    const settings = await settingsCookie.parse(cookieHeader);\n    if (!settings) {\n        const updatedSettings = {\n            ...defaultSettings,\n        };\n        return data(updatedSettings, {\n            headers: {\n                'Set-Cookie': await settingsCookie.serialize(updatedSettings),\n            },\n        });\n    }\n    return settings;\n};\n"],"names":[],"mappings":"+NAIA,MAAM,cAAc,GAAG,YAAY,CAAC,UAAU,EAAE;AAChD,IAAI,MAAM,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AAC7B,IAAI,QAAQ,EAAE,IAAI;AAClB,IAAI,QAAQ,EAAE,KAAK;AACnB,IAAI,MAAM,EAAE,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,UAAU,GAAG,SAAS;AACzD,CAAC,CAAC;AACU,MAAC,MAAM,GAAG,OAAO,EAAE,OAAO,EAAE,KAAK;AAC7C;AACA,IAAI,MAAM,aAAa,GAAG,OAAO,CAAC,KAAK,EAAE;AACzC,IAAI,MAAM,QAAQ,GAAG,MAAM,aAAa,CAAC,IAAI,EAAE;AAC/C,IAAI,MAAM,OAAO,GAAG,QAAQ,EAAE,MAAM;AACpC,IAAI,MAAM,YAAY,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC;AACtD,IAAI,MAAM,QAAQ,GAAG,MAAM,cAAc,CAAC,KAAK,CAAC,YAAY,CAAC;AAC7D,IAAI,MAAM,eAAe,GAAG;AAC5B,QAAQ,GAAG,QAAQ;AACnB,QAAQ,GAAG,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC;AACtD,KAAK;AACL,IAAI,OAAO,IAAI,CAAC,eAAe,EAAE;AACjC,QAAQ,OAAO,EAAE;AACjB,YAAY,YAAY,EAAE,MAAM,cAAc,CAAC,SAAS,CAAC,eAAe,CAAC;AACzE,SAAS;AACT,KAAK,CAAC;AACN;AACY,MAAC,MAAM,GAAG,OAAO,EAAE,OAAO,EAAE,KAAK;AAC7C,IAAI,MAAM,YAAY,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC;AACtD,IAAI,MAAM,QAAQ,GAAG,MAAM,cAAc,CAAC,KAAK,CAAC,YAAY,CAAC;AAC7D,IAAI,IAAI,CAAC,QAAQ,EAAE;AACnB,QAAQ,MAAM,eAAe,GAAG;AAChC,YAAY,GAAG,eAAe;AAC9B,SAAS;AACT,QAAQ,OAAO,IAAI,CAAC,eAAe,EAAE;AACrC,YAAY,OAAO,EAAE;AACrB,gBAAgB,YAAY,EAAE,MAAM,cAAc,CAAC,SAAS,CAAC,eAAe,CAAC;AAC7E,aAAa;AACb,SAAS,CAAC;AACV;AACA,IAAI,OAAO,QAAQ;AACnB"}
+{"version":3,"file":"UpdateSettings.server.js","sources":["../../../src/components/UpdateSettings/UpdateSettings.server.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;AAyCG,IAAA,IAAA,EAAA,GAAA;AACH,IAAA,MAAA,EAAA,MAAA,CAAA,MAAsB,GAAA,MAAA,CAAA,UAAA,GAAA,SAA2B;;AAuFhD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCG,QAAA,WAAA,EAAA,QAAA;AACH,QAAA,OAAA;;;;AAAqE;;;AA8GpE,QAAA,eAAA,EAAA,qCAAA;AAED,QAAA,MAAA,EAAA,UAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/UpdateSettings/UpdateSettings.server.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=UpdateSettings.server.test.d.ts.map

package/lib/components/UpdateSettings/UpdateSettings.server.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UpdateSettings.server.test.d.ts","sourceRoot":"","sources":["../../../src/components/UpdateSettings/UpdateSettings.server.test.ts"],"names":[],"mappings":""}

package/lib/config/defaultSettings.d.ts

@@ -1,7 +1,85 @@
-import { ProSettings } from '../interfaces';
+import { ProSettings, SearchbarSettings } from '../interfaces';
+import { NavigationMode, SideMenuType, SearchBarBehavior } from '../interfaces/settings';
+import { ContentWidth } from '../interfaces/pure-settings';
+export declare const DEFAULT_LAYOUT: {
+    contentWidth: ContentWidth;
+    fixedHeader: boolean;
+    fixedSidebar: boolean;
+    splitMenus: boolean;
+};
+export declare const DEFAULT_HEADER: {
+    showLogo: boolean;
+    showRightContent: boolean;
+    showMenuToggle: boolean;
+    showBackButton: boolean;
+    showPageTitle: boolean;
+    showActionButtons: boolean;
+    position: "fixed";
+    backgroundColor: string;
+    elevation: number;
+    showHeader: boolean;
+    showMenu: boolean;
+    menuHeaderRender: boolean;
+    searchBarRender: boolean;
+    searchBarBehavior: SearchBarBehavior;
+    searchBarOverlay: boolean;
+    scrollThreshold: number;
+};
+export declare const SEARCH_TYPES: {
+    readonly HOTELS: "HOTELS";
+    readonly FLIGHTS: "FLIGHTS";
+    readonly CARS: "CARS";
+};
+export declare const AMENITIES: readonly ["WiFi", "Pool", "Parking", "Air Conditioning", "Kitchen", "Washer", "Dryer", "TV", "Gym", "Elevator", "Hot Tub", "Breakfast"];
+export declare const SHARED_VIEW_CONFIG: {
+    layout: {
+        navigationMode: NavigationMode;
+        sideMenuType: SideMenuType;
+        upperMenuDividerName: string;
+        middleMenuDividerName: string;
+        lowerMenuDividerName: string;
+        contentWidth: ContentWidth;
+        fixedHeader: boolean;
+        fixedSidebar: boolean;
+        splitMenus: boolean;
+    };
+    regions: {
+        header: {
+            showSearchSlot: boolean;
+            height: string;
+            showLogo: boolean;
+            showRightContent: boolean;
+            showMenuToggle: boolean;
+            showBackButton: boolean;
+            showPageTitle: boolean;
+            showActionButtons: boolean;
+            position: "fixed";
+            backgroundColor: string;
+            elevation: number;
+            showHeader: boolean;
+            showMenu: boolean;
+            menuHeaderRender: boolean;
+            searchBarRender: boolean;
+            searchBarBehavior: SearchBarBehavior;
+            searchBarOverlay: boolean;
+            scrollThreshold: number;
+        };
+        background: {
+            type: string;
+            color: string;
+            image: string;
+            video: string;
+            videoThumbnail: string;
+        };
+        footer: {
+            showFooter: boolean;
+        };
+    };
+};
 export type ISettings = ProSettings & {
     logo: string;
     showSettingPanel: boolean;
+    secondaryColor: string;
     titleColor: string;
     language: string;
     fontFamily: string;
@@ -14,6 +92,110 @@ export type ISettings = ProSettings & {
     textColor: string;
     theme: string;
     themeType: string;
+    loginThemeColor: string;
+    loginFormPosition: string;
+    loginSocials: string;
+    loginBackgroundImage: string;
+    verifyFormLayout: string;
+    verifyFormImageUrl: string;
+    verifyFormBackgroundStyle: string;
+    verifyFormVisibleFields: string;
+    verifyFormShowSkipButton: boolean;
+    searchbarSettings: SearchbarSettings;
+    currentRoute: string;
+    sideMenuType: SideMenuType;
+    routeSettings: Record<string, {
+        layout: {
+            desktop: {
+                navigationMode: NavigationMode;
+                sideMenuType: SideMenuType;
+                contentWidth: ContentWidth;
+                fixedHeader: boolean;
+                fixedSidebar: boolean;
+                splitMenus: boolean;
+                upperMenuDividerName: string;
+                middleMenuDividerName: string;
+                lowerMenuDividerName: string;
+            };
+            mobile: {
+                navigationMode: NavigationMode;
+                sideMenuType: SideMenuType;
+                contentWidth: ContentWidth;
+                fixedHeader: boolean;
+                fixedSidebar: boolean;
+                splitMenus: boolean;
+                upperMenuDividerName: string;
+                middleMenuDividerName: string;
+                lowerMenuDividerName: string;
+            };
+        };
+        regions: {
+            desktop: {
+                header: {
+                    showLogo: boolean;
+                    showSearchSlot: boolean;
+                    showRightContent: boolean;
+                    showMenuToggle: boolean;
+                    showBackButton: boolean;
+                    showPageTitle: boolean;
+                    showActionButtons: boolean;
+                    position: string;
+                    height: string;
+                    backgroundColor: string;
+                    elevation: number;
+                    showHeader: boolean;
+                    showMenu: boolean;
+                    menuHeaderRender: boolean;
+                    searchBarRender: boolean;
+                    searchBarBehavior: SearchBarBehavior;
+                    searchBarOverlay: boolean;
+                    scrollThreshold: number;
+                };
+                background: {
+                    type: string;
+                    color: string;
+                    image: string;
+                    video: string;
+                    videoThumbnail: string;
+                };
+                footer: {
+                    showFooter: boolean;
+                };
+            };
+            mobile: {
+                header: {
+                    showLogo: boolean;
+                    showSearchSlot: boolean;
+                    showRightContent: boolean;
+                    showMenuToggle: boolean;
+                    showBackButton: boolean;
+                    showPageTitle: boolean;
+                    showActionButtons: boolean;
+                    position: string;
+                    height: string;
+                    backgroundColor: string;
+                    elevation: number;
+                    showHeader: boolean;
+                    showMenu: boolean;
+                    menuHeaderRender: boolean;
+                    searchBarRender: boolean;
+                    searchBarBehavior: SearchBarBehavior;
+                    searchBarOverlay: boolean;
+                    scrollThreshold: number;
+                };
+                background: {
+                    type: string;
+                    color: string;
+                    image: string;
+                    video: string;
+                };
+                footer: {
+                    showFooter: boolean;
+                };
+            };
+        };
+    }>;
+    components: any[];
+    activeComponent: string | null;
 };
-export declare const defaultSettings: ISettings;
 //# sourceMappingURL=defaultSettings.d.ts.map

package/lib/config/defaultSettings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"defaultSettings.d.ts","sourceRoot":"","sources":["../../src/config/defaultSettings.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,WAAW,EAAE,MAAM,eAAe,CAAC;AAEvD,MAAM,MAAM,SAAS,GAAG,WAAW,GAAG;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,gBAAgB,EAAE,OAAO,CAAC;IAC1B,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;CACrB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,SAkC7B,CAAC"}
+{"version":3,"file":"defaultSettings.d.ts","sourceRoot":"","sources":["../../src/config/defaultSettings.ts"],"names":[],"mappings":"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"}

package/lib/config/defaultSettings.js

@@ -1,35 +1,70 @@
-const defaultSettings = {
-    logo: 'https://cdmbase.s3.ca-central-1.amazonaws.com/favicon-new-128.svg',
-    themeType: 'light', // 'dark'
-    theme: 'default',
-    primaryColor: '#1890ff', // '#1890ff'
-    colorPrimary: '#1677FF', // '#1890ff'
-    layout: 'mix',
+import {SearchBarBehavior}from'../interfaces/settings.js';// Constants for common values
+const DEFAULT_LAYOUT = {
     contentWidth: 'Fluid',
     fixedHeader: true,
-    fixSiderbar: true,
-    searchBarRender: true,
-    colorWeak: false,
-    title: 'CDMBase LLC',
-    iconfontUrl: '',
-    showSettingPanel: true,
-    titleColor: '#2869E0',
-    language: 'en-US',
-    fontFamily: 'Poppins, sans-serif',
-    titleFontWeight: '700',
-    titleHeight: '30px',
-    titleFontSize: '1.8rem',
-    letterSpacings: '1px',
-    showHeader: true,
-    showFooter: true,
-    showMenu: false,
-    // menuRender: true,
-    headerTheme: undefined,
-    headerHeight: undefined,
-    menu: undefined,
+    fixedSidebar: true,
     splitMenus: false,
-    siderMenuType: 'sub',
-    siderBgColor: '#000000',
-    headerBgColor: '#000000',
-    textColor: '#a19c9c',
-};export{defaultSettings};//# sourceMappingURL=defaultSettings.js.map
+};
+const DEFAULT_HEADER = {
+    showLogo: true,
+    showRightContent: true,
+    showMenuToggle: true,
+    showBackButton: true,
+    showPageTitle: true,
+    showActionButtons: true,
+    position: 'fixed',
+    backgroundColor: 'inherit',
+    elevation: 2,
+    showHeader: true,
+    showMenu: true,
+    menuHeaderRender: true,
+    searchBarRender: true,
+    searchBarBehavior: SearchBarBehavior.PERMANENT,
+    searchBarOverlay: true,
+    scrollThreshold: 50,
+};
+const SEARCH_TYPES = {
+    HOTELS: 'HOTELS',
+    FLIGHTS: 'FLIGHTS',
+    CARS: 'CARS',
+};
+const AMENITIES = [
+    'WiFi',
+    'Pool',
+    'Parking',
+    'Air Conditioning',
+    'Kitchen',
+    'Washer',
+    'Dryer',
+    'TV',
+    'Gym',
+    'Elevator',
+    'Hot Tub',
+    'Breakfast',
+];
+// Shared view configuration
+const SHARED_VIEW_CONFIG = {
+    layout: {
+        ...DEFAULT_LAYOUT,
+        navigationMode: 'mixed',
+        sideMenuType: 'expanded',
+        upperMenuDividerName: 'Navigation',
+        middleMenuDividerName: 'Dashboard',
+        lowerMenuDividerName: 'Admin',
+    },
+    regions: {
+        header: {
+            ...DEFAULT_HEADER,
+            showSearchSlot: true,
+            height: '64px',
+        },
+        background: {
+            type: 'color',
+            color: 'inherit',
+            image: '',
+            video: '',
+            videoThumbnail: '',
+        },
+        footer: { showFooter: true },
+    },
+};export{AMENITIES,DEFAULT_HEADER,DEFAULT_LAYOUT,SEARCH_TYPES,SHARED_VIEW_CONFIG};//# sourceMappingURL=defaultSettings.js.map

package/lib/config/defaultSettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaultSettings.js","sources":["../../src/config/defaultSettings.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAoB,MAAA,eAAmB;AAEvC,IAAA,IAAY,EAAA,mEAA0B;IAClC,kBAAa;IACb,KAAgB,EAAA,SAAA;IAChB,YAAY,WAAO;IACnB,uBAAiB;IACjB,MAAU,EAAA;IACV,YAAe,EAAA;IACf,WAAW,EAAE;IACb,WAAa,EAAA;IACb,eAAc;IACd,SAAY,EAAA;IACZ,KAAa,EAAA;IACb,WAAW;IACX,gBAAc,EAAA,IAAA;IACd,UAAS,WAAS;IACrB,QAAA,EAAA,OAAA;AAED,IAAA,UAAA,EAAa,qBAAiB;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"defaultSettings.js","sources":["../../src/config/defaultSettings.ts"],"sourcesContent":[null],"names":[],"mappings":"0DACA;AACS,MAAA,cAAc;AAGvB,IAAA,qBAAa;qBACgB;;;;AAI3B,MAAA,cAAA,GAAA;AAEF,IAAA,QAAA,EAAA;;;;;;;;;;;;;;;;;AAiBE,MAAA,YAAA,GAAA;AAEF,IAAA,MAAA,EAAA;;;;AAIW,MAAA,SAAA,GAAA;AAEX,IAAA,MAAA;AAgBA,IAAA,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/config/env-config.d.ts

@@ -1,9 +1,7 @@
-import * as envalid from 'envalid';
 import { DefaultSettings } from '../interfaces';
-declare const preConfig: Readonly<{
+export declare const config: Readonly<{
     LAYOUT_SETTINGS: DefaultSettings;
     APP_DOMAIN: string;
-} & envalid.CleanedEnvAccessors>;
-declare let config: typeof preConfig;
-export { config };
+    APPLICATION_ID: string;
+} & import("envalid").CleanedEnvAccessors>;
 //# sourceMappingURL=env-config.d.ts.map

package/lib/config/env-config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"env-config.d.ts","sourceRoot":"","sources":["../../src/config/env-config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,SAAS,CAAC;AAEnC,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAMhD,QAAA,MAAM,SAAS;;;gCAKb,CAAC;AACH,QAAA,IAAI,MAAM,EAAS,OAAO,SAAS,CAAC;AAQpC,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"env-config.d.ts","sourceRoot":"","sources":["../../src/config/env-config.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAoBhD,eAAO,MAAM,MAAM;;;;0CAAY,CAAC"}

package/lib/config/env-config.js

@@ -1,16 +1,16 @@
-import*as envalid from'envalid';import {getEnvironment}from'@common-stack/core';import {defaultSettings}from'./defaultSettings.js';const { json } = envalid;
-const env = getEnvironment();
-const preConfig = envalid.cleanEnv(env, {
+import {cleanEnv,str,json}from'envalid';import {getEnvironment}from'@common-stack/core';const env = getEnvironment();
+const preConfig = cleanEnv(env, {
     LAYOUT_SETTINGS: json({
-        default: JSON.stringify(defaultSettings),
+        default: JSON.stringify({
+        // Empty defaults - all settings come from backend GraphQL query
+        // hiddenMenuKeys: [],
+        // hiddenMenuCategories: [],
+        }),
+    }),
+    APP_DOMAIN: str({ default: 'cdebase.dev' }),
+    APPLICATION_ID: str({
+        default: '660e8400-e29b-41d4-a716-446655440001',
+        desc: 'Matches the Application ID exist already',
     }),
-    APP_DOMAIN: envalid.str({ default: 'cdebase.dev' }),
 });
-let config = {};
-// overwrite the layout settings with environment
-if (env.LAYOUT_SETTINGS) {
-    config = { ...preConfig, LAYOUT_SETTINGS: { ...defaultSettings, ...preConfig.LAYOUT_SETTINGS } };
-}
-else {
-    config = preConfig;
-}export{config};//# sourceMappingURL=env-config.js.map
+const config = preConfig;export{config};//# sourceMappingURL=env-config.js.map

package/lib/config/env-config.js.map

@@ -1 +1 @@
-{"version":3,"file":"env-config.js","sources":["../../src/config/env-config.ts"],"sourcesContent":[null],"names":[],"mappings":";;kCAaG,CAAA,GAAA,EAAA;AACH,IAAA,eAAmB,EAAA,IAAA,CAAA;AAQnB,QAAO,OAAQ,EAAE,IAAC,CAAA,SAAA,CAAA,eAAA,CAAA;;;;;;;;;;;"}
+{"version":3,"file":"env-config.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/lib/constants/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../src/constants/constants.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAO,MAAA,sBAA4B,GAAA;AAC5B,MAAA,eAAqB,GAAA;AACrB,MAAA,2BAAiC,GAAA"}
+{"version":3,"file":"constants.js","sources":["../../src/constants/constants.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA,MAAA,sBAAa,GAAA;AACb,MAAA,eAAa,GAAA;AACb,MAAA,2BAAa,GAAA"}

package/lib/constants/error.js.map

@@ -1 +1 @@
-{"version":3,"file":"error.js","sources":["../../src/constants/error.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAY,MAAA,aAAgB,GAAA;AAC5B,MAAA,yBAA4B,GAAA;AAEhB,MAAA,wBAAyB,GAAG;AACxC,MAAA,0BAAa,GAAA;AAED,MAAA,qBAAA,GAA2B"}
+{"version":3,"file":"error.js","sources":["../../src/constants/error.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAY,MAAA,aAAa,GAAG;AAC5B,MAAA,yBAA4B,GAAA;AAEhB,MAAA,wBAAyB,GAAG;AACxC,MAAA,0BAAa,GAAA;AAED,MAAA,qBAAA,GAAwB"}