{"version":3,"file":"static/js/main-0acbe4c9.5a41f27d.js","mappings":"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","sources":["common-components/DisableSectionOverlay.jsx","common-components/LargeSimpleInput.js","common-components/SaveToAutoSelect.js","common-components/SearchInput.js","common-components/SimpleCheckBox.js","common-components/SimpleCircularProgress.js","common-components/SimpleInput.js","common-components/SimpleSearchInput.js","common-components/UpgradePremiumTagGray.jsx"],"sourcesContent":["import React from \"react\";\r\nimport { CustomNameTooltip } from \"../Components/DrawBoard/top-toolbar/components/CustomTooltip\";\r\nimport { Box } from \"@mui/material\";\r\nimport { color } from \"../Utils/style/color/color\";\r\n\r\nconst DisableSectionOverlay = ({\r\n  tooltipTitle,\r\n  tooltipPlacement = \"bottom\",\r\n}) => {\r\n  return (\r\n    <CustomNameTooltip title={tooltipTitle} placement={tooltipPlacement}>\r\n      <Box\r\n        height={\"100%\"}\r\n        width={\"100%\"}\r\n        position={\"absolute\"}\r\n        bgcolor={color.disableSectionBG}\r\n        top={0}\r\n        left={0}\r\n      ></Box>\r\n    </CustomNameTooltip>\r\n  );\r\n};\r\n\r\nexport default DisableSectionOverlay;\r\n","import React, { useRef, useState } from \"react\";\r\nimport {\r\n  Box,\r\n  FormControl,\r\n  FormLabel,\r\n  InputAdornment,\r\n  OutlinedInput,\r\n  Stack,\r\n  TextField,\r\n  Typography,\r\n} from \"@mui/material\";\r\nimport { IcCheck, IcInfoOutlined } from \"../assets/icon-components\";\r\nimport { color } from \"../Utils/style/color/color\";\r\nimport { fontSizes } from \"../Utils/style/font/fontsizes\";\r\n\r\nconst LargeSimpleInput = ({\r\n  label,\r\n  required,\r\n  placeholder,\r\n  type = \"text\",\r\n  defaultValue,\r\n  errorMessage = \"\",\r\n  value,\r\n  labelIcon,\r\n  onChange,\r\n  endAdornment,\r\n  startAdornment,\r\n  inputSx = {},\r\n  mainSx = {},\r\n  height = 48,\r\n  autoFocus = false,\r\n  name = \"\",\r\n  onKeyPress = () => {},\r\n  onBlur = () => {},\r\n  onFocus = () => {},\r\n  fullWidth = true,\r\n  inputFontWeight = 400,\r\n  inputFontSize = 14,\r\n  labelAdornment,\r\n  disabled = false,\r\n  labelSx,\r\n  ...rest\r\n}) => {\r\n  const [focus, setFocus] = useState(false);\r\n  const inputRef = useRef(null);\r\n  const [copied, setCopied] = useState(false);\r\n\r\n  const handleCopyToClipboard = () => {\r\n    if (inputRef.current) {\r\n      navigator.clipboard\r\n        .writeText(inputRef.current.value || placeholder)\r\n        .then(() => {\r\n          setCopied(true); // Set the copied state to true\r\n          setTimeout(() => {\r\n            setCopied(false); // Reset back to false after 2 seconds\r\n          }, 2000);\r\n        })\r\n        .catch((err) => {\r\n          console.error(\"Failed to copy:\", err);\r\n        });\r\n    }\r\n  };\r\n\r\n  return (\r\n    <FormControl\r\n      fullWidth={fullWidth}\r\n      sx={{\r\n        \"& .MuiOutlinedInput-root\": {\r\n          borderRadius: \"10px\",\r\n        },\r\n        ...mainSx,\r\n      }}\r\n      className=\"large-simple-input\"\r\n    >\r\n      {labelAdornment ? (\r\n        <Stack\r\n          direction={\"row\"}\r\n          alignItems={\"center\"}\r\n          justifyContent={\"space-between\"}\r\n          sx={{\r\n            mb: \"2px\",\r\n          }}\r\n        >\r\n          {label ? (\r\n            <FormLabel\r\n              sx={{\r\n                color: \"#18181B !important\",\r\n                fontSize: {\r\n                  xs: `${fontSizes.mediumFont} !important`,\r\n                  md: `${fontSizes.fontSize13} !important`,\r\n                  xl: `${fontSizes.fontSize14} !important`,\r\n                },\r\n                fontWeight: 600,\r\n                lineHeight: \"20px\",\r\n                display: \"flex\",\r\n                alignItems: \"center\",\r\n              }}\r\n            >\r\n              {label}\r\n              {required && <span className=\"required\">*</span>}\r\n              {labelIcon}\r\n            </FormLabel>\r\n          ) : (\r\n            <Box />\r\n          )}\r\n          {labelAdornment}\r\n        </Stack>\r\n      ) : (\r\n        <>\r\n          {label && (\r\n            <FormLabel\r\n              sx={{\r\n                color: \"#18181B !important\",\r\n                fontSize: {\r\n                  xs: `${fontSizes.mediumFont} !important`,\r\n                  md: `${fontSizes.fontSize13} !important`,\r\n                  xl: `${fontSizes.fontSize14} !important`,\r\n                },\r\n                fontWeight: 600,\r\n                mb: \"2px\",\r\n                lineHeight: \"20px\",\r\n                display: \"flex\",\r\n                alignItems: \"center\",\r\n                ...labelSx,\r\n              }}\r\n            >\r\n              {label}&nbsp;\r\n              {required && <span className=\"required\">*</span>}\r\n              {labelIcon}\r\n            </FormLabel>\r\n          )}\r\n        </>\r\n      )}\r\n\r\n      {endAdornment ? (\r\n        <Box\r\n          borderRadius={\"10px\"}\r\n          border={\r\n            errorMessage.length > 0\r\n              ? \"3px solid #FF393224\"\r\n              : focus\r\n              ? `3px solid ${color.lightPrimary}`\r\n              : \"3px solid transparent\"\r\n          }\r\n          // borderLeft={errorMessage.length > 0 || focus ? \"\" : \"none\"}\r\n          // borderRight={errorMessage.length > 0 || focus ? \"\" : \"none\"}\r\n        >\r\n          <OutlinedInput\r\n            inputRef={inputRef}\r\n            id=\"outlined-adornment-password\"\r\n            type={type}\r\n            fullWidth\r\n            label=\"\"\r\n            disabled={disabled}\r\n            value={value}\r\n            defaultValue={defaultValue}\r\n            placeholder={placeholder}\r\n            name={name}\r\n            onChange={onChange}\r\n            autoComplete=\"off\"\r\n            onFocus={() => {\r\n              setFocus(true);\r\n              onFocus();\r\n            }}\r\n            onBlur={() => {\r\n              onBlur();\r\n              setFocus(false);\r\n            }}\r\n            sx={{\r\n              height: `${height || 48}px`,\r\n              borderColor:\r\n                errorMessage.length > 0\r\n                  ? \"#FF3932 !important\"\r\n                  : focus\r\n                  ? `${color.primaryColor} !important`\r\n                  : \"#E1E1E1 !important\",\r\n              border: \"1px solid #e6eaef\",\r\n              borderRadius: \"8px\",\r\n              pr: 0,\r\n              input: {\r\n                py: 0,\r\n                pl: \"15px\",\r\n                height: \"48px\",\r\n                border: \"none !important\",\r\n                fontSize: inputFontSize,\r\n                borderRadius: \"8px\",\r\n                fontWeight: inputFontWeight,\r\n                \"& .MuiInputBase-root\": {\r\n                  height: \"100%\",\r\n                },\r\n                \"&::placeholder\": {\r\n                  // fontSize: \"14px !important\",\r\n                  fontSize: {\r\n                    xs: `${fontSizes.mediumFont} !important`,\r\n                    md: `${fontSizes.fontSize13} !important`,\r\n                    xl: `${fontSizes.fontSize14} !important`,\r\n                  },\r\n                  color: \"#848382 !important\",\r\n                  opacity: 1,\r\n                  fontWeight: 300,\r\n                },\r\n                ...inputSx,\r\n              },\r\n\r\n              fieldset: {\r\n                display: \"none\",\r\n              },\r\n            }}\r\n            endAdornment={\r\n              <InputAdornment position=\"end\">{endAdornment}</InputAdornment>\r\n            }\r\n          />\r\n        </Box>\r\n      ) : startAdornment ? (\r\n        <Box\r\n          borderRadius={\"10px\"}\r\n          border={\r\n            errorMessage.length > 0\r\n              ? \"3px solid #FF393224\"\r\n              : focus\r\n              ? `3px solid ${color.lightPrimary}`\r\n              : \"3px solid transparent\"\r\n          }\r\n          // borderLeft={errorMessage.length > 0 || focus ? \"\" : \"none\"}\r\n          // borderRight={errorMessage.length > 0 || focus ? \"\" : \"none\"}\r\n        >\r\n          <OutlinedInput\r\n            id=\"outlined-adornment-password\"\r\n            type={type}\r\n            fullWidth\r\n            label=\"\"\r\n            value={value}\r\n            defaultValue={defaultValue}\r\n            placeholder={placeholder}\r\n            name={name}\r\n            onChange={onChange}\r\n            disabled={disabled}\r\n            autoComplete=\"off\"\r\n            onFocus={() => {\r\n              setFocus(true);\r\n              onFocus();\r\n            }}\r\n            onBlur={() => {\r\n              onBlur();\r\n              setFocus(false);\r\n            }}\r\n            sx={{\r\n              height: `${Number(height)}px !important`,\r\n              borderColor:\r\n                errorMessage.length > 0\r\n                  ? \"#FF3932 !important\"\r\n                  : focus\r\n                  ? `${color.primaryColor} !important`\r\n                  : \"#E1E1E1 !important\",\r\n              border: \"1px solid #e6eaef\",\r\n              borderRadius: \"8px !important\",\r\n              px: 0,\r\n              input: {\r\n                py: 0,\r\n                pl: \"5px\",\r\n                height: `${Number(height)}px !important`,\r\n                border: \"none !important\",\r\n                fontSize: inputFontSize,\r\n                borderRadius: \"8px\",\r\n                fontWeight: inputFontWeight,\r\n                \"& .MuiInputBase-root\": {\r\n                  height: \"100%\",\r\n                },\r\n                \"&::placeholder\": {\r\n                  // fontSize: \"13.5px !important\",\r\n                  fontSize: {\r\n                    xs: `${fontSizes.mediumFont} !important`,\r\n                    md: `${fontSizes.fontSize13} !important`,\r\n                    xl: `${fontSizes.fontSize14} !important`,\r\n                  },\r\n                  color: \"#848382 !important\",\r\n                  opacity: 1,\r\n                  fontWeight: 300,\r\n                },\r\n                ...inputSx,\r\n              },\r\n              fieldset: {\r\n                display: \"none\",\r\n              },\r\n            }}\r\n            startAdornment={\r\n              startAdornment && (\r\n                <InputAdornment position=\"start\">\r\n                  {startAdornment}\r\n                </InputAdornment>\r\n              )\r\n            }\r\n          />\r\n        </Box>\r\n      ) : (\r\n        <Box\r\n          borderRadius={\"10px\"}\r\n          border={\r\n            errorMessage.length > 0\r\n              ? \"3px solid #FF393224\"\r\n              : focus\r\n              ? `3px solid ${color.lightPrimary}`\r\n              : \"3px solid transparent\"\r\n          }\r\n          // borderLeft={errorMessage.length > 0 || focus ? \"\" : \"none\"}\r\n          // borderRight={errorMessage.length > 0 || focus ? \"\" : \"none\"}\r\n        >\r\n          <TextField\r\n            fullWidth\r\n            type={type}\r\n            label=\"\"\r\n            name={name}\r\n            defaultValue={defaultValue}\r\n            value={value}\r\n            placeholder={placeholder}\r\n            autoComplete=\"off\"\r\n            onFocus={() => {\r\n              setFocus(true);\r\n              onFocus();\r\n            }}\r\n            onBlur={() => {\r\n              onBlur();\r\n              setFocus(false);\r\n            }}\r\n            autoFocus={autoFocus}\r\n            onKeyPress={onKeyPress}\r\n            sx={{\r\n              input: {\r\n                py: 0,\r\n                fontSize: inputFontSize,\r\n                height: `${Number(height) - 2}px !important`,\r\n                borderColor:\r\n                  errorMessage.length > 0\r\n                    ? \"#FF3932 !important\"\r\n                    : focus\r\n                    ? `${color.primaryColor} !important`\r\n                    : \"#E1E1E1 !important\",\r\n                color: \"#18181B !important\",\r\n                fontWeight: inputFontWeight,\r\n\r\n                \"&::placeholder\": {\r\n                  // fontSize: \"13.5px !important\",\r\n                  fontSize: {\r\n                    xs: `${fontSizes.mediumFont} !important`,\r\n                    md: `${fontSizes.fontSize13} !important`,\r\n                    xl: `${fontSizes.fontSize14} !important`,\r\n                  },\r\n                  color: \"#848382 !important\",\r\n                  opacity: 1,\r\n                  fontWeight: 300,\r\n                },\r\n\r\n                \"&.Mui-disabled\": {\r\n                  backgroundColor: \"#F9FAFB !important\",\r\n                  color: \"#C3C3C3 !important\",\r\n                },\r\n                ...inputSx,\r\n              },\r\n              textarea: {\r\n                fontSize: inputFontSize,\r\n                borderColor:\r\n                  errorMessage.length > 0\r\n                    ? \"#FF3932 !important\"\r\n                    : focus\r\n                    ? `${color.primaryColor} !important`\r\n                    : \"#E1E1E1 !important\",\r\n                fontWeight: inputFontWeight,\r\n                color: \"#18181B !important\",\r\n                \"&::placeholder\": {\r\n                  // fontSize: \"13.5px !important\",\r\n                  fontSize: {\r\n                    xs: `${fontSizes.mediumFont} !important`,\r\n                    md: `${fontSizes.fontSize13} !important`,\r\n                    xl: `${fontSizes.fontSize14} !important`,\r\n                  },\r\n                  color: \"#848382 !important\",\r\n                  opacity: 1,\r\n                  fontWeight: 300,\r\n                },\r\n              },\r\n              \"& fieldset\": {\r\n                display: \"none !important\",\r\n              },\r\n            }}\r\n            onChange={onChange}\r\n            disabled={disabled}\r\n            {...rest}\r\n          />\r\n        </Box>\r\n      )}\r\n      {errorMessage.length > 0 && (\r\n        <Stack\r\n          mt={\"2px\"}\r\n          direction={\"row\"}\r\n          alignItems={\"center\"}\r\n          justifyContent={\"flex-start\"}\r\n        >\r\n          {/* <IcInfoOutlined fill={color.errorColor} /> */}\r\n          <Typography\r\n            color={color.errorColor}\r\n            fontSize={{\r\n              xs: fontSizes.mediumFont,\r\n              md: fontSizes.fontSize13,\r\n              xl: fontSizes.fontSize13,\r\n            }}\r\n            fontWeight={500}\r\n          >\r\n            {errorMessage}\r\n          </Typography>\r\n        </Stack>\r\n      )}\r\n    </FormControl>\r\n  );\r\n};\r\n\r\nexport default LargeSimpleInput;\r\n","import React, { Fragment } from \"react\";\r\nimport { Box, Stack, Typography } from \"@mui/material\";\r\nimport {\r\n  IcArrowDown2,\r\n  IcFolder2Outlined,\r\n  IcPlusSquaredOutlined,\r\n} from \"../assets/icon-components\";\r\nimport SimpleInput from \"./SimpleInput\";\r\nimport BtnGradient from \"./buttons/BtnGradient\";\r\nimport BtnColoredOutlined from \"./buttons/BtnColoredOutlined\";\r\n// import commanService from \"../CommanFunctions/commanService\";\r\nimport { color } from \"../Utils/style/color/color\";\r\nimport { fontSizes } from \"../Utils/style/font/fontsizes\";\r\nimport LargeSimpleInput from \"./LargeSimpleInput\";\r\nimport { s3AssetsUrl } from \"../Components/DrawBoard/const\";\r\n\r\nconst SaveToAutoSelect = ({\r\n  label,\r\n  selectedDocs,\r\n  // formErrors,\r\n  projects,\r\n  setIsAddNewProject,\r\n  isAddNewProject = false,\r\n  form,\r\n  setForm,\r\n  handleAddProject,\r\n  loading,\r\n  setFormErrors,\r\n  openedFolders,\r\n  setSelectedDocs,\r\n  setOpenDropdown,\r\n  openDropdown,\r\n  selectedOption,\r\n  isDropDown = false,\r\n  formErrors,\r\n  // setFormErrors,\r\n}) => {\r\n  // const buildTree = (data, parentValue = null) => {\r\n  //   const tree = [];\r\n  //   const children = data.filter((item) => item.parent === parentValue);\r\n\r\n  //   for (const child of children) {\r\n  //     const node = {\r\n  //       value: child.value,\r\n  //       label: child.label,\r\n  //       parent: child.parent,\r\n  //       children: buildTree(data, child.value),\r\n  //     };\r\n  //     tree.push(node);\r\n  //   }\r\n\r\n  //   return tree;\r\n  // };\r\n\r\n  // const renderTree = (nodes) => (\r\n  //   <TreeItem\r\n  //     key={nodes.value}\r\n  //     itemId={nodes.value}\r\n  //     sx={{\r\n  //       \"& .MuiTreeItem-iconContainer\": {\r\n  //         display: \"none !important\",\r\n  //       },\r\n  //       \"& .MuiTreeItem-content\": {\r\n  //         height: \"44px !important\",\r\n  //         borderRadius: \"8px !important\",\r\n  //         backgroundColor:\r\n  //           selectedDocs[selectedDocs.length - 1]?.project_id === nodes.value\r\n  //             ? `${color.selectedOption} !important`\r\n  //             : \"#FFF !important\",\r\n  //         pl:\r\n  //           selectedDocs[selectedDocs.length - 1]?.project_id === nodes.value\r\n  //             ? \"15px !important\"\r\n  //             : \"8px !important\",\r\n  //         \"&.Mui-focused\": {\r\n  //           backgroundColor: \"transparent !important\",\r\n  //         },\r\n  //         \"&:hover\": {\r\n  //           backgroundColor: \"#F2F2F2 !important\",\r\n  //         },\r\n  //       },\r\n  //     }}\r\n  //     label={\r\n  //       <Stack\r\n  //         direction={\"row\"}\r\n  //         alignItems={\"center\"}\r\n  //         justifyContent={\"flex-start\"}\r\n  //       >\r\n  //         <IcFolder2Outlined height=\"19\" width=\"19\" fill={\"#848382\"} />\r\n  //         <Typography\r\n  //           fontSize={14}\r\n  //           color={\"#18181B\"}\r\n  //           height={\"20px\"}\r\n  //           ml={\"12px\"}\r\n  //         >\r\n  //           {nodes.label}\r\n  //         </Typography>\r\n  //       </Stack>\r\n  //     }\r\n  //     onClick={() => {\r\n  //       getFolderLocation(nodes.value);\r\n  //     }}\r\n  //   >\r\n  //     {Array.isArray(nodes.children)\r\n  //       ? nodes.children.map((node) => renderTree(node))\r\n  //       : null}\r\n  //   </TreeItem>\r\n  // );\r\n\r\n  // const treeData = useMemo(() => buildTree(projects), [projects]);\r\n\r\n  return isDropDown ? (\r\n    <>\r\n      <Typography fontSize={14.4} fontWeight={600} color={\"#18181B\"} mb={\"6px\"}>\r\n        {label}\r\n      </Typography>\r\n\r\n      <Stack\r\n        direction={\"row\"}\r\n        alignItems={\"center\"}\r\n        mb={\"14px\"}\r\n        flexWrap={\"wrap\"}\r\n        position={\"relative\"}\r\n      >\r\n        <Stack\r\n          direction=\"row\"\r\n          alignItems=\"center\"\r\n          justifyContent=\"space-between\"\r\n          px=\"14px\"\r\n          height=\"40px\"\r\n          bgcolor=\"#FFF\"\r\n          border=\"1px solid #E1E1E1\"\r\n          borderRadius=\"8px\"\r\n          width=\"100%\"\r\n          sx={{\r\n            cursor: \"pointer\",\r\n          }}\r\n          onClick={(e) => {\r\n            e.stopPropagation();\r\n            setOpenDropdown(!openDropdown);\r\n          }}\r\n        >\r\n          <Typography\r\n            fontSize={{ xs: \"10.8px\", lg: \"12.6px\" }}\r\n            fontWeight={selectedDocs?.project_name ? 600 : 400}\r\n            color={selectedDocs?.project_name ? \"#18181B\" : color.subTitle}\r\n            height={{ xs: \"14px\", lg: \"16px\" }}\r\n          >\r\n            {selectedDocs?.project_name || \"Select\"}\r\n          </Typography>\r\n          <Stack>\r\n            <IcArrowDown2 fill=\"#848382\" sx={{ transform: \"rotate(0deg)\" }} />\r\n          </Stack>\r\n        </Stack>\r\n\r\n        {openDropdown && (\r\n          <Stack\r\n            p={projects.length > 0 ? \"12px 3px 12px 12px\" : \"12px\"}\r\n            borderRadius={\"16px\"}\r\n            bgcolor={\"#FFFF\"}\r\n            boxShadow={\"0px 5px 24px 8px #10182814\"}\r\n            mt=\"8px\"\r\n            position=\"absolute\"\r\n            width=\"100%\"\r\n            zIndex={1000}\r\n            top={{ xs: \"-6px\", xl: \"38px\" }}\r\n            maxHeight={{ xs: \"190px\", xl: \"260px\" }}\r\n          >\r\n            <Stack pr={\"3px\"} overflow={\"auto\"}>\r\n              <Stack pr={\"5px\"} gap={projects.length > 0 ? \"4px\" : \"0px\"}>\r\n                <Stack\r\n                  height={\"44px\"}\r\n                  direction={\"row\"}\r\n                  alignItems={\"center\"}\r\n                  justifyContent={\"flex-start\"}\r\n                  sx={{\r\n                    cursor: \"pointer\",\r\n                    \"&:hover\": {\r\n                      backgroundColor: \"#F2F2F2 !important\",\r\n                    },\r\n                  }}\r\n                  pl={\"8px\"}\r\n                  gap={\"12px\"}\r\n                  borderRadius={\"8px\"}\r\n                  onClick={(e) => {\r\n                    e.stopPropagation();\r\n                    setIsAddNewProject(!isAddNewProject);\r\n                  }} // Toggle visibility\r\n                >\r\n                  <IcPlusSquaredOutlined\r\n                    width=\"19\"\r\n                    height=\"19\"\r\n                    fill={color.primaryColor}\r\n                  />\r\n                  <Typography\r\n                    fontSize={14}\r\n                    color={color?.primaryColor}\r\n                    height={\"20px\"}\r\n                  >\r\n                    Add New Space\r\n                  </Typography>\r\n                </Stack>\r\n\r\n                <Stack\r\n                  style={{\r\n                    maxHeight: isAddNewProject ? \"200px\" : \"0\",\r\n                    overflow: \"hidden\",\r\n                    transition: \"max-height 0.5s ease, opacity 0.5s ease\",\r\n                    opacity: isAddNewProject ? 1 : 0,\r\n                  }}\r\n                  px={\"5px\"}\r\n                  onClick={(e) => {\r\n                    e.stopPropagation();\r\n                  }}\r\n                >\r\n                  <LargeSimpleInput\r\n                    height={44}\r\n                    label={\"Space Name\"}\r\n                    placeholder={\"Enter space name\"}\r\n                    value={form.name}\r\n                    onChange={(e) => {\r\n                      setForm({ ...form, name: e.target.value });\r\n                      setFormErrors({\r\n                        name: \"\",\r\n                      });\r\n                    }}\r\n                    autoFocus={true}\r\n                    errorMessage={formErrors?.name || \"\"}\r\n                  />\r\n                  {formErrors?.name && (\r\n                    <Stack sx={{ color: \"red\", marginTop: \"4px\" }}>\r\n                      {formErrors?.name}\r\n                    </Stack>\r\n                  )}\r\n                  <Stack flexDirection={\"row\"} gap={\"15px\"} my={\"15px\"}>\r\n                    <BtnColoredOutlined\r\n                      height={40}\r\n                      bgcolor={color.greyHover}\r\n                      borderColor={color.commonBorderColor}\r\n                      sx={{\r\n                        px: \"24px\",\r\n                        transition: \"all 0.2s\",\r\n                      }}\r\n                      hoverSx={{\r\n                        bgcolor: color.darkGray,\r\n                      }}\r\n                      onClick={() => setIsAddNewProject(false)}\r\n                    >\r\n                      <Typography\r\n                        fontSize={{\r\n                          xs: fontSizes.fontSize13,\r\n                          md: fontSizes.fontSize14,\r\n                        }}\r\n                        height={fontSizes.btnTextHeight}\r\n                        color={color.subTitle}\r\n                      >\r\n                        Cancel\r\n                      </Typography>\r\n                    </BtnColoredOutlined>\r\n                    <BtnGradient\r\n                      sx={{ px: \"30px\" }}\r\n                      onClick={handleAddProject}\r\n                      height={40}\r\n                      disabled={loading}\r\n                    >\r\n                      <Typography\r\n                        fontSize={13.5}\r\n                        height={fontSizes.btnTextHeight}\r\n                        fontWeight={500}\r\n                      >\r\n                        Add\r\n                      </Typography>\r\n                    </BtnGradient>\r\n                  </Stack>\r\n                </Stack>\r\n                <Box\r\n                  width={\"100%\"}\r\n                  height={\"1px\"}\r\n                  bgcolor={\"#EEEEEE\"}\r\n                  my={projects.length > 0 ? \"0px\" : \"8px\"}\r\n                />\r\n                {/* <SimpleTreeView expandedItems={openedFolders}> */}\r\n                {projects.length > 0 ? (\r\n                  projects.map((project) => (\r\n                    <Fragment key={project.project_id}>\r\n                      <Stack\r\n                        direction={\"row\"}\r\n                        alignItems={\"center\"}\r\n                        justifyContent={\"flex-start\"}\r\n                        height={40}\r\n                        sx={{\r\n                          cursor: \"pointer\",\r\n                          transition: \"all 0.3s\",\r\n                          px: \"14px\",\r\n                          borderRadius: \"8px\",\r\n                          background:\r\n                            selectedDocs?.project_id === project?.project_id\r\n                              ? color.lightPrimary\r\n                              : \"transparent\",\r\n\r\n                          \"&:hover\": {\r\n                            background:\r\n                              selectedDocs?.project_id === project?.project_id\r\n                                ? color.lightPrimary\r\n                                : \"#F2F4F7b3\",\r\n                          },\r\n                        }}\r\n                        onClick={() => {\r\n                          setSelectedDocs(project);\r\n                        }}\r\n                      >\r\n                        <IcFolder2Outlined\r\n                          height=\"19\"\r\n                          width=\"19\"\r\n                          fill={\r\n                            selectedDocs?.project_id === project?.project_id\r\n                              ? color.primaryColor\r\n                              : color.titleDark\r\n                          }\r\n                        />\r\n                        <Typography\r\n                          fontSize={14}\r\n                          color={\r\n                            selectedDocs?.project_id === project?.project_id\r\n                              ? color.primaryColor\r\n                              : color.titleDark\r\n                          }\r\n                          height={\"20px\"}\r\n                          ml={\"12px\"}\r\n                          fontWeight={\r\n                            selectedDocs?.project_id === project?.project_id\r\n                              ? 600\r\n                              : 500\r\n                          }\r\n                        >\r\n                          {project.project_name}\r\n                        </Typography>\r\n                      </Stack>\r\n                      {/* <Box\r\n                        width={\"100%\"}\r\n                        height={\"1px\"}\r\n                        bgcolor={color.commonBorderColor}\r\n                      /> */}\r\n                    </Fragment>\r\n                  ))\r\n                ) : (\r\n                  /* </SimpleTreeView> */\r\n                  <Stack\r\n                    width={\"100%\"}\r\n                    sx={{\r\n                      borderWidth: \"1px\",\r\n                      borderStyle: \"dashed\",\r\n                      borderColor: \"#BABABA\",\r\n                      alignItems: \"center\",\r\n                      justifyContent: \"center\",\r\n                      gap: \"16px\",\r\n                      height: \"179px\",\r\n                      borderRadius: \"8px\",\r\n                    }}\r\n                  >\r\n                    <img\r\n                      src={s3AssetsUrl + \"/images/space_placeholder.svg\"}\r\n                      alt=\"SpacePlaceHolder\"\r\n                      width={\"65px\"}\r\n                    />\r\n                    <Stack gap={\"2px\"}>\r\n                      <Typography\r\n                        color={color.titleDark}\r\n                        fontSize={\"14px\"}\r\n                        fontWeight={600}\r\n                        textAlign={\"center\"}\r\n                      >\r\n                        No Data Available\r\n                      </Typography>\r\n                      <Typography\r\n                        fontSize={\"14px\"}\r\n                        fontWeight={400}\r\n                        color={color.subTitle}\r\n                        textAlign={\"center\"}\r\n                      >\r\n                        Organize your projects and teams by creating spaces.\r\n                      </Typography>\r\n                    </Stack>\r\n                  </Stack>\r\n                )}\r\n              </Stack>\r\n            </Stack>\r\n          </Stack>\r\n        )}\r\n      </Stack>\r\n    </>\r\n  ) : (\r\n    <>\r\n      {label && (\r\n        <Typography\r\n          fontSize={14.4}\r\n          fontWeight={600}\r\n          color={\"#18181B\"}\r\n          mb={\"6px\"}\r\n        >\r\n          {label}\r\n        </Typography>\r\n      )}\r\n\r\n      <Stack\r\n        direction={\"row\"}\r\n        alignItems={\"center\"}\r\n        // mb={\"14px\"}\r\n        flexWrap={\"wrap\"}\r\n        position={\"relative\"}\r\n      >\r\n        {/* <Stack\r\n          direction=\"row\"\r\n          alignItems=\"center\"\r\n          justifyContent=\"space-between\"\r\n          px=\"14px\"\r\n          height=\"40px\"\r\n          bgcolor=\"#FFF\"\r\n          border=\"1px solid #E1E1E1\"\r\n          borderRadius=\"8px\"\r\n          width=\"100%\"\r\n          sx={{\r\n            cursor: \"pointer\",\r\n          }}\r\n          onClick={(e) => {\r\n            e.stopPropagation();\r\n            setOpenDropdown(!openDropdown);\r\n          }}\r\n        >\r\n          <Typography\r\n            fontSize={{ xs: \"10.8px\", lg: \"12.6px\" }}\r\n            fontWeight={600}\r\n            color=\"#18181B\"\r\n          >\r\n            {selectedDocs?.project_name ||\r\n              \"-- Select Document --\"}\r\n          </Typography>\r\n          <Stack mr={\"6px\"}>\r\n            <IcArrowDown2 fill=\"#848382\" sx={{ transform: \"rotate(90deg)\" }} />\r\n          </Stack>\r\n        </Stack> */}\r\n\r\n        {/* {openDropdown && ( */}\r\n        <Stack\r\n          // p={\"12px 6px 12px 12px\"}\r\n          // borderRadius={\"16px\"}\r\n          bgcolor={\"#FFFF\"}\r\n          // boxShadow={\"0px 5px 24px 8px #10182814\"}\r\n          // mt=\"8px\"\r\n          // position=\"absolute\"\r\n          width=\"100%\"\r\n          // zIndex={1000}\r\n          // top={\"38px\"}\r\n          maxHeight={\"300px\"}\r\n          overflow={\"auto\"}\r\n        >\r\n          {projects.length > 0 ? (\r\n            <>\r\n              {/* <Stack\r\n                height={\"44px\"}\r\n                direction={\"row\"}\r\n                alignItems={\"center\"}\r\n                justifyContent={\"flex-start\"}\r\n                sx={{\r\n                  cursor: \"pointer\",\r\n                  \"&:hover\": {\r\n                    backgroundColor: \"#F2F2F2 !important\",\r\n                  },\r\n                }}\r\n                pl={\"8px\"}\r\n                gap={\"12px\"}\r\n                borderRadius={\"8px\"}\r\n                onClick={(e) => {\r\n                  e.stopPropagation();\r\n                  setIsAddNewProject(!isAddNewProject);\r\n                }} // Toggle visibility\r\n              >\r\n                <IcPlusSquaredOutlined\r\n                  width=\"19\"\r\n                  height=\"19\"\r\n                  fill={color.primaryColor}\r\n                />\r\n                <Typography\r\n                  fontSize={14}\r\n                  color={color.primaryColor}\r\n                  height={\"20px\"}\r\n                >\r\n                  Add New Space\r\n                </Typography>\r\n              </Stack>\r\n\r\n              <Stack\r\n                style={{\r\n                  maxHeight: isAddNewProject ? \"200px\" : \"0\",\r\n                  overflow: \"hidden\",\r\n                  transition: \"max-height 0.5s ease, opacity 0.5s ease\",\r\n                  opacity: isAddNewProject ? 1 : 0,\r\n                }}\r\n                ml={\"10px\"}\r\n                onClick={(e) => {\r\n                  e.stopPropagation();\r\n                }}\r\n              >\r\n                <SimpleInput\r\n                  label={\"Space Name\"}\r\n                  value={form.name}\r\n                  onChange={(e) => setForm({ ...form, name: e.target.value })}\r\n                  sx={{\r\n                    mt: \"10px\",\r\n                    \"& input\": {\r\n                      fontSize: 14,\r\n                      color: \"#18181B !important\",\r\n                    },\r\n                  }}\r\n                />\r\n                <Stack flexDirection={\"row\"} gap={\"15px\"} my={\"15px\"}>\r\n                  <BtnGradient\r\n                    sx={{ px: \"30px\" }}\r\n                    onClick={() => {\r\n                      handleAddProject();\r\n                    }}\r\n                    height={40}\r\n                    disabled={loading}\r\n                    // loading={projectIsCreating}\r\n                  >\r\n                    <Typography\r\n                      fontSize={13.5}\r\n                      height={\"18px\"}\r\n                      fontWeight={500}\r\n                    >\r\n                      Add\r\n                    </Typography>\r\n                  </BtnGradient>\r\n                  <BtnColoredOutlined\r\n                    bgcolor=\"#F7F7F7\"\r\n                    borderColor=\"#E1E1E1\"\r\n                    height={40}\r\n                    sx={{\r\n                      px: \"24px\",\r\n                      transition: \"all 0.2s\",\r\n                    }}\r\n                    hoverSx={{\r\n                      bgcolor: \"#EEEEEE\",\r\n                    }}\r\n                    onClick={() => setIsAddNewProject(false)}\r\n                  >\r\n                    <Typography\r\n                      fontSize={13.5}\r\n                      height={\"18px\"}\r\n                      color=\"#848382\"\r\n                    >\r\n                      Cancel\r\n                    </Typography>\r\n                  </BtnColoredOutlined>\r\n                </Stack>\r\n              </Stack>\r\n\r\n           \r\n              <SimpleTreeView expandedItems={openedFolders}> */}\r\n              <Stack pr={\"5px\"} gap={\"6px\"}>\r\n                {projects.map((project) => (\r\n                  <Fragment key={project.project_id}>\r\n                    <Stack\r\n                      direction={\"row\"}\r\n                      alignItems={\"center\"}\r\n                      justifyContent={\"flex-start\"}\r\n                      height={40}\r\n                      sx={{\r\n                        cursor: \"pointer\",\r\n                        transition: \"all 0.3s\",\r\n                        px: \"14px\",\r\n                        borderRadius: \"8px\",\r\n                        background:\r\n                          selectedDocs?.project_id === project?.project_id\r\n                            ? color.lightPrimary\r\n                            : \"transparent\",\r\n\r\n                        \"&:hover\": {\r\n                          background:\r\n                            selectedDocs?.project_id === project?.project_id\r\n                              ? color.lightPrimary\r\n                              : color.commonHoverColor,\r\n                        },\r\n                      }}\r\n                      onClick={() => {\r\n                        setSelectedDocs(project);\r\n                      }}\r\n                    >\r\n                      <IcFolder2Outlined\r\n                        height=\"19\"\r\n                        width=\"19\"\r\n                        fill={\r\n                          selectedDocs?.project_id === project?.project_id\r\n                            ? color.primaryColor\r\n                            : color.titleDark\r\n                        }\r\n                      />\r\n                      <Typography\r\n                        fontSize={14}\r\n                        color={\r\n                          selectedDocs?.project_id === project?.project_id\r\n                            ? color.primaryColor\r\n                            : color.titleDark\r\n                        }\r\n                        height={\"20px\"}\r\n                        ml={\"12px\"}\r\n                        fontWeight={\r\n                          selectedDocs?.project_id === project?.project_id\r\n                            ? 600\r\n                            : 500\r\n                        }\r\n                      >\r\n                        {project.project_name}\r\n                      </Typography>\r\n                    </Stack>\r\n                    {/* <Box\r\n                      width={\"100%\"}\r\n                      height={\"1px\"}\r\n                      bgcolor={color.commonBorderColor}\r\n                    /> */}\r\n                  </Fragment>\r\n                ))}\r\n              </Stack>\r\n              {/* </SimpleTreeView> */}\r\n            </>\r\n          ) : (\r\n            <Stack alignItems={\"center\"} my={\"45px\"}>\r\n              <Typography\r\n                fontSize={14}\r\n                fontWeight={400}\r\n                height={\"20px\"}\r\n                color={\"#8483824D\"}\r\n                textAlign={\"center\"}\r\n              >\r\n                No Spaces\r\n              </Typography>\r\n            </Stack>\r\n          )}\r\n        </Stack>\r\n        {/* )} */}\r\n      </Stack>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default SaveToAutoSelect;\r\n","import {\r\n  Box,\r\n  FormControl,\r\n  FormLabel,\r\n  InputAdornment,\r\n  OutlinedInput,\r\n} from \"@mui/material\";\r\nimport React, { useState } from \"react\";\r\nimport { IcCloseThin, IcSearchOutlined } from \"../assets/icon-components\";\r\nimport { color } from \"../Utils/style/color/color\";\r\nimport { fontSizes } from \"../Utils/style/font/fontsizes\";\r\n\r\nconst SearchInput = ({\r\n  label,\r\n  required,\r\n  placeholder,\r\n  onChange,\r\n  formControlSx = {},\r\n  value = \"\",\r\n  xsHeight = 36,\r\n  height = 40,\r\n  showBorder = true,\r\n  bgColor = \"\",\r\n  border = \"\",\r\n  width,\r\n  isdoubleborder = false,\r\n}) => {\r\n  const [focus, setFocus] = useState(false);\r\n\r\n  const borderStyle = {\r\n    border: focus\r\n      ? `3px solid ${color.primaryShadowColor}`\r\n      : \"3px solid transparent\",\r\n  };\r\n  return (\r\n    <>\r\n      <FormControl\r\n        sx={{\r\n          width: width ? `${width + 6}px` : \"fit-content\",\r\n          borderRadius: \"12px !important\",\r\n          ...borderStyle,\r\n        }}\r\n      >\r\n        {label && (\r\n          <FormLabel\r\n            sx={{\r\n              color: \"#18181B\",\r\n              fontSize: {\r\n                xs: `${fontSizes.smallFont} !important`,\r\n                md: `${fontSizes.mediumFont} !important`,\r\n                xl: `${fontSizes.fontSize14} !important`,\r\n              },\r\n              fontWeight: 400,\r\n              mb: \"8px\",\r\n            }}\r\n          >\r\n            {label}\r\n            {required && <span className=\"required\">*</span>}\r\n          </FormLabel>\r\n        )}\r\n        <Box\r\n          borderRadius={\"12px\"}\r\n          // height={{\r\n          //   xs: `${Number(xsHeight) + 6}px`,\r\n          //   xl: `${Number(height) + 6}px`,\r\n          // }}\r\n          width={{\r\n            lg: `${Number(width) - 35}px`,\r\n            xl:\r\n              typeof width === \"number\"\r\n                ? {\r\n                    xl: `${Number(width) + 6}px`,\r\n                  }\r\n                : typeof width === \"object\"\r\n                ? width\r\n                : `${Number(width) + 6}px`,\r\n          }}\r\n          sx={{\r\n            width: width || \"100%\",\r\n            // height: height,\r\n\r\n            ...formControlSx,\r\n          }}\r\n        >\r\n          <OutlinedInput\r\n            onFocus={() => setFocus(true)}\r\n            onBlur={() => setFocus(false)}\r\n            fullWidth\r\n            startAdornment={\r\n              <InputAdornment\r\n                position=\"end\"\r\n                sx={{\r\n                  color: \"#848382\",\r\n                  fontSize: \"10.8px\",\r\n                  ml: \"1px !important\",\r\n                }}\r\n              >\r\n                <IcSearchOutlined fill=\"#848382\" />\r\n              </InputAdornment>\r\n            }\r\n            label=\"\"\r\n            placeholder={placeholder}\r\n            sx={{\r\n              pl: \"10px\",\r\n              pr: \"8px\",\r\n              border: border\r\n                ? border\r\n                : focus\r\n                ? `1px solid ${color.primaryColor} !important`\r\n                : `1px solid ${\r\n                    showBorder ? color.commonBorderColor : \"transparent\"\r\n                  } !important`,\r\n              backgroundColor: bgColor || \"#f7f7f7 !important\",\r\n              borderRadius: \"6px !important\",\r\n              height: {\r\n                xs: `${Number(xsHeight)}px`,\r\n                xl: `${Number(height)}px`,\r\n              },\r\n              width: {\r\n                xl: `${Number(width) + 2}px`,\r\n              },\r\n              // \"&:hover\": {\r\n              //   border: `1px solid ${color.primaryColor} !important`,\r\n              // },\r\n              // width={\r\n              //   typeof width === \"number\"\r\n              //     ? {\r\n              //         xl: `${Number(width) + 12}px`,\r\n              //       }\r\n              //     : typeof width === \"object\"\r\n              //     ? width\r\n              //     : `${Number(width) + 12}px`\r\n              // }\r\n              // \"&:hover\": {\r\n              //   border: `1px solid ${color.primaryColor} !important`,\r\n              // },\r\n              input: {\r\n                py: 0,\r\n                pl: \"8px\",\r\n                // border: border ? border : \"none !important\",\r\n                fontSize: \"13.6px !important\",\r\n                \"&::placeholder\": {\r\n                  color: \"#848382\",\r\n                  fontSize: 12.6,\r\n                  fontWeight: 300,\r\n                  opacity: 1,\r\n                },\r\n              },\r\n              \"& fieldset\": { display: \"none\" },\r\n              \"&:focus-visible\": {\r\n                boxShadow: \"none !important\",\r\n                outline: \"none\",\r\n              },\r\n              \"&:focus\": { boxShadow: \"none !important\", outline: \"none\" },\r\n            }}\r\n            onChange={onChange}\r\n            onKeyDown={(e) => {\r\n              e.stopPropagation();\r\n            }}\r\n            value={value}\r\n            endAdornment={\r\n              value?.length > 0 ? (\r\n                <InputAdornment position=\"end\">\r\n                  <Box\r\n                    sx={{\r\n                      cursor: \"pointer\",\r\n                    }}\r\n                    onClick={() => {\r\n                      onChange({ target: { value: \"\" } });\r\n                    }}\r\n                  >\r\n                    <IcCloseThin height=\"18\" width=\"18\" fill=\"#848382\" />\r\n                  </Box>\r\n                </InputAdornment>\r\n              ) : (\r\n                <></>\r\n              )\r\n            }\r\n          />\r\n        </Box>\r\n      </FormControl>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default SearchInput;\r\n","import { Box, Stack, Typography } from \"@mui/material\";\r\nimport React from \"react\";\r\nimport { IcCheck } from \"../assets/icon-components\";\r\nimport { color } from \"../Utils/style/color/color\";\r\nimport { fontSizes } from \"../Utils/style/font/fontsizes\";\r\n\r\nconst SimpleCheckBox = ({\r\n  label = \"\",\r\n  xsLabelFontSize = 10,\r\n  labelFontSize = 12.8,\r\n  labelStyle = {},\r\n  onChange,\r\n  checked = false,\r\n  sideLabel,\r\n  errorMessage = \"\",\r\n  mainSx = {},\r\n  gap = \"6px\",\r\n  checkboxBorderColor = \"#E1E1E1\",\r\n  disabled,\r\n}) => {\r\n  return (\r\n    <Stack>\r\n      <Stack\r\n        direction={\"row\"}\r\n        alignItems={\"flex-start\"}\r\n        justifyContent={\"flex-start\"}\r\n        gap={gap ? gap : \"6px\"}\r\n        sx={{\r\n          cursor: \"pointer\",\r\n          ...mainSx,\r\n        }}\r\n        onClick={() => {\r\n          !disabled && onChange(checked);\r\n        }}\r\n        bgcolor={disabled && \"#F5F5F5\"}\r\n      >\r\n        {checked ? (\r\n          <Stack\r\n            alignItems={\"center\"}\r\n            justifyContent={\"center\"}\r\n            bgcolor={color.primaryColor}\r\n            sx={{\r\n              border: `1px solid ${color.primaryColor}`,\r\n              borderRadius: \"4px\",\r\n              minHeight: \"18px\",\r\n              minWidth: \"18px\",\r\n            }}\r\n          >\r\n            <IcCheck fill=\"#FFF\" height=\"16\" width=\"16\" />\r\n          </Stack>\r\n        ) : (\r\n          <Box\r\n            sx={{\r\n              border: `1px solid ${\r\n                errorMessage?.trim()?.length > 0\r\n                  ? \"#FF3932\"\r\n                  : checkboxBorderColor\r\n              }`,\r\n              borderRadius: \"4px\",\r\n              minHeight: \"18px\",\r\n              minWidth: \"18px\",\r\n              ...(errorMessage?.trim()?.length > 0\r\n                ? {\r\n                    boxShadow: \"0px 0px 0px 3.5px #FF393224\",\r\n                  }\r\n                : {}),\r\n            }}\r\n          />\r\n        )}\r\n        {label && (\r\n          <Typography\r\n            fontSize={{\r\n              // xs: xsLabelFontSize,\r\n              // md: labelFontSize,\r\n              xs: fontSizes.mediumFont,\r\n              md: fontSizes.fontSize13,\r\n              xl: fontSizes.fontSize14,\r\n            }}\r\n            // color={checked ? color.primaryColor : color.titleDark}\r\n            color={color.titleDark}\r\n            lineHeight={\"18px\"}\r\n            sx={{\r\n              ...labelStyle,\r\n            }}\r\n          >\r\n            {label} {sideLabel || null}\r\n          </Typography>\r\n        )}\r\n      </Stack>\r\n    </Stack>\r\n  );\r\n};\r\n\r\nexport default SimpleCheckBox;\r\n","import { Box, CircularProgress, Typography } from \"@mui/material\";\r\nimport { color } from \"../Utils/style/color/color\";\r\n\r\nconst SimpleCircularProgress = (props) => {\r\n  const {\r\n    value,\r\n    loaderColor = color.primaryColor,\r\n    loaderPathColor = \"#D6E9FF\",\r\n    ...rest\r\n  } = props;\r\n  return (\r\n    <Box\r\n      sx={{\r\n        position: \"relative\",\r\n        display: \"inline-flex\",\r\n        alignItems: \"center\",\r\n        justifyContent: \"center\",\r\n      }}\r\n    >\r\n      <CircularProgress\r\n        variant=\"determinate\"\r\n        value={100}\r\n        size=\"2rem\"\r\n        sx={{\r\n          color: loaderPathColor,\r\n        }}\r\n        {...rest}\r\n      />\r\n      <CircularProgress\r\n        variant={value ? \"determinate\" : \"indeterminate\"}\r\n        size=\"2rem\"\r\n        sx={{\r\n          color: loaderColor,\r\n          position: \"absolute\",\r\n          left: 0,\r\n          \"& .MuiCircularProgress-circle\": {\r\n            animationDuration: \"5s\",\r\n          },\r\n        }}\r\n        value={value}\r\n        {...rest}\r\n      />\r\n      {value && (\r\n        <Typography\r\n          color={\"#848382\"}\r\n          fontSize={\"9px\"}\r\n          fontWeight={\"500\"}\r\n          sx={{\r\n            position: \"absolute\",\r\n          }}\r\n        >\r\n          {`${Math.round(value)}%`}\r\n        </Typography>\r\n      )}\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default SimpleCircularProgress;\r\n","import React, { forwardRef } from \"react\";\r\nimport {\r\n  FormControl,\r\n  FormLabel,\r\n  Stack,\r\n  TextField,\r\n  Typography,\r\n} from \"@mui/material\";\r\nimport { IcInfoOutlined } from \"../assets/icon-components\";\r\nimport { fontSizes } from \"../Utils/style/font/fontsizes\";\r\nimport { color } from \"../Utils/style/color/color\";\r\n\r\n// Convert SimpleInput to forwardRef\r\nconst SimpleInput = forwardRef(\r\n  (\r\n    {\r\n      label,\r\n      required,\r\n      placeholder,\r\n      type = \"text\",\r\n      defaultValue,\r\n      errorMessage = \"\",\r\n      value,\r\n      height = 38,\r\n      labelSx = {},\r\n      sx = {},\r\n      isFullWidth = true,\r\n      borderRadius = \"6px\",\r\n      simpleBorderColor = \"#E6EAEF\",\r\n      mainClassNames = \"\",\r\n      margin,\r\n      mb,\r\n      ...rest // collect remaining props\r\n    },\r\n    ref // `ref` comes second in forwardRef\r\n  ) => {\r\n    return (\r\n      <FormControl\r\n        fullWidth={isFullWidth}\r\n        className={`${mainClassNames} large-simple-input`}\r\n        sx={{\r\n          \"& .MuiOutlinedInput-root\": {\r\n            borderRadius: borderRadius,\r\n            p: \"0px !important\",\r\n          },\r\n          ...sx,\r\n        }}\r\n      >\r\n        {label && (\r\n          <FormLabel\r\n            sx={{\r\n              color: \"#18181B !important\",\r\n              fontSize: {\r\n                xs: `${fontSizes.smallFont} !important`,\r\n                md: `${fontSizes.mediumFont} !important`,\r\n                xl: `${fontSizes.fontSize14} !important`,\r\n              },\r\n              fontWeight: 600,\r\n              mb: mb || \"8px\",\r\n              ...labelSx,\r\n            }}\r\n          >\r\n            {label}\r\n            {required && <span className=\"required\">*</span>}\r\n          </FormLabel>\r\n        )}\r\n        <TextField\r\n          // ref={ref}\r\n          fullWidth={isFullWidth}\r\n          type={type}\r\n          label=\"\"\r\n          defaultValue={defaultValue}\r\n          value={value}\r\n          placeholder={placeholder}\r\n          inputProps={{\r\n            ref: ref,\r\n          }}\r\n          sx={{\r\n            margin: margin ? margin : \"3px\",\r\n            \"&.MuiFormControl-root\": {\r\n              border:\r\n                errorMessage.length > 0\r\n                  ? \"#FF3C3C !important\"\r\n                  : `${simpleBorderColor} !important`,\r\n              borderRadius: borderRadius,\r\n            },\r\n            input: {\r\n              py: 0,\r\n              height: `${Number(height) - 2}px !important`,\r\n              borderColor:\r\n                errorMessage.length > 0\r\n                  ? \"#FF3C3C !important\"\r\n                  : simpleBorderColor,\r\n              color:\r\n                errorMessage.length > 0\r\n                  ? \"#FF3C3C !important\"\r\n                  : \"#18181B !important\",\r\n              \"&::placeholder\": {\r\n                fontSize: \"13.5px !important\",\r\n                color: \"#848382 !important\",\r\n                opacity: 1,\r\n                fontWeight: 300,\r\n              },\r\n            },\r\n            \"& textarea\": {\r\n              p: \"10px 14px !important\",\r\n              fontSize: fontSizes.fontSize14,\r\n              borderColor:\r\n                errorMessage.length > 0\r\n                  ? \"#FF3C3C !important\"\r\n                  : simpleBorderColor,\r\n              color:\r\n                errorMessage.length > 0\r\n                  ? \"#FF3C3C !important\"\r\n                  : \"#18181B !important\",\r\n              // boxShadow: \"0px 1px 2px 0px #1018280D\",\r\n              \"&::placeholder\": {\r\n                fontSize: \"13.5px !important\",\r\n                color: \"#848382 !important\",\r\n                opacity: 1,\r\n                fontWeight: 300,\r\n              },\r\n            },\r\n            \"& .MuiOutlinedInput-input\": {\r\n              \"&:focus\": {\r\n                border: `1px solid ${color.primaryColor}`,\r\n                boxShadow: `0px 0px 0px 3px ${color.lightPrimary}`,\r\n              },\r\n            },\r\n            \"& fieldset\": {\r\n              display: \"none !important\",\r\n            },\r\n          }}\r\n          {...rest}\r\n        />\r\n        {errorMessage.length > 0 && (\r\n          <Stack\r\n            mt={\"5px\"}\r\n            direction={\"row\"}\r\n            alignItems={\"center\"}\r\n            justifyContent={\"flex-start\"}\r\n          >\r\n            {/* <IcInfoOutlined fill={color.errorColor} /> */}\r\n            <Typography\r\n              color={color.errorColor}\r\n              fontSize={fontSizes.fontSize13}\r\n              fontWeight={500}\r\n            >\r\n              {errorMessage}\r\n            </Typography>\r\n          </Stack>\r\n        )}\r\n      </FormControl>\r\n    );\r\n  }\r\n);\r\n\r\nexport default SimpleInput;\r\n","import {\r\n  Box,\r\n  FormControl,\r\n  FormLabel,\r\n  InputAdornment,\r\n  OutlinedInput,\r\n} from \"@mui/material\";\r\nimport React from \"react\";\r\nimport { IcCloseThin, IcSearchOutlined } from \"../assets/icon-components\";\r\nimport { fontSizes } from \"../Utils/style/font/fontsizes\";\r\n\r\nconst SearchInput = ({\r\n  label,\r\n  required,\r\n  placeholder,\r\n  onChange,\r\n  formControlSx = {},\r\n  value = \"\",\r\n  xsHeight = 36,\r\n  mdHeight = 36,\r\n  lgHeight = 40,\r\n  xlHeight = 44,\r\n  height = 44,\r\n  searchIconWidth = 16,\r\n  searchIconHeight = 16,\r\n  onClick,\r\n  id = \"search_input\",\r\n  onFocus,\r\n  onBlur,\r\n  color = \"#959BA3\",\r\n  backgroundColor,\r\n  searchingCloseThin = \"#18181b\", \r\n}) => {\r\n  return (\r\n    <>\r\n      <FormControl\r\n        id={id}\r\n        fullWidth\r\n        sx={{\r\n          ...formControlSx,\r\n        }}\r\n      >\r\n        {label && (\r\n          <FormLabel\r\n            sx={{\r\n              color: \"#18181B\",\r\n              fontSize: {\r\n                xs: `${fontSizes.smallFont} !important`,\r\n                md: `${fontSizes.mediumFont} !important`,\r\n                xl: `${fontSizes.fontSize14} !important`,\r\n              },\r\n              fontWeight: 400,\r\n              mb: \"8px\",\r\n            }}\r\n          >\r\n            {label}\r\n            {required && <span className=\"required\">*</span>}\r\n          </FormLabel>\r\n        )}\r\n        <Box\r\n          borderRadius={\"6px\"}\r\n          alignItems={\"center\"}\r\n          height={{\r\n            xs: xsHeight,\r\n            md: mdHeight,\r\n            lg: lgHeight,\r\n            xl: xlHeight,\r\n          }}\r\n        >\r\n          <OutlinedInput\r\n            fullWidth\r\n            startAdornment={\r\n              <InputAdornment\r\n                position=\"end\"\r\n                sx={{\r\n                  color: \"#848382\",\r\n                  fontSize: \"12.6px\",\r\n                  ml: \"1px !important\",\r\n                  height: \"inherit\",\r\n                  padding: {\r\n                    xs: \"3px\",\r\n                    md: \"2px\",\r\n                    lg: \"2px\",\r\n                    xl: \"0px\",\r\n                  },\r\n                }}\r\n              >\r\n                <IcSearchOutlined\r\n                  // fill=\"#959BA3\"\r\n                  width=\"auto\"\r\n                  fill={color ? color : \"#959BA3\"}\r\n                  height={\"inherit\"}\r\n                />\r\n              </InputAdornment>\r\n            }\r\n            label=\"\"\r\n            placeholder={placeholder}\r\n            sx={{\r\n              borderRadius: \"8px !important\",\r\n              height: { xs: xsHeight, md: mdHeight, lg: lgHeight, xl: xlHeight },\r\n              backgroundColor: backgroundColor ? backgroundColor : \"#F7F7F7\",\r\n              px: \"8px\",\r\n              input: {\r\n                py: 0,\r\n                pl: \"6px\",\r\n                border: \"none !important\",\r\n                mt: \"-1x\",\r\n                \"&::placeholder\": {\r\n                  // color: \"red !important\",\r\n                  color: `${color ? color : \"#959BA3\"} !important`,\r\n                  fontSize: 12.6,\r\n                  fontWeight: 400,\r\n                  opacity: 1,\r\n                },\r\n              },\r\n              \"& fieldset\": { display: \"none\" },\r\n            }}\r\n            onChange={onChange}\r\n            onClick={onClick}\r\n            value={value}\r\n            endAdornment={\r\n              value?.length > 0 ? (\r\n                <InputAdornment position=\"end\">\r\n                  <Box\r\n                    sx={{\r\n                      cursor: \"pointer\",\r\n                    }}\r\n                    onClick={() => onChange({ target: { value: \"\" } })}\r\n                  >\r\n                    <IcCloseThin height=\"18\" width=\"18\" fill={searchingCloseThin || \"#848382\"} />\r\n                  </Box>\r\n                </InputAdornment>\r\n              ) : undefined\r\n            }\r\n          />\r\n        </Box>\r\n      </FormControl>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default SearchInput;\r\n","import { Box, Typography } from \"@mui/material\";\r\nimport React from \"react\";\r\nimport { IcUpgrade } from \"../assets/icon-components\";\r\nimport { fontSizes } from \"../Utils/style/font/fontsizes\";\r\n\r\nconst UpgradePremiumTagGray = () => {\r\n\r\n  return (\r\n    <Box\r\n      display={\"inline-flex\"}\r\n      gap={1}\r\n      alignItems={\"center\"}\r\n      border={\"1px solid #E1E1E1\"}\r\n      borderRadius={\"8px\"}\r\n      px={\"10px\"}\r\n      py=\"6px\"\r\n      bgcolor={\"#F9FAFB\"}\r\n    >\r\n      <IcUpgrade fill=\"#848382\" />\r\n      <Typography\r\n        display={\"inline\"}\r\n        fontSize={fontSizes.smallFont}\r\n        fontWeight={600}\r\n        color={\"#848382\"}\r\n      >\r\n        Upgrade\r\n      </Typography>\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default UpgradePremiumTagGray;\r\n"],"names":["_ref","tooltipTitle","tooltipPlacement","_jsx","CustomNameTooltip","title","placement","children","Box","height","width","position","bgcolor","color","disableSectionBG","top","left","label","required","placeholder","type","defaultValue","errorMessage","value","labelIcon","onChange","endAdornment","startAdornment","inputSx","mainSx","autoFocus","name","onKeyPress","onBlur","onFocus","fullWidth","inputFontWeight","inputFontSize","labelAdornment","disabled","labelSx","rest","_objectWithoutProperties","_excluded","focus","setFocus","useState","inputRef","useRef","copied","setCopied","_jsxs","FormControl","sx","_objectSpread","borderRadius","className","Stack","direction","alignItems","justifyContent","mb","FormLabel","fontSize","xs","concat","fontSizes","mediumFont","md","fontSize13","xl","fontSize14","fontWeight","lineHeight","display","_Fragment","border","length","lightPrimary","OutlinedInput","id","autoComplete","borderColor","primaryColor","pr","input","py","pl","opacity","fieldset","InputAdornment","Number","px","TextField","backgroundColor","textarea","mt","Typography","errorColor","selectedDocs","projects","setIsAddNewProject","isAddNewProject","form","setForm","handleAddProject","loading","setFormErrors","openedFolders","setSelectedDocs","setOpenDropdown","openDropdown","selectedOption","isDropDown","formErrors","flexWrap","cursor","onClick","e","stopPropagation","lg","project_name","subTitle","IcArrowDown2","fill","transform","p","boxShadow","zIndex","maxHeight","overflow","gap","IcPlusSquaredOutlined","style","transition","LargeSimpleInput","target","marginTop","flexDirection","my","BtnColoredOutlined","greyHover","commonBorderColor","hoverSx","darkGray","btnTextHeight","BtnGradient","map","project","Fragment","background","project_id","IcFolder2Outlined","titleDark","ml","borderWidth","borderStyle","src","s3AssetsUrl","alt","textAlign","commonHoverColor","formControlSx","xsHeight","showBorder","bgColor","isdoubleborder","primaryShadowColor","smallFont","IcSearchOutlined","outline","onKeyDown","IcCloseThin","_errorMessage$trim","_errorMessage$trim2","xsLabelFontSize","labelFontSize","labelStyle","checked","sideLabel","checkboxBorderColor","minHeight","minWidth","IcCheck","trim","props","loaderColor","loaderPathColor","CircularProgress","variant","size","animationDuration","Math","round","forwardRef","ref","isFullWidth","simpleBorderColor","mainClassNames","margin","inputProps","mdHeight","lgHeight","xlHeight","searchIconWidth","searchIconHeight","searchingCloseThin","padding","undefined","UpgradePremiumTagGray","IcUpgrade"],"sourceRoot":""}