@erpsquad/common 1.8.44 → 1.8.46

package/dist/components/share-modal/share-modal/index.esm.js

@@ -2,17 +2,17 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import default_1$1 from "../../../node_modules/@mui/icons-material/ExpandMore/index.esm.js";
 import default_1 from "../../../node_modules/@mui/icons-material/Close/index.esm.js";
 import { Typography } from "../../typography/typography/index.esm.js";
-import Button from "../../button/button/index.esm.js";
+import { Button } from "../../button/button/index.esm.js";
 import { Avatar } from "../../avatar/avatar/index.esm.js";
-import Select from "../../select/select/index.esm.js";
+import { Select } from "../../select/select/index.esm.js";
 /* empty css                            */
 import { useState, useMemo, useEffect } from "react";
 import { useAppSelector, useAppDispatch } from "../../../redux/hooks/index.esm.js";
 import { getAllUserAndDepartmentDropdown } from "../redux/actionCreator/index.esm.js";
-import Toggle from "../../toggle/toggle/index.esm.js";
+import { Toggle } from "../../toggle/toggle/index.esm.js";
 import SearchableSelect from "../../searchable-select/index.esm.js";
 import { flatMap } from "lodash";
-import Checkbox from "../../checkbox/checkbox/index.esm.js";
+import { Checkbox } from "../../checkbox/checkbox/index.esm.js";
 import Dialog from "../../../node_modules/@mui/material/Dialog/Dialog/index.esm.js";
 import DialogTitle from "../../../node_modules/@mui/material/DialogTitle/DialogTitle/index.esm.js";
 import Box from "../../../node_modules/@mui/material/Box/Box/index.esm.js";
