@erpsquad/common 1.8.40 → 1.8.41

package/dist/components/protected-route/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../src/components/protected-route.tsx"],"sourcesContent":["/* eslint-disable react-refresh/only-export-components */\n/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable unused-imports/no-unused-vars */\nimport React, { useMemo } from \"react\";\nimport { Navigate } from \"react-router-dom\";\nimport { usePermissions } from \"../hooks/use-permissions\";\nimport { Box, Divider } from \"@mui/material\";\nimport Typography from \"./typography/typography\";\nimport _ from \"lodash\";\n\ntype PermissionAction = \"canEdit\" | \"canView\" | \"canAdd\" | \"canDelete\";\n\ninterface SingleModulePermission {\n  module: string;\n  action: PermissionAction;\n}\n\ninterface MultiModulePermission {\n  modules: string[];\n  action: PermissionAction;\n  operator?: \"AND\" | \"OR\"; // Default: \"OR\"\n}\n\ninterface ComplexPermission {\n  permissions: Array<{\n    module: string;\n    action: PermissionAction;\n  }>;\n  operator?: \"AND\" | \"OR\"; // Default: \"AND\"\n}\n\ninterface ProtectedRouteProps {\n  // Single module (backward compatibility)\n  module?: string;\n  action?: PermissionAction;\n  \n  // Multiple modules with same action\n  multiModule?: MultiModulePermission;\n  \n  // Complex permissions with different actions\n  complexPermissions?: ComplexPermission;\n  \n  // Custom permission checker function\n  customPermissionCheck?: (permissions: any) => boolean;\n  \n  // Redirect path for unauthorized access\n  redirectTo?: string;\n  \n  // Show custom error component instead of redirect\n  showError?: boolean;\n  \n  children: React.ReactNode;\n}\n\nconst ProtectedRoute: React.FC<ProtectedRouteProps> = ({\n  module,\n  action,\n  multiModule,\n  complexPermissions,\n  customPermissionCheck,\n  redirectTo = \"/403\",\n  showError = true,\n  children\n}) => {\n  const permissions = usePermissions();\n\n  // Memoize permission check for performance\n  const hasPermission = useMemo(() => {\n    if (!permissions) {\n      return false;\n    }\n\n    // Custom permission check takes precedence\n    if (customPermissionCheck) {\n      return customPermissionCheck(permissions);\n    }\n\n    // Complex permissions check\n    if (complexPermissions) {\n      const { permissions: permList, operator = \"AND\" } = complexPermissions;\n      \n      const results = permList.map(({ module: mod, action: act }) => {\n        const modulePerms = _.get(permissions, mod, {});\n        return modulePerms[act] ?? false;\n      });\n\n      return operator === \"AND\" \n        ? results.every(Boolean)\n        : results.some(Boolean);\n    }\n\n    // Multi-module with same action check\n    if (multiModule) {\n      const { modules, action: act, operator = \"OR\" } = multiModule;\n      \n      const results = modules.map(mod => {\n        const modulePerms = _.get(permissions, mod, {});\n        return modulePerms[act] ?? false;\n      });\n\n      return operator === \"AND\" \n        ? results.every(Boolean)\n        : results.some(Boolean);\n    }\n\n    // Single module check (backward compatibility)\n    if (module && action) {\n      const modulePerms = _.get(permissions, module, {});\n      return modulePerms[action] ?? false;\n    }\n\n    // No permission config provided - deny access\n    return false;\n  }, [permissions, module, action, multiModule, complexPermissions, customPermissionCheck]);\n\n  // Enhanced error component\n  const ErrorComponent = () => (\n    <Box\n      sx={{\n        display: \"flex\",\n        flexDirection: \"column\",\n        justifyContent: \"center\",\n        alignItems: \"center\",\n        position: \"absolute\",\n        top: \"50%\",\n        left: \"50%\",\n        transform: \"translate(-50%, -50%)\", // Fixed transform values\n        gap: 2,\n        textAlign: \"center\",\n        p: 3\n      }}\n    >\n      <Typography \n        type=\"h1\" \n        color=\"theme.secondary.900\" \n        weight=\"bold\"\n        sx={{ fontSize: { xs: '4rem', sm: '6rem' } }}\n      >\n        403\n      </Typography>\n      <Divider \n        flexItem \n        // sx={{ \n        //   borderColor: '#898f9a',\n        //   width: '100%',\n        //   maxWidth: '200px'\n        // }}\n      />\n      <Typography \n        type=\"s3\" \n        color=\"theme.secondary.900\" \n        weight=\"medium\"\n      >\n        Access Denied\n      </Typography>\n      <Typography \n        type=\"body2\" \n        color=\"theme.secondary.700\" \n        weight=\"regular\"\n        sx={{ mt: 1, maxWidth: '300px' }}\n      >\n        You don't have the required permissions to access this resource.\n      </Typography>\n    </Box>\n  );\n\n  // Handle loading state\n  if (!permissions) {\n    return showError ? <ErrorComponent /> : <Navigate to={redirectTo} replace />;\n  }\n\n  // Render based on permission check\n  if (hasPermission) {\n    return <>{children}</>;\n  }\n\n  return showError ? <ErrorComponent /> : <Navigate to={redirectTo} replace />;\n};\n\nexport default ProtectedRoute;\n\n// Helper function to create permission configurations\nexport const createPermissionConfig = {\n  // Single module\n  single: (module: string, action: PermissionAction) => ({\n    module,\n    action\n  }),\n\n  // Multiple modules with same action\n  multiModule: (\n    modules: string[], \n    action: PermissionAction, \n    operator: \"AND\" | \"OR\" = \"OR\"\n  ) => ({\n    multiModule: { modules, action, operator }\n  }),\n\n  // Complex permissions\n  complex: (\n    permissions: Array<{ module: string; action: PermissionAction }>,\n    operator: \"AND\" | \"OR\" = \"AND\"\n  ) => ({\n    complexPermissions: { permissions, operator }\n  }),\n\n  // Custom function\n  custom: (checkFn: (permissions: any) => boolean) => ({\n    customPermissionCheck: checkFn\n  })\n};\n\n// Example usage types for better developer experience\nexport type PermissionConfig = \n  | ReturnType<typeof createPermissionConfig.single>\n  | ReturnType<typeof createPermissionConfig.multiModule>\n  | ReturnType<typeof createPermissionConfig.complex>\n  | ReturnType<typeof createPermissionConfig.custom>;"],"names":[],"mappings":";;;;;;;AAsDA,MAAM,iBAAgD,CAAC;AAAA,EACrD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,YAAY;AAAA,EACZ;AACF,MAAM;AACJ,QAAM,cAAc,eAAA;AAGpB,QAAM,gBAAgB,QAAQ,MAAM;AAClC,QAAI,CAAC,aAAa;AAChB,aAAO;AAAA,IACT;AAGA,QAAI,uBAAuB;AACzB,aAAO,sBAAsB,WAAW;AAAA,IAC1C;AAGA,QAAI,oBAAoB;AACtB,YAAM,EAAE,aAAa,UAAU,WAAW,UAAU;AAEpD,YAAM,UAAU,SAAS,IAAI,CAAC,EAAE,QAAQ,KAAK,QAAQ,UAAU;AAC7D,cAAM,cAAc,EAAE,IAAI,aAAa,KAAK,CAAA,CAAE;AAC9C,eAAO,YAAY,GAAG,KAAK;AAAA,MAC7B,CAAC;AAED,aAAO,aAAa,QAChB,QAAQ,MAAM,OAAO,IACrB,QAAQ,KAAK,OAAO;AAAA,IAC1B;AAGA,QAAI,aAAa;AACf,YAAM,EAAE,SAAS,QAAQ,KAAK,WAAW,SAAS;AAElD,YAAM,UAAU,QAAQ,IAAI,CAAA,QAAO;AACjC,cAAM,cAAc,EAAE,IAAI,aAAa,KAAK,CAAA,CAAE;AAC9C,eAAO,YAAY,GAAG,KAAK;AAAA,MAC7B,CAAC;AAED,aAAO,aAAa,QAChB,QAAQ,MAAM,OAAO,IACrB,QAAQ,KAAK,OAAO;AAAA,IAC1B;AAGA,QAAI,UAAU,QAAQ;AACpB,YAAM,cAAc,EAAE,IAAI,aAAa,QAAQ,CAAA,CAAE;AACjD,aAAO,YAAY,MAAM,KAAK;AAAA,IAChC;AAGA,WAAO;AAAA,EACT,GAAG,CAAC,aAAa,QAAQ,QAAQ,aAAa,oBAAoB,qBAAqB,CAAC;AAGxF,QAAM,iBAAiB,MACrB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,SAAS;AAAA,QACT,eAAe;AAAA,QACf,gBAAgB;AAAA,QAChB,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,KAAK;AAAA,QACL,MAAM;AAAA,QACN,WAAW;AAAA;AAAA,QACX,KAAK;AAAA,QACL,WAAW;AAAA,QACX,GAAG;AAAA,MAAA;AAAA,MAGL,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAM;AAAA,YACN,QAAO;AAAA,YACP,IAAI,EAAE,UAAU,EAAE,IAAI,QAAQ,IAAI,SAAO;AAAA,YAC1C,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGD;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,UAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,QAOV;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAM;AAAA,YACN,QAAO;AAAA,YACR,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGD;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAM;AAAA,YACN,QAAO;AAAA,YACP,IAAI,EAAE,IAAI,GAAG,UAAU,QAAA;AAAA,YACxB,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAED;AAAA,IAAA;AAAA,EAAA;AAKJ,MAAI,CAAC,aAAa;AAChB,WAAO,gCAAa,gBAAA,CAAA,CAAe,wBAAM,UAAA,EAAS,IAAI,YAAY,SAAO,KAAA,CAAC;AAAA,EAC5E;AAGA,MAAI,eAAe;AACjB,2CAAU,UAAS;AAAA,EACrB;AAEA,SAAO,gCAAa,gBAAA,CAAA,CAAe,wBAAM,UAAA,EAAS,IAAI,YAAY,SAAO,KAAA,CAAC;AAC5E;"}
+{"version":3,"file":"index.esm.js","sources":["../../../src/components/protected-route.tsx"],"sourcesContent":["/* eslint-disable react-refresh/only-export-components */\n/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable unused-imports/no-unused-vars */\nimport React, { useMemo } from \"react\";\nimport { Navigate } from \"react-router-dom\";\nimport { usePermissions } from \"../hooks/use-permissions\";\nimport { Box, Divider } from \"@mui/material\";\nimport Typography from \"./typography/typography\";\nimport _ from \"lodash\";\n\ntype PermissionAction = \"canEdit\" | \"canView\" | \"canAdd\" | \"canDelete\";\n\ninterface SingleModulePermission {\n  module: string;\n  action: PermissionAction;\n}\n\ninterface MultiModulePermission {\n  modules: string[];\n  action: PermissionAction;\n  operator?: \"AND\" | \"OR\"; // Default: \"OR\"\n}\n\ninterface ComplexPermission {\n  permissions: Array<{\n    module: string;\n    action: PermissionAction;\n  }>;\n  operator?: \"AND\" | \"OR\"; // Default: \"AND\"\n}\n\ninterface ProtectedRouteProps {\n  // Single module (backward compatibility)\n  module?: string;\n  action?: PermissionAction;\n  \n  // Multiple modules with same action\n  multiModule?: MultiModulePermission;\n  \n  // Complex permissions with different actions\n  complexPermissions?: ComplexPermission;\n  \n  // Custom permission checker function\n  customPermissionCheck?: (permissions: any) => boolean;\n  \n  // Redirect path for unauthorized access\n  redirectTo?: string;\n  \n  // Show custom error component instead of redirect\n  showError?: boolean;\n  \n  children: React.ReactNode;\n}\n\nconst ProtectedRoute: React.FC<ProtectedRouteProps> = ({\n  module,\n  action,\n  multiModule,\n  complexPermissions,\n  customPermissionCheck,\n  redirectTo = \"/403\",\n  showError = true,\n  children\n}) => {\n  const permissions = usePermissions();\n\n  // Memoize permission check for performance\n  const hasPermission = useMemo(() => {\n    if (!permissions) {\n      return false;\n    }\n\n    // Custom permission check takes precedence\n    if (customPermissionCheck) {\n      return customPermissionCheck(permissions);\n    }\n\n    // Complex permissions check\n    if (complexPermissions) {\n      const { permissions: permList, operator = \"AND\" } = complexPermissions;\n      \n      const results = permList.map(({ module: mod, action: act }) => {\n        const modulePerms = _.get(permissions, mod, {});\n        return modulePerms[act] ?? false;\n      });\n\n      return operator === \"AND\" \n        ? results.every(Boolean)\n        : results.some(Boolean);\n    }\n\n    // Multi-module with same action check\n    if (multiModule) {\n      const { modules, action: act, operator = \"OR\" } = multiModule;\n      \n      const results = modules.map(mod => {\n        const modulePerms = _.get(permissions, mod, {});\n        return modulePerms[act] ?? false;\n      });\n\n      return operator === \"AND\" \n        ? results.every(Boolean)\n        : results.some(Boolean);\n    }\n\n    // Single module check (backward compatibility)\n    if (module && action) {\n      const modulePerms = _.get(permissions, module, {});\n      return modulePerms[action] ?? false;\n    }\n\n    // No permission config provided - deny access\n    return false;\n  }, [permissions, module, action, multiModule, complexPermissions, customPermissionCheck]);\n\n  // Enhanced error component\n  const ErrorComponent = () => (\n    <Box\n      sx={{\n        display: \"flex\",\n        flexDirection: \"column\",\n        justifyContent: \"center\",\n        alignItems: \"center\",\n        position: \"absolute\",\n        top: \"50%\",\n        left: \"50%\",\n        transform: \"translate(-50%, -50%)\", // Fixed transform values\n        gap: 2,\n        textAlign: \"center\",\n        p: 3\n      }}\n    >\n      <Typography \n        type=\"h1\" \n        color=\"theme.secondary.900\" \n        weight=\"bold\"\n        sx={{ fontSize: { xs: '4rem', sm: '6rem' } }}\n      >\n        403\n      </Typography>\n      <Divider \n        flexItem \n        // sx={{ \n        //   borderColor: '#898f9a',\n        //   width: '100%',\n        //   maxWidth: '200px'\n        // }}\n      />\n      <Typography \n        type=\"s3\" \n        color=\"theme.secondary.900\" \n        weight=\"medium\"\n      >\n        Access Denied\n      </Typography>\n      <Typography \n        type=\"body2\" \n        color=\"theme.secondary.700\" \n        weight=\"regular\"\n        sx={{ mt: 1, maxWidth: '300px' }}\n      >\n        You don't have the required permissions to access this resource.\n      </Typography>\n    </Box>\n  );\n\n  // Handle loading state\n  if (!permissions) {\n    return showError ? <ErrorComponent /> : <Navigate to={redirectTo} replace />;\n  }\n\n  // Render based on permission check\n  if (hasPermission) {\n    return <>{children}</>;\n  }\n\n  return showError ? <ErrorComponent /> : <Navigate to={redirectTo} replace />;\n};\n\nexport default ProtectedRoute;\n\n// Helper function to create permission configurations\nexport const createPermissionConfig = {\n  // Single module\n  single: (module: string, action: PermissionAction) => ({\n    module,\n    action\n  }),\n\n  // Multiple modules with same action\n  multiModule: (\n    modules: string[], \n    action: PermissionAction, \n    operator: \"AND\" | \"OR\" = \"OR\"\n  ) => ({\n    multiModule: { modules, action, operator }\n  }),\n\n  // Complex permissions\n  complex: (\n    permissions: Array<{ module: string; action: PermissionAction }>,\n    operator: \"AND\" | \"OR\" = \"AND\"\n  ) => ({\n    complexPermissions: { permissions, operator }\n  }),\n\n  // Custom function\n  custom: (checkFn: (permissions: any) => boolean) => ({\n    customPermissionCheck: checkFn\n  })\n};\n\n// Example usage types for better developer experience\nexport type PermissionConfig = \n  | ReturnType<typeof createPermissionConfig.single>\n  | ReturnType<typeof createPermissionConfig.multiModule>\n  | ReturnType<typeof createPermissionConfig.complex>\n  | ReturnType<typeof createPermissionConfig.custom>;"],"names":[],"mappings":";;;;;;;;AAsDA,MAAM,iBAAgD,CAAC;AAAA,EACrD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,YAAY;AAAA,EACZ;AACF,MAAM;AACJ,QAAM,cAAc,eAAA;AAGpB,QAAM,gBAAgB,QAAQ,MAAM;AAClC,QAAI,CAAC,aAAa;AAChB,aAAO;AAAA,IACT;AAGA,QAAI,uBAAuB;AACzB,aAAO,sBAAsB,WAAW;AAAA,IAC1C;AAGA,QAAI,oBAAoB;AACtB,YAAM,EAAE,aAAa,UAAU,WAAW,UAAU;AAEpD,YAAM,UAAU,SAAS,IAAI,CAAC,EAAE,QAAQ,KAAK,QAAQ,UAAU;AAC7D,cAAM,cAAc,EAAE,IAAI,aAAa,KAAK,CAAA,CAAE;AAC9C,eAAO,YAAY,GAAG,KAAK;AAAA,MAC7B,CAAC;AAED,aAAO,aAAa,QAChB,QAAQ,MAAM,OAAO,IACrB,QAAQ,KAAK,OAAO;AAAA,IAC1B;AAGA,QAAI,aAAa;AACf,YAAM,EAAE,SAAS,QAAQ,KAAK,WAAW,SAAS;AAElD,YAAM,UAAU,QAAQ,IAAI,CAAA,QAAO;AACjC,cAAM,cAAc,EAAE,IAAI,aAAa,KAAK,CAAA,CAAE;AAC9C,eAAO,YAAY,GAAG,KAAK;AAAA,MAC7B,CAAC;AAED,aAAO,aAAa,QAChB,QAAQ,MAAM,OAAO,IACrB,QAAQ,KAAK,OAAO;AAAA,IAC1B;AAGA,QAAI,UAAU,QAAQ;AACpB,YAAM,cAAc,EAAE,IAAI,aAAa,QAAQ,CAAA,CAAE;AACjD,aAAO,YAAY,MAAM,KAAK;AAAA,IAChC;AAGA,WAAO;AAAA,EACT,GAAG,CAAC,aAAa,QAAQ,QAAQ,aAAa,oBAAoB,qBAAqB,CAAC;AAGxF,QAAM,iBAAiB,MACrB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,SAAS;AAAA,QACT,eAAe;AAAA,QACf,gBAAgB;AAAA,QAChB,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,KAAK;AAAA,QACL,MAAM;AAAA,QACN,WAAW;AAAA;AAAA,QACX,KAAK;AAAA,QACL,WAAW;AAAA,QACX,GAAG;AAAA,MAAA;AAAA,MAGL,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAM;AAAA,YACN,QAAO;AAAA,YACP,IAAI,EAAE,UAAU,EAAE,IAAI,QAAQ,IAAI,SAAO;AAAA,YAC1C,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGD;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,UAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,QAOV;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAM;AAAA,YACN,QAAO;AAAA,YACR,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGD;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAM;AAAA,YACN,QAAO;AAAA,YACP,IAAI,EAAE,IAAI,GAAG,UAAU,QAAA;AAAA,YACxB,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAED;AAAA,IAAA;AAAA,EAAA;AAKJ,MAAI,CAAC,aAAa;AAChB,WAAO,gCAAa,gBAAA,CAAA,CAAe,wBAAM,UAAA,EAAS,IAAI,YAAY,SAAO,KAAA,CAAC;AAAA,EAC5E;AAGA,MAAI,eAAe;AACjB,2CAAU,UAAS;AAAA,EACrB;AAEA,SAAO,gCAAa,gBAAA,CAAA,CAAe,wBAAM,UAAA,EAAS,IAAI,YAAY,SAAO,KAAA,CAAC;AAC5E;"}

