@admin-layout/client 11.0.2-alpha.0 → 12.0.16-alpha.0

package/lib/config/defaultSettings.d.ts

@@ -1,7 +1,10 @@
-import { ProSettings } from '../interfaces';
+import { ProSettings, SearchbarSettings } from '../interfaces';
+import { NavigationMode, SideMenuType, SearchBarBehavior } from '../interfaces/settings';
+import { ContentWidth } from '../interfaces/pure-settings';
 export type ISettings = ProSettings & {
     logo: string;
     showSettingPanel: boolean;
+    secondaryColor: string;
     titleColor: string;
     language: string;
     fontFamily: string;
@@ -14,6 +17,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;
+    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,14 +1,85 @@
+import {SearchBarBehavior}from'../interfaces/settings.js';// import { ContentWidth, SearchBarBehavior, NavigationMode, SideMenuType } from '@admin-layout/tailwind-design-pro/src/machines/types';
+// Constants for common values
+const DEFAULT_LAYOUT = {
+    contentWidth: 'Fluid',
+    fixedHeader: true,
+    fixedSidebar: true,
+    splitMenus: false,
+};
+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 },
+    },
+};
 const defaultSettings = {
     logo: 'https://cdmbase.s3.ca-central-1.amazonaws.com/favicon-new-128.svg',
-    themeType: 'light', // 'dark'
+    themeType: 'light',
     theme: 'default',
-    primaryColor: '#1890ff', // '#1890ff'
-    colorPrimary: '#1677FF', // '#1890ff'
+    primaryColor: '#1890ff',
+    colorPrimary: '#1677FF',
+    secondaryColor: '#4A5568',
     layout: 'mix',
-    contentWidth: 'Fluid',
-    fixedHeader: true,
-    fixSiderbar: true,
-    searchBarRender: true,
+    contentWidth: DEFAULT_LAYOUT.contentWidth,
+    fixedHeader: DEFAULT_LAYOUT.fixedHeader,
+    fixSiderbar: DEFAULT_LAYOUT.fixedSidebar,
     colorWeak: false,
     title: 'CDMBase LLC',
     iconfontUrl: '',
@@ -20,15 +91,89 @@ const defaultSettings = {
     titleHeight: '30px',
     titleFontSize: '1.8rem',
     letterSpacings: '1px',
-    showHeader: true,
-    showFooter: true,
-    showMenu: false,
-    // menuRender: true,
     headerTheme: undefined,
-    headerHeight: undefined,
-    menu: undefined,
-    splitMenus: false,
-    siderMenuType: 'sub',
+    loginThemeColor: 'blue',
+    loginFormPosition: 'center',
+    loginSocials: '{"Google":true,"Apple":true,"Facebook":true}',
+    loginBackgroundImage: null,
+    verifyFormLayout: 'center',
+    verifyFormImageUrl: '',
+    verifyFormBackgroundStyle: 'color',
+    verifyFormVisibleFields: '["firstName","lastName","username","companyName","workEmail","phoneNumber","dateOfBirth"]',
+    verifyFormShowSkipButton: false,
+    currentRoute: '/',
+    routeSettings: {
+        '/': {
+            layout: {
+                desktop: SHARED_VIEW_CONFIG.layout,
+                mobile: SHARED_VIEW_CONFIG.layout,
+            },
+            regions: {
+                desktop: SHARED_VIEW_CONFIG.regions,
+                mobile: SHARED_VIEW_CONFIG.regions,
+            },
+        },
+    },
+    components: [],
+    activeComponent: null,
+    searchbarSettings: {
+        enabledSearchBars: {
+            [SEARCH_TYPES.HOTELS]: true,
+            [SEARCH_TYPES.FLIGHTS]: true,
+            [SEARCH_TYPES.CARS]: true,
+        },
+        fieldsConfig: {
+            [SEARCH_TYPES.HOTELS]: {
+                location: true,
+                dates: true,
+                guests: true,
+            },
+            [SEARCH_TYPES.FLIGHTS]: {
+                fromLocation: true,
+                toLocation: true,
+                dates: true,
+                returnFlight: true,
+            },
+            [SEARCH_TYPES.CARS]: {
+                pickupLocation: true,
+                dropoffLocation: true,
+                dates: true,
+            },
+        },
+        datePickerConfig: {
+            [SEARCH_TYPES.HOTELS]: {
+                enableSingleDayMode: true,
+                enableTimeSelection: true,
+                defaultToSingleDay: false,
+            },
+            [SEARCH_TYPES.FLIGHTS]: {
+                enableSingleDayMode: false,
+                enableTimeSelection: false,
+                defaultToSingleDay: false,
+            },
+            [SEARCH_TYPES.CARS]: {
+                enableSingleDayMode: false,
+                enableTimeSelection: true,
+                defaultToSingleDay: false,
+            },
+        },
+        advanceFilterConfig: {
+            enabled: true,
+            fields: {
+                distance: true,
+                price: true,
+                petsAllowed: true,
+                instantBooking: true,
+                amenities: true,
+                datasources: true,
+            },
+            amenitiesList: AMENITIES.map((name) => ({ name })),
+        },
+        showTypeSelector: true,
+        isSettingsPanelOpen: false,
+        showTravelPlanner: false,
+        showAIAgent: true,
+    },
     siderBgColor: '#000000',
     headerBgColor: '#000000',
     textColor: '#a19c9c',

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;AACA;AA8EA,MAAM,cAAM,GAAY;IACpB,YAAY,EAAC,OAAA;IACb,WAAgB,EAAA,IAAA;IAChB,YAAc,EAAA;IACd,UAAU,EAAE;;MAEF,iBAAS;IACnB,QAAe,EAAA,IAAA;IACf,sBAAoB;IACpB,cAAa;IACb,cAAc,EAAE;IAChB,aAAY;IACZ,uBAAsB;IACtB,QAAS,EAAA,OAAQ;IACjB,eAAc,EAAA,SAAA;IACd,SAAS,EAAE;IACX,UAAe,EAAA,IAAA;IACf,QAAiB,EAAA,IAAA;IACjB,sBAAqB;IACrB,eAAoB,EAAA,IAAA;IACpB,iBAAgB,mBAAS,CAAA,SAAA;IACzB,gBAAkB,EAAA;IAClB,eAAyB,EAAA,EAAA;;MAED,YAAA,GAAA;IACxB,MAAiB,EAAA,QAAA;IACjB,OAAY,EAAA;AACZ,IAAA,IAAA,EAAA,MAAA;AAGQ,CAAA;AACI,MAAA,SAAA,GAAA;;;;sBAIe;;;;;;cAMb;AACF,IAAA,SAAA;;;;wBAIe,GAAA;;yBAED;sBACU,EAAA,OAAA;oBACC,EAAA,UAAA;4BACD,EAAA;6BACtB,EAAA,WAAA;4BACJ,EAAA,OAAA;AACF,KAAA;AACI,IAAA,OAAA,EAAA;AACI,QAAA,MAAA,EAAA;6BACY;0BACM,EAAA,IAAA;oBACd,MAAgB;;oBAEhB;yBACa;4BACI;qBACT;qBACF;0BACS,EAAA,EAAA;;4BAEL,EAAA;;;qBAGK,GAAA;6EACsB;sBACrB;oBAChB;kBACF,SAAA;AACF,IAAA,YAAA,EAAA,SAAY;oBACR;;iCAEa,YAAC;2CACA;+BACA,CAAA,YAAS;oBACzB;AACF,IAAA,KAAA,EAAA,aAAQ;;oBAEN,EAAA,IAAA;cACJ,EAAA,SAAA;AACF,IAAA,QAAA,EAAA,OAAQ;AACJ,IAAA,UAAA,EAAA,qBAAQ;qBACI,KAAA;uBACM;2BACE;oBAChB,KAAc;0BACA;qBACD,MAAA;qBACI,EAAA,QAAA;gEACA;wBACX,EAAA;oBACN,EAAe,QAAA;sBACN,EAAA,EAAA;6BACC,EAAA;2BACF,EAAA,2FAAU;4BACF,EAAA,KAAA;qBACD;;;oBAGf;uBACF,EAAA,kBAAA,CAAA,MAAA;AACF,gBAAA,MAAA,EAAA,kBAAY,CAAA,MAAA;;qBAEH;uBACA,EAAA,kBAAS,CAAA,OAAA;sBACT,EAAA,kBAAS,CAAA,OAAA;;AAElB,SAAA;;kBAEE;mBACJ,EAAA,IAAA;qBACJ,EAAA;AACL,QACH,iBAAA,EAAA;YACQ,CAAA,YAAQ,CAAA,MAAA,GAAA,IAAA;AAClB,YAAA,CAAA,YAAiB,CAAA,OAAS,GAAK,IAAA;YACjC,CAAA,YAAA,CAAA,IAAA,GAAA,IAAA;AAEF,SAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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":"AAAA,OAAO,KAAK,OAAO,MAAM,SAAS,CAAC;AAEnC,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAOhD,QAAA,MAAM,SAAS;;;gCAKb,CAAC;AACH,QAAA,IAAI,MAAM,EAAS,OAAO,SAAS,CAAC;AAepC,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/lib/config/env-config.js

@@ -1,15 +1,22 @@
-import*as envalid from'envalid';import {getEnvironment}from'@common-stack/core';import {defaultSettings}from'./defaultSettings.js';const { json } = envalid;
+import*as envalid from'envalid';import {getEnvironment}from'@common-stack/core';import {defaultSettings}from'./defaultSettings.js';import {merge}from'lodash-es';const { json } = envalid;
 const env = getEnvironment();
 const preConfig = envalid.cleanEnv(env, {
     LAYOUT_SETTINGS: json({
-        default: JSON.stringify(defaultSettings),
+        default: JSON.stringify({ ...defaultSettings, extensionName: 'account' }),
     }),
     APP_DOMAIN: envalid.str({ default: 'cdebase.dev' }),
 });
 let config = {};
-// overwrite the layout settings with environment
+// Parse the LAYOUT_SETTINGS if it exists in the environment
 if (env.LAYOUT_SETTINGS) {
-    config = { ...preConfig, LAYOUT_SETTINGS: { ...defaultSettings, ...preConfig.LAYOUT_SETTINGS } };
+    try {
+        const parsedLayoutSettings = JSON.parse(env.LAYOUT_SETTINGS);
+        config = { ...preConfig, LAYOUT_SETTINGS: merge({}, defaultSettings, parsedLayoutSettings) };
+    }
+    catch (error) {
+        console.error('Error parsing LAYOUT_SETTINGS:', error);
+        config = preConfig;
+    }
 }
 else {
     config = preConfig;

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":["../../src/config/env-config.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAeA,MAAA,SAAI,GAAM,OAAS,CAAA,YAAiB,EAAA;AAepC,IAAO,eAAW,EAAA,IAAA,CAAA;;;;;;;;;;;;;;;;;;;"}

package/lib/graphql/link/error-link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"error-link.d.ts","sourceRoot":"","sources":["../../../src/graphql/link/error-link.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAe,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAMvC,KAAK,aAAa,GAAG,CAAC,SAAS,EAAE,UAAU,CAAC,SAAS,KAAK,UAAU,CAAC;AACrE,UAAU,UAAU;IAChB,YAAY,EAAE,aAAa,CAAC;CAC/B;AAED,qBAAa,SAAU,YAAW,UAAU;IACxC,OAAO,EAAE,MAAM,CAAC;IAEhB,mBAAmB,CAAC,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,KAAK,KAAA;IAoB1D,YAAY,CAAC,SAAS,EAAE,UAAU,CAAC,SAAS;CAoB/C;AAED,eAAO,MAAM,cAAc,cAAe,UAAU,CAAC,SAAS,eAE7D,CAAC"}
+{"version":3,"file":"error-link.d.ts","sourceRoot":"","sources":["../../../src/graphql/link/error-link.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAe,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAMvC,KAAK,aAAa,GAAG,CAAC,SAAS,EAAE,UAAU,CAAC,SAAS,KAAK,UAAU,CAAC;AACrE,UAAU,UAAU;IAChB,YAAY,EAAE,aAAa,CAAC;CAC/B;AAED,qBAAa,SAAU,YAAW,UAAU;IACxC,OAAO,EAAE,MAAM,CAAC;IAEhB,mBAAmB,CAAC,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,KAAK,KAAA;IAoB1D,YAAY,CAAC,SAAS,EAAE,UAAU,CAAC,SAAS;CAoB/C;AAED,eAAO,MAAM,cAAc,GAAI,WAAW,UAAU,CAAC,SAAS,eAE7D,CAAC"}

package/lib/graphql/link/error-link.js

@@ -1,4 +1,4 @@
-import {onError}from'@apollo/client/link/error/index.js';import {LOG_APPLICATION_ERROR,BACKEND_ERROR}from'../../constants/error.js';import {serializeError}from'serialize-error';import {ClientTypes}from'@common-stack/client-core';class ErrorLink {
+import {onError}from'@apollo/client/link/error/index.js';import {BACKEND_ERROR,LOG_APPLICATION_ERROR}from'../../constants/error.js';import {serializeError}from'serialize-error';import {ClientTypes}from'@common-stack/client-core';class ErrorLink {
     idToken;
     dispatchErrorAction(container, error) {
         if (container.isBound(ClientTypes.ReduxStore)) {

package/lib/graphql/link/error-link.js.map

@@ -1 +1 @@
-{"version":3,"file":"error-link.js","sources":["../../../src/graphql/link/error-link.ts"],"sourcesContent":[null],"names":[],"mappings":"qOAUgB,MAAA;AACf,IAAA,OAAA;AAED,IAAa,mBAAA,CAAA,kBAAqB;QACvB,IAAA,SAAS,CAAA,OAAA,CAAA,WAAA,CAAA,UAAA,CAAA,EAAA;YAEG,MAAA,sBAAY,CAAA,GAAA,CAAU,WAAU,CAAE,UAAK,CAAA;AAoB1D,YAAA,IAAY,MAAC,GAAA;AAoBhB,gBAAA,IAAA,EAAA,KAAA,EAAA,UAAA,EAAA,UAAA;AAED,uBAA2B,EAAA,KAAA,EAAA,UAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"error-link.js","sources":["../../../src/graphql/link/error-link.ts"],"sourcesContent":[null],"names":[],"mappings":"qOAUgB,MAAA;AACf,IAAA,OAAA;AAED,IAAa,mBAAA,CAAA,kBAAqB;QACvB,IAAA,SAAS,CAAA,OAAA,CAAA,WAAA,CAAA,UAAA,CAAA,EAAA;YAEG,MAAA,sBAAY,CAAA,GAAA,CAAU,WAAU,CAAE,UAAK,CAAA;AAoB1D,YAAA,IAAY,MAAC,GAAA;AAoBhB,gBAAA,IAAA,EAAA,KAAA,EAAA,UAAA,EAAA,UAAA;AAED,gBAAO,0BAAwB,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/hooks/Client-only.d.ts

@@ -0,0 +1,28 @@
+import * as React from 'react';
+type Props = {
+    /**
+     * You are encouraged to add a fallback that is the same dimensions
+     * as the client rendered children. This will avoid content layout
+     * shift which is disgusting
+     */
+    children(): React.ReactNode;
+    fallback?: React.ReactNode;
+};
+/**
+ * Render the children only after the JS has loaded client-side. Use an optional
+ * fallback component if the JS is not yet loaded.
+ *
+ * Example: Render a Chart component if JS loads, renders a simple FakeChart
+ * component server-side or if there is no JS. The FakeChart can have only the
+ * UI without the behavior or be a loading spinner or skeleton.
+ * ```tsx
+ * return (
+ *   <ClientOnly fallback={<FakeChart />}>
+ *     {() => <Chart />}
+ *   </ClientOnly>
+ * );
+ * ```
+ */
+export declare function ClientOnly({ children, fallback }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Client-only.d.ts.map

package/lib/hooks/Client-only.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Client-only.d.ts","sourceRoot":"","sources":["../../src/hooks/Client-only.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,KAAK,KAAK,GAAG;IACT;;;;OAIG;IACH,QAAQ,IAAI,KAAK,CAAC,SAAS,CAAC;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,QAAe,EAAE,EAAE,KAAK,2CAE9D"}

package/lib/hooks/Client-only.js

@@ -0,0 +1,18 @@
+import {jsx,Fragment}from'react/jsx-runtime';import {useHydrated}from'./use-hydrated.js';/**
+ * Render the children only after the JS has loaded client-side. Use an optional
+ * fallback component if the JS is not yet loaded.
+ *
+ * Example: Render a Chart component if JS loads, renders a simple FakeChart
+ * component server-side or if there is no JS. The FakeChart can have only the
+ * UI without the behavior or be a loading spinner or skeleton.
+ * ```tsx
+ * return (
+ *   <ClientOnly fallback={<FakeChart />}>
+ *     {() => <Chart />}
+ *   </ClientOnly>
+ * );
+ * ```
+ */
+function ClientOnly({ children, fallback = null }) {
+    return useHydrated() ? jsx(Fragment, { children: children() }) : jsx(Fragment, { children: fallback });
+}export{ClientOnly};//# sourceMappingURL=Client-only.js.map

package/lib/hooks/Client-only.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Client-only.js","sources":["../../src/hooks/Client-only.tsx"],"sourcesContent":[null],"names":[],"mappings":"yFAII;;;;AAIG;AACH;AACA;;AAGJ;;;;;;;;;"}

package/lib/hooks/hooks.d.ts

@@ -0,0 +1,4 @@
+import { useSettingsLoader, useSetting, usePermissionAutoFetch } from '@adminide-stack/platform-client';
+export { useSettingsLoader, useSetting, usePermissionAutoFetch };
+export * from './Client-only';
+//# sourceMappingURL=hooks.d.ts.map

package/lib/hooks/hooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../src/hooks/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AAExG,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,sBAAsB,EAAE,CAAC;AACjE,cAAc,eAAe,CAAC"}

package/lib/hooks/index.d.ts

@@ -1,2 +1,3 @@
-export * from './useSettings';
+export * from './useLayoutSettings';
+export * from './hooks';
 //# sourceMappingURL=index.d.ts.map

package/lib/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC"}

package/lib/hooks/use-hydrated.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Return a boolean indicating if the JS has been hydrated already.
+ * When doing Server-Side Rendering, the result will always be false.
+ * When doing Client-Side Rendering, the result will always be false on the
+ * first render and true from then on. Even if a new component renders it will
+ * always start with true.
+ *
+ * Example: Disable a button that needs JS to work.
+ * ```tsx
+ * let hydrated = useHydrated();
+ * return (
+ *   <button type="button" disabled={!hydrated} onClick={doSomethingCustom}>
+ *     Click me
+ *   </button>
+ * );
+ * ```
+ */
+export declare function useHydrated(): boolean;
+//# sourceMappingURL=use-hydrated.d.ts.map

package/lib/hooks/use-hydrated.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-hydrated.d.ts","sourceRoot":"","sources":["../../src/hooks/use-hydrated.ts"],"names":[],"mappings":"AAOA;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,WAAW,YAM1B"}

package/lib/hooks/use-hydrated.js

@@ -0,0 +1,24 @@
+import {useSyncExternalStore}from'react';function subscribe() {
+    // biome-ignore lint/suspicious/noEmptyBlockStatements: Mock function
+    return () => { };
+}
+/**
+ * Return a boolean indicating if the JS has been hydrated already.
+ * When doing Server-Side Rendering, the result will always be false.
+ * When doing Client-Side Rendering, the result will always be false on the
+ * first render and true from then on. Even if a new component renders it will
+ * always start with true.
+ *
+ * Example: Disable a button that needs JS to work.
+ * ```tsx
+ * let hydrated = useHydrated();
+ * return (
+ *   <button type="button" disabled={!hydrated} onClick={doSomethingCustom}>
+ *     Click me
+ *   </button>
+ * );
+ * ```
+ */
+function useHydrated() {
+    return useSyncExternalStore(subscribe, () => true, () => false);
+}export{useHydrated};//# sourceMappingURL=use-hydrated.js.map

package/lib/hooks/use-hydrated.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-hydrated.js","sources":["../../src/hooks/use-hydrated.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;AAuBG;AACH;;;;;;;"}

package/lib/hooks/useLayoutSettings.d.ts

@@ -0,0 +1,6 @@
+export declare const useLayoutSettings: () => {
+    settings: any;
+    setSettings: (config: any) => Promise<any>;
+    getSettings: () => Promise<any>;
+};
+//# sourceMappingURL=useLayoutSettings.d.ts.map

package/lib/hooks/useLayoutSettings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLayoutSettings.d.ts","sourceRoot":"","sources":["../../src/hooks/useLayoutSettings.ts"],"names":[],"mappings":"AAkBA,eAAO,MAAM,iBAAiB;;0BAoCP,GAAG;;CA+CzB,CAAC"}

package/lib/hooks/{useSettings.js → useLayoutSettings.js}

@@ -1,4 +1,4 @@
-import {useEffect,useCallback}from'react';import {useDispatch,useSelector}from'react-redux';import {CHANGE_SETTINGS_ACTION}from'../constants/constants.js';const updateColorWeak = (colorWeak) => {
+import {useCallback}from'react';import {useDispatch,useSelector,shallowEqual}from'react-redux';import {merge}from'lodash-es';import {defaultSettings}from'../config/defaultSettings.js';import {CHANGE_SETTINGS_ACTION}from'../constants/constants.js';import {compareAndSaveSettingsDifferences}from'../utils/settingsDifference.js';import {useParams}from'react-router';const updateColorWeak = (colorWeak) => {
     // @sri to avoid breaking during SSR, split into to checks
     if (typeof window !== 'undefined') {
         const root = document.getElementById('root');
@@ -7,74 +7,69 @@ import {useEffect,useCallback}from'react';import {useDispatch,useSelector}from'r
         }
     }
 };
-const useSettings = () => {
+const useLayoutSettings = () => {
     const dispatch = useDispatch();
-    const settings = useSelector((state) => state.settings);
-    useEffect(() => {
-        if (!settings || Object.keys(settings).length === 0) {
-            void getSettings().then((settingsData) => {
-                if (settingsData) {
-                    dispatch({
-                        type: CHANGE_SETTINGS_ACTION,
-                        payload: settingsData,
-                    });
-                }
-            });
-        }
-    }, [dispatch, settings]);
+    const settings = useSelector((state) => state.settings, shallowEqual);
+    const { orgName: orgNameFromParams } = useSelector((state) => ({
+        orgName: state.platform.orgName,
+    }), shallowEqual);
+    const { orgName: orgNameFromUrl } = useParams();
     const getSettings = useCallback(async () => {
         try {
             const response = await fetch('/resources/settings', {
                 method: 'GET',
                 headers: {
                     'Content-Type': 'application/json',
+                    orgName: orgNameFromParams || orgNameFromUrl || '',
                 },
             });
             if (!response.ok) {
                 throw new Error('Failed to fetch settings');
             }
-            const result = await response.json();
-            return result;
+            const diffSettings = await response.json();
+            return diffSettings.settings;
         }
         catch (error) {
             console.error(error);
-            return null;
+            // Return default settings if there's an error
+            return defaultSettings;
         }
     }, []);
     const setSettings = useCallback(async (config) => {
         const { colorWeak, contentWidth } = config;
         try {
-            // @sri to avoid breaking during SSR, split into to checks
+            // Handle UI updates for special settings
             if (settings.contentWidth !== contentWidth) {
                 if (typeof window !== 'undefined') {
                     window.dispatchEvent(new Event('resize'));
                 }
             }
             updateColorWeak(!!colorWeak);
+            const cleanDiffSettings = compareAndSaveSettingsDifferences(config, defaultSettings);
             const response = await fetch('/resources/settings', {
                 method: 'POST',
                 headers: {
                     'Content-Type': 'application/json',
+                    orgName: orgNameFromParams || orgNameFromUrl || '',
                 },
-                body: JSON.stringify({ config }),
+                body: JSON.stringify({ config: cleanDiffSettings }),
             });
             if (!response.ok) {
                 throw new Error('Failed to update settings');
             }
-            const updatedSettings = {
-                ...settings,
-                ...config,
-            };
+            const result = await response.json();
+            const pageDefaultSettings = result || defaultSettings;
+            // Merge the full config with default settings before updating the store
+            const mergedSettings = merge({}, pageDefaultSettings, config);
             dispatch({
                 type: CHANGE_SETTINGS_ACTION,
-                payload: updatedSettings,
+                payload: mergedSettings,
             });
-            return await response.json();
         }
         catch (error) {
             console.error(error);
             return null;
         }
     }, [dispatch, settings]);
-    return { settings, setSettings };
-};export{useSettings};//# sourceMappingURL=useSettings.js.map
+    return { settings, setSettings, getSettings };
+};export{useLayoutSettings};//# sourceMappingURL=useLayoutSettings.js.map

package/lib/hooks/useLayoutSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLayoutSettings.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/index.d.ts

@@ -6,6 +6,6 @@ export * from './components';
 export * from './graphql';
 export * from './themes';
 export * from './config';
-export * from './antd-themes';
 export * from './hooks';
+export * from './colors';
 //# sourceMappingURL=index.d.ts.map