@@ -228,6 +228,7 @@ const SharePopUp = (props) => {
   ] }) });
 };
 export {
+  SharePopUp,
   SharePopUp as default
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/share-modal/share-modal/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/share-modal/share-modal.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable unused-imports/no-unused-vars */\nimport {\n  Box,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  Divider,\n  IconButton,\n  Accordion,\n  AccordionSummary,\n  AccordionDetails,\n  List,\n  ListItem,\n  ListItemText,\n  ListItemAvatar,\n  MenuItem,\n  FormControlLabel,\n} from \"@mui/material\";\nimport ExpandMoreIcon from \"@mui/icons-material/ExpandMore\";\nimport CloseIcon from \"@mui/icons-material/Close\";\nimport Typography from \"../typography/typography\";\n\nimport Button from \"../button/button\";\nimport Avatar from \"../avatar/avatar\";\nimport Select from \"../select/select\";\nimport \"./share-modal.scss\";\nimport {  useEffect, useMemo, useState } from \"react\";\nimport { useAppDispatch, useAppSelector } from \"../../redux/hooks\";\nimport { getAllUserAndDepartmentDropdown } from \"./redux/actionCreator\";\nimport React from \"react\";\nimport Toggle from \"../toggle/toggle\";\nimport SearchableSelect from \"../searchable-select\";\nimport { flatMap } from \"lodash\";\nimport Checkbox from \"../checkbox/checkbox\";\n\ninterface SharePopUpProps {\n  open: boolean;\n  title: string;\n  onClose: () => void;\n  roles?: any;\n  toggleSwitch: boolean;\n  onSubmit: (selectedUsers: any) => void;\n  value?: any;\n  isPeopleAccessVisible?: boolean;\n}\ninterface UserDropdownData {\n  isRoleVisible: boolean;\n  selectedUsers: any[];\n}\n\nconst SharePopUp = (props: SharePopUpProps) => {\n  const {\n    open,\n    title,\n    onClose,\n    roles,\n    toggleSwitch,\n    onSubmit,\n    value = {},\n    isPeopleAccessVisible = false,\n  } = props;\n\n  const { share } = useAppSelector((store) => store);\n\n  const dispatch = useAppDispatch();\n\n  const [isPublic, setIsPublic] = useState(value.isPublic || false);\n  const [selectedOptions, setSelectedOptions] = useState(\n    value.selectedUsers || [],\n  );\n  const [roleValue, setRoleValue] = useState([]);\n  const [availableRole, setAvailableRole] = useState([]);\n\n  const [userDropdownData, setUserDropdownData] = useState<UserDropdownData>({\n    isRoleVisible: false,\n    selectedUsers: [],\n  });\n\nconst filteredOptions=useMemo(()=>userDropdownData?.isRoleVisible ? share.departments : share.users,[share,userDropdownData?.isRoleVisible])\nconst [selectedUsers, setSelectedUsers] = useState<any[]>([]);\n  useEffect(() => {\n    const role: any = [];\n    const selRole: any = [];\n    roles &&\n      roles.map((item: any) => {\n        const userRole: any = {};\n        if (item.role !== \"Owner\") {\n          role.push(item.role);\n          userRole.id = item.id;\n          userRole.role = item.role;\n          selRole.push(userRole);\n        }\n        setAvailableRole(role);\n        setRoleValue(selRole);\n      });\n  }, [roles]);\n\nuseEffect(()=>{\n  if(!value?.selectedUsers?.length && !value?.role_id){\n    resetOptions()\nreturn\n  }\n   userDropdownData.isRoleVisible=value.is_role\n  setUserDropdownData(userDropdownData)\n   setSelectedOptions({\n    ...value,\n    selectedUsers:value.is_role?value?.role_id:value?.selectedUsers\n   })\n //eslint-disable-next-line\n},[value?.selectedUsers,open])\n\n  const handleShareSubmit = () => {\n    if(!selectedUsers?.length) return\n     const uIds = flatMap(selectedUsers, 'userIds').filter(i=>i);\n    let sOptions = selectedUsers\n    if( Array.isArray(uIds) && uIds?.length) {\n      sOptions = share.users?.filter(u => uIds.includes(u.id))\n     \n    }\n    const sharedData = {\n      is_private: !isPublic,\n      selectedUsers: [...new Set(sOptions)],\n      is_role:userDropdownData?.isRoleVisible,\n      role_id:userDropdownData?.isRoleVisible?selectedUsers?.map((u: any) => u?.id):[],\n    };\n    onSubmit(sharedData);\n   \n  };\n\n  const resetOptions=()=> {\n    setSelectedOptions({\n      ...value\n    });\n    setUserDropdownData((prevData) => ({\n      ...prevData,\n      selectedUsers: [],\n    }));\n  };\n\n\n\n  const handleRoleChange = (event: any, id: any, user: any) => {\n    const changeRole: any = roleValue.map((item: any) => {\n      if (item.id === id) {\n        item.role = event.target.value;\n      }\n      return item;\n    });\n    setRoleValue(changeRole);\n  };\n\n  const handleToggleChange = () => {\n    setUserDropdownData((prevSettings) => ({\n      ...prevSettings,\n      isRoleVisible: !prevSettings.isRoleVisible,\n    }));\n    setSelectedOptions([]);\n    setSelectedUsers(value.selectedUsers || []);\n  };\n\n  const handleChage=(value:any)=>{\n    if(userDropdownData.isRoleVisible){\n      setSelectedOptions({...selectedOptions,role_id:value})\n    }\n    setSelectedOptions({...selectedOptions,selectedUsers:value})\n  }\n\n  const toggleMakeItPublic = () => {\n    setIsPublic(!isPublic);\n  }\n \n  useEffect(() => {\n    if(!open)resetOptions()\n    if (open) {\n      dispatch(getAllUserAndDepartmentDropdown());\n    }\n    // eslint-disable-next-line\n  }, [open]);\n\n\n\n  return (\n    <div>\n      <Dialog open={open} onClose={onClose} className=\"share\">\n        <DialogTitle className=\"share--head\">\n          <Box className=\"share--title\">\n            <Typography type=\"s3\" ml={1} className=\"dialog-box-title\">\n              {title}\n            </Typography>\n          </Box>\n          <IconButton disableRipple onClick={onClose}>\n            <CloseIcon />\n          </IconButton>\n        </DialogTitle>\n\n        <Divider />\n\n        <DialogContent className=\"share--content\">\n          <Box m={1} display={'flex'} alignItems={'center'} justifyContent={'space-between'}>\n                     <Typography type=\"s3\" className=\"input-label\">\n            Add users\n          </Typography>\n              <FormControlLabel\n             control={<Box mb={0.5} mr={0.5}><Toggle  checked={userDropdownData?.isRoleVisible} onChange={handleToggleChange} /></Box>}\n             label={\n              <Typography type=\"s3\" className=\"input-label\">Show only Roles</Typography>\n             }\n           />\n          </Box>\n \n\n          {toggleSwitch && (\n            <>\n           \n            <Box mb={4} className=\"d-flex\">\n      \n              <SearchableSelect \n              options={filteredOptions}\n              multiple\n              value={selectedOptions?.selectedUsers}\n              onChange={(e) =>handleChage(e.target.value)}\n              placeholder={\n                selectedOptions && selectedOptions.length\n                  ? \"\"\n                  : \"Add people and roles\"\n              }\n              getSelectedData={row=>setSelectedUsers(row)}\n              />\n            </Box>\n            </>\n          )}\n         \n          {isPeopleAccessVisible && (\n            <div className={ \"share--blurClass\"}>\n              <Accordion className=\"people-access-accordion\">\n                <AccordionSummary expandIcon={<ExpandMoreIcon />}>\n                  <Typography>People with access</Typography>\n                </AccordionSummary>\n                <AccordionDetails className=\"user-accordion-details\">\n                  <List className=\"accordion-list\">\n                    {roles &&\n                      roles.map((user: any) => {\n                        const userRole: any =\n                          roleValue?.length > 0 &&\n                          roleValue?.filter((item: any) => item.id === user.id);\n                        return (\n                          <ListItem alignItems=\"flex-start\">\n                            <ListItemAvatar>\n                              <Avatar size={40} alt=\"Person\" icon />\n                            </ListItemAvatar>\n                            <ListItemText\n                              className=\"primary-user-name\"\n                              primary={user.name}\n                              secondary={\n                                <Typography\n                                  component=\"span\"\n                                  variant=\"body2\"\n                                  className=\"secondary-email-text\"\n                                >\n                                  {user.email}\n                                </Typography>\n                              }\n                            />\n                            {user.role == \"Owner\" ? (\n                              <p className=\"owner-role-badge\">{user.role}</p>\n                            ) : (\n                              <div>\n                                <Select\n                                  className=\"role-edit-select-box\"\n                                  value={\n                                    userRole?.length > 0 ? userRole[0].role : \"\"\n                                  }\n                                  onChange={(e: any) =>\n                                    handleRoleChange(e, user.id, user)\n                                  }\n                                  variant=\"outlined\"\n                                >\n                                  {availableRole.map((role: any) => (\n                                    <MenuItem\n                                      className=\"select-menu-items\"\n                                      value={role}\n                                    >\n                                      {role}\n                                    </MenuItem>\n                                  ))}\n                                </Select>\n                              </div>\n                            )}\n                          </ListItem>\n                        );\n                      })}\n                  </List>\n                </AccordionDetails>\n              </Accordion>\n            </div>\n          )}\n\n          <div className=\"checkbox\">\n            <Checkbox\n              checked={isPublic}\n              onChange={toggleMakeItPublic}\n            />\n            <div className=\"checkbox-text\">Make it public</div>\n          </div>\n        </DialogContent>\n\n        <Divider />\n\n        <DialogActions className=\"share--actions\">\n          <Button className=\"cancel-btn\" variant=\"text\" onClick={onClose}>\n            Cancel\n          </Button>\n          <Button className=\"success-btn\" onClick={handleShareSubmit}>\n            Save and Share\n          </Button>\n        </DialogActions>\n      </Dialog>\n    </div>\n  );\n};\n\nexport default SharePopUp;\n"],"names":["value","CloseIcon","ExpandMoreIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoDA,MAAM,aAAa,CAAC,UAA2B;AAC7C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ,CAAA;AAAA,IACR,wBAAwB;AAAA,EAAA,IACtB;AAEJ,QAAM,EAAE,MAAA,IAAU,eAAe,CAAC,UAAU,KAAK;AAEjD,QAAM,WAAW,eAAA;AAEjB,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,MAAM,YAAY,KAAK;AAChE,QAAM,CAAC,iBAAiB,kBAAkB,IAAI;AAAA,IAC5C,MAAM,iBAAiB,CAAA;AAAA,EAAC;AAE1B,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,CAAA,CAAE;AAC7C,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,CAAA,CAAE;AAErD,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAA2B;AAAA,IACzE,eAAe;AAAA,IACf,eAAe,CAAA;AAAA,EAAC,CACjB;AAEH,QAAM,kBAAgB,QAAQ,OAAI,qDAAkB,iBAAgB,MAAM,cAAc,MAAM,OAAM,CAAC,OAAM,qDAAkB,aAAa,CAAC;AAC3I,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAgB,CAAA,CAAE;AAC1D,YAAU,MAAM;AACd,UAAM,OAAY,CAAA;AAClB,UAAM,UAAe,CAAA;AACrB,aACE,MAAM,IAAI,CAAC,SAAc;AACvB,YAAM,WAAgB,CAAA;AACtB,UAAI,KAAK,SAAS,SAAS;AACzB,aAAK,KAAK,KAAK,IAAI;AACnB,iBAAS,KAAK,KAAK;AACnB,iBAAS,OAAO,KAAK;AACrB,gBAAQ,KAAK,QAAQ;AAAA,MACvB;AACA,uBAAiB,IAAI;AACrB,mBAAa,OAAO;AAAA,IACtB,CAAC;AAAA,EACL,GAAG,CAAC,KAAK,CAAC;AAEZ,YAAU,MAAI;;AACZ,QAAG,GAAC,oCAAO,kBAAP,mBAAsB,WAAU,EAAC,+BAAO,UAAQ;AAClD,mBAAA;AACJ;AAAA,IACE;AACC,qBAAiB,gBAAc,MAAM;AACtC,wBAAoB,gBAAgB;AACnC,uBAAmB;AAAA,MAClB,GAAG;AAAA,MACH,eAAc,MAAM,UAAQ,+BAAO,UAAQ,+BAAO;AAAA,IAAA,CAClD;AAAA,EAEJ,GAAE,CAAC,+BAAO,eAAc,IAAI,CAAC;AAE3B,QAAM,oBAAoB,MAAM;;AAC9B,QAAG,EAAC,+CAAe,QAAQ;AAC1B,UAAM,OAAO,QAAQ,eAAe,SAAS,EAAE,OAAO,OAAG,CAAC;AAC3D,QAAI,WAAW;AACf,QAAI,MAAM,QAAQ,IAAI,MAAK,6BAAM,SAAQ;AACvC,kBAAW,WAAM,UAAN,mBAAa,OAAO,CAAA,MAAK,KAAK,SAAS,EAAE,EAAE;AAAA,IAExD;AACA,UAAM,aAAa;AAAA,MACjB,YAAY,CAAC;AAAA,MACb,eAAe,CAAC,GAAG,IAAI,IAAI,QAAQ,CAAC;AAAA,MACpC,SAAQ,qDAAkB;AAAA,MAC1B,UAAQ,qDAAkB,iBAAc,+CAAe,IAAI,CAAC,MAAW,uBAAG,MAAI,CAAA;AAAA,IAAC;AAEjF,aAAS,UAAU;AAAA,EAErB;AAEA,QAAM,eAAa,MAAK;AACtB,uBAAmB;AAAA,MACjB,GAAG;AAAA,IAAA,CACJ;AACD,wBAAoB,CAAC,cAAc;AAAA,MACjC,GAAG;AAAA,MACH,eAAe,CAAA;AAAA,IAAC,EAChB;AAAA,EACJ;AAIA,QAAM,mBAAmB,CAAC,OAAY,IAAS,SAAc;AAC3D,UAAM,aAAkB,UAAU,IAAI,CAAC,SAAc;AACnD,UAAI,KAAK,OAAO,IAAI;AAClB,aAAK,OAAO,MAAM,OAAO;AAAA,MAC3B;AACA,aAAO;AAAA,IACT,CAAC;AACD,iBAAa,UAAU;AAAA,EACzB;AAEA,QAAM,qBAAqB,MAAM;AAC/B,wBAAoB,CAAC,kBAAkB;AAAA,MACrC,GAAG;AAAA,MACH,eAAe,CAAC,aAAa;AAAA,IAAA,EAC7B;AACF,uBAAmB,CAAA,CAAE;AACrB,qBAAiB,MAAM,iBAAiB,EAAE;AAAA,EAC5C;AAEA,QAAM,cAAY,CAACA,WAAY;AAC7B,QAAG,iBAAiB,eAAc;AAChC,yBAAmB,EAAC,GAAG,iBAAgB,SAAQA,QAAM;AAAA,IACvD;AACA,uBAAmB,EAAC,GAAG,iBAAgB,eAAcA,QAAM;AAAA,EAC7D;AAEA,QAAM,qBAAqB,MAAM;AAC/B,gBAAY,CAAC,QAAQ;AAAA,EACvB;AAEA,YAAU,MAAM;AACd,QAAG,CAAC,KAAK,cAAA;AACT,QAAI,MAAM;AACR,eAAS,iCAAiC;AAAA,IAC5C;AAAA,EAEF,GAAG,CAAC,IAAI,CAAC;AAIT,6BACG,OAAA,EACC,UAAA,qBAAC,UAAO,MAAY,SAAkB,WAAU,SAC9C,UAAA;AAAA,IAAA,qBAAC,aAAA,EAAY,WAAU,eACrB,UAAA;AAAA,MAAA,oBAAC,KAAA,EAAI,WAAU,gBACb,UAAA,oBAAC,YAAA,EAAW,MAAK,MAAK,IAAI,GAAG,WAAU,oBACpC,UAAA,MAAA,CACH,GACF;AAAA,MACA,oBAAC,cAAW,eAAa,MAAC,SAAS,SACjC,UAAA,oBAACC,aAAU,EAAA,CACb;AAAA,IAAA,GACF;AAAA,wBAEC,SAAA,EAAQ;AAAA,IAET,qBAAC,eAAA,EAAc,WAAU,kBACvB,UAAA;AAAA,MAAA,qBAAC,KAAA,EAAI,GAAG,GAAG,SAAS,QAAQ,YAAY,UAAU,gBAAgB,iBACvD,UAAA;AAAA,QAAA,oBAAC,YAAA,EAAW,MAAK,MAAK,WAAU,eAAc,UAAA,aAEzD;AAAA,QACI;AAAA,UAAC;AAAA,UAAA;AAAA,YACF,SAAS,oBAAC,KAAA,EAAI,IAAI,KAAK,IAAI,KAAK,UAAA,oBAAC,QAAA,EAAQ,SAAS,qDAAkB,eAAe,UAAU,oBAAoB,GAAE;AAAA,YACnH,OACC,oBAAC,YAAA,EAAW,MAAK,MAAK,WAAU,eAAc,UAAA,kBAAA,CAAe;AAAA,UAAA;AAAA,QAAA;AAAA,MAEhE,GACD;AAAA,MAGC,gBACC,oBAAA,UAAA,EAEA,UAAA,oBAAC,OAAI,IAAI,GAAG,WAAU,UAEpB,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACD,SAAS;AAAA,UACT,UAAQ;AAAA,UACR,OAAO,mDAAiB;AAAA,UACxB,UAAU,CAAC,MAAK,YAAY,EAAE,OAAO,KAAK;AAAA,UAC1C,aACE,mBAAmB,gBAAgB,SAC/B,KACA;AAAA,UAEN,iBAAiB,CAAA,QAAK,iBAAiB,GAAG;AAAA,QAAA;AAAA,MAAA,GAE5C,EAAA,CACA;AAAA,MAGD,6CACE,OAAA,EAAI,WAAY,oBACf,UAAA,qBAAC,WAAA,EAAU,WAAU,2BACnB,UAAA;AAAA,QAAA,oBAAC,kBAAA,EAAiB,YAAY,oBAACC,aAAA,CAAA,CAAe,GAC5C,UAAA,oBAAC,YAAA,EAAW,gCAAkB,EAAA,CAChC;AAAA,QACA,oBAAC,kBAAA,EAAiB,WAAU,0BAC1B,UAAA,oBAAC,MAAA,EAAK,WAAU,kBACb,UAAA,SACC,MAAM,IAAI,CAAC,SAAc;AACvB,gBAAM,YACJ,uCAAW,UAAS,MACpB,uCAAW,OAAO,CAAC,SAAc,KAAK,OAAO,KAAK;AACpD,iBACE,qBAAC,UAAA,EAAS,YAAW,cACnB,UAAA;AAAA,YAAA,oBAAC,gBAAA,EACC,8BAAC,QAAA,EAAO,MAAM,IAAI,KAAI,UAAS,MAAI,KAAA,CAAC,EAAA,CACtC;AAAA,YACA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,SAAS,KAAK;AAAA,gBACd,WACE;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAU;AAAA,oBACV,SAAQ;AAAA,oBACR,WAAU;AAAA,oBAET,UAAA,KAAK;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACR;AAAA,YAAA;AAAA,YAGH,KAAK,QAAQ,UACZ,oBAAC,KAAA,EAAE,WAAU,oBAAoB,UAAA,KAAK,KAAA,CAAK,IAE3C,oBAAC,OAAA,EACC,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,QACE,qCAAU,UAAS,IAAI,SAAS,CAAC,EAAE,OAAO;AAAA,gBAE5C,UAAU,CAAC,MACT,iBAAiB,GAAG,KAAK,EAAQ;AAAA,gBAEnC,SAAQ;AAAA,gBAEP,UAAA,cAAc,IAAI,CAAC,SAClB;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAU;AAAA,oBACV,OAAO;AAAA,oBAEN,UAAA;AAAA,kBAAA;AAAA,gBAAA,CAEJ;AAAA,cAAA;AAAA,YAAA,EACH,CACF;AAAA,UAAA,GAEJ;AAAA,QAEJ,CAAC,GACL,EAAA,CACF;AAAA,MAAA,EAAA,CACF,EAAA,CACF;AAAA,MAGF,qBAAC,OAAA,EAAI,WAAU,YACb,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,SAAS;AAAA,YACT,UAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAEZ,oBAAC,OAAA,EAAI,WAAU,iBAAgB,UAAA,iBAAA,CAAc;AAAA,MAAA,EAAA,CAC/C;AAAA,IAAA,GACF;AAAA,wBAEC,SAAA,EAAQ;AAAA,IAET,qBAAC,eAAA,EAAc,WAAU,kBACvB,UAAA;AAAA,MAAA,oBAAC,UAAO,WAAU,cAAa,SAAQ,QAAO,SAAS,SAAS,UAAA,SAAA,CAEhE;AAAA,0BACC,QAAA,EAAO,WAAU,eAAc,SAAS,mBAAmB,UAAA,iBAAA,CAE5D;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/share-modal/share-modal.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable unused-imports/no-unused-vars */\nimport {\n  Box,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  Divider,\n  IconButton,\n  Accordion,\n  AccordionSummary,\n  AccordionDetails,\n  List,\n  ListItem,\n  ListItemText,\n  ListItemAvatar,\n  MenuItem,\n  FormControlLabel,\n} from \"@mui/material\";\nimport ExpandMoreIcon from \"@mui/icons-material/ExpandMore\";\nimport CloseIcon from \"@mui/icons-material/Close\";\nimport Typography from \"../typography/typography\";\n\nimport Button from \"../button/button\";\nimport Avatar from \"../avatar/avatar\";\nimport Select from \"../select/select\";\nimport \"./share-modal.scss\";\nimport {  useEffect, useMemo, useState } from \"react\";\nimport { useAppDispatch, useAppSelector } from \"../../redux/hooks\";\nimport { getAllUserAndDepartmentDropdown } from \"./redux/actionCreator\";\nimport React from \"react\";\nimport Toggle from \"../toggle/toggle\";\nimport SearchableSelect from \"../searchable-select\";\nimport { flatMap } from \"lodash\";\nimport Checkbox from \"../checkbox/checkbox\";\n\ninterface SharePopUpProps {\n  open: boolean;\n  title: string;\n  onClose: () => void;\n  roles?: any;\n  toggleSwitch: boolean;\n  onSubmit: (selectedUsers: any) => void;\n  value?: any;\n  isPeopleAccessVisible?: boolean;\n}\ninterface UserDropdownData {\n  isRoleVisible: boolean;\n  selectedUsers: any[];\n}\n\nconst SharePopUp = (props: SharePopUpProps) => {\n  const {\n    open,\n    title,\n    onClose,\n    roles,\n    toggleSwitch,\n    onSubmit,\n    value = {},\n    isPeopleAccessVisible = false,\n  } = props;\n\n  const { share } = useAppSelector((store) => store);\n\n  const dispatch = useAppDispatch();\n\n  const [isPublic, setIsPublic] = useState(value.isPublic || false);\n  const [selectedOptions, setSelectedOptions] = useState(\n    value.selectedUsers || [],\n  );\n  const [roleValue, setRoleValue] = useState([]);\n  const [availableRole, setAvailableRole] = useState([]);\n\n  const [userDropdownData, setUserDropdownData] = useState<UserDropdownData>({\n    isRoleVisible: false,\n    selectedUsers: [],\n  });\n\nconst filteredOptions=useMemo(()=>userDropdownData?.isRoleVisible ? share.departments : share.users,[share,userDropdownData?.isRoleVisible])\nconst [selectedUsers, setSelectedUsers] = useState<any[]>([]);\n  useEffect(() => {\n    const role: any = [];\n    const selRole: any = [];\n    roles &&\n      roles.map((item: any) => {\n        const userRole: any = {};\n        if (item.role !== \"Owner\") {\n          role.push(item.role);\n          userRole.id = item.id;\n          userRole.role = item.role;\n          selRole.push(userRole);\n        }\n        setAvailableRole(role);\n        setRoleValue(selRole);\n      });\n  }, [roles]);\n\nuseEffect(()=>{\n  if(!value?.selectedUsers?.length && !value?.role_id){\n    resetOptions()\nreturn\n  }\n   userDropdownData.isRoleVisible=value.is_role\n  setUserDropdownData(userDropdownData)\n   setSelectedOptions({\n    ...value,\n    selectedUsers:value.is_role?value?.role_id:value?.selectedUsers\n   })\n //eslint-disable-next-line\n},[value?.selectedUsers,open])\n\n  const handleShareSubmit = () => {\n    if(!selectedUsers?.length) return\n     const uIds = flatMap(selectedUsers, 'userIds').filter(i=>i);\n    let sOptions = selectedUsers\n    if( Array.isArray(uIds) && uIds?.length) {\n      sOptions = share.users?.filter(u => uIds.includes(u.id))\n     \n    }\n    const sharedData = {\n      is_private: !isPublic,\n      selectedUsers: [...new Set(sOptions)],\n      is_role:userDropdownData?.isRoleVisible,\n      role_id:userDropdownData?.isRoleVisible?selectedUsers?.map((u: any) => u?.id):[],\n    };\n    onSubmit(sharedData);\n   \n  };\n\n  const resetOptions=()=> {\n    setSelectedOptions({\n      ...value\n    });\n    setUserDropdownData((prevData) => ({\n      ...prevData,\n      selectedUsers: [],\n    }));\n  };\n\n\n\n  const handleRoleChange = (event: any, id: any, user: any) => {\n    const changeRole: any = roleValue.map((item: any) => {\n      if (item.id === id) {\n        item.role = event.target.value;\n      }\n      return item;\n    });\n    setRoleValue(changeRole);\n  };\n\n  const handleToggleChange = () => {\n    setUserDropdownData((prevSettings) => ({\n      ...prevSettings,\n      isRoleVisible: !prevSettings.isRoleVisible,\n    }));\n    setSelectedOptions([]);\n    setSelectedUsers(value.selectedUsers || []);\n  };\n\n  const handleChage=(value:any)=>{\n    if(userDropdownData.isRoleVisible){\n      setSelectedOptions({...selectedOptions,role_id:value})\n    }\n    setSelectedOptions({...selectedOptions,selectedUsers:value})\n  }\n\n  const toggleMakeItPublic = () => {\n    setIsPublic(!isPublic);\n  }\n \n  useEffect(() => {\n    if(!open)resetOptions()\n    if (open) {\n      dispatch(getAllUserAndDepartmentDropdown());\n    }\n    // eslint-disable-next-line\n  }, [open]);\n\n\n\n  return (\n    <div>\n      <Dialog open={open} onClose={onClose} className=\"share\">\n        <DialogTitle className=\"share--head\">\n          <Box className=\"share--title\">\n            <Typography type=\"s3\" ml={1} className=\"dialog-box-title\">\n              {title}\n            </Typography>\n          </Box>\n          <IconButton disableRipple onClick={onClose}>\n            <CloseIcon />\n          </IconButton>\n        </DialogTitle>\n\n        <Divider />\n\n        <DialogContent className=\"share--content\">\n          <Box m={1} display={'flex'} alignItems={'center'} justifyContent={'space-between'}>\n                     <Typography type=\"s3\" className=\"input-label\">\n            Add users\n          </Typography>\n              <FormControlLabel\n             control={<Box mb={0.5} mr={0.5}><Toggle  checked={userDropdownData?.isRoleVisible} onChange={handleToggleChange} /></Box>}\n             label={\n              <Typography type=\"s3\" className=\"input-label\">Show only Roles</Typography>\n             }\n           />\n          </Box>\n \n\n          {toggleSwitch && (\n            <>\n           \n            <Box mb={4} className=\"d-flex\">\n      \n              <SearchableSelect \n              options={filteredOptions}\n              multiple\n              value={selectedOptions?.selectedUsers}\n              onChange={(e) =>handleChage(e.target.value)}\n              placeholder={\n                selectedOptions && selectedOptions.length\n                  ? \"\"\n                  : \"Add people and roles\"\n              }\n              getSelectedData={row=>setSelectedUsers(row)}\n              />\n            </Box>\n            </>\n          )}\n         \n          {isPeopleAccessVisible && (\n            <div className={ \"share--blurClass\"}>\n              <Accordion className=\"people-access-accordion\">\n                <AccordionSummary expandIcon={<ExpandMoreIcon />}>\n                  <Typography>People with access</Typography>\n                </AccordionSummary>\n                <AccordionDetails className=\"user-accordion-details\">\n                  <List className=\"accordion-list\">\n                    {roles &&\n                      roles.map((user: any) => {\n                        const userRole: any =\n                          roleValue?.length > 0 &&\n                          roleValue?.filter((item: any) => item.id === user.id);\n                        return (\n                          <ListItem alignItems=\"flex-start\">\n                            <ListItemAvatar>\n                              <Avatar size={40} alt=\"Person\" icon />\n                            </ListItemAvatar>\n                            <ListItemText\n                              className=\"primary-user-name\"\n                              primary={user.name}\n                              secondary={\n                                <Typography\n                                  component=\"span\"\n                                  variant=\"body2\"\n                                  className=\"secondary-email-text\"\n                                >\n                                  {user.email}\n                                </Typography>\n                              }\n                            />\n                            {user.role == \"Owner\" ? (\n                              <p className=\"owner-role-badge\">{user.role}</p>\n                            ) : (\n                              <div>\n                                <Select\n                                  className=\"role-edit-select-box\"\n                                  value={\n                                    userRole?.length > 0 ? userRole[0].role : \"\"\n                                  }\n                                  onChange={(e: any) =>\n                                    handleRoleChange(e, user.id, user)\n                                  }\n                                  variant=\"outlined\"\n                                >\n                                  {availableRole.map((role: any) => (\n                                    <MenuItem\n                                      className=\"select-menu-items\"\n                                      value={role}\n                                    >\n                                      {role}\n                                    </MenuItem>\n                                  ))}\n                                </Select>\n                              </div>\n                            )}\n                          </ListItem>\n                        );\n                      })}\n                  </List>\n                </AccordionDetails>\n              </Accordion>\n            </div>\n          )}\n\n          <div className=\"checkbox\">\n            <Checkbox\n              checked={isPublic}\n              onChange={toggleMakeItPublic}\n            />\n            <div className=\"checkbox-text\">Make it public</div>\n          </div>\n        </DialogContent>\n\n        <Divider />\n\n        <DialogActions className=\"share--actions\">\n          <Button className=\"cancel-btn\" variant=\"text\" onClick={onClose}>\n            Cancel\n          </Button>\n          <Button className=\"success-btn\" onClick={handleShareSubmit}>\n            Save and Share\n          </Button>\n        </DialogActions>\n      </Dialog>\n    </div>\n  );\n};\n\nexport { SharePopUp };\nexport default SharePopUp;\n"],"names":["value","CloseIcon","ExpandMoreIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoDA,MAAM,aAAa,CAAC,UAA2B;AAC7C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ,CAAA;AAAA,IACR,wBAAwB;AAAA,EAAA,IACtB;AAEJ,QAAM,EAAE,MAAA,IAAU,eAAe,CAAC,UAAU,KAAK;AAEjD,QAAM,WAAW,eAAA;AAEjB,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,MAAM,YAAY,KAAK;AAChE,QAAM,CAAC,iBAAiB,kBAAkB,IAAI;AAAA,IAC5C,MAAM,iBAAiB,CAAA;AAAA,EAAC;AAE1B,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,CAAA,CAAE;AAC7C,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,CAAA,CAAE;AAErD,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAA2B;AAAA,IACzE,eAAe;AAAA,IACf,eAAe,CAAA;AAAA,EAAC,CACjB;AAEH,QAAM,kBAAgB,QAAQ,OAAI,qDAAkB,iBAAgB,MAAM,cAAc,MAAM,OAAM,CAAC,OAAM,qDAAkB,aAAa,CAAC;AAC3I,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAgB,CAAA,CAAE;AAC1D,YAAU,MAAM;AACd,UAAM,OAAY,CAAA;AAClB,UAAM,UAAe,CAAA;AACrB,aACE,MAAM,IAAI,CAAC,SAAc;AACvB,YAAM,WAAgB,CAAA;AACtB,UAAI,KAAK,SAAS,SAAS;AACzB,aAAK,KAAK,KAAK,IAAI;AACnB,iBAAS,KAAK,KAAK;AACnB,iBAAS,OAAO,KAAK;AACrB,gBAAQ,KAAK,QAAQ;AAAA,MACvB;AACA,uBAAiB,IAAI;AACrB,mBAAa,OAAO;AAAA,IACtB,CAAC;AAAA,EACL,GAAG,CAAC,KAAK,CAAC;AAEZ,YAAU,MAAI;;AACZ,QAAG,GAAC,oCAAO,kBAAP,mBAAsB,WAAU,EAAC,+BAAO,UAAQ;AAClD,mBAAA;AACJ;AAAA,IACE;AACC,qBAAiB,gBAAc,MAAM;AACtC,wBAAoB,gBAAgB;AACnC,uBAAmB;AAAA,MAClB,GAAG;AAAA,MACH,eAAc,MAAM,UAAQ,+BAAO,UAAQ,+BAAO;AAAA,IAAA,CAClD;AAAA,EAEJ,GAAE,CAAC,+BAAO,eAAc,IAAI,CAAC;AAE3B,QAAM,oBAAoB,MAAM;;AAC9B,QAAG,EAAC,+CAAe,QAAQ;AAC1B,UAAM,OAAO,QAAQ,eAAe,SAAS,EAAE,OAAO,OAAG,CAAC;AAC3D,QAAI,WAAW;AACf,QAAI,MAAM,QAAQ,IAAI,MAAK,6BAAM,SAAQ;AACvC,kBAAW,WAAM,UAAN,mBAAa,OAAO,CAAA,MAAK,KAAK,SAAS,EAAE,EAAE;AAAA,IAExD;AACA,UAAM,aAAa;AAAA,MACjB,YAAY,CAAC;AAAA,MACb,eAAe,CAAC,GAAG,IAAI,IAAI,QAAQ,CAAC;AAAA,MACpC,SAAQ,qDAAkB;AAAA,MAC1B,UAAQ,qDAAkB,iBAAc,+CAAe,IAAI,CAAC,MAAW,uBAAG,MAAI,CAAA;AAAA,IAAC;AAEjF,aAAS,UAAU;AAAA,EAErB;AAEA,QAAM,eAAa,MAAK;AACtB,uBAAmB;AAAA,MACjB,GAAG;AAAA,IAAA,CACJ;AACD,wBAAoB,CAAC,cAAc;AAAA,MACjC,GAAG;AAAA,MACH,eAAe,CAAA;AAAA,IAAC,EAChB;AAAA,EACJ;AAIA,QAAM,mBAAmB,CAAC,OAAY,IAAS,SAAc;AAC3D,UAAM,aAAkB,UAAU,IAAI,CAAC,SAAc;AACnD,UAAI,KAAK,OAAO,IAAI;AAClB,aAAK,OAAO,MAAM,OAAO;AAAA,MAC3B;AACA,aAAO;AAAA,IACT,CAAC;AACD,iBAAa,UAAU;AAAA,EACzB;AAEA,QAAM,qBAAqB,MAAM;AAC/B,wBAAoB,CAAC,kBAAkB;AAAA,MACrC,GAAG;AAAA,MACH,eAAe,CAAC,aAAa;AAAA,IAAA,EAC7B;AACF,uBAAmB,CAAA,CAAE;AACrB,qBAAiB,MAAM,iBAAiB,EAAE;AAAA,EAC5C;AAEA,QAAM,cAAY,CAACA,WAAY;AAC7B,QAAG,iBAAiB,eAAc;AAChC,yBAAmB,EAAC,GAAG,iBAAgB,SAAQA,QAAM;AAAA,IACvD;AACA,uBAAmB,EAAC,GAAG,iBAAgB,eAAcA,QAAM;AAAA,EAC7D;AAEA,QAAM,qBAAqB,MAAM;AAC/B,gBAAY,CAAC,QAAQ;AAAA,EACvB;AAEA,YAAU,MAAM;AACd,QAAG,CAAC,KAAK,cAAA;AACT,QAAI,MAAM;AACR,eAAS,iCAAiC;AAAA,IAC5C;AAAA,EAEF,GAAG,CAAC,IAAI,CAAC;AAIT,6BACG,OAAA,EACC,UAAA,qBAAC,UAAO,MAAY,SAAkB,WAAU,SAC9C,UAAA;AAAA,IAAA,qBAAC,aAAA,EAAY,WAAU,eACrB,UAAA;AAAA,MAAA,oBAAC,KAAA,EAAI,WAAU,gBACb,UAAA,oBAAC,YAAA,EAAW,MAAK,MAAK,IAAI,GAAG,WAAU,oBACpC,UAAA,MAAA,CACH,GACF;AAAA,MACA,oBAAC,cAAW,eAAa,MAAC,SAAS,SACjC,UAAA,oBAACC,aAAU,EAAA,CACb;AAAA,IAAA,GACF;AAAA,wBAEC,SAAA,EAAQ;AAAA,IAET,qBAAC,eAAA,EAAc,WAAU,kBACvB,UAAA;AAAA,MAAA,qBAAC,KAAA,EAAI,GAAG,GAAG,SAAS,QAAQ,YAAY,UAAU,gBAAgB,iBACvD,UAAA;AAAA,QAAA,oBAAC,YAAA,EAAW,MAAK,MAAK,WAAU,eAAc,UAAA,aAEzD;AAAA,QACI;AAAA,UAAC;AAAA,UAAA;AAAA,YACF,SAAS,oBAAC,KAAA,EAAI,IAAI,KAAK,IAAI,KAAK,UAAA,oBAAC,QAAA,EAAQ,SAAS,qDAAkB,eAAe,UAAU,oBAAoB,GAAE;AAAA,YACnH,OACC,oBAAC,YAAA,EAAW,MAAK,MAAK,WAAU,eAAc,UAAA,kBAAA,CAAe;AAAA,UAAA;AAAA,QAAA;AAAA,MAEhE,GACD;AAAA,MAGC,gBACC,oBAAA,UAAA,EAEA,UAAA,oBAAC,OAAI,IAAI,GAAG,WAAU,UAEpB,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACD,SAAS;AAAA,UACT,UAAQ;AAAA,UACR,OAAO,mDAAiB;AAAA,UACxB,UAAU,CAAC,MAAK,YAAY,EAAE,OAAO,KAAK;AAAA,UAC1C,aACE,mBAAmB,gBAAgB,SAC/B,KACA;AAAA,UAEN,iBAAiB,CAAA,QAAK,iBAAiB,GAAG;AAAA,QAAA;AAAA,MAAA,GAE5C,EAAA,CACA;AAAA,MAGD,6CACE,OAAA,EAAI,WAAY,oBACf,UAAA,qBAAC,WAAA,EAAU,WAAU,2BACnB,UAAA;AAAA,QAAA,oBAAC,kBAAA,EAAiB,YAAY,oBAACC,aAAA,CAAA,CAAe,GAC5C,UAAA,oBAAC,YAAA,EAAW,gCAAkB,EAAA,CAChC;AAAA,QACA,oBAAC,kBAAA,EAAiB,WAAU,0BAC1B,UAAA,oBAAC,MAAA,EAAK,WAAU,kBACb,UAAA,SACC,MAAM,IAAI,CAAC,SAAc;AACvB,gBAAM,YACJ,uCAAW,UAAS,MACpB,uCAAW,OAAO,CAAC,SAAc,KAAK,OAAO,KAAK;AACpD,iBACE,qBAAC,UAAA,EAAS,YAAW,cACnB,UAAA;AAAA,YAAA,oBAAC,gBAAA,EACC,8BAAC,QAAA,EAAO,MAAM,IAAI,KAAI,UAAS,MAAI,KAAA,CAAC,EAAA,CACtC;AAAA,YACA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,SAAS,KAAK;AAAA,gBACd,WACE;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAU;AAAA,oBACV,SAAQ;AAAA,oBACR,WAAU;AAAA,oBAET,UAAA,KAAK;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACR;AAAA,YAAA;AAAA,YAGH,KAAK,QAAQ,UACZ,oBAAC,KAAA,EAAE,WAAU,oBAAoB,UAAA,KAAK,KAAA,CAAK,IAE3C,oBAAC,OAAA,EACC,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,QACE,qCAAU,UAAS,IAAI,SAAS,CAAC,EAAE,OAAO;AAAA,gBAE5C,UAAU,CAAC,MACT,iBAAiB,GAAG,KAAK,EAAQ;AAAA,gBAEnC,SAAQ;AAAA,gBAEP,UAAA,cAAc,IAAI,CAAC,SAClB;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAU;AAAA,oBACV,OAAO;AAAA,oBAEN,UAAA;AAAA,kBAAA;AAAA,gBAAA,CAEJ;AAAA,cAAA;AAAA,YAAA,EACH,CACF;AAAA,UAAA,GAEJ;AAAA,QAEJ,CAAC,GACL,EAAA,CACF;AAAA,MAAA,EAAA,CACF,EAAA,CACF;AAAA,MAGF,qBAAC,OAAA,EAAI,WAAU,YACb,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,SAAS;AAAA,YACT,UAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAEZ,oBAAC,OAAA,EAAI,WAAU,iBAAgB,UAAA,iBAAA,CAAc;AAAA,MAAA,EAAA,CAC/C;AAAA,IAAA,GACF;AAAA,wBAEC,SAAA,EAAQ;AAAA,IAET,qBAAC,eAAA,EAAc,WAAU,kBACvB,UAAA;AAAA,MAAA,oBAAC,UAAO,WAAU,cAAa,SAAQ,QAAO,SAAS,SAAS,UAAA,SAAA,CAEhE;AAAA,0BACC,QAAA,EAAO,WAAU,eAAc,SAAS,mBAAmB,UAAA,iBAAA,CAE5D;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}

package/dist/components/share-modal/share-modal/index.js

@@ -1,22 +1,22 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=,/* empty css                                                          */l=,/* empty css                                                     */i=,/* empty css                                 */r=,/* empty css                         */a=,/* empty css                         */t=;/* empty css                         */;/* empty css                         */var d=require("react"),o=,/* empty css                          */n=,/* empty css                            */u=,/* empty css                         */c=,/* empty css                             */m=require("lodash"),x=,/* empty css                             */h=,/* empty css                                                       */j=,/* empty css                                                                 */p=,/* empty css                                                 */v=,/* empty css                                                               */f=,/* empty css                                                         */g=,/* empty css                                                                     */b=,/* empty css                                                                           */q=,/* empty css                                                             */y=,/* empty css                                                                           */_=,/* empty css                                                                           */N=,/* empty css                                                   */A=,/* empty css                                                           */C=,/* empty css                                                                       */D=,/* empty css                                                                   */S=,/* empty css                                                           */I=;/* empty css                                                                     */exports.default=R=>{const{open:U,title:k,onClose:V,roles:L,toggleSwitch:w,onSubmit:T,value:M={},isPeopleAccessVisible:P=!1}=R,{share:B}=o.useAppSelector(e=>e),E=o.useAppDispatch(),[F,O]=d.useState(M.isPublic||!1),[z,G]=d.useState(M.selectedUsers||[]),[H,J]=d.useState([]),[K,Q]=d.useState([]),[W,X]=d.useState({isRoleVisible:!1,selectedUsers:[]}),Y=d.useMemo(()=>(null==W?void 0:W.isRoleVisible)?B.departments:B.users,[B,null==W?void 0:W.isRoleVisible]),[Z,$]=d.useState([]);d.useEffect(()=>{const e=[],s=[];L&&L.map(l=>{const i={};"Owner"!==l.role&&(e.push(l.role),i.id=l.id,i.role=l.role,s.push(i)),Q(e),J(s)})},[L]),d.useEffect(()=>{var e;(null==(e=null==M?void 0:M.selectedUsers)?void 0:e.length)||(null==M?void 0:M.role_id)?(W.isRoleVisible=M.is_role,X(W),G({...M,selectedUsers:M.is_role?null==M?void 0:M.role_id:null==M?void 0:M.selectedUsers})):ee()},[null==M?void 0:M.selectedUsers,U]);const ee=()=>{G({...M}),X(e=>({...e,selectedUsers:[]}))};return d.useEffect(()=>{U||ee(),U&&E(n.getAllUserAndDepartmentDropdown())},[U]),/* @__PURE__ */e.jsx("div",{children:/* @__PURE__ */e.jsxs(h.default,{open:U,onClose:V,className:"share",children:[
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=,/* empty css                                                          */l=,/* empty css                                                     */i=,/* empty css                                 */r=,/* empty css                         */a=,/* empty css                         */t=;/* empty css                         */;/* empty css                         */var o=require("react"),d=,/* empty css                          */n=,/* empty css                            */u=,/* empty css                         */c=,/* empty css                             */m=require("lodash"),x=,/* empty css                             */h=,/* empty css                                                       */j=,/* empty css                                                                 */p=,/* empty css                                                 */v=,/* empty css                                                               */g=,/* empty css                                                         */f=,/* empty css                                                                     */b=,/* empty css                                                                           */q=,/* empty css                                                             */y=,/* empty css                                                                           */_=,/* empty css                                                                           */N=,/* empty css                                                   */A=,/* empty css                                                           */C=,/* empty css                                                                       */S=,/* empty css                                                                   */D=,/* empty css                                                           */I=;/* empty css                                                                     */const U=U=>{const{open:k,title:R,onClose:V,roles:L,toggleSwitch:T,onSubmit:w,value:M={},isPeopleAccessVisible:B=!1}=U,{share:P}=d.useAppSelector(e=>e),E=d.useAppDispatch(),[F,O]=o.useState(M.isPublic||!1),[z,G]=o.useState(M.selectedUsers||[]),[H,J]=o.useState([]),[K,Q]=o.useState([]),[W,X]=o.useState({isRoleVisible:!1,selectedUsers:[]}),Y=o.useMemo(()=>(null==W?void 0:W.isRoleVisible)?P.departments:P.users,[P,null==W?void 0:W.isRoleVisible]),[Z,$]=o.useState([]);o.useEffect(()=>{const e=[],s=[];L&&L.map(l=>{const i={};"Owner"!==l.role&&(e.push(l.role),i.id=l.id,i.role=l.role,s.push(i)),Q(e),J(s)})},[L]),o.useEffect(()=>{var e;(null==(e=null==M?void 0:M.selectedUsers)?void 0:e.length)||(null==M?void 0:M.role_id)?(W.isRoleVisible=M.is_role,X(W),G({...M,selectedUsers:M.is_role?null==M?void 0:M.role_id:null==M?void 0:M.selectedUsers})):ee()},[null==M?void 0:M.selectedUsers,k]);const ee=()=>{G({...M}),X(e=>({...e,selectedUsers:[]}))};return o.useEffect(()=>{k||ee(),k&&E(n.getAllUserAndDepartmentDropdown())},[k]),/* @__PURE__ */e.jsx("div",{children:/* @__PURE__ */e.jsxs(h.default,{open:k,onClose:V,className:"share",children:[
 /* @__PURE__ */e.jsxs(j.default,{className:"share--head",children:[
-/* @__PURE__ */e.jsx(p.default,{className:"share--title",children:/* @__PURE__ */e.jsx(i.Typography,{type:"s3",ml:1,className:"dialog-box-title",children:k})}),
+/* @__PURE__ */e.jsx(p.default,{className:"share--title",children:/* @__PURE__ */e.jsx(i.Typography,{type:"s3",ml:1,className:"dialog-box-title",children:R})}),
 /* @__PURE__ */e.jsx(v.default,{disableRipple:!0,onClick:V,children:/* @__PURE__ */e.jsx(l.default,{})})]}),
-/* @__PURE__ */e.jsx(f.default,{}),
-/* @__PURE__ */e.jsxs(g.default,{className:"share--content",children:[
+/* @__PURE__ */e.jsx(g.default,{}),
+/* @__PURE__ */e.jsxs(f.default,{className:"share--content",children:[
 /* @__PURE__ */e.jsxs(p.default,{m:1,display:"flex",alignItems:"center",justifyContent:"space-between",children:[
 /* @__PURE__ */e.jsx(i.Typography,{type:"s3",className:"input-label",children:"Add users"}),
-/* @__PURE__ */e.jsx(b.default,{control:/* @__PURE__ */e.jsx(p.default,{mb:.5,mr:.5,children:/* @__PURE__ */e.jsx(u.default,{checked:null==W?void 0:W.isRoleVisible,onChange:()=>{X(e=>({...e,isRoleVisible:!e.isRoleVisible})),G([]),$(M.selectedUsers||[])}})}),label:/* @__PURE__ */e.jsx(i.Typography,{type:"s3",className:"input-label",children:"Show only Roles"})})]}),w&&/* @__PURE__ */e.jsx(e.Fragment,{children:/* @__PURE__ */e.jsx(p.default,{mb:4,className:"d-flex",children:/* @__PURE__ */e.jsx(c.default,{options:Y,multiple:!0,value:null==z?void 0:z.selectedUsers,onChange:e=>{return s=e.target.value,W.isRoleVisible&&G({...z,role_id:s}),void G({...z,selectedUsers:s});var s},placeholder:z&&z.length?"":"Add people and roles",getSelectedData:e=>$(e)})})}),P&&/* @__PURE__ */e.jsx("div",{className:"share--blurClass",children:/* @__PURE__ */e.jsxs(q.default,{className:"people-access-accordion",children:[
+/* @__PURE__ */e.jsx(b.default,{control:/* @__PURE__ */e.jsx(p.default,{mb:.5,mr:.5,children:/* @__PURE__ */e.jsx(u.Toggle,{checked:null==W?void 0:W.isRoleVisible,onChange:()=>{X(e=>({...e,isRoleVisible:!e.isRoleVisible})),G([]),$(M.selectedUsers||[])}})}),label:/* @__PURE__ */e.jsx(i.Typography,{type:"s3",className:"input-label",children:"Show only Roles"})})]}),T&&/* @__PURE__ */e.jsx(e.Fragment,{children:/* @__PURE__ */e.jsx(p.default,{mb:4,className:"d-flex",children:/* @__PURE__ */e.jsx(c.default,{options:Y,multiple:!0,value:null==z?void 0:z.selectedUsers,onChange:e=>{return s=e.target.value,W.isRoleVisible&&G({...z,role_id:s}),void G({...z,selectedUsers:s});var s},placeholder:z&&z.length?"":"Add people and roles",getSelectedData:e=>$(e)})})}),B&&/* @__PURE__ */e.jsx("div",{className:"share--blurClass",children:/* @__PURE__ */e.jsxs(q.default,{className:"people-access-accordion",children:[
 /* @__PURE__ */e.jsx(y.default,{expandIcon:/* @__PURE__ */e.jsx(s.default,{}),children:/* @__PURE__ */e.jsx(i.Typography,{children:"People with access"})}),
 /* @__PURE__ */e.jsx(_.default,{className:"user-accordion-details",children:/* @__PURE__ */e.jsx(N.default,{className:"accordion-list",children:L&&L.map(s=>{const l=(null==H?void 0:H.length)>0&&(null==H?void 0:H.filter(e=>e.id===s.id));/* @__PURE__ */
 return e.jsxs(A.default,{alignItems:"flex-start",children:[
 /* @__PURE__ */e.jsx(C.default,{children:/* @__PURE__ */e.jsx(a.Avatar,{size:40,alt:"Person",icon:!0})}),
-/* @__PURE__ */e.jsx(D.default,{className:"primary-user-name",primary:s.name,secondary:/* @__PURE__ */e.jsx(i.Typography,{component:"span",variant:"body2",className:"secondary-email-text",children:s.email})}),"Owner"==s.role?/* @__PURE__ */e.jsx("p",{className:"owner-role-badge",children:s.role}):/* @__PURE__ */e.jsx("div",{children:/* @__PURE__ */e.jsx(t.default,{className:"role-edit-select-box",value:(null==l?void 0:l.length)>0?l[0].role:"",onChange:e=>((e,s)=>{const l=H.map(l=>(l.id===s&&(l.role=e.target.value),l));J(l)})(e,s.id),variant:"outlined",children:K.map(s=>/* @__PURE__ */e.jsx(S.default,{className:"select-menu-items",value:s,children:s}))})})]})})})})]})}),
+/* @__PURE__ */e.jsx(S.default,{className:"primary-user-name",primary:s.name,secondary:/* @__PURE__ */e.jsx(i.Typography,{component:"span",variant:"body2",className:"secondary-email-text",children:s.email})}),"Owner"==s.role?/* @__PURE__ */e.jsx("p",{className:"owner-role-badge",children:s.role}):/* @__PURE__ */e.jsx("div",{children:/* @__PURE__ */e.jsx(t.Select,{className:"role-edit-select-box",value:(null==l?void 0:l.length)>0?l[0].role:"",onChange:e=>((e,s)=>{const l=H.map(l=>(l.id===s&&(l.role=e.target.value),l));J(l)})(e,s.id),variant:"outlined",children:K.map(s=>/* @__PURE__ */e.jsx(D.default,{className:"select-menu-items",value:s,children:s}))})})]})})})})]})}),
 /* @__PURE__ */e.jsxs("div",{className:"checkbox",children:[
-/* @__PURE__ */e.jsx(x.default,{checked:F,onChange:()=>{O(!F)}}),
+/* @__PURE__ */e.jsx(x.Checkbox,{checked:F,onChange:()=>{O(!F)}}),
 /* @__PURE__ */e.jsx("div",{className:"checkbox-text",children:"Make it public"})]})]}),
-/* @__PURE__ */e.jsx(f.default,{}),
+/* @__PURE__ */e.jsx(g.default,{}),
 /* @__PURE__ */e.jsxs(I.default,{className:"share--actions",children:[
-/* @__PURE__ */e.jsx(r.default,{className:"cancel-btn",variant:"text",onClick:V,children:"Cancel"}),
-/* @__PURE__ */e.jsx(r.default,{className:"success-btn",onClick:()=>{var e;if(!(null==Z?void 0:Z.length))return;const s=m.flatMap(Z,"userIds").filter(e=>e);let l=Z;Array.isArray(s)&&(null==s?void 0:s.length)&&(l=null==(e=B.users)?void 0:e.filter(e=>s.includes(e.id)));const i={is_private:!F,selectedUsers:[...new Set(l)],is_role:null==W?void 0:W.isRoleVisible,role_id:(null==W?void 0:W.isRoleVisible)?null==Z?void 0:Z.map(e=>null==e?void 0:e.id):[]};T(i)},children:"Save and Share"})]})]})})};
+/* @__PURE__ */e.jsx(r.Button,{className:"cancel-btn",variant:"text",onClick:V,children:"Cancel"}),
+/* @__PURE__ */e.jsx(r.Button,{className:"success-btn",onClick:()=>{var e;if(!(null==Z?void 0:Z.length))return;const s=m.flatMap(Z,"userIds").filter(e=>e);let l=Z;Array.isArray(s)&&(null==s?void 0:s.length)&&(l=null==(e=P.users)?void 0:e.filter(e=>s.includes(e.id)));const i={is_private:!F,selectedUsers:[...new Set(l)],is_role:null==W?void 0:W.isRoleVisible,role_id:(null==W?void 0:W.isRoleVisible)?null==Z?void 0:Z.map(e=>null==e?void 0:e.id):[]};w(i)},children:"Save and Share"})]})]})})};exports.SharePopUp=U,exports.default=U;
 //# sourceMappingURL=index.js.map

