@erpsquad/common 1.8.75 → 1.8.77

package/dist/components/phone-input/phone-input/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/phone-input/phone-input.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable unused-imports/no-unused-vars */\nimport { styled } from \"@mui/material\";\nimport Typography from \"../typography/typography\";\nimport ReactPhoneInput, { CountryData } from \"react-phone-input-2\";\nimport \"react-phone-input-2/lib/material.css\";\nimport { images } from \"../../assets/images\";\nimport { useLanguage } from \"../../hooks/useLangauge\";\nimport { memo, useEffect } from \"react\";\n\nconst StyledInput = styled(ReactPhoneInput)<{ isRtl: boolean }>(({ theme: { palette }, isRtl }) => ({\n  \"&:hover\": {\n    border: \"none\",\n  },\n  \"&.react-tel-input\": {\n    \".form-control\": {\n      borderRadius: \"0.25rem\",\n      padding: \"8px 8px 8px 55px\", // Ensure space for flag on the left\n      border: `1px solid ${palette.theme?.secondary[300]}`,\n      fontSize: \"0.875rem\",\n      width: \"100%\",\n      maxHeight: \"36.13px\",\n      direction: \"ltr\", // Force LTR direction for input to start from left\n      textAlign: \"left\", // Force left alignment for input value\n\n      \":hover\": {\n        border: `1px solid ${palette.theme?.secondary[400]}`,\n      },\n\n      \":focus\": {\n        border: `1px solid ${palette.theme?.primary[600]}`,\n        boxShadow: \"none\",\n      },\n      \":disabled\": {\n        background: palette.theme?.secondary[200],\n        color: palette.theme?.secondary[800],\n      },\n\n      \"&.invalid-number\": {\n        border: `1px solid ${palette.theme?.error[600]}`,\n        \":focus\": {\n          boxShadow: \"none\",\n        },\n      },\n    },\n\n    \".flag-dropdown\": {\n      left: \"0\",\n      right: \"auto\",\n      borderRadius: \"0.25rem 0 0 0.25rem\",\n      \n      \".selected-flag\": {\n        borderRadius: \"0.25rem 0 0 0.25rem\",\n        \n        \"&:hover\": {\n          backgroundColor: palette.theme?.secondary[100],\n        },\n      },\n    },\n   \n    \".country-list\": {\n      left: isRtl ? \"auto\" : \"0\",\n      right: isRtl ? \"0\" : \"auto\",\n      \n      \".search\": {\n        padding: \"0.5rem 0.5rem 0.5rem 0.75rem\",\n        borderBottom: \"1px solid #F3F2F2\",\n        display: \"flex\",\n        alignItems: \"center\",\n        direction: isRtl ? \"rtl\" : \"ltr\",\n\n        \".search-emoji\": {\n          position: \"absolute\",\n          left: isRtl ? \"auto\" : \"1.25rem\",\n          right: isRtl ? \"1.25rem\" : \"auto\",\n\n          \":first-child\": {\n            display: \"block\",\n            color: \"transparent\",\n            background: `url(${images.search})`,\n            backgroundRepeat: \"no-repeat\",\n            backgroundPosition: \"center\",\n          },\n        },\n\n        \".search-box\": {\n          width: \"100%\",\n          marginLeft: \"0rem\",\n          border: `1px solid ${palette.theme?.secondary[200]}`,\n          backgroundColor: palette.theme?.secondary[100],\n          borderRadius: \"0.5rem\",\n          padding: \"0.4rem\",\n          paddingLeft: isRtl ? \"0.4rem\" : \"2rem\",\n          paddingRight: isRtl ? \"2rem\" : \"0.4rem\",\n          fontSize: \"0.8125rem\",\n          direction: isRtl ? \"rtl\" : \"ltr\",\n          textAlign: isRtl ? \"right\" : \"left\",\n\n          \":hover\": {\n            border: `1px solid ${palette.theme?.secondary[300]}`,\n          },\n\n          \":focus\": {\n            border: `1px solid ${palette.theme?.primary[600]}`,\n          },\n        },\n      },\n\n      \".country\": {\n        fontSize: \"0.8125rem\",\n        direction: isRtl ? \"rtl\" : \"ltr\",\n        textAlign: isRtl ? \"right\" : \"left\",\n\n        \".dial-code\": {\n          fontSize: \"0.75rem\",\n          position: \"absolute\",\n          right: isRtl ? \"auto\" : \"0.5rem\",\n          left: isRtl ? \"0.5rem\" : \"auto\",\n        },\n      },\n    },\n  },\n}));\n\ninterface IPhoneInput {\n  error?: boolean;\n  name?: string;\n  dataPosition?: number;\n  dataName?: string;\n  label: string;\n  required?: boolean;\n  placeholder?: string;\n  default_value?: string;\n  onChange?: (e: any) => void;\n  disabled?: boolean;\n  setCountryCodeField?: (country: CountryData) => void;\n  helperText?: string;\n  isInlineEditing?:boolean\n}\n\nfunction fixPhoneDropdown() {\n  let dropdown, input;\n\n  const positionDropdown = () => {\n    if (!dropdown || !input) return;\n    const rect = input.getBoundingClientRect();\n\n    dropdown.style.position = \"fixed\";\n    dropdown.style.top = rect.bottom + \"px\";\n    dropdown.style.left = rect.left + \"px\";\n    dropdown.style.zIndex = \"2000\";\n  };\n\n  document.addEventListener(\"click\", () => {\n    dropdown = document.querySelector(\".react-tel-input .country-list\");\n    input = document.querySelector(\".react-tel-input input\");\n\n    if (dropdown && input && !document.body.contains(dropdown)) {\n      document.body.appendChild(dropdown);\n    }\n\n    positionDropdown();\n  });\n\n  // reposition on scroll (any container) and resize\n  window.addEventListener(\"scroll\", positionDropdown, true); // true = capture all scrolls\n  window.addEventListener(\"resize\", positionDropdown);\n}\n\n\nconst HelperTextWrapper = styled('div')(() => ({\n  marginTop: '0.4rem',\n}));\n\nconst PhoneInput = memo(({\n  name,\n  error = false,\n  dataName,\n  dataPosition,\n  label,\n  required = false,\n  placeholder,\n  default_value,\n  onChange,\n  disabled,\n  setCountryCodeField,\n  helperText,\n  isInlineEditing = false,\n  ...rest\n}: IPhoneInput) => {\n  const { isRtl } = useLanguage();\n\n  useEffect(() => {\n    if(isInlineEditing) {\n      fixPhoneDropdown(isInlineEditing)\n    }\n  }, [isInlineEditing])\n\n  return (\n    <>\n      <Typography\n        type=\"s5\"\n        weight=\"medium\"\n        mb={0.5}\n        color={error ? \"theme.error.600\" : \"theme.secondary.800\"}\n        data-position={dataPosition}\n        data-name={dataName}\n      >\n        {label} {required && <span className=\"requiredStar\">*</span>}\n      </Typography>\n      <StyledInput\n        dropdownContainer={document.body}\n        isRtl={isRtl}\n        specialLabel={\"\"}\n        enableSearch\n        searchPlaceholder=\"Search Country\"\n        isValid={!error}\n        country={\"ae\"}\n        searchNotFound=\"Not Found!\"\n        inputProps={{\n          name: name,\n          required: required,\n        }}\n        placeholder={placeholder}\n        value={default_value || rest?.value}\n        onChange={(value, country) => {\n          setCountryCodeField?.(country as CountryData);\n          onChange?.(value);\n        }}\n        disabled={disabled}\n      />\n      {helperText && (\n        <HelperTextWrapper>\n          <Typography\n            type=\"s5\"\n            color={error ? \"theme.error.600\" : \"theme.secondary.600\"}\n          >\n            {helperText}\n          </Typography>\n        </HelperTextWrapper>\n      )}\n    </>\n  );\n});\n\nexport default PhoneInput;"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/phone-input/phone-input.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable unused-imports/no-unused-vars */\nimport { styled } from \"@mui/material\";\nimport Typography from \"../typography/typography\";\nimport ReactPhoneInput, { CountryData } from \"react-phone-input-2\";\nimport \"react-phone-input-2/lib/material.css\";\nimport { images } from \"../../assets/images\";\nimport { useLanguage } from \"../../hooks/useLangauge\";\nimport { memo, useEffect } from \"react\";\n\nconst StyledInput = styled(ReactPhoneInput)<{ isRtl: boolean }>(({ theme: { palette }, isRtl }) => ({\n  \"&:hover\": {\n    border: \"none\",\n  },\n  \"&.react-tel-input\": {\n    \".form-control\": {\n      borderRadius: \"0.25rem\",\n      padding: \"8px 8px 8px 55px\", // Ensure space for flag on the left\n      border: `1px solid ${palette.theme?.secondary[300]}`,\n      fontSize: \"0.875rem\",\n      width: \"100%\",\n      maxHeight: \"36.13px\",\n      direction: \"ltr\", // Force LTR direction for input to start from left\n      textAlign: \"left\", // Force left alignment for input value\n\n      \":hover\": {\n        border: `1px solid ${palette.theme?.secondary[400]}`,\n      },\n\n      \":focus\": {\n        border: `1px solid ${palette.theme?.primary[600]}`,\n        boxShadow: \"none\",\n      },\n      \":disabled\": {\n        background: palette.theme?.secondary[200],\n        color: palette.theme?.secondary[800],\n      },\n\n      \"&.invalid-number\": {\n        border: `1px solid ${palette.theme?.error[600]}`,\n        \":focus\": {\n          boxShadow: \"none\",\n        },\n      },\n    },\n\n    \".flag-dropdown\": {\n      left: \"0\",\n      right: \"auto\",\n      borderRadius: \"0.25rem 0 0 0.25rem\",\n      \n      \".selected-flag\": {\n        borderRadius: \"0.25rem 0 0 0.25rem\",\n        \n        \"&:hover\": {\n          backgroundColor: palette.theme?.secondary[100],\n        },\n      },\n    },\n   \n    \".country-list\": {\n      left: isRtl ? \"auto\" : \"0\",\n      right: isRtl ? \"0\" : \"auto\",\n      \n      \".search\": {\n        padding: \"0.5rem 0.5rem 0.5rem 0.75rem\",\n        borderBottom: \"1px solid #F3F2F2\",\n        display: \"flex\",\n        alignItems: \"center\",\n        direction: isRtl ? \"rtl\" : \"ltr\",\n\n        \".search-emoji\": {\n          position: \"absolute\",\n          left: isRtl ? \"auto\" : \"1.25rem\",\n          right: isRtl ? \"1.25rem\" : \"auto\",\n\n          \":first-child\": {\n            display: \"block\",\n            color: \"transparent\",\n            background: `url(${images.search})`,\n            backgroundRepeat: \"no-repeat\",\n            backgroundPosition: \"center\",\n          },\n        },\n\n        \".search-box\": {\n          width: \"100%\",\n          marginLeft: \"0rem\",\n          border: `1px solid ${palette.theme?.secondary[200]}`,\n          backgroundColor: palette.theme?.secondary[100],\n          borderRadius: \"0.5rem\",\n          padding: \"0.4rem\",\n          paddingLeft: isRtl ? \"0.4rem\" : \"2rem\",\n          paddingRight: isRtl ? \"2rem\" : \"0.4rem\",\n          fontSize: \"0.8125rem\",\n          direction: isRtl ? \"rtl\" : \"ltr\",\n          textAlign: isRtl ? \"right\" : \"left\",\n\n          \":hover\": {\n            border: `1px solid ${palette.theme?.secondary[300]}`,\n          },\n\n          \":focus\": {\n            border: `1px solid ${palette.theme?.primary[600]}`,\n          },\n        },\n      },\n\n      \".country\": {\n        fontSize: \"0.8125rem\",\n        direction: isRtl ? \"rtl\" : \"ltr\",\n        textAlign: isRtl ? \"right\" : \"left\",\n\n        \".dial-code\": {\n          fontSize: \"0.75rem\",\n          position: \"absolute\",\n          right: isRtl ? \"auto\" : \"0.5rem\",\n          left: isRtl ? \"0.5rem\" : \"auto\",\n        },\n      },\n    },\n  },\n}));\n\ninterface IPhoneInput {\n  error?: boolean;\n  name?: string;\n  dataPosition?: number;\n  dataName?: string;\n  label: string;\n  required?: boolean;\n  placeholder?: string;\n  default_value?: string;\n  onChange?: (e: any) => void;\n  disabled?: boolean;\n  setCountryCodeField?: (country: CountryData) => void;\n  helperText?: string;\n  isInlineEditing?:boolean\n}\n\nfunction fixPhoneDropdown() {\n  let dropdown, input;\n\n  const positionDropdown = () => {\n    if (!dropdown || !input) return;\n    const rect = input.getBoundingClientRect();\n\n    dropdown.style.position = \"fixed\";\n    dropdown.style.top = rect.bottom + \"px\";\n    dropdown.style.left = rect.left + \"px\";\n    dropdown.style.zIndex = \"2000\";\n  };\n\n  document.addEventListener(\"click\", () => {\n    dropdown = document.querySelector(\".react-tel-input .country-list\");\n    input = document.querySelector(\".react-tel-input input\");\n\n    if (dropdown && input && !document.body.contains(dropdown)) {\n      document.body.appendChild(dropdown);\n    }\n\n    positionDropdown();\n  });\n\n  // reposition on scroll (any container) and resize\n  window.addEventListener(\"scroll\", positionDropdown, true); // true = capture all scrolls\n  window.addEventListener(\"resize\", positionDropdown);\n}\n\n\nconst HelperTextWrapper = styled('div')(() => ({\n  marginTop: '0.4rem',\n}));\n\nconst PhoneInput = memo(({\n  name,\n  error = false,\n  dataName,\n  dataPosition,\n  label,\n  required = false,\n  placeholder,\n  default_value,\n  onChange,\n  disabled,\n  setCountryCodeField,\n  helperText,\n  isInlineEditing = false,\n  ...rest\n}: IPhoneInput) => {\n  const { isRtl } = useLanguage();\n\n  useEffect(() => {\n    if(isInlineEditing) {\n      fixPhoneDropdown(isInlineEditing)\n    }\n  }, [isInlineEditing])\n\n  return (\n    <>\n      <Typography\n        type=\"s5\"\n        weight=\"medium\"\n        mb={0.5}\n        color={error ? \"theme.error.600\" : \"theme.secondary.800\"}\n        data-position={dataPosition}\n        data-name={dataName}\n      >\n        {label} {required && <span className=\"requiredStar\">*</span>}\n      </Typography>\n      <StyledInput\n        dropdownContainer={document.body}\n        isRtl={isRtl}\n        specialLabel={\"\"}\n        enableSearch\n        searchPlaceholder=\"Search Country\"\n        isValid={!error}\n        country={\"ae\"}\n        searchNotFound=\"Not Found!\"\n        inputProps={{\n          name: name,\n          required: required,\n        }}\n        placeholder={placeholder}\n        value={default_value || rest?.value}\n        onChange={(value, country) => {\n          setCountryCodeField?.(country as CountryData);\n          onChange?.(value);\n        }}\n        disabled={disabled}\n      />\n      {helperText && (\n        <HelperTextWrapper>\n          <Typography\n            type=\"s5\"\n            color={error ? \"theme.error.600\" : \"theme.secondary.600\"}\n          >\n            {helperText}\n          </Typography>\n        </HelperTextWrapper>\n      )}\n    </>\n  );\n});\n\nexport { PhoneInput };\nexport default PhoneInput;"],"names":[],"mappings":"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"}

