@erpsquad/common 1.8.5 → 1.8.7

package/dist/components/editor/custom-editor/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/editor/custom-editor.tsx"],"sourcesContent":["/* eslint-disable unused-imports/no-unused-vars */\n/* eslint-disable @typescript-eslint/no-unused-vars */\n// IsolatedEditor.js - This file should ONLY be imported via React.lazy()\nimport React, { useState, useEffect, useMemo, useCallback } from 'react';\nimport \"./custom-editor.css\"\n\n// Import ALL CKEditor dependencies in this file ONLY\n// Do NOT import these anywhere else in your application\nimport { CKEditor } from '@ckeditor/ckeditor5-react';\nimport {\n  ClassicEditor,\n  Alignment,\n  AutoLink,\n  Autosave,\n  BalloonToolbar,\n  BlockQuote,\n  BlockToolbar,\n  Bold,\n  Code,\n  CodeBlock,\n  Essentials,\n  FontBackgroundColor,\n  FontColor,\n  FontFamily,\n  FontSize,\n  Heading,\n  Highlight,\n  HorizontalLine,\n  ImageEditing,\n  ImageUtils,\n  Indent,\n  IndentBlock,\n  Italic,\n  Link,\n  Paragraph,\n  PlainTableOutput,\n  RemoveFormat,\n  Strikethrough,\n  Subscript,\n  Superscript,\n  Table,\n  TableCaption,\n  TableCellProperties,\n  TableColumnResize,\n  TableProperties,\n  TableToolbar,\n  Underline,\n  GeneralHtmlSupport,\n  SourceEditing,\n  // Image support\n  Image,\n  ImageBlock,\n  ImageInline,\n  ImageToolbar,\n  ImageCaption,\n  ImageStyle,\n  ImageResize,\n  ImageInsert,\n  ImageInsertViaUrl,\n  ImageUpload,\n  ImageTextAlternative,\n  SimpleUploadAdapter,\n  LinkImage,\n  ClipboardPipeline,\n  AutoImage,\n} from 'ckeditor5';\n\nimport 'ckeditor5/ckeditor5.css';\nimport { postV1Drive } from '../../api-client/api.drive/api';\nimport { getToken, uploadFiles } from '../../utils/common';\n\nconst LICENSE_KEY = 'GPL';\n\n\nclass MyUploadAdapter {\n  constructor(loader, uploadFn) {\n    // The file loader instance to use during the upload\n    this.loader = loader;\n    this.uploadFn = uploadFn;\n  }\n\n  // Starts the upload process\n  async upload() {\n    const file = await this.loader.file;\n    try {\n      // 👇 Call your existing function\n      const response = await this.uploadFn(file);\n\n      // CKEditor expects this format:\n      return {\n        default: response.url   // must return final image URL\n      };\n    } catch (error) {\n      console.error(\"Upload failed\", error);\n      throw error;\n    }\n  }\n\n  // Optional abort support\n  abort() {\n    console.log(\"Upload aborted\");\n  }\n}\n\nfunction PasteImageUrlPlugin(editor) {\n  const clipboard = editor.plugins.get(ClipboardPipeline);\n\n  clipboard.on('inputTransformation', (evt, data) => {\n    const content = data.content.getChild(0);\n\n    // Check if pasted content is plain text\n    if (content && content.is('$textProxy')) {\n      const url = content.data.trim();\n\n      // Check if it looks like an image URL\n      if (url.match(/\\.(jpeg|jpg|gif|png|webp|svg)$/i)) {\n        const imageElement = editor.model.change(writer => {\n          return writer.createElement('imageBlock', {\n            src: url\n          });\n        });\n\n        editor.model.insertContent(imageElement, editor.model.document.selection);\n        evt.stop(); // prevent default plain text paste\n      }\n    }\n  });\n}\n\n\n// Create the editor configuration\nconst createEditorConfig = (customConfig = {}) => {\n  const defaultConfig = {\n    extraPlugins: [ PasteImageUrlPlugin, AutoImage ],\n    toolbar: {\n      items: [\n        'sourceEditing',\n        'undo',\n        'redo',\n        '|',\n        'heading',\n        '|',\n        'fontSize',\n        'fontFamily',\n        'fontColor',\n        'fontBackgroundColor',\n        '|',\n        'bold',\n        'italic',\n        'underline',\n        'strikethrough',\n        'subscript',\n        'superscript',\n        'code',\n        'removeFormat',\n        '|',\n        'horizontalLine',\n        'link',\n        'insertImage', 'uploadImage',\n        'insertTable',\n        'highlight',\n        'blockQuote',\n        'codeBlock',\n        '|',\n        'alignment',\n        '|',\n        'outdent',\n        'indent',\n      ],\n      shouldNotGroupWhenFull: false\n    },\n    plugins: [\n      Alignment,\n      AutoLink,\n      Autosave,\n      BalloonToolbar,\n      BlockQuote,\n      BlockToolbar,\n      Bold,\n      Code,\n      CodeBlock,\n      Essentials,\n      FontBackgroundColor,\n      FontColor,\n      FontFamily,\n      FontSize,\n      Heading,\n      Highlight,\n      HorizontalLine,\n      ImageEditing,\n      ImageUtils,\n      Indent,\n      IndentBlock,\n      Italic,\n      Link,\n      Paragraph,\n      PlainTableOutput,\n      RemoveFormat,\n      Strikethrough,\n      Subscript,\n      Superscript,\n      Table,\n      TableCaption,\n      TableCellProperties,\n      TableColumnResize,\n      TableProperties,\n      TableToolbar,\n      Underline,\n      GeneralHtmlSupport,\n      SourceEditing,\n      Image,\n      ImageBlock,\n      ImageCaption,\n      ImageEditing,\n      ImageInline,\n      ImageInsert,\n      ImageInsertViaUrl,\n      ImageResize,\n      ImageStyle,\n      ImageTextAlternative,\n      ImageToolbar,\n      ImageUpload,\n      ImageUtils,\n      SimpleUploadAdapter,\n      LinkImage\n    ],\n    balloonToolbar: ['bold', 'italic', '|', 'link', 'insertImage', 'uploadImage',],\n    blockToolbar: [\n      'fontSize',\n      'fontColor',\n      'fontBackgroundColor',\n      '|',\n      'bold',\n      'italic',\n      '|',\n      'link',\n      'insertImage', 'uploadImage',\n      'insertTable',\n      '|',\n      'outdent',\n      'indent'\n    ],\n    fontFamily: {\n      supportAllValues: true\n    },\n    fontSize: {\n      options: [10, 12, 14, 'default', 18, 20, 22],\n      supportAllValues: true\n    },\n    heading: {\n      options: [\n        {\n          model: 'paragraph',\n          title: 'Paragraph',\n          class: 'ck-heading_paragraph'\n        },\n        {\n          model: 'heading1',\n          view: 'h1',\n          title: 'Heading 1',\n          class: 'ck-heading_heading1'\n        },\n        {\n          model: 'heading2',\n          view: 'h2',\n          title: 'Heading 2',\n          class: 'ck-heading_heading2'\n        },\n        {\n          model: 'heading3',\n          view: 'h3',\n          title: 'Heading 3',\n          class: 'ck-heading_heading3'\n        },\n        {\n          model: 'heading4',\n          view: 'h4',\n          title: 'Heading 4',\n          class: 'ck-heading_heading4'\n        }\n      ]\n    },\n    licenseKey: LICENSE_KEY,\n    link: {\n      addTargetToExternalLinks: true,\n      defaultProtocol: 'https://',\n      decorators: {\n        toggleDownloadable: {\n          mode: 'manual',\n          label: 'Downloadable',\n          attributes: {\n            download: 'file',\n          }\n        }\n      }\n    },\n    menuBar: {\n      isVisible: true\n    },\n    placeholder: 'Type or paste your content here!',\n    table: {\n      contentToolbar: [\n        'tableColumn', \n        'tableRow', \n        'mergeTableCells', \n        'tableProperties', \n        'tableCellProperties'\n      ]\n    },\n    htmlSupport: {\n      allow: [\n        {\n          name: /.*/,\n          attributes: true,\n          classes: true,\n          styles: true\n        }\n      ]\n    },\n    image: {\n      toolbar: [\n        'imageTextAlternative',\n        'toggleImageCaption',\n        '|',\n        'imageStyle:inline',\n        'imageStyle:wrapText',\n        'imageStyle:breakText',\n        '|',\n        'resizeImage',\n        '|',\n        'linkImage'\n      ],\n      styles: {\n        options: [\n          'inline',\n          'alignLeft',\n          'alignRight',\n          'alignCenter',\n          'alignBlockLeft',\n          'alignBlockRight',\n          'block',\n          'side'\n        ]\n      },\n      resizeOptions: [\n        {\n          name: 'resizeImage:original',\n          label: 'Original size',\n          value: null\n        },\n        {\n          name: 'resizeImage:25',\n          label: '25%',\n          value: '25'\n        },\n        {\n          name: 'resizeImage:50',\n          label: '50%',\n          value: '50'\n        },\n        {\n          name: 'resizeImage:75',\n          label: '75%',\n          value: '75'\n        }\n      ],\n      insert: {\n        integrations: ['insertImageViaUrl']\n      }\n    },\n    simpleUpload: {\n      uploadUrl: '/api/upload', // your upload API\n      headers: {\n        Authorization: 'Bearer <token>'\n      }\n    },\n    autosave: {\n      save() {\n        return new Promise(resolve => {\n          setTimeout(resolve, 1000);\n        });\n      }\n    }\n  };\n\n  return { ...defaultConfig, ...customConfig };\n};\n\nexport default function CustomEditor({\n  editorRef,\n  data = '',\n  handleEditorReady,\n  onError,\n  config = {},\n  ...rest\n}) {\n  const [isReady, setIsReady] = useState(false);\n  const [error, setError] = useState(null);\n\n  useEffect(() => {\n    // Small delay to ensure DOM is ready\n    const timer = setTimeout(() => setIsReady(true), 100);\n    return () => clearTimeout(timer);\n  }, []);\n\n  const editorConfig = useMemo(() => {\n    return createEditorConfig(config);\n  }, [config]);\n\n  const myUploadFn = async (file) => {\n    // 👇 Your existing function here\n    const uFiles = await uploadFiles([file], \"document\");\n    const payload = {\n      ...getToken(),\n      \"title\": file?.name.split(\".\")[0],\n      \"path\": \"/\",\n      \"is_private\": true,\n      \"is_directory\": false,\n      \"file_size\": file.size,\n      \"is_child\": false,\n      \"file_extension\": file?.name.split(\".\")[1],\n      \"type\": \"image\",\n      \"mime_type\": file.type,\n      \"url\": `${import.meta.env.VITE_S3_BUCKET_URL}${uFiles[0]}`\n  }\n    // Replace with your actual API endpoint\n    \n    // 👇 Call your existing function\n    await postV1Drive(payload);\n    return { url: payload.url };\n  };\n\n  const handleReady = useCallback((editor) => {\n    try {\n      handleEditorReady?.(editor);\n      editor.plugins.get('FileRepository').createUploadAdapter = (loader) => {\n        return new MyUploadAdapter(loader, myUploadFn);\n      };\n    } catch (err) {\n      console.error('Error in editor ready handler:', err);\n      setError(err);\n      onError?.(err);\n    }\n  }, [handleEditorReady, onError]);\n\n  const handleError = useCallback((error, { willEditorRestart }) => {\n    console.error('CKEditor error:', error);\n    if (!willEditorRestart) {\n      setError(error);\n      onError?.(error);\n    }\n  }, [onError]);\n\n  if (error) {\n    return (\n      <div style={{\n        padding: '20px',\n        border: '1px solid #red',\n        borderRadius: '4px',\n        backgroundColor: '#fff5f5'\n      }}>\n        <div style={{ color: '#e53e3e', marginBottom: '10px' }}>\n          Editor Error: {error.message}\n        </div>\n        <button \n          onClick={() => setError(null)}\n          style={{\n            padding: '8px 16px',\n            backgroundColor: '#3182ce',\n            color: 'white',\n            border: 'none',\n            borderRadius: '4px'\n          }}\n        >\n          Retry\n        </button>\n      </div>\n    );\n  }\n\n  if (!isReady) {\n    return (\n      <div style={{\n        padding: '20px',\n        textAlign: 'center',\n        border: '1px solid #dee2e6',\n        borderRadius: '4px'\n      }}>\n        Loading editor...\n      </div>\n    );\n  }\n\n  return (\n    <div ref={editorRef} className=\"custom-editor-container\">\n      <CKEditor \n        editor={ClassicEditor} \n        config={editorConfig} \n        data={data} \n        onReady={handleReady}\n        onError={handleError}\n        {...rest}\n      />\n    </div>\n  );\n}"],"names":["MyUploadAdapter","constructor","loader","uploadFn","this","upload","file","default","url","error","abort","PasteImageUrlPlugin","editor","plugins","get","ClipboardPipeline","on","evt","data","content","getChild","is","trim","match","imageElement","model","change","writer","createElement","src","insertContent","document","selection","stop","editorRef","handleEditorReady","onError","config","rest","isReady","setIsReady","useState","setError","useEffect","timer","setTimeout","clearTimeout","editorConfig","useMemo","customConfig","extraPlugins","AutoImage","toolbar","items","shouldNotGroupWhenFull","Alignment","AutoLink","Autosave","BalloonToolbar","BlockQuote","BlockToolbar","Bold","Code","CodeBlock","Essentials","FontBackgroundColor","FontColor","FontFamily","FontSize","Heading","Highlight","HorizontalLine","ImageEditing","ImageUtils","Indent","IndentBlock","Italic","Link","Paragraph","PlainTableOutput","RemoveFormat","Strikethrough","Subscript","Superscript","Table","TableCaption","TableCellProperties","TableColumnResize","TableProperties","TableToolbar","Underline","GeneralHtmlSupport","SourceEditing","Image","ImageBlock","ImageCaption","ImageInline","ImageInsert","ImageInsertViaUrl","ImageResize","ImageStyle","ImageTextAlternative","ImageToolbar","ImageUpload","SimpleUploadAdapter","LinkImage","balloonToolbar","blockToolbar","fontFamily","supportAllValues","fontSize","options","heading","title","class","view","licenseKey","link","addTargetToExternalLinks","defaultProtocol","decorators","toggleDownloadable","mode","label","attributes","download","menuBar","isVisible","placeholder","table","contentToolbar","htmlSupport","allow","name","classes","styles","image","resizeOptions","value","insert","integrations","simpleUpload","uploadUrl","headers","Authorization","autosave","save","Promise","resolve","createEditorConfig","myUploadFn","async","uFiles","uploadFiles","payload","getToken","split","path","is_private","is_directory","file_size","size","is_child","file_extension","type","mime_type","postV1Drive","handleReady","useCallback","createUploadAdapter","err","handleError","willEditorRestart","jsxs","style","padding","border","borderRadius","backgroundColor","children","color","marginBottom","message","jsx","onClick","ref","className","CKEditor","ClassicEditor","onReady","textAlign"],"mappings":"ivEA0EA,MAAMA,EACJ,WAAAC,CAAYC,EAAQC,GAElBC,KAAKF,OAASA,EACdE,KAAKD,SAAWA,CAClB,CAGA,YAAME,GACJ,MAAMC,QAAaF,KAAKF,OAAOI,KAC/B,IAKE,MAAO,CACLC,eAJqBH,KAAKD,SAASG,IAIjBE,IAEtB,OAASC,GAEP,MAAMA,CACR,CACF,CAGA,KAAAC,GAEA,EAGF,SAASC,EAAoBC,GACTA,EAAOC,QAAQC,IAAIC,EAAAA,mBAE3BC,GAAG,sBAAuB,CAACC,EAAKC,KACxC,MAAMC,EAAUD,EAAKC,QAAQC,SAAS,GAGtC,GAAID,GAAWA,EAAQE,GAAG,cAAe,CACvC,MAAMb,EAAMW,EAAQD,KAAKI,OAGzB,GAAId,EAAIe,MAAM,mCAAoC,CAChD,MAAMC,EAAeZ,EAAOa,MAAMC,OAAOC,GAChCA,EAAOC,cAAc,aAAc,CACxCC,IAAKrB,KAITI,EAAOa,MAAMK,cAAcN,EAAcZ,EAAOa,MAAMM,SAASC,WAC/Df,EAAIgB,MACN,CACF,GAEJ,iBAqQA,UAAqCC,UACnCA,EAAAhB,KACAA,EAAO,GAAAiB,kBACPA,EAAAC,QACAA,EAAAC,OACAA,EAAS,CAAA,KACNC,IAEH,MAAOC,EAASC,GAAcC,EAAAA,UAAS,IAChChC,EAAOiC,GAAYD,EAAAA,SAAS,MAEnCE,EAAAA,UAAU,KAER,MAAMC,EAAQC,WAAW,IAAML,GAAW,GAAO,KACjD,MAAO,IAAMM,aAAaF,IACzB,IAEH,MAAMG,EAAeC,EAAAA,QAAQ,IAlRJ,EAACC,EAAe,MA8PlC,CA5PLC,aAAc,CAAEvC,EAAqBwC,aACrCC,QAAS,CACPC,MAAO,CACL,gBACA,OACA,OACA,IACA,UACA,IACA,WACA,aACA,YACA,sBACA,IACA,OACA,SACA,YACA,gBACA,YACA,cACA,OACA,eACA,IACA,iBACA,OACA,cAAe,cACf,cACA,YACA,aACA,YACA,IACA,YACA,IACA,UACA,UAEFC,wBAAwB,GAE1BzC,QAAS,CACP0C,EAAAA,UACAC,EAAAA,SACAC,EAAAA,SACAC,EAAAA,eACAC,EAAAA,WACAC,EAAAA,aACAC,EAAAA,KACAC,EAAAA,KACAC,EAAAA,UACAC,EAAAA,WACAC,EAAAA,oBACAC,EAAAA,UACAC,EAAAA,WACAC,EAAAA,SACAC,EAAAA,QACAC,EAAAA,UACAC,EAAAA,eACAC,EAAAA,aACAC,EAAAA,WACAC,EAAAA,OACAC,EAAAA,YACAC,EAAAA,OACAC,EAAAA,KACAC,EAAAA,UACAC,EAAAA,iBACAC,EAAAA,aACAC,EAAAA,cACAC,EAAAA,UACAC,EAAAA,YACAC,EAAAA,MACAC,EAAAA,aACAC,EAAAA,oBACAC,EAAAA,kBACAC,EAAAA,gBACAC,EAAAA,aACAC,EAAAA,UACAC,EAAAA,mBACAC,EAAAA,cACAC,EAAAA,MACAC,EAAAA,WACAC,EAAAA,aACAvB,EAAAA,aACAwB,EAAAA,YACAC,EAAAA,YACAC,EAAAA,kBACAC,EAAAA,YACAC,EAAAA,WACAC,EAAAA,qBACAC,EAAAA,aACAC,EAAAA,YACA9B,EAAAA,WACA+B,EAAAA,oBACAC,EAAAA,WAEFC,eAAgB,CAAC,OAAQ,SAAU,IAAK,OAAQ,cAAe,eAC/DC,aAAc,CACZ,WACA,YACA,sBACA,IACA,OACA,SACA,IACA,OACA,cAAe,cACf,cACA,IACA,UACA,UAEFC,WAAY,CACVC,kBAAkB,GAEpBC,SAAU,CACRC,QAAS,CAAC,GAAI,GAAI,GAAI,UAAW,GAAI,GAAI,IACzCF,kBAAkB,GAEpBG,QAAS,CACPD,QAAS,CACP,CACEtF,MAAO,YACPwF,MAAO,YACPC,MAAO,wBAET,CACEzF,MAAO,WACP0F,KAAM,KACNF,MAAO,YACPC,MAAO,uBAET,CACEzF,MAAO,WACP0F,KAAM,KACNF,MAAO,YACPC,MAAO,uBAET,CACEzF,MAAO,WACP0F,KAAM,KACNF,MAAO,YACPC,MAAO,uBAET,CACEzF,MAAO,WACP0F,KAAM,KACNF,MAAO,YACPC,MAAO,yBAIbE,WAnNgB,MAoNhBC,KAAM,CACJC,0BAA0B,EAC1BC,gBAAiB,WACjBC,WAAY,CACVC,mBAAoB,CAClBC,KAAM,SACNC,MAAO,eACPC,WAAY,CACVC,SAAU,WAKlBC,QAAS,CACPC,WAAW,GAEbC,YAAa,mCACbC,MAAO,CACLC,eAAgB,CACd,cACA,WACA,kBACA,kBACA,wBAGJC,YAAa,CACXC,MAAO,CACL,CACEC,KAAM,KACNT,YAAY,EACZU,SAAS,EACTC,QAAQ,KAIdC,MAAO,CACLpF,QAAS,CACP,uBACA,qBACA,IACA,oBACA,sBACA,uBACA,IACA,cACA,IACA,aAEFmF,OAAQ,CACNxB,QAAS,CACP,SACA,YACA,aACA,cACA,iBACA,kBACA,QACA,SAGJ0B,cAAe,CACb,CACEJ,KAAM,uBACNV,MAAO,gBACPe,MAAO,MAET,CACEL,KAAM,iBACNV,MAAO,MACPe,MAAO,MAET,CACEL,KAAM,iBACNV,MAAO,MACPe,MAAO,MAET,CACEL,KAAM,iBACNV,MAAO,MACPe,MAAO,OAGXC,OAAQ,CACNC,aAAc,CAAC,uBAGnBC,aAAc,CACZC,UAAW,cACXC,QAAS,CACPC,cAAe,mBAGnBC,SAAU,CACRC,KAAA,IACS,IAAIC,QAAQC,IACjBvG,WAAWuG,EAAS,WAMEnG,IAqBrBoG,CAAmBhH,GACzB,CAACA,IAEEiH,EAAaC,MAAOjJ,IAExB,MAAMkJ,QAAeC,EAAAA,YAAY,CAACnJ,GAAO,YACnCoJ,EAAU,IACXC,aACH1C,MAAS,MAAA3G,OAAA,EAAAA,EAAM+H,KAAKuB,MAAM,KAAK,GAC/BC,KAAQ,IACRC,YAAc,EACdC,cAAgB,EAChBC,UAAa1J,EAAK2J,KAClBC,UAAY,EACZC,eAAkB,MAAA7J,OAAA,EAAAA,EAAM+H,KAAKuB,MAAM,KAAK,GACxCQ,KAAQ,QACRC,UAAa/J,EAAK8J,KAClB5J,IAAO,mDAAwCgJ,EAAO,MAMxD,aADMc,EAAAA,YAAYZ,GACX,CAAElJ,IAAKkJ,EAAQlJ,MAGlB+J,EAAcC,cAAa5J,IAC/B,IACE,MAAAuB,GAAAA,EAAoBvB,GACpBA,EAAOC,QAAQC,IAAI,kBAAkB2J,oBAAuBvK,GACnD,IAAIF,EAAgBE,EAAQoJ,EAEvC,OAASoB,GAEPhI,EAASgI,GACT,MAAAtI,GAAAA,EAAUsI,EACZ,GACC,CAACvI,EAAmBC,IAEjBuI,EAAcH,EAAAA,YAAY,CAAC/J,GAASmK,wBAEnCA,IACHlI,EAASjC,GACT,MAAA2B,GAAAA,EAAU3B,KAEX,CAAC2B,IAEJ,OAAI3B,iBAEAoK,EAAAA,KAAC,OAAIC,MAAO,CACVC,QAAS,OACTC,OAAQ,iBACRC,aAAc,MACdC,gBAAiB,WAEjBC,SAAA;eAAAN,OAAC,OAAIC,MAAO,CAAEM,MAAO,UAAWC,aAAc,QAAUF,SAAA,CAAA,iBACvC1K,EAAM6K;eAEvBC,EAAAA,IAAC,SAAA,CACCC,QAAS,IAAM9I,EAAS,MACxBoI,MAAO,CACLC,QAAS,WACTG,gBAAiB,UACjBE,MAAO,QACPJ,OAAQ,OACRC,aAAc,OAEjBE,SAAA,aAOF5I,uBAcF,MAAA,CAAIkJ,IAAKvJ,EAAWwJ,UAAU,0BAC7BP,wBAAAI,EAAAA,IAACI,EAAAA,SAAA,CACC/K,OAAQgL,EAAAA,cACRvJ,OAAQU,EACR7B,OACA2K,QAAStB,EACTnI,QAASuI,KACLrI,qBAnBNiJ,EAAAA,IAAC,OAAIT,MAAO,CACVC,QAAS,OACTe,UAAW,SACXd,OAAQ,oBACRC,aAAc,OACbE,SAAA,qBAkBT"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/editor/custom-editor.tsx"],"sourcesContent":["/* eslint-disable unused-imports/no-unused-vars */\n/* eslint-disable @typescript-eslint/no-unused-vars */\n// IsolatedEditor.js - This file should ONLY be imported via React.lazy()\nimport React, { useState, useEffect, useMemo, useCallback } from 'react';\nimport \"./custom-editor.css\"\n\n// Import ALL CKEditor dependencies in this file ONLY\n// Do NOT import these anywhere else in your application\nimport { CKEditor } from '@ckeditor/ckeditor5-react';\nimport {\n  ClassicEditor,\n  Alignment,\n  AutoLink,\n  Autosave,\n  BalloonToolbar,\n  BlockQuote,\n  BlockToolbar,\n  Bold,\n  Code,\n  CodeBlock,\n  Essentials,\n  FontBackgroundColor,\n  FontColor,\n  FontFamily,\n  FontSize,\n  Heading,\n  Highlight,\n  HorizontalLine,\n  ImageEditing,\n  ImageUtils,\n  Indent,\n  IndentBlock,\n  Italic,\n  Link,\n  Paragraph,\n  PlainTableOutput,\n  RemoveFormat,\n  Strikethrough,\n  Subscript,\n  Superscript,\n  Table,\n  TableCaption,\n  TableCellProperties,\n  TableColumnResize,\n  TableProperties,\n  TableToolbar,\n  Underline,\n  GeneralHtmlSupport,\n  SourceEditing,\n  // Image support\n  Image,\n  ImageBlock,\n  ImageInline,\n  ImageToolbar,\n  ImageCaption,\n  ImageStyle,\n  ImageResize,\n  ImageInsert,\n  ImageInsertViaUrl,\n  ImageUpload,\n  ImageTextAlternative,\n  SimpleUploadAdapter,\n  LinkImage,\n  ClipboardPipeline,\n  AutoImage,\n} from 'ckeditor5';\n\nimport 'ckeditor5/ckeditor5.css';\nimport { postV1Drive } from '../../api-client/api.drive/api';\nimport { getToken, uploadFiles } from '../../utils/common';\n\nconst LICENSE_KEY = 'GPL';\n\n\nclass MyUploadAdapter {\n  constructor(loader, uploadFn) {\n    // The file loader instance to use during the upload\n    this.loader = loader;\n    this.uploadFn = uploadFn;\n  }\n\n  // Starts the upload process\n  async upload() {\n    const file = await this.loader.file;\n    try {\n      // 👇 Call your existing function\n      const response = await this.uploadFn(file);\n\n      // CKEditor expects this format:\n      return {\n        default: response.url   // must return final image URL\n      };\n    } catch (error) {\n      console.error(\"Upload failed\", error);\n      throw error;\n    }\n  }\n\n  // Optional abort support\n  abort() {\n    console.log(\"Upload aborted\");\n  }\n}\n\nfunction PasteImageUrlPlugin(editor) {\n  const clipboard = editor.plugins.get(ClipboardPipeline);\n\n  clipboard.on('inputTransformation', (evt, data) => {\n    const content = data.content.getChild(0);\n\n    // Check if pasted content is plain text\n    if (content && content.is('$textProxy')) {\n      const url = content.data.trim();\n\n      // Check if it looks like an image URL\n      if (url.match(/\\.(jpeg|jpg|gif|png|webp|svg)$/i)) {\n        const imageElement = editor.model.change(writer => {\n          return writer.createElement('imageBlock', {\n            src: url\n          });\n        });\n\n        editor.model.insertContent(imageElement, editor.model.document.selection);\n        evt.stop(); // prevent default plain text paste\n      }\n    }\n  });\n}\n\n\n// Create the editor configuration\nconst createEditorConfig = (customConfig = {}) => {\n  const defaultConfig = {\n    extraPlugins: [ PasteImageUrlPlugin, AutoImage ],\n    toolbar: {\n      items: [\n        'sourceEditing',\n        'undo',\n        'redo',\n        '|',\n        'heading',\n        '|',\n        'fontSize',\n        'fontFamily',\n        'fontColor',\n        'fontBackgroundColor',\n        '|',\n        'bold',\n        'italic',\n        'underline',\n        'strikethrough',\n        'subscript',\n        'superscript',\n        'code',\n        'removeFormat',\n        '|',\n        'horizontalLine',\n        'link',\n        'insertImage', 'uploadImage',\n        'insertTable',\n        'highlight',\n        'blockQuote',\n        'codeBlock',\n        '|',\n        'alignment',\n        '|',\n        'outdent',\n        'indent',\n      ],\n      shouldNotGroupWhenFull: false\n    },\n    plugins: [\n      Alignment,\n      AutoLink,\n      Autosave,\n      BalloonToolbar,\n      BlockQuote,\n      BlockToolbar,\n      Bold,\n      Code,\n      CodeBlock,\n      Essentials,\n      FontBackgroundColor,\n      FontColor,\n      FontFamily,\n      FontSize,\n      Heading,\n      Highlight,\n      HorizontalLine,\n      ImageEditing,\n      ImageUtils,\n      Indent,\n      IndentBlock,\n      Italic,\n      Link,\n      Paragraph,\n      PlainTableOutput,\n      RemoveFormat,\n      Strikethrough,\n      Subscript,\n      Superscript,\n      Table,\n      TableCaption,\n      TableCellProperties,\n      TableColumnResize,\n      TableProperties,\n      TableToolbar,\n      Underline,\n      GeneralHtmlSupport,\n      SourceEditing,\n      Image,\n      ImageBlock,\n      ImageCaption,\n      ImageEditing,\n      ImageInline,\n      ImageInsert,\n      ImageInsertViaUrl,\n      ImageResize,\n      ImageStyle,\n      ImageTextAlternative,\n      ImageToolbar,\n      ImageUpload,\n      ImageUtils,\n      SimpleUploadAdapter,\n      LinkImage\n    ],\n    balloonToolbar: ['bold', 'italic', '|', 'link', 'insertImage', 'uploadImage',],\n    blockToolbar: [\n      'fontSize',\n      'fontColor',\n      'fontBackgroundColor',\n      '|',\n      'bold',\n      'italic',\n      '|',\n      'link',\n      'insertImage', 'uploadImage',\n      'insertTable',\n      '|',\n      'outdent',\n      'indent'\n    ],\n    fontFamily: {\n      supportAllValues: true\n    },\n    fontSize: {\n      options: [10, 12, 14, 'default', 18, 20, 22],\n      supportAllValues: true\n    },\n    heading: {\n      options: [\n        {\n          model: 'paragraph',\n          title: 'Paragraph',\n          class: 'ck-heading_paragraph'\n        },\n        {\n          model: 'heading1',\n          view: 'h1',\n          title: 'Heading 1',\n          class: 'ck-heading_heading1'\n        },\n        {\n          model: 'heading2',\n          view: 'h2',\n          title: 'Heading 2',\n          class: 'ck-heading_heading2'\n        },\n        {\n          model: 'heading3',\n          view: 'h3',\n          title: 'Heading 3',\n          class: 'ck-heading_heading3'\n        },\n        {\n          model: 'heading4',\n          view: 'h4',\n          title: 'Heading 4',\n          class: 'ck-heading_heading4'\n        }\n      ]\n    },\n    licenseKey: LICENSE_KEY,\n    link: {\n      addTargetToExternalLinks: true,\n      defaultProtocol: 'https://',\n      decorators: {\n        toggleDownloadable: {\n          mode: 'manual',\n          label: 'Downloadable',\n          attributes: {\n            download: 'file',\n          }\n        }\n      }\n    },\n    menuBar: {\n      isVisible: true\n    },\n    placeholder: 'Type or paste your content here!',\n    table: {\n      contentToolbar: [\n        'tableColumn', \n        'tableRow', \n        'mergeTableCells', \n        'tableProperties', \n        'tableCellProperties'\n      ]\n    },\n    htmlSupport: {\n      allow: [\n        {\n          name: /.*/,\n          attributes: true,\n          classes: true,\n          styles: true\n        }\n      ]\n    },\n    image: {\n      toolbar: [\n        'imageTextAlternative',\n        'toggleImageCaption',\n        '|',\n        'imageStyle:inline',\n        'imageStyle:wrapText',\n        'imageStyle:breakText',\n        '|',\n        'resizeImage',\n        '|',\n        'linkImage'\n      ],\n      styles: {\n        options: [\n          'inline',\n          'alignLeft',\n          'alignRight',\n          'alignCenter',\n          'alignBlockLeft',\n          'alignBlockRight',\n          'block',\n          'side'\n        ]\n      },\n      resizeOptions: [\n        {\n          name: 'resizeImage:original',\n          label: 'Original size',\n          value: null\n        },\n        {\n          name: 'resizeImage:25',\n          label: '25%',\n          value: '25'\n        },\n        {\n          name: 'resizeImage:50',\n          label: '50%',\n          value: '50'\n        },\n        {\n          name: 'resizeImage:75',\n          label: '75%',\n          value: '75'\n        }\n      ],\n      insert: {\n        integrations: ['insertImageViaUrl']\n      }\n    },\n    simpleUpload: {\n      uploadUrl: '/api/upload', // your upload API\n      headers: {\n        Authorization: 'Bearer <token>'\n      }\n    },\n    autosave: {\n      save() {\n        return new Promise(resolve => {\n          setTimeout(resolve, 1000);\n        });\n      }\n    }\n  };\n\n  return { ...defaultConfig, ...customConfig };\n};\n\nexport default function CustomEditor({\n  editorRef,\n  data = '',\n  handleEditorReady,\n  onError,\n  config = {},\n  ...rest\n}) {\n  const [isReady, setIsReady] = useState(false);\n  const [error, setError] = useState(null);\n\n  useEffect(() => {\n    // Small delay to ensure DOM is ready\n    const timer = setTimeout(() => setIsReady(true), 100);\n    return () => clearTimeout(timer);\n  }, []);\n\n  const editorConfig = useMemo(() => {\n    return createEditorConfig(config);\n  }, [config]);\n\n  const myUploadFn = async (file) => {\n    // 👇 Your existing function here\n    const uFiles = await uploadFiles([file], \"document\");\n    const payload = {\n      ...getToken(),\n      \"title\": file?.name.split(\".\")[0],\n      \"path\": \"/\",\n      \"is_private\": true,\n      \"is_directory\": false,\n      \"file_size\": file.size,\n      \"is_child\": false,\n      \"file_extension\": file?.name.split(\".\")[1],\n      \"type\": \"image\",\n      \"mime_type\": file.type,\n      \"url\": `${import.meta.env.VITE_S3_BUCKET_URL}${uFiles[0]}`\n  }\n    // Replace with your actual API endpoint\n    \n    // 👇 Call your existing function\n    await postV1Drive(payload);\n    return { url: payload.url };\n  };\n\n  const handleReady = useCallback((editor) => {\n    try {\n      handleEditorReady?.(editor);\n      editor.plugins.get('FileRepository').createUploadAdapter = (loader) => {\n        return new MyUploadAdapter(loader, myUploadFn);\n      };\n    } catch (err) {\n      console.error('Error in editor ready handler:', err);\n      setError(err);\n      onError?.(err);\n    }\n  }, [handleEditorReady, onError]);\n\n  const handleError = useCallback((error, { willEditorRestart }) => {\n    console.error('CKEditor error:', error);\n    if (!willEditorRestart) {\n      setError(error);\n      onError?.(error);\n    }\n  }, [onError]);\n\n  if (error) {\n    return (\n      <div style={{\n        padding: '20px',\n        border: '1px solid #red',\n        borderRadius: '4px',\n        backgroundColor: '#fff5f5'\n      }}>\n        <div style={{ color: '#e53e3e', marginBottom: '10px' }}>\n          Editor Error: {error.message}\n        </div>\n        <button \n          onClick={() => setError(null)}\n          style={{\n            padding: '8px 16px',\n            backgroundColor: '#3182ce',\n            color: 'white',\n            border: 'none',\n            borderRadius: '4px'\n          }}\n        >\n          Retry\n        </button>\n      </div>\n    );\n  }\n\n  if (!isReady) {\n    return (\n      <div style={{\n        padding: '20px',\n        textAlign: 'center',\n        border: '1px solid #dee2e6',\n        borderRadius: '4px'\n      }}>\n        Loading editor...\n      </div>\n    );\n  }\n\n  return (\n    <div ref={editorRef} className=\"custom-editor-container\">\n      <CKEditor \n        editor={ClassicEditor} \n        config={editorConfig} \n        data={data} \n        onReady={handleReady}\n        onError={handleError}\n        {...rest}\n      />\n    </div>\n  );\n}"],"names":["MyUploadAdapter","constructor","loader","uploadFn","this","upload","file","default","url","error","abort","PasteImageUrlPlugin","editor","plugins","get","ClipboardPipeline","on","evt","data","content","getChild","is","trim","match","imageElement","model","change","writer","createElement","src","insertContent","document","selection","stop","editorRef","handleEditorReady","onError","config","rest","isReady","setIsReady","useState","setError","useEffect","timer","setTimeout","clearTimeout","editorConfig","useMemo","customConfig","extraPlugins","AutoImage","toolbar","items","shouldNotGroupWhenFull","Alignment","AutoLink","Autosave","BalloonToolbar","BlockQuote","BlockToolbar","Bold","Code","CodeBlock","Essentials","FontBackgroundColor","FontColor","FontFamily","FontSize","Heading","Highlight","HorizontalLine","ImageEditing","ImageUtils","Indent","IndentBlock","Italic","Link","Paragraph","PlainTableOutput","RemoveFormat","Strikethrough","Subscript","Superscript","Table","TableCaption","TableCellProperties","TableColumnResize","TableProperties","TableToolbar","Underline","GeneralHtmlSupport","SourceEditing","Image","ImageBlock","ImageCaption","ImageInline","ImageInsert","ImageInsertViaUrl","ImageResize","ImageStyle","ImageTextAlternative","ImageToolbar","ImageUpload","SimpleUploadAdapter","LinkImage","balloonToolbar","blockToolbar","fontFamily","supportAllValues","fontSize","options","heading","title","class","view","licenseKey","link","addTargetToExternalLinks","defaultProtocol","decorators","toggleDownloadable","mode","label","attributes","download","menuBar","isVisible","placeholder","table","contentToolbar","htmlSupport","allow","name","classes","styles","image","resizeOptions","value","insert","integrations","simpleUpload","uploadUrl","headers","Authorization","autosave","save","Promise","resolve","createEditorConfig","myUploadFn","async","uFiles","uploadFiles","payload","getToken","split","path","is_private","is_directory","file_size","size","is_child","file_extension","type","mime_type","postV1Drive","handleReady","useCallback","createUploadAdapter","err","handleError","willEditorRestart","jsxs","style","padding","border","borderRadius","backgroundColor","children","color","marginBottom","message","jsx","onClick","ref","className","CKEditor","ClassicEditor","onReady","textAlign"],"mappings":"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"}