package/dist/components/share-modal/share-modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/share-modal/share-modal.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable unused-imports/no-unused-vars */\nimport {\n  Box,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  Divider,\n  IconButton,\n  Accordion,\n  AccordionSummary,\n  AccordionDetails,\n  List,\n  ListItem,\n  ListItemText,\n  ListItemAvatar,\n  MenuItem,\n  FormControlLabel,\n} from \"@mui/material\";\nimport ExpandMoreIcon from \"@mui/icons-material/ExpandMore\";\nimport CloseIcon from \"@mui/icons-material/Close\";\nimport Typography from \"../typography/typography\";\n\nimport Button from \"../button/button\";\nimport Avatar from \"../avatar/avatar\";\nimport Select from \"../select/select\";\nimport \"./share-modal.scss\";\nimport {  useEffect, useMemo, useState } from \"react\";\nimport { useAppDispatch, useAppSelector } from \"../../redux/hooks\";\nimport { getAllUserAndDepartmentDropdown } from \"./redux/actionCreator\";\nimport React from \"react\";\nimport Toggle from \"../toggle/toggle\";\nimport SearchableSelect from \"../searchable-select\";\nimport { flatMap } from \"lodash\";\nimport Checkbox from \"../checkbox/checkbox\";\n\ninterface SharePopUpProps {\n  open: boolean;\n  title: string;\n  onClose: () => void;\n  roles?: any;\n  toggleSwitch: boolean;\n  onSubmit: (selectedUsers: any) => void;\n  value?: any;\n  isPeopleAccessVisible?: boolean;\n}\ninterface UserDropdownData {\n  isRoleVisible: boolean;\n  selectedUsers: any[];\n}\n\nconst SharePopUp = (props: SharePopUpProps) => {\n  const {\n    open,\n    title,\n    onClose,\n    roles,\n    toggleSwitch,\n    onSubmit,\n    value = {},\n    isPeopleAccessVisible = false,\n  } = props;\n\n  const { share } = useAppSelector((store) => store);\n\n  const dispatch = useAppDispatch();\n\n  const [isPublic, setIsPublic] = useState(value.isPublic || false);\n  const [selectedOptions, setSelectedOptions] = useState(\n    value.selectedUsers || [],\n  );\n  const [roleValue, setRoleValue] = useState([]);\n  const [availableRole, setAvailableRole] = useState([]);\n\n  const [userDropdownData, setUserDropdownData] = useState<UserDropdownData>({\n    isRoleVisible: false,\n    selectedUsers: [],\n  });\n\nconst filteredOptions=useMemo(()=>userDropdownData?.isRoleVisible ? share.departments : share.users,[share,userDropdownData?.isRoleVisible])\nconst [selectedUsers, setSelectedUsers] = useState<any[]>([]);\n  useEffect(() => {\n    const role: any = [];\n    const selRole: any = [];\n    roles &&\n      roles.map((item: any) => {\n        const userRole: any = {};\n        if (item.role !== \"Owner\") {\n          role.push(item.role);\n          userRole.id = item.id;\n          userRole.role = item.role;\n          selRole.push(userRole);\n        }\n        setAvailableRole(role);\n        setRoleValue(selRole);\n      });\n  }, [roles]);\n\nuseEffect(()=>{\n  if(!value?.selectedUsers?.length && !value?.role_id){\n    resetOptions()\nreturn\n  }\n   userDropdownData.isRoleVisible=value.is_role\n  setUserDropdownData(userDropdownData)\n   setSelectedOptions({\n    ...value,\n    selectedUsers:value.is_role?value?.role_id:value?.selectedUsers\n   })\n //eslint-disable-next-line\n},[value?.selectedUsers,open])\n\n  const handleShareSubmit = () => {\n    if(!selectedUsers?.length) return\n     const uIds = flatMap(selectedUsers, 'userIds').filter(i=>i);\n    let sOptions = selectedUsers\n    if( Array.isArray(uIds) && uIds?.length) {\n      sOptions = share.users?.filter(u => uIds.includes(u.id))\n     \n    }\n    const sharedData = {\n      is_private: !isPublic,\n      selectedUsers: [...new Set(sOptions)],\n      is_role:userDropdownData?.isRoleVisible,\n      role_id:userDropdownData?.isRoleVisible?selectedUsers?.map((u: any) => u?.id):[],\n    };\n    onSubmit(sharedData);\n   \n  };\n\n  const resetOptions=()=> {\n    setSelectedOptions({\n      ...value\n    });\n    setUserDropdownData((prevData) => ({\n      ...prevData,\n      selectedUsers: [],\n    }));\n  };\n\n\n\n  const handleRoleChange = (event: any, id: any, user: any) => {\n    const changeRole: any = roleValue.map((item: any) => {\n      if (item.id === id) {\n        item.role = event.target.value;\n      }\n      return item;\n    });\n    setRoleValue(changeRole);\n  };\n\n  const handleToggleChange = () => {\n    setUserDropdownData((prevSettings) => ({\n      ...prevSettings,\n      isRoleVisible: !prevSettings.isRoleVisible,\n    }));\n    setSelectedOptions([]);\n    setSelectedUsers(value.selectedUsers || []);\n  };\n\n  const handleChage=(value:any)=>{\n    if(userDropdownData.isRoleVisible){\n      setSelectedOptions({...selectedOptions,role_id:value})\n    }\n    setSelectedOptions({...selectedOptions,selectedUsers:value})\n  }\n\n  const toggleMakeItPublic = () => {\n    setIsPublic(!isPublic);\n  }\n \n  useEffect(() => {\n    if(!open)resetOptions()\n    if (open) {\n      dispatch(getAllUserAndDepartmentDropdown());\n    }\n    // eslint-disable-next-line\n  }, [open]);\n\n\n\n  return (\n    <div>\n      <Dialog open={open} onClose={onClose} className=\"share\">\n        <DialogTitle className=\"share--head\">\n          <Box className=\"share--title\">\n            <Typography type=\"s3\" ml={1} className=\"dialog-box-title\">\n              {title}\n            </Typography>\n          </Box>\n          <IconButton disableRipple onClick={onClose}>\n            <CloseIcon />\n          </IconButton>\n        </DialogTitle>\n\n        <Divider />\n\n        <DialogContent className=\"share--content\">\n          <Box m={1} display={'flex'} alignItems={'center'} justifyContent={'space-between'}>\n                     <Typography type=\"s3\" className=\"input-label\">\n            Add users\n          </Typography>\n              <FormControlLabel\n             control={<Box mb={0.5} mr={0.5}><Toggle  checked={userDropdownData?.isRoleVisible} onChange={handleToggleChange} /></Box>}\n             label={\n              <Typography type=\"s3\" className=\"input-label\">Show only Roles</Typography>\n             }\n           />\n          </Box>\n \n\n          {toggleSwitch && (\n            <>\n           \n            <Box mb={4} className=\"d-flex\">\n      \n              <SearchableSelect \n              options={filteredOptions}\n              multiple\n              value={selectedOptions?.selectedUsers}\n              onChange={(e) =>handleChage(e.target.value)}\n              placeholder={\n                selectedOptions && selectedOptions.length\n                  ? \"\"\n                  : \"Add people and roles\"\n              }\n              getSelectedData={row=>setSelectedUsers(row)}\n              />\n            </Box>\n            </>\n          )}\n         \n          {isPeopleAccessVisible && (\n            <div className={ \"share--blurClass\"}>\n              <Accordion className=\"people-access-accordion\">\n                <AccordionSummary expandIcon={<ExpandMoreIcon />}>\n                  <Typography>People with access</Typography>\n                </AccordionSummary>\n                <AccordionDetails className=\"user-accordion-details\">\n                  <List className=\"accordion-list\">\n                    {roles &&\n                      roles.map((user: any) => {\n                        const userRole: any =\n                          roleValue?.length > 0 &&\n                          roleValue?.filter((item: any) => item.id === user.id);\n                        return (\n                          <ListItem alignItems=\"flex-start\">\n                            <ListItemAvatar>\n                              <Avatar size={40} alt=\"Person\" icon />\n                            </ListItemAvatar>\n                            <ListItemText\n                              className=\"primary-user-name\"\n                              primary={user.name}\n                              secondary={\n                                <Typography\n                                  component=\"span\"\n                                  variant=\"body2\"\n                                  className=\"secondary-email-text\"\n                                >\n                                  {user.email}\n                                </Typography>\n                              }\n                            />\n                            {user.role == \"Owner\" ? (\n                              <p className=\"owner-role-badge\">{user.role}</p>\n                            ) : (\n                              <div>\n                                <Select\n                                  className=\"role-edit-select-box\"\n                                  value={\n                                    userRole?.length > 0 ? userRole[0].role : \"\"\n                                  }\n                                  onChange={(e: any) =>\n                                    handleRoleChange(e, user.id, user)\n                                  }\n                                  variant=\"outlined\"\n                                >\n                                  {availableRole.map((role: any) => (\n                                    <MenuItem\n                                      className=\"select-menu-items\"\n                                      value={role}\n                                    >\n                                      {role}\n                                    </MenuItem>\n                                  ))}\n                                </Select>\n                              </div>\n                            )}\n                          </ListItem>\n                        );\n                      })}\n                  </List>\n                </AccordionDetails>\n              </Accordion>\n            </div>\n          )}\n\n          <div className=\"checkbox\">\n            <Checkbox\n              checked={isPublic}\n              onChange={toggleMakeItPublic}\n            />\n            <div className=\"checkbox-text\">Make it public</div>\n          </div>\n        </DialogContent>\n\n        <Divider />\n\n        <DialogActions className=\"share--actions\">\n          <Button className=\"cancel-btn\" variant=\"text\" onClick={onClose}>\n            Cancel\n          </Button>\n          <Button className=\"success-btn\" onClick={handleShareSubmit}>\n            Save and Share\n          </Button>\n        </DialogActions>\n      </Dialog>\n    </div>\n  );\n};\n\nexport default SharePopUp;\n"],"names":["props","open","title","onClose","roles","toggleSwitch","onSubmit","value","isPeopleAccessVisible","share","useAppSelector","store","dispatch","useAppDispatch","isPublic","setIsPublic","useState","selectedOptions","setSelectedOptions","selectedUsers","roleValue","setRoleValue","availableRole","setAvailableRole","userDropdownData","setUserDropdownData","isRoleVisible","filteredOptions","useMemo","departments","users","setSelectedUsers","useEffect","role","selRole","map","item","userRole","push","id","_a","length","role_id","is_role","resetOptions","prevData","getAllUserAndDepartmentDropdown","children","jsxs","Dialog","className","DialogTitle","jsx","Box","Typography","type","ml","IconButton","disableRipple","onClick","CloseIcon","Divider","DialogContent","m","display","alignItems","justifyContent","FormControlLabel","control","mb","mr","Toggle","checked","onChange","prevSettings","label","Fragment","SearchableSelect","options","multiple","e","handleChage","target","placeholder","getSelectedData","row","Accordion","AccordionSummary","expandIcon","ExpandMoreIcon","AccordionDetails","List","user","filter","ListItem","ListItemAvatar","Avatar","size","alt","icon","ListItemText","primary","name","secondary","component","variant","email","Select","event","changeRole","handleRoleChange","MenuItem","Checkbox","DialogActions","Button","uIds","flatMap","i","sOptions","Array","isArray","u","includes","sharedData","is_private","Set"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/share-modal/share-modal.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable unused-imports/no-unused-vars */\nimport {\n  Box,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  Divider,\n  IconButton,\n  Accordion,\n  AccordionSummary,\n  AccordionDetails,\n  List,\n  ListItem,\n  ListItemText,\n  ListItemAvatar,\n  MenuItem,\n  FormControlLabel,\n} from \"@mui/material\";\nimport ExpandMoreIcon from \"@mui/icons-material/ExpandMore\";\nimport CloseIcon from \"@mui/icons-material/Close\";\nimport Typography from \"../typography/typography\";\n\nimport Button from \"../button/button\";\nimport Avatar from \"../avatar/avatar\";\nimport Select from \"../select/select\";\nimport \"./share-modal.scss\";\nimport {  useEffect, useMemo, useState } from \"react\";\nimport { useAppDispatch, useAppSelector } from \"../../redux/hooks\";\nimport { getAllUserAndDepartmentDropdown } from \"./redux/actionCreator\";\nimport React from \"react\";\nimport Toggle from \"../toggle/toggle\";\nimport SearchableSelect from \"../searchable-select\";\nimport { flatMap } from \"lodash\";\nimport Checkbox from \"../checkbox/checkbox\";\n\ninterface SharePopUpProps {\n  open: boolean;\n  title: string;\n  onClose: () => void;\n  roles?: any;\n  toggleSwitch: boolean;\n  onSubmit: (selectedUsers: any) => void;\n  value?: any;\n  isPeopleAccessVisible?: boolean;\n}\ninterface UserDropdownData {\n  isRoleVisible: boolean;\n  selectedUsers: any[];\n}\n\nconst SharePopUp = (props: SharePopUpProps) => {\n  const {\n    open,\n    title,\n    onClose,\n    roles,\n    toggleSwitch,\n    onSubmit,\n    value = {},\n    isPeopleAccessVisible = false,\n  } = props;\n\n  const { share } = useAppSelector((store) => store);\n\n  const dispatch = useAppDispatch();\n\n  const [isPublic, setIsPublic] = useState(value.isPublic || false);\n  const [selectedOptions, setSelectedOptions] = useState(\n    value.selectedUsers || [],\n  );\n  const [roleValue, setRoleValue] = useState([]);\n  const [availableRole, setAvailableRole] = useState([]);\n\n  const [userDropdownData, setUserDropdownData] = useState<UserDropdownData>({\n    isRoleVisible: false,\n    selectedUsers: [],\n  });\n\nconst filteredOptions=useMemo(()=>userDropdownData?.isRoleVisible ? share.departments : share.users,[share,userDropdownData?.isRoleVisible])\nconst [selectedUsers, setSelectedUsers] = useState<any[]>([]);\n  useEffect(() => {\n    const role: any = [];\n    const selRole: any = [];\n    roles &&\n      roles.map((item: any) => {\n        const userRole: any = {};\n        if (item.role !== \"Owner\") {\n          role.push(item.role);\n          userRole.id = item.id;\n          userRole.role = item.role;\n          selRole.push(userRole);\n        }\n        setAvailableRole(role);\n        setRoleValue(selRole);\n      });\n  }, [roles]);\n\nuseEffect(()=>{\n  if(!value?.selectedUsers?.length && !value?.role_id){\n    resetOptions()\nreturn\n  }\n   userDropdownData.isRoleVisible=value.is_role\n  setUserDropdownData(userDropdownData)\n   setSelectedOptions({\n    ...value,\n    selectedUsers:value.is_role?value?.role_id:value?.selectedUsers\n   })\n //eslint-disable-next-line\n},[value?.selectedUsers,open])\n\n  const handleShareSubmit = () => {\n    if(!selectedUsers?.length) return\n     const uIds = flatMap(selectedUsers, 'userIds').filter(i=>i);\n    let sOptions = selectedUsers\n    if( Array.isArray(uIds) && uIds?.length) {\n      sOptions = share.users?.filter(u => uIds.includes(u.id))\n     \n    }\n    const sharedData = {\n      is_private: !isPublic,\n      selectedUsers: [...new Set(sOptions)],\n      is_role:userDropdownData?.isRoleVisible,\n      role_id:userDropdownData?.isRoleVisible?selectedUsers?.map((u: any) => u?.id):[],\n    };\n    onSubmit(sharedData);\n   \n  };\n\n  const resetOptions=()=> {\n    setSelectedOptions({\n      ...value\n    });\n    setUserDropdownData((prevData) => ({\n      ...prevData,\n      selectedUsers: [],\n    }));\n  };\n\n\n\n  const handleRoleChange = (event: any, id: any, user: any) => {\n    const changeRole: any = roleValue.map((item: any) => {\n      if (item.id === id) {\n        item.role = event.target.value;\n      }\n      return item;\n    });\n    setRoleValue(changeRole);\n  };\n\n  const handleToggleChange = () => {\n    setUserDropdownData((prevSettings) => ({\n      ...prevSettings,\n      isRoleVisible: !prevSettings.isRoleVisible,\n    }));\n    setSelectedOptions([]);\n    setSelectedUsers(value.selectedUsers || []);\n  };\n\n  const handleChage=(value:any)=>{\n    if(userDropdownData.isRoleVisible){\n      setSelectedOptions({...selectedOptions,role_id:value})\n    }\n    setSelectedOptions({...selectedOptions,selectedUsers:value})\n  }\n\n  const toggleMakeItPublic = () => {\n    setIsPublic(!isPublic);\n  }\n \n  useEffect(() => {\n    if(!open)resetOptions()\n    if (open) {\n      dispatch(getAllUserAndDepartmentDropdown());\n    }\n    // eslint-disable-next-line\n  }, [open]);\n\n\n\n  return (\n    <div>\n      <Dialog open={open} onClose={onClose} className=\"share\">\n        <DialogTitle className=\"share--head\">\n          <Box className=\"share--title\">\n            <Typography type=\"s3\" ml={1} className=\"dialog-box-title\">\n              {title}\n            </Typography>\n          </Box>\n          <IconButton disableRipple onClick={onClose}>\n            <CloseIcon />\n          </IconButton>\n        </DialogTitle>\n\n        <Divider />\n\n        <DialogContent className=\"share--content\">\n          <Box m={1} display={'flex'} alignItems={'center'} justifyContent={'space-between'}>\n                     <Typography type=\"s3\" className=\"input-label\">\n            Add users\n          </Typography>\n              <FormControlLabel\n             control={<Box mb={0.5} mr={0.5}><Toggle  checked={userDropdownData?.isRoleVisible} onChange={handleToggleChange} /></Box>}\n             label={\n              <Typography type=\"s3\" className=\"input-label\">Show only Roles</Typography>\n             }\n           />\n          </Box>\n \n\n          {toggleSwitch && (\n            <>\n           \n            <Box mb={4} className=\"d-flex\">\n      \n              <SearchableSelect \n              options={filteredOptions}\n              multiple\n              value={selectedOptions?.selectedUsers}\n              onChange={(e) =>handleChage(e.target.value)}\n              placeholder={\n                selectedOptions && selectedOptions.length\n                  ? \"\"\n                  : \"Add people and roles\"\n              }\n              getSelectedData={row=>setSelectedUsers(row)}\n              />\n            </Box>\n            </>\n          )}\n         \n          {isPeopleAccessVisible && (\n            <div className={ \"share--blurClass\"}>\n              <Accordion className=\"people-access-accordion\">\n                <AccordionSummary expandIcon={<ExpandMoreIcon />}>\n                  <Typography>People with access</Typography>\n                </AccordionSummary>\n                <AccordionDetails className=\"user-accordion-details\">\n                  <List className=\"accordion-list\">\n                    {roles &&\n                      roles.map((user: any) => {\n                        const userRole: any =\n                          roleValue?.length > 0 &&\n                          roleValue?.filter((item: any) => item.id === user.id);\n                        return (\n                          <ListItem alignItems=\"flex-start\">\n                            <ListItemAvatar>\n                              <Avatar size={40} alt=\"Person\" icon />\n                            </ListItemAvatar>\n                            <ListItemText\n                              className=\"primary-user-name\"\n                              primary={user.name}\n                              secondary={\n                                <Typography\n                                  component=\"span\"\n                                  variant=\"body2\"\n                                  className=\"secondary-email-text\"\n                                >\n                                  {user.email}\n                                </Typography>\n                              }\n                            />\n                            {user.role == \"Owner\" ? (\n                              <p className=\"owner-role-badge\">{user.role}</p>\n                            ) : (\n                              <div>\n                                <Select\n                                  className=\"role-edit-select-box\"\n                                  value={\n                                    userRole?.length > 0 ? userRole[0].role : \"\"\n                                  }\n                                  onChange={(e: any) =>\n                                    handleRoleChange(e, user.id, user)\n                                  }\n                                  variant=\"outlined\"\n                                >\n                                  {availableRole.map((role: any) => (\n                                    <MenuItem\n                                      className=\"select-menu-items\"\n                                      value={role}\n                                    >\n                                      {role}\n                                    </MenuItem>\n                                  ))}\n                                </Select>\n                              </div>\n                            )}\n                          </ListItem>\n                        );\n                      })}\n                  </List>\n                </AccordionDetails>\n              </Accordion>\n            </div>\n          )}\n\n          <div className=\"checkbox\">\n            <Checkbox\n              checked={isPublic}\n              onChange={toggleMakeItPublic}\n            />\n            <div className=\"checkbox-text\">Make it public</div>\n          </div>\n        </DialogContent>\n\n        <Divider />\n\n        <DialogActions className=\"share--actions\">\n          <Button className=\"cancel-btn\" variant=\"text\" onClick={onClose}>\n            Cancel\n          </Button>\n          <Button className=\"success-btn\" onClick={handleShareSubmit}>\n            Save and Share\n          </Button>\n        </DialogActions>\n      </Dialog>\n    </div>\n  );\n};\n\nexport { SharePopUp };\nexport default SharePopUp;\n"],"names":["SharePopUp","props","open","title","onClose","roles","toggleSwitch","onSubmit","value","isPeopleAccessVisible","share","useAppSelector","store","dispatch","useAppDispatch","isPublic","setIsPublic","useState","selectedOptions","setSelectedOptions","selectedUsers","roleValue","setRoleValue","availableRole","setAvailableRole","userDropdownData","setUserDropdownData","isRoleVisible","filteredOptions","useMemo","departments","users","setSelectedUsers","useEffect","role","selRole","map","item","userRole","push","id","_a","length","role_id","is_role","resetOptions","prevData","getAllUserAndDepartmentDropdown","children","jsxs","Dialog","className","DialogTitle","jsx","Box","Typography","type","ml","IconButton","disableRipple","onClick","CloseIcon","Divider","DialogContent","m","display","alignItems","justifyContent","FormControlLabel","control","mb","mr","Toggle","checked","onChange","prevSettings","label","Fragment","SearchableSelect","options","multiple","e","handleChage","target","placeholder","getSelectedData","row","Accordion","AccordionSummary","expandIcon","ExpandMoreIcon","AccordionDetails","List","user","filter","ListItem","ListItemAvatar","Avatar","size","alt","icon","ListItemText","primary","name","secondary","component","variant","email","Select","event","changeRole","handleRoleChange","MenuItem","Checkbox","DialogActions","Button","uIds","flatMap","i","sOptions","Array","isArray","u","includes","sharedData","is_private","Set"],"mappings":"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"}