package/dist/components/phone-input/phone-input/index.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../typography/typography/index.js"),t=require("react-phone-input-2"),o=require("../../../images/index.js"),d=require("../../../hooks/useLangauge/index.js"),n=require("react"),i=require("../../../node_modules/@mui/material/styles/styled/index.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=/* @__PURE__ */l(t);const s=i.default(a.default)(({theme:{palette:e},isRtl:r})=>{var t,d,n,i,l,a,s,u,c,m,p;return{"&:hover":{border:"none"},"&.react-tel-input":{".form-control":{borderRadius:"0.25rem",padding:"8px 8px 8px 55px",border:`1px solid ${null==(t=e.theme)?void 0:t.secondary[300]}`,fontSize:"0.875rem",width:"100%",maxHeight:"36.13px",direction:"ltr",textAlign:"left",":hover":{border:`1px solid ${null==(d=e.theme)?void 0:d.secondary[400]}`},":focus":{border:`1px solid ${null==(n=e.theme)?void 0:n.primary[600]}`,boxShadow:"none"},":disabled":{background:null==(i=e.theme)?void 0:i.secondary[200],color:null==(l=e.theme)?void 0:l.secondary[800]},"&.invalid-number":{border:`1px solid ${null==(a=e.theme)?void 0:a.error[600]}`,":focus":{boxShadow:"none"}}},".flag-dropdown":{left:"0",right:"auto",borderRadius:"0.25rem 0 0 0.25rem",".selected-flag":{borderRadius:"0.25rem 0 0 0.25rem","&:hover":{backgroundColor:null==(s=e.theme)?void 0:s.secondary[100]}}},".country-list":{left:r?"auto":"0",right:r?"0":"auto",".search":{padding:"0.5rem 0.5rem 0.5rem 0.75rem",borderBottom:"1px solid #F3F2F2",display:"flex",alignItems:"center",direction:r?"rtl":"ltr",".search-emoji":{position:"absolute",left:r?"auto":"1.25rem",right:r?"1.25rem":"auto",":first-child":{display:"block",color:"transparent",background:`url(${o.images.search})`,backgroundRepeat:"no-repeat",backgroundPosition:"center"}},".search-box":{width:"100%",marginLeft:"0rem",border:`1px solid ${null==(u=e.theme)?void 0:u.secondary[200]}`,backgroundColor:null==(c=e.theme)?void 0:c.secondary[100],borderRadius:"0.5rem",padding:"0.4rem",paddingLeft:r?"0.4rem":"2rem",paddingRight:r?"2rem":"0.4rem",fontSize:"0.8125rem",direction:r?"rtl":"ltr",textAlign:r?"right":"left",":hover":{border:`1px solid ${null==(m=e.theme)?void 0:m.secondary[300]}`},":focus":{border:`1px solid ${null==(p=e.theme)?void 0:p.primary[600]}`}}},".country":{fontSize:"0.8125rem",direction:r?"rtl":"ltr",textAlign:r?"right":"left",".dial-code":{fontSize:"0.75rem",position:"absolute",right:r?"auto":"0.5rem",left:r?"0.5rem":"auto"}}}}}}),u=i.default("div")(()=>({marginTop:"0.4rem"})),c=n.memo(({name:t,error:o=!1,dataName:i,dataPosition:l,label:a,required:c=!1,placeholder:m,default_value:p,onChange:h,disabled:g,setCountryCodeField:y,helperText:b,isInlineEditing:x=!1,...f})=>{const{isRtl:v}=d.useLanguage();return n.useEffect(()=>{x&&function(){let e,r;const t=()=>{if(!e||!r)return;const t=r.getBoundingClientRect();e.style.position="fixed",e.style.top=t.bottom+"px",e.style.left=t.left+"px",e.style.zIndex="2000"};document.addEventListener("click",()=>{e=document.querySelector(".react-tel-input .country-list"),r=document.querySelector(".react-tel-input input"),e&&r&&!document.body.contains(e)&&document.body.appendChild(e),t()}),window.addEventListener("scroll",t,!0),window.addEventListener("resize",t)}()},[x]),/* @__PURE__ */e.jsxs(e.Fragment,{children:[
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../typography/typography/index.js"),t=require("react-phone-input-2"),o=require("../../../images/index.js"),n=require("../../../hooks/useLangauge/index.js"),d=require("react"),i=require("../../../node_modules/@mui/material/styles/styled/index.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=/* @__PURE__ */l(t);const s=i.default(a.default)(({theme:{palette:e},isRtl:r})=>{var t,n,d,i,l,a,s,u,c,m,p;return{"&:hover":{border:"none"},"&.react-tel-input":{".form-control":{borderRadius:"0.25rem",padding:"8px 8px 8px 55px",border:`1px solid ${null==(t=e.theme)?void 0:t.secondary[300]}`,fontSize:"0.875rem",width:"100%",maxHeight:"36.13px",direction:"ltr",textAlign:"left",":hover":{border:`1px solid ${null==(n=e.theme)?void 0:n.secondary[400]}`},":focus":{border:`1px solid ${null==(d=e.theme)?void 0:d.primary[600]}`,boxShadow:"none"},":disabled":{background:null==(i=e.theme)?void 0:i.secondary[200],color:null==(l=e.theme)?void 0:l.secondary[800]},"&.invalid-number":{border:`1px solid ${null==(a=e.theme)?void 0:a.error[600]}`,":focus":{boxShadow:"none"}}},".flag-dropdown":{left:"0",right:"auto",borderRadius:"0.25rem 0 0 0.25rem",".selected-flag":{borderRadius:"0.25rem 0 0 0.25rem","&:hover":{backgroundColor:null==(s=e.theme)?void 0:s.secondary[100]}}},".country-list":{left:r?"auto":"0",right:r?"0":"auto",".search":{padding:"0.5rem 0.5rem 0.5rem 0.75rem",borderBottom:"1px solid #F3F2F2",display:"flex",alignItems:"center",direction:r?"rtl":"ltr",".search-emoji":{position:"absolute",left:r?"auto":"1.25rem",right:r?"1.25rem":"auto",":first-child":{display:"block",color:"transparent",background:`url(${o.images.search})`,backgroundRepeat:"no-repeat",backgroundPosition:"center"}},".search-box":{width:"100%",marginLeft:"0rem",border:`1px solid ${null==(u=e.theme)?void 0:u.secondary[200]}`,backgroundColor:null==(c=e.theme)?void 0:c.secondary[100],borderRadius:"0.5rem",padding:"0.4rem",paddingLeft:r?"0.4rem":"2rem",paddingRight:r?"2rem":"0.4rem",fontSize:"0.8125rem",direction:r?"rtl":"ltr",textAlign:r?"right":"left",":hover":{border:`1px solid ${null==(m=e.theme)?void 0:m.secondary[300]}`},":focus":{border:`1px solid ${null==(p=e.theme)?void 0:p.primary[600]}`}}},".country":{fontSize:"0.8125rem",direction:r?"rtl":"ltr",textAlign:r?"right":"left",".dial-code":{fontSize:"0.75rem",position:"absolute",right:r?"auto":"0.5rem",left:r?"0.5rem":"auto"}}}}}}),u=i.default("div")(()=>({marginTop:"0.4rem"})),c=d.memo(({name:t,error:o=!1,dataName:i,dataPosition:l,label:a,required:c=!1,placeholder:m,default_value:p,onChange:h,disabled:g,setCountryCodeField:y,helperText:x,isInlineEditing:b=!1,...f})=>{const{isRtl:v}=n.useLanguage();return d.useEffect(()=>{b&&function(){let e,r;const t=()=>{if(!e||!r)return;const t=r.getBoundingClientRect();e.style.position="fixed",e.style.top=t.bottom+"px",e.style.left=t.left+"px",e.style.zIndex="2000"};document.addEventListener("click",()=>{e=document.querySelector(".react-tel-input .country-list"),r=document.querySelector(".react-tel-input input"),e&&r&&!document.body.contains(e)&&document.body.appendChild(e),t()}),window.addEventListener("scroll",t,!0),window.addEventListener("resize",t)}()},[b]),/* @__PURE__ */e.jsxs(e.Fragment,{children:[
 /* @__PURE__ */e.jsxs(r.Typography,{type:"s5",weight:"medium",mb:.5,color:o?"theme.error.600":"theme.secondary.800","data-position":l,"data-name":i,children:[a," ",c&&/* @__PURE__ */e.jsx("span",{className:"requiredStar",children:"*"})]}),
-/* @__PURE__ */e.jsx(s,{dropdownContainer:document.body,isRtl:v,specialLabel:"",enableSearch:!0,searchPlaceholder:"Search Country",isValid:!o,country:"ae",searchNotFound:"Not Found!",inputProps:{name:t,required:c},placeholder:m,value:p||(null==f?void 0:f.value),onChange:(e,r)=>{null==y||y(r),null==h||h(e)},disabled:g}),b&&/* @__PURE__ */e.jsx(u,{children:/* @__PURE__ */e.jsx(r.Typography,{type:"s5",color:o?"theme.error.600":"theme.secondary.600",children:b})})]})});exports.default=c;
+/* @__PURE__ */e.jsx(s,{dropdownContainer:document.body,isRtl:v,specialLabel:"",enableSearch:!0,searchPlaceholder:"Search Country",isValid:!o,country:"ae",searchNotFound:"Not Found!",inputProps:{name:t,required:c},placeholder:m,value:p||(null==f?void 0:f.value),onChange:(e,r)=>{null==y||y(r),null==h||h(e)},disabled:g}),x&&/* @__PURE__ */e.jsx(u,{children:/* @__PURE__ */e.jsx(r.Typography,{type:"s5",color:o?"theme.error.600":"theme.secondary.600",children:x})})]})});exports.PhoneInput=c,exports.default=c;
 //# sourceMappingURL=index.js.map