package/dist/components/filter/filter/index.esm.js

@@ -30,15 +30,15 @@ import DialogTitle from "../../../node_modules/@mui/material/DialogTitle/DialogT
 import Box from "../../../node_modules/@mui/material/Box/Box/index.esm.js";
 import MenuItem from "../../../node_modules/@mui/material/MenuItem/MenuItem/index.esm.js";
 import IconButton from "../../../node_modules/@mui/material/IconButton/IconButton/index.esm.js";
-import { Edit } from "../../icons/edit/index.esm.js";
 import OutlinedInput from "../../../node_modules/@mui/material/OutlinedInput/OutlinedInput/index.esm.js";
 import InputAdornment from "../../../node_modules/@mui/material/InputAdornment/InputAdornment/index.esm.js";
 import Close from "../../../node_modules/@mui/icons-material/esm/Close/index.esm.js";
 import DialogContent from "../../../node_modules/@mui/material/DialogContent/DialogContent/index.esm.js";
 import Alert from "../../../node_modules/@mui/material/Alert/Alert/index.esm.js";
 import DialogActions from "../../../node_modules/@mui/material/DialogActions/DialogActions/index.esm.js";
+import { Edit } from "../../icons/edit/index.esm.js";
 import { Trash } from "../../icons/trash/index.esm.js";