package/dist/components/protected-route/index.js

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("react-router-dom"),o=require("../../hooks/use-permissions/index.js"),s=require("@mui/material"),i=require("../typography/typography/index.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=/* @__PURE__ */n(require("lodash"));exports.default=({module:n,action:u,multiModule:l,complexPermissions:c,customPermissionCheck:m,redirectTo:d="/403",showError:p=!0,children:h})=>{const x=o.usePermissions(),y=r.useMemo(()=>{if(!x)return!1;if(m)return m(x);if(c){const{permissions:e,operator:r="AND"}=c,t=e.map(({module:e,action:r})=>a.default.get(x,e,{})[r]??!1);return"AND"===r?t.every(Boolean):t.some(Boolean)}if(l){const{modules:e,action:r,operator:t="OR"}=l,o=e.map(e=>a.default.get(x,e,{})[r]??!1);return"AND"===t?o.every(Boolean):o.some(Boolean)}return!(!n||!u)&&(a.default.get(x,n,{})[u]??!1)},[x,n,u,l,c,m]),f=()=>/* @__PURE__ */e.jsxs(s.Box,{sx:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",gap:2,textAlign:"center",p:3},children:[
-/* @__PURE__ */e.jsx(i.Typography,{type:"h1",color:"theme.secondary.900",weight:"bold",sx:{fontSize:{xs:"4rem",sm:"6rem"}},children:"403"}),
-/* @__PURE__ */e.jsx(s.Divider,{flexItem:!0}),
-/* @__PURE__ */e.jsx(i.Typography,{type:"s3",color:"theme.secondary.900",weight:"medium",children:"Access Denied"}),
-/* @__PURE__ */e.jsx(i.Typography,{type:"body2",color:"theme.secondary.700",weight:"regular",sx:{mt:1,maxWidth:"300px"},children:"You don't have the required permissions to access this resource."})]});return x&&y?/* @__PURE__ */e.jsx(e.Fragment,{children:h}):p?/* @__PURE__ */e.jsx(f,{}):/* @__PURE__ */e.jsx(t.Navigate,{to:d,replace:!0})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),o=require("react-router-dom"),t=require("../../hooks/use-permissions/index.js"),s=require("../typography/typography/index.js"),i=require("lodash"),n=require("../../node_modules/@mui/material/Box/Box/index.js"),a=require("../../node_modules/@mui/material/Divider/Divider/index.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=/* @__PURE__ */u(i);exports.default=({module:i,action:u,multiModule:d,complexPermissions:c,customPermissionCheck:m,redirectTo:p="/403",showError:x=!0,children:h})=>{const y=t.usePermissions(),f=r.useMemo(()=>{if(!y)return!1;if(m)return m(y);if(c){const{permissions:e,operator:r="AND"}=c,o=e.map(({module:e,action:r})=>l.default.get(y,e,{})[r]??!1);return"AND"===r?o.every(Boolean):o.some(Boolean)}if(d){const{modules:e,action:r,operator:o="OR"}=d,t=e.map(e=>l.default.get(y,e,{})[r]??!1);return"AND"===o?t.every(Boolean):t.some(Boolean)}return!(!i||!u)&&(l.default.get(y,i,{})[u]??!1)},[y,i,u,d,c,m]),g=()=>/* @__PURE__ */e.jsxs(n.default,{sx:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",gap:2,textAlign:"center",p:3},children:[
+/* @__PURE__ */e.jsx(s.Typography,{type:"h1",color:"theme.secondary.900",weight:"bold",sx:{fontSize:{xs:"4rem",sm:"6rem"}},children:"403"}),
+/* @__PURE__ */e.jsx(a.default,{flexItem:!0}),
+/* @__PURE__ */e.jsx(s.Typography,{type:"s3",color:"theme.secondary.900",weight:"medium",children:"Access Denied"}),
+/* @__PURE__ */e.jsx(s.Typography,{type:"body2",color:"theme.secondary.700",weight:"regular",sx:{mt:1,maxWidth:"300px"},children:"You don't have the required permissions to access this resource."})]});return y&&f?/* @__PURE__ */e.jsx(e.Fragment,{children:h}):x?/* @__PURE__ */e.jsx(g,{}):/* @__PURE__ */e.jsx(o.Navigate,{to:p,replace:!0})};
 //# sourceMappingURL=index.js.map

