@erpsquad/common 1.11.8 → 1.11.10

package/dist/api-client/index.esm.js

@@ -1,7 +1,7 @@
 import { a, b, c, d, e, f, g } from "../chunks/api-Bl6wVi9D.esm.js";
-import { a as a2 } from "../chunks/index-ALqg8b5U.esm.js";
+import { a as a2 } from "../chunks/index-BCmGHdos.esm.js";
 import { a as a3 } from "../chunks/api-CZGorfuI.esm.js";
-import { a as a4 } from "../chunks/api-DBmWILBN.esm.js";
+import { a as a4 } from "../chunks/api-yLpQ3k5s.esm.js";
 let baseUrl = "";
 let defaultHeaders = {};
 function sanitizeUrl(url) {

package/dist/chunks/{DynamicDependentField-C0XXmMlG.esm.js → DynamicDependentField-DOGY6cA_.esm.js}

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useMemo, useRef, useEffect } from "react";
 import { useFormContext } from "react-hook-form";
-import { D as DynamicSearchSelect } from "./searchable-select-0F6E4XAr.esm.js";
+import { D as DynamicSearchSelect } from "./searchable-select-BQtcqBKV.esm.js";
 const normaliseFilterFields = (input, fallbackApiKey) => {
   if (typeof input === "string") {
     return [{ formField: input, apiKey: fallbackApiKey }];
@@ -125,4 +125,4 @@ const DynamicDependentFieldContent = ({ control, watch, setValue, getFieldState:
 export {
   DynamicDependentField as D
 };
-//# sourceMappingURL=DynamicDependentField-C0XXmMlG.esm.js.map
+//# sourceMappingURL=DynamicDependentField-DOGY6cA_.esm.js.map

package/dist/chunks/{DynamicDependentField-C0XXmMlG.esm.js.map → DynamicDependentField-DOGY6cA_.esm.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DynamicDependentField-C0XXmMlG.esm.js","sources":["../../src/components/form-control/form-builder/form-builder-element/dynamic-dependent-field/DynamicDependentField.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef } from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport DynamicSearchSelect from '../dynamic-select';\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\n/** Shape of the filter map passed to DynamicSearchSelect's customeFilter */\ntype FilterMap = Record<string, any>;\n\n/**\n * filterFields accepts:\n *   - string:  `\"company\"` → watch form field `company`, use `filterKey` prop as API filter key\n *   - object:  `{ company: 'company_id' }` → key = form field to watch, value = API filter key\n */\ntype FilterFieldsInput = string | Record<string, string>;\n\n/** Normalised entry: which form field to watch → which API filter key to use */\ninterface FilterFieldEntry {\n    /** The form field name to watch (e.g. \"company\") */\n    formField: string;\n    /** The API filter key to send (e.g. \"company_id\") */\n    apiKey: string;\n}\n\nexport interface DynamicDependentFieldProps {\n    /** Field name registered in React Hook Form (e.g. \"department_id\") */\n    name: string;\n\n    /**\n     * Describes which form field(s) this select depends on.\n     *\n     * **String** – a single form field name. The API filter key is taken from `filterKey`.\n     * @example filterFields=\"company\"\n     *\n     * **Object** – keys are form field names, values are API filter keys.\n     * @example filterFields={{ company: 'company_id', branch: 'branch_id' }}\n     */\n    filterFields: FilterFieldsInput;\n\n    /**\n     * The form array/namespace prefix used in the parent form\n     * (same as `fieldArrayName` in DynamicSearchSelect).\n     */\n    fieldArrayName: string;\n\n    /**\n     * API filter key used when `filterFields` is a plain string.\n     * Ignored when `filterFields` is an object (the object values are used instead).\n     * @default 'company_id'\n     */\n    filterKey?: string;\n\n    /** Label displayed above the select */\n    label?: string;\n\n    /** Placeholder text inside the select */\n    placeholder?: string;\n\n    /**\n     * API key string forwarded to `DynamicSearchSelect` as `apiType`.\n     */\n    apiType?: string;\n\n    /**\n     * Custom fetch function forwarded to `DynamicSearchSelect` as `customFetchApi`.\n     */\n    customFetchApi?: (...args: any[]) => Promise<any>;\n\n    /** Disable the field regardless of filter state */\n    disabled?: boolean;\n\n    /** React Hook Form validation rules */\n    rules?: Record<string, any>;\n\n    /** Allow multi-select (forwarded as `is_multiselect`) */\n    isMulti?: boolean;\n\n    /** Mark field as required */\n    required?: boolean;\n\n    /** Form control object from useForm */\n    control?: any;\n    formControl?: any;\n\n    /** Watch function from useForm */\n    watch?: any;\n\n    /** SetValue function from useForm */\n    setValue?: any;\n\n    /** GetFieldState function from useForm */\n    getFieldState?: any;\n\n    /** FormState object from useForm */\n    formState?: any;\n\n    /** Any additional props forwarded verbatim to DynamicSearchSelect */\n    [key: string]: any;\n}\n\n// ---------------------------------------------------------------------------\n// Helper utilities\n// ---------------------------------------------------------------------------\n\n/**\n * Normalise `filterFields` into a uniform array of { formField, apiKey } entries.\n *\n * - string  `\"company\"`                    → [{ formField: 'company', apiKey: <filterKey> }]\n * - object  `{ company: 'company_id' }`    → [{ formField: 'company', apiKey: 'company_id' }]\n */\nconst normaliseFilterFields = (\n    input: FilterFieldsInput,\n    fallbackApiKey: string\n): FilterFieldEntry[] => {\n    if (typeof input === 'string') {\n        return [{ formField: input, apiKey: fallbackApiKey }];\n    }\n\n    // Object – each key is a form field, each value is the API filter key\n    return Object.entries(input).map(([formField, apiKey]) => ({\n        formField,\n        apiKey,\n    }));\n};\n\n/**\n * Returns `true` when **every** value in the map is non-empty.\n */\nconst allFiltersFilled = (filters: FilterMap): boolean =>\n    Object.values(filters).every((v) => {\n        if (v === null || v === undefined || v === '') return false;\n        if (Array.isArray(v) && v.length === 0) return false;\n        return true;\n    });\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\n/**\n * `DynamicDependentField` is a fully reusable, typed wrapper around\n * `DynamicSearchSelect` that:\n *\n * - Reads `control`, `watch`, and `setValue` from the nearest `FormProvider`.\n * - Watches one or more dependent fields (`filterFields`).\n * - Builds a `customeFilter` object from the watched values.\n * - Resets its own value and triggers a fresh option load whenever a watched\n *   field changes.\n * - Disables itself automatically while any required filter is empty.\n *\n * @example\n * // String – single dependency, uses filterKey for the API filter key\n * <DynamicDependentField\n *   name=\"department_id\"\n *   fieldArrayName=\"add_payment_entry\"\n *   filterFields=\"company\"\n *   filterKey=\"company_id\"\n *   apiType=\"department\"\n * />\n *\n * @example\n * // Object – multiple dependencies with explicit API filter keys\n * <DynamicDependentField\n *   name=\"location_id\"\n *   fieldArrayName=\"employee\"\n *   filterFields={{ company: 'company_id', branch: 'branch_id' }}\n *   apiType=\"location\"\n * />\n */\nconst DynamicDependentField: React.FC<DynamicDependentFieldProps> = (props) => {\n    const formContext = useFormContext();\n\n    // Prioritise props over context to allow manual override (essential for MFE)\n    const control = props.formControl || props.control || formContext?.control;\n    const watch = props.watch || formContext?.watch;\n    const setValue = props.setValue || formContext?.setValue;\n    const getFieldState = props.getFieldState || formContext?.getFieldState;\n    const formState = props.formState || formContext?.formState;\n\n    const hasMethods = !!(control && watch && setValue);\n\n    if (!hasMethods) {\n        // Fallback: render the select without dependency logic if form methods are missing\n        return (\n            <DynamicSearchSelect\n                addType={props?.addType || props?.apiType}\n                enable_footer={props?.enable_footer ?? true}\n                {...props}\n                {...(control ? { formControl: control } : {})}\n            />\n        );\n    }\n\n    return (\n        <DynamicDependentFieldContent\n            {...props}\n            control={control}\n            watch={watch}\n            setValue={setValue}\n            getFieldState={getFieldState}\n            formState={formState}\n        />\n    );\n};\n\n/**\n * Inner component that performs the dependency logic.\n * It is only rendered when form methods are available.\n */\nconst DynamicDependentFieldContent: React.FC<\n    DynamicDependentFieldProps & {\n        control: any;\n        watch: any;\n        setValue: any;\n        getFieldState: any;\n        formState: any;\n    }\n> = ({ control, watch, setValue, getFieldState: _getFieldState, formState: _formState, ...props }) => {\n    const {\n        name,\n        filterFields = 'company_id',\n        filterKey = 'company_id',\n        fieldArrayName,\n        enable_footer = true,\n        apiType,\n    } = props;\n\n    // -----------------------------------------------------------------------\n    // Normalise filterFields into a uniform array of { formField, apiKey }\n    // -----------------------------------------------------------------------\n    const entries: FilterFieldEntry[] = useMemo(\n        () => normaliseFilterFields(filterFields, filterKey),\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [JSON.stringify(filterFields), filterKey]\n    );\n\n    /** Just the form field names – used for watching and change detection */\n    const formFieldNames = useMemo(() => entries.map((e) => e.formField), [entries]);\n\n    // -----------------------------------------------------------------------\n    // Watch all dependent form field values\n    // -----------------------------------------------------------------------\n    const watchedValues = watch(formFieldNames.map((f) => `${fieldArrayName}.${f}`));\n\n    const watchedValuesArray: any[] = useMemo(\n        () => (Array.isArray(watchedValues) ? watchedValues : [watchedValues]),\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [JSON.stringify(watchedValues)]\n    );\n\n    // -----------------------------------------------------------------------\n    // Build the filter map  { company: 1, branch: 2 }  (keyed by formField)\n    // -----------------------------------------------------------------------\n    const filters: FilterMap = useMemo(() => {\n        return formFieldNames.reduce<FilterMap>((acc, field, index) => {\n            acc[field] = watchedValuesArray[index];\n            return acc;\n        }, {});\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [JSON.stringify(watchedValuesArray), formFieldNames.join(',')]);\n\n    // -----------------------------------------------------------------------\n    // Determine whether the field should be disabled\n    // -----------------------------------------------------------------------\n    const isDisabledDueToFilters = !allFiltersFilled(filters);\n    const isFieldDisabled = props?.disabled || isDisabledDueToFilters;\n\n    // -----------------------------------------------------------------------\n    // Track previous filters to detect real changes and avoid infinite loops\n    // -----------------------------------------------------------------------\n    const prevFiltersRef = useRef<FilterMap | null>(null);\n    const isFirstRender = useRef(true);\n\n    // -----------------------------------------------------------------------\n    // Reset own value when any filter changes (skip on mount)\n    // -----------------------------------------------------------------------\n    useEffect(() => {\n        if (isFirstRender.current) {\n            isFirstRender.current = false;\n            prevFiltersRef.current = filters;\n            return;\n        }\n\n        const prev = prevFiltersRef.current;\n        const changedFields = formFieldNames.filter((field) => prev?.[field] !== filters[field]);\n        const hasChanged = changedFields.length > 0;\n\n        if (hasChanged) {\n            prevFiltersRef.current = filters;\n\n            setValue(`${fieldArrayName}.${name}`, props?.is_multiselect ? [] : null, {\n                shouldValidate: false,\n                shouldDirty: false\n            });\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [JSON.stringify(filters)]);\n\n    // -----------------------------------------------------------------------\n    // Build customeFilter in the format DynamicSearchSelect expects.\n    //\n    // For each entry, map the watched form value to the correct API filter key:\n    //   { formField: 'company', apiKey: 'company_id', value: 1 }\n    //     → { '&company_id.in': [1] }\n    //\n    // Array values (multiselect) are passed through as-is.\n    // -----------------------------------------------------------------------\n    const customeFilter: FilterMap = useMemo(() => {\n        const dependentFilters = entries.reduce<FilterMap>((acc, entry) => {\n            const value = filters[entry.formField];\n            const hasValue = Array.isArray(value)\n                ? value.length > 0\n                : (value !== null && value !== undefined && value !== '');\n\n            acc[`&${entry.apiKey}.in`] = hasValue ? Array.isArray(value) ? value : [value] : 0;\n            return acc;\n        }, {});\n\n        // Merge with rest.customeFilter if provided\n        return {\n            ...dependentFilters,\n            ...(props?.customeFilter || {})\n        };\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [JSON.stringify(filters), JSON.stringify(props?.customeFilter), isDisabledDueToFilters]);\n\n    // -----------------------------------------------------------------------\n    // Key derived from filter values — forces a full remount of DynamicSearchSelect\n    // whenever any parent filter (e.g. company) changes, clearing its internal state.\n    // -----------------------------------------------------------------------\n    const updateKey = JSON.stringify(filters);\n\n    // -----------------------------------------------------------------------\n    // Render\n    // -----------------------------------------------------------------------\n    return (\n        <DynamicSearchSelect\n            key={updateKey}\n            options={[]}\n            addType={props?.addType || apiType}\n            enable_footer={enable_footer}\n            disabled={isFieldDisabled}\n            {...(props as any)}\n            customeFilter={customeFilter}\n            formControl={control}\n        />\n    );\n};\n\nexport default DynamicDependentField;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"DynamicDependentField-DOGY6cA_.esm.js","sources":["../../src/components/form-control/form-builder/form-builder-element/dynamic-dependent-field/DynamicDependentField.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef } from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport DynamicSearchSelect from '../dynamic-select';\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\n/** Shape of the filter map passed to DynamicSearchSelect's customeFilter */\ntype FilterMap = Record<string, any>;\n\n/**\n * filterFields accepts:\n *   - string:  `\"company\"` → watch form field `company`, use `filterKey` prop as API filter key\n *   - object:  `{ company: 'company_id' }` → key = form field to watch, value = API filter key\n */\ntype FilterFieldsInput = string | Record<string, string>;\n\n/** Normalised entry: which form field to watch → which API filter key to use */\ninterface FilterFieldEntry {\n    /** The form field name to watch (e.g. \"company\") */\n    formField: string;\n    /** The API filter key to send (e.g. \"company_id\") */\n    apiKey: string;\n}\n\nexport interface DynamicDependentFieldProps {\n    /** Field name registered in React Hook Form (e.g. \"department_id\") */\n    name: string;\n\n    /**\n     * Describes which form field(s) this select depends on.\n     *\n     * **String** – a single form field name. The API filter key is taken from `filterKey`.\n     * @example filterFields=\"company\"\n     *\n     * **Object** – keys are form field names, values are API filter keys.\n     * @example filterFields={{ company: 'company_id', branch: 'branch_id' }}\n     */\n    filterFields: FilterFieldsInput;\n\n    /**\n     * The form array/namespace prefix used in the parent form\n     * (same as `fieldArrayName` in DynamicSearchSelect).\n     */\n    fieldArrayName: string;\n\n    /**\n     * API filter key used when `filterFields` is a plain string.\n     * Ignored when `filterFields` is an object (the object values are used instead).\n     * @default 'company_id'\n     */\n    filterKey?: string;\n\n    /** Label displayed above the select */\n    label?: string;\n\n    /** Placeholder text inside the select */\n    placeholder?: string;\n\n    /**\n     * API key string forwarded to `DynamicSearchSelect` as `apiType`.\n     */\n    apiType?: string;\n\n    /**\n     * Custom fetch function forwarded to `DynamicSearchSelect` as `customFetchApi`.\n     */\n    customFetchApi?: (...args: any[]) => Promise<any>;\n\n    /** Disable the field regardless of filter state */\n    disabled?: boolean;\n\n    /** React Hook Form validation rules */\n    rules?: Record<string, any>;\n\n    /** Allow multi-select (forwarded as `is_multiselect`) */\n    isMulti?: boolean;\n\n    /** Mark field as required */\n    required?: boolean;\n\n    /** Form control object from useForm */\n    control?: any;\n    formControl?: any;\n\n    /** Watch function from useForm */\n    watch?: any;\n\n    /** SetValue function from useForm */\n    setValue?: any;\n\n    /** GetFieldState function from useForm */\n    getFieldState?: any;\n\n    /** FormState object from useForm */\n    formState?: any;\n\n    /** Any additional props forwarded verbatim to DynamicSearchSelect */\n    [key: string]: any;\n}\n\n// ---------------------------------------------------------------------------\n// Helper utilities\n// ---------------------------------------------------------------------------\n\n/**\n * Normalise `filterFields` into a uniform array of { formField, apiKey } entries.\n *\n * - string  `\"company\"`                    → [{ formField: 'company', apiKey: <filterKey> }]\n * - object  `{ company: 'company_id' }`    → [{ formField: 'company', apiKey: 'company_id' }]\n */\nconst normaliseFilterFields = (\n    input: FilterFieldsInput,\n    fallbackApiKey: string\n): FilterFieldEntry[] => {\n    if (typeof input === 'string') {\n        return [{ formField: input, apiKey: fallbackApiKey }];\n    }\n\n    // Object – each key is a form field, each value is the API filter key\n    return Object.entries(input).map(([formField, apiKey]) => ({\n        formField,\n        apiKey,\n    }));\n};\n\n/**\n * Returns `true` when **every** value in the map is non-empty.\n */\nconst allFiltersFilled = (filters: FilterMap): boolean =>\n    Object.values(filters).every((v) => {\n        if (v === null || v === undefined || v === '') return false;\n        if (Array.isArray(v) && v.length === 0) return false;\n        return true;\n    });\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\n/**\n * `DynamicDependentField` is a fully reusable, typed wrapper around\n * `DynamicSearchSelect` that:\n *\n * - Reads `control`, `watch`, and `setValue` from the nearest `FormProvider`.\n * - Watches one or more dependent fields (`filterFields`).\n * - Builds a `customeFilter` object from the watched values.\n * - Resets its own value and triggers a fresh option load whenever a watched\n *   field changes.\n * - Disables itself automatically while any required filter is empty.\n *\n * @example\n * // String – single dependency, uses filterKey for the API filter key\n * <DynamicDependentField\n *   name=\"department_id\"\n *   fieldArrayName=\"add_payment_entry\"\n *   filterFields=\"company\"\n *   filterKey=\"company_id\"\n *   apiType=\"department\"\n * />\n *\n * @example\n * // Object – multiple dependencies with explicit API filter keys\n * <DynamicDependentField\n *   name=\"location_id\"\n *   fieldArrayName=\"employee\"\n *   filterFields={{ company: 'company_id', branch: 'branch_id' }}\n *   apiType=\"location\"\n * />\n */\nconst DynamicDependentField: React.FC<DynamicDependentFieldProps> = (props) => {\n    const formContext = useFormContext();\n\n    // Prioritise props over context to allow manual override (essential for MFE)\n    const control = props.formControl || props.control || formContext?.control;\n    const watch = props.watch || formContext?.watch;\n    const setValue = props.setValue || formContext?.setValue;\n    const getFieldState = props.getFieldState || formContext?.getFieldState;\n    const formState = props.formState || formContext?.formState;\n\n    const hasMethods = !!(control && watch && setValue);\n\n    if (!hasMethods) {\n        // Fallback: render the select without dependency logic if form methods are missing\n        return (\n            <DynamicSearchSelect\n                addType={props?.addType || props?.apiType}\n                enable_footer={props?.enable_footer ?? true}\n                {...props}\n                {...(control ? { formControl: control } : {})}\n            />\n        );\n    }\n\n    return (\n        <DynamicDependentFieldContent\n            {...props}\n            control={control}\n            watch={watch}\n            setValue={setValue}\n            getFieldState={getFieldState}\n            formState={formState}\n        />\n    );\n};\n\n/**\n * Inner component that performs the dependency logic.\n * It is only rendered when form methods are available.\n */\nconst DynamicDependentFieldContent: React.FC<\n    DynamicDependentFieldProps & {\n        control: any;\n        watch: any;\n        setValue: any;\n        getFieldState: any;\n        formState: any;\n    }\n> = ({ control, watch, setValue, getFieldState: _getFieldState, formState: _formState, ...props }) => {\n    const {\n        name,\n        filterFields = 'company_id',\n        filterKey = 'company_id',\n        fieldArrayName,\n        enable_footer = true,\n        apiType,\n    } = props;\n\n    // -----------------------------------------------------------------------\n    // Normalise filterFields into a uniform array of { formField, apiKey }\n    // -----------------------------------------------------------------------\n    const entries: FilterFieldEntry[] = useMemo(\n        () => normaliseFilterFields(filterFields, filterKey),\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [JSON.stringify(filterFields), filterKey]\n    );\n\n    /** Just the form field names – used for watching and change detection */\n    const formFieldNames = useMemo(() => entries.map((e) => e.formField), [entries]);\n\n    // -----------------------------------------------------------------------\n    // Watch all dependent form field values\n    // -----------------------------------------------------------------------\n    const watchedValues = watch(formFieldNames.map((f) => `${fieldArrayName}.${f}`));\n\n    const watchedValuesArray: any[] = useMemo(\n        () => (Array.isArray(watchedValues) ? watchedValues : [watchedValues]),\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [JSON.stringify(watchedValues)]\n    );\n\n    // -----------------------------------------------------------------------\n    // Build the filter map  { company: 1, branch: 2 }  (keyed by formField)\n    // -----------------------------------------------------------------------\n    const filters: FilterMap = useMemo(() => {\n        return formFieldNames.reduce<FilterMap>((acc, field, index) => {\n            acc[field] = watchedValuesArray[index];\n            return acc;\n        }, {});\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [JSON.stringify(watchedValuesArray), formFieldNames.join(',')]);\n\n    // -----------------------------------------------------------------------\n    // Determine whether the field should be disabled\n    // -----------------------------------------------------------------------\n    const isDisabledDueToFilters = !allFiltersFilled(filters);\n    const isFieldDisabled = props?.disabled || isDisabledDueToFilters;\n\n    // -----------------------------------------------------------------------\n    // Track previous filters to detect real changes and avoid infinite loops\n    // -----------------------------------------------------------------------\n    const prevFiltersRef = useRef<FilterMap | null>(null);\n    const isFirstRender = useRef(true);\n\n    // -----------------------------------------------------------------------\n    // Reset own value when any filter changes (skip on mount)\n    // -----------------------------------------------------------------------\n    useEffect(() => {\n        if (isFirstRender.current) {\n            isFirstRender.current = false;\n            prevFiltersRef.current = filters;\n            return;\n        }\n\n        const prev = prevFiltersRef.current;\n        const changedFields = formFieldNames.filter((field) => prev?.[field] !== filters[field]);\n        const hasChanged = changedFields.length > 0;\n\n        if (hasChanged) {\n            prevFiltersRef.current = filters;\n\n            setValue(`${fieldArrayName}.${name}`, props?.is_multiselect ? [] : null, {\n                shouldValidate: false,\n                shouldDirty: false\n            });\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [JSON.stringify(filters)]);\n\n    // -----------------------------------------------------------------------\n    // Build customeFilter in the format DynamicSearchSelect expects.\n    //\n    // For each entry, map the watched form value to the correct API filter key:\n    //   { formField: 'company', apiKey: 'company_id', value: 1 }\n    //     → { '&company_id.in': [1] }\n    //\n    // Array values (multiselect) are passed through as-is.\n    // -----------------------------------------------------------------------\n    const customeFilter: FilterMap = useMemo(() => {\n        const dependentFilters = entries.reduce<FilterMap>((acc, entry) => {\n            const value = filters[entry.formField];\n            const hasValue = Array.isArray(value)\n                ? value.length > 0\n                : (value !== null && value !== undefined && value !== '');\n\n            acc[`&${entry.apiKey}.in`] = hasValue ? Array.isArray(value) ? value : [value] : 0;\n            return acc;\n        }, {});\n\n        // Merge with rest.customeFilter if provided\n        return {\n            ...dependentFilters,\n            ...(props?.customeFilter || {})\n        };\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [JSON.stringify(filters), JSON.stringify(props?.customeFilter), isDisabledDueToFilters]);\n\n    // -----------------------------------------------------------------------\n    // Key derived from filter values — forces a full remount of DynamicSearchSelect\n    // whenever any parent filter (e.g. company) changes, clearing its internal state.\n    // -----------------------------------------------------------------------\n    const updateKey = JSON.stringify(filters);\n\n    // -----------------------------------------------------------------------\n    // Render\n    // -----------------------------------------------------------------------\n    return (\n        <DynamicSearchSelect\n            key={updateKey}\n            options={[]}\n            addType={props?.addType || apiType}\n            enable_footer={enable_footer}\n            disabled={isFieldDisabled}\n            {...(props as any)}\n            customeFilter={customeFilter}\n            formControl={control}\n        />\n    );\n};\n\nexport default DynamicDependentField;\n"],"names":[],"mappings":"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"}

package/dist/chunks/{DynamicDependentField-CQIfDDqc.js → DynamicDependentField-GTIwrPfP.js}

@@ -2,7 +2,7 @@
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const reactHookForm = require("react-hook-form");
-const searchableSelect = require("./searchable-select-_DCkITfk.js");
+const searchableSelect = require("./searchable-select-DVUCWWti.js");
 const normaliseFilterFields = (input, fallbackApiKey) => {
   if (typeof input === "string") {
     return [{ formField: input, apiKey: fallbackApiKey }];
@@ -124,4 +124,4 @@ const DynamicDependentFieldContent = ({ control, watch, setValue, getFieldState:
   );
 };
 exports.DynamicDependentField = DynamicDependentField;
-//# sourceMappingURL=DynamicDependentField-CQIfDDqc.js.map
+//# sourceMappingURL=DynamicDependentField-GTIwrPfP.js.map

package/dist/chunks/{DynamicDependentField-CQIfDDqc.js.map → DynamicDependentField-GTIwrPfP.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DynamicDependentField-CQIfDDqc.js","sources":["../../src/components/form-control/form-builder/form-builder-element/dynamic-dependent-field/DynamicDependentField.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef } from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport DynamicSearchSelect from '../dynamic-select';\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\n/** Shape of the filter map passed to DynamicSearchSelect's customeFilter */\ntype FilterMap = Record<string, any>;\n\n/**\n * filterFields accepts:\n *   - string:  `\"company\"` → watch form field `company`, use `filterKey` prop as API filter key\n *   - object:  `{ company: 'company_id' }` → key = form field to watch, value = API filter key\n */\ntype FilterFieldsInput = string | Record<string, string>;\n\n/** Normalised entry: which form field to watch → which API filter key to use */\ninterface FilterFieldEntry {\n    /** The form field name to watch (e.g. \"company\") */\n    formField: string;\n    /** The API filter key to send (e.g. \"company_id\") */\n    apiKey: string;\n}\n\nexport interface DynamicDependentFieldProps {\n    /** Field name registered in React Hook Form (e.g. \"department_id\") */\n    name: string;\n\n    /**\n     * Describes which form field(s) this select depends on.\n     *\n     * **String** – a single form field name. The API filter key is taken from `filterKey`.\n     * @example filterFields=\"company\"\n     *\n     * **Object** – keys are form field names, values are API filter keys.\n     * @example filterFields={{ company: 'company_id', branch: 'branch_id' }}\n     */\n    filterFields: FilterFieldsInput;\n\n    /**\n     * The form array/namespace prefix used in the parent form\n     * (same as `fieldArrayName` in DynamicSearchSelect).\n     */\n    fieldArrayName: string;\n\n    /**\n     * API filter key used when `filterFields` is a plain string.\n     * Ignored when `filterFields` is an object (the object values are used instead).\n     * @default 'company_id'\n     */\n    filterKey?: string;\n\n    /** Label displayed above the select */\n    label?: string;\n\n    /** Placeholder text inside the select */\n    placeholder?: string;\n\n    /**\n     * API key string forwarded to `DynamicSearchSelect` as `apiType`.\n     */\n    apiType?: string;\n\n    /**\n     * Custom fetch function forwarded to `DynamicSearchSelect` as `customFetchApi`.\n     */\n    customFetchApi?: (...args: any[]) => Promise<any>;\n\n    /** Disable the field regardless of filter state */\n    disabled?: boolean;\n\n    /** React Hook Form validation rules */\n    rules?: Record<string, any>;\n\n    /** Allow multi-select (forwarded as `is_multiselect`) */\n    isMulti?: boolean;\n\n    /** Mark field as required */\n    required?: boolean;\n\n    /** Form control object from useForm */\n    control?: any;\n    formControl?: any;\n\n    /** Watch function from useForm */\n    watch?: any;\n\n    /** SetValue function from useForm */\n    setValue?: any;\n\n    /** GetFieldState function from useForm */\n    getFieldState?: any;\n\n    /** FormState object from useForm */\n    formState?: any;\n\n    /** Any additional props forwarded verbatim to DynamicSearchSelect */\n    [key: string]: any;\n}\n\n// ---------------------------------------------------------------------------\n// Helper utilities\n// ---------------------------------------------------------------------------\n\n/**\n * Normalise `filterFields` into a uniform array of { formField, apiKey } entries.\n *\n * - string  `\"company\"`                    → [{ formField: 'company', apiKey: <filterKey> }]\n * - object  `{ company: 'company_id' }`    → [{ formField: 'company', apiKey: 'company_id' }]\n */\nconst normaliseFilterFields = (\n    input: FilterFieldsInput,\n    fallbackApiKey: string\n): FilterFieldEntry[] => {\n    if (typeof input === 'string') {\n        return [{ formField: input, apiKey: fallbackApiKey }];\n    }\n\n    // Object – each key is a form field, each value is the API filter key\n    return Object.entries(input).map(([formField, apiKey]) => ({\n        formField,\n        apiKey,\n    }));\n};\n\n/**\n * Returns `true` when **every** value in the map is non-empty.\n */\nconst allFiltersFilled = (filters: FilterMap): boolean =>\n    Object.values(filters).every((v) => {\n        if (v === null || v === undefined || v === '') return false;\n        if (Array.isArray(v) && v.length === 0) return false;\n        return true;\n    });\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\n/**\n * `DynamicDependentField` is a fully reusable, typed wrapper around\n * `DynamicSearchSelect` that:\n *\n * - Reads `control`, `watch`, and `setValue` from the nearest `FormProvider`.\n * - Watches one or more dependent fields (`filterFields`).\n * - Builds a `customeFilter` object from the watched values.\n * - Resets its own value and triggers a fresh option load whenever a watched\n *   field changes.\n * - Disables itself automatically while any required filter is empty.\n *\n * @example\n * // String – single dependency, uses filterKey for the API filter key\n * <DynamicDependentField\n *   name=\"department_id\"\n *   fieldArrayName=\"add_payment_entry\"\n *   filterFields=\"company\"\n *   filterKey=\"company_id\"\n *   apiType=\"department\"\n * />\n *\n * @example\n * // Object – multiple dependencies with explicit API filter keys\n * <DynamicDependentField\n *   name=\"location_id\"\n *   fieldArrayName=\"employee\"\n *   filterFields={{ company: 'company_id', branch: 'branch_id' }}\n *   apiType=\"location\"\n * />\n */\nconst DynamicDependentField: React.FC<DynamicDependentFieldProps> = (props) => {\n    const formContext = useFormContext();\n\n    // Prioritise props over context to allow manual override (essential for MFE)\n    const control = props.formControl || props.control || formContext?.control;\n    const watch = props.watch || formContext?.watch;\n    const setValue = props.setValue || formContext?.setValue;\n    const getFieldState = props.getFieldState || formContext?.getFieldState;\n    const formState = props.formState || formContext?.formState;\n\n    const hasMethods = !!(control && watch && setValue);\n\n    if (!hasMethods) {\n        // Fallback: render the select without dependency logic if form methods are missing\n        return (\n            <DynamicSearchSelect\n                addType={props?.addType || props?.apiType}\n                enable_footer={props?.enable_footer ?? true}\n                {...props}\n                {...(control ? { formControl: control } : {})}\n            />\n        );\n    }\n\n    return (\n        <DynamicDependentFieldContent\n            {...props}\n            control={control}\n            watch={watch}\n            setValue={setValue}\n            getFieldState={getFieldState}\n            formState={formState}\n        />\n    );\n};\n\n/**\n * Inner component that performs the dependency logic.\n * It is only rendered when form methods are available.\n */\nconst DynamicDependentFieldContent: React.FC<\n    DynamicDependentFieldProps & {\n        control: any;\n        watch: any;\n        setValue: any;\n        getFieldState: any;\n        formState: any;\n    }\n> = ({ control, watch, setValue, getFieldState: _getFieldState, formState: _formState, ...props }) => {\n    const {\n        name,\n        filterFields = 'company_id',\n        filterKey = 'company_id',\n        fieldArrayName,\n        enable_footer = true,\n        apiType,\n    } = props;\n\n    // -----------------------------------------------------------------------\n    // Normalise filterFields into a uniform array of { formField, apiKey }\n    // -----------------------------------------------------------------------\n    const entries: FilterFieldEntry[] = useMemo(\n        () => normaliseFilterFields(filterFields, filterKey),\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [JSON.stringify(filterFields), filterKey]\n    );\n\n    /** Just the form field names – used for watching and change detection */\n    const formFieldNames = useMemo(() => entries.map((e) => e.formField), [entries]);\n\n    // -----------------------------------------------------------------------\n    // Watch all dependent form field values\n    // -----------------------------------------------------------------------\n    const watchedValues = watch(formFieldNames.map((f) => `${fieldArrayName}.${f}`));\n\n    const watchedValuesArray: any[] = useMemo(\n        () => (Array.isArray(watchedValues) ? watchedValues : [watchedValues]),\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [JSON.stringify(watchedValues)]\n    );\n\n    // -----------------------------------------------------------------------\n    // Build the filter map  { company: 1, branch: 2 }  (keyed by formField)\n    // -----------------------------------------------------------------------\n    const filters: FilterMap = useMemo(() => {\n        return formFieldNames.reduce<FilterMap>((acc, field, index) => {\n            acc[field] = watchedValuesArray[index];\n            return acc;\n        }, {});\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [JSON.stringify(watchedValuesArray), formFieldNames.join(',')]);\n\n    // -----------------------------------------------------------------------\n    // Determine whether the field should be disabled\n    // -----------------------------------------------------------------------\n    const isDisabledDueToFilters = !allFiltersFilled(filters);\n    const isFieldDisabled = props?.disabled || isDisabledDueToFilters;\n\n    // -----------------------------------------------------------------------\n    // Track previous filters to detect real changes and avoid infinite loops\n    // -----------------------------------------------------------------------\n    const prevFiltersRef = useRef<FilterMap | null>(null);\n    const isFirstRender = useRef(true);\n\n    // -----------------------------------------------------------------------\n    // Reset own value when any filter changes (skip on mount)\n    // -----------------------------------------------------------------------\n    useEffect(() => {\n        if (isFirstRender.current) {\n            isFirstRender.current = false;\n            prevFiltersRef.current = filters;\n            return;\n        }\n\n        const prev = prevFiltersRef.current;\n        const changedFields = formFieldNames.filter((field) => prev?.[field] !== filters[field]);\n        const hasChanged = changedFields.length > 0;\n\n        if (hasChanged) {\n            prevFiltersRef.current = filters;\n\n            setValue(`${fieldArrayName}.${name}`, props?.is_multiselect ? [] : null, {\n                shouldValidate: false,\n                shouldDirty: false\n            });\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [JSON.stringify(filters)]);\n\n    // -----------------------------------------------------------------------\n    // Build customeFilter in the format DynamicSearchSelect expects.\n    //\n    // For each entry, map the watched form value to the correct API filter key:\n    //   { formField: 'company', apiKey: 'company_id', value: 1 }\n    //     → { '&company_id.in': [1] }\n    //\n    // Array values (multiselect) are passed through as-is.\n    // -----------------------------------------------------------------------\n    const customeFilter: FilterMap = useMemo(() => {\n        const dependentFilters = entries.reduce<FilterMap>((acc, entry) => {\n            const value = filters[entry.formField];\n            const hasValue = Array.isArray(value)\n                ? value.length > 0\n                : (value !== null && value !== undefined && value !== '');\n\n            acc[`&${entry.apiKey}.in`] = hasValue ? Array.isArray(value) ? value : [value] : 0;\n            return acc;\n        }, {});\n\n        // Merge with rest.customeFilter if provided\n        return {\n            ...dependentFilters,\n            ...(props?.customeFilter || {})\n        };\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [JSON.stringify(filters), JSON.stringify(props?.customeFilter), isDisabledDueToFilters]);\n\n    // -----------------------------------------------------------------------\n    // Key derived from filter values — forces a full remount of DynamicSearchSelect\n    // whenever any parent filter (e.g. company) changes, clearing its internal state.\n    // -----------------------------------------------------------------------\n    const updateKey = JSON.stringify(filters);\n\n    // -----------------------------------------------------------------------\n    // Render\n    // -----------------------------------------------------------------------\n    return (\n        <DynamicSearchSelect\n            key={updateKey}\n            options={[]}\n            addType={props?.addType || apiType}\n            enable_footer={enable_footer}\n            disabled={isFieldDisabled}\n            {...(props as any)}\n            customeFilter={customeFilter}\n            formControl={control}\n        />\n    );\n};\n\nexport default DynamicDependentField;\n"],"names":["useFormContext","jsx","DynamicSearchSelect","useMemo","useRef","useEffect"],"mappings":"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"}
+{"version":3,"file":"DynamicDependentField-GTIwrPfP.js","sources":["../../src/components/form-control/form-builder/form-builder-element/dynamic-dependent-field/DynamicDependentField.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef } from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport DynamicSearchSelect from '../dynamic-select';\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\n/** Shape of the filter map passed to DynamicSearchSelect's customeFilter */\ntype FilterMap = Record<string, any>;\n\n/**\n * filterFields accepts:\n *   - string:  `\"company\"` → watch form field `company`, use `filterKey` prop as API filter key\n *   - object:  `{ company: 'company_id' }` → key = form field to watch, value = API filter key\n */\ntype FilterFieldsInput = string | Record<string, string>;\n\n/** Normalised entry: which form field to watch → which API filter key to use */\ninterface FilterFieldEntry {\n    /** The form field name to watch (e.g. \"company\") */\n    formField: string;\n    /** The API filter key to send (e.g. \"company_id\") */\n    apiKey: string;\n}\n\nexport interface DynamicDependentFieldProps {\n    /** Field name registered in React Hook Form (e.g. \"department_id\") */\n    name: string;\n\n    /**\n     * Describes which form field(s) this select depends on.\n     *\n     * **String** – a single form field name. The API filter key is taken from `filterKey`.\n     * @example filterFields=\"company\"\n     *\n     * **Object** – keys are form field names, values are API filter keys.\n     * @example filterFields={{ company: 'company_id', branch: 'branch_id' }}\n     */\n    filterFields: FilterFieldsInput;\n\n    /**\n     * The form array/namespace prefix used in the parent form\n     * (same as `fieldArrayName` in DynamicSearchSelect).\n     */\n    fieldArrayName: string;\n\n    /**\n     * API filter key used when `filterFields` is a plain string.\n     * Ignored when `filterFields` is an object (the object values are used instead).\n     * @default 'company_id'\n     */\n    filterKey?: string;\n\n    /** Label displayed above the select */\n    label?: string;\n\n    /** Placeholder text inside the select */\n    placeholder?: string;\n\n    /**\n     * API key string forwarded to `DynamicSearchSelect` as `apiType`.\n     */\n    apiType?: string;\n\n    /**\n     * Custom fetch function forwarded to `DynamicSearchSelect` as `customFetchApi`.\n     */\n    customFetchApi?: (...args: any[]) => Promise<any>;\n\n    /** Disable the field regardless of filter state */\n    disabled?: boolean;\n\n    /** React Hook Form validation rules */\n    rules?: Record<string, any>;\n\n    /** Allow multi-select (forwarded as `is_multiselect`) */\n    isMulti?: boolean;\n\n    /** Mark field as required */\n    required?: boolean;\n\n    /** Form control object from useForm */\n    control?: any;\n    formControl?: any;\n\n    /** Watch function from useForm */\n    watch?: any;\n\n    /** SetValue function from useForm */\n    setValue?: any;\n\n    /** GetFieldState function from useForm */\n    getFieldState?: any;\n\n    /** FormState object from useForm */\n    formState?: any;\n\n    /** Any additional props forwarded verbatim to DynamicSearchSelect */\n    [key: string]: any;\n}\n\n// ---------------------------------------------------------------------------\n// Helper utilities\n// ---------------------------------------------------------------------------\n\n/**\n * Normalise `filterFields` into a uniform array of { formField, apiKey } entries.\n *\n * - string  `\"company\"`                    → [{ formField: 'company', apiKey: <filterKey> }]\n * - object  `{ company: 'company_id' }`    → [{ formField: 'company', apiKey: 'company_id' }]\n */\nconst normaliseFilterFields = (\n    input: FilterFieldsInput,\n    fallbackApiKey: string\n): FilterFieldEntry[] => {\n    if (typeof input === 'string') {\n        return [{ formField: input, apiKey: fallbackApiKey }];\n    }\n\n    // Object – each key is a form field, each value is the API filter key\n    return Object.entries(input).map(([formField, apiKey]) => ({\n        formField,\n        apiKey,\n    }));\n};\n\n/**\n * Returns `true` when **every** value in the map is non-empty.\n */\nconst allFiltersFilled = (filters: FilterMap): boolean =>\n    Object.values(filters).every((v) => {\n        if (v === null || v === undefined || v === '') return false;\n        if (Array.isArray(v) && v.length === 0) return false;\n        return true;\n    });\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\n/**\n * `DynamicDependentField` is a fully reusable, typed wrapper around\n * `DynamicSearchSelect` that:\n *\n * - Reads `control`, `watch`, and `setValue` from the nearest `FormProvider`.\n * - Watches one or more dependent fields (`filterFields`).\n * - Builds a `customeFilter` object from the watched values.\n * - Resets its own value and triggers a fresh option load whenever a watched\n *   field changes.\n * - Disables itself automatically while any required filter is empty.\n *\n * @example\n * // String – single dependency, uses filterKey for the API filter key\n * <DynamicDependentField\n *   name=\"department_id\"\n *   fieldArrayName=\"add_payment_entry\"\n *   filterFields=\"company\"\n *   filterKey=\"company_id\"\n *   apiType=\"department\"\n * />\n *\n * @example\n * // Object – multiple dependencies with explicit API filter keys\n * <DynamicDependentField\n *   name=\"location_id\"\n *   fieldArrayName=\"employee\"\n *   filterFields={{ company: 'company_id', branch: 'branch_id' }}\n *   apiType=\"location\"\n * />\n */\nconst DynamicDependentField: React.FC<DynamicDependentFieldProps> = (props) => {\n    const formContext = useFormContext();\n\n    // Prioritise props over context to allow manual override (essential for MFE)\n    const control = props.formControl || props.control || formContext?.control;\n    const watch = props.watch || formContext?.watch;\n    const setValue = props.setValue || formContext?.setValue;\n    const getFieldState = props.getFieldState || formContext?.getFieldState;\n    const formState = props.formState || formContext?.formState;\n\n    const hasMethods = !!(control && watch && setValue);\n\n    if (!hasMethods) {\n        // Fallback: render the select without dependency logic if form methods are missing\n        return (\n            <DynamicSearchSelect\n                addType={props?.addType || props?.apiType}\n                enable_footer={props?.enable_footer ?? true}\n                {...props}\n                {...(control ? { formControl: control } : {})}\n            />\n        );\n    }\n\n    return (\n        <DynamicDependentFieldContent\n            {...props}\n            control={control}\n            watch={watch}\n            setValue={setValue}\n            getFieldState={getFieldState}\n            formState={formState}\n        />\n    );\n};\n\n/**\n * Inner component that performs the dependency logic.\n * It is only rendered when form methods are available.\n */\nconst DynamicDependentFieldContent: React.FC<\n    DynamicDependentFieldProps & {\n        control: any;\n        watch: any;\n        setValue: any;\n        getFieldState: any;\n        formState: any;\n    }\n> = ({ control, watch, setValue, getFieldState: _getFieldState, formState: _formState, ...props }) => {\n    const {\n        name,\n        filterFields = 'company_id',\n        filterKey = 'company_id',\n        fieldArrayName,\n        enable_footer = true,\n        apiType,\n    } = props;\n\n    // -----------------------------------------------------------------------\n    // Normalise filterFields into a uniform array of { formField, apiKey }\n    // -----------------------------------------------------------------------\n    const entries: FilterFieldEntry[] = useMemo(\n        () => normaliseFilterFields(filterFields, filterKey),\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [JSON.stringify(filterFields), filterKey]\n    );\n\n    /** Just the form field names – used for watching and change detection */\n    const formFieldNames = useMemo(() => entries.map((e) => e.formField), [entries]);\n\n    // -----------------------------------------------------------------------\n    // Watch all dependent form field values\n    // -----------------------------------------------------------------------\n    const watchedValues = watch(formFieldNames.map((f) => `${fieldArrayName}.${f}`));\n\n    const watchedValuesArray: any[] = useMemo(\n        () => (Array.isArray(watchedValues) ? watchedValues : [watchedValues]),\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [JSON.stringify(watchedValues)]\n    );\n\n    // -----------------------------------------------------------------------\n    // Build the filter map  { company: 1, branch: 2 }  (keyed by formField)\n    // -----------------------------------------------------------------------\n    const filters: FilterMap = useMemo(() => {\n        return formFieldNames.reduce<FilterMap>((acc, field, index) => {\n            acc[field] = watchedValuesArray[index];\n            return acc;\n        }, {});\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [JSON.stringify(watchedValuesArray), formFieldNames.join(',')]);\n\n    // -----------------------------------------------------------------------\n    // Determine whether the field should be disabled\n    // -----------------------------------------------------------------------\n    const isDisabledDueToFilters = !allFiltersFilled(filters);\n    const isFieldDisabled = props?.disabled || isDisabledDueToFilters;\n\n    // -----------------------------------------------------------------------\n    // Track previous filters to detect real changes and avoid infinite loops\n    // -----------------------------------------------------------------------\n    const prevFiltersRef = useRef<FilterMap | null>(null);\n    const isFirstRender = useRef(true);\n\n    // -----------------------------------------------------------------------\n    // Reset own value when any filter changes (skip on mount)\n    // -----------------------------------------------------------------------\n    useEffect(() => {\n        if (isFirstRender.current) {\n            isFirstRender.current = false;\n            prevFiltersRef.current = filters;\n            return;\n        }\n\n        const prev = prevFiltersRef.current;\n        const changedFields = formFieldNames.filter((field) => prev?.[field] !== filters[field]);\n        const hasChanged = changedFields.length > 0;\n\n        if (hasChanged) {\n            prevFiltersRef.current = filters;\n\n            setValue(`${fieldArrayName}.${name}`, props?.is_multiselect ? [] : null, {\n                shouldValidate: false,\n                shouldDirty: false\n            });\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [JSON.stringify(filters)]);\n\n    // -----------------------------------------------------------------------\n    // Build customeFilter in the format DynamicSearchSelect expects.\n    //\n    // For each entry, map the watched form value to the correct API filter key:\n    //   { formField: 'company', apiKey: 'company_id', value: 1 }\n    //     → { '&company_id.in': [1] }\n    //\n    // Array values (multiselect) are passed through as-is.\n    // -----------------------------------------------------------------------\n    const customeFilter: FilterMap = useMemo(() => {\n        const dependentFilters = entries.reduce<FilterMap>((acc, entry) => {\n            const value = filters[entry.formField];\n            const hasValue = Array.isArray(value)\n                ? value.length > 0\n                : (value !== null && value !== undefined && value !== '');\n\n            acc[`&${entry.apiKey}.in`] = hasValue ? Array.isArray(value) ? value : [value] : 0;\n            return acc;\n        }, {});\n\n        // Merge with rest.customeFilter if provided\n        return {\n            ...dependentFilters,\n            ...(props?.customeFilter || {})\n        };\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [JSON.stringify(filters), JSON.stringify(props?.customeFilter), isDisabledDueToFilters]);\n\n    // -----------------------------------------------------------------------\n    // Key derived from filter values — forces a full remount of DynamicSearchSelect\n    // whenever any parent filter (e.g. company) changes, clearing its internal state.\n    // -----------------------------------------------------------------------\n    const updateKey = JSON.stringify(filters);\n\n    // -----------------------------------------------------------------------\n    // Render\n    // -----------------------------------------------------------------------\n    return (\n        <DynamicSearchSelect\n            key={updateKey}\n            options={[]}\n            addType={props?.addType || apiType}\n            enable_footer={enable_footer}\n            disabled={isFieldDisabled}\n            {...(props as any)}\n            customeFilter={customeFilter}\n            formControl={control}\n        />\n    );\n};\n\nexport default DynamicDependentField;\n"],"names":["useFormContext","jsx","DynamicSearchSelect","useMemo","useRef","useEffect"],"mappings":";;;;;AAgHA,MAAM,wBAAwB,CAC1B,OACA,mBACqB;AACrB,MAAI,OAAO,UAAU,UAAU;AAC3B,WAAO,CAAC,EAAE,WAAW,OAAO,QAAQ,gBAAgB;AAAA,EACxD;AAGA,SAAO,OAAO,QAAQ,KAAK,EAAE,IAAI,CAAC,CAAC,WAAW,MAAM,OAAO;AAAA,IACvD;AAAA,IACA;AAAA,EAAA,EACF;AACN;AAKA,MAAM,mBAAmB,CAAC,YACtB,OAAO,OAAO,OAAO,EAAE,MAAM,CAAC,MAAM;AAChC,MAAI,MAAM,QAAQ,MAAM,UAAa,MAAM,GAAI,QAAO;AACtD,MAAI,MAAM,QAAQ,CAAC,KAAK,EAAE,WAAW,EAAG,QAAO;AAC/C,SAAO;AACX,CAAC;AAoCL,MAAM,wBAA8D,CAAC,UAAU;AAC3E,QAAM,cAAcA,cAAAA,eAAA;AAGpB,QAAM,UAAU,MAAM,eAAe,MAAM,YAAW,2CAAa;AACnE,QAAM,QAAQ,MAAM,UAAS,2CAAa;AAC1C,QAAM,WAAW,MAAM,aAAY,2CAAa;AAChD,QAAM,gBAAgB,MAAM,kBAAiB,2CAAa;AAC1D,QAAM,YAAY,MAAM,cAAa,2CAAa;AAElD,QAAM,aAAa,CAAC,EAAE,WAAW,SAAS;AAE1C,MAAI,CAAC,YAAY;AAEb,WACIC,2BAAAA;AAAAA,MAACC,iBAAAA;AAAAA,MAAA;AAAA,QACG,UAAS,+BAAO,aAAW,+BAAO;AAAA,QAClC,gBAAe,+BAAO,kBAAiB;AAAA,QACtC,GAAG;AAAA,QACH,GAAI,UAAU,EAAE,aAAa,YAAY,CAAA;AAAA,MAAC;AAAA,IAAA;AAAA,EAGvD;AAEA,SACID,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAAA;AAGZ;AAMA,MAAM,+BAQF,CAAC,EAAE,SAAS,OAAO,UAAU,eAAe,gBAAgB,WAAW,YAAY,GAAG,MAAA,MAAY;AAClG,QAAM;AAAA,IACF;AAAA,IACA,eAAe;AAAA,IACf,YAAY;AAAA,IACZ;AAAA,IACA,gBAAgB;AAAA,IAChB;AAAA,EAAA,IACA;AAKJ,QAAM,UAA8BE,MAAAA;AAAAA,IAChC,MAAM,sBAAsB,cAAc,SAAS;AAAA;AAAA,IAEnD,CAAC,KAAK,UAAU,YAAY,GAAG,SAAS;AAAA,EAAA;AAI5C,QAAM,iBAAiBA,MAAAA,QAAQ,MAAM,QAAQ,IAAI,CAAC,MAAM,EAAE,SAAS,GAAG,CAAC,OAAO,CAAC;AAK/E,QAAM,gBAAgB,MAAM,eAAe,IAAI,CAAC,MAAM,GAAG,cAAc,IAAI,CAAC,EAAE,CAAC;AAE/E,QAAM,qBAA4BA,MAAAA;AAAAA,IAC9B,MAAO,MAAM,QAAQ,aAAa,IAAI,gBAAgB,CAAC,aAAa;AAAA;AAAA,IAEpE,CAAC,KAAK,UAAU,aAAa,CAAC;AAAA,EAAA;AAMlC,QAAM,UAAqBA,MAAAA,QAAQ,MAAM;AACrC,WAAO,eAAe,OAAkB,CAAC,KAAK,OAAO,UAAU;AAC3D,UAAI,KAAK,IAAI,mBAAmB,KAAK;AACrC,aAAO;AAAA,IACX,GAAG,CAAA,CAAE;AAAA,EAET,GAAG,CAAC,KAAK,UAAU,kBAAkB,GAAG,eAAe,KAAK,GAAG,CAAC,CAAC;AAKjE,QAAM,yBAAyB,CAAC,iBAAiB,OAAO;AACxD,QAAM,mBAAkB,+BAAO,aAAY;AAK3C,QAAM,iBAAiBC,MAAAA,OAAyB,IAAI;AACpD,QAAM,gBAAgBA,MAAAA,OAAO,IAAI;AAKjCC,QAAAA,UAAU,MAAM;AACZ,QAAI,cAAc,SAAS;AACvB,oBAAc,UAAU;AACxB,qBAAe,UAAU;AACzB;AAAA,IACJ;AAEA,UAAM,OAAO,eAAe;AAC5B,UAAM,gBAAgB,eAAe,OAAO,CAAC,WAAU,6BAAO,YAAW,QAAQ,KAAK,CAAC;AACvF,UAAM,aAAa,cAAc,SAAS;AAE1C,QAAI,YAAY;AACZ,qBAAe,UAAU;AAEzB,eAAS,GAAG,cAAc,IAAI,IAAI,KAAI,+BAAO,kBAAiB,CAAA,IAAK,MAAM;AAAA,QACrE,gBAAgB;AAAA,QAChB,aAAa;AAAA,MAAA,CAChB;AAAA,IACL;AAAA,EAEJ,GAAG,CAAC,KAAK,UAAU,OAAO,CAAC,CAAC;AAW5B,QAAM,gBAA2BF,MAAAA,QAAQ,MAAM;AAC3C,UAAM,mBAAmB,QAAQ,OAAkB,CAAC,KAAK,UAAU;AAC/D,YAAM,QAAQ,QAAQ,MAAM,SAAS;AACrC,YAAM,WAAW,MAAM,QAAQ,KAAK,IAC9B,MAAM,SAAS,IACd,UAAU,QAAQ,UAAU,UAAa,UAAU;AAE1D,UAAI,IAAI,MAAM,MAAM,KAAK,IAAI,WAAW,MAAM,QAAQ,KAAK,IAAI,QAAQ,CAAC,KAAK,IAAI;AACjF,aAAO;AAAA,IACX,GAAG,CAAA,CAAE;AAGL,WAAO;AAAA,MACH,GAAG;AAAA,MACH,IAAI,+BAAO,kBAAiB,CAAA;AAAA,IAAC;AAAA,EAGrC,GAAG,CAAC,KAAK,UAAU,OAAO,GAAG,KAAK,UAAU,+BAAO,aAAa,GAAG,sBAAsB,CAAC;AAM1F,QAAM,YAAY,KAAK,UAAU,OAAO;AAKxC,SACIF,2BAAAA;AAAAA,IAACC,iBAAAA;AAAAA,IAAA;AAAA,MAEG,SAAS,CAAA;AAAA,MACT,UAAS,+BAAO,YAAW;AAAA,MAC3B;AAAA,MACA,UAAU;AAAA,MACT,GAAI;AAAA,MACL;AAAA,MACA,aAAa;AAAA,IAAA;AAAA,IAPR;AAAA,EAAA;AAUjB;;"}

package/dist/chunks/{ERPUIProvider-I4j_X_SD.esm.js → ERPUIProvider-Dz0s77BR.esm.js}

@@ -3,11 +3,11 @@ import React__default, { useContext, createContext } from "react";
 import { Provider } from "react-redux";
 import { SnackbarProvider } from "notistack";
 import { BrowserRouter } from "react-router-dom";
-import { c as createLibraryStore } from "./store-BL5VFPie.esm.js";
+import { c as createLibraryStore } from "./store-DJh8C3Vv.esm.js";
 import { M as MUIThemeWrapper, c as createDarkTheme, a as createLightTheme } from "./theme-impl-icduoRoN.esm.js";
 import { PermissionsProvider, LanguageProvider, AuthProvider } from "@erpsquad/common/runtime";
 import { initializeApiConfig } from "../utils/api-config/index.esm.js";
-import { aD as initializeApiBaseUrls, q as extendApiConfigurations } from "./api-BIVCMSwW.esm.js";
+import { aD as initializeApiBaseUrls, q as extendApiConfigurations } from "./api-8jutPLh0.esm.js";
 import { setModuleRoutes } from "../utils/module-routes-config/index.esm.js";
 import { u as useSnackbarRef } from "./apiHelper-DDX_eiu9.esm.js";
 const SnackbarRefTracker = () => {
@@ -127,4 +127,4 @@ export {
   ERPUIProvider as E,
   useERPUI as u
 };
-//# sourceMappingURL=ERPUIProvider-I4j_X_SD.esm.js.map
+//# sourceMappingURL=ERPUIProvider-Dz0s77BR.esm.js.map

package/dist/chunks/{ERPUIProvider-I4j_X_SD.esm.js.map → ERPUIProvider-Dz0s77BR.esm.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ERPUIProvider-I4j_X_SD.esm.js","sources":["../../src/components/providers/ERPUIProvider.tsx"],"sourcesContent":["import React, { createContext, useContext, ReactNode, Suspense } from 'react';\nimport { Provider as ReduxProvider } from 'react-redux';\nimport { ThemeProvider } from '@mui/material';\nimport { CssBaseline } from '@mui/material';\nimport { SnackbarProvider } from 'notistack';\nimport { BrowserRouter } from 'react-router-dom';\nimport { createLibraryStore, ApiClientConfig } from '../../redux';\nimport { createLightTheme, createDarkTheme, Color } from '../../theme';\nimport { AuthProvider } from '@erpsquad/common/runtime';\nimport { LanguageProvider } from '@erpsquad/common/runtime';\nimport { PageProvider } from '@erpsquad/common/runtime';\nimport { PermissionsProvider } from '@erpsquad/common/runtime';\nimport MUIThemeWrapper from '../../theme/themeWrapper';\nimport Loader from '../loader';\nimport useAppTranslations from '../../hooks/use-translations';\nimport '../../utils/i18n';\nimport { initializeApiConfig, ApiConfig } from '../../utils/api-config';\nimport { initializeApiBaseUrls, extendApiConfigurations } from '../../utils/api';\nimport { setModuleRoutes } from '../../utils/module-routes-config';\nimport { useSnackbarRef } from '../../hooks/apiHelper';\n\nconst SnackbarRefTracker: React.FC = () => {\n  useSnackbarRef();\n  return null;\n};\n\n\n// Context for library configuration\ninterface ERPUIContextValue {\n  useRedux: boolean;\n  apiClient?: ApiClientConfig;\n  theme?: any;\n  themeMode: 'light' | 'dark';\n  direction: 'ltr' | 'rtl';\n  primaryColor?: Color;\n}\n\nconst ERPUIContext = createContext<ERPUIContextValue>({\n  useRedux: false,\n  themeMode: 'light',\n  direction: 'ltr',\n});\n\nexport const useERPUI = () => useContext(ERPUIContext);\n\n// Provider props interface\nexport interface ERPUIProviderProps {\n  children: ReactNode;\n\n  // Redux configuration\n  useRedux?: boolean;\n  reduxStore?: any;\n  apiClient?: ApiClientConfig;\n  additionalReducers?: Record<string, any>;\n\n  // Theme configuration\n  theme?: any;\n  themeMode?: 'light' | 'dark';\n  primaryColor?: Color;\n  direction?: 'ltr' | 'rtl';\n\n  // Context providers configuration\n  enableAuth?: boolean;\n  enableLanguage?: boolean;\n  enablePages?: boolean;\n  enablePermissions?: boolean;\n  enableRouter?: boolean;\n  enableSnackbar?: boolean;\n\n  // Other configuration\n  enableCssBaseline?: boolean;\n  snackbarConfig?: {\n    maxSnack?: number;\n    anchorOrigin?: {\n      vertical: 'top' | 'bottom';\n      horizontal: 'left' | 'center' | 'right';\n    };\n    autoHideDuration?: number;\n  };\n\n  // API configuration\n  apiConfig?: ApiConfig;\n\n  // Additional API configurations to extend the shared apiConfigurations map\n  additionalApiConfigurations?: Record<string, any>;\n\n  // Module routes override — allows MFE apps to inject their own full route set\n  // so the header module dropdown can match routes correctly.\n  // Example: { hrms: Object.values(PathnameHrms).map(p => Pathname.DASHBOARD_HRMS + p) }\n  moduleRoutes?: Record<string, string[]>;\n\n  // Route maps\n  routeToColumnsMap?: Record<string, any>;\n  routeToResourceMap?: Record<string, any>;\n  publicRoutes?: string[]; // Optional prop to allow customization of public routes in AuthProvider\n\n  // Maps module names (e.g. 'accounting') to the currency_data field used for\n  // fraction precision in that module. Example: { accounting: 'accounting_fraction_unit' }\n  moduleToFractionFieldMap?: Record<string, string>;\n}\n\nexport const ERPUIProvider: React.FC<ERPUIProviderProps> = ({\n  children,\n\n  // Redux props\n  useRedux = false,\n  reduxStore,\n  apiClient,\n  additionalReducers = {},\n\n  // Theme props\n  theme: customTheme,\n  themeMode = 'light',\n  primaryColor,\n  direction = 'ltr',\n\n  // Context providers configuration\n  enableAuth = true,\n  enableLanguage = true,\n  enablePages = true,\n  enablePermissions = true,\n  enableRouter = false, // Default false since consuming app usually provides router\n  enableSnackbar = true,\n\n  // Other props\n  enableCssBaseline = true,\n  snackbarConfig = {\n    maxSnack: 3,\n    anchorOrigin: { vertical: 'top', horizontal: 'right' },\n    autoHideDuration: 5000,\n  },\n\n  // API configuration\n  apiConfig: providedApiConfig,\n  additionalApiConfigurations,\n  moduleRoutes,\n  routeToColumnsMap,\n  routeToResourceMap,\n  publicRoutes = [], // Default empty array for public routes in AuthProvider\n  moduleToFractionFieldMap,\n}) => {\n  // Initialize API configuration synchronously before first render\n  // This prevents \"API configuration not initialized\" errors when components\n  // try to use the API during initial render\n  const isInitialized = React.useRef(false);\n\n  if (providedApiConfig && !isInitialized.current) {\n    try {\n      initializeApiConfig(providedApiConfig);\n      initializeApiBaseUrls();\n      if (additionalApiConfigurations) {\n        extendApiConfigurations(additionalApiConfigurations);\n      }\n      // Inject MFE-provided module routes so the header can resolve modules\n      if (moduleRoutes) {\n        setModuleRoutes(moduleRoutes);\n      }\n      // Store module-to-fraction-field mapping so utility functions can resolve\n      // the correct currency fraction field per module (e.g. accounting_fraction_unit).\n      if (moduleToFractionFieldMap) {\n        localStorage.setItem('_module_fraction_map', JSON.stringify(moduleToFractionFieldMap));\n      }\n      isInitialized.current = true;\n    } catch (error) {\n      console.error('Failed to initialize API configuration:', error);\n    }\n  }\n  // const { isLoading } = useAppTranslations();\n  // if (isLoading) {\n  //   return <Loader />;\n  // }\n  // Create or use provided Redux store\n  const store = React.useMemo(() => {\n    if (!useRedux) return null;\n\n    if (reduxStore) {\n      return reduxStore;\n    }\n\n    return createLibraryStore(additionalReducers, apiClient);\n  }, [useRedux, reduxStore, additionalReducers, apiClient]);\n\n  // Create theme\n  const theme = React.useMemo(() => {\n    if (customTheme) {\n      return customTheme;\n    }\n\n    const themeCreator = themeMode === 'dark' ? createDarkTheme : createLightTheme;\n    const { theme: generatedTheme } = themeCreator(primaryColor, direction);\n    return generatedTheme;\n  }, [customTheme, themeMode, primaryColor, direction]);\n\n  // Context value\n  const contextValue: ERPUIContextValue = {\n    useRedux,\n    apiClient,\n    theme,\n    themeMode,\n    direction,\n    primaryColor,\n  };\n\n  // Build provider tree from inside out\n  let content = (\n    <ERPUIContext.Provider value={contextValue}>\n      {/* <ThemeProvider theme={theme}>\n        {enableCssBaseline && <CssBaseline />} */}\n      {/* <Suspense fallback={<Loader />}> */}\n      <MUIThemeWrapper theme={theme} enableCssBaseline={enableCssBaseline}>\n        {children}\n      </MUIThemeWrapper>\n      {/* </Suspense> */}\n      {/* </ThemeProvider> */}\n    </ERPUIContext.Provider>\n  );\n\n  // Wrap with snackbar provider if enabled\n  if (enableSnackbar) {\n    content = (\n      <SnackbarProvider {...snackbarConfig}>\n        <SnackbarRefTracker />\n        {content}\n      </SnackbarProvider>\n    );\n  }\n\n  // Wrap with page provider if enabled\n  // if (enablePages) {\n  //   content = (\n  //     <PageProvider routeToColumnsMap={routeToColumnsMap} routeToResourceMap={routeToResourceMap}>\n  //       {content}\n  //     </PageProvider>\n  //   );\n  // }\n\n  // Wrap with permissions provider if enabled\n  if (enablePermissions) {\n    content = (\n      <PermissionsProvider>\n        {content}\n      </PermissionsProvider>\n    );\n  }\n\n  // Wrap with language provider if enabled\n  if (enableLanguage) {\n    content = (\n      <LanguageProvider>\n        {content}\n      </LanguageProvider>\n    );\n  }\n\n\n  // Wrap with Redux provider if enabled\n  if (useRedux && store) {\n    content = (\n      <ReduxProvider store={store}>\n        {content}\n      </ReduxProvider>\n    );\n  }\n\n  // Wrap with auth provider if enabled\n  if (enableAuth) {\n    content = (\n      <AuthProvider publicRoutes={publicRoutes}>\n        {content}\n      </AuthProvider>\n    );\n  }\n\n   // Wrap with router if enabled\n  if (enableRouter) {\n    content = (\n      <BrowserRouter>\n        {content}\n      </BrowserRouter>\n    );\n  }\n\n  return content;\n};\n\nexport default ERPUIProvider;"],"names":["React","ReduxProvider"],"mappings":"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"}
+{"version":3,"file":"ERPUIProvider-Dz0s77BR.esm.js","sources":["../../src/components/providers/ERPUIProvider.tsx"],"sourcesContent":["import React, { createContext, useContext, ReactNode, Suspense } from 'react';\nimport { Provider as ReduxProvider } from 'react-redux';\nimport { ThemeProvider } from '@mui/material';\nimport { CssBaseline } from '@mui/material';\nimport { SnackbarProvider } from 'notistack';\nimport { BrowserRouter } from 'react-router-dom';\nimport { createLibraryStore, ApiClientConfig } from '../../redux';\nimport { createLightTheme, createDarkTheme, Color } from '../../theme';\nimport { AuthProvider } from '@erpsquad/common/runtime';\nimport { LanguageProvider } from '@erpsquad/common/runtime';\nimport { PageProvider } from '@erpsquad/common/runtime';\nimport { PermissionsProvider } from '@erpsquad/common/runtime';\nimport MUIThemeWrapper from '../../theme/themeWrapper';\nimport Loader from '../loader';\nimport useAppTranslations from '../../hooks/use-translations';\nimport '../../utils/i18n';\nimport { initializeApiConfig, ApiConfig } from '../../utils/api-config';\nimport { initializeApiBaseUrls, extendApiConfigurations } from '../../utils/api';\nimport { setModuleRoutes } from '../../utils/module-routes-config';\nimport { useSnackbarRef } from '../../hooks/apiHelper';\n\nconst SnackbarRefTracker: React.FC = () => {\n  useSnackbarRef();\n  return null;\n};\n\n\n// Context for library configuration\ninterface ERPUIContextValue {\n  useRedux: boolean;\n  apiClient?: ApiClientConfig;\n  theme?: any;\n  themeMode: 'light' | 'dark';\n  direction: 'ltr' | 'rtl';\n  primaryColor?: Color;\n}\n\nconst ERPUIContext = createContext<ERPUIContextValue>({\n  useRedux: false,\n  themeMode: 'light',\n  direction: 'ltr',\n});\n\nexport const useERPUI = () => useContext(ERPUIContext);\n\n// Provider props interface\nexport interface ERPUIProviderProps {\n  children: ReactNode;\n\n  // Redux configuration\n  useRedux?: boolean;\n  reduxStore?: any;\n  apiClient?: ApiClientConfig;\n  additionalReducers?: Record<string, any>;\n\n  // Theme configuration\n  theme?: any;\n  themeMode?: 'light' | 'dark';\n  primaryColor?: Color;\n  direction?: 'ltr' | 'rtl';\n\n  // Context providers configuration\n  enableAuth?: boolean;\n  enableLanguage?: boolean;\n  enablePages?: boolean;\n  enablePermissions?: boolean;\n  enableRouter?: boolean;\n  enableSnackbar?: boolean;\n\n  // Other configuration\n  enableCssBaseline?: boolean;\n  snackbarConfig?: {\n    maxSnack?: number;\n    anchorOrigin?: {\n      vertical: 'top' | 'bottom';\n      horizontal: 'left' | 'center' | 'right';\n    };\n    autoHideDuration?: number;\n  };\n\n  // API configuration\n  apiConfig?: ApiConfig;\n\n  // Additional API configurations to extend the shared apiConfigurations map\n  additionalApiConfigurations?: Record<string, any>;\n\n  // Module routes override — allows MFE apps to inject their own full route set\n  // so the header module dropdown can match routes correctly.\n  // Example: { hrms: Object.values(PathnameHrms).map(p => Pathname.DASHBOARD_HRMS + p) }\n  moduleRoutes?: Record<string, string[]>;\n\n  // Route maps\n  routeToColumnsMap?: Record<string, any>;\n  routeToResourceMap?: Record<string, any>;\n  publicRoutes?: string[]; // Optional prop to allow customization of public routes in AuthProvider\n\n  // Maps module names (e.g. 'accounting') to the currency_data field used for\n  // fraction precision in that module. Example: { accounting: 'accounting_fraction_unit' }\n  moduleToFractionFieldMap?: Record<string, string>;\n}\n\nexport const ERPUIProvider: React.FC<ERPUIProviderProps> = ({\n  children,\n\n  // Redux props\n  useRedux = false,\n  reduxStore,\n  apiClient,\n  additionalReducers = {},\n\n  // Theme props\n  theme: customTheme,\n  themeMode = 'light',\n  primaryColor,\n  direction = 'ltr',\n\n  // Context providers configuration\n  enableAuth = true,\n  enableLanguage = true,\n  enablePages = true,\n  enablePermissions = true,\n  enableRouter = false, // Default false since consuming app usually provides router\n  enableSnackbar = true,\n\n  // Other props\n  enableCssBaseline = true,\n  snackbarConfig = {\n    maxSnack: 3,\n    anchorOrigin: { vertical: 'top', horizontal: 'right' },\n    autoHideDuration: 5000,\n  },\n\n  // API configuration\n  apiConfig: providedApiConfig,\n  additionalApiConfigurations,\n  moduleRoutes,\n  routeToColumnsMap,\n  routeToResourceMap,\n  publicRoutes = [], // Default empty array for public routes in AuthProvider\n  moduleToFractionFieldMap,\n}) => {\n  // Initialize API configuration synchronously before first render\n  // This prevents \"API configuration not initialized\" errors when components\n  // try to use the API during initial render\n  const isInitialized = React.useRef(false);\n\n  if (providedApiConfig && !isInitialized.current) {\n    try {\n      initializeApiConfig(providedApiConfig);\n      initializeApiBaseUrls();\n      if (additionalApiConfigurations) {\n        extendApiConfigurations(additionalApiConfigurations);\n      }\n      // Inject MFE-provided module routes so the header can resolve modules\n      if (moduleRoutes) {\n        setModuleRoutes(moduleRoutes);\n      }\n      // Store module-to-fraction-field mapping so utility functions can resolve\n      // the correct currency fraction field per module (e.g. accounting_fraction_unit).\n      if (moduleToFractionFieldMap) {\n        localStorage.setItem('_module_fraction_map', JSON.stringify(moduleToFractionFieldMap));\n      }\n      isInitialized.current = true;\n    } catch (error) {\n      console.error('Failed to initialize API configuration:', error);\n    }\n  }\n  // const { isLoading } = useAppTranslations();\n  // if (isLoading) {\n  //   return <Loader />;\n  // }\n  // Create or use provided Redux store\n  const store = React.useMemo(() => {\n    if (!useRedux) return null;\n\n    if (reduxStore) {\n      return reduxStore;\n    }\n\n    return createLibraryStore(additionalReducers, apiClient);\n  }, [useRedux, reduxStore, additionalReducers, apiClient]);\n\n  // Create theme\n  const theme = React.useMemo(() => {\n    if (customTheme) {\n      return customTheme;\n    }\n\n    const themeCreator = themeMode === 'dark' ? createDarkTheme : createLightTheme;\n    const { theme: generatedTheme } = themeCreator(primaryColor, direction);\n    return generatedTheme;\n  }, [customTheme, themeMode, primaryColor, direction]);\n\n  // Context value\n  const contextValue: ERPUIContextValue = {\n    useRedux,\n    apiClient,\n    theme,\n    themeMode,\n    direction,\n    primaryColor,\n  };\n\n  // Build provider tree from inside out\n  let content = (\n    <ERPUIContext.Provider value={contextValue}>\n      {/* <ThemeProvider theme={theme}>\n        {enableCssBaseline && <CssBaseline />} */}\n      {/* <Suspense fallback={<Loader />}> */}\n      <MUIThemeWrapper theme={theme} enableCssBaseline={enableCssBaseline}>\n        {children}\n      </MUIThemeWrapper>\n      {/* </Suspense> */}\n      {/* </ThemeProvider> */}\n    </ERPUIContext.Provider>\n  );\n\n  // Wrap with snackbar provider if enabled\n  if (enableSnackbar) {\n    content = (\n      <SnackbarProvider {...snackbarConfig}>\n        <SnackbarRefTracker />\n        {content}\n      </SnackbarProvider>\n    );\n  }\n\n  // Wrap with page provider if enabled\n  // if (enablePages) {\n  //   content = (\n  //     <PageProvider routeToColumnsMap={routeToColumnsMap} routeToResourceMap={routeToResourceMap}>\n  //       {content}\n  //     </PageProvider>\n  //   );\n  // }\n\n  // Wrap with permissions provider if enabled\n  if (enablePermissions) {\n    content = (\n      <PermissionsProvider>\n        {content}\n      </PermissionsProvider>\n    );\n  }\n\n  // Wrap with language provider if enabled\n  if (enableLanguage) {\n    content = (\n      <LanguageProvider>\n        {content}\n      </LanguageProvider>\n    );\n  }\n\n\n  // Wrap with Redux provider if enabled\n  if (useRedux && store) {\n    content = (\n      <ReduxProvider store={store}>\n        {content}\n      </ReduxProvider>\n    );\n  }\n\n  // Wrap with auth provider if enabled\n  if (enableAuth) {\n    content = (\n      <AuthProvider publicRoutes={publicRoutes}>\n        {content}\n      </AuthProvider>\n    );\n  }\n\n   // Wrap with router if enabled\n  if (enableRouter) {\n    content = (\n      <BrowserRouter>\n        {content}\n      </BrowserRouter>\n    );\n  }\n\n  return content;\n};\n\nexport default ERPUIProvider;"],"names":["React","ReduxProvider"],"mappings":"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"}