package/dist/components/share-modal/share-modal-enhanced/index.esm.js

@@ -2,15 +2,15 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import default_1$1 from "../../../node_modules/@mui/icons-material/ExpandMore/index.esm.js";
 import default_1 from "../../../node_modules/@mui/icons-material/Close/index.esm.js";
 import { Typography } from "../../typography/typography/index.esm.js";
-import Button from "../../button/button/index.esm.js";
+import { Button } from "../../button/button/index.esm.js";
 import { Avatar } from "../../avatar/avatar/index.esm.js";
-import Select from "../../select/select/index.esm.js";
+import { Select } from "../../select/select/index.esm.js";
 /* empty css                            */
 import { useState, useMemo, useEffect } from "react";
-import Toggle from "../../toggle/toggle/index.esm.js";
+import { Toggle } from "../../toggle/toggle/index.esm.js";
 import SearchableSelect from "../../searchable-select/index.esm.js";
 import { flatMap } from "lodash";
-import Checkbox from "../../checkbox/checkbox/index.esm.js";
+import { Checkbox } from "../../checkbox/checkbox/index.esm.js";
 import Dialog from "../../../node_modules/@mui/material/Dialog/Dialog/index.esm.js";
 import DialogContent from "../../../node_modules/@mui/material/DialogContent/DialogContent/index.esm.js";
 import Box from "../../../node_modules/@mui/material/Box/Box/index.esm.js";