package/dist/components/protected-route/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/protected-route.tsx"],"sourcesContent":["/* eslint-disable react-refresh/only-export-components */\n/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable unused-imports/no-unused-vars */\nimport React, { useMemo } from \"react\";\nimport { Navigate } from \"react-router-dom\";\nimport { usePermissions } from \"../hooks/use-permissions\";\nimport { Box, Divider } from \"@mui/material\";\nimport Typography from \"./typography/typography\";\nimport _ from \"lodash\";\n\ntype PermissionAction = \"canEdit\" | \"canView\" | \"canAdd\" | \"canDelete\";\n\ninterface SingleModulePermission {\n  module: string;\n  action: PermissionAction;\n}\n\ninterface MultiModulePermission {\n  modules: string[];\n  action: PermissionAction;\n  operator?: \"AND\" | \"OR\"; // Default: \"OR\"\n}\n\ninterface ComplexPermission {\n  permissions: Array<{\n    module: string;\n    action: PermissionAction;\n  }>;\n  operator?: \"AND\" | \"OR\"; // Default: \"AND\"\n}\n\ninterface ProtectedRouteProps {\n  // Single module (backward compatibility)\n  module?: string;\n  action?: PermissionAction;\n  \n  // Multiple modules with same action\n  multiModule?: MultiModulePermission;\n  \n  // Complex permissions with different actions\n  complexPermissions?: ComplexPermission;\n  \n  // Custom permission checker function\n  customPermissionCheck?: (permissions: any) => boolean;\n  \n  // Redirect path for unauthorized access\n  redirectTo?: string;\n  \n  // Show custom error component instead of redirect\n  showError?: boolean;\n  \n  children: React.ReactNode;\n}\n\nconst ProtectedRoute: React.FC<ProtectedRouteProps> = ({\n  module,\n  action,\n  multiModule,\n  complexPermissions,\n  customPermissionCheck,\n  redirectTo = \"/403\",\n  showError = true,\n  children\n}) => {\n  const permissions = usePermissions();\n\n  // Memoize permission check for performance\n  const hasPermission = useMemo(() => {\n    if (!permissions) {\n      return false;\n    }\n\n    // Custom permission check takes precedence\n    if (customPermissionCheck) {\n      return customPermissionCheck(permissions);\n    }\n\n    // Complex permissions check\n    if (complexPermissions) {\n      const { permissions: permList, operator = \"AND\" } = complexPermissions;\n      \n      const results = permList.map(({ module: mod, action: act }) => {\n        const modulePerms = _.get(permissions, mod, {});\n        return modulePerms[act] ?? false;\n      });\n\n      return operator === \"AND\" \n        ? results.every(Boolean)\n        : results.some(Boolean);\n    }\n\n    // Multi-module with same action check\n    if (multiModule) {\n      const { modules, action: act, operator = \"OR\" } = multiModule;\n      \n      const results = modules.map(mod => {\n        const modulePerms = _.get(permissions, mod, {});\n        return modulePerms[act] ?? false;\n      });\n\n      return operator === \"AND\" \n        ? results.every(Boolean)\n        : results.some(Boolean);\n    }\n\n    // Single module check (backward compatibility)\n    if (module && action) {\n      const modulePerms = _.get(permissions, module, {});\n      return modulePerms[action] ?? false;\n    }\n\n    // No permission config provided - deny access\n    return false;\n  }, [permissions, module, action, multiModule, complexPermissions, customPermissionCheck]);\n\n  // Enhanced error component\n  const ErrorComponent = () => (\n    <Box\n      sx={{\n        display: \"flex\",\n        flexDirection: \"column\",\n        justifyContent: \"center\",\n        alignItems: \"center\",\n        position: \"absolute\",\n        top: \"50%\",\n        left: \"50%\",\n        transform: \"translate(-50%, -50%)\", // Fixed transform values\n        gap: 2,\n        textAlign: \"center\",\n        p: 3\n      }}\n    >\n      <Typography \n        type=\"h1\" \n        color=\"theme.secondary.900\" \n        weight=\"bold\"\n        sx={{ fontSize: { xs: '4rem', sm: '6rem' } }}\n      >\n        403\n      </Typography>\n      <Divider \n        flexItem \n        // sx={{ \n        //   borderColor: '#898f9a',\n        //   width: '100%',\n        //   maxWidth: '200px'\n        // }}\n      />\n      <Typography \n        type=\"s3\" \n        color=\"theme.secondary.900\" \n        weight=\"medium\"\n      >\n        Access Denied\n      </Typography>\n      <Typography \n        type=\"body2\" \n        color=\"theme.secondary.700\" \n        weight=\"regular\"\n        sx={{ mt: 1, maxWidth: '300px' }}\n      >\n        You don't have the required permissions to access this resource.\n      </Typography>\n    </Box>\n  );\n\n  // Handle loading state\n  if (!permissions) {\n    return showError ? <ErrorComponent /> : <Navigate to={redirectTo} replace />;\n  }\n\n  // Render based on permission check\n  if (hasPermission) {\n    return <>{children}</>;\n  }\n\n  return showError ? <ErrorComponent /> : <Navigate to={redirectTo} replace />;\n};\n\nexport default ProtectedRoute;\n\n// Helper function to create permission configurations\nexport const createPermissionConfig = {\n  // Single module\n  single: (module: string, action: PermissionAction) => ({\n    module,\n    action\n  }),\n\n  // Multiple modules with same action\n  multiModule: (\n    modules: string[], \n    action: PermissionAction, \n    operator: \"AND\" | \"OR\" = \"OR\"\n  ) => ({\n    multiModule: { modules, action, operator }\n  }),\n\n  // Complex permissions\n  complex: (\n    permissions: Array<{ module: string; action: PermissionAction }>,\n    operator: \"AND\" | \"OR\" = \"AND\"\n  ) => ({\n    complexPermissions: { permissions, operator }\n  }),\n\n  // Custom function\n  custom: (checkFn: (permissions: any) => boolean) => ({\n    customPermissionCheck: checkFn\n  })\n};\n\n// Example usage types for better developer experience\nexport type PermissionConfig = \n  | ReturnType<typeof createPermissionConfig.single>\n  | ReturnType<typeof createPermissionConfig.multiModule>\n  | ReturnType<typeof createPermissionConfig.complex>\n  | ReturnType<typeof createPermissionConfig.custom>;"],"names":["module","action","multiModule","complexPermissions","customPermissionCheck","redirectTo","showError","children","permissions","usePermissions","hasPermission","useMemo","permList","operator","results","map","mod","act","_","get","every","Boolean","some","modules","ErrorComponent","jsxs","Box","sx","display","flexDirection","justifyContent","alignItems","position","top","left","transform","gap","textAlign","p","jsx","Typography","type","color","weight","fontSize","xs","sm","Divider","flexItem","mt","maxWidth","Navigate","to","replace"],"mappings":"sZAsDsD,EACpDA,OAAAA,EACAC,SACAC,cACAC,qBACAC,wBACAC,aAAa,OACbC,aAAY,EACZC,eAEA,MAAMC,EAAcC,EAAAA,iBAGdC,EAAgBC,EAAAA,QAAQ,KAC5B,IAAKH,EACH,OAAO,EAIT,GAAIJ,EACF,OAAOA,EAAsBI,GAI/B,GAAIL,EAAoB,CACtB,MAAQK,YAAaI,EAAAC,SAAUA,EAAW,OAAUV,EAE9CW,EAAUF,EAASG,IAAI,EAAGf,OAAQgB,EAAKf,OAAQgB,KAC/BC,EAAAA,QAAEC,IAAIX,EAAaQ,EAAK,CAAA,GACzBC,KAAQ,GAG7B,MAAoB,QAAbJ,EACHC,EAAQM,MAAMC,SACdP,EAAQQ,KAAKD,QACnB,CAGA,GAAInB,EAAa,CACf,MAAMqB,QAAEA,EAAStB,OAAQgB,EAAAJ,SAAKA,EAAW,MAASX,EAE5CY,EAAUS,EAAQR,IAAIC,GACNE,EAAAA,QAAEC,IAAIX,EAAaQ,EAAK,CAAA,GACzBC,KAAQ,GAG7B,MAAoB,QAAbJ,EACHC,EAAQM,MAAMC,SACdP,EAAQQ,KAAKD,QACnB,CAGA,SAAIrB,IAAUC,KACQiB,EAAAA,QAAEC,IAAIX,EAAaR,EAAQ,CAAA,GAC5BC,KAAW,IAK/B,CAACO,EAAaR,EAAQC,EAAQC,EAAaC,EAAoBC,IAG5DoB,EAAiB,mBACrBC,EAAAA,KAACC,EAAAA,IAAA,CACCC,GAAI,CACFC,QAAS,OACTC,cAAe,SACfC,eAAgB,SAChBC,WAAY,SACZC,SAAU,WACVC,IAAK,MACLC,KAAM,MACNC,UAAW,wBACXC,IAAK,EACLC,UAAW,SACXC,EAAG,GAGL/B,SAAA;eAAAgC,EAAAA,IAACC,EAAAA,WAAA,CACCC,KAAK,KACLC,MAAM,sBACNC,OAAO,OACPhB,GAAI,CAAEiB,SAAU,CAAEC,GAAI,OAAQC,GAAI,SACnCvC,SAAA;eAGDgC,EAAAA,IAACQ,EAAAA,QAAA,CACCC,UAAQ;eAOVT,EAAAA,IAACC,EAAAA,WAAA,CACCC,KAAK,KACLC,MAAM,sBACNC,OAAO,SACRpC,SAAA;eAGDgC,EAAAA,IAACC,EAAAA,WAAA,CACCC,KAAK,QACLC,MAAM,sBACNC,OAAO,UACPhB,GAAI,CAAEsB,GAAI,EAAGC,SAAU,SACxB3C,SAAA,wEAOL,OAAKC,GAKDE,mCACQH,aALHD,uBAAakB,EAAA,CAAA,wBAAqB2B,EAAAA,SAAA,CAASC,GAAI/C,EAAYgD,SAAO"}
+{"version":3,"file":"index.js","sources":["../../../src/components/protected-route.tsx"],"sourcesContent":["/* eslint-disable react-refresh/only-export-components */\n/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable unused-imports/no-unused-vars */\nimport React, { useMemo } from \"react\";\nimport { Navigate } from \"react-router-dom\";\nimport { usePermissions } from \"../hooks/use-permissions\";\nimport { Box, Divider } from \"@mui/material\";\nimport Typography from \"./typography/typography\";\nimport _ from \"lodash\";\n\ntype PermissionAction = \"canEdit\" | \"canView\" | \"canAdd\" | \"canDelete\";\n\ninterface SingleModulePermission {\n  module: string;\n  action: PermissionAction;\n}\n\ninterface MultiModulePermission {\n  modules: string[];\n  action: PermissionAction;\n  operator?: \"AND\" | \"OR\"; // Default: \"OR\"\n}\n\ninterface ComplexPermission {\n  permissions: Array<{\n    module: string;\n    action: PermissionAction;\n  }>;\n  operator?: \"AND\" | \"OR\"; // Default: \"AND\"\n}\n\ninterface ProtectedRouteProps {\n  // Single module (backward compatibility)\n  module?: string;\n  action?: PermissionAction;\n  \n  // Multiple modules with same action\n  multiModule?: MultiModulePermission;\n  \n  // Complex permissions with different actions\n  complexPermissions?: ComplexPermission;\n  \n  // Custom permission checker function\n  customPermissionCheck?: (permissions: any) => boolean;\n  \n  // Redirect path for unauthorized access\n  redirectTo?: string;\n  \n  // Show custom error component instead of redirect\n  showError?: boolean;\n  \n  children: React.ReactNode;\n}\n\nconst ProtectedRoute: React.FC<ProtectedRouteProps> = ({\n  module,\n  action,\n  multiModule,\n  complexPermissions,\n  customPermissionCheck,\n  redirectTo = \"/403\",\n  showError = true,\n  children\n}) => {\n  const permissions = usePermissions();\n\n  // Memoize permission check for performance\n  const hasPermission = useMemo(() => {\n    if (!permissions) {\n      return false;\n    }\n\n    // Custom permission check takes precedence\n    if (customPermissionCheck) {\n      return customPermissionCheck(permissions);\n    }\n\n    // Complex permissions check\n    if (complexPermissions) {\n      const { permissions: permList, operator = \"AND\" } = complexPermissions;\n      \n      const results = permList.map(({ module: mod, action: act }) => {\n        const modulePerms = _.get(permissions, mod, {});\n        return modulePerms[act] ?? false;\n      });\n\n      return operator === \"AND\" \n        ? results.every(Boolean)\n        : results.some(Boolean);\n    }\n\n    // Multi-module with same action check\n    if (multiModule) {\n      const { modules, action: act, operator = \"OR\" } = multiModule;\n      \n      const results = modules.map(mod => {\n        const modulePerms = _.get(permissions, mod, {});\n        return modulePerms[act] ?? false;\n      });\n\n      return operator === \"AND\" \n        ? results.every(Boolean)\n        : results.some(Boolean);\n    }\n\n    // Single module check (backward compatibility)\n    if (module && action) {\n      const modulePerms = _.get(permissions, module, {});\n      return modulePerms[action] ?? false;\n    }\n\n    // No permission config provided - deny access\n    return false;\n  }, [permissions, module, action, multiModule, complexPermissions, customPermissionCheck]);\n\n  // Enhanced error component\n  const ErrorComponent = () => (\n    <Box\n      sx={{\n        display: \"flex\",\n        flexDirection: \"column\",\n        justifyContent: \"center\",\n        alignItems: \"center\",\n        position: \"absolute\",\n        top: \"50%\",\n        left: \"50%\",\n        transform: \"translate(-50%, -50%)\", // Fixed transform values\n        gap: 2,\n        textAlign: \"center\",\n        p: 3\n      }}\n    >\n      <Typography \n        type=\"h1\" \n        color=\"theme.secondary.900\" \n        weight=\"bold\"\n        sx={{ fontSize: { xs: '4rem', sm: '6rem' } }}\n      >\n        403\n      </Typography>\n      <Divider \n        flexItem \n        // sx={{ \n        //   borderColor: '#898f9a',\n        //   width: '100%',\n        //   maxWidth: '200px'\n        // }}\n      />\n      <Typography \n        type=\"s3\" \n        color=\"theme.secondary.900\" \n        weight=\"medium\"\n      >\n        Access Denied\n      </Typography>\n      <Typography \n        type=\"body2\" \n        color=\"theme.secondary.700\" \n        weight=\"regular\"\n        sx={{ mt: 1, maxWidth: '300px' }}\n      >\n        You don't have the required permissions to access this resource.\n      </Typography>\n    </Box>\n  );\n\n  // Handle loading state\n  if (!permissions) {\n    return showError ? <ErrorComponent /> : <Navigate to={redirectTo} replace />;\n  }\n\n  // Render based on permission check\n  if (hasPermission) {\n    return <>{children}</>;\n  }\n\n  return showError ? <ErrorComponent /> : <Navigate to={redirectTo} replace />;\n};\n\nexport default ProtectedRoute;\n\n// Helper function to create permission configurations\nexport const createPermissionConfig = {\n  // Single module\n  single: (module: string, action: PermissionAction) => ({\n    module,\n    action\n  }),\n\n  // Multiple modules with same action\n  multiModule: (\n    modules: string[], \n    action: PermissionAction, \n    operator: \"AND\" | \"OR\" = \"OR\"\n  ) => ({\n    multiModule: { modules, action, operator }\n  }),\n\n  // Complex permissions\n  complex: (\n    permissions: Array<{ module: string; action: PermissionAction }>,\n    operator: \"AND\" | \"OR\" = \"AND\"\n  ) => ({\n    complexPermissions: { permissions, operator }\n  }),\n\n  // Custom function\n  custom: (checkFn: (permissions: any) => boolean) => ({\n    customPermissionCheck: checkFn\n  })\n};\n\n// Example usage types for better developer experience\nexport type PermissionConfig = \n  | ReturnType<typeof createPermissionConfig.single>\n  | ReturnType<typeof createPermissionConfig.multiModule>\n  | ReturnType<typeof createPermissionConfig.complex>\n  | ReturnType<typeof createPermissionConfig.custom>;"],"names":["module","action","multiModule","complexPermissions","customPermissionCheck","redirectTo","showError","children","permissions","usePermissions","hasPermission","useMemo","permList","operator","results","map","mod","act","_","get","every","Boolean","some","modules","ErrorComponent","jsxs","Box","sx","display","flexDirection","justifyContent","alignItems","position","top","left","transform","gap","textAlign","p","jsx","Typography","type","color","weight","fontSize","xs","sm","Divider","flexItem","mt","maxWidth","Navigate","to","replace"],"mappings":"qgBAsDsD,EACpDA,OAAAA,EACAC,SACAC,cACAC,qBACAC,wBACAC,aAAa,OACbC,aAAY,EACZC,eAEA,MAAMC,EAAcC,EAAAA,iBAGdC,EAAgBC,EAAAA,QAAQ,KAC5B,IAAKH,EACH,OAAO,EAIT,GAAIJ,EACF,OAAOA,EAAsBI,GAI/B,GAAIL,EAAoB,CACtB,MAAQK,YAAaI,EAAAC,SAAUA,EAAW,OAAUV,EAE9CW,EAAUF,EAASG,IAAI,EAAGf,OAAQgB,EAAKf,OAAQgB,KAC/BC,EAAAA,QAAEC,IAAIX,EAAaQ,EAAK,CAAA,GACzBC,KAAQ,GAG7B,MAAoB,QAAbJ,EACHC,EAAQM,MAAMC,SACdP,EAAQQ,KAAKD,QACnB,CAGA,GAAInB,EAAa,CACf,MAAMqB,QAAEA,EAAStB,OAAQgB,EAAAJ,SAAKA,EAAW,MAASX,EAE5CY,EAAUS,EAAQR,IAAIC,GACNE,EAAAA,QAAEC,IAAIX,EAAaQ,EAAK,CAAA,GACzBC,KAAQ,GAG7B,MAAoB,QAAbJ,EACHC,EAAQM,MAAMC,SACdP,EAAQQ,KAAKD,QACnB,CAGA,SAAIrB,IAAUC,KACQiB,EAAAA,QAAEC,IAAIX,EAAaR,EAAQ,CAAA,GAC5BC,KAAW,IAK/B,CAACO,EAAaR,EAAQC,EAAQC,EAAaC,EAAoBC,IAG5DoB,EAAiB,mBACrBC,EAAAA,KAACC,EAAAA,QAAA,CACCC,GAAI,CACFC,QAAS,OACTC,cAAe,SACfC,eAAgB,SAChBC,WAAY,SACZC,SAAU,WACVC,IAAK,MACLC,KAAM,MACNC,UAAW,wBACXC,IAAK,EACLC,UAAW,SACXC,EAAG,GAGL/B,SAAA;eAAAgC,EAAAA,IAACC,EAAAA,WAAA,CACCC,KAAK,KACLC,MAAM,sBACNC,OAAO,OACPhB,GAAI,CAAEiB,SAAU,CAAEC,GAAI,OAAQC,GAAI,SACnCvC,SAAA;eAGDgC,EAAAA,IAACQ,EAAAA,QAAA,CACCC,UAAQ;eAOVT,EAAAA,IAACC,EAAAA,WAAA,CACCC,KAAK,KACLC,MAAM,sBACNC,OAAO,SACRpC,SAAA;eAGDgC,EAAAA,IAACC,EAAAA,WAAA,CACCC,KAAK,QACLC,MAAM,sBACNC,OAAO,UACPhB,GAAI,CAAEsB,GAAI,EAAGC,SAAU,SACxB3C,SAAA,wEAOL,OAAKC,GAKDE,mCACQH,aALHD,uBAAakB,EAAA,CAAA,wBAAqB2B,EAAAA,SAAA,CAASC,GAAI/C,EAAYgD,SAAO"}