package/dist/components/phone-input/phone-input/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/phone-input/phone-input.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable unused-imports/no-unused-vars */\nimport { styled } from \"@mui/material\";\nimport Typography from \"../typography/typography\";\nimport ReactPhoneInput, { CountryData } from \"react-phone-input-2\";\nimport \"react-phone-input-2/lib/material.css\";\nimport { images } from \"../../assets/images\";\nimport { useLanguage } from \"../../hooks/useLangauge\";\nimport { memo, useEffect } from \"react\";\n\nconst StyledInput = styled(ReactPhoneInput)<{ isRtl: boolean }>(({ theme: { palette }, isRtl }) => ({\n  \"&:hover\": {\n    border: \"none\",\n  },\n  \"&.react-tel-input\": {\n    \".form-control\": {\n      borderRadius: \"0.25rem\",\n      padding: \"8px 8px 8px 55px\", // Ensure space for flag on the left\n      border: `1px solid ${palette.theme?.secondary[300]}`,\n      fontSize: \"0.875rem\",\n      width: \"100%\",\n      maxHeight: \"36.13px\",\n      direction: \"ltr\", // Force LTR direction for input to start from left\n      textAlign: \"left\", // Force left alignment for input value\n\n      \":hover\": {\n        border: `1px solid ${palette.theme?.secondary[400]}`,\n      },\n\n      \":focus\": {\n        border: `1px solid ${palette.theme?.primary[600]}`,\n        boxShadow: \"none\",\n      },\n      \":disabled\": {\n        background: palette.theme?.secondary[200],\n        color: palette.theme?.secondary[800],\n      },\n\n      \"&.invalid-number\": {\n        border: `1px solid ${palette.theme?.error[600]}`,\n        \":focus\": {\n          boxShadow: \"none\",\n        },\n      },\n    },\n\n    \".flag-dropdown\": {\n      left: \"0\",\n      right: \"auto\",\n      borderRadius: \"0.25rem 0 0 0.25rem\",\n      \n      \".selected-flag\": {\n        borderRadius: \"0.25rem 0 0 0.25rem\",\n        \n        \"&:hover\": {\n          backgroundColor: palette.theme?.secondary[100],\n        },\n      },\n    },\n   \n    \".country-list\": {\n      left: isRtl ? \"auto\" : \"0\",\n      right: isRtl ? \"0\" : \"auto\",\n      \n      \".search\": {\n        padding: \"0.5rem 0.5rem 0.5rem 0.75rem\",\n        borderBottom: \"1px solid #F3F2F2\",\n        display: \"flex\",\n        alignItems: \"center\",\n        direction: isRtl ? \"rtl\" : \"ltr\",\n\n        \".search-emoji\": {\n          position: \"absolute\",\n          left: isRtl ? \"auto\" : \"1.25rem\",\n          right: isRtl ? \"1.25rem\" : \"auto\",\n\n          \":first-child\": {\n            display: \"block\",\n            color: \"transparent\",\n            background: `url(${images.search})`,\n            backgroundRepeat: \"no-repeat\",\n            backgroundPosition: \"center\",\n          },\n        },\n\n        \".search-box\": {\n          width: \"100%\",\n          marginLeft: \"0rem\",\n          border: `1px solid ${palette.theme?.secondary[200]}`,\n          backgroundColor: palette.theme?.secondary[100],\n          borderRadius: \"0.5rem\",\n          padding: \"0.4rem\",\n          paddingLeft: isRtl ? \"0.4rem\" : \"2rem\",\n          paddingRight: isRtl ? \"2rem\" : \"0.4rem\",\n          fontSize: \"0.8125rem\",\n          direction: isRtl ? \"rtl\" : \"ltr\",\n          textAlign: isRtl ? \"right\" : \"left\",\n\n          \":hover\": {\n            border: `1px solid ${palette.theme?.secondary[300]}`,\n          },\n\n          \":focus\": {\n            border: `1px solid ${palette.theme?.primary[600]}`,\n          },\n        },\n      },\n\n      \".country\": {\n        fontSize: \"0.8125rem\",\n        direction: isRtl ? \"rtl\" : \"ltr\",\n        textAlign: isRtl ? \"right\" : \"left\",\n\n        \".dial-code\": {\n          fontSize: \"0.75rem\",\n          position: \"absolute\",\n          right: isRtl ? \"auto\" : \"0.5rem\",\n          left: isRtl ? \"0.5rem\" : \"auto\",\n        },\n      },\n    },\n  },\n}));\n\ninterface IPhoneInput {\n  error?: boolean;\n  name?: string;\n  dataPosition?: number;\n  dataName?: string;\n  label: string;\n  required?: boolean;\n  placeholder?: string;\n  default_value?: string;\n  onChange?: (e: any) => void;\n  disabled?: boolean;\n  setCountryCodeField?: (country: CountryData) => void;\n  helperText?: string;\n  isInlineEditing?:boolean\n}\n\nfunction fixPhoneDropdown() {\n  let dropdown, input;\n\n  const positionDropdown = () => {\n    if (!dropdown || !input) return;\n    const rect = input.getBoundingClientRect();\n\n    dropdown.style.position = \"fixed\";\n    dropdown.style.top = rect.bottom + \"px\";\n    dropdown.style.left = rect.left + \"px\";\n    dropdown.style.zIndex = \"2000\";\n  };\n\n  document.addEventListener(\"click\", () => {\n    dropdown = document.querySelector(\".react-tel-input .country-list\");\n    input = document.querySelector(\".react-tel-input input\");\n\n    if (dropdown && input && !document.body.contains(dropdown)) {\n      document.body.appendChild(dropdown);\n    }\n\n    positionDropdown();\n  });\n\n  // reposition on scroll (any container) and resize\n  window.addEventListener(\"scroll\", positionDropdown, true); // true = capture all scrolls\n  window.addEventListener(\"resize\", positionDropdown);\n}\n\n\nconst HelperTextWrapper = styled('div')(() => ({\n  marginTop: '0.4rem',\n}));\n\nconst PhoneInput = memo(({\n  name,\n  error = false,\n  dataName,\n  dataPosition,\n  label,\n  required = false,\n  placeholder,\n  default_value,\n  onChange,\n  disabled,\n  setCountryCodeField,\n  helperText,\n  isInlineEditing = false,\n  ...rest\n}: IPhoneInput) => {\n  const { isRtl } = useLanguage();\n\n  useEffect(() => {\n    if(isInlineEditing) {\n      fixPhoneDropdown(isInlineEditing)\n    }\n  }, [isInlineEditing])\n\n  return (\n    <>\n      <Typography\n        type=\"s5\"\n        weight=\"medium\"\n        mb={0.5}\n        color={error ? \"theme.error.600\" : \"theme.secondary.800\"}\n        data-position={dataPosition}\n        data-name={dataName}\n      >\n        {label} {required && <span className=\"requiredStar\">*</span>}\n      </Typography>\n      <StyledInput\n        dropdownContainer={document.body}\n        isRtl={isRtl}\n        specialLabel={\"\"}\n        enableSearch\n        searchPlaceholder=\"Search Country\"\n        isValid={!error}\n        country={\"ae\"}\n        searchNotFound=\"Not Found!\"\n        inputProps={{\n          name: name,\n          required: required,\n        }}\n        placeholder={placeholder}\n        value={default_value || rest?.value}\n        onChange={(value, country) => {\n          setCountryCodeField?.(country as CountryData);\n          onChange?.(value);\n        }}\n        disabled={disabled}\n      />\n      {helperText && (\n        <HelperTextWrapper>\n          <Typography\n            type=\"s5\"\n            color={error ? \"theme.error.600\" : \"theme.secondary.600\"}\n          >\n            {helperText}\n          </Typography>\n        </HelperTextWrapper>\n      )}\n    </>\n  );\n});\n\nexport default PhoneInput;"],"names":["StyledInput","styled","ReactPhoneInput","theme","palette","isRtl","border","borderRadius","padding","_a","secondary","fontSize","width","maxHeight","direction","textAlign","_b","_c","primary","boxShadow","background","_d","color","_e","_f","error","left","right","backgroundColor","_g","borderBottom","display","alignItems","position","images","search","backgroundRepeat","backgroundPosition","marginLeft","_h","_i","paddingLeft","paddingRight","_j","_k","HelperTextWrapper","marginTop","PhoneInput","memo","name","dataName","dataPosition","label","required","placeholder","default_value","onChange","disabled","setCountryCodeField","helperText","isInlineEditing","rest","useLanguage","useEffect","dropdown","input","positionDropdown","rect","getBoundingClientRect","style","top","bottom","zIndex","document","addEventListener","querySelector","body","contains","appendChild","window","fixPhoneDropdown","jsxs","Fragment","children","Typography","type","weight","mb","jsx","className","dropdownContainer","specialLabel","enableSearch","searchPlaceholder","isValid","country","searchNotFound","inputProps","value"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/phone-input/phone-input.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable unused-imports/no-unused-vars */\nimport { styled } from \"@mui/material\";\nimport Typography from \"../typography/typography\";\nimport ReactPhoneInput, { CountryData } from \"react-phone-input-2\";\nimport \"react-phone-input-2/lib/material.css\";\nimport { images } from \"../../assets/images\";\nimport { useLanguage } from \"../../hooks/useLangauge\";\nimport { memo, useEffect } from \"react\";\n\nconst StyledInput = styled(ReactPhoneInput)<{ isRtl: boolean }>(({ theme: { palette }, isRtl }) => ({\n  \"&:hover\": {\n    border: \"none\",\n  },\n  \"&.react-tel-input\": {\n    \".form-control\": {\n      borderRadius: \"0.25rem\",\n      padding: \"8px 8px 8px 55px\", // Ensure space for flag on the left\n      border: `1px solid ${palette.theme?.secondary[300]}`,\n      fontSize: \"0.875rem\",\n      width: \"100%\",\n      maxHeight: \"36.13px\",\n      direction: \"ltr\", // Force LTR direction for input to start from left\n      textAlign: \"left\", // Force left alignment for input value\n\n      \":hover\": {\n        border: `1px solid ${palette.theme?.secondary[400]}`,\n      },\n\n      \":focus\": {\n        border: `1px solid ${palette.theme?.primary[600]}`,\n        boxShadow: \"none\",\n      },\n      \":disabled\": {\n        background: palette.theme?.secondary[200],\n        color: palette.theme?.secondary[800],\n      },\n\n      \"&.invalid-number\": {\n        border: `1px solid ${palette.theme?.error[600]}`,\n        \":focus\": {\n          boxShadow: \"none\",\n        },\n      },\n    },\n\n    \".flag-dropdown\": {\n      left: \"0\",\n      right: \"auto\",\n      borderRadius: \"0.25rem 0 0 0.25rem\",\n      \n      \".selected-flag\": {\n        borderRadius: \"0.25rem 0 0 0.25rem\",\n        \n        \"&:hover\": {\n          backgroundColor: palette.theme?.secondary[100],\n        },\n      },\n    },\n   \n    \".country-list\": {\n      left: isRtl ? \"auto\" : \"0\",\n      right: isRtl ? \"0\" : \"auto\",\n      \n      \".search\": {\n        padding: \"0.5rem 0.5rem 0.5rem 0.75rem\",\n        borderBottom: \"1px solid #F3F2F2\",\n        display: \"flex\",\n        alignItems: \"center\",\n        direction: isRtl ? \"rtl\" : \"ltr\",\n\n        \".search-emoji\": {\n          position: \"absolute\",\n          left: isRtl ? \"auto\" : \"1.25rem\",\n          right: isRtl ? \"1.25rem\" : \"auto\",\n\n          \":first-child\": {\n            display: \"block\",\n            color: \"transparent\",\n            background: `url(${images.search})`,\n            backgroundRepeat: \"no-repeat\",\n            backgroundPosition: \"center\",\n          },\n        },\n\n        \".search-box\": {\n          width: \"100%\",\n          marginLeft: \"0rem\",\n          border: `1px solid ${palette.theme?.secondary[200]}`,\n          backgroundColor: palette.theme?.secondary[100],\n          borderRadius: \"0.5rem\",\n          padding: \"0.4rem\",\n          paddingLeft: isRtl ? \"0.4rem\" : \"2rem\",\n          paddingRight: isRtl ? \"2rem\" : \"0.4rem\",\n          fontSize: \"0.8125rem\",\n          direction: isRtl ? \"rtl\" : \"ltr\",\n          textAlign: isRtl ? \"right\" : \"left\",\n\n          \":hover\": {\n            border: `1px solid ${palette.theme?.secondary[300]}`,\n          },\n\n          \":focus\": {\n            border: `1px solid ${palette.theme?.primary[600]}`,\n          },\n        },\n      },\n\n      \".country\": {\n        fontSize: \"0.8125rem\",\n        direction: isRtl ? \"rtl\" : \"ltr\",\n        textAlign: isRtl ? \"right\" : \"left\",\n\n        \".dial-code\": {\n          fontSize: \"0.75rem\",\n          position: \"absolute\",\n          right: isRtl ? \"auto\" : \"0.5rem\",\n          left: isRtl ? \"0.5rem\" : \"auto\",\n        },\n      },\n    },\n  },\n}));\n\ninterface IPhoneInput {\n  error?: boolean;\n  name?: string;\n  dataPosition?: number;\n  dataName?: string;\n  label: string;\n  required?: boolean;\n  placeholder?: string;\n  default_value?: string;\n  onChange?: (e: any) => void;\n  disabled?: boolean;\n  setCountryCodeField?: (country: CountryData) => void;\n  helperText?: string;\n  isInlineEditing?:boolean\n}\n\nfunction fixPhoneDropdown() {\n  let dropdown, input;\n\n  const positionDropdown = () => {\n    if (!dropdown || !input) return;\n    const rect = input.getBoundingClientRect();\n\n    dropdown.style.position = \"fixed\";\n    dropdown.style.top = rect.bottom + \"px\";\n    dropdown.style.left = rect.left + \"px\";\n    dropdown.style.zIndex = \"2000\";\n  };\n\n  document.addEventListener(\"click\", () => {\n    dropdown = document.querySelector(\".react-tel-input .country-list\");\n    input = document.querySelector(\".react-tel-input input\");\n\n    if (dropdown && input && !document.body.contains(dropdown)) {\n      document.body.appendChild(dropdown);\n    }\n\n    positionDropdown();\n  });\n\n  // reposition on scroll (any container) and resize\n  window.addEventListener(\"scroll\", positionDropdown, true); // true = capture all scrolls\n  window.addEventListener(\"resize\", positionDropdown);\n}\n\n\nconst HelperTextWrapper = styled('div')(() => ({\n  marginTop: '0.4rem',\n}));\n\nconst PhoneInput = memo(({\n  name,\n  error = false,\n  dataName,\n  dataPosition,\n  label,\n  required = false,\n  placeholder,\n  default_value,\n  onChange,\n  disabled,\n  setCountryCodeField,\n  helperText,\n  isInlineEditing = false,\n  ...rest\n}: IPhoneInput) => {\n  const { isRtl } = useLanguage();\n\n  useEffect(() => {\n    if(isInlineEditing) {\n      fixPhoneDropdown(isInlineEditing)\n    }\n  }, [isInlineEditing])\n\n  return (\n    <>\n      <Typography\n        type=\"s5\"\n        weight=\"medium\"\n        mb={0.5}\n        color={error ? \"theme.error.600\" : \"theme.secondary.800\"}\n        data-position={dataPosition}\n        data-name={dataName}\n      >\n        {label} {required && <span className=\"requiredStar\">*</span>}\n      </Typography>\n      <StyledInput\n        dropdownContainer={document.body}\n        isRtl={isRtl}\n        specialLabel={\"\"}\n        enableSearch\n        searchPlaceholder=\"Search Country\"\n        isValid={!error}\n        country={\"ae\"}\n        searchNotFound=\"Not Found!\"\n        inputProps={{\n          name: name,\n          required: required,\n        }}\n        placeholder={placeholder}\n        value={default_value || rest?.value}\n        onChange={(value, country) => {\n          setCountryCodeField?.(country as CountryData);\n          onChange?.(value);\n        }}\n        disabled={disabled}\n      />\n      {helperText && (\n        <HelperTextWrapper>\n          <Typography\n            type=\"s5\"\n            color={error ? \"theme.error.600\" : \"theme.secondary.600\"}\n          >\n            {helperText}\n          </Typography>\n        </HelperTextWrapper>\n      )}\n    </>\n  );\n});\n\nexport { PhoneInput };\nexport default PhoneInput;"],"names":["StyledInput","styled","ReactPhoneInput","theme","palette","isRtl","border","borderRadius","padding","_a","secondary","fontSize","width","maxHeight","direction","textAlign","_b","_c","primary","boxShadow","background","_d","color","_e","_f","error","left","right","backgroundColor","_g","borderBottom","display","alignItems","position","images","search","backgroundRepeat","backgroundPosition","marginLeft","_h","_i","paddingLeft","paddingRight","_j","_k","HelperTextWrapper","marginTop","PhoneInput","memo","name","dataName","dataPosition","label","required","placeholder","default_value","onChange","disabled","setCountryCodeField","helperText","isInlineEditing","rest","useLanguage","useEffect","dropdown","input","positionDropdown","rect","getBoundingClientRect","style","top","bottom","zIndex","document","addEventListener","querySelector","body","contains","appendChild","window","fixPhoneDropdown","jsxs","Fragment","children","Typography","type","weight","mb","jsx","className","dropdownContainer","specialLabel","enableSearch","searchPlaceholder","isValid","country","searchNotFound","inputProps","value"],"mappings":"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"}

