@erpsquad/common 1.11.3-deep-imports → 1.11.4-deep-imports

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

@@ -1,4 +1,4 @@
-import { a, b, c, d, e, f, g } from "../chunks/api-BDV6Xtxs.esm.js";
+import { a, b, c, d, e, f, g } from "../chunks/api-B7fV6iby.esm.js";
 import { a as a2 } from "../chunks/index-C9lbfc4p.esm.js";
 import { a as a3 } from "../chunks/api-DyTnzt8D.esm.js";
 import { a as a4 } from "../chunks/api-DBmWILBN.esm.js";

package/dist/api-client/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const api$1 = require("../chunks/api-bc1wJiM3.js");
+const api$1 = require("../chunks/api-MCppdXlw.js");
 const utils_server = require("../chunks/index-Dc5kTLcH.js");
 const api$2 = require("../chunks/api-Dwo8Q0_L.js");
 const api$3 = require("../chunks/api-D3c7E20L.js");

package/dist/chunks/{DynamicDependentField-CHHi9988.js → DynamicDependentField-B07J5KMb.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-yROdMxY5.js");
+const searchableSelect = require("./searchable-select-CUfH9dqk.js");
 const normaliseFilterFields = (input, fallbackApiKey) => {
   if (typeof input === "string") {
     return [{ formField: input, apiKey: fallbackApiKey }];
@@ -108,7 +108,6 @@ const DynamicDependentFieldContent = ({ control, watch, setValue, getFieldState:
       ...(props == null ? void 0 : props.customeFilter) || {}
     };
   }, [JSON.stringify(filters), JSON.stringify(props == null ? void 0 : props.customeFilter), isDisabledDueToFilters]);
-  console.log("🚀 ~ DynamicDependentFieldContent ~ customeFilter:", customeFilter);
   const updateKey = JSON.stringify(filters);
   return /* @__PURE__ */ jsxRuntime.jsx(
     searchableSelect.DynamicSearchSelect,
@@ -125,4 +124,4 @@ const DynamicDependentFieldContent = ({ control, watch, setValue, getFieldState:
   );
 };
 exports.DynamicDependentField = DynamicDependentField;
-//# sourceMappingURL=DynamicDependentField-CHHi9988.js.map
+//# sourceMappingURL=DynamicDependentField-B07J5KMb.js.map

package/dist/chunks/{DynamicDependentField-CHHi9988.js.map → DynamicDependentField-B07J5KMb.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DynamicDependentField-CHHi9988.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    console.log(\"🚀 ~ DynamicDependentFieldContent ~ customeFilter:\", customeFilter)\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-B07J5KMb.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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"}

package/dist/chunks/{DynamicDependentField-Bx-tnYfX.esm.js → DynamicDependentField-Cf7Lk2TW.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-DAxe2dX5.esm.js";
+import { D as DynamicSearchSelect } from "./searchable-select-KiyKuZ0F.esm.js";
 const normaliseFilterFields = (input, fallbackApiKey) => {
   if (typeof input === "string") {
     return [{ formField: input, apiKey: fallbackApiKey }];
@@ -107,7 +107,6 @@ const DynamicDependentFieldContent = ({ control, watch, setValue, getFieldState:
       ...(props == null ? void 0 : props.customeFilter) || {}
     };
   }, [JSON.stringify(filters), JSON.stringify(props == null ? void 0 : props.customeFilter), isDisabledDueToFilters]);
-  console.log("🚀 ~ DynamicDependentFieldContent ~ customeFilter:", customeFilter);
   const updateKey = JSON.stringify(filters);
   return /* @__PURE__ */ jsx(
     DynamicSearchSelect,
@@ -126,4 +125,4 @@ const DynamicDependentFieldContent = ({ control, watch, setValue, getFieldState:
 export {
   DynamicDependentField as D
 };
-//# sourceMappingURL=DynamicDependentField-Bx-tnYfX.esm.js.map
+//# sourceMappingURL=DynamicDependentField-Cf7Lk2TW.esm.js.map

package/dist/chunks/{DynamicDependentField-Bx-tnYfX.esm.js.map → DynamicDependentField-Cf7Lk2TW.esm.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DynamicDependentField-Bx-tnYfX.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    console.log(\"🚀 ~ DynamicDependentFieldContent ~ customeFilter:\", customeFilter)\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-Cf7Lk2TW.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/{ERPUIProvider-DqKdePsJ.esm.js → ERPUIProvider-CRYpcOXM.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-DoVxsQQc.esm.js";
+import { c as createLibraryStore } from "./store-beRlFNRU.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-BRoV9xQq.esm.js";
+import { aD as initializeApiBaseUrls, q as extendApiConfigurations } from "./api-BZ_53D-T.esm.js";
 import { setModuleRoutes } from "../utils/module-routes-config/index.esm.js";
 import { u as useSnackbarRef } from "./apiHelper-DDX_eiu9.esm.js";
 const SnackbarRefTracker = () => {
@@ -56,7 +56,6 @@ const ERPUIProvider = ({
   publicRoutes = []
   // Default empty array for public routes in AuthProvider 
 }) => {
-  console.log("additionalApiConfigurations...........", additionalApiConfigurations);
   const isInitialized = React__default.useRef(false);
   if (providedApiConfig && !isInitialized.current) {
     try {
@@ -124,4 +123,4 @@ export {
   ERPUIProvider as E,
   useERPUI as u
 };
-//# sourceMappingURL=ERPUIProvider-DqKdePsJ.esm.js.map
+//# sourceMappingURL=ERPUIProvider-CRYpcOXM.esm.js.map

package/dist/chunks/ERPUIProvider-CRYpcOXM.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ERPUIProvider-CRYpcOXM.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\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}) => {\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      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":";;;;;;;;;;;;AAqBA,MAAM,qBAA+B,MAAM;AACzC,iBAAA;AACA,SAAO;AACT;AAaA,MAAM,eAAe,cAAiC;AAAA,EACpD,UAAU;AAAA,EACV,WAAW;AAAA,EACX,WAAW;AACb,CAAC;AAEM,MAAM,WAAW,MAAM,WAAW,YAAY;AAsD9C,MAAM,gBAA8C,CAAC;AAAA,EAC1D;AAAA;AAAA,EAGA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA,qBAAqB,CAAA;AAAA;AAAA,EAGrB,OAAO;AAAA,EACP,YAAY;AAAA,EACZ;AAAA,EACA,YAAY;AAAA;AAAA,EAGZ,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,oBAAoB;AAAA,EACpB,eAAe;AAAA;AAAA,EACf,iBAAiB;AAAA;AAAA,EAGjB,oBAAoB;AAAA,EACpB,iBAAiB;AAAA,IACf,UAAU;AAAA,IACV,cAAc,EAAE,UAAU,OAAO,YAAY,QAAA;AAAA,IAC7C,kBAAkB;AAAA,EAAA;AAAA;AAAA,EAIpB,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe,CAAA;AAAA;AACjB,MAAM;AAKJ,QAAM,gBAAgBA,eAAM,OAAO,KAAK;AAExC,MAAI,qBAAqB,CAAC,cAAc,SAAS;AAC/C,QAAI;AACF,0BAAoB,iBAAiB;AACrC,4BAAA;AACA,UAAI,6BAA6B;AAC/B,gCAAwB,2BAA2B;AAAA,MACrD;AAEA,UAAI,cAAc;AAChB,wBAAgB,YAAY;AAAA,MAC9B;AACA,oBAAc,UAAU;AAAA,IAC1B,SAAS,OAAO;AACd,cAAQ,MAAM,2CAA2C,KAAK;AAAA,IAChE;AAAA,EACF;AAMA,QAAM,QAAQA,eAAM,QAAQ,MAAM;AAChC,QAAI,CAAC,SAAU,QAAO;AAEtB,QAAI,YAAY;AACd,aAAO;AAAA,IACT;AAEA,WAAO,mBAAmB,oBAAoB,SAAS;AAAA,EACzD,GAAG,CAAC,UAAU,YAAY,oBAAoB,SAAS,CAAC;AAGxD,QAAM,QAAQA,eAAM,QAAQ,MAAM;AAChC,QAAI,aAAa;AACf,aAAO;AAAA,IACT;AAEA,UAAM,eAAe,cAAc,SAAS,kBAAkB;AAC9D,UAAM,EAAE,OAAO,eAAA,IAAmB,aAAa,cAAc,SAAS;AACtE,WAAO;AAAA,EACT,GAAG,CAAC,aAAa,WAAW,cAAc,SAAS,CAAC;AAGpD,QAAM,eAAkC;AAAA,IACtC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAIF,MAAI,UACF,oBAAC,aAAa,UAAb,EAAsB,OAAO,cAI5B,UAAA,oBAAC,iBAAA,EAAgB,OAAc,mBAC5B,SAAA,CACH,GAGF;AAIF,MAAI,gBAAgB;AAClB,cACE,qBAAC,kBAAA,EAAkB,GAAG,gBACpB,UAAA;AAAA,MAAA,oBAAC,oBAAA,EAAmB;AAAA,MACnB;AAAA,IAAA,GACH;AAAA,EAEJ;AAYA,MAAI,mBAAmB;AACrB,cACE,oBAAC,uBACE,UAAA,QAAA,CACH;AAAA,EAEJ;AAGA,MAAI,gBAAgB;AAClB,cACE,oBAAC,oBACE,UAAA,QAAA,CACH;AAAA,EAEJ;AAIA,MAAI,YAAY,OAAO;AACrB,cACE,oBAACC,UAAA,EAAc,OACZ,UAAA,SACH;AAAA,EAEJ;AAGA,MAAI,YAAY;AACd,cACE,oBAAC,cAAA,EAAa,cACX,UAAA,SACH;AAAA,EAEJ;AAGA,MAAI,cAAc;AAChB,cACE,oBAAC,iBACE,UAAA,QAAA,CACH;AAAA,EAEJ;AAEA,SAAO;AACT;"}

package/dist/chunks/{ERPUIProvider-DvW3nMzW.js → ERPUIProvider-CvtpzB55.js}

@@ -4,11 +4,11 @@ const React = require("react");
 const reactRedux = require("react-redux");
 const notistack = require("notistack");
 const reactRouterDom = require("react-router-dom");
-const store = require("./store-Dti5tisM.js");
+const store = require("./store-Nu0rsltp.js");
 const themeImpl = require("./theme-impl-CIpXkoCz.js");
 const runtime = require("@erpsquad/common/runtime");
 const utils_apiConfig = require("../utils/api-config/index.js");
-const api = require("./api-Cre6p-zx.js");
+const api = require("./api-2IPIlO_n.js");
 const utils_moduleRoutesConfig = require("../utils/module-routes-config/index.js");
 const apiHelper = require("./apiHelper-D0nLelx3.js");
 const SnackbarRefTracker = () => {
@@ -57,7 +57,6 @@ const ERPUIProvider = ({
   publicRoutes = []
   // Default empty array for public routes in AuthProvider 
 }) => {
-  console.log("additionalApiConfigurations...........", additionalApiConfigurations);
   const isInitialized = React.useRef(false);
   if (providedApiConfig && !isInitialized.current) {
     try {
@@ -123,4 +122,4 @@ const ERPUIProvider = ({
 };
 exports.ERPUIProvider = ERPUIProvider;
 exports.useERPUI = useERPUI;
-//# sourceMappingURL=ERPUIProvider-DvW3nMzW.js.map
+//# sourceMappingURL=ERPUIProvider-CvtpzB55.js.map

package/dist/chunks/ERPUIProvider-CvtpzB55.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ERPUIProvider-CvtpzB55.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\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}) => {\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      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":["useSnackbarRef","createContext","useContext","initializeApiConfig","initializeApiBaseUrls","extendApiConfigurations","setModuleRoutes","store","createLibraryStore","createDarkTheme","createLightTheme","jsx","MUIThemeWrapper","jsxs","SnackbarProvider","PermissionsProvider","LanguageProvider","ReduxProvider","AuthProvider","BrowserRouter"],"mappings":"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"}

package/dist/chunks/{FORMS-BgGb794W.esm.js → FORMS-BZmVQEAH.esm.js}

@@ -1,20 +1,20 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { A as ActionBar } from "./action-bar-D9G1pWQA.esm.js";
-import { M as MaterialTable } from "./searchable-select-DAxe2dX5.esm.js";
+import { A as ActionBar } from "./action-bar-8_hLL6Fj.esm.js";
+import { M as MaterialTable } from "./searchable-select-KiyKuZ0F.esm.js";
 import "lodash";
 import { T as Typography } from "./typography-CG_A0iOJ.esm.js";
 import { v as viewTypes } from "./action-bar-BsXTcYpL.esm.js";
 import { useState, useMemo, useCallback, useEffect } from "react";
 import { useNavigate, useLocation } from "react-router-dom";
 import { useAuth } from "@erpsquad/common/runtime";
-import { F as Footer } from "./footer-oWkachwS.esm.js";
+import { F as Footer } from "./footer-BZd384Fp.esm.js";
 import { Box } from "@mui/material";
-import { G as GridCard } from "./grid-view-BKEPKlKk.esm.js";
-import { u as useAppTranslations } from "./use-translations-Gnp2IAjX.esm.js";
+import { G as GridCard } from "./grid-view-KQaUf3TO.esm.js";
+import { u as useAppTranslations } from "./use-translations-9SOfiPhh.esm.js";
 import { useTranslation } from "react-i18next";
-import { u as useApi } from "./useApi-9KP8aPjh.esm.js";
+import { u as useApi } from "./useApi-DgCJzWyy.esm.js";
 import { q as getV1FormBuilder } from "./api-DBmWILBN.esm.js";
-import { ab as getToken } from "./api-BRoV9xQq.esm.js";
+import { ab as getToken } from "./api-BZ_53D-T.esm.js";
 const INITIAL_ORDER = ["name", "fields", "noOfCustomFields", "customFields"];
 const DEFAULT_ACTION_BAR_DATA = [{ label: "Table", position: 0 }];
 const CUSTOM_FIELD_DISPLAY_LIMIT = 5;
@@ -24,7 +24,6 @@ const Forms = ({ config }) => {
   const navigate = useNavigate();
   const location = useLocation();
   const { user } = useAuth();
-  console.log("user.........", user);
   const { callApi } = useApi();
   const [formBuilder, setFormBuilder] = useState({
     rows: [],
@@ -56,7 +55,6 @@ const Forms = ({ config }) => {
     () => modulesConfig[currentModule] || { filterName: "", redirectionPath: "" },
     [currentModule, modulesConfig]
   );
-  console.log("external moduleConfig..........", moduleConfig);
   const navigationPath = useMemo(
     () => `/dashboard/${currentModule}${moduleConfig.redirectionPath}`,
     [currentModule, moduleConfig.redirectionPath]
@@ -179,7 +177,6 @@ const Forms = ({ config }) => {
   ], []);
   const fetchForms = useCallback(async () => {
     var _a, _b, _c;
-    console.log("moduleConfig.............", moduleConfig);
     if (!moduleConfig.filterName || !(user == null ? void 0 : user.company_id)) return;
     const sort = sorting == null ? void 0 : sorting[0];
     const params = {
@@ -191,13 +188,11 @@ const Forms = ({ config }) => {
       ...getToken(),
       "x-timezone": ((_a = getToken()["x-timezone"]) == null ? void 0 : _a.toString()) || ""
     };
-    console.log("params..............", params);
     setFormBuilder((prev) => ({ ...prev, isLoading: true }));
     const response = await getV1FormBuilder({
       ...params,
       ...getToken
     });
-    console.log("response........", response);
     setFormBuilder({
       rows: (_b = response == null ? void 0 : response.data) == null ? void 0 : _b.form,
       isLoading: false,
@@ -298,4 +293,4 @@ const Forms = ({ config }) => {
 export {
   Forms as F
 };
-//# sourceMappingURL=FORMS-BgGb794W.esm.js.map
+//# sourceMappingURL=FORMS-BZmVQEAH.esm.js.map

package/dist/chunks/FORMS-BZmVQEAH.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FORMS-BZmVQEAH.esm.js","sources":["../../src/components/custom-forms/FORMS.tsx"],"sourcesContent":["import { ActionBar } from '../action-bar';\nimport { MaterialTable } from '../material-table';\nimport { Typography } from '../typography';\nimport { viewTypes } from '../../constants';\nimport { MRT_ColumnOrderState, MRT_SortingState } from \"material-react-table\";\nimport { useState, useEffect, useMemo, useCallback } from \"react\";\nimport { useLocation, useNavigate } from \"react-router-dom\";\nimport \"./custom-forms.scss\";\nimport { useAuth } from '@erpsquad/common/runtime';\nimport { Footer } from '../footer/footer';\nimport { IPaginationModel } from '../../types';\nimport { Box } from \"@mui/material\";\nimport GridCard from \"./grid-view/grid-view.js\";\nimport { useAppTranslations } from \"../../hooks/use-translations\";\nimport { useTranslation } from 'react-i18next';\nimport useApi from '../../hooks/useApi';\nimport { getV1FormBuilder, setBaseUrl as setSystemBaseUrl } from '../../api-client/api.system-feature/api';\nimport { getToken } from '../../utils/common';\n\ninterface ActionData {\n  label: string;\n  position: number;\n}\n\ninterface ModuleConfig {\n  filterName: string;\n  redirectionPath: string;\n}\n\n\n\nconst INITIAL_ORDER = [\"name\", \"fields\", \"noOfCustomFields\", \"customFields\"];\nconst DEFAULT_ACTION_BAR_DATA = [{ label: 'Table', position: 0 }];\nconst CUSTOM_FIELD_DISPLAY_LIMIT = 5;\n\ninterface FormBuilderState {\n  rows: any[];\n  isLoading: boolean;\n  paginationModel: {\n    pageNo: number;\n    limit: number;\n    totalCount: number;\n  };\n}\n\nconst Forms = ({ config }: { config?: any }) => {\n  const { t } = useTranslation();\n  useAppTranslations(); // Load translations for current module\n  const navigate = useNavigate();\n  const location = useLocation();\n  const { user } = useAuth();\n  const { callApi } = useApi();\n\n  const [formBuilder, setFormBuilder] = useState<FormBuilderState>({\n    rows: [],\n    isLoading: false,\n    paginationModel: {\n      pageNo: 1,\n      limit: 10,\n      totalCount: 0\n    }\n  });\n\n  // Initialize state with proper defaults and memoization\n  const [actionBarData, setActionBarData] = useState<ActionData[]>(() => {\n    const formView = localStorage.getItem(\"form-view\");\n    return formView ? JSON.parse(formView) : DEFAULT_ACTION_BAR_DATA;\n  });\n\n  const [search, setSearch] = useState<string>(\"\");\n  const [actionBarActiveTab, setActionBarActiveTab] = useState<string>(() =>\n    actionBarData?.[0]?.label || viewTypes.TABLE\n  );\n  const [columnOrder, setColumnOrder] = useState(INITIAL_ORDER);\n  const [sorting, setSorting] = useState<MRT_SortingState>([]);\n\n  // Memoized computed values to prevent unnecessary recalculations\n  const currentModule = useMemo(() => location.pathname.split('/')[2], [location.pathname]);\n\n  const modulesConfig = useMemo(() => ({\n    ...config\n  }), [config]);\n\n  const moduleConfig = useMemo(() =>\n    modulesConfig[currentModule] || { filterName: '', redirectionPath: '' },\n    [currentModule, modulesConfig]\n  );\n\n  const navigationPath = useMemo(() =>\n    `/dashboard/${currentModule}${moduleConfig.redirectionPath}`,\n    [currentModule, moduleConfig.redirectionPath]\n  );\n\n  const filters = useMemo(() =>\n    `(company_id.eq=${user?.company_id}&module.eq=${moduleConfig.filterName})`,\n    [user?.company_id, moduleConfig.filterName]\n  );\n\n  const paginationData = useMemo(() => {\n    const { pageNo, limit, totalCount } = formBuilder.paginationModel;\n    const total = limit ? Math.ceil(totalCount / limit) : 0;\n    const skip = limit * (pageNo - 1);\n    return { total, skip, pageNo, limit };\n  }, [formBuilder.paginationModel]);\n\n  // Utility function moved outside render to prevent recreation\n  const formatText = useCallback((key: string): string => {\n    return key\n      ? key\n        .split(/[:_-]/)\n        .map((word) => word.charAt(0).toUpperCase() + word.slice(1))\n        .join(' ')\n      : key;\n  }, []);\n\n  // Memoized event handlers to prevent child re-renders\n  const handleColumnOrdering = useCallback((colOrder: MRT_ColumnOrderState) => {\n    setColumnOrder(colOrder.slice(1));\n  }, []);\n\n  const handlePaginationModel = useCallback((model: IPaginationModel) => {\n    setFormBuilder(prev => ({\n      ...prev,\n      paginationModel: {\n        ...model,\n        totalCount: prev.paginationModel.totalCount\n      }\n    }));\n  }, []);\n\n  const handleSearch = useCallback((searchValue: string) => {\n    setSearch(searchValue);\n  }, []);\n\n  const handleRowClick = useCallback((rowData: any) => {\n    navigate(navigationPath, {\n      state: rowData,\n    });\n  }, [navigate, navigationPath]);\n\n  // Memoized columns definition to prevent recreation on each render\n  const columns = useMemo(() => [\n    {\n      accessorKey: \"name\",\n      header: \"Form Name\",\n      visible: true,\n      Cell: ({ row }: any) =>\n        row?.original?.name ? (\n          <div\n            onClick={() => handleRowClick(row.original)}\n            style={{ cursor: 'pointer' }}\n          >\n            {formatText(row.original.name)}\n          </div>\n        ) : (\n          \"-\"\n        ),\n    },\n    {\n      accessorKey: \"fields.length\",\n      header: \"No. of Fields\",\n      visible: true,\n      size: 150\n    },\n    {\n      accessorKey: \"fields\",\n      header: \"No. of custom fields\",\n      visible: true,\n      size: 80,\n      Cell: ({ row }: any) =>\n        row?.original?.fields ? (\n          <div>\n            {\n              row.original.fields.filter(\n                (field: { is_system_field: boolean }) => !field.is_system_field,\n              ).length\n            }\n          </div>\n        ) : (\n          \"-\"\n        ),\n    },\n    {\n      accessorKey: \"fields\",\n      header: \"Custom Fields\",\n      visible: true,\n      Cell: ({ row }: any) => {\n        const fields = row?.original?.fields?.filter(\n          (field: { is_system_field: boolean; label: string }) =>\n            !field?.is_system_field && field?.label,\n        ) || [];\n\n        if (!fields.length) return '-';\n\n        return (\n          <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.5, flexWrap: 'wrap', p: 0.5 }}>\n            {fields.slice(0, CUSTOM_FIELD_DISPLAY_LIMIT).map((item: any, index: number) => (\n              <Typography\n                key={`${item.label}-${index}`}\n                type=\"s5\"\n                weight=\"medium\"\n                className=\"forms--CustomField\"\n              >\n                {item?.label?.includes(\".\") ? t(item.label) : item.label}\n              </Typography>\n            ))}\n            {fields.length > CUSTOM_FIELD_DISPLAY_LIMIT && (\n              <Typography\n                type=\"s5\"\n                weight=\"medium\"\n                className=\"forms--CustomField\"\n              >\n                +{fields.length - CUSTOM_FIELD_DISPLAY_LIMIT} more\n              </Typography>\n            )}\n          </Box>\n        );\n      }\n    },\n  ], [formatText, handleRowClick, t]);\n\n  // Memoized footer pages to prevent recreation\n  const footerPages = useMemo(() => [\n    {\n      name: 'Default',\n      _id: 1,\n      data: []\n    }\n  ], []);\n\n\n  const fetchForms = useCallback(async () => {\n    if (!moduleConfig.filterName || !user?.company_id) return;\n\n    const sort = sorting?.[0];\n    const params = {\n      skip: paginationData.skip,\n      limit: paginationData.limit,\n      search,\n      filters,\n      ...(sort && { order: `${sort.id}:${sort.desc ? -1 : 1}` }),\n      ...getToken(),\n      'x-timezone': getToken()['x-timezone']?.toString() || ''\n    };\n\n    setFormBuilder(prev => ({ ...prev, isLoading: true }));\n    const response = await getV1FormBuilder({\n      ...params,\n      ...getToken\n    })\n    setFormBuilder({\n      rows: response?.data?.form,\n      isLoading: false,\n      paginationModel: {\n        ...formBuilder.paginationModel,\n        ...response?.data?.pagination\n      }\n    });\n\n\n  }, [filters,\n    paginationData.skip,\n    paginationData.limit,\n    sorting,\n    search,\n    moduleConfig.filterName,\n    user?.company_id,\n  ])\n  // Effect for fetching data - optimized with proper dependencies\n  useEffect(() => {\n    fetchForms()\n  }, [\n    fetchForms\n  ]);\n\n  // Effect for setting active tab - only run when actionBarData changes\n  useEffect(() => {\n    if (actionBarData?.length && actionBarData[0].label !== actionBarActiveTab) {\n      setActionBarActiveTab(actionBarData[0].label);\n    }\n  }, [actionBarData]);\n\n  // Effect for localStorage - debounced to prevent excessive writes\n  useEffect(() => {\n    if (actionBarData?.length) {\n      const timeoutId = setTimeout(() => {\n        localStorage.setItem(\"form-view\", JSON.stringify(actionBarData));\n      }, 300);\n\n      return () => clearTimeout(timeoutId);\n    }\n  }, [actionBarData]);\n\n  return (\n    <section className=\"forms\">\n      <ActionBar\n        title=\"Form\"\n        button={false}\n        data={actionBarData}\n        setData={setActionBarData}\n        active={actionBarActiveTab}\n        setActive={(tab) => {\n          setActionBarActiveTab(tab);\n        }}\n        handleSearch={handleSearch}\n        showFilter={false}\n      />\n\n      {actionBarActiveTab === viewTypes.TABLE && (\n        <MaterialTable\n          enablePagination={false}\n          columnOrder={[\"mrt-row-select\", ...columnOrder]}\n          handleColumnOrdering={handleColumnOrdering}\n          rows={formBuilder.rows}\n          columns={columns}\n          totalPages={1}\n          paginationModel={{ pageNo: 1, limit: 10 }}\n          enableEditing={false}\n          states={{ sorting: sorting || [] }}\n          onSortingChange={setSorting}\n          disableDefaultActionColumn\n          getSelectedData={() => { }}\n        />\n      )}\n\n      {actionBarActiveTab === viewTypes.GRID && (\n        <GridCard data={formBuilder.rows} config={config} />\n      )}\n\n      <Footer\n        pages={footerPages}\n        setPages={() => { }}\n        currentPage={1}\n        setCurrentPage={() => { }}\n        total={paginationData.total}\n        paginationModel={{\n          pageNo: formBuilder.paginationModel.pageNo,\n          limit: formBuilder.paginationModel.limit\n        }}\n        handlePaginationModel={handlePaginationModel}\n        sharedPages={[]}\n        resource=\"\"\n        savePageConfiguration={() => { }}\n        handlePageDelete={() => { }}\n        enablePages={false}\n        isPaginationDisplayed={true}\n      />\n    </section>\n  );\n};\n\nexport default Forms;"],"names":["_a"],"mappings":"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"}

package/dist/chunks/{FORMS-B_9QsQ0j.js → FORMS-oc5wIeZt.js}

@@ -1,21 +1,21 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
-const actionBar$1 = require("./action-bar-AO3ogsEJ.js");
-const searchableSelect = require("./searchable-select-yROdMxY5.js");
+const actionBar$1 = require("./action-bar-D85DhpkM.js");
+const searchableSelect = require("./searchable-select-CUfH9dqk.js");
 require("lodash");
 const typography = require("./typography-Bqfr1Ksf.js");
 const actionBar = require("./action-bar-DMv6sqDP.js");
 const React = require("react");
 const reactRouterDom = require("react-router-dom");
 const runtime = require("@erpsquad/common/runtime");
-const footer = require("./footer-D7PnNU8i.js");
+const footer = require("./footer-ByS6ImQz.js");
 const material = require("@mui/material");
-const gridView = require("./grid-view-C90ukHo3.js");
-const useTranslations = require("./use-translations-CUG3OpLf.js");
+const gridView = require("./grid-view-DL_ZdGpf.js");
+const useTranslations = require("./use-translations-BkS9g8l7.js");
 const reactI18next = require("react-i18next");
-const useApi = require("./useApi-D0VEyAvR.js");
+const useApi = require("./useApi-DRf6TvNl.js");
 const api$1 = require("./api-D3c7E20L.js");
-const api = require("./api-Cre6p-zx.js");
+const api = require("./api-2IPIlO_n.js");
 const INITIAL_ORDER = ["name", "fields", "noOfCustomFields", "customFields"];
 const DEFAULT_ACTION_BAR_DATA = [{ label: "Table", position: 0 }];
 const CUSTOM_FIELD_DISPLAY_LIMIT = 5;
@@ -25,7 +25,6 @@ const Forms = ({ config }) => {
   const navigate = reactRouterDom.useNavigate();
   const location = reactRouterDom.useLocation();
   const { user } = runtime.useAuth();
-  console.log("user.........", user);
   const { callApi } = useApi.useApi();
   const [formBuilder, setFormBuilder] = React.useState({
     rows: [],
@@ -57,7 +56,6 @@ const Forms = ({ config }) => {
     () => modulesConfig[currentModule] || { filterName: "", redirectionPath: "" },
     [currentModule, modulesConfig]
   );
-  console.log("external moduleConfig..........", moduleConfig);
   const navigationPath = React.useMemo(
     () => `/dashboard/${currentModule}${moduleConfig.redirectionPath}`,
     [currentModule, moduleConfig.redirectionPath]
@@ -180,7 +178,6 @@ const Forms = ({ config }) => {
   ], []);
   const fetchForms = React.useCallback(async () => {
     var _a, _b, _c;
-    console.log("moduleConfig.............", moduleConfig);
     if (!moduleConfig.filterName || !(user == null ? void 0 : user.company_id)) return;
     const sort = sorting == null ? void 0 : sorting[0];
     const params = {
@@ -192,13 +189,11 @@ const Forms = ({ config }) => {
       ...api.getToken(),
       "x-timezone": ((_a = api.getToken()["x-timezone"]) == null ? void 0 : _a.toString()) || ""
     };
-    console.log("params..............", params);
     setFormBuilder((prev) => ({ ...prev, isLoading: true }));
     const response = await api$1.getV1FormBuilder({
       ...params,
       ...api.getToken
     });
-    console.log("response........", response);
     setFormBuilder({
       rows: (_b = response == null ? void 0 : response.data) == null ? void 0 : _b.form,
       isLoading: false,
@@ -297,4 +292,4 @@ const Forms = ({ config }) => {
   ] });
 };
 exports.Forms = Forms;
-//# sourceMappingURL=FORMS-B_9QsQ0j.js.map
+//# sourceMappingURL=FORMS-oc5wIeZt.js.map

package/dist/chunks/FORMS-oc5wIeZt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FORMS-oc5wIeZt.js","sources":["../../src/components/custom-forms/FORMS.tsx"],"sourcesContent":["import { ActionBar } from '../action-bar';\nimport { MaterialTable } from '../material-table';\nimport { Typography } from '../typography';\nimport { viewTypes } from '../../constants';\nimport { MRT_ColumnOrderState, MRT_SortingState } from \"material-react-table\";\nimport { useState, useEffect, useMemo, useCallback } from \"react\";\nimport { useLocation, useNavigate } from \"react-router-dom\";\nimport \"./custom-forms.scss\";\nimport { useAuth } from '@erpsquad/common/runtime';\nimport { Footer } from '../footer/footer';\nimport { IPaginationModel } from '../../types';\nimport { Box } from \"@mui/material\";\nimport GridCard from \"./grid-view/grid-view.js\";\nimport { useAppTranslations } from \"../../hooks/use-translations\";\nimport { useTranslation } from 'react-i18next';\nimport useApi from '../../hooks/useApi';\nimport { getV1FormBuilder, setBaseUrl as setSystemBaseUrl } from '../../api-client/api.system-feature/api';\nimport { getToken } from '../../utils/common';\n\ninterface ActionData {\n  label: string;\n  position: number;\n}\n\ninterface ModuleConfig {\n  filterName: string;\n  redirectionPath: string;\n}\n\n\n\nconst INITIAL_ORDER = [\"name\", \"fields\", \"noOfCustomFields\", \"customFields\"];\nconst DEFAULT_ACTION_BAR_DATA = [{ label: 'Table', position: 0 }];\nconst CUSTOM_FIELD_DISPLAY_LIMIT = 5;\n\ninterface FormBuilderState {\n  rows: any[];\n  isLoading: boolean;\n  paginationModel: {\n    pageNo: number;\n    limit: number;\n    totalCount: number;\n  };\n}\n\nconst Forms = ({ config }: { config?: any }) => {\n  const { t } = useTranslation();\n  useAppTranslations(); // Load translations for current module\n  const navigate = useNavigate();\n  const location = useLocation();\n  const { user } = useAuth();\n  const { callApi } = useApi();\n\n  const [formBuilder, setFormBuilder] = useState<FormBuilderState>({\n    rows: [],\n    isLoading: false,\n    paginationModel: {\n      pageNo: 1,\n      limit: 10,\n      totalCount: 0\n    }\n  });\n\n  // Initialize state with proper defaults and memoization\n  const [actionBarData, setActionBarData] = useState<ActionData[]>(() => {\n    const formView = localStorage.getItem(\"form-view\");\n    return formView ? JSON.parse(formView) : DEFAULT_ACTION_BAR_DATA;\n  });\n\n  const [search, setSearch] = useState<string>(\"\");\n  const [actionBarActiveTab, setActionBarActiveTab] = useState<string>(() =>\n    actionBarData?.[0]?.label || viewTypes.TABLE\n  );\n  const [columnOrder, setColumnOrder] = useState(INITIAL_ORDER);\n  const [sorting, setSorting] = useState<MRT_SortingState>([]);\n\n  // Memoized computed values to prevent unnecessary recalculations\n  const currentModule = useMemo(() => location.pathname.split('/')[2], [location.pathname]);\n\n  const modulesConfig = useMemo(() => ({\n    ...config\n  }), [config]);\n\n  const moduleConfig = useMemo(() =>\n    modulesConfig[currentModule] || { filterName: '', redirectionPath: '' },\n    [currentModule, modulesConfig]\n  );\n\n  const navigationPath = useMemo(() =>\n    `/dashboard/${currentModule}${moduleConfig.redirectionPath}`,\n    [currentModule, moduleConfig.redirectionPath]\n  );\n\n  const filters = useMemo(() =>\n    `(company_id.eq=${user?.company_id}&module.eq=${moduleConfig.filterName})`,\n    [user?.company_id, moduleConfig.filterName]\n  );\n\n  const paginationData = useMemo(() => {\n    const { pageNo, limit, totalCount } = formBuilder.paginationModel;\n    const total = limit ? Math.ceil(totalCount / limit) : 0;\n    const skip = limit * (pageNo - 1);\n    return { total, skip, pageNo, limit };\n  }, [formBuilder.paginationModel]);\n\n  // Utility function moved outside render to prevent recreation\n  const formatText = useCallback((key: string): string => {\n    return key\n      ? key\n        .split(/[:_-]/)\n        .map((word) => word.charAt(0).toUpperCase() + word.slice(1))\n        .join(' ')\n      : key;\n  }, []);\n\n  // Memoized event handlers to prevent child re-renders\n  const handleColumnOrdering = useCallback((colOrder: MRT_ColumnOrderState) => {\n    setColumnOrder(colOrder.slice(1));\n  }, []);\n\n  const handlePaginationModel = useCallback((model: IPaginationModel) => {\n    setFormBuilder(prev => ({\n      ...prev,\n      paginationModel: {\n        ...model,\n        totalCount: prev.paginationModel.totalCount\n      }\n    }));\n  }, []);\n\n  const handleSearch = useCallback((searchValue: string) => {\n    setSearch(searchValue);\n  }, []);\n\n  const handleRowClick = useCallback((rowData: any) => {\n    navigate(navigationPath, {\n      state: rowData,\n    });\n  }, [navigate, navigationPath]);\n\n  // Memoized columns definition to prevent recreation on each render\n  const columns = useMemo(() => [\n    {\n      accessorKey: \"name\",\n      header: \"Form Name\",\n      visible: true,\n      Cell: ({ row }: any) =>\n        row?.original?.name ? (\n          <div\n            onClick={() => handleRowClick(row.original)}\n            style={{ cursor: 'pointer' }}\n          >\n            {formatText(row.original.name)}\n          </div>\n        ) : (\n          \"-\"\n        ),\n    },\n    {\n      accessorKey: \"fields.length\",\n      header: \"No. of Fields\",\n      visible: true,\n      size: 150\n    },\n    {\n      accessorKey: \"fields\",\n      header: \"No. of custom fields\",\n      visible: true,\n      size: 80,\n      Cell: ({ row }: any) =>\n        row?.original?.fields ? (\n          <div>\n            {\n              row.original.fields.filter(\n                (field: { is_system_field: boolean }) => !field.is_system_field,\n              ).length\n            }\n          </div>\n        ) : (\n          \"-\"\n        ),\n    },\n    {\n      accessorKey: \"fields\",\n      header: \"Custom Fields\",\n      visible: true,\n      Cell: ({ row }: any) => {\n        const fields = row?.original?.fields?.filter(\n          (field: { is_system_field: boolean; label: string }) =>\n            !field?.is_system_field && field?.label,\n        ) || [];\n\n        if (!fields.length) return '-';\n\n        return (\n          <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.5, flexWrap: 'wrap', p: 0.5 }}>\n            {fields.slice(0, CUSTOM_FIELD_DISPLAY_LIMIT).map((item: any, index: number) => (\n              <Typography\n                key={`${item.label}-${index}`}\n                type=\"s5\"\n                weight=\"medium\"\n                className=\"forms--CustomField\"\n              >\n                {item?.label?.includes(\".\") ? t(item.label) : item.label}\n              </Typography>\n            ))}\n            {fields.length > CUSTOM_FIELD_DISPLAY_LIMIT && (\n              <Typography\n                type=\"s5\"\n                weight=\"medium\"\n                className=\"forms--CustomField\"\n              >\n                +{fields.length - CUSTOM_FIELD_DISPLAY_LIMIT} more\n              </Typography>\n            )}\n          </Box>\n        );\n      }\n    },\n  ], [formatText, handleRowClick, t]);\n\n  // Memoized footer pages to prevent recreation\n  const footerPages = useMemo(() => [\n    {\n      name: 'Default',\n      _id: 1,\n      data: []\n    }\n  ], []);\n\n\n  const fetchForms = useCallback(async () => {\n    if (!moduleConfig.filterName || !user?.company_id) return;\n\n    const sort = sorting?.[0];\n    const params = {\n      skip: paginationData.skip,\n      limit: paginationData.limit,\n      search,\n      filters,\n      ...(sort && { order: `${sort.id}:${sort.desc ? -1 : 1}` }),\n      ...getToken(),\n      'x-timezone': getToken()['x-timezone']?.toString() || ''\n    };\n\n    setFormBuilder(prev => ({ ...prev, isLoading: true }));\n    const response = await getV1FormBuilder({\n      ...params,\n      ...getToken\n    })\n    setFormBuilder({\n      rows: response?.data?.form,\n      isLoading: false,\n      paginationModel: {\n        ...formBuilder.paginationModel,\n        ...response?.data?.pagination\n      }\n    });\n\n\n  }, [filters,\n    paginationData.skip,\n    paginationData.limit,\n    sorting,\n    search,\n    moduleConfig.filterName,\n    user?.company_id,\n  ])\n  // Effect for fetching data - optimized with proper dependencies\n  useEffect(() => {\n    fetchForms()\n  }, [\n    fetchForms\n  ]);\n\n  // Effect for setting active tab - only run when actionBarData changes\n  useEffect(() => {\n    if (actionBarData?.length && actionBarData[0].label !== actionBarActiveTab) {\n      setActionBarActiveTab(actionBarData[0].label);\n    }\n  }, [actionBarData]);\n\n  // Effect for localStorage - debounced to prevent excessive writes\n  useEffect(() => {\n    if (actionBarData?.length) {\n      const timeoutId = setTimeout(() => {\n        localStorage.setItem(\"form-view\", JSON.stringify(actionBarData));\n      }, 300);\n\n      return () => clearTimeout(timeoutId);\n    }\n  }, [actionBarData]);\n\n  return (\n    <section className=\"forms\">\n      <ActionBar\n        title=\"Form\"\n        button={false}\n        data={actionBarData}\n        setData={setActionBarData}\n        active={actionBarActiveTab}\n        setActive={(tab) => {\n          setActionBarActiveTab(tab);\n        }}\n        handleSearch={handleSearch}\n        showFilter={false}\n      />\n\n      {actionBarActiveTab === viewTypes.TABLE && (\n        <MaterialTable\n          enablePagination={false}\n          columnOrder={[\"mrt-row-select\", ...columnOrder]}\n          handleColumnOrdering={handleColumnOrdering}\n          rows={formBuilder.rows}\n          columns={columns}\n          totalPages={1}\n          paginationModel={{ pageNo: 1, limit: 10 }}\n          enableEditing={false}\n          states={{ sorting: sorting || [] }}\n          onSortingChange={setSorting}\n          disableDefaultActionColumn\n          getSelectedData={() => { }}\n        />\n      )}\n\n      {actionBarActiveTab === viewTypes.GRID && (\n        <GridCard data={formBuilder.rows} config={config} />\n      )}\n\n      <Footer\n        pages={footerPages}\n        setPages={() => { }}\n        currentPage={1}\n        setCurrentPage={() => { }}\n        total={paginationData.total}\n        paginationModel={{\n          pageNo: formBuilder.paginationModel.pageNo,\n          limit: formBuilder.paginationModel.limit\n        }}\n        handlePaginationModel={handlePaginationModel}\n        sharedPages={[]}\n        resource=\"\"\n        savePageConfiguration={() => { }}\n        handlePageDelete={() => { }}\n        enablePages={false}\n        isPaginationDisplayed={true}\n      />\n    </section>\n  );\n};\n\nexport default Forms;"],"names":["useTranslation","useAppTranslations","useNavigate","useLocation","useAuth","useApi","useState","viewTypes","useMemo","useCallback","jsx","jsxs","Box","Typography","_a","getToken","getV1FormBuilder","useEffect","ActionBar","MaterialTable","GridCard","Footer"],"mappings":"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"}

package/dist/chunks/{FlexibleReduxExample-DBkCdTko.esm.js → FlexibleReduxExample-0erRbp6U.esm.js}

@@ -1,9 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { Box, Typography, FormControlLabel, Switch, Button } from "@mui/material";
-import { E as ERPUIProvider } from "./ERPUIProvider-DqKdePsJ.esm.js";
-import { S as SharePopUpEnhanced } from "./share-modal-enhanced-DDcZXJfH.esm.js";
-import { H as HeaderEnhanced } from "./header-enhanced-YIZWG48T.esm.js";
+import { E as ERPUIProvider } from "./ERPUIProvider-CRYpcOXM.esm.js";
+import { S as SharePopUpEnhanced } from "./share-modal-enhanced-voerhaRO.esm.js";
+import { H as HeaderEnhanced } from "./header-enhanced-BIxuD8DD.esm.js";
 const FlexibleReduxExample = () => {
   const [useRedux, setUseRedux] = useState(false);
   const [showShareModal, setShowShareModal] = useState(false);
@@ -146,4 +146,4 @@ const FlexibleReduxExample = () => {
 export {
   FlexibleReduxExample as F
 };
-//# sourceMappingURL=FlexibleReduxExample-DBkCdTko.esm.js.map
+//# sourceMappingURL=FlexibleReduxExample-0erRbp6U.esm.js.map