package/dist/components/quick-approval-modal/quick-approval-modal/index.esm.js

@@ -1,6 +1,4 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { Close } from "@mui/icons-material";
-import { DialogTitle, IconButton, DialogContent, MenuItem, Box, DialogActions, CircularProgress } from "@mui/material";
 import Modal from "../../modal/modal/index.esm.js";
 import { Typography } from "../../typography/typography/index.esm.js";
 import * as Yup from "yup";
@@ -18,6 +16,14 @@ import Chip from "../../chip/chip/index.esm.js";
 import { getV1User } from "../../../api-client/api.rbac/api/index.esm.js";
 import { enqueueSnackbar } from "../../../node_modules/notistack/notistack.esm/index.esm.js";
 import { getToken } from "../../../utils/common/index.esm.js";
+import DialogTitle from "../../../node_modules/@mui/material/DialogTitle/DialogTitle/index.esm.js";
+import IconButton from "../../../node_modules/@mui/material/IconButton/IconButton/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 MenuItem from "../../../node_modules/@mui/material/MenuItem/MenuItem/index.esm.js";
+import Box from "../../../node_modules/@mui/material/Box/Box/index.esm.js";
+import DialogActions from "../../../node_modules/@mui/material/DialogActions/DialogActions/index.esm.js";
+import CircularProgress from "../../../node_modules/@mui/material/CircularProgress/CircularProgress/index.esm.js";
 import { MoreIcon } from "../../icons/more/index.esm.js";
 const validationSchema = Yup.object().shape({
   approver_id: Yup.array().required("Please select the approvers").min(1, "Please select the approvers")

package/dist/components/quick-approval-modal/quick-approval-modal/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/quick-approval-modal/quick-approval-modal.tsx"],"sourcesContent":["import { Close } from '@mui/icons-material';\nimport {\n\tBox,\n\tCircularProgress,\n\tDialogActions,\n\tDialogContent,\n\tDialogProps,\n\tDialogTitle,\n\tIconButton,\n\tMenuItem\n} from '@mui/material';\nimport Modal from '../modal/modal';\nimport Typography from '../typography/typography';\n\nimport * as Yup from 'yup';\nimport { yupResolver } from '@hookform/resolvers/yup';\nimport Select from '../select/select';\nimport { Controller, useForm } from 'react-hook-form';\n\nimport './quick-approval-modal.scss';\nimport { useEffect, useState } from 'react';\nimport Avatar from '../avatar/avatar';\nimport { formatLabel } from '../../utils/format-text';\nimport Checkbox from '../checkbox/checkbox';\nimport Button from '../button/button';\nimport ChipOrPlaceholder from '../form-control/form-builder/form-builder-element/chip-or-placeholder';\nimport Chip from '../chip/chip';\nimport { MoreIcon } from '../icons';\nimport { getV1User } from '../../api-client/api.rbac/api';\nimport { enqueueSnackbar } from 'notistack';\n\nimport React from 'react';\nimport { getToken } from '../../utils/common';\n\ninterface QuickApprovalModalProps {\n\tisOpen: boolean;\n\tsetIsOpen: () => void;\n\tmodalProps?: DialogProps;\n\ttitle?: string;\n\tonConfirm: (approverIds: number[]) => void;\n  isProcessing?: boolean\n}\n\ninterface IFormInput {\n\tapprover_id: number[];\n}\ninterface IUsersData {\n\tisLoading: boolean\n\tisError: boolean\n  error: string | null\n  data: Array<Record<string, any>>\n}\n\nconst validationSchema = Yup.object().shape({\n\tapprover_id: Yup.array()\n\t\t.required('Please select the approvers')\n\t\t.min(1, 'Please select the approvers')\n});\n\nconst QuickApprovalModal: React.FC<QuickApprovalModalProps> = ({\n\tisOpen,\n\tsetIsOpen,\n\tmodalProps,\n\ttitle,\n\tonConfirm,\n  isProcessing\n}) => {\n\tconst [users, setUsers] = useState<IUsersData>({\n\t\tisLoading: true,\n\t\tisError: false,\n\t\terror: 'null',\n\t\tdata: []\n\t});\n\tconst { isLoading, isError, error, data } = users;\n\n\tconst { control, handleSubmit, reset, setValue, getValues, watch } =\n\t\tuseForm<IFormInput>({\n\t\t\tresolver: yupResolver(validationSchema),\n\t\t\tmode: 'all'\n\t\t});\n\n\twatch('approver_id');\n\tconst formValues = getValues('approver_id');\n\n\tconst onSubmit = (values: IFormInput) => {\n\t\tonConfirm(values.approver_id);\n\t\thandleModalClose();\n\t};\n\n\tconst handleModalClose = () => {\n\t\treset({approver_id: []});\n\t\tsetIsOpen();\n\t};\n\n\tconst SelectedItems = ({\n\t\tdata,\n\t\toptions\n\t}: {\n\t\tdata: number[];\n\t\toptions: any[];\n\t}) => {\n\t\tconst displayTitle = data.map((selectedItem) => {\n\t\t\tconst user = options.find((option: any) => option.id === selectedItem);\n\t\t\tif (user) {\n\t\t\t\treturn getLabel(user);\n\t\t\t}\n\t\t\treturn selectedItem;\n\t\t});\n\n\t\treturn (\n\t\t\t<Box display='flex' justifyContent='space-between' alignItems='center'>\n\t\t\t\t<Typography\n\t\t\t\t\ttype='s5'\n\t\t\t\t\tcolor='inherit'\n\t\t\t\t\tsx={{ display: 'flex', gap: 1, alignItems: 'center', mt: 0.5 }}>\n\t\t\t\t\t{displayTitle.slice(0, 3).join(', ')}\n\t\t\t\t\t{data.length > 4 && (\n\t\t\t\t\t\t<Chip\n\t\t\t\t\t\t\tvariant='outlined'\n\t\t\t\t\t\t\ttype='normal'\n\t\t\t\t\t\t\tclassName='quickApprovalModal--DisplayNameChip'\n\t\t\t\t\t\t\tlabel={<MoreIcon fontSize='small' />}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</Typography>\n\t\t\t\t<Button variant='text' onClick={() => setValue('approver_id', [])}>\n\t\t\t\t\t<Typography type='s5' color='inherit'>\n\t\t\t\t\t\tRemove\n\t\t\t\t\t</Typography>\n\t\t\t\t</Button>\n\t\t\t</Box>\n\t\t);\n\t};\n\n\tconst getAndSetFetchUsers = async () => {\n\t\ttry {\n\t\t\tconst filters = { skip: 0, limit: 99, filters: `(is_active.eq=true)` };\n\t\t\tconst response = await getV1User({ ...filters, ...getToken() });\n\t\n\t\t\tconst users: any[] = response?.data?.users || [];\n\t\t\tsetUsers({\n\t\t\t\tisLoading: false,\n\t\t\t\tisError: false,\n\t\t\t\terror: null,\n\t\t\t\tdata: users\n\t\t\t});\t\n\t\t} catch (error) {\n\t\t\tsetUsers({\n\t\t\t\tisLoading: false,\n\t\t\t\tisError: true,\n\t\t\t\terror: 'Failed to fetch Approvers',\n\t\t\t\tdata: []\n\t\t\t});\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tif (isOpen) {\n\t\t\tgetAndSetFetchUsers()\n\t\t}\n\t}, [isOpen]);\n\tuseEffect(() => {\n\t\tif (isError) {\n\t\t\tenqueueSnackbar(error ?? 'Something went wrong', { variant: 'error'});\n\t\t}\n\t}, [error, isError]);\n\n\tconst getLabel = (obj: Record<any, any>) => {\n\t\tconst {first_name = '', last_name=''} = obj || {}\n\n\t\treturn formatLabel(`${first_name} ${last_name}`)\n\t}\n\n  useEffect(() => {\n    return () => {\n      handleModalClose()\n    }\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  },[])\n\n\treturn (\n\t\t<Modal\n\t\t\topen={isOpen}\n\t\t\tonClose={handleModalClose}\n\t\t\tmaxWidth='sm'\n\t\t\tfullWidth\n\t\t\tdisableEscapeKeyDown\n\t\t\t{...modalProps}>\n\t\t\t<form onSubmit={handleSubmit(onSubmit)}>\n\t\t\t\t<DialogTitle className='quickApprovalModal--Title'>\n\t\t\t\t\t<Typography type='s3' color='inherit' weight='medium'>\n\t\t\t\t\t\t{title || 'Quick Approval'}\n\t\t\t\t\t</Typography>\n\t\t\t\t\t<IconButton onClick={handleModalClose}>\n\t\t\t\t\t\t<Close fontSize='small' />\n\t\t\t\t\t</IconButton>\n\t\t\t\t</DialogTitle>\n\t\t\t\t<DialogContent className='quickApprovalModal--ModalContentContainer'>\n\t\t\t\t\t<Controller\n\t\t\t\t\t\tname='approver_id'\n\t\t\t\t\t\tcontrol={control}\n\t\t\t\t\t\trender={({ field, fieldState }) => (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<Select\n\t\t\t\t\t\t\t\t\tname='approver_id'\n\t\t\t\t\t\t\t\t\tvalue={field.value || []}\n\t\t\t\t\t\t\t\t\tonChange={field.onChange}\n\t\t\t\t\t\t\t\t\terror={Boolean(fieldState.error?.message)}\n\t\t\t\t\t\t\t\t\thelperText={fieldState.error?.message || ''}\n\t\t\t\t\t\t\t\t\tsize='small'\n\t\t\t\t\t\t\t\t\trenderValue={(selected: string[]) => (\n\t\t\t\t\t\t\t\t\t\t<ChipOrPlaceholder\n\t\t\t\t\t\t\t\t\t\t\tdata={selected}\n\t\t\t\t\t\t\t\t\t\t\tplaceholder='Select'\n\t\t\t\t\t\t\t\t\t\t\tonDelete={() => setValue('approver_id', [])}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\tmultiple\n\t\t\t\t\t\t\t\t\tfullWidth>\n\t\t\t\t\t\t\t\t\t{data.map((user) => {\n\t\t\t\t\t\t\t\t\t\tconst colors = [\n\t\t\t\t\t\t\t\t\t\t\t'theme.tertiary1',\n\t\t\t\t\t\t\t\t\t\t\t'theme.tertiary2',\n\t\t\t\t\t\t\t\t\t\t\t'theme.tertiary3'\n\t\t\t\t\t\t\t\t\t\t];\n\t\t\t\t\t\t\t\t\t\tconst randomIndex = Math.floor(\n\t\t\t\t\t\t\t\t\t\t\tMath.random() * colors.length\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\tconst randomColor = colors[randomIndex];\n\t\t\t\t\t\t\t\t\t\tconst avatarStyle = {\n\t\t\t\t\t\t\t\t\t\t\tborderRadius: '0.25rem !important',\n\t\t\t\t\t\t\t\t\t\t\ttextAlign: 'center',\n\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: `${randomColor}.200`,\n\t\t\t\t\t\t\t\t\t\t\tcolor: `${randomColor}.1000`\n\t\t\t\t\t\t\t\t\t\t};\n\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\t\t\tkey={user.id}\n\t\t\t\t\t\t\t\t\t\t\t\tvalue={user.id}\n\t\t\t\t\t\t\t\t\t\t\t\tselected={Boolean(\n\t\t\t\t\t\t\t\t\t\t\t\t\tfield.value && field.value.includes(user.id)\n\t\t\t\t\t\t\t\t\t\t\t\t)}>\n\t\t\t\t\t\t\t\t\t\t\t\t<Box className='quickApprovalModal--UserListingContainer'>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Box className='quickApprovalModal--UserContent'>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Avatar\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsrc={user.profile_image}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\talt={getLabel(user)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsx={avatarStyle}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize={24}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Typography type='s4' color='theme.secondary.1000'>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{getLabel(user)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tchecked={Boolean(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfield.value && field.value.includes(user.id)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t</Select>\n\t\t\t\t\t\t\t\t{Array.isArray(field?.value) && field?.value?.length > 0 && (\n\t\t\t\t\t\t\t\t\t<SelectedItems data={field.value} options={data} />\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t)}\n\t\t\t\t\t/>\n\t\t\t\t</DialogContent>\n\t\t\t\t<DialogActions className='quickApprovalModal--DialogActions'>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclassName='quickApprovalModal--DialogActions--Cancel'\n\t\t\t\t\t\tonClick={handleModalClose}\n\t\t\t\t\t\tdisabled={isLoading || isProcessing}>\n\t\t\t\t\t\tCancel\n\t\t\t\t\t</Button>\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttype='submit'\n\t\t\t\t\t\tendIcon={\n\t\t\t\t\t\t\tisProcessing ? (\n\t\t\t\t\t\t\t\t<CircularProgress size={15} color='inherit' />\n\t\t\t\t\t\t\t) : undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\tdisabled={isProcessing || isLoading || Boolean(!formValues?.length)}>\n\t\t\t\t\t\tSend Request\n\t\t\t\t\t</Button>\n\t\t\t\t</DialogActions>\n\t\t\t</form>\n\t\t</Modal>\n\t);\n};\n\nexport default QuickApprovalModal;"],"names":["yupResolver","data","users","error"],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/quick-approval-modal/quick-approval-modal.tsx"],"sourcesContent":["import { Close } from '@mui/icons-material';\nimport {\n\tBox,\n\tCircularProgress,\n\tDialogActions,\n\tDialogContent,\n\tDialogProps,\n\tDialogTitle,\n\tIconButton,\n\tMenuItem\n} from '@mui/material';\nimport Modal from '../modal/modal';\nimport Typography from '../typography/typography';\n\nimport * as Yup from 'yup';\nimport { yupResolver } from '@hookform/resolvers/yup';\nimport Select from '../select/select';\nimport { Controller, useForm } from 'react-hook-form';\n\nimport './quick-approval-modal.scss';\nimport { useEffect, useState } from 'react';\nimport Avatar from '../avatar/avatar';\nimport { formatLabel } from '../../utils/format-text';\nimport Checkbox from '../checkbox/checkbox';\nimport Button from '../button/button';\nimport ChipOrPlaceholder from '../form-control/form-builder/form-builder-element/chip-or-placeholder';\nimport Chip from '../chip/chip';\nimport { MoreIcon } from '../icons';\nimport { getV1User } from '../../api-client/api.rbac/api';\nimport { enqueueSnackbar } from 'notistack';\n\nimport React from 'react';\nimport { getToken } from '../../utils/common';\n\ninterface QuickApprovalModalProps {\n\tisOpen: boolean;\n\tsetIsOpen: () => void;\n\tmodalProps?: DialogProps;\n\ttitle?: string;\n\tonConfirm: (approverIds: number[]) => void;\n  isProcessing?: boolean\n}\n\ninterface IFormInput {\n\tapprover_id: number[];\n}\ninterface IUsersData {\n\tisLoading: boolean\n\tisError: boolean\n  error: string | null\n  data: Array<Record<string, any>>\n}\n\nconst validationSchema = Yup.object().shape({\n\tapprover_id: Yup.array()\n\t\t.required('Please select the approvers')\n\t\t.min(1, 'Please select the approvers')\n});\n\nconst QuickApprovalModal: React.FC<QuickApprovalModalProps> = ({\n\tisOpen,\n\tsetIsOpen,\n\tmodalProps,\n\ttitle,\n\tonConfirm,\n  isProcessing\n}) => {\n\tconst [users, setUsers] = useState<IUsersData>({\n\t\tisLoading: true,\n\t\tisError: false,\n\t\terror: 'null',\n\t\tdata: []\n\t});\n\tconst { isLoading, isError, error, data } = users;\n\n\tconst { control, handleSubmit, reset, setValue, getValues, watch } =\n\t\tuseForm<IFormInput>({\n\t\t\tresolver: yupResolver(validationSchema),\n\t\t\tmode: 'all'\n\t\t});\n\n\twatch('approver_id');\n\tconst formValues = getValues('approver_id');\n\n\tconst onSubmit = (values: IFormInput) => {\n\t\tonConfirm(values.approver_id);\n\t\thandleModalClose();\n\t};\n\n\tconst handleModalClose = () => {\n\t\treset({approver_id: []});\n\t\tsetIsOpen();\n\t};\n\n\tconst SelectedItems = ({\n\t\tdata,\n\t\toptions\n\t}: {\n\t\tdata: number[];\n\t\toptions: any[];\n\t}) => {\n\t\tconst displayTitle = data.map((selectedItem) => {\n\t\t\tconst user = options.find((option: any) => option.id === selectedItem);\n\t\t\tif (user) {\n\t\t\t\treturn getLabel(user);\n\t\t\t}\n\t\t\treturn selectedItem;\n\t\t});\n\n\t\treturn (\n\t\t\t<Box display='flex' justifyContent='space-between' alignItems='center'>\n\t\t\t\t<Typography\n\t\t\t\t\ttype='s5'\n\t\t\t\t\tcolor='inherit'\n\t\t\t\t\tsx={{ display: 'flex', gap: 1, alignItems: 'center', mt: 0.5 }}>\n\t\t\t\t\t{displayTitle.slice(0, 3).join(', ')}\n\t\t\t\t\t{data.length > 4 && (\n\t\t\t\t\t\t<Chip\n\t\t\t\t\t\t\tvariant='outlined'\n\t\t\t\t\t\t\ttype='normal'\n\t\t\t\t\t\t\tclassName='quickApprovalModal--DisplayNameChip'\n\t\t\t\t\t\t\tlabel={<MoreIcon fontSize='small' />}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</Typography>\n\t\t\t\t<Button variant='text' onClick={() => setValue('approver_id', [])}>\n\t\t\t\t\t<Typography type='s5' color='inherit'>\n\t\t\t\t\t\tRemove\n\t\t\t\t\t</Typography>\n\t\t\t\t</Button>\n\t\t\t</Box>\n\t\t);\n\t};\n\n\tconst getAndSetFetchUsers = async () => {\n\t\ttry {\n\t\t\tconst filters = { skip: 0, limit: 99, filters: `(is_active.eq=true)` };\n\t\t\tconst response = await getV1User({ ...filters, ...getToken() });\n\t\n\t\t\tconst users: any[] = response?.data?.users || [];\n\t\t\tsetUsers({\n\t\t\t\tisLoading: false,\n\t\t\t\tisError: false,\n\t\t\t\terror: null,\n\t\t\t\tdata: users\n\t\t\t});\t\n\t\t} catch (error) {\n\t\t\tsetUsers({\n\t\t\t\tisLoading: false,\n\t\t\t\tisError: true,\n\t\t\t\terror: 'Failed to fetch Approvers',\n\t\t\t\tdata: []\n\t\t\t});\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tif (isOpen) {\n\t\t\tgetAndSetFetchUsers()\n\t\t}\n\t}, [isOpen]);\n\tuseEffect(() => {\n\t\tif (isError) {\n\t\t\tenqueueSnackbar(error ?? 'Something went wrong', { variant: 'error'});\n\t\t}\n\t}, [error, isError]);\n\n\tconst getLabel = (obj: Record<any, any>) => {\n\t\tconst {first_name = '', last_name=''} = obj || {}\n\n\t\treturn formatLabel(`${first_name} ${last_name}`)\n\t}\n\n  useEffect(() => {\n    return () => {\n      handleModalClose()\n    }\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  },[])\n\n\treturn (\n\t\t<Modal\n\t\t\topen={isOpen}\n\t\t\tonClose={handleModalClose}\n\t\t\tmaxWidth='sm'\n\t\t\tfullWidth\n\t\t\tdisableEscapeKeyDown\n\t\t\t{...modalProps}>\n\t\t\t<form onSubmit={handleSubmit(onSubmit)}>\n\t\t\t\t<DialogTitle className='quickApprovalModal--Title'>\n\t\t\t\t\t<Typography type='s3' color='inherit' weight='medium'>\n\t\t\t\t\t\t{title || 'Quick Approval'}\n\t\t\t\t\t</Typography>\n\t\t\t\t\t<IconButton onClick={handleModalClose}>\n\t\t\t\t\t\t<Close fontSize='small' />\n\t\t\t\t\t</IconButton>\n\t\t\t\t</DialogTitle>\n\t\t\t\t<DialogContent className='quickApprovalModal--ModalContentContainer'>\n\t\t\t\t\t<Controller\n\t\t\t\t\t\tname='approver_id'\n\t\t\t\t\t\tcontrol={control}\n\t\t\t\t\t\trender={({ field, fieldState }) => (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<Select\n\t\t\t\t\t\t\t\t\tname='approver_id'\n\t\t\t\t\t\t\t\t\tvalue={field.value || []}\n\t\t\t\t\t\t\t\t\tonChange={field.onChange}\n\t\t\t\t\t\t\t\t\terror={Boolean(fieldState.error?.message)}\n\t\t\t\t\t\t\t\t\thelperText={fieldState.error?.message || ''}\n\t\t\t\t\t\t\t\t\tsize='small'\n\t\t\t\t\t\t\t\t\trenderValue={(selected: string[]) => (\n\t\t\t\t\t\t\t\t\t\t<ChipOrPlaceholder\n\t\t\t\t\t\t\t\t\t\t\tdata={selected}\n\t\t\t\t\t\t\t\t\t\t\tplaceholder='Select'\n\t\t\t\t\t\t\t\t\t\t\tonDelete={() => setValue('approver_id', [])}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\tmultiple\n\t\t\t\t\t\t\t\t\tfullWidth>\n\t\t\t\t\t\t\t\t\t{data.map((user) => {\n\t\t\t\t\t\t\t\t\t\tconst colors = [\n\t\t\t\t\t\t\t\t\t\t\t'theme.tertiary1',\n\t\t\t\t\t\t\t\t\t\t\t'theme.tertiary2',\n\t\t\t\t\t\t\t\t\t\t\t'theme.tertiary3'\n\t\t\t\t\t\t\t\t\t\t];\n\t\t\t\t\t\t\t\t\t\tconst randomIndex = Math.floor(\n\t\t\t\t\t\t\t\t\t\t\tMath.random() * colors.length\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\tconst randomColor = colors[randomIndex];\n\t\t\t\t\t\t\t\t\t\tconst avatarStyle = {\n\t\t\t\t\t\t\t\t\t\t\tborderRadius: '0.25rem !important',\n\t\t\t\t\t\t\t\t\t\t\ttextAlign: 'center',\n\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: `${randomColor}.200`,\n\t\t\t\t\t\t\t\t\t\t\tcolor: `${randomColor}.1000`\n\t\t\t\t\t\t\t\t\t\t};\n\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\t\t\tkey={user.id}\n\t\t\t\t\t\t\t\t\t\t\t\tvalue={user.id}\n\t\t\t\t\t\t\t\t\t\t\t\tselected={Boolean(\n\t\t\t\t\t\t\t\t\t\t\t\t\tfield.value && field.value.includes(user.id)\n\t\t\t\t\t\t\t\t\t\t\t\t)}>\n\t\t\t\t\t\t\t\t\t\t\t\t<Box className='quickApprovalModal--UserListingContainer'>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Box className='quickApprovalModal--UserContent'>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Avatar\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsrc={user.profile_image}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\talt={getLabel(user)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsx={avatarStyle}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize={24}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Typography type='s4' color='theme.secondary.1000'>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{getLabel(user)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tchecked={Boolean(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfield.value && field.value.includes(user.id)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t</Select>\n\t\t\t\t\t\t\t\t{Array.isArray(field?.value) && field?.value?.length > 0 && (\n\t\t\t\t\t\t\t\t\t<SelectedItems data={field.value} options={data} />\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t)}\n\t\t\t\t\t/>\n\t\t\t\t</DialogContent>\n\t\t\t\t<DialogActions className='quickApprovalModal--DialogActions'>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclassName='quickApprovalModal--DialogActions--Cancel'\n\t\t\t\t\t\tonClick={handleModalClose}\n\t\t\t\t\t\tdisabled={isLoading || isProcessing}>\n\t\t\t\t\t\tCancel\n\t\t\t\t\t</Button>\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttype='submit'\n\t\t\t\t\t\tendIcon={\n\t\t\t\t\t\t\tisProcessing ? (\n\t\t\t\t\t\t\t\t<CircularProgress size={15} color='inherit' />\n\t\t\t\t\t\t\t) : undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\tdisabled={isProcessing || isLoading || Boolean(!formValues?.length)}>\n\t\t\t\t\t\tSend Request\n\t\t\t\t\t</Button>\n\t\t\t\t</DialogActions>\n\t\t\t</form>\n\t\t</Modal>\n\t);\n};\n\nexport default QuickApprovalModal;"],"names":["yupResolver","data","users","error"],"mappings":"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"}

package/dist/components/quick-approval-modal/quick-approval-modal/index.js

@@ -1,19 +1,19 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@mui/icons-material"),i=require("@mui/material"),a=,/* empty css                       */o=,/* empty css                                 */t=require("yup"),l=,/* empty css                                                            */s=,/* empty css                         */n=require("react-hook-form");;/* empty css                                  */var d=require("react"),c=,/* empty css                         */u=,/* empty css                                */p=,/* empty css                             */m=,/* empty css                         */h=,/* empty css                                                                              */x=,/* empty css                     */v=,/* empty css                                      */j=,/* empty css                                                   */f=,/* empty css                           */g=;/* empty css                      */function y(e){if(e&&"object"==typeof e&&"default"in e)return e;var r=/* @__PURE__ */Object.create(null);return e&&Object.keys(e).forEach(function(i){if("default"!==i){var a=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(r,i,a.get?a:{enumerable:!0,get:function(){return e[i]}})}}),r.default=e,r}var q=/* @__PURE__ */y(t);const b=q.object().shape({approver_id:q.array().required("Please select the approvers").min(1,"Please select the approvers")});exports.default=({isOpen:t,setIsOpen:y,modalProps:q,title:k,onConfirm:C,isProcessing:_})=>{const[A,M]=d.useState({isLoading:!0,isError:!1,error:"null",data:[]}),{isLoading:S,isError:D,error:E,data:w}=A,{control:B,handleSubmit:N,reset:O,setValue:P,getValues:T,watch:I}=n.useForm({resolver:l.yupResolver(b),mode:"all"});I("approver_id");const L=T("approver_id"),z=()=>{O({approver_id:[]}),y()},R=({data:r,options:a})=>{const t=r.map(e=>{const r=a.find(r=>r.id===e);return r?V(r):e});/* @__PURE__ */
-return e.jsxs(i.Box,{display:"flex",justifyContent:"space-between",alignItems:"center",children:[
-/* @__PURE__ */e.jsxs(o.Typography,{type:"s5",color:"inherit",sx:{display:"flex",gap:1,alignItems:"center",mt:.5},children:[t.slice(0,3).join(", "),r.length>4&&/* @__PURE__ */e.jsx(x.default,{variant:"outlined",type:"normal",className:"quickApprovalModal--DisplayNameChip",label:/* @__PURE__ */e.jsx(g.MoreIcon,{fontSize:"small"})})]}),
-/* @__PURE__ */e.jsx(m.default,{variant:"text",onClick:()=>P("approver_id",[]),children:/* @__PURE__ */e.jsx(o.Typography,{type:"s5",color:"inherit",children:"Remove"})})]})};d.useEffect(()=>{t&&(async()=>{var e;try{const r={skip:0,limit:99,filters:"(is_active.eq=true)"},i=await v.getV1User({...r,...f.getToken()}),a=(null==(e=null==i?void 0:i.data)?void 0:e.users)||[];M({isLoading:!1,isError:!1,error:null,data:a})}catch(r){M({isLoading:!1,isError:!0,error:"Failed to fetch Approvers",data:[]})}})()},[t]),d.useEffect(()=>{D&&j.enqueueSnackbar(E??"Something went wrong",{variant:"error"})},[E,D]);const V=e=>{const{first_name:r="",last_name:i=""}=e||{};return u.formatLabel(`${r} ${i}`)};return d.useEffect(()=>()=>{z()},[]),/* @__PURE__ */e.jsx(a.default,{open:t,onClose:z,maxWidth:"sm",fullWidth:!0,disableEscapeKeyDown:!0,...q,children:/* @__PURE__ */e.jsxs("form",{onSubmit:N(e=>{C(e.approver_id),z()}),children:[
-/* @__PURE__ */e.jsxs(i.DialogTitle,{className:"quickApprovalModal--Title",children:[
-/* @__PURE__ */e.jsx(o.Typography,{type:"s3",color:"inherit",weight:"medium",children:k||"Quick Approval"}),
-/* @__PURE__ */e.jsx(i.IconButton,{onClick:z,children:/* @__PURE__ */e.jsx(r.Close,{fontSize:"small"})})]}),
-/* @__PURE__ */e.jsx(i.DialogContent,{className:"quickApprovalModal--ModalContentContainer",children:/* @__PURE__ */e.jsx(n.Controller,{name:"approver_id",control:B,render:({field:r,fieldState:a})=>{var t,l,n;/* @__PURE__ */
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=,/* empty css                       */i=,/* empty css                                 */a=require("yup"),o=,/* empty css                                                            */t=,/* empty css                         */l=require("react-hook-form");;/* empty css                                  */var s=require("react"),n=,/* empty css                         */d=,/* empty css                                */u=,/* empty css                             */c=,/* empty css                         */p=,/* empty css                                                                              */m=,/* empty css                     */x=,/* empty css                                      */h=,/* empty css                                                   */f=,/* empty css                           */j=,/* empty css                                                                 */v=,/* empty css                                                               */g=,/* empty css                                                         */y=,/* empty css                                                                     */q=,/* empty css                                                           */b=,/* empty css                                                 */_=,/* empty css                                                                     */k=,/* empty css                                                                           */C=;/* empty css                      */function A(e){if(e&&"object"==typeof e&&"default"in e)return e;var r=/* @__PURE__ */Object.create(null);return e&&Object.keys(e).forEach(function(i){if("default"!==i){var a=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(r,i,a.get?a:{enumerable:!0,get:function(){return e[i]}})}}),r.default=e,r}var M=/* @__PURE__ */A(a);const D=M.object().shape({approver_id:M.array().required("Please select the approvers").min(1,"Please select the approvers")});exports.default=({isOpen:a,setIsOpen:A,modalProps:M,title:S,onConfirm:E,isProcessing:I})=>{const[P,T]=s.useState({isLoading:!0,isError:!1,error:"null",data:[]}),{isLoading:w,isError:B,error:N,data:O}=P,{control:L,handleSubmit:z,reset:R,setValue:V,getValues:$,watch:F}=l.useForm({resolver:o.yupResolver(D),mode:"all"});F("approver_id");const U=$("approver_id"),W=()=>{R({approver_id:[]}),A()},K=({data:r,options:a})=>{const o=r.map(e=>{const r=a.find(r=>r.id===e);return r?Q(r):e});/* @__PURE__ */
+return e.jsxs(b.default,{display:"flex",justifyContent:"space-between",alignItems:"center",children:[
+/* @__PURE__ */e.jsxs(i.Typography,{type:"s5",color:"inherit",sx:{display:"flex",gap:1,alignItems:"center",mt:.5},children:[o.slice(0,3).join(", "),r.length>4&&/* @__PURE__ */e.jsx(m.default,{variant:"outlined",type:"normal",className:"quickApprovalModal--DisplayNameChip",label:/* @__PURE__ */e.jsx(C.MoreIcon,{fontSize:"small"})})]}),
+/* @__PURE__ */e.jsx(c.default,{variant:"text",onClick:()=>V("approver_id",[]),children:/* @__PURE__ */e.jsx(i.Typography,{type:"s5",color:"inherit",children:"Remove"})})]})};s.useEffect(()=>{a&&(async()=>{var e;try{const r={skip:0,limit:99,filters:"(is_active.eq=true)"},i=await x.getV1User({...r,...f.getToken()}),a=(null==(e=null==i?void 0:i.data)?void 0:e.users)||[];T({isLoading:!1,isError:!1,error:null,data:a})}catch(r){T({isLoading:!1,isError:!0,error:"Failed to fetch Approvers",data:[]})}})()},[a]),s.useEffect(()=>{B&&h.enqueueSnackbar(N??"Something went wrong",{variant:"error"})},[N,B]);const Q=e=>{const{first_name:r="",last_name:i=""}=e||{};return d.formatLabel(`${r} ${i}`)};return s.useEffect(()=>()=>{W()},[]),/* @__PURE__ */e.jsx(r.default,{open:a,onClose:W,maxWidth:"sm",fullWidth:!0,disableEscapeKeyDown:!0,...M,children:/* @__PURE__ */e.jsxs("form",{onSubmit:z(e=>{E(e.approver_id),W()}),children:[
+/* @__PURE__ */e.jsxs(j.default,{className:"quickApprovalModal--Title",children:[
+/* @__PURE__ */e.jsx(i.Typography,{type:"s3",color:"inherit",weight:"medium",children:S||"Quick Approval"}),
+/* @__PURE__ */e.jsx(v.default,{onClick:W,children:/* @__PURE__ */e.jsx(g.default,{fontSize:"small"})})]}),
+/* @__PURE__ */e.jsx(y.default,{className:"quickApprovalModal--ModalContentContainer",children:/* @__PURE__ */e.jsx(l.Controller,{name:"approver_id",control:L,render:({field:r,fieldState:a})=>{var o,l,s;/* @__PURE__ */
 return e.jsxs(e.Fragment,{children:[
-/* @__PURE__ */e.jsx(s.default,{name:"approver_id",value:r.value||[],onChange:r.onChange,error:Boolean(null==(t=a.error)?void 0:t.message),helperText:(null==(l=a.error)?void 0:l.message)||"",size:"small",renderValue:r=>/* @__PURE__ */e.jsx(h.default,{data:r,placeholder:"Select",onDelete:()=>P("approver_id",[])}),multiple:!0,fullWidth:!0,children:w.map(a=>{const t=["theme.tertiary1","theme.tertiary2","theme.tertiary3"],l=t[Math.floor(Math.random()*t.length)],s={borderRadius:"0.25rem !important",textAlign:"center",backgroundColor:`${l}.200`,color:`${l}.1000`};/* @__PURE__ */
-return e.jsx(i.MenuItem,{value:a.id,selected:Boolean(r.value&&r.value.includes(a.id)),children:/* @__PURE__ */e.jsxs(i.Box,{className:"quickApprovalModal--UserListingContainer",children:[
-/* @__PURE__ */e.jsxs(i.Box,{className:"quickApprovalModal--UserContent",children:[
-/* @__PURE__ */e.jsx(c.Avatar,{src:a.profile_image,alt:V(a),sx:s,size:24}),
-/* @__PURE__ */e.jsx(o.Typography,{type:"s4",color:"theme.secondary.1000",children:V(a)})]}),
-/* @__PURE__ */e.jsx(p.default,{checked:Boolean(r.value&&r.value.includes(a.id))})]})},a.id)})}),Array.isArray(null==r?void 0:r.value)&&(null==(n=null==r?void 0:r.value)?void 0:n.length)>0&&/* @__PURE__ */e.jsx(R,{data:r.value,options:w})]})}})}),
-/* @__PURE__ */e.jsxs(i.DialogActions,{className:"quickApprovalModal--DialogActions",children:[
-/* @__PURE__ */e.jsx(m.default,{className:"quickApprovalModal--DialogActions--Cancel",onClick:z,disabled:S||_,children:"Cancel"}),
-/* @__PURE__ */e.jsx(m.default,{type:"submit",endIcon:_?/* @__PURE__ */e.jsx(i.CircularProgress,{size:15,color:"inherit"}):void 0,disabled:_||S||Boolean(!(null==L?void 0:L.length)),children:"Send Request"})]})]})})};
+/* @__PURE__ */e.jsx(t.default,{name:"approver_id",value:r.value||[],onChange:r.onChange,error:Boolean(null==(o=a.error)?void 0:o.message),helperText:(null==(l=a.error)?void 0:l.message)||"",size:"small",renderValue:r=>/* @__PURE__ */e.jsx(p.default,{data:r,placeholder:"Select",onDelete:()=>V("approver_id",[])}),multiple:!0,fullWidth:!0,children:O.map(a=>{const o=["theme.tertiary1","theme.tertiary2","theme.tertiary3"],t=o[Math.floor(Math.random()*o.length)],l={borderRadius:"0.25rem !important",textAlign:"center",backgroundColor:`${t}.200`,color:`${t}.1000`};/* @__PURE__ */
+return e.jsx(q.default,{value:a.id,selected:Boolean(r.value&&r.value.includes(a.id)),children:/* @__PURE__ */e.jsxs(b.default,{className:"quickApprovalModal--UserListingContainer",children:[
+/* @__PURE__ */e.jsxs(b.default,{className:"quickApprovalModal--UserContent",children:[
+/* @__PURE__ */e.jsx(n.Avatar,{src:a.profile_image,alt:Q(a),sx:l,size:24}),
+/* @__PURE__ */e.jsx(i.Typography,{type:"s4",color:"theme.secondary.1000",children:Q(a)})]}),
+/* @__PURE__ */e.jsx(u.default,{checked:Boolean(r.value&&r.value.includes(a.id))})]})},a.id)})}),Array.isArray(null==r?void 0:r.value)&&(null==(s=null==r?void 0:r.value)?void 0:s.length)>0&&/* @__PURE__ */e.jsx(K,{data:r.value,options:O})]})}})}),
+/* @__PURE__ */e.jsxs(_.default,{className:"quickApprovalModal--DialogActions",children:[
+/* @__PURE__ */e.jsx(c.default,{className:"quickApprovalModal--DialogActions--Cancel",onClick:W,disabled:w||I,children:"Cancel"}),
+/* @__PURE__ */e.jsx(c.default,{type:"submit",endIcon:I?/* @__PURE__ */e.jsx(k.default,{size:15,color:"inherit"}):void 0,disabled:I||w||Boolean(!(null==U?void 0:U.length)),children:"Send Request"})]})]})})};
 //# sourceMappingURL=index.js.map

package/dist/components/quick-approval-modal/quick-approval-modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/quick-approval-modal/quick-approval-modal.tsx"],"sourcesContent":["import { Close } from '@mui/icons-material';\nimport {\n\tBox,\n\tCircularProgress,\n\tDialogActions,\n\tDialogContent,\n\tDialogProps,\n\tDialogTitle,\n\tIconButton,\n\tMenuItem\n} from '@mui/material';\nimport Modal from '../modal/modal';\nimport Typography from '../typography/typography';\n\nimport * as Yup from 'yup';\nimport { yupResolver } from '@hookform/resolvers/yup';\nimport Select from '../select/select';\nimport { Controller, useForm } from 'react-hook-form';\n\nimport './quick-approval-modal.scss';\nimport { useEffect, useState } from 'react';\nimport Avatar from '../avatar/avatar';\nimport { formatLabel } from '../../utils/format-text';\nimport Checkbox from '../checkbox/checkbox';\nimport Button from '../button/button';\nimport ChipOrPlaceholder from '../form-control/form-builder/form-builder-element/chip-or-placeholder';\nimport Chip from '../chip/chip';\nimport { MoreIcon } from '../icons';\nimport { getV1User } from '../../api-client/api.rbac/api';\nimport { enqueueSnackbar } from 'notistack';\n\nimport React from 'react';\nimport { getToken } from '../../utils/common';\n\ninterface QuickApprovalModalProps {\n\tisOpen: boolean;\n\tsetIsOpen: () => void;\n\tmodalProps?: DialogProps;\n\ttitle?: string;\n\tonConfirm: (approverIds: number[]) => void;\n  isProcessing?: boolean\n}\n\ninterface IFormInput {\n\tapprover_id: number[];\n}\ninterface IUsersData {\n\tisLoading: boolean\n\tisError: boolean\n  error: string | null\n  data: Array<Record<string, any>>\n}\n\nconst validationSchema = Yup.object().shape({\n\tapprover_id: Yup.array()\n\t\t.required('Please select the approvers')\n\t\t.min(1, 'Please select the approvers')\n});\n\nconst QuickApprovalModal: React.FC<QuickApprovalModalProps> = ({\n\tisOpen,\n\tsetIsOpen,\n\tmodalProps,\n\ttitle,\n\tonConfirm,\n  isProcessing\n}) => {\n\tconst [users, setUsers] = useState<IUsersData>({\n\t\tisLoading: true,\n\t\tisError: false,\n\t\terror: 'null',\n\t\tdata: []\n\t});\n\tconst { isLoading, isError, error, data } = users;\n\n\tconst { control, handleSubmit, reset, setValue, getValues, watch } =\n\t\tuseForm<IFormInput>({\n\t\t\tresolver: yupResolver(validationSchema),\n\t\t\tmode: 'all'\n\t\t});\n\n\twatch('approver_id');\n\tconst formValues = getValues('approver_id');\n\n\tconst onSubmit = (values: IFormInput) => {\n\t\tonConfirm(values.approver_id);\n\t\thandleModalClose();\n\t};\n\n\tconst handleModalClose = () => {\n\t\treset({approver_id: []});\n\t\tsetIsOpen();\n\t};\n\n\tconst SelectedItems = ({\n\t\tdata,\n\t\toptions\n\t}: {\n\t\tdata: number[];\n\t\toptions: any[];\n\t}) => {\n\t\tconst displayTitle = data.map((selectedItem) => {\n\t\t\tconst user = options.find((option: any) => option.id === selectedItem);\n\t\t\tif (user) {\n\t\t\t\treturn getLabel(user);\n\t\t\t}\n\t\t\treturn selectedItem;\n\t\t});\n\n\t\treturn (\n\t\t\t<Box display='flex' justifyContent='space-between' alignItems='center'>\n\t\t\t\t<Typography\n\t\t\t\t\ttype='s5'\n\t\t\t\t\tcolor='inherit'\n\t\t\t\t\tsx={{ display: 'flex', gap: 1, alignItems: 'center', mt: 0.5 }}>\n\t\t\t\t\t{displayTitle.slice(0, 3).join(', ')}\n\t\t\t\t\t{data.length > 4 && (\n\t\t\t\t\t\t<Chip\n\t\t\t\t\t\t\tvariant='outlined'\n\t\t\t\t\t\t\ttype='normal'\n\t\t\t\t\t\t\tclassName='quickApprovalModal--DisplayNameChip'\n\t\t\t\t\t\t\tlabel={<MoreIcon fontSize='small' />}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</Typography>\n\t\t\t\t<Button variant='text' onClick={() => setValue('approver_id', [])}>\n\t\t\t\t\t<Typography type='s5' color='inherit'>\n\t\t\t\t\t\tRemove\n\t\t\t\t\t</Typography>\n\t\t\t\t</Button>\n\t\t\t</Box>\n\t\t);\n\t};\n\n\tconst getAndSetFetchUsers = async () => {\n\t\ttry {\n\t\t\tconst filters = { skip: 0, limit: 99, filters: `(is_active.eq=true)` };\n\t\t\tconst response = await getV1User({ ...filters, ...getToken() });\n\t\n\t\t\tconst users: any[] = response?.data?.users || [];\n\t\t\tsetUsers({\n\t\t\t\tisLoading: false,\n\t\t\t\tisError: false,\n\t\t\t\terror: null,\n\t\t\t\tdata: users\n\t\t\t});\t\n\t\t} catch (error) {\n\t\t\tsetUsers({\n\t\t\t\tisLoading: false,\n\t\t\t\tisError: true,\n\t\t\t\terror: 'Failed to fetch Approvers',\n\t\t\t\tdata: []\n\t\t\t});\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tif (isOpen) {\n\t\t\tgetAndSetFetchUsers()\n\t\t}\n\t}, [isOpen]);\n\tuseEffect(() => {\n\t\tif (isError) {\n\t\t\tenqueueSnackbar(error ?? 'Something went wrong', { variant: 'error'});\n\t\t}\n\t}, [error, isError]);\n\n\tconst getLabel = (obj: Record<any, any>) => {\n\t\tconst {first_name = '', last_name=''} = obj || {}\n\n\t\treturn formatLabel(`${first_name} ${last_name}`)\n\t}\n\n  useEffect(() => {\n    return () => {\n      handleModalClose()\n    }\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  },[])\n\n\treturn (\n\t\t<Modal\n\t\t\topen={isOpen}\n\t\t\tonClose={handleModalClose}\n\t\t\tmaxWidth='sm'\n\t\t\tfullWidth\n\t\t\tdisableEscapeKeyDown\n\t\t\t{...modalProps}>\n\t\t\t<form onSubmit={handleSubmit(onSubmit)}>\n\t\t\t\t<DialogTitle className='quickApprovalModal--Title'>\n\t\t\t\t\t<Typography type='s3' color='inherit' weight='medium'>\n\t\t\t\t\t\t{title || 'Quick Approval'}\n\t\t\t\t\t</Typography>\n\t\t\t\t\t<IconButton onClick={handleModalClose}>\n\t\t\t\t\t\t<Close fontSize='small' />\n\t\t\t\t\t</IconButton>\n\t\t\t\t</DialogTitle>\n\t\t\t\t<DialogContent className='quickApprovalModal--ModalContentContainer'>\n\t\t\t\t\t<Controller\n\t\t\t\t\t\tname='approver_id'\n\t\t\t\t\t\tcontrol={control}\n\t\t\t\t\t\trender={({ field, fieldState }) => (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<Select\n\t\t\t\t\t\t\t\t\tname='approver_id'\n\t\t\t\t\t\t\t\t\tvalue={field.value || []}\n\t\t\t\t\t\t\t\t\tonChange={field.onChange}\n\t\t\t\t\t\t\t\t\terror={Boolean(fieldState.error?.message)}\n\t\t\t\t\t\t\t\t\thelperText={fieldState.error?.message || ''}\n\t\t\t\t\t\t\t\t\tsize='small'\n\t\t\t\t\t\t\t\t\trenderValue={(selected: string[]) => (\n\t\t\t\t\t\t\t\t\t\t<ChipOrPlaceholder\n\t\t\t\t\t\t\t\t\t\t\tdata={selected}\n\t\t\t\t\t\t\t\t\t\t\tplaceholder='Select'\n\t\t\t\t\t\t\t\t\t\t\tonDelete={() => setValue('approver_id', [])}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\tmultiple\n\t\t\t\t\t\t\t\t\tfullWidth>\n\t\t\t\t\t\t\t\t\t{data.map((user) => {\n\t\t\t\t\t\t\t\t\t\tconst colors = [\n\t\t\t\t\t\t\t\t\t\t\t'theme.tertiary1',\n\t\t\t\t\t\t\t\t\t\t\t'theme.tertiary2',\n\t\t\t\t\t\t\t\t\t\t\t'theme.tertiary3'\n\t\t\t\t\t\t\t\t\t\t];\n\t\t\t\t\t\t\t\t\t\tconst randomIndex = Math.floor(\n\t\t\t\t\t\t\t\t\t\t\tMath.random() * colors.length\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\tconst randomColor = colors[randomIndex];\n\t\t\t\t\t\t\t\t\t\tconst avatarStyle = {\n\t\t\t\t\t\t\t\t\t\t\tborderRadius: '0.25rem !important',\n\t\t\t\t\t\t\t\t\t\t\ttextAlign: 'center',\n\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: `${randomColor}.200`,\n\t\t\t\t\t\t\t\t\t\t\tcolor: `${randomColor}.1000`\n\t\t\t\t\t\t\t\t\t\t};\n\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\t\t\tkey={user.id}\n\t\t\t\t\t\t\t\t\t\t\t\tvalue={user.id}\n\t\t\t\t\t\t\t\t\t\t\t\tselected={Boolean(\n\t\t\t\t\t\t\t\t\t\t\t\t\tfield.value && field.value.includes(user.id)\n\t\t\t\t\t\t\t\t\t\t\t\t)}>\n\t\t\t\t\t\t\t\t\t\t\t\t<Box className='quickApprovalModal--UserListingContainer'>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Box className='quickApprovalModal--UserContent'>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Avatar\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsrc={user.profile_image}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\talt={getLabel(user)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsx={avatarStyle}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize={24}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Typography type='s4' color='theme.secondary.1000'>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{getLabel(user)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tchecked={Boolean(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfield.value && field.value.includes(user.id)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t</Select>\n\t\t\t\t\t\t\t\t{Array.isArray(field?.value) && field?.value?.length > 0 && (\n\t\t\t\t\t\t\t\t\t<SelectedItems data={field.value} options={data} />\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t)}\n\t\t\t\t\t/>\n\t\t\t\t</DialogContent>\n\t\t\t\t<DialogActions className='quickApprovalModal--DialogActions'>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclassName='quickApprovalModal--DialogActions--Cancel'\n\t\t\t\t\t\tonClick={handleModalClose}\n\t\t\t\t\t\tdisabled={isLoading || isProcessing}>\n\t\t\t\t\t\tCancel\n\t\t\t\t\t</Button>\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttype='submit'\n\t\t\t\t\t\tendIcon={\n\t\t\t\t\t\t\tisProcessing ? (\n\t\t\t\t\t\t\t\t<CircularProgress size={15} color='inherit' />\n\t\t\t\t\t\t\t) : undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\tdisabled={isProcessing || isLoading || Boolean(!formValues?.length)}>\n\t\t\t\t\t\tSend Request\n\t\t\t\t\t</Button>\n\t\t\t\t</DialogActions>\n\t\t\t</form>\n\t\t</Modal>\n\t);\n};\n\nexport default QuickApprovalModal;"],"names":["validationSchema","Yup","object","shape","approver_id","array","required","min","isOpen","setIsOpen","modalProps","title","onConfirm","isProcessing","users","setUsers","useState","isLoading","isError","error","data","control","handleSubmit","reset","setValue","getValues","watch","useForm","resolver","yupResolver","mode","formValues","handleModalClose","SelectedItems","options","displayTitle","map","selectedItem","user","find","option","id","getLabel","Box","display","justifyContent","alignItems","children","jsxs","Typography","type","color","sx","gap","mt","slice","join","length","jsx","Chip","variant","className","label","MoreIcon","fontSize","Button","onClick","useEffect","async","filters","skip","limit","response","getV1User","getToken","_a","getAndSetFetchUsers","enqueueSnackbar","obj","first_name","last_name","formatLabel","Modal","open","onClose","maxWidth","fullWidth","disableEscapeKeyDown","onSubmit","values","DialogTitle","weight","IconButton","Close","DialogContent","Controller","name","render","field","fieldState","Fragment","Select","value","onChange","Boolean","message","helperText","_b","size","renderValue","selected","ChipOrPlaceholder","placeholder","onDelete","multiple","colors","randomColor","Math","floor","random","avatarStyle","borderRadius","textAlign","backgroundColor","MenuItem","includes","Avatar","src","profile_image","alt","Checkbox","checked","Array","isArray","_c","DialogActions","disabled","endIcon","CircularProgress"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/quick-approval-modal/quick-approval-modal.tsx"],"sourcesContent":["import { Close } from '@mui/icons-material';\nimport {\n\tBox,\n\tCircularProgress,\n\tDialogActions,\n\tDialogContent,\n\tDialogProps,\n\tDialogTitle,\n\tIconButton,\n\tMenuItem\n} from '@mui/material';\nimport Modal from '../modal/modal';\nimport Typography from '../typography/typography';\n\nimport * as Yup from 'yup';\nimport { yupResolver } from '@hookform/resolvers/yup';\nimport Select from '../select/select';\nimport { Controller, useForm } from 'react-hook-form';\n\nimport './quick-approval-modal.scss';\nimport { useEffect, useState } from 'react';\nimport Avatar from '../avatar/avatar';\nimport { formatLabel } from '../../utils/format-text';\nimport Checkbox from '../checkbox/checkbox';\nimport Button from '../button/button';\nimport ChipOrPlaceholder from '../form-control/form-builder/form-builder-element/chip-or-placeholder';\nimport Chip from '../chip/chip';\nimport { MoreIcon } from '../icons';\nimport { getV1User } from '../../api-client/api.rbac/api';\nimport { enqueueSnackbar } from 'notistack';\n\nimport React from 'react';\nimport { getToken } from '../../utils/common';\n\ninterface QuickApprovalModalProps {\n\tisOpen: boolean;\n\tsetIsOpen: () => void;\n\tmodalProps?: DialogProps;\n\ttitle?: string;\n\tonConfirm: (approverIds: number[]) => void;\n  isProcessing?: boolean\n}\n\ninterface IFormInput {\n\tapprover_id: number[];\n}\ninterface IUsersData {\n\tisLoading: boolean\n\tisError: boolean\n  error: string | null\n  data: Array<Record<string, any>>\n}\n\nconst validationSchema = Yup.object().shape({\n\tapprover_id: Yup.array()\n\t\t.required('Please select the approvers')\n\t\t.min(1, 'Please select the approvers')\n});\n\nconst QuickApprovalModal: React.FC<QuickApprovalModalProps> = ({\n\tisOpen,\n\tsetIsOpen,\n\tmodalProps,\n\ttitle,\n\tonConfirm,\n  isProcessing\n}) => {\n\tconst [users, setUsers] = useState<IUsersData>({\n\t\tisLoading: true,\n\t\tisError: false,\n\t\terror: 'null',\n\t\tdata: []\n\t});\n\tconst { isLoading, isError, error, data } = users;\n\n\tconst { control, handleSubmit, reset, setValue, getValues, watch } =\n\t\tuseForm<IFormInput>({\n\t\t\tresolver: yupResolver(validationSchema),\n\t\t\tmode: 'all'\n\t\t});\n\n\twatch('approver_id');\n\tconst formValues = getValues('approver_id');\n\n\tconst onSubmit = (values: IFormInput) => {\n\t\tonConfirm(values.approver_id);\n\t\thandleModalClose();\n\t};\n\n\tconst handleModalClose = () => {\n\t\treset({approver_id: []});\n\t\tsetIsOpen();\n\t};\n\n\tconst SelectedItems = ({\n\t\tdata,\n\t\toptions\n\t}: {\n\t\tdata: number[];\n\t\toptions: any[];\n\t}) => {\n\t\tconst displayTitle = data.map((selectedItem) => {\n\t\t\tconst user = options.find((option: any) => option.id === selectedItem);\n\t\t\tif (user) {\n\t\t\t\treturn getLabel(user);\n\t\t\t}\n\t\t\treturn selectedItem;\n\t\t});\n\n\t\treturn (\n\t\t\t<Box display='flex' justifyContent='space-between' alignItems='center'>\n\t\t\t\t<Typography\n\t\t\t\t\ttype='s5'\n\t\t\t\t\tcolor='inherit'\n\t\t\t\t\tsx={{ display: 'flex', gap: 1, alignItems: 'center', mt: 0.5 }}>\n\t\t\t\t\t{displayTitle.slice(0, 3).join(', ')}\n\t\t\t\t\t{data.length > 4 && (\n\t\t\t\t\t\t<Chip\n\t\t\t\t\t\t\tvariant='outlined'\n\t\t\t\t\t\t\ttype='normal'\n\t\t\t\t\t\t\tclassName='quickApprovalModal--DisplayNameChip'\n\t\t\t\t\t\t\tlabel={<MoreIcon fontSize='small' />}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</Typography>\n\t\t\t\t<Button variant='text' onClick={() => setValue('approver_id', [])}>\n\t\t\t\t\t<Typography type='s5' color='inherit'>\n\t\t\t\t\t\tRemove\n\t\t\t\t\t</Typography>\n\t\t\t\t</Button>\n\t\t\t</Box>\n\t\t);\n\t};\n\n\tconst getAndSetFetchUsers = async () => {\n\t\ttry {\n\t\t\tconst filters = { skip: 0, limit: 99, filters: `(is_active.eq=true)` };\n\t\t\tconst response = await getV1User({ ...filters, ...getToken() });\n\t\n\t\t\tconst users: any[] = response?.data?.users || [];\n\t\t\tsetUsers({\n\t\t\t\tisLoading: false,\n\t\t\t\tisError: false,\n\t\t\t\terror: null,\n\t\t\t\tdata: users\n\t\t\t});\t\n\t\t} catch (error) {\n\t\t\tsetUsers({\n\t\t\t\tisLoading: false,\n\t\t\t\tisError: true,\n\t\t\t\terror: 'Failed to fetch Approvers',\n\t\t\t\tdata: []\n\t\t\t});\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tif (isOpen) {\n\t\t\tgetAndSetFetchUsers()\n\t\t}\n\t}, [isOpen]);\n\tuseEffect(() => {\n\t\tif (isError) {\n\t\t\tenqueueSnackbar(error ?? 'Something went wrong', { variant: 'error'});\n\t\t}\n\t}, [error, isError]);\n\n\tconst getLabel = (obj: Record<any, any>) => {\n\t\tconst {first_name = '', last_name=''} = obj || {}\n\n\t\treturn formatLabel(`${first_name} ${last_name}`)\n\t}\n\n  useEffect(() => {\n    return () => {\n      handleModalClose()\n    }\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  },[])\n\n\treturn (\n\t\t<Modal\n\t\t\topen={isOpen}\n\t\t\tonClose={handleModalClose}\n\t\t\tmaxWidth='sm'\n\t\t\tfullWidth\n\t\t\tdisableEscapeKeyDown\n\t\t\t{...modalProps}>\n\t\t\t<form onSubmit={handleSubmit(onSubmit)}>\n\t\t\t\t<DialogTitle className='quickApprovalModal--Title'>\n\t\t\t\t\t<Typography type='s3' color='inherit' weight='medium'>\n\t\t\t\t\t\t{title || 'Quick Approval'}\n\t\t\t\t\t</Typography>\n\t\t\t\t\t<IconButton onClick={handleModalClose}>\n\t\t\t\t\t\t<Close fontSize='small' />\n\t\t\t\t\t</IconButton>\n\t\t\t\t</DialogTitle>\n\t\t\t\t<DialogContent className='quickApprovalModal--ModalContentContainer'>\n\t\t\t\t\t<Controller\n\t\t\t\t\t\tname='approver_id'\n\t\t\t\t\t\tcontrol={control}\n\t\t\t\t\t\trender={({ field, fieldState }) => (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<Select\n\t\t\t\t\t\t\t\t\tname='approver_id'\n\t\t\t\t\t\t\t\t\tvalue={field.value || []}\n\t\t\t\t\t\t\t\t\tonChange={field.onChange}\n\t\t\t\t\t\t\t\t\terror={Boolean(fieldState.error?.message)}\n\t\t\t\t\t\t\t\t\thelperText={fieldState.error?.message || ''}\n\t\t\t\t\t\t\t\t\tsize='small'\n\t\t\t\t\t\t\t\t\trenderValue={(selected: string[]) => (\n\t\t\t\t\t\t\t\t\t\t<ChipOrPlaceholder\n\t\t\t\t\t\t\t\t\t\t\tdata={selected}\n\t\t\t\t\t\t\t\t\t\t\tplaceholder='Select'\n\t\t\t\t\t\t\t\t\t\t\tonDelete={() => setValue('approver_id', [])}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\tmultiple\n\t\t\t\t\t\t\t\t\tfullWidth>\n\t\t\t\t\t\t\t\t\t{data.map((user) => {\n\t\t\t\t\t\t\t\t\t\tconst colors = [\n\t\t\t\t\t\t\t\t\t\t\t'theme.tertiary1',\n\t\t\t\t\t\t\t\t\t\t\t'theme.tertiary2',\n\t\t\t\t\t\t\t\t\t\t\t'theme.tertiary3'\n\t\t\t\t\t\t\t\t\t\t];\n\t\t\t\t\t\t\t\t\t\tconst randomIndex = Math.floor(\n\t\t\t\t\t\t\t\t\t\t\tMath.random() * colors.length\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\tconst randomColor = colors[randomIndex];\n\t\t\t\t\t\t\t\t\t\tconst avatarStyle = {\n\t\t\t\t\t\t\t\t\t\t\tborderRadius: '0.25rem !important',\n\t\t\t\t\t\t\t\t\t\t\ttextAlign: 'center',\n\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: `${randomColor}.200`,\n\t\t\t\t\t\t\t\t\t\t\tcolor: `${randomColor}.1000`\n\t\t\t\t\t\t\t\t\t\t};\n\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\t\t\tkey={user.id}\n\t\t\t\t\t\t\t\t\t\t\t\tvalue={user.id}\n\t\t\t\t\t\t\t\t\t\t\t\tselected={Boolean(\n\t\t\t\t\t\t\t\t\t\t\t\t\tfield.value && field.value.includes(user.id)\n\t\t\t\t\t\t\t\t\t\t\t\t)}>\n\t\t\t\t\t\t\t\t\t\t\t\t<Box className='quickApprovalModal--UserListingContainer'>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Box className='quickApprovalModal--UserContent'>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Avatar\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsrc={user.profile_image}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\talt={getLabel(user)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsx={avatarStyle}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize={24}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Typography type='s4' color='theme.secondary.1000'>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{getLabel(user)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tchecked={Boolean(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfield.value && field.value.includes(user.id)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t</Select>\n\t\t\t\t\t\t\t\t{Array.isArray(field?.value) && field?.value?.length > 0 && (\n\t\t\t\t\t\t\t\t\t<SelectedItems data={field.value} options={data} />\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t)}\n\t\t\t\t\t/>\n\t\t\t\t</DialogContent>\n\t\t\t\t<DialogActions className='quickApprovalModal--DialogActions'>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclassName='quickApprovalModal--DialogActions--Cancel'\n\t\t\t\t\t\tonClick={handleModalClose}\n\t\t\t\t\t\tdisabled={isLoading || isProcessing}>\n\t\t\t\t\t\tCancel\n\t\t\t\t\t</Button>\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttype='submit'\n\t\t\t\t\t\tendIcon={\n\t\t\t\t\t\t\tisProcessing ? (\n\t\t\t\t\t\t\t\t<CircularProgress size={15} color='inherit' />\n\t\t\t\t\t\t\t) : undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\tdisabled={isProcessing || isLoading || Boolean(!formValues?.length)}>\n\t\t\t\t\t\tSend Request\n\t\t\t\t\t</Button>\n\t\t\t\t</DialogActions>\n\t\t\t</form>\n\t\t</Modal>\n\t);\n};\n\nexport default QuickApprovalModal;"],"names":["validationSchema","Yup","object","shape","approver_id","array","required","min","isOpen","setIsOpen","modalProps","title","onConfirm","isProcessing","users","setUsers","useState","isLoading","isError","error","data","control","handleSubmit","reset","setValue","getValues","watch","useForm","resolver","yupResolver","mode","formValues","handleModalClose","SelectedItems","options","displayTitle","map","selectedItem","user","find","option","id","getLabel","Box","display","justifyContent","alignItems","children","jsxs","Typography","type","color","sx","gap","mt","slice","join","length","jsx","Chip","variant","className","label","MoreIcon","fontSize","Button","onClick","useEffect","async","filters","skip","limit","response","getV1User","getToken","_a","getAndSetFetchUsers","enqueueSnackbar","obj","first_name","last_name","formatLabel","Modal","open","onClose","maxWidth","fullWidth","disableEscapeKeyDown","onSubmit","values","DialogTitle","weight","IconButton","Close","DialogContent","Controller","name","render","field","fieldState","Fragment","Select","value","onChange","Boolean","message","helperText","_b","size","renderValue","selected","ChipOrPlaceholder","placeholder","onDelete","multiple","colors","randomColor","Math","floor","random","avatarStyle","borderRadius","textAlign","backgroundColor","MenuItem","includes","Avatar","src","profile_image","alt","Checkbox","checked","Array","isArray","_c","DialogActions","disabled","endIcon","CircularProgress"],"mappings":"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"}

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

@@ -1,6 +1,6 @@
 import { jsx, Fragment } from "react/jsx-runtime";
-import { Radio as Radio$1 } from "@mui/material";
 import { memo } from "react";
+import Radio$1 from "../../../node_modules/@mui/material/Radio/Radio/index.esm.js";
 import { FilledCircle } from "../../icons/filled-circle/index.esm.js";
 import { BlankCircle } from "../../icons/blank-circle/index.esm.js";
 const Radio = memo((props) => {

package/dist/components/radio/radio/index.js

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@mui/material"),i=require("react"),c=require("../../icons/filled-circle/index.js"),l=require("../../icons/blank-circle/index.js");const o=i.memo(i=>{const{color:o,...s}=i;/* @__PURE__ */
-return e.jsx(e.Fragment,{children:/* @__PURE__ */e.jsx(r.Radio,{disableRipple:!0,sx:{"&, &.Mui-checked":{color:o||"theme.primary.700"}},icon:/* @__PURE__ */e.jsx(l.BlankCircle,{color:"theme.secondary.300",fontSize:"large"}),checkedIcon:/* @__PURE__ */e.jsx(c.FilledCircle,{fontSize:"large"}),...s})})});exports.default=o;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),i=require("../../../node_modules/@mui/material/Radio/Radio/index.js"),c=require("../../icons/filled-circle/index.js"),l=require("../../icons/blank-circle/index.js");const o=r.memo(r=>{const{color:o,...s}=r;/* @__PURE__ */
+return e.jsx(e.Fragment,{children:/* @__PURE__ */e.jsx(i.default,{disableRipple:!0,sx:{"&, &.Mui-checked":{color:o||"theme.primary.700"}},icon:/* @__PURE__ */e.jsx(l.BlankCircle,{color:"theme.secondary.300",fontSize:"large"}),checkedIcon:/* @__PURE__ */e.jsx(c.FilledCircle,{fontSize:"large"}),...s})})});exports.default=o;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/radio/radio.tsx"],"sourcesContent":["import { Radio as MUIRadio, RadioProps } from '@mui/material';\nimport { BlankCircle, FilledCircle } from '../icons';\nimport { memo } from 'react';\n\nconst Radio = memo((props: RadioProps) => {\n\tconst { color, ...rest } = props;\n\n\treturn (\n\t\t<>\n\t\t\t<MUIRadio\n\t\t\t\tdisableRipple\n\t\t\t\tsx={{\n\t\t\t\t\t'&, &.Mui-checked': {\n\t\t\t\t\t\tcolor: color || 'theme.primary.700'\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t\ticon={<BlankCircle color='theme.secondary.300' fontSize='large'/>}\n\t\t\t\tcheckedIcon={<FilledCircle fontSize='large'/>}\n\t\t\t\t{...rest}\n\t\t\t/>\n\t\t</>\n\t);\n});\n\nexport default Radio;\n"],"names":["Radio","memo","props","color","rest","Fragment","children","jsx","MUIRadio","disableRipple","sx","icon","BlankCircle","fontSize","checkedIcon","FilledCircle"],"mappings":"oPAIA,MAAMA,EAAQC,EAAAA,KAAMC,IACnB,MAAMC,MAAEA,KAAUC,GAASF;AAE3B,aACCG,EAAAA,SAAA,CACCC,wBAAAC,EAAAA,IAACC,EAAAA,MAAA,CACAC,eAAa,EACbC,GAAI,CACH,mBAAoB,CACnBP,MAAOA,GAAS,sBAGlBQ,oBAAMJ,EAAAA,IAACK,cAAA,CAAYT,MAAM,sBAAsBU,SAAS,UACxDC,6BAAaP,IAACQ,EAAAA,aAAA,CAAaF,SAAS,aAChCT"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/radio/radio.tsx"],"sourcesContent":["import { Radio as MUIRadio, RadioProps } from '@mui/material';\nimport { BlankCircle, FilledCircle } from '../icons';\nimport { memo } from 'react';\n\nconst Radio = memo((props: RadioProps) => {\n\tconst { color, ...rest } = props;\n\n\treturn (\n\t\t<>\n\t\t\t<MUIRadio\n\t\t\t\tdisableRipple\n\t\t\t\tsx={{\n\t\t\t\t\t'&, &.Mui-checked': {\n\t\t\t\t\t\tcolor: color || 'theme.primary.700'\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t\ticon={<BlankCircle color='theme.secondary.300' fontSize='large'/>}\n\t\t\t\tcheckedIcon={<FilledCircle fontSize='large'/>}\n\t\t\t\t{...rest}\n\t\t\t/>\n\t\t</>\n\t);\n});\n\nexport default Radio;\n"],"names":["Radio","memo","props","color","rest","Fragment","children","jsx","MUIRadio","disableRipple","sx","icon","BlankCircle","fontSize","checkedIcon","FilledCircle"],"mappings":"+RAIA,MAAMA,EAAQC,EAAAA,KAAMC,IACnB,MAAMC,MAAEA,KAAUC,GAASF;AAE3B,aACCG,EAAAA,SAAA,CACCC,wBAAAC,EAAAA,IAACC,EAAAA,QAAA,CACAC,eAAa,EACbC,GAAI,CACH,mBAAoB,CACnBP,MAAOA,GAAS,sBAGlBQ,oBAAMJ,EAAAA,IAACK,cAAA,CAAYT,MAAM,sBAAsBU,SAAS,UACxDC,6BAAaP,IAACQ,EAAAA,aAAA,CAAaF,SAAS,aAChCT"}

package/dist/components/reports/dynamic-report/dynamic-report/index.esm.js

@@ -1,8 +1,7 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import React__default, { useState, useEffect } from "react";
-import { TableContainer, Table, TableHead, TableRow, TableCell, Box, IconButton, TableBody } from "@mui/material";
-import ArrowDropDownIcon from "@mui/icons-material/ArrowDropDown";
-import ArrowDropUpIcon from "@mui/icons-material/ArrowDropUp";
+import default_1$1 from "../../../../node_modules/@mui/icons-material/ArrowDropDown/index.esm.js";
+import default_1 from "../../../../node_modules/@mui/icons-material/ArrowDropUp/index.esm.js";
 import { Typography } from "../../../typography/typography/index.esm.js";
 /* empty css                               */
 import { DynamicRow } from "../dynamic-rows/index.esm.js";
@@ -10,7 +9,15 @@ import { useTranslation } from "react-i18next";
 import { renderEmptyRowsFallback } from "../../../../utils/common-utility/index.esm.js";
 import SearchBar from "../../../search-bar/search-bar/index.esm.js";
 import dayjs from "dayjs";
-import Checkbox from "@mui/material/Checkbox";
+import TableContainer from "../../../../node_modules/@mui/material/TableContainer/TableContainer/index.esm.js";
+import Table from "../../../../node_modules/@mui/material/Table/Table/index.esm.js";
+import TableHead from "../../../../node_modules/@mui/material/TableHead/TableHead/index.esm.js";
+import TableRow from "../../../../node_modules/@mui/material/TableRow/TableRow/index.esm.js";
+import TableCell from "../../../../node_modules/@mui/material/TableCell/TableCell/index.esm.js";
+import Checkbox from "../../../../node_modules/@mui/material/Checkbox/Checkbox/index.esm.js";
+import Box from "../../../../node_modules/@mui/material/Box/Box/index.esm.js";
+import IconButton from "../../../../node_modules/@mui/material/IconButton/IconButton/index.esm.js";
+import TableBody from "../../../../node_modules/@mui/material/TableBody/TableBody/index.esm.js";
 function ReportTable({
   headers,
   data,
@@ -295,7 +302,7 @@ function ReportTable({
                                 typeof (obj == null ? void 0 : obj.label) === "string" ? t(obj == null ? void 0 : obj.label) : obj == null ? void 0 : obj.label
                               ] }),
                               enableSorting && /* @__PURE__ */ jsx(IconButton, { size: "small", children: filter == obj.name ? /* @__PURE__ */ jsx(
-                                ArrowDropUpIcon,
+                                default_1,
                                 {
                                   onClick: () => {
                                     setFilter(null);
@@ -303,7 +310,7 @@ function ReportTable({
                                   }
                                 }
                               ) : /* @__PURE__ */ jsx(
-                                ArrowDropDownIcon,
+                                default_1$1,
                                 {
                                   onClick: () => {
                                     setFilter(obj.name);