@@ -282,6 +282,7 @@ const SharePopUpEnhanced = (props) => {
   ] }) });
 };
 export {
+  SharePopUpEnhanced,
   SharePopUpEnhanced as default
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/share-modal/share-modal-enhanced/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/share-modal/share-modal-enhanced.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable unused-imports/no-unused-vars */\nimport {\n  Box,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  Divider,\n  IconButton,\n  Accordion,\n  AccordionSummary,\n  AccordionDetails,\n  List,\n  ListItem,\n  ListItemText,\n  ListItemAvatar,\n  MenuItem,\n  FormControlLabel,\n} from \"@mui/material\";\nimport ExpandMoreIcon from \"@mui/icons-material/ExpandMore\";\nimport CloseIcon from \"@mui/icons-material/Close\";\nimport Typography from \"../typography/typography\";\n\nimport Button from \"../button/button\";\nimport Avatar from \"../avatar/avatar\";\nimport Select from \"../select/select\";\nimport \"./share-modal.scss\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport React from \"react\";\nimport Toggle from \"../toggle/toggle\";\nimport SearchableSelect from \"../searchable-select\";\nimport { flatMap } from \"lodash\";\nimport Checkbox from \"../checkbox/checkbox\";\n\n// Enhanced interface that supports both Redux and prop-based data\ninterface SharePopUpEnhancedProps {\n  open: boolean;\n  title: string;\n  onClose: () => void;\n  roles?: any;\n  toggleSwitch: boolean;\n  onSubmit: (selectedUsers: any) => void;\n  value?: any;\n  isPeopleAccessVisible?: boolean;\n  \n  // New props for non-Redux usage\n  users?: any[];\n  departments?: any[];\n  loading?: boolean;\n  error?: string;\n  onFetchUsersAndDepartments?: () => Promise<void>;\n  \n  // Redux integration (optional)\n  useRedux?: boolean;\n}\n\ninterface UserDropdownData {\n  isRoleVisible: boolean;\n  selectedUsers: any[];\n}\n\nconst SharePopUpEnhanced = (props: SharePopUpEnhancedProps) => {\n  const {\n    open,\n    title,\n    onClose,\n    roles,\n    toggleSwitch,\n    onSubmit,\n    value = {},\n    isPeopleAccessVisible = false,\n    \n    // Non-Redux props\n    users: propUsers = [],\n    departments: propDepartments = [],\n    loading: propLoading = false,\n    error: propError = \"\",\n    onFetchUsersAndDepartments,\n    \n    // Redux integration\n    useRedux = false,\n  } = props;\n\n  // Conditional Redux usage\n  let reduxState = { users: [], departments: [], loading: false, error: \"\", isError: false };\n  let dispatch: any = null;\n  \n  if (useRedux) {\n    try {\n      // Dynamic import of Redux hooks to avoid errors when Redux is not available\n      const { useAppSelector, useAppDispatch } = require(\"../../redux/hooks\");\n      const { getAllUserAndDepartmentDropdown } = require(\"../../redux/slices\");\n      \n      reduxState = useAppSelector((store: any) => store.share || reduxState);\n      dispatch = useAppDispatch();\n    } catch (error) {\n      console.warn(\"Redux not available for ShareModal, falling back to prop-based data\");\n    }\n  }\n\n  // Use Redux data if available, otherwise use props\n  const users = useRedux ? reduxState.users : propUsers;\n  const departments = useRedux ? reduxState.departments : propDepartments;\n  const loading = useRedux ? reduxState.loading : propLoading;\n  const error = useRedux ? reduxState.error : propError;\n\n  const [isPublic, setIsPublic] = useState(value.isPublic || false);\n  const [selectedOptions, setSelectedOptions] = useState(\n    value.selectedUsers || [],\n  );\n  const [roleValue, setRoleValue] = useState([]);\n  const [availableRole, setAvailableRole] = useState([]);\n\n  const [userDropdownData, setUserDropdownData] = useState<UserDropdownData>({\n    isRoleVisible: false,\n    selectedUsers: [],\n  });\n\n  const filteredOptions = useMemo(\n    () => userDropdownData?.isRoleVisible ? departments : users,\n    [users, departments, userDropdownData?.isRoleVisible]\n  );\n  \n  const [selectedUsers, setSelectedUsers] = useState<any[]>([]);\n\n  useEffect(() => {\n    const role: any = [];\n    const selRole: any = [];\n    roles &&\n      roles.map((item: any) => {\n        const userRole: any = {};\n        if (item.role !== \"Owner\") {\n          role.push(item.role);\n          userRole.id = item.id;\n          userRole.role = item.role;\n          selRole.push(userRole);\n        }\n        setAvailableRole(role);\n        setRoleValue(selRole);\n      });\n  }, [roles]);\n\n  useEffect(() => {\n    if (!value?.selectedUsers?.length && !value?.role_id) {\n      resetOptions();\n      return;\n    }\n    userDropdownData.isRoleVisible = value.is_role;\n    setUserDropdownData(userDropdownData);\n    setSelectedOptions({\n      ...value,\n      selectedUsers: value.is_role ? value?.role_id : value?.selectedUsers\n    });\n    //eslint-disable-next-line\n  }, [value?.selectedUsers, open]);\n\n  const handleShareSubmit = () => {\n    if (!selectedUsers?.length) return;\n    const uIds = flatMap(selectedUsers, 'userIds').filter(i => i);\n    let sOptions = selectedUsers;\n    if (Array.isArray(uIds) && uIds?.length) {\n      sOptions = users?.filter((u: any) => uIds.includes(u.id)) || [];\n    }\n    const sharedData = {\n      is_private: !isPublic,\n      selectedUsers: [...new Set(sOptions)],\n      is_role: userDropdownData?.isRoleVisible,\n      role_id: userDropdownData?.isRoleVisible ? selectedUsers?.map((u: any) => u?.id) : [],\n    };\n    onSubmit(sharedData);\n  };\n\n  const resetOptions = () => {\n    setSelectedOptions({\n      ...value\n    });\n    setUserDropdownData((prevData) => ({\n      ...prevData,\n      selectedUsers: [],\n    }));\n  };\n\n  const handleRoleChange = (event: any, id: any, user: any) => {\n    const changeRole: any = roleValue.map((item: any) => {\n      if (item.id === id) {\n        item.role = event.target.value;\n      }\n      return item;\n    });\n    setRoleValue(changeRole);\n  };\n\n  const handleToggleChange = () => {\n    setUserDropdownData((prevSettings) => ({\n      ...prevSettings,\n      isRoleVisible: !prevSettings.isRoleVisible,\n    }));\n    setSelectedOptions([]);\n    setSelectedUsers(value.selectedUsers || []);\n  };\n\n  const handleChage = (value: any) => {\n    if (userDropdownData.isRoleVisible) {\n      setSelectedOptions({ ...selectedOptions, role_id: value });\n    }\n    setSelectedOptions({ ...selectedOptions, selectedUsers: value });\n  };\n\n  const toggleMakeItPublic = () => {\n    setIsPublic(!isPublic);\n  };\n\n  useEffect(() => {\n    if (!open) resetOptions();\n    if (open) {\n      if (useRedux && dispatch) {\n        // Use Redux action\n        const { getAllUserAndDepartmentDropdown } = require(\"../../redux/slices\");\n        dispatch(getAllUserAndDepartmentDropdown());\n      } else if (onFetchUsersAndDepartments) {\n        // Use prop-based data fetching\n        onFetchUsersAndDepartments();\n      }\n    }\n    // eslint-disable-next-line\n  }, [open, useRedux, dispatch, onFetchUsersAndDepartments]);\n\n  // Show loading state\n  if (loading) {\n    return (\n      <Dialog open={open} onClose={onClose} className=\"share\">\n        <DialogContent>\n          <Box display=\"flex\" justifyContent=\"center\" alignItems=\"center\" minHeight=\"200px\">\n            <Typography>Loading users and departments...</Typography>\n          </Box>\n        </DialogContent>\n      </Dialog>\n    );\n  }\n\n  // Show error state\n  if (error) {\n    return (\n      <Dialog open={open} onClose={onClose} className=\"share\">\n        <DialogContent>\n          <Box display=\"flex\" flexDirection=\"column\" alignItems=\"center\" minHeight=\"200px\">\n            <Typography color=\"error\">Error: {error}</Typography>\n            <Button \n              onClick={() => {\n                if (useRedux && dispatch) {\n                  const { getAllUserAndDepartmentDropdown } = require(\"../../redux/slices\");\n                  dispatch(getAllUserAndDepartmentDropdown());\n                } else if (onFetchUsersAndDepartments) {\n                  onFetchUsersAndDepartments();\n                }\n              }}\n              sx={{ mt: 2 }}\n            >\n              Retry\n            </Button>\n          </Box>\n        </DialogContent>\n      </Dialog>\n    );\n  }\n\n  return (\n    <div>\n      <Dialog open={open} onClose={onClose} className=\"share\">\n        <DialogTitle className=\"share--head\">\n          <Box className=\"share--title\">\n            <Typography type=\"s3\" ml={1} className=\"dialog-box-title\">\n              {title}\n            </Typography>\n          </Box>\n          <IconButton disableRipple onClick={onClose}>\n            <CloseIcon />\n          </IconButton>\n        </DialogTitle>\n\n        <Divider />\n\n        <DialogContent className=\"share--content\">\n          <Box m={1} display={'flex'} alignItems={'center'} justifyContent={'space-between'}>\n            <Typography type=\"s3\" className=\"input-label\">\n              Add users\n            </Typography>\n            <FormControlLabel\n              control={<Box mb={0.5} mr={0.5}><Toggle checked={userDropdownData?.isRoleVisible} onChange={handleToggleChange} /></Box>}\n              label={\n                <Typography type=\"s3\" className=\"input-label\">Show only Roles</Typography>\n              }\n            />\n          </Box>\n\n          {toggleSwitch && (\n            <>\n              <Box mb={4} className=\"d-flex\">\n                <SearchableSelect\n                  options={filteredOptions}\n                  multiple\n                  value={selectedOptions?.selectedUsers}\n                  onChange={(e) => handleChage(e.target.value)}\n                  placeholder={\n                    selectedOptions && selectedOptions.length\n                      ? \"\"\n                      : \"Add people and roles\"\n                  }\n                  getSelectedData={row => setSelectedUsers(row)}\n                />\n              </Box>\n            </>\n          )}\n\n          {isPeopleAccessVisible && (\n            <div className={\"share--blurClass\"}>\n              <Accordion className=\"people-access-accordion\">\n                <AccordionSummary expandIcon={<ExpandMoreIcon />}>\n                  <Typography>People with access</Typography>\n                </AccordionSummary>\n                <AccordionDetails className=\"user-accordion-details\">\n                  <List className=\"accordion-list\">\n                    {roles &&\n                      roles.map((user: any) => {\n                        const userRole: any =\n                          roleValue?.length > 0 &&\n                          roleValue?.filter((item: any) => item.id === user.id);\n                        return (\n                          <ListItem alignItems=\"flex-start\" key={user.id}>\n                            <ListItemAvatar>\n                              <Avatar size={40} alt=\"Person\" icon />\n                            </ListItemAvatar>\n                            <ListItemText\n                              className=\"primary-user-name\"\n                              primary={user.name}\n                              secondary={\n                                <Typography\n                                  component=\"span\"\n                                  variant=\"body2\"\n                                  className=\"secondary-email-text\"\n                                >\n                                  {user.email}\n                                </Typography>\n                              }\n                            />\n                            {user.role == \"Owner\" ? (\n                              <p className=\"owner-role-badge\">{user.role}</p>\n                            ) : (\n                              <div>\n                                <Select\n                                  className=\"role-edit-select-box\"\n                                  value={\n                                    userRole?.length > 0 ? userRole[0].role : \"\"\n                                  }\n                                  onChange={(e: any) =>\n                                    handleRoleChange(e, user.id, user)\n                                  }\n                                  variant=\"outlined\"\n                                >\n                                  {availableRole.map((role: any) => (\n                                    <MenuItem\n                                      className=\"select-menu-items\"\n                                      value={role}\n                                      key={role}\n                                    >\n                                      {role}\n                                    </MenuItem>\n                                  ))}\n                                </Select>\n                              </div>\n                            )}\n                          </ListItem>\n                        );\n                      })}\n                  </List>\n                </AccordionDetails>\n              </Accordion>\n            </div>\n          )}\n\n          <div className=\"checkbox\">\n            <Checkbox\n              checked={isPublic}\n              onChange={toggleMakeItPublic}\n            />\n            <div className=\"checkbox-text\">Make it public</div>\n          </div>\n        </DialogContent>\n\n        <Divider />\n\n        <DialogActions className=\"share--actions\">\n          <Button className=\"cancel-btn\" variant=\"text\" onClick={onClose}>\n            Cancel\n          </Button>\n          <Button className=\"success-btn\" onClick={handleShareSubmit}>\n            Save and Share\n          </Button>\n        </DialogActions>\n      </Dialog>\n    </div>\n  );\n};\n\nexport default SharePopUpEnhanced;"],"names":["error","value","CloseIcon","ExpandMoreIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8DA,MAAM,qBAAqB,CAAC,UAAmC;AAC7D,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ,CAAA;AAAA,IACR,wBAAwB;AAAA;AAAA,IAGxB,OAAO,YAAY,CAAA;AAAA,IACnB,aAAa,kBAAkB,CAAA;AAAA,IAC/B,SAAS,cAAc;AAAA,IACvB,OAAO,YAAY;AAAA,IACnB;AAAA;AAAA,IAGA,WAAW;AAAA,EAAA,IACT;AAGJ,MAAI,aAAa,EAAE,OAAO,CAAA,GAAI,aAAa,CAAA,GAAI,SAAS,OAAO,OAAO,IAAI,SAAS,MAAA;AACnF,MAAI,WAAgB;AAEpB,MAAI,UAAU;AACZ,QAAI;AAEF,YAAM,EAAE,gBAAgB,mBAAmB,QAAQ,mBAAmB;AAC1B,cAAQ,oBAAoB;AAExE,mBAAa,eAAe,CAAC,UAAe,MAAM,SAAS,UAAU;AACrE,iBAAW,eAAA;AAAA,IACb,SAASA,QAAO;AACd,cAAQ,KAAK,qEAAqE;AAAA,IACpF;AAAA,EACF;AAGA,QAAM,QAAQ,WAAW,WAAW,QAAQ;AAC5C,QAAM,cAAc,WAAW,WAAW,cAAc;AACxD,QAAM,UAAU,WAAW,WAAW,UAAU;AAChD,QAAM,QAAQ,WAAW,WAAW,QAAQ;AAE5C,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,MAAM,YAAY,KAAK;AAChE,QAAM,CAAC,iBAAiB,kBAAkB,IAAI;AAAA,IAC5C,MAAM,iBAAiB,CAAA;AAAA,EAAC;AAE1B,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,CAAA,CAAE;AAC7C,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,CAAA,CAAE;AAErD,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAA2B;AAAA,IACzE,eAAe;AAAA,IACf,eAAe,CAAA;AAAA,EAAC,CACjB;AAED,QAAM,kBAAkB;AAAA,IACtB,OAAM,qDAAkB,iBAAgB,cAAc;AAAA,IACtD,CAAC,OAAO,aAAa,qDAAkB,aAAa;AAAA,EAAA;AAGtD,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAgB,CAAA,CAAE;AAE5D,YAAU,MAAM;AACd,UAAM,OAAY,CAAA;AAClB,UAAM,UAAe,CAAA;AACrB,aACE,MAAM,IAAI,CAAC,SAAc;AACvB,YAAM,WAAgB,CAAA;AACtB,UAAI,KAAK,SAAS,SAAS;AACzB,aAAK,KAAK,KAAK,IAAI;AACnB,iBAAS,KAAK,KAAK;AACnB,iBAAS,OAAO,KAAK;AACrB,gBAAQ,KAAK,QAAQ;AAAA,MACvB;AACA,uBAAiB,IAAI;AACrB,mBAAa,OAAO;AAAA,IACtB,CAAC;AAAA,EACL,GAAG,CAAC,KAAK,CAAC;AAEV,YAAU,MAAM;;AACd,QAAI,GAAC,oCAAO,kBAAP,mBAAsB,WAAU,EAAC,+BAAO,UAAS;AACpD,mBAAA;AACA;AAAA,IACF;AACA,qBAAiB,gBAAgB,MAAM;AACvC,wBAAoB,gBAAgB;AACpC,uBAAmB;AAAA,MACjB,GAAG;AAAA,MACH,eAAe,MAAM,UAAU,+BAAO,UAAU,+BAAO;AAAA,IAAA,CACxD;AAAA,EAEH,GAAG,CAAC,+BAAO,eAAe,IAAI,CAAC;AAE/B,QAAM,oBAAoB,MAAM;AAC9B,QAAI,EAAC,+CAAe,QAAQ;AAC5B,UAAM,OAAO,QAAQ,eAAe,SAAS,EAAE,OAAO,OAAK,CAAC;AAC5D,QAAI,WAAW;AACf,QAAI,MAAM,QAAQ,IAAI,MAAK,6BAAM,SAAQ;AACvC,kBAAW,+BAAO,OAAO,CAAC,MAAW,KAAK,SAAS,EAAE,EAAE,OAAM,CAAA;AAAA,IAC/D;AACA,UAAM,aAAa;AAAA,MACjB,YAAY,CAAC;AAAA,MACb,eAAe,CAAC,GAAG,IAAI,IAAI,QAAQ,CAAC;AAAA,MACpC,SAAS,qDAAkB;AAAA,MAC3B,UAAS,qDAAkB,iBAAgB,+CAAe,IAAI,CAAC,MAAW,uBAAG,MAAM,CAAA;AAAA,IAAC;AAEtF,aAAS,UAAU;AAAA,EACrB;AAEA,QAAM,eAAe,MAAM;AACzB,uBAAmB;AAAA,MACjB,GAAG;AAAA,IAAA,CACJ;AACD,wBAAoB,CAAC,cAAc;AAAA,MACjC,GAAG;AAAA,MACH,eAAe,CAAA;AAAA,IAAC,EAChB;AAAA,EACJ;AAEA,QAAM,mBAAmB,CAAC,OAAY,IAAS,SAAc;AAC3D,UAAM,aAAkB,UAAU,IAAI,CAAC,SAAc;AACnD,UAAI,KAAK,OAAO,IAAI;AAClB,aAAK,OAAO,MAAM,OAAO;AAAA,MAC3B;AACA,aAAO;AAAA,IACT,CAAC;AACD,iBAAa,UAAU;AAAA,EACzB;AAEA,QAAM,qBAAqB,MAAM;AAC/B,wBAAoB,CAAC,kBAAkB;AAAA,MACrC,GAAG;AAAA,MACH,eAAe,CAAC,aAAa;AAAA,IAAA,EAC7B;AACF,uBAAmB,CAAA,CAAE;AACrB,qBAAiB,MAAM,iBAAiB,EAAE;AAAA,EAC5C;AAEA,QAAM,cAAc,CAACC,WAAe;AAClC,QAAI,iBAAiB,eAAe;AAClC,yBAAmB,EAAE,GAAG,iBAAiB,SAASA,QAAO;AAAA,IAC3D;AACA,uBAAmB,EAAE,GAAG,iBAAiB,eAAeA,QAAO;AAAA,EACjE;AAEA,QAAM,qBAAqB,MAAM;AAC/B,gBAAY,CAAC,QAAQ;AAAA,EACvB;AAEA,YAAU,MAAM;AACd,QAAI,CAAC,KAAM,cAAA;AACX,QAAI,MAAM;AACR,UAAI,YAAY,UAAU;AAExB,cAAM,EAAE,gCAAA,IAAoC,QAAQ,oBAAoB;AACxE,iBAAS,iCAAiC;AAAA,MAC5C,WAAW,4BAA4B;AAErC,mCAAA;AAAA,MACF;AAAA,IACF;AAAA,EAEF,GAAG,CAAC,MAAM,UAAU,UAAU,0BAA0B,CAAC;AAGzD,MAAI,SAAS;AACX,WACE,oBAAC,UAAO,MAAY,SAAkB,WAAU,SAC9C,UAAA,oBAAC,eAAA,EACC,UAAA,oBAAC,KAAA,EAAI,SAAQ,QAAO,gBAAe,UAAS,YAAW,UAAS,WAAU,SACxE,8BAAC,YAAA,EAAW,UAAA,mCAAA,CAAgC,EAAA,CAC9C,EAAA,CACF,GACF;AAAA,EAEJ;AAGA,MAAI,OAAO;AACT,+BACG,QAAA,EAAO,MAAY,SAAkB,WAAU,SAC9C,UAAA,oBAAC,eAAA,EACC,UAAA,qBAAC,KAAA,EAAI,SAAQ,QAAO,eAAc,UAAS,YAAW,UAAS,WAAU,SACvE,UAAA;AAAA,MAAA,qBAAC,YAAA,EAAW,OAAM,SAAQ,UAAA;AAAA,QAAA;AAAA,QAAQ;AAAA,MAAA,GAAM;AAAA,MACxC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAAS,MAAM;AACb,gBAAI,YAAY,UAAU;AACxB,oBAAM,EAAE,gCAAA,IAAoC,QAAQ,oBAAoB;AACxE,uBAAS,iCAAiC;AAAA,YAC5C,WAAW,4BAA4B;AACrC,yCAAA;AAAA,YACF;AAAA,UACF;AAAA,UACA,IAAI,EAAE,IAAI,EAAA;AAAA,UACX,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAED,EAAA,CACF,GACF,GACF;AAAA,EAEJ;AAEA,6BACG,OAAA,EACC,UAAA,qBAAC,UAAO,MAAY,SAAkB,WAAU,SAC9C,UAAA;AAAA,IAAA,qBAAC,aAAA,EAAY,WAAU,eACrB,UAAA;AAAA,MAAA,oBAAC,KAAA,EAAI,WAAU,gBACb,UAAA,oBAAC,YAAA,EAAW,MAAK,MAAK,IAAI,GAAG,WAAU,oBACpC,UAAA,MAAA,CACH,GACF;AAAA,MACA,oBAAC,cAAW,eAAa,MAAC,SAAS,SACjC,UAAA,oBAACC,aAAU,EAAA,CACb;AAAA,IAAA,GACF;AAAA,wBAEC,SAAA,EAAQ;AAAA,IAET,qBAAC,eAAA,EAAc,WAAU,kBACvB,UAAA;AAAA,MAAA,qBAAC,KAAA,EAAI,GAAG,GAAG,SAAS,QAAQ,YAAY,UAAU,gBAAgB,iBAChE,UAAA;AAAA,QAAA,oBAAC,YAAA,EAAW,MAAK,MAAK,WAAU,eAAc,UAAA,aAE9C;AAAA,QACA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,SAAS,oBAAC,KAAA,EAAI,IAAI,KAAK,IAAI,KAAK,UAAA,oBAAC,QAAA,EAAO,SAAS,qDAAkB,eAAe,UAAU,oBAAoB,GAAE;AAAA,YAClH,OACE,oBAAC,YAAA,EAAW,MAAK,MAAK,WAAU,eAAc,UAAA,kBAAA,CAAe;AAAA,UAAA;AAAA,QAAA;AAAA,MAEjE,GACF;AAAA,MAEC,gBACC,oBAAA,UAAA,EACE,UAAA,oBAAC,OAAI,IAAI,GAAG,WAAU,UACpB,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAAS;AAAA,UACT,UAAQ;AAAA,UACR,OAAO,mDAAiB;AAAA,UACxB,UAAU,CAAC,MAAM,YAAY,EAAE,OAAO,KAAK;AAAA,UAC3C,aACE,mBAAmB,gBAAgB,SAC/B,KACA;AAAA,UAEN,iBAAiB,CAAA,QAAO,iBAAiB,GAAG;AAAA,QAAA;AAAA,MAAA,GAEhD,EAAA,CACF;AAAA,MAGD,6CACE,OAAA,EAAI,WAAW,oBACd,UAAA,qBAAC,WAAA,EAAU,WAAU,2BACnB,UAAA;AAAA,QAAA,oBAAC,kBAAA,EAAiB,YAAY,oBAACC,aAAA,CAAA,CAAe,GAC5C,UAAA,oBAAC,YAAA,EAAW,gCAAkB,EAAA,CAChC;AAAA,QACA,oBAAC,kBAAA,EAAiB,WAAU,0BAC1B,UAAA,oBAAC,MAAA,EAAK,WAAU,kBACb,UAAA,SACC,MAAM,IAAI,CAAC,SAAc;AACvB,gBAAM,YACJ,uCAAW,UAAS,MACpB,uCAAW,OAAO,CAAC,SAAc,KAAK,OAAO,KAAK;AACpD,iBACE,qBAAC,UAAA,EAAS,YAAW,cACnB,UAAA;AAAA,YAAA,oBAAC,gBAAA,EACC,8BAAC,QAAA,EAAO,MAAM,IAAI,KAAI,UAAS,MAAI,KAAA,CAAC,EAAA,CACtC;AAAA,YACA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,SAAS,KAAK;AAAA,gBACd,WACE;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAU;AAAA,oBACV,SAAQ;AAAA,oBACR,WAAU;AAAA,oBAET,UAAA,KAAK;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACR;AAAA,YAAA;AAAA,YAGH,KAAK,QAAQ,UACZ,oBAAC,KAAA,EAAE,WAAU,oBAAoB,UAAA,KAAK,KAAA,CAAK,IAE3C,oBAAC,OAAA,EACC,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,QACE,qCAAU,UAAS,IAAI,SAAS,CAAC,EAAE,OAAO;AAAA,gBAE5C,UAAU,CAAC,MACT,iBAAiB,GAAG,KAAK,EAAQ;AAAA,gBAEnC,SAAQ;AAAA,gBAEP,UAAA,cAAc,IAAI,CAAC,SAClB;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAU;AAAA,oBACV,OAAO;AAAA,oBAGN,UAAA;AAAA,kBAAA;AAAA,kBAFI;AAAA,gBAAA,CAIR;AAAA,cAAA;AAAA,YAAA,EACH,CACF;AAAA,UAAA,EAAA,GAzCmC,KAAK,EA2C5C;AAAA,QAEJ,CAAC,GACL,EAAA,CACF;AAAA,MAAA,EAAA,CACF,EAAA,CACF;AAAA,MAGF,qBAAC,OAAA,EAAI,WAAU,YACb,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,SAAS;AAAA,YACT,UAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAEZ,oBAAC,OAAA,EAAI,WAAU,iBAAgB,UAAA,iBAAA,CAAc;AAAA,MAAA,EAAA,CAC/C;AAAA,IAAA,GACF;AAAA,wBAEC,SAAA,EAAQ;AAAA,IAET,qBAAC,eAAA,EAAc,WAAU,kBACvB,UAAA;AAAA,MAAA,oBAAC,UAAO,WAAU,cAAa,SAAQ,QAAO,SAAS,SAAS,UAAA,SAAA,CAEhE;AAAA,0BACC,QAAA,EAAO,WAAU,eAAc,SAAS,mBAAmB,UAAA,iBAAA,CAE5D;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/share-modal/share-modal-enhanced.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable unused-imports/no-unused-vars */\nimport {\n  Box,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  Divider,\n  IconButton,\n  Accordion,\n  AccordionSummary,\n  AccordionDetails,\n  List,\n  ListItem,\n  ListItemText,\n  ListItemAvatar,\n  MenuItem,\n  FormControlLabel,\n} from \"@mui/material\";\nimport ExpandMoreIcon from \"@mui/icons-material/ExpandMore\";\nimport CloseIcon from \"@mui/icons-material/Close\";\nimport Typography from \"../typography/typography\";\n\nimport Button from \"../button/button\";\nimport Avatar from \"../avatar/avatar\";\nimport Select from \"../select/select\";\nimport \"./share-modal.scss\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport React from \"react\";\nimport Toggle from \"../toggle/toggle\";\nimport SearchableSelect from \"../searchable-select\";\nimport { flatMap } from \"lodash\";\nimport Checkbox from \"../checkbox/checkbox\";\n\n// Enhanced interface that supports both Redux and prop-based data\ninterface SharePopUpEnhancedProps {\n  open: boolean;\n  title: string;\n  onClose: () => void;\n  roles?: any;\n  toggleSwitch: boolean;\n  onSubmit: (selectedUsers: any) => void;\n  value?: any;\n  isPeopleAccessVisible?: boolean;\n  \n  // New props for non-Redux usage\n  users?: any[];\n  departments?: any[];\n  loading?: boolean;\n  error?: string;\n  onFetchUsersAndDepartments?: () => Promise<void>;\n  \n  // Redux integration (optional)\n  useRedux?: boolean;\n}\n\ninterface UserDropdownData {\n  isRoleVisible: boolean;\n  selectedUsers: any[];\n}\n\nconst SharePopUpEnhanced = (props: SharePopUpEnhancedProps) => {\n  const {\n    open,\n    title,\n    onClose,\n    roles,\n    toggleSwitch,\n    onSubmit,\n    value = {},\n    isPeopleAccessVisible = false,\n    \n    // Non-Redux props\n    users: propUsers = [],\n    departments: propDepartments = [],\n    loading: propLoading = false,\n    error: propError = \"\",\n    onFetchUsersAndDepartments,\n    \n    // Redux integration\n    useRedux = false,\n  } = props;\n\n  // Conditional Redux usage\n  let reduxState = { users: [], departments: [], loading: false, error: \"\", isError: false };\n  let dispatch: any = null;\n  \n  if (useRedux) {\n    try {\n      // Dynamic import of Redux hooks to avoid errors when Redux is not available\n      const { useAppSelector, useAppDispatch } = require(\"../../redux/hooks\");\n      const { getAllUserAndDepartmentDropdown } = require(\"../../redux/slices\");\n      \n      reduxState = useAppSelector((store: any) => store.share || reduxState);\n      dispatch = useAppDispatch();\n    } catch (error) {\n      console.warn(\"Redux not available for ShareModal, falling back to prop-based data\");\n    }\n  }\n\n  // Use Redux data if available, otherwise use props\n  const users = useRedux ? reduxState.users : propUsers;\n  const departments = useRedux ? reduxState.departments : propDepartments;\n  const loading = useRedux ? reduxState.loading : propLoading;\n  const error = useRedux ? reduxState.error : propError;\n\n  const [isPublic, setIsPublic] = useState(value.isPublic || false);\n  const [selectedOptions, setSelectedOptions] = useState(\n    value.selectedUsers || [],\n  );\n  const [roleValue, setRoleValue] = useState([]);\n  const [availableRole, setAvailableRole] = useState([]);\n\n  const [userDropdownData, setUserDropdownData] = useState<UserDropdownData>({\n    isRoleVisible: false,\n    selectedUsers: [],\n  });\n\n  const filteredOptions = useMemo(\n    () => userDropdownData?.isRoleVisible ? departments : users,\n    [users, departments, userDropdownData?.isRoleVisible]\n  );\n  \n  const [selectedUsers, setSelectedUsers] = useState<any[]>([]);\n\n  useEffect(() => {\n    const role: any = [];\n    const selRole: any = [];\n    roles &&\n      roles.map((item: any) => {\n        const userRole: any = {};\n        if (item.role !== \"Owner\") {\n          role.push(item.role);\n          userRole.id = item.id;\n          userRole.role = item.role;\n          selRole.push(userRole);\n        }\n        setAvailableRole(role);\n        setRoleValue(selRole);\n      });\n  }, [roles]);\n\n  useEffect(() => {\n    if (!value?.selectedUsers?.length && !value?.role_id) {\n      resetOptions();\n      return;\n    }\n    userDropdownData.isRoleVisible = value.is_role;\n    setUserDropdownData(userDropdownData);\n    setSelectedOptions({\n      ...value,\n      selectedUsers: value.is_role ? value?.role_id : value?.selectedUsers\n    });\n    //eslint-disable-next-line\n  }, [value?.selectedUsers, open]);\n\n  const handleShareSubmit = () => {\n    if (!selectedUsers?.length) return;\n    const uIds = flatMap(selectedUsers, 'userIds').filter(i => i);\n    let sOptions = selectedUsers;\n    if (Array.isArray(uIds) && uIds?.length) {\n      sOptions = users?.filter((u: any) => uIds.includes(u.id)) || [];\n    }\n    const sharedData = {\n      is_private: !isPublic,\n      selectedUsers: [...new Set(sOptions)],\n      is_role: userDropdownData?.isRoleVisible,\n      role_id: userDropdownData?.isRoleVisible ? selectedUsers?.map((u: any) => u?.id) : [],\n    };\n    onSubmit(sharedData);\n  };\n\n  const resetOptions = () => {\n    setSelectedOptions({\n      ...value\n    });\n    setUserDropdownData((prevData) => ({\n      ...prevData,\n      selectedUsers: [],\n    }));\n  };\n\n  const handleRoleChange = (event: any, id: any, user: any) => {\n    const changeRole: any = roleValue.map((item: any) => {\n      if (item.id === id) {\n        item.role = event.target.value;\n      }\n      return item;\n    });\n    setRoleValue(changeRole);\n  };\n\n  const handleToggleChange = () => {\n    setUserDropdownData((prevSettings) => ({\n      ...prevSettings,\n      isRoleVisible: !prevSettings.isRoleVisible,\n    }));\n    setSelectedOptions([]);\n    setSelectedUsers(value.selectedUsers || []);\n  };\n\n  const handleChage = (value: any) => {\n    if (userDropdownData.isRoleVisible) {\n      setSelectedOptions({ ...selectedOptions, role_id: value });\n    }\n    setSelectedOptions({ ...selectedOptions, selectedUsers: value });\n  };\n\n  const toggleMakeItPublic = () => {\n    setIsPublic(!isPublic);\n  };\n\n  useEffect(() => {\n    if (!open) resetOptions();\n    if (open) {\n      if (useRedux && dispatch) {\n        // Use Redux action\n        const { getAllUserAndDepartmentDropdown } = require(\"../../redux/slices\");\n        dispatch(getAllUserAndDepartmentDropdown());\n      } else if (onFetchUsersAndDepartments) {\n        // Use prop-based data fetching\n        onFetchUsersAndDepartments();\n      }\n    }\n    // eslint-disable-next-line\n  }, [open, useRedux, dispatch, onFetchUsersAndDepartments]);\n\n  // Show loading state\n  if (loading) {\n    return (\n      <Dialog open={open} onClose={onClose} className=\"share\">\n        <DialogContent>\n          <Box display=\"flex\" justifyContent=\"center\" alignItems=\"center\" minHeight=\"200px\">\n            <Typography>Loading users and departments...</Typography>\n          </Box>\n        </DialogContent>\n      </Dialog>\n    );\n  }\n\n  // Show error state\n  if (error) {\n    return (\n      <Dialog open={open} onClose={onClose} className=\"share\">\n        <DialogContent>\n          <Box display=\"flex\" flexDirection=\"column\" alignItems=\"center\" minHeight=\"200px\">\n            <Typography color=\"error\">Error: {error}</Typography>\n            <Button \n              onClick={() => {\n                if (useRedux && dispatch) {\n                  const { getAllUserAndDepartmentDropdown } = require(\"../../redux/slices\");\n                  dispatch(getAllUserAndDepartmentDropdown());\n                } else if (onFetchUsersAndDepartments) {\n                  onFetchUsersAndDepartments();\n                }\n              }}\n              sx={{ mt: 2 }}\n            >\n              Retry\n            </Button>\n          </Box>\n        </DialogContent>\n      </Dialog>\n    );\n  }\n\n  return (\n    <div>\n      <Dialog open={open} onClose={onClose} className=\"share\">\n        <DialogTitle className=\"share--head\">\n          <Box className=\"share--title\">\n            <Typography type=\"s3\" ml={1} className=\"dialog-box-title\">\n              {title}\n            </Typography>\n          </Box>\n          <IconButton disableRipple onClick={onClose}>\n            <CloseIcon />\n          </IconButton>\n        </DialogTitle>\n\n        <Divider />\n\n        <DialogContent className=\"share--content\">\n          <Box m={1} display={'flex'} alignItems={'center'} justifyContent={'space-between'}>\n            <Typography type=\"s3\" className=\"input-label\">\n              Add users\n            </Typography>\n            <FormControlLabel\n              control={<Box mb={0.5} mr={0.5}><Toggle checked={userDropdownData?.isRoleVisible} onChange={handleToggleChange} /></Box>}\n              label={\n                <Typography type=\"s3\" className=\"input-label\">Show only Roles</Typography>\n              }\n            />\n          </Box>\n\n          {toggleSwitch && (\n            <>\n              <Box mb={4} className=\"d-flex\">\n                <SearchableSelect\n                  options={filteredOptions}\n                  multiple\n                  value={selectedOptions?.selectedUsers}\n                  onChange={(e) => handleChage(e.target.value)}\n                  placeholder={\n                    selectedOptions && selectedOptions.length\n                      ? \"\"\n                      : \"Add people and roles\"\n                  }\n                  getSelectedData={row => setSelectedUsers(row)}\n                />\n              </Box>\n            </>\n          )}\n\n          {isPeopleAccessVisible && (\n            <div className={\"share--blurClass\"}>\n              <Accordion className=\"people-access-accordion\">\n                <AccordionSummary expandIcon={<ExpandMoreIcon />}>\n                  <Typography>People with access</Typography>\n                </AccordionSummary>\n                <AccordionDetails className=\"user-accordion-details\">\n                  <List className=\"accordion-list\">\n                    {roles &&\n                      roles.map((user: any) => {\n                        const userRole: any =\n                          roleValue?.length > 0 &&\n                          roleValue?.filter((item: any) => item.id === user.id);\n                        return (\n                          <ListItem alignItems=\"flex-start\" key={user.id}>\n                            <ListItemAvatar>\n                              <Avatar size={40} alt=\"Person\" icon />\n                            </ListItemAvatar>\n                            <ListItemText\n                              className=\"primary-user-name\"\n                              primary={user.name}\n                              secondary={\n                                <Typography\n                                  component=\"span\"\n                                  variant=\"body2\"\n                                  className=\"secondary-email-text\"\n                                >\n                                  {user.email}\n                                </Typography>\n                              }\n                            />\n                            {user.role == \"Owner\" ? (\n                              <p className=\"owner-role-badge\">{user.role}</p>\n                            ) : (\n                              <div>\n                                <Select\n                                  className=\"role-edit-select-box\"\n                                  value={\n                                    userRole?.length > 0 ? userRole[0].role : \"\"\n                                  }\n                                  onChange={(e: any) =>\n                                    handleRoleChange(e, user.id, user)\n                                  }\n                                  variant=\"outlined\"\n                                >\n                                  {availableRole.map((role: any) => (\n                                    <MenuItem\n                                      className=\"select-menu-items\"\n                                      value={role}\n                                      key={role}\n                                    >\n                                      {role}\n                                    </MenuItem>\n                                  ))}\n                                </Select>\n                              </div>\n                            )}\n                          </ListItem>\n                        );\n                      })}\n                  </List>\n                </AccordionDetails>\n              </Accordion>\n            </div>\n          )}\n\n          <div className=\"checkbox\">\n            <Checkbox\n              checked={isPublic}\n              onChange={toggleMakeItPublic}\n            />\n            <div className=\"checkbox-text\">Make it public</div>\n          </div>\n        </DialogContent>\n\n        <Divider />\n\n        <DialogActions className=\"share--actions\">\n          <Button className=\"cancel-btn\" variant=\"text\" onClick={onClose}>\n            Cancel\n          </Button>\n          <Button className=\"success-btn\" onClick={handleShareSubmit}>\n            Save and Share\n          </Button>\n        </DialogActions>\n      </Dialog>\n    </div>\n  );\n};\n\nexport { SharePopUpEnhanced };\nexport default SharePopUpEnhanced;"],"names":["error","value","CloseIcon","ExpandMoreIcon"],"mappings":"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"}