-setBaseUrl(`${"https://apidev.erpforce.co"}/system-feature`);
+setBaseUrl(`${void 0}/system-feature`);
 const initialQuery = { combinator: "and", rules: [] };
 const Filter = ({
   open,

package/dist/components/filter/filter/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/filter/filter.tsx"],"sourcesContent":["/* eslint-disable */\nimport { useCallback, useEffect, useMemo, useState } from \"react\";\nimport type { RuleGroupType } from \"react-querybuilder\";\nimport \"react-querybuilder/dist/query-builder.scss\";\nimport { QueryBuilder /* , formatQuery */ } from \"react-querybuilder\";\nimport { QueryBuilderMaterial } from \"@react-querybuilder/material\";\nimport {\n  Box,\n  IconButton,\n  MenuItem,\n  Dialog,\n  DialogTitle,\n  DialogContent,\n  DialogActions,\n  OutlinedInput,\n  InputAdornment,\n  Alert,\n} from \"@mui/material\";\nimport \"./filter.scss\";\nimport Select from \"../select/select\";\nimport Typography from \"../typography/typography\";\nimport { Close } from \"@mui/icons-material\";\nimport CombinatorSelect from \"./components/combinator-select\";\nimport RemoveAction from \"./components/remove-action\";\nimport FieldSelect from \"./components/field-select\";\nimport AddFilterButton from \"./components/add-filter\";\nimport AddGroupButton from \"./components/add-group\";\nimport ValueEditor from \"./components/value-editor\";\nimport OperatorSelect from \"./components/operator-select\";\nimport Button from \"../button/button\";\nimport RemoveGroupAction from \"./components/delete-group\";\nimport SearchBar from \"../search-bar/search-bar\";\nimport SaveFilterModal from \"../save-filter-modal/save-filter-modal\";\n\nimport {\n  setBaseUrl,\n  putV1FilterId,\n  deleteV1FilterId,\n} from \"../../api-client/api.system-feature/api\";\nimport type * as Types from \"../../api-client/api.system-feature/api-types\";\nimport { auth } from \"../../constants/auth\";\nimport { generateFields, generateQueryString, getErrorMessage } from \"../../utils/common\";\nimport { usePages } from \"../../hooks/use-pages\";\nimport _ from \"lodash\";\nimport { Edit, Trash } from \"../icons\";\nimport { enqueueSnackbar } from \"notistack\";\nimport { IResources, routeToResourceMap } from \"../../constants/route-page-map\";\nimport { useLocation } from \"react-router-dom\";\nimport { useLanguage } from \"../../hooks/useLangauge\";\n\nsetBaseUrl(`${import.meta.env.VITE_BACKEND_BASE_URL}/system-feature`);\n\ninterface IFilter {\n  open: boolean;\n  onClose: () => void;\n  activeView?: string;\n  savedFilters?: SavedFilter[];\n  fetchSavedFilters?: () => Promise<void>;\n  setFilterBar?: any;\n  onSaveFilter?: (query: RuleGroupType) => void;\n  onSelectedFilter?: (filterName: string) => void;\n  fields: any;\n  applyFilter: any\n}\n\ninterface SavedFilter {\n  id: string;\n  name: string;\n  query: RuleGroupType;\n}\n\nconst initialQuery: RuleGroupType = { combinator: \"and\", rules: [] };\n\nconst Filter = ({\n  open,\n  onClose,\n  // activeView,\n  savedFilters,\n  fetchSavedFilters,\n  onSaveFilter,\n  onSelectedFilter,\n  applyFilter,\n  fields = []\n}: IFilter) => {\n  const location = useLocation();\n\n  const token = localStorage.getItem(auth.storageTokenKeyName);\n  const { updatePageInfo, activePage, schemaFields,setActivePage } = usePages()\n\n  fields = schemaFields.length ? generateFields(schemaFields) : fields\n  const [query, setQuery] = useState<RuleGroupType>(initialQuery);\n  const [filteredSavedFilters, setFilteredSavedFilters] = useState<\n    SavedFilter[]\n  >(savedFilters ?? []);\n  const [selectedFilter, setSelectedFilter] = useState<any>(null);\n  const [openRenameFilter, setIsOpenRenameFilter] = useState<any>(null);\n  const [errorMessage, setErrorMessage] = useState<string | null>(null);\n  const {isRtl}=useLanguage();\n  const resources: IResources = useMemo(() => routeToResourceMap[location.pathname] || null, [location.pathname])\n\n  useEffect(() => {\n    savedFilters && setFilteredSavedFilters(savedFilters);\n  }, [savedFilters]);\n\n\n  const handleApplyFilter = useCallback((clear:boolean = false) => {\n    let q = query\n    const isInvalid = isDuplicatedFilters(q)\n    if(isInvalid){\n      setErrorMessage(\"Invalid filter\")\n      return\n    }\n    if(clear) {\n      q = initialQuery\n      setQuery(q)\n    } else {\n      const generatedSQLQuery = q ? generateQueryString(q) : q;\n      updatePageInfo({ filters: q, filterQueryString: generatedSQLQuery })\n      // applyFilter(generatedSQLQuery);\n      onClose();\n    }\n  }, [query, applyFilter, onClose]);\n\n  const handleQueryChange = (q: RuleGroupType) => {\n    const updatedRules = q.rules.map((rule, i) => ({\n      ...rule,\n      value: rule.field !== query.rules?.[i]?.field || ['null', 'notNull'].includes(rule.operator) ? \"\" : rule.value\n    }));\n    let isValid = true;\n    let errorMessage = '';\n\n    // // Helper function to check for invalid aggregate usage, considering parent combinators\n    // const checkForInvalidAggregateUsage = (rules: any[], combinator: string, parentCombinator: string | null): boolean => {\n    //   let hasAggregateField = false;\n    //   let hasNonAggregateField = false;\n\n    //   rules.forEach(rule => {\n    //     // Check nested groups\n    //     if (rule.rules) {\n    //       // If the current group or any parent has an 'OR', pass it down\n    //       const currentCombinator = combinator === 'or' || parentCombinator === 'or' ? 'or' : combinator;\n    //       checkForInvalidAggregateUsage(rule.rules, rule.combinator, currentCombinator);\n    //     } else {\n    //       // Find the field in the fields array and check if it's an aggregate\n    //       const field = fields.find((f: any) => f.name === rule.field);\n\n    //       if (field?.is_aggregate) {\n    //         hasAggregateField = true;\n    //       } else {\n    //         hasNonAggregateField = true;\n    //       }\n    //     }\n    //   });\n\n    //   // If any parent or current rule uses 'OR' with a mix of aggregate and non-aggregate fields, it's invalid\n    //   if ((combinator === 'or' || parentCombinator === 'or') && hasAggregateField && hasNonAggregateField) {\n    //     isValid = false;\n    //     errorMessage = 'Mixing aggregate and non-aggregate fields in OR conditions may lead to unexpected results.';\n    //   }\n\n    //   return isValid;\n    // };\n\n    // Start checking from the root level (no parent combinator initially)\n    \n\n    // Always set the query, regardless of validity\n    setQuery({...q, rules: updatedRules});\n\n    // Set error message if invalid, otherwise clear it\n    if (!isValid) {\n      setErrorMessage(errorMessage);\n    } else {\n      setErrorMessage(null);\n    }\n\n    // Always call onSaveFilter, if it exists\n    if (onSaveFilter) {\n      onSaveFilter(q);\n    }\n  };\n\n  const handleFilterSwitch = (sf?: any) => {\n    if (sf) {\n      setSelectedFilter(sf);\n      setQuery(sf.query);\n      if (onSelectedFilter) {\n        onSelectedFilter(sf);\n      }\n    } else{\n      setSelectedFilter(null);\n      setQuery(initialQuery);\n      if (onSelectedFilter) {\n        onSelectedFilter(null);\n      }\n    }\n  };\n\n  const handleSearchEvent = (searchText: string) => {\n    const filteredFilters = savedFilters?.filter((filter: any) =>\n      filter.name.toLowerCase().includes(searchText.toLowerCase())\n    );\n    if (filteredFilters) {\n      setFilteredSavedFilters(filteredFilters);\n    }\n  };\n\n  const handleRenameFilter = async (filterId: string, newName: string) => {\n    const putFilterRequest: Types.PutV1FilterIdRequest = {\n      \"x-token\": token,\n      id: filterId,\n      name: newName,\n      module: resources?.fieldResource || resources?.pageResource\n    };\n\n    try {\n      await putV1FilterId(putFilterRequest)\n      // setSelectedFilter(newName);\n      if (fetchSavedFilters) {\n        fetchSavedFilters();\n      }\n      enqueueSnackbar('Filters renamed successfully.')\n    } catch (error) {\n      let m: string = 'Something went wrong on saving filters'\n\t\t\tif(error instanceof Error) {\n        m = getErrorMessage(error.message)\n\t\t\t}\n\t\t\tenqueueSnackbar(m, {variant: 'error'})\n\t\t\treturn false\n    }\n    return true\n  };\n  const handleUpdateSelectedFilterQuery = async () => {\n    if(selectedFilter) {\n\n      const putFilterRequest: Types.PutV1FilterIdRequest = {\n        \"x-token\": token,\n        id: selectedFilter.id,\n        data: query,\n      };\n  \n      putV1FilterId(putFilterRequest)\n        .then((response: any) => {\n          if (fetchSavedFilters) {\n            fetchSavedFilters();\n          }\n            setActivePage((prev: any) => ({\n                ...prev,\n              filters:{\n                ...prev.filters,\n                rules: query.rules,\n                combinator: query.combinator,\n                name: selectedFilter.name\n                \n              }\n              }));\n        })\n        .catch((err: any) => enqueueSnackbar(\"Error renaming saved filters:\", {variant:'error'}));\n    }\n  };\n\n  const handleSubmitRename = (name: string) => {\n    if (openRenameFilter) {\n      return handleRenameFilter(openRenameFilter.id, name);\n    }\n  };\n\n  const handleDeleteFilter = async (filterId: string) => {\n    const deleteFilterRequest: Types.DeleteV1FilterIdRequest = {\n      \"x-token\": token,\n      id: filterId,\n    };\n\n    deleteV1FilterId(deleteFilterRequest)\n      .then((response: any) => {\n        setSelectedFilter(null);\n        setQuery(initialQuery);\n        if (fetchSavedFilters) {\n          fetchSavedFilters();\n        }\n        \n      })\n      .catch((err: any) => console.log(\"Error deleting saved filters:\", err));\n  };\n\n  useEffect(() => {\n    let q = initialQuery\n    if(!_.isEmpty(activePage.filters)) {\n      q = activePage.filters\n    }\n    setQuery(q)\n    const selectedFilter = savedFilters?.find((f: any) => f.name === activePage?.filters?.name);\n    setSelectedFilter(selectedFilter || null);\n  }, [activePage?.filters, savedFilters]);\n\n  const isDuplicatedFilters = (rule) => {\n      let uniques:string[]=[]\n      rule?.rules?.forEach((r: any) => {\n        if(uniques.includes(r.field)&& rule.combinator=='and'){\n          return true\n        }\n        uniques.push(r.field)\n      })\n      return uniques.length !== rule?.rules?.length\n  }\n\n\n  const isRuleInvalid = (rule: any): boolean => {\n    // If it's a group (has nested rules), recurse\n    if (Array.isArray(rule.rules)) {\n      return rule.rules.length ? rule.rules.some(isRuleInvalid) : !rule.rules.length;\n    }\n  \n    // Otherwise, validate individual rule\n    return (\n      !rule.field ||\n      (_.isEmpty(rule.value) && !['null', 'notNull'].includes(rule.operator))\n    );\n  };\n  \n  const disabled = useMemo(() => isRuleInvalid(query) || errorMessage, [query, errorMessage])\n  // const disabled = isRuleInvalid(query) || errorMessage;\n\n  return (\n    <div>\n      <Dialog \n        open={open}  \n        onClose={onClose} \n        maxWidth='md' \n        fullWidth={true} \n        PaperProps={{\n          sx:{ borderRadius: 2 }\n        }}\n      >\n        <DialogTitle className=\"filter-header\">\n          <Typography type=\"s3\" weight=\"medium\" color=\"theme.secondary.1000\">\n            Filters\n          </Typography>\n          <Box gap={1} display={\"flex\"}>\n            <Select\n              fullWidth\n              size=\"small\"\n              className=\"filter-dropdown\"\n              value={selectedFilter ? selectedFilter.name : \"Saved Filters\"}\n              onChange={(event: any) =>{\n                const sf = savedFilters?.find(f => f.name == event.target.value)\n                handleFilterSwitch(sf)\n              }}\n              variant=\"outlined\"\n              onClose={() => {\n                setTimeout(() => {\n                  handleSearchEvent(\"\")\n                }, 500);\n              }}\n              input={\n                selectedFilter ? (\n                  <OutlinedInput\n                    label=''\n                    endAdornment={\n                      <InputAdornment position='end'>\n                          <IconButton\n                            aria-label='clear selection'\n                            onClick={() => {\n                              handleFilterSwitch()\n                            }}\n                            edge='end'\n                            sx={{ mr: 1.5 }}\n                            size='small'>\n                            <Close sx={{ fontSize: '1rem' }} />\n                          </IconButton>\n                      </InputAdornment>\n                    }\n                  />\n                ) : undefined\n              }\n            >\n              <div className=\"searchbar-box-list\">\n                <SearchBar\n                  placeholder={\"Search Filters\"}\n                  handleSearch={(e) => handleSearchEvent(e)}\n                />\n              </div>\n              {/* <Typography\n                color=\"theme.secondary.1000\"\n                type=\"s4\"\n                className=\"filter-title\"\n              >\n                Saved Filters\n              </Typography> */}\n              {filteredSavedFilters?.map((savedFilter: SavedFilter) => (\n                <MenuItem\n                  key={savedFilter.id}\n                  value={savedFilter?.name}\n                  className=\"menu-list\"\n                  selected={selectedFilter?.name == savedFilter?.name}\n                >\n                  <Typography color=\"theme.secondary.1000\" type=\"s3\">\n                    {savedFilter?.name}\n                  </Typography>\n\n                  <div className=\"icon-list\">\n                    <IconButton size=\"small\" onClick={(e) => {\n                       e.preventDefault()\n                       e.stopPropagation()\n                      setIsOpenRenameFilter(savedFilter)\n                    }}>\n                      <Edit fontSize=\"small\" color={selectedFilter?.name == savedFilter?.name ? \"theme.primary.800\" : 'inherit'}/>\n                    </IconButton>\n                    <IconButton size=\"small\" onClick={(e) => {\n                      e.preventDefault()\n                      e.stopPropagation()\n                      handleDeleteFilter(savedFilter.id)\n                    }} color=\"error\">\n                      <Trash fontSize=\"small\" color=\"theme.error.600\"/>\n                    </IconButton>\n                  </div>\n                </MenuItem>\n              ))}\n            </Select>\n            <SaveFilterModal\n              open={openRenameFilter !== null}\n              onClose={() => setIsOpenRenameFilter(null)}\n              handleSubmit={(name) => handleSubmitRename(name)}\n              oldName={openRenameFilter?.name}\n            />\n            <Box>\n              <IconButton size=\"small\" onClick={onClose}>\n                <Close fontSize=\"small\" />\n              </IconButton>\n            </Box>\n          </Box>\n        </DialogTitle>\n        <DialogContent className=\"content\">\n          {/* Display error message */}\n          {errorMessage && (\n            <Alert severity=\"error\" sx={{ px:1, pt: 0.5, mb: 1 }}>\n              <Typography\n                color=\"error\"\n                type=\"s4\"\n              >\n                {errorMessage}\n              </Typography>\n            </Alert>\n          )}\n          <QueryBuilderMaterial>\n            <QueryBuilder\n              fields={fields || []}\n              query={query}\n              onQueryChange={handleQueryChange}\n              showCombinatorsBetweenRules={true}\n              controlClassnames={{\n                header: \"actions\",\n              }}\n              controlElements={{\n                addRuleAction: AddFilterButton,\n                addGroupAction: AddGroupButton,\n                combinatorSelector: CombinatorSelect,\n                fieldSelector: FieldSelect,\n                operatorSelector: OperatorSelect,\n                removeRuleAction: RemoveAction,\n                valueEditor: ValueEditor,\n                removeGroupAction: RemoveGroupAction,\n              }}\n            />\n            <Button\n              variant=\"text\"\n              className={isRtl?'remove-filters_rtl':'remove-filters'}\n              onClick={() => {\n                handleApplyFilter(true)\n              }}\n              disabled={disabled}\n            >\n              Clear all filters\n            </Button>\n          </QueryBuilderMaterial>\n        </DialogContent>\n        <DialogActions className=\"filter-footer\">\n          <Box sx={{ display: 'flex', alignItems: 'center', justifyContent:selectedFilter ? 'space-between' : 'flex-end', width:'100%' }}>\n              {selectedFilter &&\n                <Box>\n                  <Button onClick={handleUpdateSelectedFilterQuery}> \n                    Update Seleted filter\n                  </Button>\n                </Box>\n              }\n              <Box sx={{display: 'flex', gap:1}}>\n                <Button className=\"cancel-filter-btn\" onClick={onClose}>\n                  Cancel\n                </Button>\n                <Button\n                  disabled={disabled}\n                  onClick={() => handleApplyFilter()}\n                >\n                  Apply\n                </Button>\n              </Box>\n          </Box>\n        </DialogActions>\n      </Dialog>\n    </div>\n  );\n};\n\nexport default Filter;\n"],"names":["selectedFilter"],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/filter/filter.tsx"],"sourcesContent":["/* eslint-disable */\nimport { useCallback, useEffect, useMemo, useState } from \"react\";\nimport type { RuleGroupType } from \"react-querybuilder\";\nimport \"react-querybuilder/dist/query-builder.scss\";\nimport { QueryBuilder /* , formatQuery */ } from \"react-querybuilder\";\nimport { QueryBuilderMaterial } from \"@react-querybuilder/material\";\nimport {\n  Box,\n  IconButton,\n  MenuItem,\n  Dialog,\n  DialogTitle,\n  DialogContent,\n  DialogActions,\n  OutlinedInput,\n  InputAdornment,\n  Alert,\n} from \"@mui/material\";\nimport \"./filter.scss\";\nimport Select from \"../select/select\";\nimport Typography from \"../typography/typography\";\nimport { Close } from \"@mui/icons-material\";\nimport CombinatorSelect from \"./components/combinator-select\";\nimport RemoveAction from \"./components/remove-action\";\nimport FieldSelect from \"./components/field-select\";\nimport AddFilterButton from \"./components/add-filter\";\nimport AddGroupButton from \"./components/add-group\";\nimport ValueEditor from \"./components/value-editor\";\nimport OperatorSelect from \"./components/operator-select\";\nimport Button from \"../button/button\";\nimport RemoveGroupAction from \"./components/delete-group\";\nimport SearchBar from \"../search-bar/search-bar\";\nimport SaveFilterModal from \"../save-filter-modal/save-filter-modal\";\n\nimport {\n  setBaseUrl,\n  putV1FilterId,\n  deleteV1FilterId,\n} from \"../../api-client/api.system-feature/api\";\nimport type * as Types from \"../../api-client/api.system-feature/api-types\";\nimport { auth } from \"../../constants/auth\";\nimport { generateFields, generateQueryString, getErrorMessage } from \"../../utils/common\";\nimport { usePages } from \"../../hooks/use-pages\";\nimport _ from \"lodash\";\nimport { Edit, Trash } from \"../icons\";\nimport { enqueueSnackbar } from \"notistack\";\nimport { IResources, routeToResourceMap } from \"../../constants/route-page-map\";\nimport { useLocation } from \"react-router-dom\";\nimport { useLanguage } from \"../../hooks/useLangauge\";\n\nsetBaseUrl(`${import.meta.env.VITE_BACKEND_BASE_URL}/system-feature`);\n\ninterface IFilter {\n  open: boolean;\n  onClose: () => void;\n  activeView?: string;\n  savedFilters?: SavedFilter[];\n  fetchSavedFilters?: () => Promise<void>;\n  setFilterBar?: any;\n  onSaveFilter?: (query: RuleGroupType) => void;\n  onSelectedFilter?: (filterName: string) => void;\n  fields: any;\n  applyFilter: any\n}\n\ninterface SavedFilter {\n  id: string;\n  name: string;\n  query: RuleGroupType;\n}\n\nconst initialQuery: RuleGroupType = { combinator: \"and\", rules: [] };\n\nconst Filter = ({\n  open,\n  onClose,\n  // activeView,\n  savedFilters,\n  fetchSavedFilters,\n  onSaveFilter,\n  onSelectedFilter,\n  applyFilter,\n  fields = []\n}: IFilter) => {\n  const location = useLocation();\n\n  const token = localStorage.getItem(auth.storageTokenKeyName);\n  const { updatePageInfo, activePage, schemaFields,setActivePage } = usePages()\n\n  fields = schemaFields.length ? generateFields(schemaFields) : fields\n  const [query, setQuery] = useState<RuleGroupType>(initialQuery);\n  const [filteredSavedFilters, setFilteredSavedFilters] = useState<\n    SavedFilter[]\n  >(savedFilters ?? []);\n  const [selectedFilter, setSelectedFilter] = useState<any>(null);\n  const [openRenameFilter, setIsOpenRenameFilter] = useState<any>(null);\n  const [errorMessage, setErrorMessage] = useState<string | null>(null);\n  const {isRtl}=useLanguage();\n  const resources: IResources = useMemo(() => routeToResourceMap[location.pathname] || null, [location.pathname])\n\n  useEffect(() => {\n    savedFilters && setFilteredSavedFilters(savedFilters);\n  }, [savedFilters]);\n\n\n  const handleApplyFilter = useCallback((clear:boolean = false) => {\n    let q = query\n    const isInvalid = isDuplicatedFilters(q)\n    if(isInvalid){\n      setErrorMessage(\"Invalid filter\")\n      return\n    }\n    if(clear) {\n      q = initialQuery\n      setQuery(q)\n    } else {\n      const generatedSQLQuery = q ? generateQueryString(q) : q;\n      updatePageInfo({ filters: q, filterQueryString: generatedSQLQuery })\n      // applyFilter(generatedSQLQuery);\n      onClose();\n    }\n  }, [query, applyFilter, onClose]);\n\n  const handleQueryChange = (q: RuleGroupType) => {\n    const updatedRules = q.rules.map((rule, i) => ({\n      ...rule,\n      value: rule.field !== query.rules?.[i]?.field || ['null', 'notNull'].includes(rule.operator) ? \"\" : rule.value\n    }));\n    let isValid = true;\n    let errorMessage = '';\n\n    // // Helper function to check for invalid aggregate usage, considering parent combinators\n    // const checkForInvalidAggregateUsage = (rules: any[], combinator: string, parentCombinator: string | null): boolean => {\n    //   let hasAggregateField = false;\n    //   let hasNonAggregateField = false;\n\n    //   rules.forEach(rule => {\n    //     // Check nested groups\n    //     if (rule.rules) {\n    //       // If the current group or any parent has an 'OR', pass it down\n    //       const currentCombinator = combinator === 'or' || parentCombinator === 'or' ? 'or' : combinator;\n    //       checkForInvalidAggregateUsage(rule.rules, rule.combinator, currentCombinator);\n    //     } else {\n    //       // Find the field in the fields array and check if it's an aggregate\n    //       const field = fields.find((f: any) => f.name === rule.field);\n\n    //       if (field?.is_aggregate) {\n    //         hasAggregateField = true;\n    //       } else {\n    //         hasNonAggregateField = true;\n    //       }\n    //     }\n    //   });\n\n    //   // If any parent or current rule uses 'OR' with a mix of aggregate and non-aggregate fields, it's invalid\n    //   if ((combinator === 'or' || parentCombinator === 'or') && hasAggregateField && hasNonAggregateField) {\n    //     isValid = false;\n    //     errorMessage = 'Mixing aggregate and non-aggregate fields in OR conditions may lead to unexpected results.';\n    //   }\n\n    //   return isValid;\n    // };\n\n    // Start checking from the root level (no parent combinator initially)\n    \n\n    // Always set the query, regardless of validity\n    setQuery({...q, rules: updatedRules});\n\n    // Set error message if invalid, otherwise clear it\n    if (!isValid) {\n      setErrorMessage(errorMessage);\n    } else {\n      setErrorMessage(null);\n    }\n\n    // Always call onSaveFilter, if it exists\n    if (onSaveFilter) {\n      onSaveFilter(q);\n    }\n  };\n\n  const handleFilterSwitch = (sf?: any) => {\n    if (sf) {\n      setSelectedFilter(sf);\n      setQuery(sf.query);\n      if (onSelectedFilter) {\n        onSelectedFilter(sf);\n      }\n    } else{\n      setSelectedFilter(null);\n      setQuery(initialQuery);\n      if (onSelectedFilter) {\n        onSelectedFilter(null);\n      }\n    }\n  };\n\n  const handleSearchEvent = (searchText: string) => {\n    const filteredFilters = savedFilters?.filter((filter: any) =>\n      filter.name.toLowerCase().includes(searchText.toLowerCase())\n    );\n    if (filteredFilters) {\n      setFilteredSavedFilters(filteredFilters);\n    }\n  };\n\n  const handleRenameFilter = async (filterId: string, newName: string) => {\n    const putFilterRequest: Types.PutV1FilterIdRequest = {\n      \"x-token\": token,\n      id: filterId,\n      name: newName,\n      module: resources?.fieldResource || resources?.pageResource\n    };\n\n    try {\n      await putV1FilterId(putFilterRequest)\n      // setSelectedFilter(newName);\n      if (fetchSavedFilters) {\n        fetchSavedFilters();\n      }\n      enqueueSnackbar('Filters renamed successfully.')\n    } catch (error) {\n      let m: string = 'Something went wrong on saving filters'\n\t\t\tif(error instanceof Error) {\n        m = getErrorMessage(error.message)\n\t\t\t}\n\t\t\tenqueueSnackbar(m, {variant: 'error'})\n\t\t\treturn false\n    }\n    return true\n  };\n  const handleUpdateSelectedFilterQuery = async () => {\n    if(selectedFilter) {\n\n      const putFilterRequest: Types.PutV1FilterIdRequest = {\n        \"x-token\": token,\n        id: selectedFilter.id,\n        data: query,\n      };\n  \n      putV1FilterId(putFilterRequest)\n        .then((response: any) => {\n          if (fetchSavedFilters) {\n            fetchSavedFilters();\n          }\n            setActivePage((prev: any) => ({\n                ...prev,\n              filters:{\n                ...prev.filters,\n                rules: query.rules,\n                combinator: query.combinator,\n                name: selectedFilter.name\n                \n              }\n              }));\n        })\n        .catch((err: any) => enqueueSnackbar(\"Error renaming saved filters:\", {variant:'error'}));\n    }\n  };\n\n  const handleSubmitRename = (name: string) => {\n    if (openRenameFilter) {\n      return handleRenameFilter(openRenameFilter.id, name);\n    }\n  };\n\n  const handleDeleteFilter = async (filterId: string) => {\n    const deleteFilterRequest: Types.DeleteV1FilterIdRequest = {\n      \"x-token\": token,\n      id: filterId,\n    };\n\n    deleteV1FilterId(deleteFilterRequest)\n      .then((response: any) => {\n        setSelectedFilter(null);\n        setQuery(initialQuery);\n        if (fetchSavedFilters) {\n          fetchSavedFilters();\n        }\n        \n      })\n      .catch((err: any) => console.log(\"Error deleting saved filters:\", err));\n  };\n\n  useEffect(() => {\n    let q = initialQuery\n    if(!_.isEmpty(activePage.filters)) {\n      q = activePage.filters\n    }\n    setQuery(q)\n    const selectedFilter = savedFilters?.find((f: any) => f.name === activePage?.filters?.name);\n    setSelectedFilter(selectedFilter || null);\n  }, [activePage?.filters, savedFilters]);\n\n  const isDuplicatedFilters = (rule) => {\n      let uniques:string[]=[]\n      rule?.rules?.forEach((r: any) => {\n        if(uniques.includes(r.field)&& rule.combinator=='and'){\n          return true\n        }\n        uniques.push(r.field)\n      })\n      return uniques.length !== rule?.rules?.length\n  }\n\n\n  const isRuleInvalid = (rule: any): boolean => {\n    // If it's a group (has nested rules), recurse\n    if (Array.isArray(rule.rules)) {\n      return rule.rules.length ? rule.rules.some(isRuleInvalid) : !rule.rules.length;\n    }\n  \n    // Otherwise, validate individual rule\n    return (\n      !rule.field ||\n      (_.isEmpty(rule.value) && !['null', 'notNull'].includes(rule.operator))\n    );\n  };\n  \n  const disabled = useMemo(() => isRuleInvalid(query) || errorMessage, [query, errorMessage])\n  // const disabled = isRuleInvalid(query) || errorMessage;\n\n  return (\n    <div>\n      <Dialog \n        open={open}  \n        onClose={onClose} \n        maxWidth='md' \n        fullWidth={true} \n        PaperProps={{\n          sx:{ borderRadius: 2 }\n        }}\n      >\n        <DialogTitle className=\"filter-header\">\n          <Typography type=\"s3\" weight=\"medium\" color=\"theme.secondary.1000\">\n            Filters\n          </Typography>\n          <Box gap={1} display={\"flex\"}>\n            <Select\n              fullWidth\n              size=\"small\"\n              className=\"filter-dropdown\"\n              value={selectedFilter ? selectedFilter.name : \"Saved Filters\"}\n              onChange={(event: any) =>{\n                const sf = savedFilters?.find(f => f.name == event.target.value)\n                handleFilterSwitch(sf)\n              }}\n              variant=\"outlined\"\n              onClose={() => {\n                setTimeout(() => {\n                  handleSearchEvent(\"\")\n                }, 500);\n              }}\n              input={\n                selectedFilter ? (\n                  <OutlinedInput\n                    label=''\n                    endAdornment={\n                      <InputAdornment position='end'>\n                          <IconButton\n                            aria-label='clear selection'\n                            onClick={() => {\n                              handleFilterSwitch()\n                            }}\n                            edge='end'\n                            sx={{ mr: 1.5 }}\n                            size='small'>\n                            <Close sx={{ fontSize: '1rem' }} />\n                          </IconButton>\n                      </InputAdornment>\n                    }\n                  />\n                ) : undefined\n              }\n            >\n              <div className=\"searchbar-box-list\">\n                <SearchBar\n                  placeholder={\"Search Filters\"}\n                  handleSearch={(e) => handleSearchEvent(e)}\n                />\n              </div>\n              {/* <Typography\n                color=\"theme.secondary.1000\"\n                type=\"s4\"\n                className=\"filter-title\"\n              >\n                Saved Filters\n              </Typography> */}\n              {filteredSavedFilters?.map((savedFilter: SavedFilter) => (\n                <MenuItem\n                  key={savedFilter.id}\n                  value={savedFilter?.name}\n                  className=\"menu-list\"\n                  selected={selectedFilter?.name == savedFilter?.name}\n                >\n                  <Typography color=\"theme.secondary.1000\" type=\"s3\">\n                    {savedFilter?.name}\n                  </Typography>\n\n                  <div className=\"icon-list\">\n                    <IconButton size=\"small\" onClick={(e) => {\n                       e.preventDefault()\n                       e.stopPropagation()\n                      setIsOpenRenameFilter(savedFilter)\n                    }}>\n                      <Edit fontSize=\"small\" color={selectedFilter?.name == savedFilter?.name ? \"theme.primary.800\" : 'inherit'}/>\n                    </IconButton>\n                    <IconButton size=\"small\" onClick={(e) => {\n                      e.preventDefault()\n                      e.stopPropagation()\n                      handleDeleteFilter(savedFilter.id)\n                    }} color=\"error\">\n                      <Trash fontSize=\"small\" color=\"theme.error.600\"/>\n                    </IconButton>\n                  </div>\n                </MenuItem>\n              ))}\n            </Select>\n            <SaveFilterModal\n              open={openRenameFilter !== null}\n              onClose={() => setIsOpenRenameFilter(null)}\n              handleSubmit={(name) => handleSubmitRename(name)}\n              oldName={openRenameFilter?.name}\n            />\n            <Box>\n              <IconButton size=\"small\" onClick={onClose}>\n                <Close fontSize=\"small\" />\n              </IconButton>\n            </Box>\n          </Box>\n        </DialogTitle>\n        <DialogContent className=\"content\">\n          {/* Display error message */}\n          {errorMessage && (\n            <Alert severity=\"error\" sx={{ px:1, pt: 0.5, mb: 1 }}>\n              <Typography\n                color=\"error\"\n                type=\"s4\"\n              >\n                {errorMessage}\n              </Typography>\n            </Alert>\n          )}\n          <QueryBuilderMaterial>\n            <QueryBuilder\n              fields={fields || []}\n              query={query}\n              onQueryChange={handleQueryChange}\n              showCombinatorsBetweenRules={true}\n              controlClassnames={{\n                header: \"actions\",\n              }}\n              controlElements={{\n                addRuleAction: AddFilterButton,\n                addGroupAction: AddGroupButton,\n                combinatorSelector: CombinatorSelect,\n                fieldSelector: FieldSelect,\n                operatorSelector: OperatorSelect,\n                removeRuleAction: RemoveAction,\n                valueEditor: ValueEditor,\n                removeGroupAction: RemoveGroupAction,\n              }}\n            />\n            <Button\n              variant=\"text\"\n              className={isRtl?'remove-filters_rtl':'remove-filters'}\n              onClick={() => {\n                handleApplyFilter(true)\n              }}\n              disabled={disabled}\n            >\n              Clear all filters\n            </Button>\n          </QueryBuilderMaterial>\n        </DialogContent>\n        <DialogActions className=\"filter-footer\">\n          <Box sx={{ display: 'flex', alignItems: 'center', justifyContent:selectedFilter ? 'space-between' : 'flex-end', width:'100%' }}>\n              {selectedFilter &&\n                <Box>\n                  <Button onClick={handleUpdateSelectedFilterQuery}> \n                    Update Seleted filter\n                  </Button>\n                </Box>\n              }\n              <Box sx={{display: 'flex', gap:1}}>\n                <Button className=\"cancel-filter-btn\" onClick={onClose}>\n                  Cancel\n                </Button>\n                <Button\n                  disabled={disabled}\n                  onClick={() => handleApplyFilter()}\n                >\n                  Apply\n                </Button>\n              </Box>\n          </Box>\n        </DialogActions>\n      </Dialog>\n    </div>\n  );\n};\n\nexport default Filter;\n"],"names":["selectedFilter"],"mappings":"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"}