package/dist/components/phone-input/phone-input.d.ts

@@ -0,0 +1,20 @@
+import { CountryData } from 'react-phone-input-2';
+
+interface IPhoneInput {
+    error?: boolean;
+    name?: string;
+    dataPosition?: number;
+    dataName?: string;
+    label: string;
+    required?: boolean;
+    placeholder?: string;
+    default_value?: string;
+    onChange?: (e: any) => void;
+    disabled?: boolean;
+    setCountryCodeField?: (country: CountryData) => void;
+    helperText?: string;
+    isInlineEditing?: boolean;
+}
+declare const PhoneInput: import('react').NamedExoticComponent<IPhoneInput>;
+export { PhoneInput };
+export default PhoneInput;

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

@@ -110,7 +110,27 @@ const ProtectedRoute = ({
   }
   return showError ? /* @__PURE__ */ jsx(ErrorComponent, {}) : /* @__PURE__ */ jsx(Navigate, { to: redirectTo, replace: true });
 };
+const createPermissionConfig = {
+  // Single module
+  single: (module, action) => ({
+    module,
+    action
+  }),
+  // Multiple modules with same action
+  multiModule: (modules, action, operator = "OR") => ({
+    multiModule: { modules, action, operator }
+  }),
+  // Complex permissions
+  complex: (permissions, operator = "AND") => ({
+    complexPermissions: { permissions, operator }
+  }),
+  // Custom function
+  custom: (checkFn) => ({
+    customPermissionCheck: checkFn
+  })
+};
 export {
+  createPermissionConfig,
   ProtectedRoute as default
 };
 //# sourceMappingURL=index.esm.js.map

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":"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"}

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"),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:[
+"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.createPermissionConfig={single:(e,r)=>({module:e,action:r}),multiModule:(e,r,o="OR")=>({multiModule:{modules:e,action:r,operator:o}}),complex:(e,r="AND")=>({complexPermissions:{permissions:e,operator:r}}),custom:e=>({customPermissionCheck:e})},exports.default=({module:i,action:u,multiModule:m,complexPermissions:c,customPermissionCheck:d,redirectTo:p="/403",showError:x=!0,children:h})=>{const f=t.usePermissions(),y=r.useMemo(()=>{if(!f)return!1;if(d)return d(f);if(c){const{permissions:e,operator:r="AND"}=c,o=e.map(({module:e,action:r})=>l.default.get(f,e,{})[r]??!1);return"AND"===r?o.every(Boolean):o.some(Boolean)}if(m){const{modules:e,action:r,operator:o="OR"}=m,t=e.map(e=>l.default.get(f,e,{})[r]??!1);return"AND"===o?t.every(Boolean):t.some(Boolean)}return!(!i||!u)&&(l.default.get(f,i,{})[u]??!1)},[f,i,u,m,c,d]),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})};
+/* @__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 f&&y?/* @__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":"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"}
+{"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":["single","module","action","multiModule","modules","operator","complex","permissions","complexPermissions","custom","checkFn","customPermissionCheck","redirectTo","showError","children","usePermissions","hasPermission","useMemo","permList","results","map","mod","act","_","get","every","Boolean","some","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":"ohBAsLsC,CAEpCA,OAAQ,CAACC,EAAgBC,KAAA,CACvBD,OAAAA,EACAC,WAIFC,YAAa,CACXC,EACAF,EACAG,EAAyB,QAAA,CAEzBF,YAAa,CAAEC,UAASF,SAAQG,cAIlCC,QAAS,CACPC,EACAF,EAAyB,SAAA,CAEzBG,mBAAoB,CAAED,cAAaF,cAIrCI,OAASC,IAAA,CACPC,sBAAuBD,qBA1J2B,EACpDT,OAAAA,EACAC,SACAC,cACAK,qBACAG,wBACAC,aAAa,OACbC,aAAY,EACZC,eAEA,MAAMP,EAAcQ,EAAAA,iBAGdC,EAAgBC,EAAAA,QAAQ,KAC5B,IAAKV,EACH,OAAO,EAIT,GAAII,EACF,OAAOA,EAAsBJ,GAI/B,GAAIC,EAAoB,CACtB,MAAQD,YAAaW,EAAAb,SAAUA,EAAW,OAAUG,EAE9CW,EAAUD,EAASE,IAAI,EAAGnB,OAAQoB,EAAKnB,OAAQoB,KAC/BC,EAAAA,QAAEC,IAAIjB,EAAac,EAAK,CAAA,GACzBC,KAAQ,GAG7B,MAAoB,QAAbjB,EACHc,EAAQM,MAAMC,SACdP,EAAQQ,KAAKD,QACnB,CAGA,GAAIvB,EAAa,CACf,MAAMC,QAAEA,EAASF,OAAQoB,EAAAjB,SAAKA,EAAW,MAASF,EAE5CgB,EAAUf,EAAQgB,IAAIC,GACNE,EAAAA,QAAEC,IAAIjB,EAAac,EAAK,CAAA,GACzBC,KAAQ,GAG7B,MAAoB,QAAbjB,EACHc,EAAQM,MAAMC,SACdP,EAAQQ,KAAKD,QACnB,CAGA,SAAIzB,IAAUC,KACQqB,EAAAA,QAAEC,IAAIjB,EAAaN,EAAQ,CAAA,GAC5BC,KAAW,IAK/B,CAACK,EAAaN,EAAQC,EAAQC,EAAaK,EAAoBG,IAG5DiB,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,GAGL5B,SAAA;eAAA6B,EAAAA,IAACC,EAAAA,WAAA,CACCC,KAAK,KACLC,MAAM,sBACNC,OAAO,OACPhB,GAAI,CAAEiB,SAAU,CAAEC,GAAI,OAAQC,GAAI,SACnCpC,SAAA;eAGD6B,EAAAA,IAACQ,EAAAA,QAAA,CACCC,UAAQ;eAOVT,EAAAA,IAACC,EAAAA,WAAA,CACCC,KAAK,KACLC,MAAM,sBACNC,OAAO,SACRjC,SAAA;eAGD6B,EAAAA,IAACC,EAAAA,WAAA,CACCC,KAAK,QACLC,MAAM,sBACNC,OAAO,UACPhB,GAAI,CAAEsB,GAAI,EAAGC,SAAU,SACxBxC,SAAA,wEAOL,OAAKP,GAKDS,mCACQF,aALHD,uBAAae,EAAA,CAAA,wBAAqB2B,EAAAA,SAAA,CAASC,GAAI5C,EAAY6C,SAAO"}

package/dist/components/protected-route.d.ts

@@ -0,0 +1,56 @@
+import { default as React } from 'react';
+
+type PermissionAction = "canEdit" | "canView" | "canAdd" | "canDelete";
+interface MultiModulePermission {
+    modules: string[];
+    action: PermissionAction;
+    operator?: "AND" | "OR";
+}
+interface ComplexPermission {
+    permissions: Array<{
+        module: string;
+        action: PermissionAction;
+    }>;
+    operator?: "AND" | "OR";
+}
+interface ProtectedRouteProps {
+    module?: string;
+    action?: PermissionAction;
+    multiModule?: MultiModulePermission;
+    complexPermissions?: ComplexPermission;
+    customPermissionCheck?: (permissions: any) => boolean;
+    redirectTo?: string;
+    showError?: boolean;
+    children: React.ReactNode;
+}
+declare const ProtectedRoute: React.FC<ProtectedRouteProps>;
+export default ProtectedRoute;
+export declare const createPermissionConfig: {
+    single: (module: string, action: PermissionAction) => {
+        module: string;
+        action: PermissionAction;
+    };
+    multiModule: (modules: string[], action: PermissionAction, operator?: "AND" | "OR") => {
+        multiModule: {
+            modules: string[];
+            action: PermissionAction;
+            operator: "AND" | "OR";
+        };
+    };
+    complex: (permissions: Array<{
+        module: string;
+        action: PermissionAction;
+    }>, operator?: "AND" | "OR") => {
+        complexPermissions: {
+            permissions: {
+                module: string;
+                action: PermissionAction;
+            }[];
+            operator: "AND" | "OR";
+        };
+    };
+    custom: (checkFn: (permissions: any) => boolean) => {
+        customPermissionCheck: (permissions: any) => boolean;
+    };
+};
+export type PermissionConfig = ReturnType<typeof createPermissionConfig.single> | ReturnType<typeof createPermissionConfig.multiModule> | ReturnType<typeof createPermissionConfig.complex> | ReturnType<typeof createPermissionConfig.custom>;

package/dist/components/providers/ERPUIProvider.d.ts

@@ -0,0 +1,41 @@
+import { default as React, ReactNode } from 'react';
+import { ApiClientConfig } from '../../redux';
+import { Color } from '../../theme';
+
+interface ERPUIContextValue {
+    useRedux: boolean;
+    apiClient?: ApiClientConfig;
+    theme?: any;
+    themeMode: 'light' | 'dark';
+    direction: 'ltr' | 'rtl';
+    primaryColor?: Color;
+}
+export declare const useERPUI: () => ERPUIContextValue;
+interface ERPUIProviderProps {
+    children: ReactNode;
+    useRedux?: boolean;
+    reduxStore?: any;
+    apiClient?: ApiClientConfig;
+    additionalReducers?: Record<string, any>;
+    theme?: any;
+    themeMode?: 'light' | 'dark';
+    primaryColor?: Color;
+    direction?: 'ltr' | 'rtl';
+    enableAuth?: boolean;
+    enableLanguage?: boolean;
+    enablePages?: boolean;
+    enablePermissions?: boolean;
+    enableRouter?: boolean;
+    enableSnackbar?: boolean;
+    enableCssBaseline?: boolean;
+    snackbarConfig?: {
+        maxSnack?: number;
+        anchorOrigin?: {
+            vertical: 'top' | 'bottom';
+            horizontal: 'left' | 'center' | 'right';
+        };
+        autoHideDuration?: number;
+    };
+}
+export declare const ERPUIProvider: React.FC<ERPUIProviderProps>;
+export default ERPUIProvider;

package/dist/components/providers/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ERPUIProvider } from './ERPUIProvider';
+export * from './ERPUIProvider';

package/dist/components/quick-approval-modal/index.d.ts

@@ -0,0 +1,2 @@
+export { default as QuickApprovalModal } from './quick-approval-modal';
+export * from './quick-approval-modal';

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

@@ -1,18 +1,18 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import Modal from "../../modal/modal/index.esm.js";
+import { Modal } from "../../modal/modal/index.esm.js";
 import { Typography } from "../../typography/typography/index.esm.js";
 import * as Yup from "yup";
 import { yupResolver as o } from "../../../node_modules/@hookform/resolvers/yup/dist/yup/index.esm.js";
-import Select from "../../select/select/index.esm.js";
+import { Select } from "../../select/select/index.esm.js";
 import { useForm, Controller } from "react-hook-form";
 /* empty css                                     */
 import { useState, useEffect } from "react";
 import { Avatar } from "../../avatar/avatar/index.esm.js";
 import { formatLabel } from "../../../utils/format-text/index.esm.js";
-import Checkbox from "../../checkbox/checkbox/index.esm.js";
-import Button from "../../button/button/index.esm.js";
+import { Checkbox } from "../../checkbox/checkbox/index.esm.js";
+import { Button } from "../../button/button/index.esm.js";
 import ChipOrPlaceholder from "../../form-control/form-builder/form-builder-element/chip-or-placeholder/index.esm.js";
-import Chip from "../../chip/chip/index.esm.js";
+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";

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