package/dist/components/share-modal/share-modal-enhanced/index.js

@@ -1,24 +1,24 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=,/* empty css                                                          */l=,/* empty css                                                     */i=,/* empty css                                 */r=,/* empty css                         */a=,/* empty css                         */t=;/* empty css                         */;/* empty css                         */var d=require("react"),n=,/* empty css                         */o=,/* empty css                             */u=require("lodash"),c=,/* empty css                             */m=,/* empty css                                                       */x=,/* empty css                                                                     */h=,/* empty css                                                 */j=,/* empty css                                                                 */p=,/* empty css                                                               */f=,/* empty css                                                         */g=,/* empty css                                                                           */v=,/* empty css                                                             */y=,/* empty css                                                                           */b=,/* empty css                                                                           */q=,/* empty css                                                   */_=,/* empty css                                                           */N=,/* empty css                                                                       */A=,/* empty css                                                                   */C=,/* empty css                                                           */D=;/* empty css                                                                     */exports.default=I=>{const{open:S,title:R,onClose:U,roles:k,toggleSwitch:L,onSubmit:T,value:V={},isPeopleAccessVisible:w=!1,users:M=[],departments:E=[],loading:P=!1,error:B="",onFetchUsersAndDepartments:F,useRedux:O=!1}=I;let H={users:[],departments:[],loading:!1,error:"",isError:!1},z=null;if(O)try{const{useAppSelector:e,useAppDispatch:s}=require("../../redux/hooks");require("../../redux/slices"),H=e(e=>e.share||H),z=s()}catch(oe){}const G=O?H.users:M,J=O?H.departments:E,K=O?H.loading:P,Q=O?H.error:B,[W,X]=d.useState(V.isPublic||!1),[Y,Z]=d.useState(V.selectedUsers||[]),[$,ee]=d.useState([]),[se,le]=d.useState([]),[ie,re]=d.useState({isRoleVisible:!1,selectedUsers:[]}),ae=d.useMemo(()=>(null==ie?void 0:ie.isRoleVisible)?J:G,[G,J,null==ie?void 0:ie.isRoleVisible]),[te,de]=d.useState([]);d.useEffect(()=>{const e=[],s=[];k&&k.map(l=>{const i={};"Owner"!==l.role&&(e.push(l.role),i.id=l.id,i.role=l.role,s.push(i)),le(e),ee(s)})},[k]),d.useEffect(()=>{var e;(null==(e=null==V?void 0:V.selectedUsers)?void 0:e.length)||(null==V?void 0:V.role_id)?(ie.isRoleVisible=V.is_role,re(ie),Z({...V,selectedUsers:V.is_role?null==V?void 0:V.role_id:null==V?void 0:V.selectedUsers})):ne()},[null==V?void 0:V.selectedUsers,S]);const ne=()=>{Z({...V}),re(e=>({...e,selectedUsers:[]}))};return d.useEffect(()=>{if(S||ne(),S)if(O&&z){const{getAllUserAndDepartmentDropdown:e}=require("../../redux/slices");z(e())}else F&&F()},[S,O,z,F]),K?/* @__PURE__ */e.jsx(m.default,{open:S,onClose:U,className:"share",children:/* @__PURE__ */e.jsx(x.default,{children:/* @__PURE__ */e.jsx(h.default,{display:"flex",justifyContent:"center",alignItems:"center",minHeight:"200px",children:/* @__PURE__ */e.jsx(i.Typography,{children:"Loading users and departments..."})})})}):Q?/* @__PURE__ */e.jsx(m.default,{open:S,onClose:U,className:"share",children:/* @__PURE__ */e.jsx(x.default,{children:/* @__PURE__ */e.jsxs(h.default,{display:"flex",flexDirection:"column",alignItems:"center",minHeight:"200px",children:[
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=,/* empty css                                                          */l=,/* empty css                                                     */i=,/* empty css                                 */r=,/* empty css                         */a=,/* empty css                         */t=;/* empty css                         */;/* empty css                         */var n=require("react"),o=,/* empty css                         */d=,/* empty css                             */u=require("lodash"),c=,/* empty css                             */m=,/* empty css                                                       */x=,/* empty css                                                                     */h=,/* empty css                                                 */p=,/* empty css                                                                 */j=,/* empty css                                                               */f=,/* empty css                                                         */g=,/* empty css                                                                           */v=,/* empty css                                                             */b=,/* empty css                                                                           */y=,/* empty css                                                                           */q=,/* empty css                                                   */_=,/* empty css                                                           */N=,/* empty css                                                                       */A=,/* empty css                                                                   */C=,/* empty css                                                           */D=;/* empty css                                                                     */const S=S=>{const{open:I,title:U,onClose:R,roles:k,toggleSwitch:T,onSubmit:L,value:V={},isPeopleAccessVisible:w=!1,users:B=[],departments:E=[],loading:M=!1,error:P="",onFetchUsersAndDepartments:F,useRedux:O=!1}=S;let H={users:[],departments:[],loading:!1,error:"",isError:!1},z=null;if(O)try{const{useAppSelector:e,useAppDispatch:s}=require("../../redux/hooks");require("../../redux/slices"),H=e(e=>e.share||H),z=s()}catch(de){}const G=O?H.users:B,J=O?H.departments:E,K=O?H.loading:M,Q=O?H.error:P,[W,X]=n.useState(V.isPublic||!1),[Y,Z]=n.useState(V.selectedUsers||[]),[$,ee]=n.useState([]),[se,le]=n.useState([]),[ie,re]=n.useState({isRoleVisible:!1,selectedUsers:[]}),ae=n.useMemo(()=>(null==ie?void 0:ie.isRoleVisible)?J:G,[G,J,null==ie?void 0:ie.isRoleVisible]),[te,ne]=n.useState([]);n.useEffect(()=>{const e=[],s=[];k&&k.map(l=>{const i={};"Owner"!==l.role&&(e.push(l.role),i.id=l.id,i.role=l.role,s.push(i)),le(e),ee(s)})},[k]),n.useEffect(()=>{var e;(null==(e=null==V?void 0:V.selectedUsers)?void 0:e.length)||(null==V?void 0:V.role_id)?(ie.isRoleVisible=V.is_role,re(ie),Z({...V,selectedUsers:V.is_role?null==V?void 0:V.role_id:null==V?void 0:V.selectedUsers})):oe()},[null==V?void 0:V.selectedUsers,I]);const oe=()=>{Z({...V}),re(e=>({...e,selectedUsers:[]}))};return n.useEffect(()=>{if(I||oe(),I)if(O&&z){const{getAllUserAndDepartmentDropdown:e}=require("../../redux/slices");z(e())}else F&&F()},[I,O,z,F]),K?/* @__PURE__ */e.jsx(m.default,{open:I,onClose:R,className:"share",children:/* @__PURE__ */e.jsx(x.default,{children:/* @__PURE__ */e.jsx(h.default,{display:"flex",justifyContent:"center",alignItems:"center",minHeight:"200px",children:/* @__PURE__ */e.jsx(i.Typography,{children:"Loading users and departments..."})})})}):Q?/* @__PURE__ */e.jsx(m.default,{open:I,onClose:R,className:"share",children:/* @__PURE__ */e.jsx(x.default,{children:/* @__PURE__ */e.jsxs(h.default,{display:"flex",flexDirection:"column",alignItems:"center",minHeight:"200px",children:[
 /* @__PURE__ */e.jsxs(i.Typography,{color:"error",children:["Error: ",Q]}),
-/* @__PURE__ */e.jsx(r.default,{onClick:()=>{if(O&&z){const{getAllUserAndDepartmentDropdown:e}=require("../../redux/slices");z(e())}else F&&F()},sx:{mt:2},children:"Retry"})]})})}):/* @__PURE__ */e.jsx("div",{children:/* @__PURE__ */e.jsxs(m.default,{open:S,onClose:U,className:"share",children:[
-/* @__PURE__ */e.jsxs(j.default,{className:"share--head",children:[
-/* @__PURE__ */e.jsx(h.default,{className:"share--title",children:/* @__PURE__ */e.jsx(i.Typography,{type:"s3",ml:1,className:"dialog-box-title",children:R})}),
-/* @__PURE__ */e.jsx(p.default,{disableRipple:!0,onClick:U,children:/* @__PURE__ */e.jsx(l.default,{})})]}),
+/* @__PURE__ */e.jsx(r.Button,{onClick:()=>{if(O&&z){const{getAllUserAndDepartmentDropdown:e}=require("../../redux/slices");z(e())}else F&&F()},sx:{mt:2},children:"Retry"})]})})}):/* @__PURE__ */e.jsx("div",{children:/* @__PURE__ */e.jsxs(m.default,{open:I,onClose:R,className:"share",children:[
+/* @__PURE__ */e.jsxs(p.default,{className:"share--head",children:[
+/* @__PURE__ */e.jsx(h.default,{className:"share--title",children:/* @__PURE__ */e.jsx(i.Typography,{type:"s3",ml:1,className:"dialog-box-title",children:U})}),
+/* @__PURE__ */e.jsx(j.default,{disableRipple:!0,onClick:R,children:/* @__PURE__ */e.jsx(l.default,{})})]}),
 /* @__PURE__ */e.jsx(f.default,{}),
 /* @__PURE__ */e.jsxs(x.default,{className:"share--content",children:[
 /* @__PURE__ */e.jsxs(h.default,{m:1,display:"flex",alignItems:"center",justifyContent:"space-between",children:[
 /* @__PURE__ */e.jsx(i.Typography,{type:"s3",className:"input-label",children:"Add users"}),
-/* @__PURE__ */e.jsx(g.default,{control:/* @__PURE__ */e.jsx(h.default,{mb:.5,mr:.5,children:/* @__PURE__ */e.jsx(n.default,{checked:null==ie?void 0:ie.isRoleVisible,onChange:()=>{re(e=>({...e,isRoleVisible:!e.isRoleVisible})),Z([]),de(V.selectedUsers||[])}})}),label:/* @__PURE__ */e.jsx(i.Typography,{type:"s3",className:"input-label",children:"Show only Roles"})})]}),L&&/* @__PURE__ */e.jsx(e.Fragment,{children:/* @__PURE__ */e.jsx(h.default,{mb:4,className:"d-flex",children:/* @__PURE__ */e.jsx(o.default,{options:ae,multiple:!0,value:null==Y?void 0:Y.selectedUsers,onChange:e=>{return s=e.target.value,ie.isRoleVisible&&Z({...Y,role_id:s}),void Z({...Y,selectedUsers:s});var s},placeholder:Y&&Y.length?"":"Add people and roles",getSelectedData:e=>de(e)})})}),w&&/* @__PURE__ */e.jsx("div",{className:"share--blurClass",children:/* @__PURE__ */e.jsxs(v.default,{className:"people-access-accordion",children:[
-/* @__PURE__ */e.jsx(y.default,{expandIcon:/* @__PURE__ */e.jsx(s.default,{}),children:/* @__PURE__ */e.jsx(i.Typography,{children:"People with access"})}),
-/* @__PURE__ */e.jsx(b.default,{className:"user-accordion-details",children:/* @__PURE__ */e.jsx(q.default,{className:"accordion-list",children:k&&k.map(s=>{const l=(null==$?void 0:$.length)>0&&(null==$?void 0:$.filter(e=>e.id===s.id));/* @__PURE__ */
+/* @__PURE__ */e.jsx(g.default,{control:/* @__PURE__ */e.jsx(h.default,{mb:.5,mr:.5,children:/* @__PURE__ */e.jsx(o.Toggle,{checked:null==ie?void 0:ie.isRoleVisible,onChange:()=>{re(e=>({...e,isRoleVisible:!e.isRoleVisible})),Z([]),ne(V.selectedUsers||[])}})}),label:/* @__PURE__ */e.jsx(i.Typography,{type:"s3",className:"input-label",children:"Show only Roles"})})]}),T&&/* @__PURE__ */e.jsx(e.Fragment,{children:/* @__PURE__ */e.jsx(h.default,{mb:4,className:"d-flex",children:/* @__PURE__ */e.jsx(d.default,{options:ae,multiple:!0,value:null==Y?void 0:Y.selectedUsers,onChange:e=>{return s=e.target.value,ie.isRoleVisible&&Z({...Y,role_id:s}),void Z({...Y,selectedUsers:s});var s},placeholder:Y&&Y.length?"":"Add people and roles",getSelectedData:e=>ne(e)})})}),w&&/* @__PURE__ */e.jsx("div",{className:"share--blurClass",children:/* @__PURE__ */e.jsxs(v.default,{className:"people-access-accordion",children:[
+/* @__PURE__ */e.jsx(b.default,{expandIcon:/* @__PURE__ */e.jsx(s.default,{}),children:/* @__PURE__ */e.jsx(i.Typography,{children:"People with access"})}),
+/* @__PURE__ */e.jsx(y.default,{className:"user-accordion-details",children:/* @__PURE__ */e.jsx(q.default,{className:"accordion-list",children:k&&k.map(s=>{const l=(null==$?void 0:$.length)>0&&(null==$?void 0:$.filter(e=>e.id===s.id));/* @__PURE__ */
 return e.jsxs(_.default,{alignItems:"flex-start",children:[
 /* @__PURE__ */e.jsx(N.default,{children:/* @__PURE__ */e.jsx(a.Avatar,{size:40,alt:"Person",icon:!0})}),
-/* @__PURE__ */e.jsx(A.default,{className:"primary-user-name",primary:s.name,secondary:/* @__PURE__ */e.jsx(i.Typography,{component:"span",variant:"body2",className:"secondary-email-text",children:s.email})}),"Owner"==s.role?/* @__PURE__ */e.jsx("p",{className:"owner-role-badge",children:s.role}):/* @__PURE__ */e.jsx("div",{children:/* @__PURE__ */e.jsx(t.default,{className:"role-edit-select-box",value:(null==l?void 0:l.length)>0?l[0].role:"",onChange:e=>((e,s)=>{const l=$.map(l=>(l.id===s&&(l.role=e.target.value),l));ee(l)})(e,s.id),variant:"outlined",children:se.map(s=>/* @__PURE__ */e.jsx(C.default,{className:"select-menu-items",value:s,children:s},s))})})]},s.id)})})})]})}),
+/* @__PURE__ */e.jsx(A.default,{className:"primary-user-name",primary:s.name,secondary:/* @__PURE__ */e.jsx(i.Typography,{component:"span",variant:"body2",className:"secondary-email-text",children:s.email})}),"Owner"==s.role?/* @__PURE__ */e.jsx("p",{className:"owner-role-badge",children:s.role}):/* @__PURE__ */e.jsx("div",{children:/* @__PURE__ */e.jsx(t.Select,{className:"role-edit-select-box",value:(null==l?void 0:l.length)>0?l[0].role:"",onChange:e=>((e,s)=>{const l=$.map(l=>(l.id===s&&(l.role=e.target.value),l));ee(l)})(e,s.id),variant:"outlined",children:se.map(s=>/* @__PURE__ */e.jsx(C.default,{className:"select-menu-items",value:s,children:s},s))})})]},s.id)})})})]})}),
 /* @__PURE__ */e.jsxs("div",{className:"checkbox",children:[
-/* @__PURE__ */e.jsx(c.default,{checked:W,onChange:()=>{X(!W)}}),
+/* @__PURE__ */e.jsx(c.Checkbox,{checked:W,onChange:()=>{X(!W)}}),
 /* @__PURE__ */e.jsx("div",{className:"checkbox-text",children:"Make it public"})]})]}),
 /* @__PURE__ */e.jsx(f.default,{}),
 /* @__PURE__ */e.jsxs(D.default,{className:"share--actions",children:[
-/* @__PURE__ */e.jsx(r.default,{className:"cancel-btn",variant:"text",onClick:U,children:"Cancel"}),
-/* @__PURE__ */e.jsx(r.default,{className:"success-btn",onClick:()=>{if(!(null==te?void 0:te.length))return;const e=u.flatMap(te,"userIds").filter(e=>e);let s=te;Array.isArray(e)&&(null==e?void 0:e.length)&&(s=(null==G?void 0:G.filter(s=>e.includes(s.id)))||[]);const l={is_private:!W,selectedUsers:[...new Set(s)],is_role:null==ie?void 0:ie.isRoleVisible,role_id:(null==ie?void 0:ie.isRoleVisible)?null==te?void 0:te.map(e=>null==e?void 0:e.id):[]};T(l)},children:"Save and Share"})]})]})})};
+/* @__PURE__ */e.jsx(r.Button,{className:"cancel-btn",variant:"text",onClick:R,children:"Cancel"}),
+/* @__PURE__ */e.jsx(r.Button,{className:"success-btn",onClick:()=>{if(!(null==te?void 0:te.length))return;const e=u.flatMap(te,"userIds").filter(e=>e);let s=te;Array.isArray(e)&&(null==e?void 0:e.length)&&(s=(null==G?void 0:G.filter(s=>e.includes(s.id)))||[]);const l={is_private:!W,selectedUsers:[...new Set(s)],is_role:null==ie?void 0:ie.isRoleVisible,role_id:(null==ie?void 0:ie.isRoleVisible)?null==te?void 0:te.map(e=>null==e?void 0:e.id):[]};L(l)},children:"Save and Share"})]})]})})};exports.SharePopUpEnhanced=S,exports.default=S;
 //# sourceMappingURL=index.js.map