package/dist/components/filter/filter/index.js

@@ -1,21 +1,21 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),r=require("react-querybuilder"),t=;/* empty css                                                                                         */;/* empty css                    */var i=,/* empty css                         */n=,/* empty css                                 */s=,/* empty css                                     */a=,/* empty css                                 */o=,/* empty css                                */u=,/* empty css                              */d=,/* empty css                             */c=,/* empty css                                */m=,/* empty css                                   */f=,/* empty css                         */x=,/* empty css                                */p=,/* empty css                                 */h=,/* empty css                                               */j=,/* empty css                                                */v=,/* empty css                             */g=,/* empty css                           */q=,/* empty css                              */y=require("lodash"),b=,/* empty css                                                   */S=,/* empty css                                       */C=require("react-router-dom"),k=,/* empty css                                */_=,/* empty css                                                       */A=,/* empty css                                                                 */I=,/* empty css                                                 */F=,/* empty css                                                           */N=,/* empty css                                                               */w=,/* empty css                      */E=,/* empty css                                                                     */D=,/* empty css                                                                       */z=,/* empty css                                                         */P=,/* empty css                                                                     */T=,/* empty css                                                     */B=,/* empty css                                                                     */M=;/* empty css                       */function R(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var L=/* @__PURE__ */R(y);j.setBaseUrl("https://apidev.erpforce.co/system-feature");const Q={combinator:"and",rules:[]};exports.default=({open:y,onClose:R,savedFilters:O,fetchSavedFilters:V,onSaveFilter:W,onSelectedFilter:G,applyFilter:U,fields:K=[]})=>{const H=C.useLocation(),J=localStorage.getItem(v.auth.storageTokenKeyName),{updatePageInfo:X,activePage:Y,schemaFields:Z,setActivePage:$}=q.usePages();K=Z.length?g.generateFields(Z):K;const[ee,le]=l.useState(Q),[re,te]=l.useState(O??[]),[ie,ne]=l.useState(null),[se,ae]=l.useState(null),[oe,ue]=l.useState(null),{isRtl:de}=k.useLanguage(),ce=l.useMemo(()=>S.routeToResourceMap[H.pathname]||null,[H.pathname]);l.useEffect(()=>{O&&te(O)},[O]);const me=l.useCallback((e=!1)=>{let l=ee;if(pe(l))ue("Invalid filter");else if(e)l=Q,le(l);else{const e=l?g.generateQueryString(l):l;X({filters:l,filterQueryString:e}),R()}},[ee,U,R]),fe=e=>{e?(ne(e),le(e.query),G&&G(e)):(ne(null),le(Q),G&&G(null))},xe=e=>{const l=null==O?void 0:O.filter(l=>l.name.toLowerCase().includes(e.toLowerCase()));l&&te(l)};l.useEffect(()=>{let e=Q;L.default.isEmpty(Y.filters)||(e=Y.filters),le(e);const l=null==O?void 0:O.find(e=>{var l;return e.name===(null==(l=null==Y?void 0:Y.filters)?void 0:l.name)});ne(l||null)},[null==Y?void 0:Y.filters,O]);const pe=e=>{var l,r;let t=[];return null==(l=null==e?void 0:e.rules)||l.forEach(l=>{if(t.includes(l.field)&&"and"==e.combinator)return!0;t.push(l.field)}),t.length!==(null==(r=null==e?void 0:e.rules)?void 0:r.length)},he=e=>Array.isArray(e.rules)?e.rules.length?e.rules.some(he):!e.rules.length:!e.field||L.default.isEmpty(e.value)&&!["null","notNull"].includes(e.operator),je=l.useMemo(()=>he(ee)||oe,[ee,oe]);/* @__PURE__ */
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),r=require("react-querybuilder"),t=;/* empty css                                                                                         */;/* empty css                    */var i=,/* empty css                         */n=,/* empty css                                 */s=,/* empty css                                     */a=,/* empty css                                 */o=,/* empty css                                */u=,/* empty css                              */d=,/* empty css                             */c=,/* empty css                                */m=,/* empty css                                   */f=,/* empty css                         */x=,/* empty css                                */p=,/* empty css                                 */h=,/* empty css                                               */j=,/* empty css                                                */v=,/* empty css                             */g=,/* empty css                           */q=,/* empty css                              */y=require("lodash"),b=,/* empty css                                                   */S=,/* empty css                                       */C=require("react-router-dom"),k=,/* empty css                                */_=,/* empty css                                                       */A=,/* empty css                                                                 */I=,/* empty css                                                 */F=,/* empty css                                                           */N=,/* empty css                                                               */w=,/* empty css                                                                     */E=,/* empty css                                                                       */D=,/* empty css                                                         */z=,/* empty css                                                                     */P=,/* empty css                                                     */T=,/* empty css                                                                     */B=,/* empty css                      */M=;/* empty css                       */function R(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var L=/* @__PURE__ */R(y);j.setBaseUrl("undefined/system-feature");const Q={combinator:"and",rules:[]};exports.default=({open:y,onClose:R,savedFilters:O,fetchSavedFilters:V,onSaveFilter:W,onSelectedFilter:G,applyFilter:U,fields:K=[]})=>{const H=C.useLocation(),J=localStorage.getItem(v.auth.storageTokenKeyName),{updatePageInfo:X,activePage:Y,schemaFields:Z,setActivePage:$}=q.usePages();K=Z.length?g.generateFields(Z):K;const[ee,le]=l.useState(Q),[re,te]=l.useState(O??[]),[ie,ne]=l.useState(null),[se,ae]=l.useState(null),[oe,ue]=l.useState(null),{isRtl:de}=k.useLanguage(),ce=l.useMemo(()=>S.routeToResourceMap[H.pathname]||null,[H.pathname]);l.useEffect(()=>{O&&te(O)},[O]);const me=l.useCallback((e=!1)=>{let l=ee;if(pe(l))ue("Invalid filter");else if(e)l=Q,le(l);else{const e=l?g.generateQueryString(l):l;X({filters:l,filterQueryString:e}),R()}},[ee,U,R]),fe=e=>{e?(ne(e),le(e.query),G&&G(e)):(ne(null),le(Q),G&&G(null))},xe=e=>{const l=null==O?void 0:O.filter(l=>l.name.toLowerCase().includes(e.toLowerCase()));l&&te(l)};l.useEffect(()=>{let e=Q;L.default.isEmpty(Y.filters)||(e=Y.filters),le(e);const l=null==O?void 0:O.find(e=>{var l;return e.name===(null==(l=null==Y?void 0:Y.filters)?void 0:l.name)});ne(l||null)},[null==Y?void 0:Y.filters,O]);const pe=e=>{var l,r;let t=[];return null==(l=null==e?void 0:e.rules)||l.forEach(l=>{if(t.includes(l.field)&&"and"==e.combinator)return!0;t.push(l.field)}),t.length!==(null==(r=null==e?void 0:e.rules)?void 0:r.length)},he=e=>Array.isArray(e.rules)?e.rules.length?e.rules.some(he):!e.rules.length:!e.field||L.default.isEmpty(e.value)&&!["null","notNull"].includes(e.operator),je=l.useMemo(()=>he(ee)||oe,[ee,oe]);/* @__PURE__ */
 return e.jsx("div",{children:/* @__PURE__ */e.jsxs(_.default,{open:y,onClose:R,maxWidth:"md",fullWidth:!0,PaperProps:{sx:{borderRadius:2}},children:[
 /* @__PURE__ */e.jsxs(A.default,{className:"filter-header",children:[
 /* @__PURE__ */e.jsx(n.Typography,{type:"s3",weight:"medium",color:"theme.secondary.1000",children:"Filters"}),
 /* @__PURE__ */e.jsxs(I.default,{gap:1,display:"flex",children:[
-/* @__PURE__ */e.jsxs(i.default,{fullWidth:!0,size:"small",className:"filter-dropdown",value:ie?ie.name:"Saved Filters",onChange:e=>{const l=null==O?void 0:O.find(l=>l.name==e.target.value);fe(l)},variant:"outlined",onClose:()=>{setTimeout(()=>{xe("")},500)},input:ie?/* @__PURE__ */e.jsx(E.default,{label:"",endAdornment:/* @__PURE__ */e.jsx(D.default,{position:"end",children:/* @__PURE__ */e.jsx(N.default,{"aria-label":"clear selection",onClick:()=>{fe()},edge:"end",sx:{mr:1.5},size:"small",children:/* @__PURE__ */e.jsx(z.default,{sx:{fontSize:"1rem"}})})})}):void 0,children:[
+/* @__PURE__ */e.jsxs(i.default,{fullWidth:!0,size:"small",className:"filter-dropdown",value:ie?ie.name:"Saved Filters",onChange:e=>{const l=null==O?void 0:O.find(l=>l.name==e.target.value);fe(l)},variant:"outlined",onClose:()=>{setTimeout(()=>{xe("")},500)},input:ie?/* @__PURE__ */e.jsx(w.default,{label:"",endAdornment:/* @__PURE__ */e.jsx(E.default,{position:"end",children:/* @__PURE__ */e.jsx(N.default,{"aria-label":"clear selection",onClick:()=>{fe()},edge:"end",sx:{mr:1.5},size:"small",children:/* @__PURE__ */e.jsx(D.default,{sx:{fontSize:"1rem"}})})})}):void 0,children:[
 /* @__PURE__ */e.jsx("div",{className:"searchbar-box-list",children:/* @__PURE__ */e.jsx(p.default,{placeholder:"Search Filters",handleSearch:e=>xe(e)})}),null==re?void 0:re.map(l=>/* @__PURE__ */e.jsxs(F.default,{value:null==l?void 0:l.name,className:"menu-list",selected:(null==ie?void 0:ie.name)==(null==l?void 0:l.name),children:[
 /* @__PURE__ */e.jsx(n.Typography,{color:"theme.secondary.1000",type:"s3",children:null==l?void 0:l.name}),
 /* @__PURE__ */e.jsxs("div",{className:"icon-list",children:[
-/* @__PURE__ */e.jsx(N.default,{size:"small",onClick:e=>{e.preventDefault(),e.stopPropagation(),ae(l)},children:/* @__PURE__ */e.jsx(w.Edit,{fontSize:"small",color:(null==ie?void 0:ie.name)==(null==l?void 0:l.name)?"theme.primary.800":"inherit"})}),
+/* @__PURE__ */e.jsx(N.default,{size:"small",onClick:e=>{e.preventDefault(),e.stopPropagation(),ae(l)},children:/* @__PURE__ */e.jsx(B.Edit,{fontSize:"small",color:(null==ie?void 0:ie.name)==(null==l?void 0:l.name)?"theme.primary.800":"inherit"})}),
 /* @__PURE__ */e.jsx(N.default,{size:"small",onClick:e=>{e.preventDefault(),e.stopPropagation(),(async e=>{const l={"x-token":J,id:e};j.deleteV1FilterId(l).then(e=>{ne(null),le(Q),V&&V()}).catch(e=>{})})(l.id)},color:"error",children:/* @__PURE__ */e.jsx(M.Trash,{fontSize:"small",color:"theme.error.600"})})]})]},l.id))]}),
 /* @__PURE__ */e.jsx(h.default,{open:null!==se,onClose:()=>ae(null),handleSubmit:e=>(e=>{if(se)return(async(e,l)=>{const r={"x-token":J,id:e,name:l,module:(null==ce?void 0:ce.fieldResource)||(null==ce?void 0:ce.pageResource)};try{await j.putV1FilterId(r),V&&V(),b.enqueueSnackbar("Filters renamed successfully.")}catch(t){let e="Something went wrong on saving filters";return t instanceof Error&&(e=g.getErrorMessage(t.message)),b.enqueueSnackbar(e,{variant:"error"}),!1}return!0})(se.id,e)})(e),oldName:null==se?void 0:se.name}),
-/* @__PURE__ */e.jsx(I.default,{children:/* @__PURE__ */e.jsx(N.default,{size:"small",onClick:R,children:/* @__PURE__ */e.jsx(z.default,{fontSize:"small"})})})]})]}),
-/* @__PURE__ */e.jsxs(P.default,{className:"content",children:[oe&&/* @__PURE__ */e.jsx(T.default,{severity:"error",sx:{px:1,pt:.5,mb:1},children:/* @__PURE__ */e.jsx(n.Typography,{color:"error",type:"s4",children:oe})}),
+/* @__PURE__ */e.jsx(I.default,{children:/* @__PURE__ */e.jsx(N.default,{size:"small",onClick:R,children:/* @__PURE__ */e.jsx(D.default,{fontSize:"small"})})})]})]}),
+/* @__PURE__ */e.jsxs(z.default,{className:"content",children:[oe&&/* @__PURE__ */e.jsx(P.default,{severity:"error",sx:{px:1,pt:.5,mb:1},children:/* @__PURE__ */e.jsx(n.Typography,{color:"error",type:"s4",children:oe})}),
 /* @__PURE__ */e.jsxs(t.QueryBuilderMaterial,{children:[
 /* @__PURE__ */e.jsx(r.QueryBuilder,{fields:K||[],query:ee,onQueryChange:e=>{const l=e.rules.map((e,l)=>{var r,t;return{...e,value:e.field!==(null==(t=null==(r=ee.rules)?void 0:r[l])?void 0:t.field)||["null","notNull"].includes(e.operator)?"":e.value}});le({...e,rules:l}),ue(null),W&&W(e)},showCombinatorsBetweenRules:!0,controlClassnames:{header:"actions"},controlElements:{addRuleAction:u.default,addGroupAction:d.default,combinatorSelector:s.default,fieldSelector:o.default,operatorSelector:m.default,removeRuleAction:a.default,valueEditor:c.default,removeGroupAction:x.default}}),
 /* @__PURE__ */e.jsx(f.default,{variant:"text",className:de?"remove-filters_rtl":"remove-filters",onClick:()=>{me(!0)},disabled:je,children:"Clear all filters"})]})]}),
-/* @__PURE__ */e.jsx(B.default,{className:"filter-footer",children:/* @__PURE__ */e.jsxs(I.default,{sx:{display:"flex",alignItems:"center",justifyContent:ie?"space-between":"flex-end",width:"100%"},children:[ie&&/* @__PURE__ */e.jsx(I.default,{children:/* @__PURE__ */e.jsx(f.default,{onClick:async()=>{if(ie){const e={"x-token":J,id:ie.id,data:ee};j.putV1FilterId(e).then(e=>{V&&V(),$(e=>({...e,filters:{...e.filters,rules:ee.rules,combinator:ee.combinator,name:ie.name}}))}).catch(e=>b.enqueueSnackbar("Error renaming saved filters:",{variant:"error"}))}},children:"Update Seleted filter"})}),
+/* @__PURE__ */e.jsx(T.default,{className:"filter-footer",children:/* @__PURE__ */e.jsxs(I.default,{sx:{display:"flex",alignItems:"center",justifyContent:ie?"space-between":"flex-end",width:"100%"},children:[ie&&/* @__PURE__ */e.jsx(I.default,{children:/* @__PURE__ */e.jsx(f.default,{onClick:async()=>{if(ie){const e={"x-token":J,id:ie.id,data:ee};j.putV1FilterId(e).then(e=>{V&&V(),$(e=>({...e,filters:{...e.filters,rules:ee.rules,combinator:ee.combinator,name:ie.name}}))}).catch(e=>b.enqueueSnackbar("Error renaming saved filters:",{variant:"error"}))}},children:"Update Seleted filter"})}),
 /* @__PURE__ */e.jsxs(I.default,{sx:{display:"flex",gap:1},children:[
 /* @__PURE__ */e.jsx(f.default,{className:"cancel-filter-btn",onClick:R,children:"Cancel"}),
 /* @__PURE__ */e.jsx(f.default,{disabled:je,onClick:()=>me(),children:"Apply"})]})]})})]})})};

package/dist/components/filter/filter/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/filter/filter.tsx"],"sourcesContent":["/* eslint-disable */\nimport { useCallback, useEffect, useMemo, useState } from \"react\";\nimport type { RuleGroupType } from \"react-querybuilder\";\nimport \"react-querybuilder/dist/query-builder.scss\";\nimport { QueryBuilder /* , formatQuery */ } from \"react-querybuilder\";\nimport { QueryBuilderMaterial } from \"@react-querybuilder/material\";\nimport {\n  Box,\n  IconButton,\n  MenuItem,\n  Dialog,\n  DialogTitle,\n  DialogContent,\n  DialogActions,\n  OutlinedInput,\n  InputAdornment,\n  Alert,\n} from \"@mui/material\";\nimport \"./filter.scss\";\nimport Select from \"../select/select\";\nimport Typography from \"../typography/typography\";\nimport { Close } from \"@mui/icons-material\";\nimport CombinatorSelect from \"./components/combinator-select\";\nimport RemoveAction from \"./components/remove-action\";\nimport FieldSelect from \"./components/field-select\";\nimport AddFilterButton from \"./components/add-filter\";\nimport AddGroupButton from \"./components/add-group\";\nimport ValueEditor from \"./components/value-editor\";\nimport OperatorSelect from \"./components/operator-select\";\nimport Button from \"../button/button\";\nimport RemoveGroupAction from \"./components/delete-group\";\nimport SearchBar from \"../search-bar/search-bar\";\nimport SaveFilterModal from \"../save-filter-modal/save-filter-modal\";\n\nimport {\n  setBaseUrl,\n  putV1FilterId,\n  deleteV1FilterId,\n} from \"../../api-client/api.system-feature/api\";\nimport type * as Types from \"../../api-client/api.system-feature/api-types\";\nimport { auth } from \"../../constants/auth\";\nimport { generateFields, generateQueryString, getErrorMessage } from \"../../utils/common\";\nimport { usePages } from \"../../hooks/use-pages\";\nimport _ from \"lodash\";\nimport { Edit, Trash } from \"../icons\";\nimport { enqueueSnackbar } from \"notistack\";\nimport { IResources, routeToResourceMap } from \"../../constants/route-page-map\";\nimport { useLocation } from \"react-router-dom\";\nimport { useLanguage } from \"../../hooks/useLangauge\";\n\nsetBaseUrl(`${import.meta.env.VITE_BACKEND_BASE_URL}/system-feature`);\n\ninterface IFilter {\n  open: boolean;\n  onClose: () => void;\n  activeView?: string;\n  savedFilters?: SavedFilter[];\n  fetchSavedFilters?: () => Promise<void>;\n  setFilterBar?: any;\n  onSaveFilter?: (query: RuleGroupType) => void;\n  onSelectedFilter?: (filterName: string) => void;\n  fields: any;\n  applyFilter: any\n}\n\ninterface SavedFilter {\n  id: string;\n  name: string;\n  query: RuleGroupType;\n}\n\nconst initialQuery: RuleGroupType = { combinator: \"and\", rules: [] };\n\nconst Filter = ({\n  open,\n  onClose,\n  // activeView,\n  savedFilters,\n  fetchSavedFilters,\n  onSaveFilter,\n  onSelectedFilter,\n  applyFilter,\n  fields = []\n}: IFilter) => {\n  const location = useLocation();\n\n  const token = localStorage.getItem(auth.storageTokenKeyName);\n  const { updatePageInfo, activePage, schemaFields,setActivePage } = usePages()\n\n  fields = schemaFields.length ? generateFields(schemaFields) : fields\n  const [query, setQuery] = useState<RuleGroupType>(initialQuery);\n  const [filteredSavedFilters, setFilteredSavedFilters] = useState<\n    SavedFilter[]\n  >(savedFilters ?? []);\n  const [selectedFilter, setSelectedFilter] = useState<any>(null);\n  const [openRenameFilter, setIsOpenRenameFilter] = useState<any>(null);\n  const [errorMessage, setErrorMessage] = useState<string | null>(null);\n  const {isRtl}=useLanguage();\n  const resources: IResources = useMemo(() => routeToResourceMap[location.pathname] || null, [location.pathname])\n\n  useEffect(() => {\n    savedFilters && setFilteredSavedFilters(savedFilters);\n  }, [savedFilters]);\n\n\n  const handleApplyFilter = useCallback((clear:boolean = false) => {\n    let q = query\n    const isInvalid = isDuplicatedFilters(q)\n    if(isInvalid){\n      setErrorMessage(\"Invalid filter\")\n      return\n    }\n    if(clear) {\n      q = initialQuery\n      setQuery(q)\n    } else {\n      const generatedSQLQuery = q ? generateQueryString(q) : q;\n      updatePageInfo({ filters: q, filterQueryString: generatedSQLQuery })\n      // applyFilter(generatedSQLQuery);\n      onClose();\n    }\n  }, [query, applyFilter, onClose]);\n\n  const handleQueryChange = (q: RuleGroupType) => {\n    const updatedRules = q.rules.map((rule, i) => ({\n      ...rule,\n      value: rule.field !== query.rules?.[i]?.field || ['null', 'notNull'].includes(rule.operator) ? \"\" : rule.value\n    }));\n    let isValid = true;\n    let errorMessage = '';\n\n    // // Helper function to check for invalid aggregate usage, considering parent combinators\n    // const checkForInvalidAggregateUsage = (rules: any[], combinator: string, parentCombinator: string | null): boolean => {\n    //   let hasAggregateField = false;\n    //   let hasNonAggregateField = false;\n\n    //   rules.forEach(rule => {\n    //     // Check nested groups\n    //     if (rule.rules) {\n    //       // If the current group or any parent has an 'OR', pass it down\n    //       const currentCombinator = combinator === 'or' || parentCombinator === 'or' ? 'or' : combinator;\n    //       checkForInvalidAggregateUsage(rule.rules, rule.combinator, currentCombinator);\n    //     } else {\n    //       // Find the field in the fields array and check if it's an aggregate\n    //       const field = fields.find((f: any) => f.name === rule.field);\n\n    //       if (field?.is_aggregate) {\n    //         hasAggregateField = true;\n    //       } else {\n    //         hasNonAggregateField = true;\n    //       }\n    //     }\n    //   });\n\n    //   // If any parent or current rule uses 'OR' with a mix of aggregate and non-aggregate fields, it's invalid\n    //   if ((combinator === 'or' || parentCombinator === 'or') && hasAggregateField && hasNonAggregateField) {\n    //     isValid = false;\n    //     errorMessage = 'Mixing aggregate and non-aggregate fields in OR conditions may lead to unexpected results.';\n    //   }\n\n    //   return isValid;\n    // };\n\n    // Start checking from the root level (no parent combinator initially)\n    \n\n    // Always set the query, regardless of validity\n    setQuery({...q, rules: updatedRules});\n\n    // Set error message if invalid, otherwise clear it\n    if (!isValid) {\n      setErrorMessage(errorMessage);\n    } else {\n      setErrorMessage(null);\n    }\n\n    // Always call onSaveFilter, if it exists\n    if (onSaveFilter) {\n      onSaveFilter(q);\n    }\n  };\n\n  const handleFilterSwitch = (sf?: any) => {\n    if (sf) {\n      setSelectedFilter(sf);\n      setQuery(sf.query);\n      if (onSelectedFilter) {\n        onSelectedFilter(sf);\n      }\n    } else{\n      setSelectedFilter(null);\n      setQuery(initialQuery);\n      if (onSelectedFilter) {\n        onSelectedFilter(null);\n      }\n    }\n  };\n\n  const handleSearchEvent = (searchText: string) => {\n    const filteredFilters = savedFilters?.filter((filter: any) =>\n      filter.name.toLowerCase().includes(searchText.toLowerCase())\n    );\n    if (filteredFilters) {\n      setFilteredSavedFilters(filteredFilters);\n    }\n  };\n\n  const handleRenameFilter = async (filterId: string, newName: string) => {\n    const putFilterRequest: Types.PutV1FilterIdRequest = {\n      \"x-token\": token,\n      id: filterId,\n      name: newName,\n      module: resources?.fieldResource || resources?.pageResource\n    };\n\n    try {\n      await putV1FilterId(putFilterRequest)\n      // setSelectedFilter(newName);\n      if (fetchSavedFilters) {\n        fetchSavedFilters();\n      }\n      enqueueSnackbar('Filters renamed successfully.')\n    } catch (error) {\n      let m: string = 'Something went wrong on saving filters'\n\t\t\tif(error instanceof Error) {\n        m = getErrorMessage(error.message)\n\t\t\t}\n\t\t\tenqueueSnackbar(m, {variant: 'error'})\n\t\t\treturn false\n    }\n    return true\n  };\n  const handleUpdateSelectedFilterQuery = async () => {\n    if(selectedFilter) {\n\n      const putFilterRequest: Types.PutV1FilterIdRequest = {\n        \"x-token\": token,\n        id: selectedFilter.id,\n        data: query,\n      };\n  \n      putV1FilterId(putFilterRequest)\n        .then((response: any) => {\n          if (fetchSavedFilters) {\n            fetchSavedFilters();\n          }\n            setActivePage((prev: any) => ({\n                ...prev,\n              filters:{\n                ...prev.filters,\n                rules: query.rules,\n                combinator: query.combinator,\n                name: selectedFilter.name\n                \n              }\n              }));\n        })\n        .catch((err: any) => enqueueSnackbar(\"Error renaming saved filters:\", {variant:'error'}));\n    }\n  };\n\n  const handleSubmitRename = (name: string) => {\n    if (openRenameFilter) {\n      return handleRenameFilter(openRenameFilter.id, name);\n    }\n  };\n\n  const handleDeleteFilter = async (filterId: string) => {\n    const deleteFilterRequest: Types.DeleteV1FilterIdRequest = {\n      \"x-token\": token,\n      id: filterId,\n    };\n\n    deleteV1FilterId(deleteFilterRequest)\n      .then((response: any) => {\n        setSelectedFilter(null);\n        setQuery(initialQuery);\n        if (fetchSavedFilters) {\n          fetchSavedFilters();\n        }\n        \n      })\n      .catch((err: any) => console.log(\"Error deleting saved filters:\", err));\n  };\n\n  useEffect(() => {\n    let q = initialQuery\n    if(!_.isEmpty(activePage.filters)) {\n      q = activePage.filters\n    }\n    setQuery(q)\n    const selectedFilter = savedFilters?.find((f: any) => f.name === activePage?.filters?.name);\n    setSelectedFilter(selectedFilter || null);\n  }, [activePage?.filters, savedFilters]);\n\n  const isDuplicatedFilters = (rule) => {\n      let uniques:string[]=[]\n      rule?.rules?.forEach((r: any) => {\n        if(uniques.includes(r.field)&& rule.combinator=='and'){\n          return true\n        }\n        uniques.push(r.field)\n      })\n      return uniques.length !== rule?.rules?.length\n  }\n\n\n  const isRuleInvalid = (rule: any): boolean => {\n    // If it's a group (has nested rules), recurse\n    if (Array.isArray(rule.rules)) {\n      return rule.rules.length ? rule.rules.some(isRuleInvalid) : !rule.rules.length;\n    }\n  \n    // Otherwise, validate individual rule\n    return (\n      !rule.field ||\n      (_.isEmpty(rule.value) && !['null', 'notNull'].includes(rule.operator))\n    );\n  };\n  \n  const disabled = useMemo(() => isRuleInvalid(query) || errorMessage, [query, errorMessage])\n  // const disabled = isRuleInvalid(query) || errorMessage;\n\n  return (\n    <div>\n      <Dialog \n        open={open}  \n        onClose={onClose} \n        maxWidth='md' \n        fullWidth={true} \n        PaperProps={{\n          sx:{ borderRadius: 2 }\n        }}\n      >\n        <DialogTitle className=\"filter-header\">\n          <Typography type=\"s3\" weight=\"medium\" color=\"theme.secondary.1000\">\n            Filters\n          </Typography>\n          <Box gap={1} display={\"flex\"}>\n            <Select\n              fullWidth\n              size=\"small\"\n              className=\"filter-dropdown\"\n              value={selectedFilter ? selectedFilter.name : \"Saved Filters\"}\n              onChange={(event: any) =>{\n                const sf = savedFilters?.find(f => f.name == event.target.value)\n                handleFilterSwitch(sf)\n              }}\n              variant=\"outlined\"\n              onClose={() => {\n                setTimeout(() => {\n                  handleSearchEvent(\"\")\n                }, 500);\n              }}\n              input={\n                selectedFilter ? (\n                  <OutlinedInput\n                    label=''\n                    endAdornment={\n                      <InputAdornment position='end'>\n                          <IconButton\n                            aria-label='clear selection'\n                            onClick={() => {\n                              handleFilterSwitch()\n                            }}\n                            edge='end'\n                            sx={{ mr: 1.5 }}\n                            size='small'>\n                            <Close sx={{ fontSize: '1rem' }} />\n                          </IconButton>\n                      </InputAdornment>\n                    }\n                  />\n                ) : undefined\n              }\n            >\n              <div className=\"searchbar-box-list\">\n                <SearchBar\n                  placeholder={\"Search Filters\"}\n                  handleSearch={(e) => handleSearchEvent(e)}\n                />\n              </div>\n              {/* <Typography\n                color=\"theme.secondary.1000\"\n                type=\"s4\"\n                className=\"filter-title\"\n              >\n                Saved Filters\n              </Typography> */}\n              {filteredSavedFilters?.map((savedFilter: SavedFilter) => (\n                <MenuItem\n                  key={savedFilter.id}\n                  value={savedFilter?.name}\n                  className=\"menu-list\"\n                  selected={selectedFilter?.name == savedFilter?.name}\n                >\n                  <Typography color=\"theme.secondary.1000\" type=\"s3\">\n                    {savedFilter?.name}\n                  </Typography>\n\n                  <div className=\"icon-list\">\n                    <IconButton size=\"small\" onClick={(e) => {\n                       e.preventDefault()\n                       e.stopPropagation()\n                      setIsOpenRenameFilter(savedFilter)\n                    }}>\n                      <Edit fontSize=\"small\" color={selectedFilter?.name == savedFilter?.name ? \"theme.primary.800\" : 'inherit'}/>\n                    </IconButton>\n                    <IconButton size=\"small\" onClick={(e) => {\n                      e.preventDefault()\n                      e.stopPropagation()\n                      handleDeleteFilter(savedFilter.id)\n                    }} color=\"error\">\n                      <Trash fontSize=\"small\" color=\"theme.error.600\"/>\n                    </IconButton>\n                  </div>\n                </MenuItem>\n              ))}\n            </Select>\n            <SaveFilterModal\n              open={openRenameFilter !== null}\n              onClose={() => setIsOpenRenameFilter(null)}\n              handleSubmit={(name) => handleSubmitRename(name)}\n              oldName={openRenameFilter?.name}\n            />\n            <Box>\n              <IconButton size=\"small\" onClick={onClose}>\n                <Close fontSize=\"small\" />\n              </IconButton>\n            </Box>\n          </Box>\n        </DialogTitle>\n        <DialogContent className=\"content\">\n          {/* Display error message */}\n          {errorMessage && (\n            <Alert severity=\"error\" sx={{ px:1, pt: 0.5, mb: 1 }}>\n              <Typography\n                color=\"error\"\n                type=\"s4\"\n              >\n                {errorMessage}\n              </Typography>\n            </Alert>\n          )}\n          <QueryBuilderMaterial>\n            <QueryBuilder\n              fields={fields || []}\n              query={query}\n              onQueryChange={handleQueryChange}\n              showCombinatorsBetweenRules={true}\n              controlClassnames={{\n                header: \"actions\",\n              }}\n              controlElements={{\n                addRuleAction: AddFilterButton,\n                addGroupAction: AddGroupButton,\n                combinatorSelector: CombinatorSelect,\n                fieldSelector: FieldSelect,\n                operatorSelector: OperatorSelect,\n                removeRuleAction: RemoveAction,\n                valueEditor: ValueEditor,\n                removeGroupAction: RemoveGroupAction,\n              }}\n            />\n            <Button\n              variant=\"text\"\n              className={isRtl?'remove-filters_rtl':'remove-filters'}\n              onClick={() => {\n                handleApplyFilter(true)\n              }}\n              disabled={disabled}\n            >\n              Clear all filters\n            </Button>\n          </QueryBuilderMaterial>\n        </DialogContent>\n        <DialogActions className=\"filter-footer\">\n          <Box sx={{ display: 'flex', alignItems: 'center', justifyContent:selectedFilter ? 'space-between' : 'flex-end', width:'100%' }}>\n              {selectedFilter &&\n                <Box>\n                  <Button onClick={handleUpdateSelectedFilterQuery}> \n                    Update Seleted filter\n                  </Button>\n                </Box>\n              }\n              <Box sx={{display: 'flex', gap:1}}>\n                <Button className=\"cancel-filter-btn\" onClick={onClose}>\n                  Cancel\n                </Button>\n                <Button\n                  disabled={disabled}\n                  onClick={() => handleApplyFilter()}\n                >\n                  Apply\n                </Button>\n              </Box>\n          </Box>\n        </DialogActions>\n      </Dialog>\n    </div>\n  );\n};\n\nexport default Filter;\n"],"names":["setBaseUrl","initialQuery","combinator","rules","open","onClose","savedFilters","fetchSavedFilters","onSaveFilter","onSelectedFilter","applyFilter","fields","location","useLocation","token","localStorage","getItem","auth","storageTokenKeyName","updatePageInfo","activePage","schemaFields","setActivePage","usePages","length","generateFields","query","setQuery","useState","filteredSavedFilters","setFilteredSavedFilters","selectedFilter","setSelectedFilter","openRenameFilter","setIsOpenRenameFilter","errorMessage","setErrorMessage","isRtl","useLanguage","resources","useMemo","routeToResourceMap","pathname","useEffect","handleApplyFilter","useCallback","clear","q","isDuplicatedFilters","generatedSQLQuery","generateQueryString","filters","filterQueryString","handleFilterSwitch","sf","handleSearchEvent","searchText","filteredFilters","filter","name","toLowerCase","includes","_","isEmpty","find","f","_a","rule","uniques","forEach","r","field","push","_b","isRuleInvalid","Array","isArray","some","value","operator","disabled","children","jsxs","Dialog","maxWidth","fullWidth","PaperProps","sx","borderRadius","DialogTitle","className","jsx","Typography","type","weight","color","Box","gap","display","Select","size","onChange","event","target","variant","setTimeout","input","OutlinedInput","label","endAdornment","InputAdornment","position","IconButton","onClick","edge","mr","Close","fontSize","SearchBar","placeholder","handleSearch","e","map","savedFilter","MenuItem","selected","preventDefault","stopPropagation","Edit","async","filterId","deleteFilterRequest","id","deleteV1FilterId","then","response","catch","err","handleDeleteFilter","Trash","SaveFilterModal","handleSubmit","newName","putFilterRequest","module","fieldResource","pageResource","putV1FilterId","enqueueSnackbar","error","m","Error","getErrorMessage","message","handleRenameFilter","handleSubmitRename","oldName","DialogContent","Alert","severity","px","pt","mb","QueryBuilderMaterial","QueryBuilder","onQueryChange","updatedRules","i","showCombinatorsBetweenRules","controlClassnames","header","controlElements","addRuleAction","AddFilterButton","addGroupAction","AddGroupButton","combinatorSelector","CombinatorSelect","fieldSelector","FieldSelect","operatorSelector","OperatorSelect","removeRuleAction","RemoveAction","valueEditor","ValueEditor","removeGroupAction","RemoveGroupAction","Button","DialogActions","alignItems","justifyContent","width","data","prev"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/filter/filter.tsx"],"sourcesContent":["/* eslint-disable */\nimport { useCallback, useEffect, useMemo, useState } from \"react\";\nimport type { RuleGroupType } from \"react-querybuilder\";\nimport \"react-querybuilder/dist/query-builder.scss\";\nimport { QueryBuilder /* , formatQuery */ } from \"react-querybuilder\";\nimport { QueryBuilderMaterial } from \"@react-querybuilder/material\";\nimport {\n  Box,\n  IconButton,\n  MenuItem,\n  Dialog,\n  DialogTitle,\n  DialogContent,\n  DialogActions,\n  OutlinedInput,\n  InputAdornment,\n  Alert,\n} from \"@mui/material\";\nimport \"./filter.scss\";\nimport Select from \"../select/select\";\nimport Typography from \"../typography/typography\";\nimport { Close } from \"@mui/icons-material\";\nimport CombinatorSelect from \"./components/combinator-select\";\nimport RemoveAction from \"./components/remove-action\";\nimport FieldSelect from \"./components/field-select\";\nimport AddFilterButton from \"./components/add-filter\";\nimport AddGroupButton from \"./components/add-group\";\nimport ValueEditor from \"./components/value-editor\";\nimport OperatorSelect from \"./components/operator-select\";\nimport Button from \"../button/button\";\nimport RemoveGroupAction from \"./components/delete-group\";\nimport SearchBar from \"../search-bar/search-bar\";\nimport SaveFilterModal from \"../save-filter-modal/save-filter-modal\";\n\nimport {\n  setBaseUrl,\n  putV1FilterId,\n  deleteV1FilterId,\n} from \"../../api-client/api.system-feature/api\";\nimport type * as Types from \"../../api-client/api.system-feature/api-types\";\nimport { auth } from \"../../constants/auth\";\nimport { generateFields, generateQueryString, getErrorMessage } from \"../../utils/common\";\nimport { usePages } from \"../../hooks/use-pages\";\nimport _ from \"lodash\";\nimport { Edit, Trash } from \"../icons\";\nimport { enqueueSnackbar } from \"notistack\";\nimport { IResources, routeToResourceMap } from \"../../constants/route-page-map\";\nimport { useLocation } from \"react-router-dom\";\nimport { useLanguage } from \"../../hooks/useLangauge\";\n\nsetBaseUrl(`${import.meta.env.VITE_BACKEND_BASE_URL}/system-feature`);\n\ninterface IFilter {\n  open: boolean;\n  onClose: () => void;\n  activeView?: string;\n  savedFilters?: SavedFilter[];\n  fetchSavedFilters?: () => Promise<void>;\n  setFilterBar?: any;\n  onSaveFilter?: (query: RuleGroupType) => void;\n  onSelectedFilter?: (filterName: string) => void;\n  fields: any;\n  applyFilter: any\n}\n\ninterface SavedFilter {\n  id: string;\n  name: string;\n  query: RuleGroupType;\n}\n\nconst initialQuery: RuleGroupType = { combinator: \"and\", rules: [] };\n\nconst Filter = ({\n  open,\n  onClose,\n  // activeView,\n  savedFilters,\n  fetchSavedFilters,\n  onSaveFilter,\n  onSelectedFilter,\n  applyFilter,\n  fields = []\n}: IFilter) => {\n  const location = useLocation();\n\n  const token = localStorage.getItem(auth.storageTokenKeyName);\n  const { updatePageInfo, activePage, schemaFields,setActivePage } = usePages()\n\n  fields = schemaFields.length ? generateFields(schemaFields) : fields\n  const [query, setQuery] = useState<RuleGroupType>(initialQuery);\n  const [filteredSavedFilters, setFilteredSavedFilters] = useState<\n    SavedFilter[]\n  >(savedFilters ?? []);\n  const [selectedFilter, setSelectedFilter] = useState<any>(null);\n  const [openRenameFilter, setIsOpenRenameFilter] = useState<any>(null);\n  const [errorMessage, setErrorMessage] = useState<string | null>(null);\n  const {isRtl}=useLanguage();\n  const resources: IResources = useMemo(() => routeToResourceMap[location.pathname] || null, [location.pathname])\n\n  useEffect(() => {\n    savedFilters && setFilteredSavedFilters(savedFilters);\n  }, [savedFilters]);\n\n\n  const handleApplyFilter = useCallback((clear:boolean = false) => {\n    let q = query\n    const isInvalid = isDuplicatedFilters(q)\n    if(isInvalid){\n      setErrorMessage(\"Invalid filter\")\n      return\n    }\n    if(clear) {\n      q = initialQuery\n      setQuery(q)\n    } else {\n      const generatedSQLQuery = q ? generateQueryString(q) : q;\n      updatePageInfo({ filters: q, filterQueryString: generatedSQLQuery })\n      // applyFilter(generatedSQLQuery);\n      onClose();\n    }\n  }, [query, applyFilter, onClose]);\n\n  const handleQueryChange = (q: RuleGroupType) => {\n    const updatedRules = q.rules.map((rule, i) => ({\n      ...rule,\n      value: rule.field !== query.rules?.[i]?.field || ['null', 'notNull'].includes(rule.operator) ? \"\" : rule.value\n    }));\n    let isValid = true;\n    let errorMessage = '';\n\n    // // Helper function to check for invalid aggregate usage, considering parent combinators\n    // const checkForInvalidAggregateUsage = (rules: any[], combinator: string, parentCombinator: string | null): boolean => {\n    //   let hasAggregateField = false;\n    //   let hasNonAggregateField = false;\n\n    //   rules.forEach(rule => {\n    //     // Check nested groups\n    //     if (rule.rules) {\n    //       // If the current group or any parent has an 'OR', pass it down\n    //       const currentCombinator = combinator === 'or' || parentCombinator === 'or' ? 'or' : combinator;\n    //       checkForInvalidAggregateUsage(rule.rules, rule.combinator, currentCombinator);\n    //     } else {\n    //       // Find the field in the fields array and check if it's an aggregate\n    //       const field = fields.find((f: any) => f.name === rule.field);\n\n    //       if (field?.is_aggregate) {\n    //         hasAggregateField = true;\n    //       } else {\n    //         hasNonAggregateField = true;\n    //       }\n    //     }\n    //   });\n\n    //   // If any parent or current rule uses 'OR' with a mix of aggregate and non-aggregate fields, it's invalid\n    //   if ((combinator === 'or' || parentCombinator === 'or') && hasAggregateField && hasNonAggregateField) {\n    //     isValid = false;\n    //     errorMessage = 'Mixing aggregate and non-aggregate fields in OR conditions may lead to unexpected results.';\n    //   }\n\n    //   return isValid;\n    // };\n\n    // Start checking from the root level (no parent combinator initially)\n    \n\n    // Always set the query, regardless of validity\n    setQuery({...q, rules: updatedRules});\n\n    // Set error message if invalid, otherwise clear it\n    if (!isValid) {\n      setErrorMessage(errorMessage);\n    } else {\n      setErrorMessage(null);\n    }\n\n    // Always call onSaveFilter, if it exists\n    if (onSaveFilter) {\n      onSaveFilter(q);\n    }\n  };\n\n  const handleFilterSwitch = (sf?: any) => {\n    if (sf) {\n      setSelectedFilter(sf);\n      setQuery(sf.query);\n      if (onSelectedFilter) {\n        onSelectedFilter(sf);\n      }\n    } else{\n      setSelectedFilter(null);\n      setQuery(initialQuery);\n      if (onSelectedFilter) {\n        onSelectedFilter(null);\n      }\n    }\n  };\n\n  const handleSearchEvent = (searchText: string) => {\n    const filteredFilters = savedFilters?.filter((filter: any) =>\n      filter.name.toLowerCase().includes(searchText.toLowerCase())\n    );\n    if (filteredFilters) {\n      setFilteredSavedFilters(filteredFilters);\n    }\n  };\n\n  const handleRenameFilter = async (filterId: string, newName: string) => {\n    const putFilterRequest: Types.PutV1FilterIdRequest = {\n      \"x-token\": token,\n      id: filterId,\n      name: newName,\n      module: resources?.fieldResource || resources?.pageResource\n    };\n\n    try {\n      await putV1FilterId(putFilterRequest)\n      // setSelectedFilter(newName);\n      if (fetchSavedFilters) {\n        fetchSavedFilters();\n      }\n      enqueueSnackbar('Filters renamed successfully.')\n    } catch (error) {\n      let m: string = 'Something went wrong on saving filters'\n\t\t\tif(error instanceof Error) {\n        m = getErrorMessage(error.message)\n\t\t\t}\n\t\t\tenqueueSnackbar(m, {variant: 'error'})\n\t\t\treturn false\n    }\n    return true\n  };\n  const handleUpdateSelectedFilterQuery = async () => {\n    if(selectedFilter) {\n\n      const putFilterRequest: Types.PutV1FilterIdRequest = {\n        \"x-token\": token,\n        id: selectedFilter.id,\n        data: query,\n      };\n  \n      putV1FilterId(putFilterRequest)\n        .then((response: any) => {\n          if (fetchSavedFilters) {\n            fetchSavedFilters();\n          }\n            setActivePage((prev: any) => ({\n                ...prev,\n              filters:{\n                ...prev.filters,\n                rules: query.rules,\n                combinator: query.combinator,\n                name: selectedFilter.name\n                \n              }\n              }));\n        })\n        .catch((err: any) => enqueueSnackbar(\"Error renaming saved filters:\", {variant:'error'}));\n    }\n  };\n\n  const handleSubmitRename = (name: string) => {\n    if (openRenameFilter) {\n      return handleRenameFilter(openRenameFilter.id, name);\n    }\n  };\n\n  const handleDeleteFilter = async (filterId: string) => {\n    const deleteFilterRequest: Types.DeleteV1FilterIdRequest = {\n      \"x-token\": token,\n      id: filterId,\n    };\n\n    deleteV1FilterId(deleteFilterRequest)\n      .then((response: any) => {\n        setSelectedFilter(null);\n        setQuery(initialQuery);\n        if (fetchSavedFilters) {\n          fetchSavedFilters();\n        }\n        \n      })\n      .catch((err: any) => console.log(\"Error deleting saved filters:\", err));\n  };\n\n  useEffect(() => {\n    let q = initialQuery\n    if(!_.isEmpty(activePage.filters)) {\n      q = activePage.filters\n    }\n    setQuery(q)\n    const selectedFilter = savedFilters?.find((f: any) => f.name === activePage?.filters?.name);\n    setSelectedFilter(selectedFilter || null);\n  }, [activePage?.filters, savedFilters]);\n\n  const isDuplicatedFilters = (rule) => {\n      let uniques:string[]=[]\n      rule?.rules?.forEach((r: any) => {\n        if(uniques.includes(r.field)&& rule.combinator=='and'){\n          return true\n        }\n        uniques.push(r.field)\n      })\n      return uniques.length !== rule?.rules?.length\n  }\n\n\n  const isRuleInvalid = (rule: any): boolean => {\n    // If it's a group (has nested rules), recurse\n    if (Array.isArray(rule.rules)) {\n      return rule.rules.length ? rule.rules.some(isRuleInvalid) : !rule.rules.length;\n    }\n  \n    // Otherwise, validate individual rule\n    return (\n      !rule.field ||\n      (_.isEmpty(rule.value) && !['null', 'notNull'].includes(rule.operator))\n    );\n  };\n  \n  const disabled = useMemo(() => isRuleInvalid(query) || errorMessage, [query, errorMessage])\n  // const disabled = isRuleInvalid(query) || errorMessage;\n\n  return (\n    <div>\n      <Dialog \n        open={open}  \n        onClose={onClose} \n        maxWidth='md' \n        fullWidth={true} \n        PaperProps={{\n          sx:{ borderRadius: 2 }\n        }}\n      >\n        <DialogTitle className=\"filter-header\">\n          <Typography type=\"s3\" weight=\"medium\" color=\"theme.secondary.1000\">\n            Filters\n          </Typography>\n          <Box gap={1} display={\"flex\"}>\n            <Select\n              fullWidth\n              size=\"small\"\n              className=\"filter-dropdown\"\n              value={selectedFilter ? selectedFilter.name : \"Saved Filters\"}\n              onChange={(event: any) =>{\n                const sf = savedFilters?.find(f => f.name == event.target.value)\n                handleFilterSwitch(sf)\n              }}\n              variant=\"outlined\"\n              onClose={() => {\n                setTimeout(() => {\n                  handleSearchEvent(\"\")\n                }, 500);\n              }}\n              input={\n                selectedFilter ? (\n                  <OutlinedInput\n                    label=''\n                    endAdornment={\n                      <InputAdornment position='end'>\n                          <IconButton\n                            aria-label='clear selection'\n                            onClick={() => {\n                              handleFilterSwitch()\n                            }}\n                            edge='end'\n                            sx={{ mr: 1.5 }}\n                            size='small'>\n                            <Close sx={{ fontSize: '1rem' }} />\n                          </IconButton>\n                      </InputAdornment>\n                    }\n                  />\n                ) : undefined\n              }\n            >\n              <div className=\"searchbar-box-list\">\n                <SearchBar\n                  placeholder={\"Search Filters\"}\n                  handleSearch={(e) => handleSearchEvent(e)}\n                />\n              </div>\n              {/* <Typography\n                color=\"theme.secondary.1000\"\n                type=\"s4\"\n                className=\"filter-title\"\n              >\n                Saved Filters\n              </Typography> */}\n              {filteredSavedFilters?.map((savedFilter: SavedFilter) => (\n                <MenuItem\n                  key={savedFilter.id}\n                  value={savedFilter?.name}\n                  className=\"menu-list\"\n                  selected={selectedFilter?.name == savedFilter?.name}\n                >\n                  <Typography color=\"theme.secondary.1000\" type=\"s3\">\n                    {savedFilter?.name}\n                  </Typography>\n\n                  <div className=\"icon-list\">\n                    <IconButton size=\"small\" onClick={(e) => {\n                       e.preventDefault()\n                       e.stopPropagation()\n                      setIsOpenRenameFilter(savedFilter)\n                    }}>\n                      <Edit fontSize=\"small\" color={selectedFilter?.name == savedFilter?.name ? \"theme.primary.800\" : 'inherit'}/>\n                    </IconButton>\n                    <IconButton size=\"small\" onClick={(e) => {\n                      e.preventDefault()\n                      e.stopPropagation()\n                      handleDeleteFilter(savedFilter.id)\n                    }} color=\"error\">\n                      <Trash fontSize=\"small\" color=\"theme.error.600\"/>\n                    </IconButton>\n                  </div>\n                </MenuItem>\n              ))}\n            </Select>\n            <SaveFilterModal\n              open={openRenameFilter !== null}\n              onClose={() => setIsOpenRenameFilter(null)}\n              handleSubmit={(name) => handleSubmitRename(name)}\n              oldName={openRenameFilter?.name}\n            />\n            <Box>\n              <IconButton size=\"small\" onClick={onClose}>\n                <Close fontSize=\"small\" />\n              </IconButton>\n            </Box>\n          </Box>\n        </DialogTitle>\n        <DialogContent className=\"content\">\n          {/* Display error message */}\n          {errorMessage && (\n            <Alert severity=\"error\" sx={{ px:1, pt: 0.5, mb: 1 }}>\n              <Typography\n                color=\"error\"\n                type=\"s4\"\n              >\n                {errorMessage}\n              </Typography>\n            </Alert>\n          )}\n          <QueryBuilderMaterial>\n            <QueryBuilder\n              fields={fields || []}\n              query={query}\n              onQueryChange={handleQueryChange}\n              showCombinatorsBetweenRules={true}\n              controlClassnames={{\n                header: \"actions\",\n              }}\n              controlElements={{\n                addRuleAction: AddFilterButton,\n                addGroupAction: AddGroupButton,\n                combinatorSelector: CombinatorSelect,\n                fieldSelector: FieldSelect,\n                operatorSelector: OperatorSelect,\n                removeRuleAction: RemoveAction,\n                valueEditor: ValueEditor,\n                removeGroupAction: RemoveGroupAction,\n              }}\n            />\n            <Button\n              variant=\"text\"\n              className={isRtl?'remove-filters_rtl':'remove-filters'}\n              onClick={() => {\n                handleApplyFilter(true)\n              }}\n              disabled={disabled}\n            >\n              Clear all filters\n            </Button>\n          </QueryBuilderMaterial>\n        </DialogContent>\n        <DialogActions className=\"filter-footer\">\n          <Box sx={{ display: 'flex', alignItems: 'center', justifyContent:selectedFilter ? 'space-between' : 'flex-end', width:'100%' }}>\n              {selectedFilter &&\n                <Box>\n                  <Button onClick={handleUpdateSelectedFilterQuery}> \n                    Update Seleted filter\n                  </Button>\n                </Box>\n              }\n              <Box sx={{display: 'flex', gap:1}}>\n                <Button className=\"cancel-filter-btn\" onClick={onClose}>\n                  Cancel\n                </Button>\n                <Button\n                  disabled={disabled}\n                  onClick={() => handleApplyFilter()}\n                >\n                  Apply\n                </Button>\n              </Box>\n          </Box>\n        </DialogActions>\n      </Dialog>\n    </div>\n  );\n};\n\nexport default Filter;\n"],"names":["setBaseUrl","initialQuery","combinator","rules","open","onClose","savedFilters","fetchSavedFilters","onSaveFilter","onSelectedFilter","applyFilter","fields","location","useLocation","token","localStorage","getItem","auth","storageTokenKeyName","updatePageInfo","activePage","schemaFields","setActivePage","usePages","length","generateFields","query","setQuery","useState","filteredSavedFilters","setFilteredSavedFilters","selectedFilter","setSelectedFilter","openRenameFilter","setIsOpenRenameFilter","errorMessage","setErrorMessage","isRtl","useLanguage","resources","useMemo","routeToResourceMap","pathname","useEffect","handleApplyFilter","useCallback","clear","q","isDuplicatedFilters","generatedSQLQuery","generateQueryString","filters","filterQueryString","handleFilterSwitch","sf","handleSearchEvent","searchText","filteredFilters","filter","name","toLowerCase","includes","_","isEmpty","find","f","_a","rule","uniques","forEach","r","field","push","_b","isRuleInvalid","Array","isArray","some","value","operator","disabled","children","jsxs","Dialog","maxWidth","fullWidth","PaperProps","sx","borderRadius","DialogTitle","className","jsx","Typography","type","weight","color","Box","gap","display","Select","size","onChange","event","target","variant","setTimeout","input","OutlinedInput","label","endAdornment","InputAdornment","position","IconButton","onClick","edge","mr","Close","fontSize","SearchBar","placeholder","handleSearch","e","map","savedFilter","MenuItem","selected","preventDefault","stopPropagation","Edit","async","filterId","deleteFilterRequest","id","deleteV1FilterId","then","response","catch","err","handleDeleteFilter","Trash","SaveFilterModal","handleSubmit","newName","putFilterRequest","module","fieldResource","pageResource","putV1FilterId","enqueueSnackbar","error","m","Error","getErrorMessage","message","handleRenameFilter","handleSubmitRename","oldName","DialogContent","Alert","severity","px","pt","mb","QueryBuilderMaterial","QueryBuilder","onQueryChange","updatedRules","i","showCombinatorsBetweenRules","controlClassnames","header","controlElements","addRuleAction","AddFilterButton","addGroupAction","AddGroupButton","combinatorSelector","CombinatorSelect","fieldSelector","FieldSelect","operatorSelector","OperatorSelect","removeRuleAction","RemoveAction","valueEditor","ValueEditor","removeGroupAction","RemoveGroupAction","Button","DialogActions","alignItems","justifyContent","width","data","prev"],"mappings":"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"}

package/dist/components/footer/footer.d.ts

@@ -17,5 +17,5 @@ interface IFooter {
     isPaginationDisplayed?: boolean;
     isPageSaving?: boolean;
 }
-declare const Footer: React.MemoExoticComponent<({ pages, setPages, currentPage, setCurrentPage, total, paginationModel, handlePaginationModel, sharedPages, resource, savePageConfiguration, handlePageDelete, enablePages, isPaginationDisplayed, isPageSaving }: IFooter) => import("react/jsx-runtime").JSX.Element>;
+declare const Footer: React.NamedExoticComponent<IFooter>;
 export default Footer;

package/dist/components/form-control/form-builder/form-builder-element/media.d.ts

@@ -1,4 +1,4 @@
 import { default as React } from 'react';
 
-declare const DynamicMedia: React.MemoExoticComponent<(props: any) => import("react/jsx-runtime").JSX.Element>;
+declare const DynamicMedia: React.NamedExoticComponent<any>;
 export default DynamicMedia;

package/dist/components/form-control/form-builder/form-builder-element/phone.d.ts

@@ -1,3 +1,3 @@
 
-declare const DynamicPhone: import('react').MemoExoticComponent<(props: any) => import("react/jsx-runtime").JSX.Element>;
+declare const DynamicPhone: import('react').NamedExoticComponent<any>;
 export default DynamicPhone;

package/dist/components/form-control/form-builder/form-builder-element/select.d.ts

@@ -1,4 +1,4 @@
 import { default as React } from 'react';
 
-declare const DynamicSelect: React.MemoExoticComponent<(props: any) => import("react/jsx-runtime").JSX.Element>;
+declare const DynamicSelect: React.NamedExoticComponent<any>;
 export default DynamicSelect;

package/dist/components/form-control/form-builder/form-builder-element/text.d.ts

@@ -1,4 +1,4 @@
 import { default as React } from 'react';
 
-declare const DynamicInput: React.MemoExoticComponent<(props: any) => import("react/jsx-runtime").JSX.Element>;
+declare const DynamicInput: React.NamedExoticComponent<any>;
 export default DynamicInput;

package/dist/components/form-control/form-builder/form-builder-element/time.d.ts

@@ -1,4 +1,4 @@
 import { default as React } from 'react';
 
-declare const DynamicTime: React.MemoExoticComponent<(props: any) => import("react/jsx-runtime").JSX.Element>;
+declare const DynamicTime: React.NamedExoticComponent<any>;
 export default DynamicTime;

package/dist/components/form-control/form-parser/form-switcher.d.ts

@@ -1,2 +1,2 @@
-declare const FormSwitcher: import('react').MemoExoticComponent<({ children, isFormSwitcher, control, fieldArrayName, formSwitcherName, label, resetForm, }: any) => import("react/jsx-runtime").JSX.Element>;
+declare const FormSwitcher: import('react').NamedExoticComponent<any>;
 export default FormSwitcher;

package/dist/components/header/header/index.esm.js

@@ -287,7 +287,7 @@ function Header(props) {
             Avatar,
             {
               size: 32,
-              src: (user == null ? void 0 : user.profile_image) ? `${"https://erpforce-dev.s3.eu-west-1.amazonaws.com/"}${user == null ? void 0 : user.profile_image}` : void 0,
+              src: (user == null ? void 0 : user.profile_image) ? `${void 0}${user == null ? void 0 : user.profile_image}` : void 0,
               alt: formatText(user == null ? void 0 : user.full_name),
               className: "avatar-class"
             }